@twilio-paste/design-tokens
Version:
Paste Design System Tokens package with a number of different formats for Web, Mobile, and Sketch.
976 lines • 50.5 kB
TypeScript
export declare const borderRadius0 = "0";
export declare const borderRadius10 = "2px";
export declare const borderRadius20 = "4px";
export declare const borderRadius30 = "8px";
export declare const borderRadius40 = "12px";
export declare const borderRadius50 = "16px";
export declare const borderRadius60 = "20px";
export declare const borderRadius70 = "24px";
export declare const borderRadius80 = "28px";
export declare const borderRadius90 = "32px";
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 colorBackgroundBodyElevation = "rgb(249, 249, 250)";
export declare const colorBackgroundBodyInverse = "rgb(18, 28, 45)";
export declare const colorBackgroundBrand = "rgb(0, 20, 137)";
export declare const colorBackgroundBrand10 = "rgb(242, 190, 90)";
export declare const colorBackgroundBrand20 = "rgb(81, 169, 227)";
export declare const colorBackgroundBrand30 = "rgb(106, 221, 178)";
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 colorBackgroundElevation = "rgb(237, 238, 242)";
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 colorBackgroundErrorStrongest = "rgb(49, 12, 12)";
export declare const colorBackgroundErrorWeakest = "rgb(254, 236, 236)";
export declare const colorBackgroundInverse = "rgb(31, 48, 76)";
export declare const colorBackgroundInverseElevation = "rgb(37, 57, 91)";
export declare const colorBackgroundInverseStrong = "rgb(57, 71, 98)";
export declare const colorBackgroundInverseStrongElevation = "rgb(37, 57, 91)";
export declare const colorBackgroundInverseStronger = "rgb(57, 71, 98)";
export declare const colorBackgroundInverseStrongerElevation = "rgb(64, 79, 110)";
export declare const colorBackgroundInverseStrongest = "rgb(255, 255, 255)";
export declare const colorBackgroundInverseWeakElevation = "rgb(37, 57, 91)";
export declare const colorBackgroundNeutralWeakest = "rgb(235, 244, 255)";
export declare const colorBackgroundNew = "rgb(245, 240, 252)";
export declare const colorBackgroundNewWeakest = "rgb(250, 247, 253)";
export declare const colorBackgroundNotification = "rgb(214, 31, 31)";
export declare const colorBackgroundOffline = "rgb(142, 150, 174)";
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 colorBackgroundStrongElevation = "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, 251, 234)";
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 colorBackgroundWeak = "rgb(249, 249, 250)";
export declare const colorBackgroundWeakElevation = "rgb(249, 249, 250)";
export declare const colorBackgroundWeaker = "rgb(255, 255, 255)";
export declare const colorBackgroundWeakest = "rgb(255, 255, 255)";
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 colorBorderErrorStrongest = "rgb(49, 12, 12)";
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 colorBorderNewWeak = "rgb(166, 127, 227)";
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 colorBorderUser = "rgb(231, 220, 250)";
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 colorBorderWeakest = "rgb(255, 255, 255)";
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(142, 150, 174)";
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 colorScheme = "light";
export declare const colorText = "rgb(18, 28, 45)";
export declare const colorTextBrand = "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 colorTextDestructive = "rgb(214, 31, 31)";
export declare const colorTextDestructiveStrong = "rgb(173, 17, 17)";
export declare const colorTextDestructiveStronger = "rgb(74, 11, 11)";
export declare const colorTextDestructiveStrongest = "rgb(49, 12, 12)";
export declare const colorTextDestructiveWeak = "rgb(246, 177, 177)";
export declare const colorTextError = "rgb(214, 31, 31)";
export declare const colorTextErrorStrong = "rgb(173, 17, 17)";
export declare const colorTextErrorStronger = "rgb(74, 11, 11)";
export declare const colorTextErrorStrongest = "rgb(49, 12, 12)";
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 colorTextIconNew = "rgb(109, 46, 209)";
export declare const colorTextIconNotification = "rgb(235, 86, 86)";
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 colorTextInverseNew = "rgb(200, 175, 240)";
export declare const colorTextInverseWeak = "rgb(202, 205, 216)";
export declare const colorTextInverseWeaker = "rgb(136, 145, 170)";
export declare const colorTextInverseWeakest = "rgb(75, 86, 113)";
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 colorTextPrimary = "rgb(2, 99, 224)";
export declare const colorTextPrimaryStrong = "rgb(0, 20, 137)";
export declare const colorTextPrimaryStronger = "rgb(3, 11, 93)";
export declare const colorTextPrimaryStrongest = "rgb(6, 3, 58)";
export declare const colorTextPrimaryWeak = "rgb(153, 205, 255)";
export declare const colorTextSubaccount = "rgb(84, 51, 8)";
export declare const colorTextSuccess = "rgb(14, 124, 58)";
export declare const colorTextUser = "rgb(18, 28, 45)";
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(142, 150, 174)";
export declare const colorTextWeakest = "rgb(255, 255, 255)";
export declare const fontFamilyCode = "'TwilioSansMono', Courier, monospace";
export declare const fontFamilyDisplay = "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
export declare const fontFamilyText = "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', 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 fontSizeBase = "100%";
export declare const fontSizeDisplay10 = "2rem";
export declare const fontSizeDisplay20 = "3rem";
export declare const fontSizeDisplay30 = "4rem";
export declare const fontWeightBold = "700";
export declare const fontWeightExtrabold = "800";
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 lineHeight05 = "0.75rem";
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.5rem";
export declare const lineHeightDisplay10 = "2.5rem";
export declare const lineHeightDisplay20 = "3.75rem";
export declare const lineHeightDisplay30 = "5rem";
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 shadowBorderBottomBrand10Strong = "0 1px 0 #855c15";
export declare const shadowBorderBottomBrand20Strong = "0 1px 0 #043cb5";
export declare const shadowBorderBottomBrand30Strong = "0 1px 0 #0e7c3a";
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 shadowBorderBottomInverseNewWeaker = "0 1px 0 #5817bd";
export declare const shadowBorderBottomInverseWeaker = "0 1px 0 #394762";
export declare const shadowBorderBottomInverseWeakerInset = "inset 0 -1px 0 0 #394762";
export declare const shadowBorderBottomNeutralWeaker = "0 1px 0 #cce4ff";
export declare const shadowBorderBottomNewWeaker = "0 1px 0 #e7dcfa";
export declare const shadowBorderBottomNotificationStronger = "0 1px 0 #4a0b0b";
export declare const shadowBorderBottomPrimary = "0 1px 0 #006dfa";
export declare const shadowBorderBottomSubaccount = "0 1px 0 #ffdd35";
export declare const shadowBorderBottomSuccessWeaker = "0 1px 0 #d1fae0";
export declare const shadowBorderBottomWarningWeaker = "0 1px 0 #fddcc4";
export declare const shadowBorderBottomWeak = "0 1px 0 #cacdd8";
export declare const shadowBorderBottomWeakInset = "inset 0 -1px 0 0 #cacdd8";
export declare const shadowBorderBrand10 = "saffron";
export declare const shadowBorderBrand20 = "sky";
export declare const shadowBorderBrand30 = "mint";
export declare const shadowBorderDecorative10Weaker = "0 0 0 1px #e1e3ea";
export declare const shadowBorderDecorative20Weaker = "0 0 0 1px #cce4ff";
export declare const shadowBorderDecorative30Weaker = "0 0 0 1px #d1fae0";
export declare const shadowBorderDecorative40Weaker = "0 0 0 1px #e7dcfa";
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 shadowBorderErrorStrongest = "0 0 0 1px #310c0c";
export declare const shadowBorderErrorWeak = "0 0 0 1px #eb5656";
export declare const shadowBorderErrorWeaker = "0 0 0 1px #fccfcf";
export declare const shadowBorderInverse = "0 0 0 1px #8891aa";
export declare const shadowBorderInverseNewWeaker = "0 0 0 1px #5817bd";
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 shadowBorderNeutralWeaker = "0 0 0 1px #cce4ff";
export declare const shadowBorderNewWeaker = "0 0 0 1px #e7dcfa";
export declare const shadowBorderNotification = "0 1px 0 #d61f1f";
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 shadowBorderRightInverseStrong = "1px 0 #e1e3ea";
export declare const shadowBorderStrong = "0 0 0 1px #606b85";
export declare const shadowBorderSubaccount = "0 0 0 1px #fff1b3";
export declare const shadowBorderSuccessWeaker = "0 0 0 1px #d1fae0";
export declare const shadowBorderTopInverseStrongest = "0 -1px 0 #cce4ff";
export declare const shadowBorderTopPrimary = "0 -1px 0 #006dfa";
export declare const shadowBorderTopPrimaryStrongest = "0 -1px 0 #030b5d";
export declare const shadowBorderUser = "0 0 0 1px #8c5bd8";
export declare const shadowBorderWarningWeaker = "0 0 0 1px #fddcc4";
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 shadowElevation05 = "0 0 0 1px #edeef2";
export declare const shadowElevation10 = "0 -1px 0 0 #f4f4f6, 0 3px 4px 0 rgba(15, 22, 33, 0.1)";
export declare const shadowElevation20 = "0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)";
export declare const shadowElevationBottom05 = "0 1px 0 0 #edeef2";
export declare const shadowElevationBottomInverse05 = "0 1px 0 0 #1f304c";
export declare const shadowElevationInverse05 = "0 0 0 1px #1f304c";
export declare const shadowElevationInverse10 = "0 -1px 0 0 #1f304c, 0 3px 4px 0 rgba(0, 0, 0, 0.1)";
export declare const shadowElevationLeft20 = "0 0 0 1px #f9f9fa, -4px 0 8px 0 rgba(15, 22, 33, 0.1), -16px 0 32px 0 rgba(15, 22, 33, 0.05)";
export declare const shadowElevationRightInverse05 = "1px 0 0 0 #1f304c";
export declare const shadowElevationTop05 = "0 -1px 0 0 #edeef2";
export declare const shadowElevationTop20 = "0 0 0 1px #f9f9fa, 0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)";
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 shadowFocusInverseInset = "inset 0 0 0 2px rgba(255, 255, 255, 0.4)";
export declare const shadowFocusShadowBorder = "0 0 0 4px rgba(2, 99, 224, 0.7), 0 0 0 1px #8891aa";
export declare const shadowHigh = "0 16px 24px 0 rgba(18, 28, 45, 0.2)";
export declare const shadowLeft = "4px 0 8px -4px rgba(18, 28, 45, 0.2)";
export declare const shadowLeftInverse = "4px 0 8px -4px rgba(0, 0, 0, 0.4)";
export declare const shadowLow = "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
export declare const shadowRight = "-4px 0 8px -4px rgba(18, 28, 45, 0.2)";
export declare const shadowRightInverse = "-4px 0 8px -4px rgba(0, 0, 0, 0.4)";
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 sizeBase0 = "0";
export declare const sizeBase10 = "0.25rem";
export declare const sizeBase20 = "0.5rem";
export declare const sizeBase30 = "0.75rem";
export declare const sizeBase40 = "1rem";
export declare const sizeBase50 = "1.25rem";
export declare const sizeBase60 = "1.5rem";
export declare const sizeBase70 = "1.75rem";
export declare const sizeBase80 = "2rem";
export declare const sizeBase90 = "2.25rem";
export declare const sizeIcon05 = "0.75rem";
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.5rem";
export declare const sizeSidebar = "15rem";
export declare const sizeSidebarCompact = "4.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 sizeTopbar = "4.75rem";
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 space210 = "5rem";
export declare const space220 = "5.25rem";
export declare const space230 = "5.5rem";
export declare const space240 = "5.75rem";
export declare const space250 = "6rem";
export declare const space260 = "6.25rem";
export declare const space270 = "6.5rem";
export declare const space280 = "6.75rem";
export declare const space290 = "7rem";
export declare const space30 = "0.5rem";
export declare const space300 = "7.25rem";
export declare const space310 = "7.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)";
colorBackgroundBodyElevation: "rgb(249, 249, 250)";
colorBackgroundBodyInverse: "rgb(18, 28, 45)";
colorBackgroundBrand: "rgb(0, 20, 137)";
colorBackgroundBrand10: "rgb(242, 190, 90)";
colorBackgroundBrand20: "rgb(81, 169, 227)";
colorBackgroundBrand30: "rgb(106, 221, 178)";
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)";
colorBackgroundElevation: "rgb(237, 238, 242)";
colorBackgroundError: "rgb(214, 31, 31)";
colorBackgroundErrorStrong: "rgb(117, 12, 12)";
colorBackgroundErrorStronger: "rgb(74, 11, 11)";
colorBackgroundErrorStrongest: "rgb(49, 12, 12)";
colorBackgroundErrorWeakest: "rgb(254, 236, 236)";
colorBackgroundInverse: "rgb(31, 48, 76)";
colorBackgroundInverseElevation: "rgb(37, 57, 91)";
colorBackgroundInverseStrong: "rgb(57, 71, 98)";
colorBackgroundInverseStrongElevation: "rgb(37, 57, 91)";
colorBackgroundInverseStronger: "rgb(57, 71, 98)";
colorBackgroundInverseStrongerElevation: "rgb(64, 79, 110)";
colorBackgroundInverseStrongest: "rgb(255, 255, 255)";
colorBackgroundInverseWeakElevation: "rgb(37, 57, 91)";
colorBackgroundNeutralWeakest: "rgb(235, 244, 255)";
colorBackgroundNew: "rgb(245, 240, 252)";
colorBackgroundNewWeakest: "rgb(250, 247, 253)";
colorBackgroundNotification: "rgb(214, 31, 31)";
colorBackgroundOffline: "rgb(142, 150, 174)";
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)";
colorBackgroundStrongElevation: "rgb(225, 227, 234)";
colorBackgroundStronger: "rgb(136, 145, 170)";
colorBackgroundStrongest: "rgb(75, 86, 113)";
colorBackgroundSubaccount: "rgb(255, 251, 234)";
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)";
colorBackgroundWeak: "rgb(249, 249, 250)";
colorBackgroundWeakElevation: "rgb(249, 249, 250)";
colorBackgroundWeaker: "rgb(255, 255, 255)";
colorBackgroundWeakest: "rgb(255, 255, 255)";
};
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)";
colorBorderErrorStrongest: "rgb(49, 12, 12)";
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)";
colorBorderNewWeak: "rgb(166, 127, 227)";
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)";
colorBorderUser: "rgb(231, 220, 250)";
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)";
colorBorderWeakest: "rgb(255, 255, 255)";
};
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";
shadowBorderBottomBrand10Strong: "0 1px 0 #855c15";
shadowBorderBottomBrand20Strong: "0 1px 0 #043cb5";
shadowBorderBottomBrand30Strong: "0 1px 0 #0e7c3a";
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";
shadowBorderBottomInverseNewWeaker: "0 1px 0 #5817bd";
shadowBorderBottomInverseWeaker: "0 1px 0 #394762";
shadowBorderBottomInverseWeakerInset: "inset 0 -1px 0 0 #394762";
shadowBorderBottomNeutralWeaker: "0 1px 0 #cce4ff";
shadowBorderBottomNewWeaker: "0 1px 0 #e7dcfa";
shadowBorderBottomNotificationStronger: "0 1px 0 #4a0b0b";
shadowBorderBottomPrimary: "0 1px 0 #006dfa";
shadowBorderBottomSubaccount: "0 1px 0 #ffdd35";
shadowBorderBottomSuccessWeaker: "0 1px 0 #d1fae0";
shadowBorderBottomWarningWeaker: "0 1px 0 #fddcc4";
shadowBorderBottomWeak: "0 1px 0 #cacdd8";
shadowBorderBottomWeakInset: "inset 0 -1px 0 0 #cacdd8";
shadowBorderBrand10: "saffron";
shadowBorderBrand20: "sky";
shadowBorderBrand30: "mint";
shadowBorderDecorative10Weaker: "0 0 0 1px #e1e3ea";
shadowBorderDecorative20Weaker: "0 0 0 1px #cce4ff";
shadowBorderDecorative30Weaker: "0 0 0 1px #d1fae0";
shadowBorderDecorative40Weaker: "0 0 0 1px #e7dcfa";
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";
shadowBorderErrorStrongest: "0 0 0 1px #310c0c";
shadowBorderErrorWeak: "0 0 0 1px #eb5656";
shadowBorderErrorWeaker: "0 0 0 1px #fccfcf";
shadowBorderInverse: "0 0 0 1px #8891aa";
shadowBorderInverseNewWeaker: "0 0 0 1px #5817bd";
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";
shadowBorderNeutralWeaker: "0 0 0 1px #cce4ff";
shadowBorderNewWeaker: "0 0 0 1px #e7dcfa";
shadowBorderNotification: "0 1px 0 #d61f1f";
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";
shadowBorderRightInverseStrong: "1px 0 #e1e3ea";
shadowBorderStrong: "0 0 0 1px #606b85";
shadowBorderSubaccount: "0 0 0 1px #fff1b3";
shadowBorderSuccessWeaker: "0 0 0 1px #d1fae0";
shadowBorderTopInverseStrongest: "0 -1px 0 #cce4ff";
shadowBorderTopPrimary: "0 -1px 0 #006dfa";
shadowBorderTopPrimaryStrongest: "0 -1px 0 #030b5d";
shadowBorderUser: "0 0 0 1px #8c5bd8";
shadowBorderWarningWeaker: "0 0 0 1px #fddcc4";
shadowBorderWeak: "0 0 0 1px #cacdd8";
shadowBorderWeaker: "0 0 0 1px #e1e3ea";
shadowCard: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
shadowElevation05: "0 0 0 1px #edeef2";
shadowElevation10: "0 -1px 0 0 #f4f4f6, 0 3px 4px 0 rgba(15, 22, 33, 0.1)";
shadowElevation20: "0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)";
shadowElevationBottom05: "0 1px 0 0 #edeef2";
shadowElevationBottomInverse05: "0 1px 0 0 #1f304c";
shadowElevationInverse05: "0 0 0 1px #1f304c";
shadowElevationInverse10: "0 -1px 0 0 #1f304c, 0 3px 4px 0 rgba(0, 0, 0, 0.1)";
shadowElevationLeft20: "0 0 0 1px #f9f9fa, -4px 0 8px 0 rgba(15, 22, 33, 0.1), -16px 0 32px 0 rgba(15, 22, 33, 0.05)";
shadowElevationRightInverse05: "1px 0 0 0 #1f304c";
shadowElevationTop05: "0 -1px 0 0 #edeef2";
shadowElevationTop20: "0 0 0 1px #f9f9fa, 0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)";
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)";
shadowFocusInverseInset: "inset 0 0 0 2px rgba(255, 255, 255, 0.4)";
shadowFocusShadowBorder: "0 0 0 4px rgba(2, 99, 224, 0.7), 0 0 0 1px #8891aa";
shadowHigh: "0 16px 24px 0 rgba(18, 28, 45, 0.2)";
shadowLeft: "4px 0 8px -4px rgba(18, 28, 45, 0.2)";
shadowLeftInverse: "4px 0 8px -4px rgba(0, 0, 0, 0.4)";
shadowLow: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
shadowRight: "-4px 0 8px -4px rgba(18, 28, 45, 0.2)";
shadowRightInverse: "-4px 0 8px -4px rgba(0, 0, 0, 0.4)";
};
export declare const colors: {
colorBrand: "rgb(0, 20, 137)";
colorBrandHighlight: "rgb(242, 47, 70)";
colorGray0: "rgb(255, 255, 255)";
colorGray10: "rgb(244, 244, 246)";
colorGray20: "rgb(225, 227, 234)";
colorGray30: "rgb(202, 205, 216)";
colorGray40: "rgb(142, 150, 174)";
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)";
colorGray100: "rgb(18, 28, 45)";
};
export declare const colorSchemes: {
colorScheme: "light";
};
export declare const dataVisualization: {
colorDataVisualization1: "rgb(0, 20, 137)";
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)";
colorDataVisualization10: "rgb(235, 86, 86)";
};
export declare const fonts: {
fontFamilyCode: "'TwilioSansMono', Courier, monospace";
fontFamilyDisplay: "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
fontFamilyText: "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', 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";
fontSize20: "0.75rem";
fontSize30: "0.875rem";
fontSize40: "1rem";
fontSize50: "1.125rem";
fontSize60: "1.25rem";
fontSize70: "1.5rem";
fontSize80: "1.75rem";
fontSize90: "2rem";
fontSize100: "2.5rem";
fontSize110: "3rem";
fontSizeBase: "100%";
fontSizeDisplay10: "2rem";
fontSizeDisplay20: "3rem";
fontSizeDisplay30: "4rem";
};
export declare const fontWeights: {
fontWeightLight: 400;
fontWeightNormal: 400;
fontWeightMedium: 500;
fontWeightSemibold: 600;
fontWeightBold: 700;
fontWeightExtrabold: 800;
};
export declare const lineHeights: {
lineHeight0: 0;
lineHeight05: "0.75rem";
lineHeight10: "1rem";
lineHeight20: "1.25rem";
lineHeight30: "1.25rem";
lineHeight40: "1.5rem";
lineHeight50: "1.75rem";
lineHeight60: "1.75rem";
lineHeight70: "2rem";
lineHeight80: "2.5rem";
lineHeight90: "2.5rem";
lineHeight100: "3.25rem";
lineHeight110: "4rem";
lineHeightDisplay10: "2.5rem";
lineHeightDisplay20: "3.75rem";
lineHeightDisplay30: "5rem";
};
export declare const radii: {
borderRadius0: 0;
borderRadius10: "2px";
borderRadius20: "4px";
borderRadius30: "8px";
borderRadius40: "12px";
borderRadius50: "16px";
borderRadius60: "20px";
borderRadius70: "24px";
borderRadius80: "28px";
borderRadius90: "32px";
borderRadiusCircle: "50%";
borderRadiusPill: "100px";
};
export declare const sizings: {
size0: 0;
size10: "5.5rem";
size20: "12rem";
size30: "18.5rem";
size40: "25rem";
size50: "31.5rem";
size60: "38rem";
size70: "44.5rem";
size80: "51rem";
size90: "57.5rem";
size100: "64rem";
size110: "70.5rem";
size120: "77rem";
sizeBase0: 0;
sizeBase10: "0.25rem";
sizeBase20: "0.5rem";
sizeBase30: "0.75rem";
sizeBase40: "1rem";
sizeBase50: "1.25rem";
sizeBase60: "1.5rem";
sizeBase70: "1.75rem";
sizeBase80: "2rem";
sizeBase90: "2.25rem";
sizeIcon05: "0.75rem";
sizeIcon10: "1rem";
sizeIcon20: "1.25rem";
sizeIcon30: "1.25rem";
sizeIcon40: "1.5rem";
sizeIcon50: "1.75rem";
sizeIcon60: "1.75rem";
sizeIcon70: "2rem";
sizeIcon80: "2.5rem";
sizeIcon90: "2.5rem";
sizeIcon100: "3.25rem";
sizeIcon110: "4rem";
sizeSidebar: "15rem";
sizeSidebarCompact: "4.75rem";
sizeSquare0: 0;
sizeSquare10: "0.125rem";
sizeSquare20: "0.25rem";
sizeSquare25: "0.375rem";
sizeSquare30: "0.5rem";
sizeSquare40: "0.75rem";
sizeSquare50: "1rem";
sizeSquare60: "1.25rem";
sizeSquare70: "1.5rem";
sizeSquare80: "1.75rem";
sizeSquare90: "2rem";
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";
sizeSquare200: "4.75rem";
sizeTopbar: "4.75rem";
};
export declare const spacings: {
space0: 0;
space10: "0.125rem";
space20: "0.25rem";
space30: "0.5rem";
space40: "0.75rem";
space50: "1rem";
space60: "1.25rem";
space70: "1.5rem";
space80: "1.75rem";
space90: "2rem";
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";
space200: "4.75rem";
space210: "5rem";
space220: "5.25rem";
space230: "5.5rem";
space240: "5.75rem";
space250: "6rem";
space260: "6.25rem";
space270: "6.5rem";
space280: "6.75rem";
space290: "7rem";
space300: "7.25rem";
space310: "7.5rem";
spaceNegative10: "-0.125rem";
spaceNegative20: "-0.25rem";
spaceNegative30: "-0.5rem";
spaceNegative40: "-0.75rem";
spaceNegative50: "-1rem";
spaceNegative60: "-1.25rem";
spaceNegative70: "-1.5rem";
spaceNegative80: "-1.75rem";
spaceNegative90: "-2rem";
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";
spaceNegative200: "-4.75rem";
};
export declare const textColors: {
colorText: "rgb(18, 28, 45)";
colorTextBrand: "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)";
colorTextDestructive: "rgb(214, 31, 31)";
colorTextDestructiveStrong: "rgb(173, 17, 17)";
colorTextDestructiveStronger: "rgb(74, 11, 11)";
colorTextDestructiveStrongest: "rgb(49, 12, 12)";
colorTextDestructiveWeak: "rgb(246, 177, 177)";
colorTextError: "rgb(214, 31, 31)";
colorTextErrorStrong: "rgb(173, 17, 17)";
colorTextErrorStronger: "rgb(74, 11, 11)";
colorTextErrorStrongest: "rgb(49, 12, 12)";
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)";
colorTextIconNew: "rgb(109, 46, 209)";
colorTextIconNotification: "rgb(235, 86, 86)";
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)";
colorTextInverseNew: "rgb(200, 175, 240)";
colorTextInverseWeak: "rgb(202, 205, 216)";
colorTextInverseWeaker: "rgb(136, 145, 170)";
colorTextInverseWeakest: "rgb(75, 86, 113)";
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)";
colorTextPrimary: "rgb(2, 99, 224)";
colorTextPrimaryStrong: "rgb(0, 20, 137)";
colorTextPrimaryStronger: "rgb(3, 11, 93)";
colorTextPrimaryStrongest: "rgb(6, 3, 58)";
colorTextPrimaryWeak: "rgb(153, 205, 255)";
colorTextSubaccount: "rgb(84, 51, 8)";
colorTextSuccess: "rgb(14, 124, 58)";
colorTextUser: "rgb(18, 28, 45)";
colorTextWarning: "rgb(141, 49, 24)";
colorTe