UNPKG

44.4 kBTypeScriptView Raw
1export declare const borderRadius0 = "0";
2export declare const borderRadius10 = "2px";
3export declare const borderRadius20 = "4px";
4export declare const borderRadius30 = "8px";
5export declare const borderRadius40 = "12px";
6export declare const borderRadius50 = "16px";
7export declare const borderRadius60 = "20px";
8export declare const borderRadius70 = "24px";
9export declare const borderRadius80 = "28px";
10export declare const borderRadius90 = "32px";
11export declare const borderRadiusCircle = "50%";
12export declare const borderRadiusPill = "100px";
13export declare const borderWidth0 = "0";
14export declare const borderWidth10 = "1px";
15export declare const borderWidth20 = "2px";
16export declare const borderWidth30 = "4px";
17export declare const borderWidth40 = "8px";
18export declare const colorBackground = "rgb(244, 244, 246)";
19export declare const colorBackgroundAvailable = "rgb(20, 176, 83)";
20export declare const colorBackgroundBody = "rgb(255, 255, 255)";
21export declare const colorBackgroundBodyInverse = "rgb(18, 28, 45)";
22export declare const colorBackgroundBrand = "rgb(0, 20, 137)";
23export declare const colorBackgroundBrand10 = "rgb(242, 190, 90)";
24export declare const colorBackgroundBrand20 = "rgb(81, 169, 227)";
25export declare const colorBackgroundBrand30 = "rgb(106, 221, 178)";
26export declare const colorBackgroundBrandHighlight = "rgb(242, 47, 70)";
27export declare const colorBackgroundBrandHighlightWeakest = "rgba(242, 47, 70, 0.1)";
28export declare const colorBackgroundBrandStrong = "rgb(3, 11, 93)";
29export declare const colorBackgroundBrandStronger = "rgb(6, 3, 58)";
30export declare const colorBackgroundBusy = "rgb(244, 124, 34)";
31export declare const colorBackgroundDecorative10Weakest = "rgb(244, 244, 246)";
32export declare const colorBackgroundDecorative20Weakest = "rgb(235, 244, 255)";
33export declare const colorBackgroundDecorative30Weakest = "rgb(237, 253, 243)";
34export declare const colorBackgroundDecorative40Weakest = "rgb(245, 240, 252)";
35export declare const colorBackgroundDestructive = "rgb(214, 31, 31)";
36export declare const colorBackgroundDestructiveStrong = "rgb(117, 12, 12)";
37export declare const colorBackgroundDestructiveStronger = "rgb(74, 11, 11)";
38export declare const colorBackgroundDestructiveStrongest = "rgb(49, 12, 12)";
39export declare const colorBackgroundDestructiveWeak = "rgb(246, 177, 177)";
40export declare const colorBackgroundDestructiveWeaker = "rgb(252, 207, 207)";
41export declare const colorBackgroundDestructiveWeakest = "rgb(254, 236, 236)";
42export declare const colorBackgroundError = "rgb(214, 31, 31)";
43export declare const colorBackgroundErrorStrong = "rgb(117, 12, 12)";
44export declare const colorBackgroundErrorStronger = "rgb(74, 11, 11)";
45export declare const colorBackgroundErrorStrongest = "rgb(49, 12, 12)";
46export declare const colorBackgroundErrorWeakest = "rgb(254, 236, 236)";
47export declare const colorBackgroundInverse = "rgb(31, 48, 76)";
48export declare const colorBackgroundInverseStrong = "rgb(57, 71, 98)";
49export declare const colorBackgroundInverseStronger = "rgb(57, 71, 98)";
50export declare const colorBackgroundInverseStrongest = "rgb(255, 255, 255)";
51export declare const colorBackgroundNeutralWeakest = "rgb(235, 244, 255)";
52export declare const colorBackgroundNew = "rgb(245, 240, 252)";
53export declare const colorBackgroundNewWeakest = "rgb(250, 247, 253)";
54export declare const colorBackgroundOffline = "rgb(174, 178, 193)";
55export declare const colorBackgroundOverlay = "rgba(6, 3, 58, 0.4)";
56export declare const colorBackgroundPrimary = "rgb(2, 99, 224)";
57export declare const colorBackgroundPrimaryStrong = "rgb(0, 20, 137)";
58export declare const colorBackgroundPrimaryStronger = "rgb(3, 11, 93)";
59export declare const colorBackgroundPrimaryStrongest = "rgb(6, 3, 58)";
60export declare const colorBackgroundPrimaryWeak = "rgb(153, 205, 255)";
61export declare const colorBackgroundPrimaryWeaker = "rgb(204, 228, 255)";
62export declare const colorBackgroundPrimaryWeakest = "rgb(235, 244, 255)";
63export declare const colorBackgroundRequired = "rgb(235, 86, 86)";
64export declare const colorBackgroundRowStriped = "rgb(244, 244, 246)";
65export declare const colorBackgroundStrong = "rgb(225, 227, 234)";
66export declare const colorBackgroundStronger = "rgb(136, 145, 170)";
67export declare const colorBackgroundStrongest = "rgb(75, 86, 113)";
68export declare const colorBackgroundSubaccount = "rgb(255, 251, 234)";
69export declare const colorBackgroundSuccess = "rgb(20, 176, 83)";
70export declare const colorBackgroundSuccessWeakest = "rgb(237, 253, 243)";
71export declare const colorBackgroundTrial = "rgb(209, 250, 224)";
72export declare const colorBackgroundUnavailable = "rgb(214, 31, 31)";
73export declare const colorBackgroundUser = "rgb(200, 175, 240)";
74export declare const colorBackgroundWarning = "rgb(244, 124, 34)";
75export declare const colorBackgroundWarningWeakest = "rgb(254, 245, 238)";
76export declare const colorBackgroundWeak = "rgb(249, 249, 250)";
77export declare const colorBorder = "rgb(136, 145, 170)";
78export declare const colorBorderDecorative10Weaker = "rgb(225, 227, 234)";
79export declare const colorBorderDecorative20Weaker = "rgb(204, 228, 255)";
80export declare const colorBorderDecorative30Weaker = "rgb(209, 250, 224)";
81export declare const colorBorderDecorative40Weaker = "rgb(231, 220, 250)";
82export declare const colorBorderDestructive = "rgb(214, 31, 31)";
83export declare const colorBorderDestructiveStrong = "rgb(117, 12, 12)";
84export declare const colorBorderDestructiveStronger = "rgb(74, 11, 11)";
85export declare const colorBorderDestructiveStrongest = "rgb(49, 12, 12)";
86export declare const colorBorderDestructiveWeak = "rgb(246, 177, 177)";
87export declare const colorBorderDestructiveWeaker = "rgb(252, 207, 207)";
88export declare const colorBorderDestructiveWeakest = "rgb(254, 236, 236)";
89export declare const colorBorderError = "rgb(214, 31, 31)";
90export declare const colorBorderErrorStrong = "rgb(117, 12, 12)";
91export declare const colorBorderErrorStronger = "rgb(74, 11, 11)";
92export declare const colorBorderErrorStrongest = "rgb(49, 12, 12)";
93export declare const colorBorderErrorWeak = "rgb(245, 138, 138)";
94export declare const colorBorderErrorWeaker = "rgb(252, 207, 207)";
95export declare const colorBorderErrorWeakest = "rgb(254, 236, 236)";
96export declare const colorBorderInverse = "rgb(136, 145, 170)";
97export declare const colorBorderInverseStrong = "rgb(225, 227, 234)";
98export declare const colorBorderInverseStronger = "rgb(244, 244, 246)";
99export declare const colorBorderInverseStrongest = "rgb(255, 255, 255)";
100export declare const colorBorderInverseWeaker = "rgb(57, 71, 98)";
101export declare const colorBorderInverseWeakest = "rgb(31, 48, 76)";
102export declare const colorBorderNeutral = "rgb(2, 99, 224)";
103export declare const colorBorderNeutralWeak = "rgb(102, 179, 255)";
104export declare const colorBorderNeutralWeaker = "rgb(204, 228, 255)";
105export declare const colorBorderNewWeaker = "rgb(231, 220, 250)";
106export declare const colorBorderPrimary = "rgb(2, 99, 224)";
107export declare const colorBorderPrimaryStrong = "rgb(0, 20, 137)";
108export declare const colorBorderPrimaryStronger = "rgb(3, 11, 93)";
109export declare const colorBorderPrimaryStrongest = "rgb(6, 3, 58)";
110export declare const colorBorderPrimaryWeak = "rgb(153, 205, 255)";
111export declare const colorBorderPrimaryWeaker = "rgb(204, 228, 255)";
112export declare const colorBorderPrimaryWeakest = "rgb(235, 244, 255)";
113export declare const colorBorderStrong = "rgb(96, 107, 133)";
114export declare const colorBorderSuccess = "rgb(20, 176, 83)";
115export declare const colorBorderSuccessWeak = "rgb(54, 213, 118)";
116export declare const colorBorderSuccessWeaker = "rgb(209, 250, 224)";
117export declare const colorBorderSuccessWeakest = "rgb(237, 253, 243)";
118export declare const colorBorderUser = "rgb(231, 220, 250)";
119export declare const colorBorderWarning = "rgb(244, 124, 34)";
120export declare const colorBorderWarningWeak = "rgb(255, 179, 122)";
121export declare const colorBorderWarningWeaker = "rgb(253, 220, 196)";
122export declare const colorBorderWarningWeakest = "rgb(254, 245, 238)";
123export declare const colorBorderWeak = "rgb(202, 205, 216)";
124export declare const colorBorderWeaker = "rgb(225, 227, 234)";
125export declare const colorBorderWeakest = "rgb(255, 255, 255)";
126export declare const colorBrand = "rgb(0, 20, 137)";
127export declare const colorBrandHighlight = "rgb(242, 47, 70)";
128export declare const colorDataVisualization1 = "rgb(0, 20, 137)";
129export declare const colorDataVisualization10 = "rgb(235, 86, 86)";
130export declare const colorDataVisualization2 = "rgb(14, 124, 58)";
131export declare const colorDataVisualization3 = "rgb(13, 58, 31)";
132export declare const colorDataVisualization4 = "rgb(0, 140, 255)";
133export declare const colorDataVisualization5 = "rgb(57, 71, 98)";
134export declare const colorDataVisualization6 = "rgb(166, 127, 227)";
135export declare const colorDataVisualization7 = "rgb(109, 46, 209)";
136export declare const colorDataVisualization8 = "rgb(136, 145, 170)";
137export declare const colorDataVisualization9 = "rgb(117, 12, 12)";
138export declare const colorGray0 = "rgb(255, 255, 255)";
139export declare const colorGray10 = "rgb(244, 244, 246)";
140export declare const colorGray100 = "rgb(18, 28, 45)";
141export declare const colorGray20 = "rgb(225, 227, 234)";
142export declare const colorGray30 = "rgb(202, 205, 216)";
143export declare const colorGray40 = "rgb(174, 178, 193)";
144export declare const colorGray50 = "rgb(136, 145, 170)";
145export declare const colorGray60 = "rgb(96, 107, 133)";
146export declare const colorGray70 = "rgb(75, 86, 113)";
147export declare const colorGray80 = "rgb(57, 71, 98)";
148export declare const colorGray90 = "rgb(31, 48, 76)";
149export declare const colorScheme = "light";
150export declare const colorText = "rgb(18, 28, 45)";
151export declare const colorTextBrand = "rgb(18, 28, 45)";
152export declare const colorTextBrandHighlight = "rgb(242, 47, 70)";
153export declare const colorTextBrandInverse = "rgb(255, 255, 255)";
154export declare const colorTextDecorative10 = "rgb(96, 107, 133)";
155export declare const colorTextDecorative20 = "rgb(0, 20, 137)";
156export declare const colorTextDecorative30 = "rgb(14, 124, 58)";
157export declare const colorTextDecorative40 = "rgb(109, 46, 209)";
158export declare const colorTextDestructive = "rgb(214, 31, 31)";
159export declare const colorTextDestructiveStrong = "rgb(173, 17, 17)";
160export declare const colorTextDestructiveStronger = "rgb(74, 11, 11)";
161export declare const colorTextDestructiveStrongest = "rgb(49, 12, 12)";
162export declare const colorTextDestructiveWeak = "rgb(246, 177, 177)";
163export declare const colorTextError = "rgb(214, 31, 31)";
164export declare const colorTextErrorStrong = "rgb(173, 17, 17)";
165export declare const colorTextErrorStronger = "rgb(74, 11, 11)";
166export declare const colorTextErrorStrongest = "rgb(49, 12, 12)";
167export declare const colorTextErrorWeak = "rgb(235, 86, 86)";
168export declare const colorTextIcon = "rgb(96, 107, 133)";
169export declare const colorTextIconAvailable = "rgb(14, 124, 58)";
170export declare const colorTextIconBrandHighlight = "rgb(242, 47, 70)";
171export declare const colorTextIconBrandInverse = "rgb(255, 255, 255)";
172export declare const colorTextIconBusy = "rgb(227, 106, 25)";
173export declare const colorTextIconError = "rgb(214, 31, 31)";
174export declare const colorTextIconInverse = "rgb(136, 145, 170)";
175export declare const colorTextIconNeutral = "rgb(0, 20, 137)";
176export declare const colorTextIconNew = "rgb(109, 46, 209)";
177export declare const colorTextIconOffline = "rgb(96, 107, 133)";
178export declare const colorTextIconSuccess = "rgb(14, 124, 58)";
179export declare const colorTextIconUnavailable = "rgb(214, 31, 31)";
180export declare const colorTextIconWarning = "rgb(227, 106, 25)";
181export declare const colorTextInverse = "rgb(255, 255, 255)";
182export declare const colorTextInverseNew = "rgb(200, 175, 240)";
183export declare const colorTextInverseWeak = "rgb(202, 205, 216)";
184export declare const colorTextInverseWeaker = "rgb(136, 145, 170)";
185export declare const colorTextInverseWeakest = "rgb(75, 86, 113)";
186export declare const colorTextLink = "rgb(2, 99, 224)";
187export declare const colorTextLinkDestructive = "rgb(214, 31, 31)";
188export declare const colorTextLinkDestructiveStrong = "rgb(173, 17, 17)";
189export declare const colorTextLinkDestructiveStronger = "rgb(74, 11, 11)";
190export declare const colorTextLinkDestructiveStrongest = "rgb(49, 12, 12)";
191export declare const colorTextLinkDestructiveWeak = "rgb(246, 177, 177)";
192export declare const colorTextLinkStrong = "rgb(0, 20, 137)";
193export declare const colorTextLinkStronger = "rgb(3, 11, 93)";
194export declare const colorTextLinkStrongest = "rgb(6, 3, 58)";
195export declare const colorTextLinkWeak = "rgb(153, 205, 255)";
196export declare const colorTextNeutral = "rgb(0, 20, 137)";
197export declare const colorTextNew = "rgb(109, 46, 209)";
198export declare const colorTextPrimary = "rgb(2, 99, 224)";
199export declare const colorTextPrimaryStrong = "rgb(0, 20, 137)";
200export declare const colorTextPrimaryStronger = "rgb(3, 11, 93)";
201export declare const colorTextPrimaryStrongest = "rgb(6, 3, 58)";
202export declare const colorTextPrimaryWeak = "rgb(153, 205, 255)";
203export declare const colorTextSubaccount = "rgb(84, 51, 8)";
204export declare const colorTextSuccess = "rgb(14, 124, 58)";
205export declare const colorTextUser = "rgb(18, 28, 45)";
206export declare const colorTextWarning = "rgb(141, 49, 24)";
207export declare const colorTextWarningStrong = "rgb(141, 49, 24)";
208export declare const colorTextWeak = "rgb(96, 107, 133)";
209export declare const colorTextWeaker = "rgb(174, 178, 193)";
210export declare const colorTextWeakest = "rgb(255, 255, 255)";
211export declare const fontFamilyCode = "'TwilioSansMono', Courier, monospace";
212export declare const fontFamilyDisplay = "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
213export declare const fontFamilyText = "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
214export declare const fontFamilyTextChineseSimplified = "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif";
215export declare const fontFamilyTextChineseTraditional = "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
216export declare const fontFamilyTextJapanese = "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif";
217export declare const fontFamilyTextKorean = "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
218export declare const fontSize10 = "0.625rem";
219export declare const fontSize100 = "2.5rem";
220export declare const fontSize110 = "3rem";
221export declare const fontSize20 = "0.75rem";
222export declare const fontSize30 = "0.875rem";
223export declare const fontSize40 = "1rem";
224export declare const fontSize50 = "1.125rem";
225export declare const fontSize60 = "1.25rem";
226export declare const fontSize70 = "1.5rem";
227export declare const fontSize80 = "1.75rem";
228export declare const fontSize90 = "2rem";
229export declare const fontSizeBase = "100%";
230export declare const fontSizeDisplay10 = "2rem";
231export declare const fontSizeDisplay20 = "3rem";
232export declare const fontSizeDisplay30 = "4rem";
233export declare const fontWeightBold = "700";
234export declare const fontWeightExtrabold = "800";
235export declare const fontWeightLight = "400";
236export declare const fontWeightMedium = "500";
237export declare const fontWeightNormal = "400";
238export declare const fontWeightSemibold = "600";
239export declare const lineHeight0 = "0";
240export declare const lineHeight05 = "0.75rem";
241export declare const lineHeight10 = "1rem";
242export declare const lineHeight100 = "3.25rem";
243export declare const lineHeight110 = "4rem";
244export declare const lineHeight20 = "1.25rem";
245export declare const lineHeight30 = "1.25rem";
246export declare const lineHeight40 = "1.5rem";
247export declare const lineHeight50 = "1.75rem";
248export declare const lineHeight60 = "1.75rem";
249export declare const lineHeight70 = "2rem";
250export declare const lineHeight80 = "2.5rem";
251export declare const lineHeight90 = "2.5rem";
252export declare const lineHeightDisplay10 = "2.5rem";
253export declare const lineHeightDisplay20 = "3.75rem";
254export declare const lineHeightDisplay30 = "5rem";
255export declare const shadow = "0 4px 16px 0 rgba(18, 28, 45, 0.2)";
256export declare const shadowBorder = "0 0 0 1px #8891aa";
257export declare const shadowBorderBottomBrand10Strong = "0 1px 0 #855c15";
258export declare const shadowBorderBottomBrand20Strong = "0 1px 0 #043cb5";
259export declare const shadowBorderBottomBrand30Strong = "0 1px 0 #0e7c3a";
260export declare const shadowBorderBottomDecorative10Weaker = "0 1px 0 #e1e3ea";
261export declare const shadowBorderBottomDecorative20Weaker = "0 1px 0 #cce4ff";
262export declare const shadowBorderBottomDecorative30Weaker = "0 1px 0 #d1fae0";
263export declare const shadowBorderBottomDecorative40Weaker = "0 1px 0 #e7dcfa";
264export declare const shadowBorderBottomErrorWeaker = "0 1px 0 #fccfcf";
265export declare const shadowBorderBottomInverseNewWeaker = "0 1px 0 #5817bd";
266export declare const shadowBorderBottomNeutralWeaker = "0 1px 0 #cce4ff";
267export declare const shadowBorderBottomNewWeaker = "0 1px 0 #e7dcfa";
268export declare const shadowBorderBottomPrimary = "0 1px 0 #006dfa";
269export declare const shadowBorderBottomSubaccount = "0 1px 0 #ffdd35";
270export declare const shadowBorderBottomSuccessWeaker = "0 1px 0 #d1fae0";
271export declare const shadowBorderBottomWarningWeaker = "0 1px 0 #fddcc4";
272export declare const shadowBorderBrand10 = "saffron";
273export declare const shadowBorderBrand20 = "sky";
274export declare const shadowBorderBrand30 = "mint";
275export declare const shadowBorderDecorative10Weaker = "0 0 0 1px #e1e3ea";
276export declare const shadowBorderDecorative20Weaker = "0 0 0 1px #cce4ff";
277export declare const shadowBorderDecorative30Weaker = "0 0 0 1px #d1fae0";
278export declare const shadowBorderDecorative40Weaker = "0 0 0 1px #e7dcfa";
279export declare const shadowBorderDestructive = "0 0 0 1px #d61f1f";
280export declare const shadowBorderDestructiveStrong = "0 0 0 1px #750c0c";
281export declare const shadowBorderDestructiveStronger = "0 0 0 1px #4a0b0b";
282export declare const shadowBorderDestructiveStrongest = "0 0 0 1px #310c0c";
283export declare const shadowBorderDestructiveWeak = "0 0 0 1px #f6b1b1";
284export declare const shadowBorderDestructiveWeaker = "0 0 0 1px #fccfcf";
285export declare const shadowBorderError = "0 0 0 1px #d61f1f";
286export declare const shadowBorderErrorStrong = "0 0 0 1px #750c0c";
287export declare const shadowBorderErrorStronger = "0 0 0 1px #4a0b0b";
288export declare const shadowBorderErrorStrongest = "0 0 0 1px #310c0c";
289export declare const shadowBorderErrorWeak = "0 0 0 1px #eb5656";
290export declare const shadowBorderErrorWeaker = "0 0 0 1px #fccfcf";
291export declare const shadowBorderInverse = "0 0 0 1px #8891aa";
292export declare const shadowBorderInverseNewWeaker = "0 0 0 1px #5817bd";
293export declare const shadowBorderInverseStrong = "0 0 0 1px #e1e3ea";
294export declare const shadowBorderInverseStronger = "0 0 0 1px #f4f4f6";
295export declare const shadowBorderInverseStrongest = "0 0 0 1px #ffffff";
296export declare const shadowBorderInverseWeaker = "0 0 0 1px #394762";
297export declare const shadowBorderInverseWeakest = "0 0 0 1px #1f304c";
298export declare const shadowBorderNeutralWeaker = "0 0 0 1px #cce4ff";
299export declare const shadowBorderNewWeaker = "0 0 0 1px #e7dcfa";
300export declare const shadowBorderPrimary = "0 0 0 1px #0263e0";
301export declare const shadowBorderPrimaryStrong = "0 0 0 1px #001489";
302export declare const shadowBorderPrimaryStronger = "0 0 0 1px #030b5d";
303export declare const shadowBorderPrimaryStrongest = "0 0 0 1px #06033a";
304export declare const shadowBorderPrimaryWeak = "0 0 0 1px #99cdff";
305export declare const shadowBorderPrimaryWeaker = "0 0 0 1px #cce4ff";
306export declare const shadowBorderRightInverseStrong = "1px 0px #e1e3ea";
307export declare const shadowBorderStrong = "0 0 0 1px #606b85";
308export declare const shadowBorderSubaccount = "0 0 0 1px #fff1b3";
309export declare const shadowBorderSuccessWeaker = "0 0 0 1px #d1fae0";
310export declare const shadowBorderTopInverseStrongest = "0px -1px 0 #cce4ff";
311export declare const shadowBorderTopPrimary = "0px -1px 0 #006dfa";
312export declare const shadowBorderTopPrimaryStrongest = "0px -1px 0 #030b5d";
313export declare const shadowBorderUser = "0 0 0 1px #8c5bd8";
314export declare const shadowBorderWarningWeaker = "0 0 0 1px #fddcc4";
315export declare const shadowBorderWeak = "0 0 0 1px #cacdd8";
316export declare const shadowBorderWeaker = "0 0 0 1px #e1e3ea";
317export declare const shadowCard = "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
318export declare const shadowFocus = "0 0 0 4px rgba(2, 99, 224, 0.7)";
319export declare const shadowFocusInset = "inset 0 0 0 2px rgba(2, 99, 224, 0.7)";
320export declare const shadowFocusInverse = "0 0 0 4px rgba(255, 255, 255, 0.4)";
321export declare const shadowFocusInverseInset = "inset 0 0 0 2px rgba(255, 255, 255, 0.4)";
322export declare const shadowFocusShadowBorder = "0 0 0 4px rgba(2, 99, 224, 0.7), 0 0 0 1px #8891aa";
323export declare const shadowHigh = "0 16px 24px 0 rgba(18, 28, 45, 0.2)";
324export declare const shadowLow = "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
325export declare const size0 = "0";
326export declare const size10 = "5.5rem";
327export declare const size100 = "64rem";
328export declare const size110 = "70.5rem";
329export declare const size120 = "77rem";
330export declare const size20 = "12rem";
331export declare const size30 = "18.5rem";
332export declare const size40 = "25rem";
333export declare const size50 = "31.5rem";
334export declare const size60 = "38rem";
335export declare const size70 = "44.5rem";
336export declare const size80 = "51rem";
337export declare const size90 = "57.5rem";
338export declare const sizeIcon05 = "0.75rem";
339export declare const sizeIcon10 = "1rem";
340export declare const sizeIcon100 = "3.25rem";
341export declare const sizeIcon110 = "4rem";
342export declare const sizeIcon20 = "1.25rem";
343export declare const sizeIcon30 = "1.25rem";
344export declare const sizeIcon40 = "1.5rem";
345export declare const sizeIcon50 = "1.75rem";
346export declare const sizeIcon60 = "1.75rem";
347export declare const sizeIcon70 = "2rem";
348export declare const sizeIcon80 = "2.5rem";
349export declare const sizeIcon90 = "2.5rem";
350export declare const sizeSidebar = "15rem";
351export declare const sizeSidebarCompact = "4.75rem";
352export declare const sizeSquare0 = "0";
353export declare const sizeSquare10 = "0.125rem";
354export declare const sizeSquare100 = "2.25rem";
355export declare const sizeSquare110 = "2.5rem";
356export declare const sizeSquare120 = "2.75rem";
357export declare const sizeSquare130 = "3rem";
358export declare const sizeSquare140 = "3.25rem";
359export declare const sizeSquare150 = "3.5rem";
360export declare const sizeSquare160 = "3.75rem";
361export declare const sizeSquare170 = "4rem";
362export declare const sizeSquare180 = "4.25rem";
363export declare const sizeSquare190 = "4.5rem";
364export declare const sizeSquare20 = "0.25rem";
365export declare const sizeSquare200 = "4.75rem";
366export declare const sizeSquare25 = "0.375rem";
367export declare const sizeSquare30 = "0.5rem";
368export declare const sizeSquare40 = "0.75rem";
369export declare const sizeSquare50 = "1rem";
370export declare const sizeSquare60 = "1.25rem";
371export declare const sizeSquare70 = "1.5rem";
372export declare const sizeSquare80 = "1.75rem";
373export declare const sizeSquare90 = "2rem";
374export declare const sizeTopbar = "4.75rem";
375export declare const space0 = "0";
376export declare const space10 = "0.125rem";
377export declare const space100 = "2.25rem";
378export declare const space110 = "2.5rem";
379export declare const space120 = "2.75rem";
380export declare const space130 = "3rem";
381export declare const space140 = "3.25rem";
382export declare const space150 = "3.5rem";
383export declare const space160 = "3.75rem";
384export declare const space170 = "4rem";
385export declare const space180 = "4.25rem";
386export declare const space190 = "4.5rem";
387export declare const space20 = "0.25rem";
388export declare const space200 = "4.75rem";
389export declare const space30 = "0.5rem";
390export declare const space40 = "0.75rem";
391export declare const space50 = "1rem";
392export declare const space60 = "1.25rem";
393export declare const space70 = "1.5rem";
394export declare const space80 = "1.75rem";
395export declare const space90 = "2rem";
396export declare const spaceNegative10 = "-0.125rem";
397export declare const spaceNegative100 = "-2.25rem";
398export declare const spaceNegative110 = "-2.5rem";
399export declare const spaceNegative120 = "-2.75rem";
400export declare const spaceNegative130 = "-3rem";
401export declare const spaceNegative140 = "-3.25rem";
402export declare const spaceNegative150 = "-3.5rem";
403export declare const spaceNegative160 = "-3.75rem";
404export declare const spaceNegative170 = "-4rem";
405export declare const spaceNegative180 = "-4.25rem";
406export declare const spaceNegative190 = "-4.5rem";
407export declare const spaceNegative20 = "-0.25rem";
408export declare const spaceNegative200 = "-4.75rem";
409export declare const spaceNegative30 = "-0.5rem";
410export declare const spaceNegative40 = "-0.75rem";
411export declare const spaceNegative50 = "-1rem";
412export declare const spaceNegative60 = "-1.25rem";
413export declare const spaceNegative70 = "-1.5rem";
414export declare const spaceNegative80 = "-1.75rem";
415export declare const spaceNegative90 = "-2rem";
416export declare const zIndex0 = "0";
417export declare const zIndex10 = "10";
418export declare const zIndex20 = "20";
419export declare const zIndex30 = "30";
420export declare const zIndex40 = "40";
421export declare const zIndex50 = "50";
422export declare const zIndex60 = "60";
423export declare const zIndex70 = "70";
424export declare const zIndex80 = "80";
425export declare const zIndex90 = "90";
426export declare const backgroundColors: {
427 colorBackground: "rgb(244, 244, 246)";
428 colorBackgroundAvailable: "rgb(20, 176, 83)";
429 colorBackgroundBody: "rgb(255, 255, 255)";
430 colorBackgroundBodyInverse: "rgb(18, 28, 45)";
431 colorBackgroundBrand: "rgb(0, 20, 137)";
432 colorBackgroundBrand10: "rgb(242, 190, 90)";
433 colorBackgroundBrand20: "rgb(81, 169, 227)";
434 colorBackgroundBrand30: "rgb(106, 221, 178)";
435 colorBackgroundBrandHighlight: "rgb(242, 47, 70)";
436 colorBackgroundBrandHighlightWeakest: "rgba(242, 47, 70, 0.1)";
437 colorBackgroundBrandStrong: "rgb(3, 11, 93)";
438 colorBackgroundBrandStronger: "rgb(6, 3, 58)";
439 colorBackgroundBusy: "rgb(244, 124, 34)";
440 colorBackgroundDecorative10Weakest: "rgb(244, 244, 246)";
441 colorBackgroundDecorative20Weakest: "rgb(235, 244, 255)";
442 colorBackgroundDecorative30Weakest: "rgb(237, 253, 243)";
443 colorBackgroundDecorative40Weakest: "rgb(245, 240, 252)";
444 colorBackgroundDestructive: "rgb(214, 31, 31)";
445 colorBackgroundDestructiveStrong: "rgb(117, 12, 12)";
446 colorBackgroundDestructiveStronger: "rgb(74, 11, 11)";
447 colorBackgroundDestructiveStrongest: "rgb(49, 12, 12)";
448 colorBackgroundDestructiveWeak: "rgb(246, 177, 177)";
449 colorBackgroundDestructiveWeaker: "rgb(252, 207, 207)";
450 colorBackgroundDestructiveWeakest: "rgb(254, 236, 236)";
451 colorBackgroundError: "rgb(214, 31, 31)";
452 colorBackgroundErrorStrong: "rgb(117, 12, 12)";
453 colorBackgroundErrorStronger: "rgb(74, 11, 11)";
454 colorBackgroundErrorStrongest: "rgb(49, 12, 12)";
455 colorBackgroundErrorWeakest: "rgb(254, 236, 236)";
456 colorBackgroundInverse: "rgb(31, 48, 76)";
457 colorBackgroundInverseStrong: "rgb(57, 71, 98)";
458 colorBackgroundInverseStronger: "rgb(57, 71, 98)";
459 colorBackgroundInverseStrongest: "rgb(255, 255, 255)";
460 colorBackgroundNeutralWeakest: "rgb(235, 244, 255)";
461 colorBackgroundNew: "rgb(245, 240, 252)";
462 colorBackgroundNewWeakest: "rgb(250, 247, 253)";
463 colorBackgroundOffline: "rgb(174, 178, 193)";
464 colorBackgroundOverlay: "rgba(6, 3, 58, 0.4)";
465 colorBackgroundPrimary: "rgb(2, 99, 224)";
466 colorBackgroundPrimaryStrong: "rgb(0, 20, 137)";
467 colorBackgroundPrimaryStronger: "rgb(3, 11, 93)";
468 colorBackgroundPrimaryStrongest: "rgb(6, 3, 58)";
469 colorBackgroundPrimaryWeak: "rgb(153, 205, 255)";
470 colorBackgroundPrimaryWeaker: "rgb(204, 228, 255)";
471 colorBackgroundPrimaryWeakest: "rgb(235, 244, 255)";
472 colorBackgroundRequired: "rgb(235, 86, 86)";
473 colorBackgroundRowStriped: "rgb(244, 244, 246)";
474 colorBackgroundStrong: "rgb(225, 227, 234)";
475 colorBackgroundStronger: "rgb(136, 145, 170)";
476 colorBackgroundStrongest: "rgb(75, 86, 113)";
477 colorBackgroundSubaccount: "rgb(255, 251, 234)";
478 colorBackgroundSuccess: "rgb(20, 176, 83)";
479 colorBackgroundSuccessWeakest: "rgb(237, 253, 243)";
480 colorBackgroundTrial: "rgb(209, 250, 224)";
481 colorBackgroundUnavailable: "rgb(214, 31, 31)";
482 colorBackgroundUser: "rgb(200, 175, 240)";
483 colorBackgroundWarning: "rgb(244, 124, 34)";
484 colorBackgroundWarningWeakest: "rgb(254, 245, 238)";
485 colorBackgroundWeak: "rgb(249, 249, 250)";
486};
487export declare const borderColors: {
488 colorBorder: "rgb(136, 145, 170)";
489 colorBorderDecorative10Weaker: "rgb(225, 227, 234)";
490 colorBorderDecorative20Weaker: "rgb(204, 228, 255)";
491 colorBorderDecorative30Weaker: "rgb(209, 250, 224)";
492 colorBorderDecorative40Weaker: "rgb(231, 220, 250)";
493 colorBorderDestructive: "rgb(214, 31, 31)";
494 colorBorderDestructiveStrong: "rgb(117, 12, 12)";
495 colorBorderDestructiveStronger: "rgb(74, 11, 11)";
496 colorBorderDestructiveStrongest: "rgb(49, 12, 12)";
497 colorBorderDestructiveWeak: "rgb(246, 177, 177)";
498 colorBorderDestructiveWeaker: "rgb(252, 207, 207)";
499 colorBorderDestructiveWeakest: "rgb(254, 236, 236)";
500 colorBorderError: "rgb(214, 31, 31)";
501 colorBorderErrorStrong: "rgb(117, 12, 12)";
502 colorBorderErrorStronger: "rgb(74, 11, 11)";
503 colorBorderErrorStrongest: "rgb(49, 12, 12)";
504 colorBorderErrorWeak: "rgb(245, 138, 138)";
505 colorBorderErrorWeaker: "rgb(252, 207, 207)";
506 colorBorderErrorWeakest: "rgb(254, 236, 236)";
507 colorBorderInverse: "rgb(136, 145, 170)";
508 colorBorderInverseStrong: "rgb(225, 227, 234)";
509 colorBorderInverseStronger: "rgb(244, 244, 246)";
510 colorBorderInverseStrongest: "rgb(255, 255, 255)";
511 colorBorderInverseWeaker: "rgb(57, 71, 98)";
512 colorBorderInverseWeakest: "rgb(31, 48, 76)";
513 colorBorderNeutral: "rgb(2, 99, 224)";
514 colorBorderNeutralWeak: "rgb(102, 179, 255)";
515 colorBorderNeutralWeaker: "rgb(204, 228, 255)";
516 colorBorderNewWeaker: "rgb(231, 220, 250)";
517 colorBorderPrimary: "rgb(2, 99, 224)";
518 colorBorderPrimaryStrong: "rgb(0, 20, 137)";
519 colorBorderPrimaryStronger: "rgb(3, 11, 93)";
520 colorBorderPrimaryStrongest: "rgb(6, 3, 58)";
521 colorBorderPrimaryWeak: "rgb(153, 205, 255)";
522 colorBorderPrimaryWeaker: "rgb(204, 228, 255)";
523 colorBorderPrimaryWeakest: "rgb(235, 244, 255)";
524 colorBorderStrong: "rgb(96, 107, 133)";
525 colorBorderSuccess: "rgb(20, 176, 83)";
526 colorBorderSuccessWeak: "rgb(54, 213, 118)";
527 colorBorderSuccessWeaker: "rgb(209, 250, 224)";
528 colorBorderSuccessWeakest: "rgb(237, 253, 243)";
529 colorBorderUser: "rgb(231, 220, 250)";
530 colorBorderWarning: "rgb(244, 124, 34)";
531 colorBorderWarningWeak: "rgb(255, 179, 122)";
532 colorBorderWarningWeaker: "rgb(253, 220, 196)";
533 colorBorderWarningWeakest: "rgb(254, 245, 238)";
534 colorBorderWeak: "rgb(202, 205, 216)";
535 colorBorderWeaker: "rgb(225, 227, 234)";
536 colorBorderWeakest: "rgb(255, 255, 255)";
537};
538export declare const borderWidths: {
539 borderWidth0: 0;
540 borderWidth10: "1px";
541 borderWidth20: "2px";
542 borderWidth30: "4px";
543 borderWidth40: "8px";
544};
545export declare const boxShadows: {
546 shadow: "0 4px 16px 0 rgba(18, 28, 45, 0.2)";
547 shadowBorder: "0 0 0 1px #8891aa";
548 shadowBorderBottomBrand10Strong: "0 1px 0 #855c15";
549 shadowBorderBottomBrand20Strong: "0 1px 0 #043cb5";
550 shadowBorderBottomBrand30Strong: "0 1px 0 #0e7c3a";
551 shadowBorderBottomDecorative10Weaker: "0 1px 0 #e1e3ea";
552 shadowBorderBottomDecorative20Weaker: "0 1px 0 #cce4ff";
553 shadowBorderBottomDecorative30Weaker: "0 1px 0 #d1fae0";
554 shadowBorderBottomDecorative40Weaker: "0 1px 0 #e7dcfa";
555 shadowBorderBottomErrorWeaker: "0 1px 0 #fccfcf";
556 shadowBorderBottomInverseNewWeaker: "0 1px 0 #5817bd";
557 shadowBorderBottomNeutralWeaker: "0 1px 0 #cce4ff";
558 shadowBorderBottomNewWeaker: "0 1px 0 #e7dcfa";
559 shadowBorderBottomPrimary: "0 1px 0 #006dfa";
560 shadowBorderBottomSubaccount: "0 1px 0 #ffdd35";
561 shadowBorderBottomSuccessWeaker: "0 1px 0 #d1fae0";
562 shadowBorderBottomWarningWeaker: "0 1px 0 #fddcc4";
563 shadowBorderBrand10: "saffron";
564 shadowBorderBrand20: "sky";
565 shadowBorderBrand30: "mint";
566 shadowBorderDecorative10Weaker: "0 0 0 1px #e1e3ea";
567 shadowBorderDecorative20Weaker: "0 0 0 1px #cce4ff";
568 shadowBorderDecorative30Weaker: "0 0 0 1px #d1fae0";
569 shadowBorderDecorative40Weaker: "0 0 0 1px #e7dcfa";
570 shadowBorderDestructive: "0 0 0 1px #d61f1f";
571 shadowBorderDestructiveStrong: "0 0 0 1px #750c0c";
572 shadowBorderDestructiveStronger: "0 0 0 1px #4a0b0b";
573 shadowBorderDestructiveStrongest: "0 0 0 1px #310c0c";
574 shadowBorderDestructiveWeak: "0 0 0 1px #f6b1b1";
575 shadowBorderDestructiveWeaker: "0 0 0 1px #fccfcf";
576 shadowBorderError: "0 0 0 1px #d61f1f";
577 shadowBorderErrorStrong: "0 0 0 1px #750c0c";
578 shadowBorderErrorStronger: "0 0 0 1px #4a0b0b";
579 shadowBorderErrorStrongest: "0 0 0 1px #310c0c";
580 shadowBorderErrorWeak: "0 0 0 1px #eb5656";
581 shadowBorderErrorWeaker: "0 0 0 1px #fccfcf";
582 shadowBorderInverse: "0 0 0 1px #8891aa";
583 shadowBorderInverseNewWeaker: "0 0 0 1px #5817bd";
584 shadowBorderInverseStrong: "0 0 0 1px #e1e3ea";
585 shadowBorderInverseStronger: "0 0 0 1px #f4f4f6";
586 shadowBorderInverseStrongest: "0 0 0 1px #ffffff";
587 shadowBorderInverseWeaker: "0 0 0 1px #394762";
588 shadowBorderInverseWeakest: "0 0 0 1px #1f304c";
589 shadowBorderNeutralWeaker: "0 0 0 1px #cce4ff";
590 shadowBorderNewWeaker: "0 0 0 1px #e7dcfa";
591 shadowBorderPrimary: "0 0 0 1px #0263e0";
592 shadowBorderPrimaryStrong: "0 0 0 1px #001489";
593 shadowBorderPrimaryStronger: "0 0 0 1px #030b5d";
594 shadowBorderPrimaryStrongest: "0 0 0 1px #06033a";
595 shadowBorderPrimaryWeak: "0 0 0 1px #99cdff";
596 shadowBorderPrimaryWeaker: "0 0 0 1px #cce4ff";
597 shadowBorderRightInverseStrong: "1px 0px #e1e3ea";
598 shadowBorderStrong: "0 0 0 1px #606b85";
599 shadowBorderSubaccount: "0 0 0 1px #fff1b3";
600 shadowBorderSuccessWeaker: "0 0 0 1px #d1fae0";
601 shadowBorderTopInverseStrongest: "0px -1px 0 #cce4ff";
602 shadowBorderTopPrimary: "0px -1px 0 #006dfa";
603 shadowBorderTopPrimaryStrongest: "0px -1px 0 #030b5d";
604 shadowBorderUser: "0 0 0 1px #8c5bd8";
605 shadowBorderWarningWeaker: "0 0 0 1px #fddcc4";
606 shadowBorderWeak: "0 0 0 1px #cacdd8";
607 shadowBorderWeaker: "0 0 0 1px #e1e3ea";
608 shadowCard: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
609 shadowFocus: "0 0 0 4px rgba(2, 99, 224, 0.7)";
610 shadowFocusInset: "inset 0 0 0 2px rgba(2, 99, 224, 0.7)";
611 shadowFocusInverse: "0 0 0 4px rgba(255, 255, 255, 0.4)";
612 shadowFocusInverseInset: "inset 0 0 0 2px rgba(255, 255, 255, 0.4)";
613 shadowFocusShadowBorder: "0 0 0 4px rgba(2, 99, 224, 0.7), 0 0 0 1px #8891aa";
614 shadowHigh: "0 16px 24px 0 rgba(18, 28, 45, 0.2)";
615 shadowLow: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
616};
617export declare const colors: {
618 colorBrand: "rgb(0, 20, 137)";
619 colorBrandHighlight: "rgb(242, 47, 70)";
620 colorGray0: "rgb(255, 255, 255)";
621 colorGray10: "rgb(244, 244, 246)";
622 colorGray20: "rgb(225, 227, 234)";
623 colorGray30: "rgb(202, 205, 216)";
624 colorGray40: "rgb(174, 178, 193)";
625 colorGray50: "rgb(136, 145, 170)";
626 colorGray60: "rgb(96, 107, 133)";
627 colorGray70: "rgb(75, 86, 113)";
628 colorGray80: "rgb(57, 71, 98)";
629 colorGray90: "rgb(31, 48, 76)";
630 colorGray100: "rgb(18, 28, 45)";
631};
632export declare const colorSchemes: {
633 colorScheme: "light";
634};
635export declare const dataVisualization: {
636 colorDataVisualization1: "rgb(0, 20, 137)";
637 colorDataVisualization2: "rgb(14, 124, 58)";
638 colorDataVisualization3: "rgb(13, 58, 31)";
639 colorDataVisualization4: "rgb(0, 140, 255)";
640 colorDataVisualization5: "rgb(57, 71, 98)";
641 colorDataVisualization6: "rgb(166, 127, 227)";
642 colorDataVisualization7: "rgb(109, 46, 209)";
643 colorDataVisualization8: "rgb(136, 145, 170)";
644 colorDataVisualization9: "rgb(117, 12, 12)";
645 colorDataVisualization10: "rgb(235, 86, 86)";
646};
647export declare const fonts: {
648 fontFamilyCode: "'TwilioSansMono', Courier, monospace";
649 fontFamilyDisplay: "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
650 fontFamilyText: "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
651 fontFamilyTextChineseSimplified: "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif";
652 fontFamilyTextChineseTraditional: "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
653 fontFamilyTextJapanese: "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif";
654 fontFamilyTextKorean: "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
655};
656export declare const fontSizes: {
657 fontSize10: "0.625rem";
658 fontSize20: "0.75rem";
659 fontSize30: "0.875rem";
660 fontSize40: "1rem";
661 fontSize50: "1.125rem";
662 fontSize60: "1.25rem";
663 fontSize70: "1.5rem";
664 fontSize80: "1.75rem";
665 fontSize90: "2rem";
666 fontSize100: "2.5rem";
667 fontSize110: "3rem";
668 fontSizeBase: "100%";
669 fontSizeDisplay10: "2rem";
670 fontSizeDisplay20: "3rem";
671 fontSizeDisplay30: "4rem";
672};
673export declare const fontWeights: {
674 fontWeightLight: 400;
675 fontWeightNormal: 400;
676 fontWeightMedium: 500;
677 fontWeightSemibold: 600;
678 fontWeightBold: 700;
679 fontWeightExtrabold: 800;
680};
681export declare const lineHeights: {
682 lineHeight0: 0;
683 lineHeight05: "0.75rem";
684 lineHeight10: "1rem";
685 lineHeight20: "1.25rem";
686 lineHeight30: "1.25rem";
687 lineHeight40: "1.5rem";
688 lineHeight50: "1.75rem";
689 lineHeight60: "1.75rem";
690 lineHeight70: "2rem";
691 lineHeight80: "2.5rem";
692 lineHeight90: "2.5rem";
693 lineHeight100: "3.25rem";
694 lineHeight110: "4rem";
695 lineHeightDisplay10: "2.5rem";
696 lineHeightDisplay20: "3.75rem";
697 lineHeightDisplay30: "5rem";
698};
699export declare const radii: {
700 borderRadius0: 0;
701 borderRadius10: "2px";
702 borderRadius20: "4px";
703 borderRadius30: "8px";
704 borderRadius40: "12px";
705 borderRadius50: "16px";
706 borderRadius60: "20px";
707 borderRadius70: "24px";
708 borderRadius80: "28px";
709 borderRadius90: "32px";
710 borderRadiusCircle: "50%";
711 borderRadiusPill: "100px";
712};
713export declare const sizings: {
714 size0: 0;
715 size10: "5.5rem";
716 size20: "12rem";
717 size30: "18.5rem";
718 size40: "25rem";
719 size50: "31.5rem";
720 size60: "38rem";
721 size70: "44.5rem";
722 size80: "51rem";
723 size90: "57.5rem";
724 size100: "64rem";
725 size110: "70.5rem";
726 size120: "77rem";
727 sizeIcon05: "0.75rem";
728 sizeIcon10: "1rem";
729 sizeIcon20: "1.25rem";
730 sizeIcon30: "1.25rem";
731 sizeIcon40: "1.5rem";
732 sizeIcon50: "1.75rem";
733 sizeIcon60: "1.75rem";
734 sizeIcon70: "2rem";
735 sizeIcon80: "2.5rem";
736 sizeIcon90: "2.5rem";
737 sizeIcon100: "3.25rem";
738 sizeIcon110: "4rem";
739 sizeSidebar: "15rem";
740 sizeSidebarCompact: "4.75rem";
741 sizeSquare0: 0;
742 sizeSquare10: "0.125rem";
743 sizeSquare20: "0.25rem";
744 sizeSquare25: "0.375rem";
745 sizeSquare30: "0.5rem";
746 sizeSquare40: "0.75rem";
747 sizeSquare50: "1rem";
748 sizeSquare60: "1.25rem";
749 sizeSquare70: "1.5rem";
750 sizeSquare80: "1.75rem";
751 sizeSquare90: "2rem";
752 sizeSquare100: "2.25rem";
753 sizeSquare110: "2.5rem";
754 sizeSquare120: "2.75rem";
755 sizeSquare130: "3rem";
756 sizeSquare140: "3.25rem";
757 sizeSquare150: "3.5rem";
758 sizeSquare160: "3.75rem";
759 sizeSquare170: "4rem";
760 sizeSquare180: "4.25rem";
761 sizeSquare190: "4.5rem";
762 sizeSquare200: "4.75rem";
763 sizeTopbar: "4.75rem";
764};
765export declare const spacings: {
766 space0: 0;
767 space10: "0.125rem";
768 space20: "0.25rem";
769 space30: "0.5rem";
770 space40: "0.75rem";
771 space50: "1rem";
772 space60: "1.25rem";
773 space70: "1.5rem";
774 space80: "1.75rem";
775 space90: "2rem";
776 space100: "2.25rem";
777 space110: "2.5rem";
778 space120: "2.75rem";
779 space130: "3rem";
780 space140: "3.25rem";
781 space150: "3.5rem";
782 space160: "3.75rem";
783 space170: "4rem";
784 space180: "4.25rem";
785 space190: "4.5rem";
786 space200: "4.75rem";
787 spaceNegative10: "-0.125rem";
788 spaceNegative20: "-0.25rem";
789 spaceNegative30: "-0.5rem";
790 spaceNegative40: "-0.75rem";
791 spaceNegative50: "-1rem";
792 spaceNegative60: "-1.25rem";
793 spaceNegative70: "-1.5rem";
794 spaceNegative80: "-1.75rem";
795 spaceNegative90: "-2rem";
796 spaceNegative100: "-2.25rem";
797 spaceNegative110: "-2.5rem";
798 spaceNegative120: "-2.75rem";
799 spaceNegative130: "-3rem";
800 spaceNegative140: "-3.25rem";
801 spaceNegative150: "-3.5rem";
802 spaceNegative160: "-3.75rem";
803 spaceNegative170: "-4rem";
804 spaceNegative180: "-4.25rem";
805 spaceNegative190: "-4.5rem";
806 spaceNegative200: "-4.75rem";
807};
808export declare const textColors: {
809 colorText: "rgb(18, 28, 45)";
810 colorTextBrand: "rgb(18, 28, 45)";
811 colorTextBrandHighlight: "rgb(242, 47, 70)";
812 colorTextBrandInverse: "rgb(255, 255, 255)";
813 colorTextDecorative10: "rgb(96, 107, 133)";
814 colorTextDecorative20: "rgb(0, 20, 137)";
815 colorTextDecorative30: "rgb(14, 124, 58)";
816 colorTextDecorative40: "rgb(109, 46, 209)";
817 colorTextDestructive: "rgb(214, 31, 31)";
818 colorTextDestructiveStrong: "rgb(173, 17, 17)";
819 colorTextDestructiveStronger: "rgb(74, 11, 11)";
820 colorTextDestructiveStrongest: "rgb(49, 12, 12)";
821 colorTextDestructiveWeak: "rgb(246, 177, 177)";
822 colorTextError: "rgb(214, 31, 31)";
823 colorTextErrorStrong: "rgb(173, 17, 17)";
824 colorTextErrorStronger: "rgb(74, 11, 11)";
825 colorTextErrorStrongest: "rgb(49, 12, 12)";
826 colorTextErrorWeak: "rgb(235, 86, 86)";
827 colorTextIcon: "rgb(96, 107, 133)";
828 colorTextIconAvailable: "rgb(14, 124, 58)";
829 colorTextIconBrandHighlight: "rgb(242, 47, 70)";
830 colorTextIconBrandInverse: "rgb(255, 255, 255)";
831 colorTextIconBusy: "rgb(227, 106, 25)";
832 colorTextIconError: "rgb(214, 31, 31)";
833 colorTextIconInverse: "rgb(136, 145, 170)";
834 colorTextIconNeutral: "rgb(0, 20, 137)";
835 colorTextIconNew: "rgb(109, 46, 209)";
836 colorTextIconOffline: "rgb(96, 107, 133)";
837 colorTextIconSuccess: "rgb(14, 124, 58)";
838 colorTextIconUnavailable: "rgb(214, 31, 31)";
839 colorTextIconWarning: "rgb(227, 106, 25)";
840 colorTextInverse: "rgb(255, 255, 255)";
841 colorTextInverseNew: "rgb(200, 175, 240)";
842 colorTextInverseWeak: "rgb(202, 205, 216)";
843 colorTextInverseWeaker: "rgb(136, 145, 170)";
844 colorTextInverseWeakest: "rgb(75, 86, 113)";
845 colorTextLink: "rgb(2, 99, 224)";
846 colorTextLinkDestructive: "rgb(214, 31, 31)";
847 colorTextLinkDestructiveStrong: "rgb(173, 17, 17)";
848 colorTextLinkDestructiveStronger: "rgb(74, 11, 11)";
849 colorTextLinkDestructiveStrongest: "rgb(49, 12, 12)";
850 colorTextLinkDestructiveWeak: "rgb(246, 177, 177)";
851 colorTextLinkStrong: "rgb(0, 20, 137)";
852 colorTextLinkStronger: "rgb(3, 11, 93)";
853 colorTextLinkStrongest: "rgb(6, 3, 58)";
854 colorTextLinkWeak: "rgb(153, 205, 255)";
855 colorTextNeutral: "rgb(0, 20, 137)";
856 colorTextNew: "rgb(109, 46, 209)";
857 colorTextPrimary: "rgb(2, 99, 224)";
858 colorTextPrimaryStrong: "rgb(0, 20, 137)";
859 colorTextPrimaryStronger: "rgb(3, 11, 93)";
860 colorTextPrimaryStrongest: "rgb(6, 3, 58)";
861 colorTextPrimaryWeak: "rgb(153, 205, 255)";
862 colorTextSubaccount: "rgb(84, 51, 8)";
863 colorTextSuccess: "rgb(14, 124, 58)";
864 colorTextUser: "rgb(18, 28, 45)";
865 colorTextWarning: "rgb(141, 49, 24)";
866 colorTextWarningStrong: "rgb(141, 49, 24)";
867 colorTextWeak: "rgb(96, 107, 133)";
868 colorTextWeaker: "rgb(174, 178, 193)";
869 colorTextWeakest: "rgb(255, 255, 255)";
870};
871export declare const zIndices: {
872 zIndex0: 0;
873 zIndex10: 10;
874 zIndex20: 20;
875 zIndex30: 30;
876 zIndex40: 40;
877 zIndex50: 50;
878 zIndex60: 60;
879 zIndex70: 70;
880 zIndex80: 80;
881 zIndex90: 90;
882};
\No newline at end of file