@twilio-paste/design-tokens/dist/themes/console/tokens.common.js

const borderRadius0 = "0";
const borderRadius10 = "3px";
const borderRadius20 = "4px";
const borderRadius30 = "8px";
const borderRadiusCircle = "50%";
const borderWidth0 = "0";
const borderWidth10 = "1px";
const borderWidth20 = "2px";
const borderWidth30 = "4px";
const borderWidth40 = "8px";
const colorBackground = "rgb(248, 248, 249)";
const colorBackgroundBody = "rgb(255, 255, 255)";
const colorBackgroundBrand = "rgb(35, 54, 89)";
const colorBackgroundBrandHighlight = "rgb(242, 47, 70)";
const colorBackgroundDark = "rgb(228, 231, 233)";
const colorBackgroundDarker = "rgb(200, 204, 207)";
const colorBackgroundDarkest = "rgb(112, 117, 120)";
const colorBackgroundDestructive = "rgb(226, 37, 37)";
const colorBackgroundDestructiveDark = "rgb(146, 18, 0)";
const colorBackgroundDestructiveDarker = "rgb(96, 1, 1)";
const colorBackgroundDestructiveLight = "rgb(236, 182, 182)";
const colorBackgroundDestructiveLighter = "rgb(245, 221, 221)";
const colorBackgroundDestructiveLightest = "rgb(255, 233, 231)";
const colorBackgroundError = "rgb(226, 37, 37)";
const colorBackgroundErrorDark = "rgb(146, 18, 0)";
const colorBackgroundErrorLightest = "rgb(255, 233, 231)";
const colorBackgroundInverse = "rgb(40, 42, 43)";
const colorBackgroundNeutralLightest = "rgb(245, 248, 255)";
const colorBackgroundOverlay = "rgba(40, 42, 43, 0.5)";
const colorBackgroundPrimary = "rgb(2, 122, 197)";
const colorBackgroundPrimaryDark = "rgb(0, 62, 130)";
const colorBackgroundPrimaryDarker = "rgb(3, 44, 94)";
const colorBackgroundPrimaryLight = "rgb(179, 211, 233)";
const colorBackgroundPrimaryLighter = "rgb(220, 234, 244)";
const colorBackgroundPrimaryLightest = "rgb(245, 248, 255)";
const colorBackgroundRequired = "rgb(222, 88, 88)";
const colorBackgroundRowStriped = "rgb(248, 248, 249)";
const colorBackgroundSuccess = "rgb(0, 153, 74)";
const colorBackgroundSuccessLightest = "rgb(224, 255, 239)";
const colorBackgroundWarning = "rgb(228, 98, 22)";
const colorBackgroundWarningLightest = "rgb(255, 236, 216)";
const colorBorder = "rgb(136, 140, 142)";
const colorBorderDark = "rgb(136, 140, 142)";
const colorBorderDestructive = "rgb(226, 37, 37)";
const colorBorderDestructiveDark = "rgb(146, 18, 0)";
const colorBorderDestructiveDarker = "rgb(96, 1, 1)";
const colorBorderDestructiveLight = "rgb(236, 182, 182)";
const colorBorderDestructiveLighter = "rgb(245, 221, 221)";
const colorBorderError = "rgb(226, 37, 37)";
const colorBorderErrorDark = "rgb(146, 18, 0)";
const colorBorderErrorLight = "rgb(222, 88, 88)";
const colorBorderErrorLightest = "rgb(255, 233, 231)";
const colorBorderInverse = "rgb(255, 255, 255)";
const colorBorderLight = "rgb(228, 231, 233)";
const colorBorderNeutralLight = "rgb(200, 204, 207)";
const colorBorderPrimary = "rgb(2, 122, 197)";
const colorBorderPrimaryDark = "rgb(0, 62, 130)";
const colorBorderPrimaryDarker = "rgb(3, 44, 94)";
const colorBorderPrimaryLight = "rgb(179, 211, 233)";
const colorBorderPrimaryLighter = "rgb(220, 234, 244)";
const colorBorderSuccess = "rgb(0, 153, 74)";
const colorBorderSuccessLightest = "rgb(224, 255, 239)";
const colorBorderWarning = "rgb(228, 98, 22)";
const colorBorderWarningLight = "rgb(242, 133, 16)";
const colorBorderWarningLightest = "rgb(255, 236, 216)";
const colorBrand = "rgb(35, 54, 89)";
const colorBrandHighlight = "rgb(242, 47, 70)";
const colorGray0 = "rgb(255, 255, 255)";
const colorGray10 = "rgb(249, 250, 251)";
const colorGray100 = "rgb(40, 42, 43)";
const colorGray20 = "rgb(248, 248, 249)";
const colorGray30 = "rgb(242, 243, 244)";
const colorGray40 = "rgb(228, 231, 233)";
const colorGray50 = "rgb(200, 204, 207)";
const colorGray60 = "rgb(136, 140, 142)";
const colorGray70 = "rgb(112, 117, 120)";
const colorGray80 = "rgb(79, 83, 85)";
const colorGray90 = "rgb(66, 69, 71)";
const colorText = "rgb(40, 42, 43)";
const colorTextBrandHighlight = "rgb(242, 47, 70)";
const colorTextBrandInverse = "rgb(255, 255, 255)";
const colorTextError = "rgb(226, 37, 37)";
const colorTextErrorDark = "rgb(146, 18, 0)";
const colorTextIcon = "rgb(112, 117, 120)";
const colorTextInverse = "rgb(255, 255, 255)";
const colorTextInverseWeak = "rgb(200, 204, 207)";
const colorTextLabel = "rgb(40, 42, 43)";
const colorTextLink = "rgb(0, 94, 166)";
const colorTextLinkDark = "rgb(0, 62, 130)";
const colorTextLinkDarker = "rgb(3, 44, 94)";
const colorTextLinkDestructive = "rgb(226, 37, 37)";
const colorTextLinkDestructiveDark = "rgb(178, 6, 0)";
const colorTextLinkDestructiveDarker = "rgb(146, 18, 0)";
const colorTextLinkDestructiveLight = "rgb(236, 182, 182)";
const colorTextLinkLight = "rgb(179, 211, 233)";
const colorTextPlaceholder = "rgb(112, 117, 120)";
const colorTextSuccess = "rgb(0, 153, 74)";
const colorTextWarning = "rgb(228, 98, 22)";
const colorTextWarningDark = "rgb(168, 62, 0)";
const colorTextWeak = "rgb(112, 117, 120)";
const colorTextWeaker = "rgb(200, 204, 207)";
const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";
const fontFamilyText = "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
const fontSize10 = "0.625rem";
const fontSize100 = "2.5rem";
const fontSize110 = "3rem";
const fontSize20 = "0.75rem";
const fontSize30 = "0.875rem";
const fontSize40 = "1rem";
const fontSize50 = "1.125rem";
const fontSize60 = "1.25rem";
const fontSize70 = "1.5rem";
const fontSize80 = "1.75rem";
const fontSize90 = "2rem";
const fontWeightBold = "700";
const fontWeightLight = "300";
const fontWeightMedium = "500";
const fontWeightNormal = "400";
const fontWeightSemibold = "500";
const lineHeight10 = "1rem";
const lineHeight100 = "3.25rem";
const lineHeight110 = "3.75rem";
const lineHeight20 = "1.25rem";
const lineHeight30 = "1.5rem";
const lineHeight40 = "1.75rem";
const lineHeight50 = "1.75rem";
const lineHeight60 = "1.75rem";
const lineHeight70 = "2rem";
const lineHeight80 = "2.25rem";
const lineHeight90 = "2.5rem";
const shadowBorder = "0 0 0 1px #888c8e";
const shadowBorderError = "0 0 0 1px #e22525";
const shadowBorderErrorDark = "0 0 0 1px #921200";
const shadowBorderLight = "0 0 0 1px #e4e7e9";
const shadowBorderPrimaryDark = "0 0 0 1px #003e82";
const shadowBorderPrimaryDarker = "0 0 0 1px #032c5e";
const shadowCard = "0 2px 4px 0 rgba(40, 42, 43, 0.3)";
const shadowFocus = "0 0 0 4px rgba(2, 122, 197, 0.8)";
const size0 = "0";
const size10 = "5.5rem";
const size100 = "64rem";
const size110 = "70.5rem";
const size120 = "77rem";
const size20 = "12rem";
const size30 = "18.5rem";
const size40 = "25rem";
const size50 = "31.5rem";
const size60 = "38rem";
const size70 = "44.5rem";
const size80 = "51rem";
const size90 = "57.5rem";
const sizeIcon10 = "1rem";
const sizeIcon100 = "3.25rem";
const sizeIcon110 = "3.75rem";
const sizeIcon20 = "1.25rem";
const sizeIcon30 = "1.5rem";
const sizeIcon40 = "1.75rem";
const sizeIcon50 = "1.75rem";
const sizeIcon60 = "1.75rem";
const sizeIcon70 = "2rem";
const sizeIcon80 = "2.25rem";
const sizeIcon90 = "2.5rem";
const sizeSquare0 = "0";
const sizeSquare10 = "0.125rem";
const sizeSquare100 = "2.25rem";
const sizeSquare110 = "2.5rem";
const sizeSquare120 = "2.75rem";
const sizeSquare130 = "3rem";
const sizeSquare140 = "3.25rem";
const sizeSquare150 = "3.5rem";
const sizeSquare160 = "3.75rem";
const sizeSquare170 = "4rem";
const sizeSquare180 = "4.25rem";
const sizeSquare190 = "4.5rem";
const sizeSquare20 = "0.25rem";
const sizeSquare200 = "4.75rem";
const sizeSquare25 = "0.375rem";
const sizeSquare30 = "0.5rem";
const sizeSquare40 = "0.75rem";
const sizeSquare50 = "1rem";
const sizeSquare60 = "1.25rem";
const sizeSquare70 = "1.5rem";
const sizeSquare80 = "1.75rem";
const sizeSquare90 = "2rem";
const space0 = "0";
const space10 = "0.125rem";
const space100 = "2.25rem";
const space110 = "2.5rem";
const space120 = "2.75rem";
const space130 = "3rem";
const space140 = "3.25rem";
const space150 = "3.5rem";
const space160 = "3.75rem";
const space170 = "4rem";
const space180 = "4.25rem";
const space190 = "4.5rem";
const space20 = "0.25rem";
const space200 = "4.75rem";
const space30 = "0.5rem";
const space40 = "0.75rem";
const space50 = "1rem";
const space60 = "1.25rem";
const space70 = "1.5rem";
const space80 = "1.75rem";
const space90 = "2rem";
const zIndex0 = "0";
const zIndex10 = "10";
const zIndex20 = "20";
const zIndex30 = "30";
const zIndex40 = "40";
const zIndex50 = "50";
const zIndex60 = "60";
const zIndex70 = "70";
const zIndex80 = "80";
const zIndex90 = "90";

  module.exports = {
    borderRadius0,
borderRadius10,
borderRadius20,
borderRadius30,
borderRadiusCircle,
borderWidth0,
borderWidth10,
borderWidth20,
borderWidth30,
borderWidth40,
colorBackground,
colorBackgroundBody,
colorBackgroundBrand,
colorBackgroundBrandHighlight,
colorBackgroundDark,
colorBackgroundDarker,
colorBackgroundDarkest,
colorBackgroundDestructive,
colorBackgroundDestructiveDark,
colorBackgroundDestructiveDarker,
colorBackgroundDestructiveLight,
colorBackgroundDestructiveLighter,
colorBackgroundDestructiveLightest,
colorBackgroundError,
colorBackgroundErrorDark,
colorBackgroundErrorLightest,
colorBackgroundInverse,
colorBackgroundNeutralLightest,
colorBackgroundOverlay,
colorBackgroundPrimary,
colorBackgroundPrimaryDark,
colorBackgroundPrimaryDarker,
colorBackgroundPrimaryLight,
colorBackgroundPrimaryLighter,
colorBackgroundPrimaryLightest,
colorBackgroundRequired,
colorBackgroundRowStriped,
colorBackgroundSuccess,
colorBackgroundSuccessLightest,
colorBackgroundWarning,
colorBackgroundWarningLightest,
colorBorder,
colorBorderDark,
colorBorderDestructive,
colorBorderDestructiveDark,
colorBorderDestructiveDarker,
colorBorderDestructiveLight,
colorBorderDestructiveLighter,
colorBorderError,
colorBorderErrorDark,
colorBorderErrorLight,
colorBorderErrorLightest,
colorBorderInverse,
colorBorderLight,
colorBorderNeutralLight,
colorBorderPrimary,
colorBorderPrimaryDark,
colorBorderPrimaryDarker,
colorBorderPrimaryLight,
colorBorderPrimaryLighter,
colorBorderSuccess,
colorBorderSuccessLightest,
colorBorderWarning,
colorBorderWarningLight,
colorBorderWarningLightest,
colorBrand,
colorBrandHighlight,
colorGray0,
colorGray10,
colorGray100,
colorGray20,
colorGray30,
colorGray40,
colorGray50,
colorGray60,
colorGray70,
colorGray80,
colorGray90,
colorText,
colorTextBrandHighlight,
colorTextBrandInverse,
colorTextError,
colorTextErrorDark,
colorTextIcon,
colorTextInverse,
colorTextInverseWeak,
colorTextLabel,
colorTextLink,
colorTextLinkDark,
colorTextLinkDarker,
colorTextLinkDestructive,
colorTextLinkDestructiveDark,
colorTextLinkDestructiveDarker,
colorTextLinkDestructiveLight,
colorTextLinkLight,
colorTextPlaceholder,
colorTextSuccess,
colorTextWarning,
colorTextWarningDark,
colorTextWeak,
colorTextWeaker,
fontFamilyCode,
fontFamilyText,
fontSize10,
fontSize100,
fontSize110,
fontSize20,
fontSize30,
fontSize40,
fontSize50,
fontSize60,
fontSize70,
fontSize80,
fontSize90,
fontWeightBold,
fontWeightLight,
fontWeightMedium,
fontWeightNormal,
fontWeightSemibold,
lineHeight10,
lineHeight100,
lineHeight110,
lineHeight20,
lineHeight30,
lineHeight40,
lineHeight50,
lineHeight60,
lineHeight70,
lineHeight80,
lineHeight90,
shadowBorder,
shadowBorderError,
shadowBorderErrorDark,
shadowBorderLight,
shadowBorderPrimaryDark,
shadowBorderPrimaryDarker,
shadowCard,
shadowFocus,
size0,
size10,
size100,
size110,
size120,
size20,
size30,
size40,
size50,
size60,
size70,
size80,
size90,
sizeIcon10,
sizeIcon100,
sizeIcon110,
sizeIcon20,
sizeIcon30,
sizeIcon40,
sizeIcon50,
sizeIcon60,
sizeIcon70,
sizeIcon80,
sizeIcon90,
sizeSquare0,
sizeSquare10,
sizeSquare100,
sizeSquare110,
sizeSquare120,
sizeSquare130,
sizeSquare140,
sizeSquare150,
sizeSquare160,
sizeSquare170,
sizeSquare180,
sizeSquare190,
sizeSquare20,
sizeSquare200,
sizeSquare25,
sizeSquare30,
sizeSquare40,
sizeSquare50,
sizeSquare60,
sizeSquare70,
sizeSquare80,
sizeSquare90,
space0,
space10,
space100,
space110,
space120,
space130,
space140,
space150,
space160,
space170,
space180,
space190,
space20,
space200,
space30,
space40,
space50,
space60,
space70,
space80,
space90,
zIndex0,
zIndex10,
zIndex20,
zIndex30,
zIndex40,
zIndex50,
zIndex60,
zIndex70,
zIndex80,
zIndex90,
    backgroundColors: {
colorBackground,
colorBackgroundBody,
colorBackgroundBrand,
colorBackgroundBrandHighlight,
colorBackgroundDark,
colorBackgroundDarker,
colorBackgroundDarkest,
colorBackgroundDestructive,
colorBackgroundDestructiveDark,
colorBackgroundDestructiveDarker,
colorBackgroundDestructiveLight,
colorBackgroundDestructiveLighter,
colorBackgroundDestructiveLightest,
colorBackgroundError,
colorBackgroundErrorDark,
colorBackgroundErrorLightest,
colorBackgroundInverse,
colorBackgroundNeutralLightest,
colorBackgroundOverlay,
colorBackgroundPrimary,
colorBackgroundPrimaryDark,
colorBackgroundPrimaryDarker,
colorBackgroundPrimaryLight,
colorBackgroundPrimaryLighter,
colorBackgroundPrimaryLightest,
colorBackgroundRequired,
colorBackgroundRowStriped,
colorBackgroundSuccess,
colorBackgroundSuccessLightest,
colorBackgroundWarning,
colorBackgroundWarningLightest,
},
borderColors: {
colorBorder,
colorBorderDark,
colorBorderDestructive,
colorBorderDestructiveDark,
colorBorderDestructiveDarker,
colorBorderDestructiveLight,
colorBorderDestructiveLighter,
colorBorderError,
colorBorderErrorDark,
colorBorderErrorLight,
colorBorderErrorLightest,
colorBorderInverse,
colorBorderLight,
colorBorderNeutralLight,
colorBorderPrimary,
colorBorderPrimaryDark,
colorBorderPrimaryDarker,
colorBorderPrimaryLight,
colorBorderPrimaryLighter,
colorBorderSuccess,
colorBorderSuccessLightest,
colorBorderWarning,
colorBorderWarningLight,
colorBorderWarningLightest,
},
borderWidths: {
borderWidth0,
borderWidth10,
borderWidth20,
borderWidth30,
borderWidth40,
},
boxShadows: {
shadowBorder,
shadowBorderError,
shadowBorderErrorDark,
shadowBorderLight,
shadowBorderPrimaryDark,
shadowBorderPrimaryDarker,
shadowCard,
shadowFocus,
},
colors: {
colorBrand,
colorBrandHighlight,
colorGray0,
colorGray10,
colorGray100,
colorGray20,
colorGray30,
colorGray40,
colorGray50,
colorGray60,
colorGray70,
colorGray80,
colorGray90,
},
fonts: {
fontFamilyCode,
fontFamilyText,
},
fontSizes: {
fontSize10,
fontSize100,
fontSize110,
fontSize20,
fontSize30,
fontSize40,
fontSize50,
fontSize60,
fontSize70,
fontSize80,
fontSize90,
},
fontWeights: {
fontWeightBold,
fontWeightLight,
fontWeightMedium,
fontWeightNormal,
fontWeightSemibold,
},
lineHeights: {
lineHeight10,
lineHeight100,
lineHeight110,
lineHeight20,
lineHeight30,
lineHeight40,
lineHeight50,
lineHeight60,
lineHeight70,
lineHeight80,
lineHeight90,
},
radii: {
borderRadius0,
borderRadius10,
borderRadius20,
borderRadius30,
borderRadiusCircle,
},
sizings: {
size0,
size10,
size100,
size110,
size120,
size20,
size30,
size40,
size50,
size60,
size70,
size80,
size90,
sizeIcon10,
sizeIcon100,
sizeIcon110,
sizeIcon20,
sizeIcon30,
sizeIcon40,
sizeIcon50,
sizeIcon60,
sizeIcon70,
sizeIcon80,
sizeIcon90,
sizeSquare0,
sizeSquare10,
sizeSquare100,
sizeSquare110,
sizeSquare120,
sizeSquare130,
sizeSquare140,
sizeSquare150,
sizeSquare160,
sizeSquare170,
sizeSquare180,
sizeSquare190,
sizeSquare20,
sizeSquare200,
sizeSquare25,
sizeSquare30,
sizeSquare40,
sizeSquare50,
sizeSquare60,
sizeSquare70,
sizeSquare80,
sizeSquare90,
},
spacings: {
space0,
space10,
space100,
space110,
space120,
space130,
space140,
space150,
space160,
space170,
space180,
space190,
space20,
space200,
space30,
space40,
space50,
space60,
space70,
space80,
space90,
},
textColors: {
colorText,
colorTextBrandHighlight,
colorTextBrandInverse,
colorTextError,
colorTextErrorDark,
colorTextIcon,
colorTextInverse,
colorTextInverseWeak,
colorTextLabel,
colorTextLink,
colorTextLinkDark,
colorTextLinkDarker,
colorTextLinkDestructive,
colorTextLinkDestructiveDark,
colorTextLinkDestructiveDarker,
colorTextLinkDestructiveLight,
colorTextLinkLight,
colorTextPlaceholder,
colorTextSuccess,
colorTextWarning,
colorTextWarningDark,
colorTextWeak,
colorTextWeaker,
},
zIndices: {
zIndex0,
zIndex10,
zIndex20,
zIndex30,
zIndex40,
zIndex50,
zIndex60,
zIndex70,
zIndex80,
zIndex90,
},
  }