How to use the bpk-tokens/tokens/base.es6.colors.colorGray700 function in bpk-tokens

const AlignedArrow = withAlignment(
  LongArrowRightIcon, lineHeightBase, iconSizeSm
);


  Search
   
  

`}
      ,
    ],
    examples: [
      
        Search  
        
      ,
    ],
  },
  {
    id: 'withinLarge',
    title: 'Icon alignment within text with textStyle "lg"',
    blurb: [
      
        Similarly, within text with textStyle large, alignment can be achieved
        as follows:
      ,
      
        {`import LongArrowRightIcon from 'bpk-component-icon/lg/long-arrow-right';
import { withAlignment } from 'bpk-component-icon';
import { lineHeightLg, iconSizeLg, colors } from 'bpk-tokens/tokens/base.es6';
import BpkText from 'bpk-component-text';

<div>
        
        
        
        
        
        
      </div>,
    ],
    examples: [],
  },
  {
    id: 'gradients',
    title: 'Gradients',
    blurb: [
      <div></div>