UNPKG

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