@twilio-paste/design-tokens/dist/themes/sendgrid/tokens.es6.d.ts

export declare const borderRadius0 = "0";
export declare const borderRadius10 = "2px";
export declare const borderRadius20 = "4px";
export declare const borderRadius30 = "8px";
export declare const borderRadiusCircle = "50%";
export declare const borderRadiusPill = "100px";
export declare const borderWidth0 = "0";
export declare const borderWidth10 = "1px";
export declare const borderWidth20 = "2px";
export declare const borderWidth30 = "4px";
export declare const borderWidth40 = "8px";
export declare const colorBackground = "rgb(244, 244, 246)";
export declare const colorBackgroundAvailable = "rgb(20, 176, 83)";
export declare const colorBackgroundBody = "rgb(255, 255, 255)";
export declare const colorBackgroundBodyInverse = "rgb(18, 28, 45)";
export declare const colorBackgroundBrand = "rgb(0, 20, 137)";
export declare const colorBackgroundBrandHighlight = "rgb(242, 47, 70)";
export declare const colorBackgroundBrandHighlightWeakest = "rgba(242, 47, 70, 0.1)";
export declare const colorBackgroundBrandStrong = "rgb(3, 11, 93)";
export declare const colorBackgroundBrandStronger = "rgb(6, 3, 58)";
export declare const colorBackgroundBusy = "rgb(244, 124, 34)";
export declare const colorBackgroundDecorative10Weakest = "rgb(244, 244, 246)";
export declare const colorBackgroundDecorative20Weakest = "rgb(235, 244, 255)";
export declare const colorBackgroundDecorative30Weakest = "rgb(237, 253, 243)";
export declare const colorBackgroundDecorative40Weakest = "rgb(245, 240, 252)";
export declare const colorBackgroundDestructive = "rgb(214, 31, 31)";
export declare const colorBackgroundDestructiveStrong = "rgb(117, 12, 12)";
export declare const colorBackgroundDestructiveStronger = "rgb(74, 11, 11)";
export declare const colorBackgroundDestructiveStrongest = "rgb(49, 12, 12)";
export declare const colorBackgroundDestructiveWeak = "rgb(246, 177, 177)";
export declare const colorBackgroundDestructiveWeaker = "rgb(252, 207, 207)";
export declare const colorBackgroundDestructiveWeakest = "rgb(254, 236, 236)";
export declare const colorBackgroundError = "rgb(214, 31, 31)";
export declare const colorBackgroundErrorStrong = "rgb(117, 12, 12)";
export declare const colorBackgroundErrorStronger = "rgb(74, 11, 11)";
export declare const colorBackgroundErrorWeakest = "rgb(254, 236, 236)";
export declare const colorBackgroundInverse = "rgb(31, 48, 76)";
export declare const colorBackgroundInverseStrong = "rgb(57, 71, 98)";
export declare const colorBackgroundNeutralWeakest = "rgb(235, 244, 255)";
export declare const colorBackgroundNew = "rgb(245, 240, 252)";
export declare const colorBackgroundOffline = "rgb(174, 178, 193)";
export declare const colorBackgroundOverlay = "rgba(6, 3, 58, 0.4)";
export declare const colorBackgroundPrimary = "rgb(2, 99, 224)";
export declare const colorBackgroundPrimaryStrong = "rgb(0, 20, 137)";
export declare const colorBackgroundPrimaryStronger = "rgb(3, 11, 93)";
export declare const colorBackgroundPrimaryStrongest = "rgb(6, 3, 58)";
export declare const colorBackgroundPrimaryWeak = "rgb(153, 205, 255)";
export declare const colorBackgroundPrimaryWeaker = "rgb(204, 228, 255)";
export declare const colorBackgroundPrimaryWeakest = "rgb(235, 244, 255)";
export declare const colorBackgroundRequired = "rgb(235, 86, 86)";
export declare const colorBackgroundRowStriped = "rgb(244, 244, 246)";
export declare const colorBackgroundStrong = "rgb(225, 227, 234)";
export declare const colorBackgroundStronger = "rgb(136, 145, 170)";
export declare const colorBackgroundStrongest = "rgb(75, 86, 113)";
export declare const colorBackgroundSubaccount = "rgb(255, 241, 179)";
export declare const colorBackgroundSuccess = "rgb(20, 176, 83)";
export declare const colorBackgroundSuccessWeakest = "rgb(237, 253, 243)";
export declare const colorBackgroundTrial = "rgb(209, 250, 224)";
export declare const colorBackgroundUnavailable = "rgb(214, 31, 31)";
export declare const colorBackgroundUser = "rgb(200, 175, 240)";
export declare const colorBackgroundWarning = "rgb(244, 124, 34)";
export declare const colorBackgroundWarningWeakest = "rgb(254, 245, 238)";
export declare const colorBorder = "rgb(136, 145, 170)";
export declare const colorBorderDecorative10Weaker = "rgb(225, 227, 234)";
export declare const colorBorderDecorative20Weaker = "rgb(204, 228, 255)";
export declare const colorBorderDecorative30Weaker = "rgb(209, 250, 224)";
export declare const colorBorderDecorative40Weaker = "rgb(231, 220, 250)";
export declare const colorBorderDestructive = "rgb(214, 31, 31)";
export declare const colorBorderDestructiveStrong = "rgb(117, 12, 12)";
export declare const colorBorderDestructiveStronger = "rgb(74, 11, 11)";
export declare const colorBorderDestructiveStrongest = "rgb(49, 12, 12)";
export declare const colorBorderDestructiveWeak = "rgb(246, 177, 177)";
export declare const colorBorderDestructiveWeaker = "rgb(252, 207, 207)";
export declare const colorBorderDestructiveWeakest = "rgb(254, 236, 236)";
export declare const colorBorderError = "rgb(214, 31, 31)";
export declare const colorBorderErrorStrong = "rgb(117, 12, 12)";
export declare const colorBorderErrorStronger = "rgb(74, 11, 11)";
export declare const colorBorderErrorWeak = "rgb(245, 138, 138)";
export declare const colorBorderErrorWeaker = "rgb(252, 207, 207)";
export declare const colorBorderErrorWeakest = "rgb(254, 236, 236)";
export declare const colorBorderInverse = "rgb(136, 145, 170)";
export declare const colorBorderInverseStrong = "rgb(225, 227, 234)";
export declare const colorBorderInverseStronger = "rgb(244, 244, 246)";
export declare const colorBorderInverseStrongest = "rgb(255, 255, 255)";
export declare const colorBorderInverseWeaker = "rgb(57, 71, 98)";
export declare const colorBorderInverseWeakest = "rgb(31, 48, 76)";
export declare const colorBorderNeutral = "rgb(2, 99, 224)";
export declare const colorBorderNeutralWeak = "rgb(102, 179, 255)";
export declare const colorBorderNeutralWeaker = "rgb(204, 228, 255)";
export declare const colorBorderNewWeaker = "rgb(231, 220, 250)";
export declare const colorBorderPrimary = "rgb(2, 99, 224)";
export declare const colorBorderPrimaryStrong = "rgb(0, 20, 137)";
export declare const colorBorderPrimaryStronger = "rgb(3, 11, 93)";
export declare const colorBorderPrimaryStrongest = "rgb(6, 3, 58)";
export declare const colorBorderPrimaryWeak = "rgb(153, 205, 255)";
export declare const colorBorderPrimaryWeaker = "rgb(204, 228, 255)";
export declare const colorBorderPrimaryWeakest = "rgb(235, 244, 255)";
export declare const colorBorderStrong = "rgb(96, 107, 133)";
export declare const colorBorderSuccess = "rgb(20, 176, 83)";
export declare const colorBorderSuccessWeak = "rgb(54, 213, 118)";
export declare const colorBorderSuccessWeaker = "rgb(209, 250, 224)";
export declare const colorBorderSuccessWeakest = "rgb(237, 253, 243)";
export declare const colorBorderWarning = "rgb(244, 124, 34)";
export declare const colorBorderWarningWeak = "rgb(255, 179, 122)";
export declare const colorBorderWarningWeaker = "rgb(253, 220, 196)";
export declare const colorBorderWarningWeakest = "rgb(254, 245, 238)";
export declare const colorBorderWeak = "rgb(202, 205, 216)";
export declare const colorBorderWeaker = "rgb(225, 227, 234)";
export declare const colorBrand = "rgb(0, 20, 137)";
export declare const colorBrandHighlight = "rgb(242, 47, 70)";
export declare const colorDataVisualization1 = "rgb(0, 20, 137)";
export declare const colorDataVisualization10 = "rgb(235, 86, 86)";
export declare const colorDataVisualization2 = "rgb(14, 124, 58)";
export declare const colorDataVisualization3 = "rgb(13, 58, 31)";
export declare const colorDataVisualization4 = "rgb(0, 140, 255)";
export declare const colorDataVisualization5 = "rgb(57, 71, 98)";
export declare const colorDataVisualization6 = "rgb(166, 127, 227)";
export declare const colorDataVisualization7 = "rgb(109, 46, 209)";
export declare const colorDataVisualization8 = "rgb(136, 145, 170)";
export declare const colorDataVisualization9 = "rgb(117, 12, 12)";
export declare const colorGray0 = "rgb(255, 255, 255)";
export declare const colorGray10 = "rgb(244, 244, 246)";
export declare const colorGray100 = "rgb(18, 28, 45)";
export declare const colorGray20 = "rgb(225, 227, 234)";
export declare const colorGray30 = "rgb(202, 205, 216)";
export declare const colorGray40 = "rgb(174, 178, 193)";
export declare const colorGray50 = "rgb(136, 145, 170)";
export declare const colorGray60 = "rgb(96, 107, 133)";
export declare const colorGray70 = "rgb(75, 86, 113)";
export declare const colorGray80 = "rgb(57, 71, 98)";
export declare const colorGray90 = "rgb(31, 48, 76)";
export declare const colorText = "rgb(18, 28, 45)";
export declare const colorTextBrandHighlight = "rgb(242, 47, 70)";
export declare const colorTextBrandInverse = "rgb(255, 255, 255)";
export declare const colorTextDecorative10 = "rgb(96, 107, 133)";
export declare const colorTextDecorative20 = "rgb(0, 20, 137)";
export declare const colorTextDecorative30 = "rgb(14, 124, 58)";
export declare const colorTextDecorative40 = "rgb(109, 46, 209)";
export declare const colorTextError = "rgb(214, 31, 31)";
export declare const colorTextErrorStrong = "rgb(173, 17, 17)";
export declare const colorTextErrorWeak = "rgb(235, 86, 86)";
export declare const colorTextIcon = "rgb(96, 107, 133)";
export declare const colorTextIconAvailable = "rgb(14, 124, 58)";
export declare const colorTextIconBrandHighlight = "rgb(242, 47, 70)";
export declare const colorTextIconBrandInverse = "rgb(255, 255, 255)";
export declare const colorTextIconBusy = "rgb(227, 106, 25)";
export declare const colorTextIconError = "rgb(214, 31, 31)";
export declare const colorTextIconInverse = "rgb(136, 145, 170)";
export declare const colorTextIconNeutral = "rgb(0, 20, 137)";
export declare const colorTextIconOffline = "rgb(96, 107, 133)";
export declare const colorTextIconSuccess = "rgb(14, 124, 58)";
export declare const colorTextIconUnavailable = "rgb(214, 31, 31)";
export declare const colorTextIconWarning = "rgb(227, 106, 25)";
export declare const colorTextInverse = "rgb(255, 255, 255)";
export declare const colorTextInverseWeak = "rgb(174, 178, 193)";
export declare const colorTextInverseWeaker = "rgb(96, 107, 133)";
export declare const colorTextLink = "rgb(2, 99, 224)";
export declare const colorTextLinkDestructive = "rgb(214, 31, 31)";
export declare const colorTextLinkDestructiveStrong = "rgb(173, 17, 17)";
export declare const colorTextLinkDestructiveStronger = "rgb(74, 11, 11)";
export declare const colorTextLinkDestructiveStrongest = "rgb(49, 12, 12)";
export declare const colorTextLinkDestructiveWeak = "rgb(246, 177, 177)";
export declare const colorTextLinkStrong = "rgb(0, 20, 137)";
export declare const colorTextLinkStronger = "rgb(3, 11, 93)";
export declare const colorTextLinkStrongest = "rgb(6, 3, 58)";
export declare const colorTextLinkWeak = "rgb(153, 205, 255)";
export declare const colorTextNeutral = "rgb(0, 20, 137)";
export declare const colorTextNew = "rgb(109, 46, 209)";
export declare const colorTextSuccess = "rgb(14, 124, 58)";
export declare const colorTextWarning = "rgb(141, 49, 24)";
export declare const colorTextWarningStrong = "rgb(141, 49, 24)";
export declare const colorTextWeak = "rgb(96, 107, 133)";
export declare const colorTextWeaker = "rgb(174, 178, 193)";
export declare const colorTextWeakest = "rgb(255, 255, 255)";
export declare const fontFamilyCode = "'Fira Mono', Courier, monospace";
export declare const fontFamilyText = "'Colfax', Helvetica, Arial, sans-serif";
export declare const fontFamilyTextChineseSimplified = "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif";
export declare const fontFamilyTextChineseTraditional = "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
export declare const fontFamilyTextJapanese = "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif";
export declare const fontFamilyTextKorean = "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
export declare const fontSize10 = "0.625rem";
export declare const fontSize100 = "2.5rem";
export declare const fontSize110 = "3rem";
export declare const fontSize20 = "0.75rem";
export declare const fontSize30 = "0.875rem";
export declare const fontSize40 = "1rem";
export declare const fontSize50 = "1.125rem";
export declare const fontSize60 = "1.25rem";
export declare const fontSize70 = "1.5rem";
export declare const fontSize80 = "1.75rem";
export declare const fontSize90 = "2rem";
export declare const fontWeightBold = "700";
export declare const fontWeightLight = "400";
export declare const fontWeightMedium = "500";
export declare const fontWeightNormal = "400";
export declare const fontWeightSemibold = "600";
export declare const lineHeight0 = "0";
export declare const lineHeight10 = "1rem";
export declare const lineHeight100 = "3.25rem";
export declare const lineHeight110 = "4rem";
export declare const lineHeight20 = "1.25rem";
export declare const lineHeight30 = "1.25rem";
export declare const lineHeight40 = "1.5rem";
export declare const lineHeight50 = "1.75rem";
export declare const lineHeight60 = "1.75rem";
export declare const lineHeight70 = "2rem";
export declare const lineHeight80 = "2.5rem";
export declare const lineHeight90 = "2.75rem";
export declare const shadow = "0 4px 16px 0 rgba(18, 28, 45, 0.2)";
export declare const shadowBorder = "0 0 0 1px #8891aa";
export declare const shadowBorderBottomDecorative10Weaker = "0 1px 0 #e1e3ea";
export declare const shadowBorderBottomDecorative20Weaker = "0 1px 0 #cce4ff";
export declare const shadowBorderBottomDecorative30Weaker = "0 1px 0 #d1fae0";
export declare const shadowBorderBottomDecorative40Weaker = "0 1px 0 #e7dcfa";
export declare const shadowBorderBottomErrorWeaker = "0 1px 0 #fccfcf";
export declare const shadowBorderBottomNeutralWeaker = "0 1px 0 #cce4ff";
export declare const shadowBorderBottomNewWeaker = "0 1px 0 #e7dcfa";
export declare const shadowBorderBottomSuccessWeaker = "0 1px 0 #d1fae0";
export declare const shadowBorderBottomWarningWeaker = "0 1px 0 #fddcc4";
export declare const shadowBorderDestructive = "0 0 0 1px #d61f1f";
export declare const shadowBorderDestructiveStrong = "0 0 0 1px #750c0c";
export declare const shadowBorderDestructiveStronger = "0 0 0 1px #4a0b0b";
export declare const shadowBorderDestructiveStrongest = "0 0 0 1px #310c0c";
export declare const shadowBorderDestructiveWeak = "0 0 0 1px #f6b1b1";
export declare const shadowBorderDestructiveWeaker = "0 0 0 1px #fccfcf";
export declare const shadowBorderError = "0 0 0 1px #d61f1f";
export declare const shadowBorderErrorStrong = "0 0 0 1px #750c0c";
export declare const shadowBorderErrorStronger = "0 0 0 1px #4a0b0b";
export declare const shadowBorderErrorWeak = "0 0 0 1px #eb5656";
export declare const shadowBorderInverse = "0 0 0 1px #8891aa";
export declare const shadowBorderInverseStrong = "0 0 0 1px #e1e3ea";
export declare const shadowBorderInverseStronger = "0 0 0 1px #f4f4f6";
export declare const shadowBorderInverseStrongest = "0 0 0 1px #ffffff";
export declare const shadowBorderInverseWeaker = "0 0 0 1px #394762";
export declare const shadowBorderInverseWeakest = "0 0 0 1px #1f304c";
export declare const shadowBorderPrimary = "0 0 0 1px #0263e0";
export declare const shadowBorderPrimaryStrong = "0 0 0 1px #001489";
export declare const shadowBorderPrimaryStronger = "0 0 0 1px #030b5d";
export declare const shadowBorderPrimaryStrongest = "0 0 0 1px #06033a";
export declare const shadowBorderPrimaryWeak = "0 0 0 1px #99cdff";
export declare const shadowBorderPrimaryWeaker = "0 0 0 1px #cce4ff";
export declare const shadowBorderStrong = "0 0 0 1px #606b85";
export declare const shadowBorderWeak = "0 0 0 1px #cacdd8";
export declare const shadowBorderWeaker = "0 0 0 1px #e1e3ea";
export declare const shadowCard = "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
export declare const shadowFocus = "0 0 0 4px rgba(2, 99, 224, 0.7)";
export declare const shadowFocusInset = "inset 0 0 0 2px rgba(2, 99, 224, 0.7)";
export declare const shadowFocusInverse = "0 0 0 4px rgba(255, 255, 255, 0.4)";
export declare const shadowHigh = "0 16px 24px 0 rgba(18, 28, 45, 0.2)";
export declare const shadowLow = "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
export declare const size0 = "0";
export declare const size10 = "5.5rem";
export declare const size100 = "64rem";
export declare const size110 = "70.5rem";
export declare const size120 = "77rem";
export declare const size20 = "12rem";
export declare const size30 = "18.5rem";
export declare const size40 = "25rem";
export declare const size50 = "31.5rem";
export declare const size60 = "38rem";
export declare const size70 = "44.5rem";
export declare const size80 = "51rem";
export declare const size90 = "57.5rem";
export declare const sizeIcon10 = "1rem";
export declare const sizeIcon100 = "3.25rem";
export declare const sizeIcon110 = "4rem";
export declare const sizeIcon20 = "1.25rem";
export declare const sizeIcon30 = "1.25rem";
export declare const sizeIcon40 = "1.5rem";
export declare const sizeIcon50 = "1.75rem";
export declare const sizeIcon60 = "1.75rem";
export declare const sizeIcon70 = "2rem";
export declare const sizeIcon80 = "2.5rem";
export declare const sizeIcon90 = "2.75rem";
export declare const sizeSidebar = "13.75rem";
export declare const sizeSquare0 = "0";
export declare const sizeSquare10 = "0.125rem";
export declare const sizeSquare100 = "2.25rem";
export declare const sizeSquare110 = "2.5rem";
export declare const sizeSquare120 = "2.75rem";
export declare const sizeSquare130 = "3rem";
export declare const sizeSquare140 = "3.25rem";
export declare const sizeSquare150 = "3.5rem";
export declare const sizeSquare160 = "3.75rem";
export declare const sizeSquare170 = "4rem";
export declare const sizeSquare180 = "4.25rem";
export declare const sizeSquare190 = "4.5rem";
export declare const sizeSquare20 = "0.25rem";
export declare const sizeSquare200 = "4.75rem";
export declare const sizeSquare25 = "0.375rem";
export declare const sizeSquare30 = "0.5rem";
export declare const sizeSquare40 = "0.75rem";
export declare const sizeSquare50 = "1rem";
export declare const sizeSquare60 = "1.25rem";
export declare const sizeSquare70 = "1.5rem";
export declare const sizeSquare80 = "1.75rem";
export declare const sizeSquare90 = "2rem";
export declare const space0 = "0";
export declare const space10 = "0.125rem";
export declare const space100 = "2.25rem";
export declare const space110 = "2.5rem";
export declare const space120 = "2.75rem";
export declare const space130 = "3rem";
export declare const space140 = "3.25rem";
export declare const space150 = "3.5rem";
export declare const space160 = "3.75rem";
export declare const space170 = "4rem";
export declare const space180 = "4.25rem";
export declare const space190 = "4.5rem";
export declare const space20 = "0.25rem";
export declare const space200 = "4.75rem";
export declare const space30 = "0.5rem";
export declare const space40 = "0.75rem";
export declare const space50 = "1rem";
export declare const space60 = "1.25rem";
export declare const space70 = "1.5rem";
export declare const space80 = "1.75rem";
export declare const space90 = "2rem";
export declare const spaceNegative10 = "-0.125rem";
export declare const spaceNegative100 = "-2.25rem";
export declare const spaceNegative110 = "-2.5rem";
export declare const spaceNegative120 = "-2.75rem";
export declare const spaceNegative130 = "-3rem";
export declare const spaceNegative140 = "-3.25rem";
export declare const spaceNegative150 = "-3.5rem";
export declare const spaceNegative160 = "-3.75rem";
export declare const spaceNegative170 = "-4rem";
export declare const spaceNegative180 = "-4.25rem";
export declare const spaceNegative190 = "-4.5rem";
export declare const spaceNegative20 = "-0.25rem";
export declare const spaceNegative200 = "-4.75rem";
export declare const spaceNegative30 = "-0.5rem";
export declare const spaceNegative40 = "-0.75rem";
export declare const spaceNegative50 = "-1rem";
export declare const spaceNegative60 = "-1.25rem";
export declare const spaceNegative70 = "-1.5rem";
export declare const spaceNegative80 = "-1.75rem";
export declare const spaceNegative90 = "-2rem";
export declare const zIndex0 = "0";
export declare const zIndex10 = "10";
export declare const zIndex20 = "20";
export declare const zIndex30 = "30";
export declare const zIndex40 = "40";
export declare const zIndex50 = "50";
export declare const zIndex60 = "60";
export declare const zIndex70 = "70";
export declare const zIndex80 = "80";
export declare const zIndex90 = "90";
export declare const backgroundColors: {
  colorBackground: "rgb(244, 244, 246)";
  colorBackgroundAvailable: "rgb(20, 176, 83)";
  colorBackgroundBody: "rgb(255, 255, 255)";
  colorBackgroundBodyInverse: "rgb(18, 28, 45)";
  colorBackgroundBrand: "rgb(0, 20, 137)";
  colorBackgroundBrandHighlight: "rgb(242, 47, 70)";
  colorBackgroundBrandHighlightWeakest: "rgba(242, 47, 70, 0.1)";
  colorBackgroundBrandStrong: "rgb(3, 11, 93)";
  colorBackgroundBrandStronger: "rgb(6, 3, 58)";
  colorBackgroundBusy: "rgb(244, 124, 34)";
  colorBackgroundDecorative10Weakest: "rgb(244, 244, 246)";
  colorBackgroundDecorative20Weakest: "rgb(235, 244, 255)";
  colorBackgroundDecorative30Weakest: "rgb(237, 253, 243)";
  colorBackgroundDecorative40Weakest: "rgb(245, 240, 252)";
  colorBackgroundDestructive: "rgb(214, 31, 31)";
  colorBackgroundDestructiveStrong: "rgb(117, 12, 12)";
  colorBackgroundDestructiveStronger: "rgb(74, 11, 11)";
  colorBackgroundDestructiveStrongest: "rgb(49, 12, 12)";
  colorBackgroundDestructiveWeak: "rgb(246, 177, 177)";
  colorBackgroundDestructiveWeaker: "rgb(252, 207, 207)";
  colorBackgroundDestructiveWeakest: "rgb(254, 236, 236)";
  colorBackgroundError: "rgb(214, 31, 31)";
  colorBackgroundErrorStrong: "rgb(117, 12, 12)";
  colorBackgroundErrorStronger: "rgb(74, 11, 11)";
  colorBackgroundErrorWeakest: "rgb(254, 236, 236)";
  colorBackgroundInverse: "rgb(31, 48, 76)";
  colorBackgroundInverseStrong: "rgb(57, 71, 98)";
  colorBackgroundNeutralWeakest: "rgb(235, 244, 255)";
  colorBackgroundNew: "rgb(245, 240, 252)";
  colorBackgroundOffline: "rgb(174, 178, 193)";
  colorBackgroundOverlay: "rgba(6, 3, 58, 0.4)";
  colorBackgroundPrimary: "rgb(2, 99, 224)";
  colorBackgroundPrimaryStrong: "rgb(0, 20, 137)";
  colorBackgroundPrimaryStronger: "rgb(3, 11, 93)";
  colorBackgroundPrimaryStrongest: "rgb(6, 3, 58)";
  colorBackgroundPrimaryWeak: "rgb(153, 205, 255)";
  colorBackgroundPrimaryWeaker: "rgb(204, 228, 255)";
  colorBackgroundPrimaryWeakest: "rgb(235, 244, 255)";
  colorBackgroundRequired: "rgb(235, 86, 86)";
  colorBackgroundRowStriped: "rgb(244, 244, 246)";
  colorBackgroundStrong: "rgb(225, 227, 234)";
  colorBackgroundStronger: "rgb(136, 145, 170)";
  colorBackgroundStrongest: "rgb(75, 86, 113)";
  colorBackgroundSubaccount: "rgb(255, 241, 179)";
  colorBackgroundSuccess: "rgb(20, 176, 83)";
  colorBackgroundSuccessWeakest: "rgb(237, 253, 243)";
  colorBackgroundTrial: "rgb(209, 250, 224)";
  colorBackgroundUnavailable: "rgb(214, 31, 31)";
  colorBackgroundUser: "rgb(200, 175, 240)";
  colorBackgroundWarning: "rgb(244, 124, 34)";
  colorBackgroundWarningWeakest: "rgb(254, 245, 238)";
};
export declare const borderColors: {
  colorBorder: "rgb(136, 145, 170)";
  colorBorderDecorative10Weaker: "rgb(225, 227, 234)";
  colorBorderDecorative20Weaker: "rgb(204, 228, 255)";
  colorBorderDecorative30Weaker: "rgb(209, 250, 224)";
  colorBorderDecorative40Weaker: "rgb(231, 220, 250)";
  colorBorderDestructive: "rgb(214, 31, 31)";
  colorBorderDestructiveStrong: "rgb(117, 12, 12)";
  colorBorderDestructiveStronger: "rgb(74, 11, 11)";
  colorBorderDestructiveStrongest: "rgb(49, 12, 12)";
  colorBorderDestructiveWeak: "rgb(246, 177, 177)";
  colorBorderDestructiveWeaker: "rgb(252, 207, 207)";
  colorBorderDestructiveWeakest: "rgb(254, 236, 236)";
  colorBorderError: "rgb(214, 31, 31)";
  colorBorderErrorStrong: "rgb(117, 12, 12)";
  colorBorderErrorStronger: "rgb(74, 11, 11)";
  colorBorderErrorWeak: "rgb(245, 138, 138)";
  colorBorderErrorWeaker: "rgb(252, 207, 207)";
  colorBorderErrorWeakest: "rgb(254, 236, 236)";
  colorBorderInverse: "rgb(136, 145, 170)";
  colorBorderInverseStrong: "rgb(225, 227, 234)";
  colorBorderInverseStronger: "rgb(244, 244, 246)";
  colorBorderInverseStrongest: "rgb(255, 255, 255)";
  colorBorderInverseWeaker: "rgb(57, 71, 98)";
  colorBorderInverseWeakest: "rgb(31, 48, 76)";
  colorBorderNeutral: "rgb(2, 99, 224)";
  colorBorderNeutralWeak: "rgb(102, 179, 255)";
  colorBorderNeutralWeaker: "rgb(204, 228, 255)";
  colorBorderNewWeaker: "rgb(231, 220, 250)";
  colorBorderPrimary: "rgb(2, 99, 224)";
  colorBorderPrimaryStrong: "rgb(0, 20, 137)";
  colorBorderPrimaryStronger: "rgb(3, 11, 93)";
  colorBorderPrimaryStrongest: "rgb(6, 3, 58)";
  colorBorderPrimaryWeak: "rgb(153, 205, 255)";
  colorBorderPrimaryWeaker: "rgb(204, 228, 255)";
  colorBorderPrimaryWeakest: "rgb(235, 244, 255)";
  colorBorderStrong: "rgb(96, 107, 133)";
  colorBorderSuccess: "rgb(20, 176, 83)";
  colorBorderSuccessWeak: "rgb(54, 213, 118)";
  colorBorderSuccessWeaker: "rgb(209, 250, 224)";
  colorBorderSuccessWeakest: "rgb(237, 253, 243)";
  colorBorderWarning: "rgb(244, 124, 34)";
  colorBorderWarningWeak: "rgb(255, 179, 122)";
  colorBorderWarningWeaker: "rgb(253, 220, 196)";
  colorBorderWarningWeakest: "rgb(254, 245, 238)";
  colorBorderWeak: "rgb(202, 205, 216)";
  colorBorderWeaker: "rgb(225, 227, 234)";
};
export declare const borderWidths: {
  borderWidth0: 0;
  borderWidth10: "1px";
  borderWidth20: "2px";
  borderWidth30: "4px";
  borderWidth40: "8px";
};
export declare const boxShadows: {
  shadow: "0 4px 16px 0 rgba(18, 28, 45, 0.2)";
  shadowBorder: "0 0 0 1px #8891aa";
  shadowBorderBottomDecorative10Weaker: "0 1px 0 #e1e3ea";
  shadowBorderBottomDecorative20Weaker: "0 1px 0 #cce4ff";
  shadowBorderBottomDecorative30Weaker: "0 1px 0 #d1fae0";
  shadowBorderBottomDecorative40Weaker: "0 1px 0 #e7dcfa";
  shadowBorderBottomErrorWeaker: "0 1px 0 #fccfcf";
  shadowBorderBottomNeutralWeaker: "0 1px 0 #cce4ff";
  shadowBorderBottomNewWeaker: "0 1px 0 #e7dcfa";
  shadowBorderBottomSuccessWeaker: "0 1px 0 #d1fae0";
  shadowBorderBottomWarningWeaker: "0 1px 0 #fddcc4";
  shadowBorderDestructive: "0 0 0 1px #d61f1f";
  shadowBorderDestructiveStrong: "0 0 0 1px #750c0c";
  shadowBorderDestructiveStronger: "0 0 0 1px #4a0b0b";
  shadowBorderDestructiveStrongest: "0 0 0 1px #310c0c";
  shadowBorderDestructiveWeak: "0 0 0 1px #f6b1b1";
  shadowBorderDestructiveWeaker: "0 0 0 1px #fccfcf";
  shadowBorderError: "0 0 0 1px #d61f1f";
  shadowBorderErrorStrong: "0 0 0 1px #750c0c";
  shadowBorderErrorStronger: "0 0 0 1px #4a0b0b";
  shadowBorderErrorWeak: "0 0 0 1px #eb5656";
  shadowBorderInverse: "0 0 0 1px #8891aa";
  shadowBorderInverseStrong: "0 0 0 1px #e1e3ea";
  shadowBorderInverseStronger: "0 0 0 1px #f4f4f6";
  shadowBorderInverseStrongest: "0 0 0 1px #ffffff";
  shadowBorderInverseWeaker: "0 0 0 1px #394762";
  shadowBorderInverseWeakest: "0 0 0 1px #1f304c";
  shadowBorderPrimary: "0 0 0 1px #0263e0";
  shadowBorderPrimaryStrong: "0 0 0 1px #001489";
  shadowBorderPrimaryStronger: "0 0 0 1px #030b5d";
  shadowBorderPrimaryStrongest: "0 0 0 1px #06033a";
  shadowBorderPrimaryWeak: "0 0 0 1px #99cdff";
  shadowBorderPrimaryWeaker: "0 0 0 1px #cce4ff";
  shadowBorderStrong: "0 0 0 1px #606b85";
  shadowBorderWeak: "0 0 0 1px #cacdd8";
  shadowBorderWeaker: "0 0 0 1px #e1e3ea";
  shadowCard: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
  shadowFocus: "0 0 0 4px rgba(2, 99, 224, 0.7)";
  shadowFocusInset: "inset 0 0 0 2px rgba(2, 99, 224, 0.7)";
  shadowFocusInverse: "0 0 0 4px rgba(255, 255, 255, 0.4)";
  shadowHigh: "0 16px 24px 0 rgba(18, 28, 45, 0.2)";
  shadowLow: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
};
export declare const colors: {
  colorBrand: "rgb(0, 20, 137)";
  colorBrandHighlight: "rgb(242, 47, 70)";
  colorDataVisualization1: "rgb(0, 20, 137)";
  colorDataVisualization10: "rgb(235, 86, 86)";
  colorDataVisualization2: "rgb(14, 124, 58)";
  colorDataVisualization3: "rgb(13, 58, 31)";
  colorDataVisualization4: "rgb(0, 140, 255)";
  colorDataVisualization5: "rgb(57, 71, 98)";
  colorDataVisualization6: "rgb(166, 127, 227)";
  colorDataVisualization7: "rgb(109, 46, 209)";
  colorDataVisualization8: "rgb(136, 145, 170)";
  colorDataVisualization9: "rgb(117, 12, 12)";
  colorGray0: "rgb(255, 255, 255)";
  colorGray10: "rgb(244, 244, 246)";
  colorGray100: "rgb(18, 28, 45)";
  colorGray20: "rgb(225, 227, 234)";
  colorGray30: "rgb(202, 205, 216)";
  colorGray40: "rgb(174, 178, 193)";
  colorGray50: "rgb(136, 145, 170)";
  colorGray60: "rgb(96, 107, 133)";
  colorGray70: "rgb(75, 86, 113)";
  colorGray80: "rgb(57, 71, 98)";
  colorGray90: "rgb(31, 48, 76)";
};
export declare const fonts: {
  fontFamilyCode: "'Fira Mono', Courier, monospace";
  fontFamilyText: "'Colfax', Helvetica, Arial, sans-serif";
  fontFamilyTextChineseSimplified: "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif";
  fontFamilyTextChineseTraditional: "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
  fontFamilyTextJapanese: "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif";
  fontFamilyTextKorean: "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
};
export declare const fontSizes: {
  fontSize10: "0.625rem";
  fontSize100: "2.5rem";
  fontSize110: "3rem";
  fontSize20: "0.75rem";
  fontSize30: "0.875rem";
  fontSize40: "1rem";
  fontSize50: "1.125rem";
  fontSize60: "1.25rem";
  fontSize70: "1.5rem";
  fontSize80: "1.75rem";
  fontSize90: "2rem";
};
export declare const fontWeights: {
  fontWeightBold: 700;
  fontWeightLight: 400;
  fontWeightMedium: 500;
  fontWeightNormal: 400;
  fontWeightSemibold: 600;
};
export declare const lineHeights: {
  lineHeight0: 0;
  lineHeight10: "1rem";
  lineHeight100: "3.25rem";
  lineHeight110: "4rem";
  lineHeight20: "1.25rem";
  lineHeight30: "1.25rem";
  lineHeight40: "1.5rem";
  lineHeight50: "1.75rem";
  lineHeight60: "1.75rem";
  lineHeight70: "2rem";
  lineHeight80: "2.5rem";
  lineHeight90: "2.75rem";
};
export declare const radii: {
  borderRadius0: 0;
  borderRadius10: "2px";
  borderRadius20: "4px";
  borderRadius30: "8px";
  borderRadiusCircle: "50%";
  borderRadiusPill: "100px";
};
export declare const sizings: {
  size0: 0;
  size10: "5.5rem";
  size100: "64rem";
  size110: "70.5rem";
  size120: "77rem";
  size20: "12rem";
  size30: "18.5rem";
  size40: "25rem";
  size50: "31.5rem";
  size60: "38rem";
  size70: "44.5rem";
  size80: "51rem";
  size90: "57.5rem";
  sizeIcon10: "1rem";
  sizeIcon100: "3.25rem";
  sizeIcon110: "4rem";
  sizeIcon20: "1.25rem";
  sizeIcon30: "1.25rem";
  sizeIcon40: "1.5rem";
  sizeIcon50: "1.75rem";
  sizeIcon60: "1.75rem";
  sizeIcon70: "2rem";
  sizeIcon80: "2.5rem";
  sizeIcon90: "2.75rem";
  sizeSidebar: "13.75rem";
  sizeSquare0: 0;
  sizeSquare10: "0.125rem";
  sizeSquare100: "2.25rem";
  sizeSquare110: "2.5rem";
  sizeSquare120: "2.75rem";
  sizeSquare130: "3rem";
  sizeSquare140: "3.25rem";
  sizeSquare150: "3.5rem";
  sizeSquare160: "3.75rem";
  sizeSquare170: "4rem";
  sizeSquare180: "4.25rem";
  sizeSquare190: "4.5rem";
  sizeSquare20: "0.25rem";
  sizeSquare200: "4.75rem";
  sizeSquare25: "0.375rem";
  sizeSquare30: "0.5rem";
  sizeSquare40: "0.75rem";
  sizeSquare50: "1rem";
  sizeSquare60: "1.25rem";
  sizeSquare70: "1.5rem";
  sizeSquare80: "1.75rem";
  sizeSquare90: "2rem";
};
export declare const spacings: {
  space0: 0;
  space10: "0.125rem";
  space100: "2.25rem";
  space110: "2.5rem";
  space120: "2.75rem";
  space130: "3rem";
  space140: "3.25rem";
  space150: "3.5rem";
  space160: "3.75rem";
  space170: "4rem";
  space180: "4.25rem";
  space190: "4.5rem";
  space20: "0.25rem";
  space200: "4.75rem";
  space30: "0.5rem";
  space40: "0.75rem";
  space50: "1rem";
  space60: "1.25rem";
  space70: "1.5rem";
  space80: "1.75rem";
  space90: "2rem";
  spaceNegative10: "-0.125rem";
  spaceNegative100: "-2.25rem";
  spaceNegative110: "-2.5rem";
  spaceNegative120: "-2.75rem";
  spaceNegative130: "-3rem";
  spaceNegative140: "-3.25rem";
  spaceNegative150: "-3.5rem";
  spaceNegative160: "-3.75rem";
  spaceNegative170: "-4rem";
  spaceNegative180: "-4.25rem";
  spaceNegative190: "-4.5rem";
  spaceNegative20: "-0.25rem";
  spaceNegative200: "-4.75rem";
  spaceNegative30: "-0.5rem";
  spaceNegative40: "-0.75rem";
  spaceNegative50: "-1rem";
  spaceNegative60: "-1.25rem";
  spaceNegative70: "-1.5rem";
  spaceNegative80: "-1.75rem";
  spaceNegative90: "-2rem";
};
export declare const textColors: {
  colorText: "rgb(18, 28, 45)";
  colorTextBrandHighlight: "rgb(242, 47, 70)";
  colorTextBrandInverse: "rgb(255, 255, 255)";
  colorTextDecorative10: "rgb(96, 107, 133)";
  colorTextDecorative20: "rgb(0, 20, 137)";
  colorTextDecorative30: "rgb(14, 124, 58)";
  colorTextDecorative40: "rgb(109, 46, 209)";
  colorTextError: "rgb(214, 31, 31)";
  colorTextErrorStrong: "rgb(173, 17, 17)";
  colorTextErrorWeak: "rgb(235, 86, 86)";
  colorTextIcon: "rgb(96, 107, 133)";
  colorTextIconAvailable: "rgb(14, 124, 58)";
  colorTextIconBrandHighlight: "rgb(242, 47, 70)";
  colorTextIconBrandInverse: "rgb(255, 255, 255)";
  colorTextIconBusy: "rgb(227, 106, 25)";
  colorTextIconError: "rgb(214, 31, 31)";
  colorTextIconInverse: "rgb(136, 145, 170)";
  colorTextIconNeutral: "rgb(0, 20, 137)";
  colorTextIconOffline: "rgb(96, 107, 133)";
  colorTextIconSuccess: "rgb(14, 124, 58)";
  colorTextIconUnavailable: "rgb(214, 31, 31)";
  colorTextIconWarning: "rgb(227, 106, 25)";
  colorTextInverse: "rgb(255, 255, 255)";
  colorTextInverseWeak: "rgb(174, 178, 193)";
  colorTextInverseWeaker: "rgb(96, 107, 133)";
  colorTextLink: "rgb(2, 99, 224)";
  colorTextLinkDestructive: "rgb(214, 31, 31)";
  colorTextLinkDestructiveStrong: "rgb(173, 17, 17)";
  colorTextLinkDestructiveStronger: "rgb(74, 11, 11)";
  colorTextLinkDestructiveStrongest: "rgb(49, 12, 12)";
  colorTextLinkDestructiveWeak: "rgb(246, 177, 177)";
  colorTextLinkStrong: "rgb(0, 20, 137)";
  colorTextLinkStronger: "rgb(3, 11, 93)";
  colorTextLinkStrongest: "rgb(6, 3, 58)";
  colorTextLinkWeak: "rgb(153, 205, 255)";
  colorTextNeutral: "rgb(0, 20, 137)";
  colorTextNew: "rgb(109, 46, 209)";
  colorTextSuccess: "rgb(14, 124, 58)";
  colorTextWarning: "rgb(141, 49, 24)";
  colorTextWarningStrong: "rgb(141, 49, 24)";
  colorTextWeak: "rgb(96, 107, 133)";
  colorTextWeaker: "rgb(174, 178, 193)";
  colorTextWeakest: "rgb(255, 255, 255)";
};
export declare const zIndices: {
  zIndex0: 0;
  zIndex10: 10;
  zIndex20: 20;
  zIndex30: 30;
  zIndex40: 40;
  zIndex50: 50;
  zIndex60: 60;
  zIndex70: 70;
  zIndex80: 80;
  zIndex90: 90;
};