export declare const borderRadius0 = "0"; export declare const borderRadius10 = "3px"; export declare const borderRadius20 = "4px"; export declare const borderRadius30 = "8px"; export declare const borderRadiusCircle = "50%"; 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(243, 244, 246)"; export declare const colorBackgroundBody = "rgb(255, 255, 255)"; export declare const colorBackgroundBrand = "rgb(35, 54, 89)"; export declare const colorBackgroundBrandHighlight = "rgb(242, 47, 70)"; export declare const colorBackgroundDark = "rgb(204, 210, 220)"; export declare const colorBackgroundDarker = "rgb(204, 210, 220)"; export declare const colorBackgroundDarkest = "rgb(136, 148, 170)"; export declare const colorBackgroundDestructive = "rgb(206, 36, 26)"; export declare const colorBackgroundDestructiveDark = "rgb(112, 6, 0)"; export declare const colorBackgroundDestructiveDarker = "rgb(71, 5, 0)"; export declare const colorBackgroundDestructiveLight = "rgb(255, 140, 133)"; export declare const colorBackgroundDestructiveLighter = "rgb(255, 185, 179)"; export declare const colorBackgroundDestructiveLightest = "rgb(255, 233, 231)"; export declare const colorBackgroundError = "rgb(172, 30, 22)"; export declare const colorBackgroundErrorDark = "rgb(148, 8, 0)"; export declare const colorBackgroundErrorLightest = "rgb(255, 233, 231)"; export declare const colorBackgroundInverse = "rgb(8, 21, 44)"; export declare const colorBackgroundNeutralLightest = "rgb(245, 248, 255)"; export declare const colorBackgroundOverlay = "rgba(8, 21, 44, 0.5)"; export declare const colorBackgroundPrimary = "rgb(51, 104, 250)"; export declare const colorBackgroundPrimaryDark = "rgb(0, 44, 166)"; export declare const colorBackgroundPrimaryDarker = "rgb(0, 31, 117)"; export declare const colorBackgroundPrimaryLight = "rgb(186, 204, 255)"; export declare const colorBackgroundPrimaryLighter = "rgb(219, 230, 255)"; export declare const colorBackgroundPrimaryLightest = "rgb(245, 248, 255)"; export declare const colorBackgroundRequired = "rgb(232, 83, 74)"; export declare const colorBackgroundRowStriped = "rgb(249, 250, 251)"; export declare const colorBackgroundSuccess = "rgb(0, 153, 74)"; export declare const colorBackgroundSuccessLightest = "rgb(224, 255, 239)"; export declare const colorBackgroundWarning = "rgb(228, 98, 22)"; export declare const colorBackgroundWarningLightest = "rgb(255, 236, 216)"; export declare const colorBorder = "rgb(136, 148, 170)"; export declare const colorBorderDark = "rgb(156, 167, 186)"; export declare const colorBorderDestructive = "rgb(206, 36, 26)"; export declare const colorBorderDestructiveDark = "rgb(112, 6, 0)"; export declare const colorBorderDestructiveDarker = "rgb(71, 5, 0)"; export declare const colorBorderDestructiveLight = "rgb(255, 140, 133)"; export declare const colorBorderDestructiveLighter = "rgb(255, 185, 179)"; export declare const colorBorderError = "rgb(172, 30, 22)"; export declare const colorBorderErrorDark = "rgb(148, 8, 0)"; export declare const colorBorderErrorLight = "rgb(232, 83, 74)"; export declare const colorBorderErrorLightest = "rgb(255, 233, 231)"; export declare const colorBorderInverse = "rgb(255, 255, 255)"; export declare const colorBorderLight = "rgb(204, 210, 220)"; export declare const colorBorderNeutralLight = "rgb(182, 191, 206)"; export declare const colorBorderPrimary = "rgb(51, 104, 250)"; export declare const colorBorderPrimaryDark = "rgb(0, 44, 166)"; export declare const colorBorderPrimaryDarker = "rgb(0, 31, 117)"; export declare const colorBorderPrimaryLight = "rgb(186, 204, 255)"; export declare const colorBorderPrimaryLighter = "rgb(219, 230, 255)"; export declare const colorBorderSuccess = "rgb(0, 153, 74)"; export declare const colorBorderSuccessLightest = "rgb(224, 255, 239)"; export declare const colorBorderWarning = "rgb(228, 98, 22)"; export declare const colorBorderWarningLight = "rgb(250, 156, 102)"; export declare const colorBorderWarningLightest = "rgb(255, 236, 216)"; export declare const colorBrand = "rgb(8, 21, 44)"; export declare const colorBrandHighlight = "rgb(51, 104, 250)"; export declare const colorGray0 = "rgb(255, 255, 255)"; export declare const colorGray10 = "rgb(249, 250, 251)"; export declare const colorGray100 = "rgb(8, 21, 44)"; export declare const colorGray20 = "rgb(243, 244, 246)"; export declare const colorGray30 = "rgb(229, 231, 236)"; export declare const colorGray40 = "rgb(204, 210, 220)"; export declare const colorGray50 = "rgb(182, 191, 206)"; export declare const colorGray60 = "rgb(156, 167, 186)"; export declare const colorGray70 = "rgb(136, 148, 170)"; export declare const colorGray80 = "rgb(71, 86, 114)"; export declare const colorGray90 = "rgb(29, 41, 68)"; export declare const colorText = "rgb(8, 21, 44)"; export declare const colorTextBrandHighlight = "rgb(242, 47, 70)"; export declare const colorTextBrandInverse = "rgb(255, 255, 255)"; export declare const colorTextError = "rgb(172, 30, 22)"; export declare const colorTextErrorDark = "rgb(148, 8, 0)"; export declare const colorTextIcon = "rgb(136, 148, 170)"; export declare const colorTextInverse = "rgb(255, 255, 255)"; export declare const colorTextInverseWeak = "rgb(156, 167, 186)"; export declare const colorTextLabel = "rgb(8, 21, 44)"; export declare const colorTextLink = "rgb(0, 58, 219)"; export declare const colorTextLinkDark = "rgb(0, 44, 166)"; export declare const colorTextLinkDarker = "rgb(0, 31, 117)"; export declare const colorTextLinkDestructive = "rgb(206, 36, 26)"; export declare const colorTextLinkDestructiveDark = "rgb(112, 6, 0)"; export declare const colorTextLinkDestructiveDarker = "rgb(71, 5, 0)"; export declare const colorTextLinkDestructiveLight = "rgb(232, 83, 74)"; export declare const colorTextLinkLight = "rgb(133, 165, 255)"; export declare const colorTextPlaceholder = "rgb(136, 148, 170)"; export declare const colorTextSuccess = "rgb(0, 153, 74)"; export declare const colorTextWarning = "rgb(228, 98, 22)"; export declare const colorTextWarningDark = "rgb(168, 62, 0)"; export declare const colorTextWeak = "rgb(71, 86, 114)"; export declare const colorTextWeaker = "rgb(182, 191, 206)"; export declare const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace"; export declare const fontFamilyText = "'Colfax', Helvetica, Arial, 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 = "300"; export declare const fontWeightMedium = "500"; export declare const fontWeightNormal = "400"; export declare const fontWeightSemibold = "600"; export declare const lineHeight10 = "1rem"; export declare const lineHeight100 = "3.25rem"; export declare const lineHeight110 = "3.75rem"; export declare const lineHeight20 = "1.25rem"; export declare const lineHeight30 = "1.5rem"; export declare const lineHeight40 = "1.75rem"; export declare const lineHeight50 = "1.75rem"; export declare const lineHeight60 = "1.75rem"; export declare const lineHeight70 = "2rem"; export declare const lineHeight80 = "2.25rem"; export declare const lineHeight90 = "2.5rem"; export declare const shadowBorder = "0 0 0 1px #8894aa"; export declare const shadowBorderError = "0 0 0 1px #ac1e16"; export declare const shadowBorderErrorDark = "0 0 0 1px #940800"; export declare const shadowBorderLight = "0 0 0 1px #ccd2dc"; export declare const shadowBorderPrimaryDark = "0 0 0 1px #002ca6"; export declare const shadowBorderPrimaryDarker = "0 0 0 1px #001f75"; export declare const shadowCard = "0 2px 4px 0 rgba(8, 21, 44, 0.3)"; export declare const shadowFocus = "0 0 0 4px rgba(51, 104, 250, 0.8)"; 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 = "3.75rem"; export declare const sizeIcon20 = "1.25rem"; export declare const sizeIcon30 = "1.5rem"; export declare const sizeIcon40 = "1.75rem"; export declare const sizeIcon50 = "1.75rem"; export declare const sizeIcon60 = "1.75rem"; export declare const sizeIcon70 = "2rem"; export declare const sizeIcon80 = "2.25rem"; export declare const sizeIcon90 = "2.5rem"; 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 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(243, 244, 246)"; colorBackgroundBody: "rgb(255, 255, 255)"; colorBackgroundBrand: "rgb(35, 54, 89)"; colorBackgroundBrandHighlight: "rgb(242, 47, 70)"; colorBackgroundDark: "rgb(204, 210, 220)"; colorBackgroundDarker: "rgb(204, 210, 220)"; colorBackgroundDarkest: "rgb(136, 148, 170)"; colorBackgroundDestructive: "rgb(206, 36, 26)"; colorBackgroundDestructiveDark: "rgb(112, 6, 0)"; colorBackgroundDestructiveDarker: "rgb(71, 5, 0)"; colorBackgroundDestructiveLight: "rgb(255, 140, 133)"; colorBackgroundDestructiveLighter: "rgb(255, 185, 179)"; colorBackgroundDestructiveLightest: "rgb(255, 233, 231)"; colorBackgroundError: "rgb(172, 30, 22)"; colorBackgroundErrorDark: "rgb(148, 8, 0)"; colorBackgroundErrorLightest: "rgb(255, 233, 231)"; colorBackgroundInverse: "rgb(8, 21, 44)"; colorBackgroundNeutralLightest: "rgb(245, 248, 255)"; colorBackgroundOverlay: "rgba(8, 21, 44, 0.5)"; colorBackgroundPrimary: "rgb(51, 104, 250)"; colorBackgroundPrimaryDark: "rgb(0, 44, 166)"; colorBackgroundPrimaryDarker: "rgb(0, 31, 117)"; colorBackgroundPrimaryLight: "rgb(186, 204, 255)"; colorBackgroundPrimaryLighter: "rgb(219, 230, 255)"; colorBackgroundPrimaryLightest: "rgb(245, 248, 255)"; colorBackgroundRequired: "rgb(232, 83, 74)"; colorBackgroundRowStriped: "rgb(249, 250, 251)"; colorBackgroundSuccess: "rgb(0, 153, 74)"; colorBackgroundSuccessLightest: "rgb(224, 255, 239)"; colorBackgroundWarning: "rgb(228, 98, 22)"; colorBackgroundWarningLightest: "rgb(255, 236, 216)"; }; export declare const borderColors: { colorBorder: "rgb(136, 148, 170)"; colorBorderDark: "rgb(156, 167, 186)"; colorBorderDestructive: "rgb(206, 36, 26)"; colorBorderDestructiveDark: "rgb(112, 6, 0)"; colorBorderDestructiveDarker: "rgb(71, 5, 0)"; colorBorderDestructiveLight: "rgb(255, 140, 133)"; colorBorderDestructiveLighter: "rgb(255, 185, 179)"; colorBorderError: "rgb(172, 30, 22)"; colorBorderErrorDark: "rgb(148, 8, 0)"; colorBorderErrorLight: "rgb(232, 83, 74)"; colorBorderErrorLightest: "rgb(255, 233, 231)"; colorBorderInverse: "rgb(255, 255, 255)"; colorBorderLight: "rgb(204, 210, 220)"; colorBorderNeutralLight: "rgb(182, 191, 206)"; colorBorderPrimary: "rgb(51, 104, 250)"; colorBorderPrimaryDark: "rgb(0, 44, 166)"; colorBorderPrimaryDarker: "rgb(0, 31, 117)"; colorBorderPrimaryLight: "rgb(186, 204, 255)"; colorBorderPrimaryLighter: "rgb(219, 230, 255)"; colorBorderSuccess: "rgb(0, 153, 74)"; colorBorderSuccessLightest: "rgb(224, 255, 239)"; colorBorderWarning: "rgb(228, 98, 22)"; colorBorderWarningLight: "rgb(250, 156, 102)"; colorBorderWarningLightest: "rgb(255, 236, 216)"; }; export declare const borderWidths: { borderWidth0: 0; borderWidth10: "1px"; borderWidth20: "2px"; borderWidth30: "4px"; borderWidth40: "8px"; }; export declare const boxShadows: { shadowBorder: "0 0 0 1px #8894aa"; shadowBorderError: "0 0 0 1px #ac1e16"; shadowBorderErrorDark: "0 0 0 1px #940800"; shadowBorderLight: "0 0 0 1px #ccd2dc"; shadowBorderPrimaryDark: "0 0 0 1px #002ca6"; shadowBorderPrimaryDarker: "0 0 0 1px #001f75"; shadowCard: "0 2px 4px 0 rgba(8, 21, 44, 0.3)"; shadowFocus: "0 0 0 4px rgba(51, 104, 250, 0.8)"; }; export declare const colors: { colorBrand: "rgb(8, 21, 44)"; colorBrandHighlight: "rgb(51, 104, 250)"; colorGray0: "rgb(255, 255, 255)"; colorGray10: "rgb(249, 250, 251)"; colorGray100: "rgb(8, 21, 44)"; colorGray20: "rgb(243, 244, 246)"; colorGray30: "rgb(229, 231, 236)"; colorGray40: "rgb(204, 210, 220)"; colorGray50: "rgb(182, 191, 206)"; colorGray60: "rgb(156, 167, 186)"; colorGray70: "rgb(136, 148, 170)"; colorGray80: "rgb(71, 86, 114)"; colorGray90: "rgb(29, 41, 68)"; }; export declare const fonts: { fontFamilyCode: "'Fira Mono', 'Courier New', Courier, monospace"; fontFamilyText: "'Colfax', Helvetica, Arial, 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: 300; fontWeightMedium: 500; fontWeightNormal: 400; fontWeightSemibold: 600; }; export declare const lineHeights: { lineHeight10: "1rem"; lineHeight100: "3.25rem"; lineHeight110: "3.75rem"; lineHeight20: "1.25rem"; lineHeight30: "1.5rem"; lineHeight40: "1.75rem"; lineHeight50: "1.75rem"; lineHeight60: "1.75rem"; lineHeight70: "2rem"; lineHeight80: "2.25rem"; lineHeight90: "2.5rem"; }; export declare const radii: { borderRadius0: 0; borderRadius10: "3px"; borderRadius20: "4px"; borderRadius30: "8px"; borderRadiusCircle: "50%"; }; 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: "3.75rem"; sizeIcon20: "1.25rem"; sizeIcon30: "1.5rem"; sizeIcon40: "1.75rem"; sizeIcon50: "1.75rem"; sizeIcon60: "1.75rem"; sizeIcon70: "2rem"; sizeIcon80: "2.25rem"; sizeIcon90: "2.5rem"; 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"; }; export declare const textColors: { colorText: "rgb(8, 21, 44)"; colorTextBrandHighlight: "rgb(242, 47, 70)"; colorTextBrandInverse: "rgb(255, 255, 255)"; colorTextError: "rgb(172, 30, 22)"; colorTextErrorDark: "rgb(148, 8, 0)"; colorTextIcon: "rgb(136, 148, 170)"; colorTextInverse: "rgb(255, 255, 255)"; colorTextInverseWeak: "rgb(156, 167, 186)"; colorTextLabel: "rgb(8, 21, 44)"; colorTextLink: "rgb(0, 58, 219)"; colorTextLinkDark: "rgb(0, 44, 166)"; colorTextLinkDarker: "rgb(0, 31, 117)"; colorTextLinkDestructive: "rgb(206, 36, 26)"; colorTextLinkDestructiveDark: "rgb(112, 6, 0)"; colorTextLinkDestructiveDarker: "rgb(71, 5, 0)"; colorTextLinkDestructiveLight: "rgb(232, 83, 74)"; colorTextLinkLight: "rgb(133, 165, 255)"; colorTextPlaceholder: "rgb(136, 148, 170)"; colorTextSuccess: "rgb(0, 153, 74)"; colorTextWarning: "rgb(228, 98, 22)"; colorTextWarningDark: "rgb(168, 62, 0)"; colorTextWeak: "rgb(71, 86, 114)"; colorTextWeaker: "rgb(182, 191, 206)"; }; export declare const zIndices: { zIndex0: 0; zIndex10: 10; zIndex20: 20; zIndex30: 30; zIndex40: 40; zIndex50: 50; zIndex60: 60; zIndex70: 70; zIndex80: 80; zIndex90: 90; };