How to use the @twilio-paste/design-tokens/dist/themes/sendgrid/tokens.es6.sizings.size40 function in @twilio-paste/design-tokens

To help you get started, we’ve selected a few @twilio-paste/design-tokens examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github twilio-labs / paste / packages / paste-theme-tokens / src / sendgrid / index.ts View on Github external
borderColors,
  borderWidths,
  radii,
  colors,
  fonts,
  fontSizes,
  fontWeights,
  lineHeights,
  boxShadows,
  sizings,
  spacings,
  textColors,
  zIndices,
} from '@twilio-paste/design-tokens/dist/themes/sendgrid/tokens.es6';

const breakpoints = [sizings.size40, sizings.size100, sizings.size120];

export const SendGridTheme = {
  shadows: boxShadows,
  backgroundColors,
  borderColors,
  borderWidths,
  radii,
  breakpoints,
  colors,
  fonts,
  fontSizes,
  fontWeights,
  lineHeights,
  widths: sizings,
  maxWidths: sizings,
  minWidths: sizings,