1 | export declare const borderRadius0 = "0";
|
2 | export declare const borderRadius10 = "2px";
|
3 | export declare const borderRadius20 = "4px";
|
4 | export declare const borderRadius30 = "8px";
|
5 | export declare const borderRadiusCircle = "50%";
|
6 | export declare const borderRadiusPill = "100px";
|
7 | export declare const borderWidth0 = "0";
|
8 | export declare const borderWidth10 = "1px";
|
9 | export declare const borderWidth20 = "2px";
|
10 | export declare const borderWidth30 = "4px";
|
11 | export declare const borderWidth40 = "8px";
|
12 | export declare const colorBackground = "rgb(18, 28, 45)";
|
13 | export declare const colorBackgroundAvailable = "rgb(20, 176, 83)";
|
14 | export declare const colorBackgroundBody = "rgb(13, 19, 28)";
|
15 | export declare const colorBackgroundBodyInverse = "rgb(18, 28, 45)";
|
16 | export declare const colorBackgroundBrand = "rgb(18, 28, 45)";
|
17 | export declare const colorBackgroundBrandHighlight = "rgb(242, 47, 70)";
|
18 | export declare const colorBackgroundBrandHighlightWeakest = "rgba(242, 47, 70, 0.1)";
|
19 | export declare const colorBackgroundBrandStrong = "rgb(31, 48, 76)";
|
20 | export declare const colorBackgroundBrandStronger = "rgb(18, 28, 45)";
|
21 | export declare const colorBackgroundBusy = "rgb(244, 124, 34)";
|
22 | export declare const colorBackgroundDecorative10Weakest = "rgb(18, 28, 45)";
|
23 | export declare const colorBackgroundDecorative20Weakest = "rgb(3, 11, 93)";
|
24 | export declare const colorBackgroundDecorative30Weakest = "rgb(5, 41, 18)";
|
25 | export declare const colorBackgroundDecorative40Weakest = "rgb(34, 9, 74)";
|
26 | export declare const colorBackgroundDestructive = "rgb(214, 31, 31)";
|
27 | export declare const colorBackgroundDestructiveStrong = "rgb(246, 177, 177)";
|
28 | export declare const colorBackgroundDestructiveStronger = "rgb(252, 207, 207)";
|
29 | export declare const colorBackgroundDestructiveStrongest = "rgb(254, 236, 236)";
|
30 | export declare const colorBackgroundDestructiveWeak = "rgb(57, 71, 98)";
|
31 | export declare const colorBackgroundDestructiveWeaker = "rgb(31, 48, 76)";
|
32 | export declare const colorBackgroundDestructiveWeakest = "rgb(18, 28, 45)";
|
33 | export declare const colorBackgroundError = "rgb(214, 31, 31)";
|
34 | export declare const colorBackgroundErrorStrong = "rgb(245, 138, 138)";
|
35 | export declare const colorBackgroundErrorStronger = "rgb(252, 207, 207)";
|
36 | export declare const colorBackgroundErrorStrongest = "rgb(254, 236, 236)";
|
37 | export declare const colorBackgroundErrorWeakest = "rgb(18, 28, 45)";
|
38 | export declare const colorBackgroundInverse = "rgb(18, 28, 45)";
|
39 | export declare const colorBackgroundInverseStrong = "rgb(31, 48, 76)";
|
40 | export declare const colorBackgroundInverseStronger = "rgb(57, 71, 98)";
|
41 | export declare const colorBackgroundNeutralWeakest = "rgb(18, 28, 45)";
|
42 | export declare const colorBackgroundNew = "rgb(56, 14, 120)";
|
43 | export declare const colorBackgroundNewWeakest = "rgb(18, 28, 45)";
|
44 | export declare const colorBackgroundOffline = "rgb(174, 178, 193)";
|
45 | export declare const colorBackgroundOverlay = "rgba(18, 28, 45, 0.9)";
|
46 | export declare const colorBackgroundPrimary = "rgb(0, 109, 250)";
|
47 | export declare const colorBackgroundPrimaryStrong = "rgb(153, 205, 255)";
|
48 | export declare const colorBackgroundPrimaryStronger = "rgb(204, 228, 255)";
|
49 | export declare const colorBackgroundPrimaryStrongest = "rgb(235, 244, 255)";
|
50 | export declare const colorBackgroundPrimaryWeak = "rgb(57, 71, 98)";
|
51 | export declare const colorBackgroundPrimaryWeaker = "rgb(31, 48, 76)";
|
52 | export declare const colorBackgroundPrimaryWeakest = "rgb(18, 28, 45)";
|
53 | export declare const colorBackgroundRequired = "rgb(235, 86, 86)";
|
54 | export declare const colorBackgroundRowStriped = "rgb(18, 28, 45)";
|
55 | export declare const colorBackgroundStrong = "rgb(31, 48, 76)";
|
56 | export declare const colorBackgroundStronger = "rgb(96, 107, 133)";
|
57 | export declare const colorBackgroundStrongest = "rgb(225, 227, 234)";
|
58 | export declare const colorBackgroundSubaccount = "rgb(18, 28, 45)";
|
59 | export declare const colorBackgroundSuccess = "rgb(20, 176, 83)";
|
60 | export declare const colorBackgroundSuccessWeakest = "rgb(18, 28, 45)";
|
61 | export declare const colorBackgroundTrial = "rgb(5, 41, 18)";
|
62 | export declare const colorBackgroundUnavailable = "rgb(214, 31, 31)";
|
63 | export declare const colorBackgroundUser = "rgb(34, 9, 74)";
|
64 | export declare const colorBackgroundWarning = "rgb(244, 124, 34)";
|
65 | export declare const colorBackgroundWarningWeakest = "rgb(18, 28, 45)";
|
66 | export declare const colorBackgroundWeak = "rgb(18, 28, 45)";
|
67 | export declare const colorBorder = "rgb(96, 107, 133)";
|
68 | export declare const colorBorderDecorative10Weaker = "rgb(31, 48, 76)";
|
69 | export declare const colorBorderDecorative20Weaker = "rgb(4, 60, 181)";
|
70 | export declare const colorBorderDecorative30Weaker = "rgb(14, 124, 58)";
|
71 | export declare const colorBorderDecorative40Weaker = "rgb(88, 23, 189)";
|
72 | export declare const colorBorderDestructive = "rgb(214, 31, 31)";
|
73 | export declare const colorBorderDestructiveStrong = "rgb(246, 177, 177)";
|
74 | export declare const colorBorderDestructiveStronger = "rgb(252, 207, 207)";
|
75 | export declare const colorBorderDestructiveStrongest = "rgb(254, 236, 236)";
|
76 | export declare const colorBorderDestructiveWeak = "rgb(117, 12, 12)";
|
77 | export declare const colorBorderDestructiveWeaker = "rgb(74, 11, 11)";
|
78 | export declare const colorBorderDestructiveWeakest = "rgb(49, 12, 12)";
|
79 | export declare const colorBorderError = "rgb(214, 31, 31)";
|
80 | export declare const colorBorderErrorStrong = "rgb(245, 138, 138)";
|
81 | export declare const colorBorderErrorStronger = "rgb(252, 207, 207)";
|
82 | export declare const colorBorderErrorStrongest = "rgb(254, 236, 236)";
|
83 | export declare const colorBorderErrorWeak = "rgb(173, 17, 17)";
|
84 | export declare const colorBorderErrorWeaker = "rgb(173, 17, 17)";
|
85 | export declare const colorBorderErrorWeakest = "rgb(49, 12, 12)";
|
86 | export declare const colorBorderInverse = "rgb(136, 145, 170)";
|
87 | export declare const colorBorderInverseStrong = "rgb(225, 227, 234)";
|
88 | export declare const colorBorderInverseStronger = "rgb(244, 244, 246)";
|
89 | export declare const colorBorderInverseStrongest = "rgb(255, 255, 255)";
|
90 | export declare const colorBorderInverseWeaker = "rgb(57, 71, 98)";
|
91 | export declare const colorBorderInverseWeakest = "rgb(18, 28, 45)";
|
92 | export declare const colorBorderNeutral = "rgb(0, 109, 250)";
|
93 | export declare const colorBorderNeutralWeak = "rgb(4, 60, 181)";
|
94 | export declare const colorBorderNeutralWeaker = "rgb(4, 60, 181)";
|
95 | export declare const colorBorderNewWeaker = "rgb(88, 23, 189)";
|
96 | export declare const colorBorderPrimary = "rgb(0, 109, 250)";
|
97 | export declare const colorBorderPrimaryStrong = "rgb(153, 205, 255)";
|
98 | export declare const colorBorderPrimaryStronger = "rgb(204, 228, 255)";
|
99 | export declare const colorBorderPrimaryStrongest = "rgb(235, 244, 255)";
|
100 | export declare const colorBorderPrimaryWeak = "rgb(4, 60, 181)";
|
101 | export declare const colorBorderPrimaryWeaker = "rgb(4, 60, 181)";
|
102 | export declare const colorBorderPrimaryWeakest = "rgb(3, 11, 93)";
|
103 | export declare const colorBorderStrong = "rgb(136, 145, 170)";
|
104 | export declare const colorBorderSuccess = "rgb(20, 176, 83)";
|
105 | export declare const colorBorderSuccessWeak = "rgb(14, 124, 58)";
|
106 | export declare const colorBorderSuccessWeaker = "rgb(14, 124, 58)";
|
107 | export declare const colorBorderSuccessWeakest = "rgb(5, 41, 18)";
|
108 | export declare const colorBorderUser = "rgb(88, 23, 189)";
|
109 | export declare const colorBorderWarning = "rgb(244, 124, 34)";
|
110 | export declare const colorBorderWarningWeak = "rgb(195, 83, 35)";
|
111 | export declare const colorBorderWarningWeaker = "rgb(195, 83, 35)";
|
112 | export declare const colorBorderWarningWeakest = "rgb(64, 19, 15)";
|
113 | export declare const colorBorderWeak = "rgb(57, 71, 98)";
|
114 | export declare const colorBorderWeaker = "rgb(31, 48, 76)";
|
115 | export declare const colorBorderWeakest = "rgb(13, 19, 28)";
|
116 | export declare const colorBrand = "rgb(0, 20, 137)";
|
117 | export declare const colorBrandHighlight = "rgb(242, 47, 70)";
|
118 | export declare const colorDataVisualization1 = "rgb(2, 99, 224)";
|
119 | export declare const colorDataVisualization10 = "rgb(232, 180, 7)";
|
120 | export declare const colorDataVisualization2 = "rgb(200, 175, 240)";
|
121 | export declare const colorDataVisualization3 = "rgb(96, 107, 133)";
|
122 | export declare const colorDataVisualization4 = "rgb(102, 179, 255)";
|
123 | export declare const colorDataVisualization5 = "rgb(14, 124, 58)";
|
124 | export declare const colorDataVisualization6 = "rgb(250, 153, 80)";
|
125 | export declare const colorDataVisualization7 = "rgb(195, 83, 35)";
|
126 | export declare const colorDataVisualization8 = "rgb(246, 177, 177)";
|
127 | export declare const colorDataVisualization9 = "rgb(140, 91, 216)";
|
128 | export declare const colorGray0 = "rgb(255, 255, 255)";
|
129 | export declare const colorGray10 = "rgb(244, 244, 246)";
|
130 | export declare const colorGray100 = "rgb(18, 28, 45)";
|
131 | export declare const colorGray20 = "rgb(225, 227, 234)";
|
132 | export declare const colorGray30 = "rgb(202, 205, 216)";
|
133 | export declare const colorGray40 = "rgb(174, 178, 193)";
|
134 | export declare const colorGray50 = "rgb(136, 145, 170)";
|
135 | export declare const colorGray60 = "rgb(96, 107, 133)";
|
136 | export declare const colorGray70 = "rgb(75, 86, 113)";
|
137 | export declare const colorGray80 = "rgb(57, 71, 98)";
|
138 | export declare const colorGray90 = "rgb(31, 48, 76)";
|
139 | export declare const colorScheme = "dark";
|
140 | export declare const colorText = "rgb(244, 244, 246)";
|
141 | export declare const colorTextBrandHighlight = "rgb(242, 47, 70)";
|
142 | export declare const colorTextBrandInverse = "rgb(255, 255, 255)";
|
143 | export declare const colorTextDecorative10 = "rgb(225, 227, 234)";
|
144 | export declare const colorTextDecorative20 = "rgb(204, 228, 255)";
|
145 | export declare const colorTextDecorative30 = "rgb(162, 246, 195)";
|
146 | export declare const colorTextDecorative40 = "rgb(200, 175, 240)";
|
147 | export declare const colorTextDestructive = "rgb(235, 86, 86)";
|
148 | export declare const colorTextDestructiveStrong = "rgb(246, 177, 177)";
|
149 | export declare const colorTextDestructiveStronger = "rgb(246, 177, 177)";
|
150 | export declare const colorTextDestructiveStrongest = "rgb(255, 255, 255)";
|
151 | export declare const colorTextDestructiveWeak = "rgb(57, 71, 98)";
|
152 | export declare const colorTextError = "rgb(235, 86, 86)";
|
153 | export declare const colorTextErrorStrong = "rgb(246, 177, 177)";
|
154 | export declare const colorTextErrorStronger = "rgb(254, 236, 236)";
|
155 | export declare const colorTextErrorStrongest = "rgb(254, 236, 236)";
|
156 | export declare const colorTextErrorWeak = "rgb(235, 86, 86)";
|
157 | export declare const colorTextIcon = "rgb(136, 145, 170)";
|
158 | export declare const colorTextIconAvailable = "rgb(54, 213, 118)";
|
159 | export declare const colorTextIconBrandHighlight = "rgb(242, 47, 70)";
|
160 | export declare const colorTextIconBrandInverse = "rgb(255, 255, 255)";
|
161 | export declare const colorTextIconBusy = "rgb(255, 179, 122)";
|
162 | export declare const colorTextIconError = "rgb(235, 86, 86)";
|
163 | export declare const colorTextIconInverse = "rgb(136, 145, 170)";
|
164 | export declare const colorTextIconNeutral = "rgb(102, 179, 255)";
|
165 | export declare const colorTextIconNew = "rgb(200, 175, 240)";
|
166 | export declare const colorTextIconOffline = "rgb(244, 244, 246)";
|
167 | export declare const colorTextIconSuccess = "rgb(54, 213, 118)";
|
168 | export declare const colorTextIconUnavailable = "rgb(235, 86, 86)";
|
169 | export declare const colorTextIconWarning = "rgb(255, 179, 122)";
|
170 | export declare const colorTextInverse = "rgb(255, 255, 255)";
|
171 | export declare const colorTextInverseNew = "rgb(200, 175, 240)";
|
172 | export declare const colorTextInverseWeak = "rgb(202, 205, 216)";
|
173 | export declare const colorTextInverseWeaker = "rgb(136, 145, 170)";
|
174 | export declare const colorTextInverseWeakest = "rgb(75, 86, 113)";
|
175 | export declare const colorTextLink = "rgb(0, 140, 255)";
|
176 | export declare const colorTextLinkDestructive = "rgb(235, 86, 86)";
|
177 | export declare const colorTextLinkDestructiveStrong = "rgb(246, 177, 177)";
|
178 | export declare const colorTextLinkDestructiveStronger = "rgb(246, 177, 177)";
|
179 | export declare const colorTextLinkDestructiveStrongest = "rgb(255, 255, 255)";
|
180 | export declare const colorTextLinkDestructiveWeak = "rgb(57, 71, 98)";
|
181 | export declare const colorTextLinkStrong = "rgb(153, 205, 255)";
|
182 | export declare const colorTextLinkStronger = "rgb(235, 244, 255)";
|
183 | export declare const colorTextLinkStrongest = "rgb(255, 255, 255)";
|
184 | export declare const colorTextLinkWeak = "rgb(57, 71, 98)";
|
185 | export declare const colorTextNeutral = "rgb(102, 179, 255)";
|
186 | export declare const colorTextNew = "rgb(231, 220, 250)";
|
187 | export declare const colorTextPrimary = "rgb(0, 140, 255)";
|
188 | export declare const colorTextPrimaryStrong = "rgb(153, 205, 255)";
|
189 | export declare const colorTextPrimaryStronger = "rgb(153, 205, 255)";
|
190 | export declare const colorTextPrimaryStrongest = "rgb(255, 255, 255)";
|
191 | export declare const colorTextPrimaryWeak = "rgb(57, 71, 98)";
|
192 | export declare const colorTextSubaccount = "rgb(255, 233, 128)";
|
193 | export declare const colorTextSuccess = "rgb(162, 246, 195)";
|
194 | export declare const colorTextUser = "rgb(200, 175, 240)";
|
195 | export declare const colorTextWarning = "rgb(255, 179, 122)";
|
196 | export declare const colorTextWarningStrong = "rgb(250, 194, 160)";
|
197 | export declare const colorTextWeak = "rgb(136, 145, 170)";
|
198 | export declare const colorTextWeaker = "rgb(57, 71, 98)";
|
199 | export declare const colorTextWeakest = "rgb(13, 19, 28)";
|
200 | export declare const fontFamilyCode = "'TwilioSansMono', Courier, monospace";
|
201 | export declare const fontFamilyDisplay = "'TwilioSansDisplay', 'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
|
202 | export declare const fontFamilyText = "'TwilioSansText', 'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
|
203 | export declare const fontFamilyTextChineseSimplified = "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif";
|
204 | export declare const fontFamilyTextChineseTraditional = "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
|
205 | export declare const fontFamilyTextJapanese = "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif";
|
206 | export declare const fontFamilyTextKorean = "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
|
207 | export declare const fontSize10 = "0.625rem";
|
208 | export declare const fontSize100 = "2.5rem";
|
209 | export declare const fontSize110 = "3rem";
|
210 | export declare const fontSize20 = "0.75rem";
|
211 | export declare const fontSize30 = "0.875rem";
|
212 | export declare const fontSize40 = "1rem";
|
213 | export declare const fontSize50 = "1.125rem";
|
214 | export declare const fontSize60 = "1.25rem";
|
215 | export declare const fontSize70 = "1.5rem";
|
216 | export declare const fontSize80 = "1.75rem";
|
217 | export declare const fontSize90 = "2rem";
|
218 | export declare const fontSizeBase = "100%";
|
219 | export declare const fontSizeDisplay10 = "2rem";
|
220 | export declare const fontSizeDisplay20 = "3rem";
|
221 | export declare const fontSizeDisplay30 = "4rem";
|
222 | export declare const fontWeightBold = "600";
|
223 | export declare const fontWeightExtrabold = "800";
|
224 | export declare const fontWeightLight = "400";
|
225 | export declare const fontWeightMedium = "500";
|
226 | export declare const fontWeightNormal = "400";
|
227 | export declare const fontWeightSemibold = "600";
|
228 | export declare const lineHeight0 = "0";
|
229 | export declare const lineHeight05 = "0.75rem";
|
230 | export declare const lineHeight10 = "1rem";
|
231 | export declare const lineHeight100 = "3.25rem";
|
232 | export declare const lineHeight110 = "4rem";
|
233 | export declare const lineHeight20 = "1.25rem";
|
234 | export declare const lineHeight30 = "1.25rem";
|
235 | export declare const lineHeight40 = "1.5rem";
|
236 | export declare const lineHeight50 = "1.75rem";
|
237 | export declare const lineHeight60 = "1.75rem";
|
238 | export declare const lineHeight70 = "2rem";
|
239 | export declare const lineHeight80 = "2.5rem";
|
240 | export declare const lineHeight90 = "2.75rem";
|
241 | export declare const lineHeightDisplay10 = "2.5rem";
|
242 | export declare const lineHeightDisplay20 = "3.75rem";
|
243 | export declare const lineHeightDisplay30 = "5rem";
|
244 | export declare const shadow = "0 4px 16px 0 rgba(0, 0, 0, 0.5)";
|
245 | export declare const shadowBorder = "0 0 0 1px #606b85";
|
246 | export declare const shadowBorderBottomDecorative10Weaker = "0 1px 0 #8891aa";
|
247 | export declare const shadowBorderBottomDecorative20Weaker = "0 1px 0 #043cb5";
|
248 | export declare const shadowBorderBottomDecorative30Weaker = "0 1px 0 #0e7c3a";
|
249 | export declare const shadowBorderBottomDecorative40Weaker = "0 1px 0 #5817bd";
|
250 | export declare const shadowBorderBottomErrorWeaker = "0 1px 0 #ad1111";
|
251 | export declare const shadowBorderBottomInverseNewWeaker = "0 1px 0 #5817bd";
|
252 | export declare const shadowBorderBottomNeutralWeaker = "0 1px 0 #043cb5";
|
253 | export declare const shadowBorderBottomNewWeaker = "0 1px 0 #5817bd";
|
254 | export declare const shadowBorderBottomPrimary = "0 1px 0 #006dfa";
|
255 | export declare const shadowBorderBottomSubaccount = "0 1px 0 #c28e00";
|
256 | export declare const shadowBorderBottomSuccessWeaker = "0 1px 0 #0e7c3a";
|
257 | export declare const shadowBorderBottomWarningWeaker = "0 1px 0 #c35323";
|
258 | export declare const shadowBorderDecorative10Weaker = "0 0 0 1px #1f304c";
|
259 | export declare const shadowBorderDecorative20Weaker = "0 0 0 1px #043cb5";
|
260 | export declare const shadowBorderDecorative30Weaker = "0 0 0 1px #0e7c3a";
|
261 | export declare const shadowBorderDecorative40Weaker = "0 0 0 1px #5817bd";
|
262 | export declare const shadowBorderDestructive = "0 0 0 1px #d61f1f";
|
263 | export declare const shadowBorderDestructiveStrong = "0 0 0 1px #f6b1b1";
|
264 | export declare const shadowBorderDestructiveStronger = "0 0 0 1px #fccfcf";
|
265 | export declare const shadowBorderDestructiveStrongest = "0 0 0 1px #feecec";
|
266 | export declare const shadowBorderDestructiveWeak = "0 0 0 1px #394762";
|
267 | export declare const shadowBorderDestructiveWeaker = "0 0 0 1px #1f304c";
|
268 | export declare const shadowBorderError = "0 0 0 1px #d61f1f";
|
269 | export declare const shadowBorderErrorStrong = "0 0 0 1px #f58a8a";
|
270 | export declare const shadowBorderErrorStronger = "0 0 0 1px #fccfcf";
|
271 | export declare const shadowBorderErrorStrongest = "0 0 0 1px #feecec";
|
272 | export declare const shadowBorderErrorWeak = "0 0 0 1px #ad1111";
|
273 | export declare const shadowBorderErrorWeaker = "0 0 0 1px #ad1111";
|
274 | export declare const shadowBorderInverse = "0 0 0 1px #8891aa";
|
275 | export declare const shadowBorderInverseNewWeaker = "0 0 0 1px #5817bd";
|
276 | export declare const shadowBorderInverseStrong = "0 0 0 1px #e1e3ea";
|
277 | export declare const shadowBorderInverseStronger = "0 0 0 1px #f4f4f6";
|
278 | export declare const shadowBorderInverseStrongest = "0 0 0 1px #ffffff";
|
279 | export declare const shadowBorderInverseWeaker = "0 0 0 1px #394762";
|
280 | export declare const shadowBorderInverseWeakest = "0 0 0 1px #121c2d";
|
281 | export declare const shadowBorderNeutralWeaker = "0 0 0 1px #043cb5";
|
282 | export declare const shadowBorderNewWeaker = "0 0 0 1px #5817bd";
|
283 | export declare const shadowBorderPrimary = "0 0 0 1px #006dfa";
|
284 | export declare const shadowBorderPrimaryStrong = "0 0 0 1px #99cdff";
|
285 | export declare const shadowBorderPrimaryStronger = "0 0 0 1px #cce4ff";
|
286 | export declare const shadowBorderPrimaryStrongest = "0 0 0 1px #ebf4ff";
|
287 | export declare const shadowBorderPrimaryWeak = "0 0 0 1px #043cb5";
|
288 | export declare const shadowBorderPrimaryWeaker = "0 0 0 1px #043cb5";
|
289 | export declare const shadowBorderStrong = "0 0 0 1px #8891aa";
|
290 | export declare const shadowBorderSubaccount = "0 0 0 1px #c28e00";
|
291 | export declare const shadowBorderSuccessWeaker = "0 0 0 1px #0e7c3a";
|
292 | export declare const shadowBorderUser = "0 0 0 1px #5817bd";
|
293 | export declare const shadowBorderWarningWeaker = "0 0 0 1px #c35323";
|
294 | export declare const shadowBorderWeak = "0 0 0 1px #394762";
|
295 | export declare const shadowBorderWeaker = "0 0 0 1px #1f304c";
|
296 | export declare const shadowCard = "0 2px 4px 0 rgba(0, 0, 0, 0.4)";
|
297 | export declare const shadowFocus = "0 0 0 2px #121c2d, 0 0 0 3px #ffffff, 0 0 0 5px rgba(255, 255, 255, 0.2)";
|
298 | export declare const shadowFocusInset = "inset 0 0 0 1px #ffffff, inset 0 0 0 3px rgba(255, 255, 255, 0.2)";
|
299 | export 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)";
|
300 | export declare const shadowFocusInverseInset = "0 0 0 1px #ffffff, inset 0 0 0 3px rgba(255, 255, 255, 0.2)";
|
301 | export 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)";
|
302 | export declare const shadowHigh = "0 16px 24px 4px rgba(0, 0, 0, 0.5)";
|
303 | export declare const shadowLow = "0 2px 4px 0 rgba(0, 0, 0, 0.4)";
|
304 | export declare const size0 = "0";
|
305 | export declare const size10 = "5.5rem";
|
306 | export declare const size100 = "64rem";
|
307 | export declare const size110 = "70.5rem";
|
308 | export declare const size120 = "77rem";
|
309 | export declare const size20 = "12rem";
|
310 | export declare const size30 = "18.5rem";
|
311 | export declare const size40 = "25rem";
|
312 | export declare const size50 = "31.5rem";
|
313 | export declare const size60 = "38rem";
|
314 | export declare const size70 = "44.5rem";
|
315 | export declare const size80 = "51rem";
|
316 | export declare const size90 = "57.5rem";
|
317 | export declare const sizeIcon05 = "0.75rem";
|
318 | export declare const sizeIcon10 = "1rem";
|
319 | export declare const sizeIcon100 = "3.25rem";
|
320 | export declare const sizeIcon110 = "4rem";
|
321 | export declare const sizeIcon20 = "1.25rem";
|
322 | export declare const sizeIcon30 = "1.25rem";
|
323 | export declare const sizeIcon40 = "1.5rem";
|
324 | export declare const sizeIcon50 = "1.75rem";
|
325 | export declare const sizeIcon60 = "1.75rem";
|
326 | export declare const sizeIcon70 = "2rem";
|
327 | export declare const sizeIcon80 = "2.5rem";
|
328 | export declare const sizeIcon90 = "2.75rem";
|
329 | export declare const sizeSidebar = "15rem";
|
330 | export declare const sizeSidebarCompact = "4.75rem";
|
331 | export declare const sizeSquare0 = "0";
|
332 | export declare const sizeSquare10 = "0.125rem";
|
333 | export declare const sizeSquare100 = "2.25rem";
|
334 | export declare const sizeSquare110 = "2.5rem";
|
335 | export declare const sizeSquare120 = "2.75rem";
|
336 | export declare const sizeSquare130 = "3rem";
|
337 | export declare const sizeSquare140 = "3.25rem";
|
338 | export declare const sizeSquare150 = "3.5rem";
|
339 | export declare const sizeSquare160 = "3.75rem";
|
340 | export declare const sizeSquare170 = "4rem";
|
341 | export declare const sizeSquare180 = "4.25rem";
|
342 | export declare const sizeSquare190 = "4.5rem";
|
343 | export declare const sizeSquare20 = "0.25rem";
|
344 | export declare const sizeSquare200 = "4.75rem";
|
345 | export declare const sizeSquare25 = "0.375rem";
|
346 | export declare const sizeSquare30 = "0.5rem";
|
347 | export declare const sizeSquare40 = "0.75rem";
|
348 | export declare const sizeSquare50 = "1rem";
|
349 | export declare const sizeSquare60 = "1.25rem";
|
350 | export declare const sizeSquare70 = "1.5rem";
|
351 | export declare const sizeSquare80 = "1.75rem";
|
352 | export declare const sizeSquare90 = "2rem";
|
353 | export declare const sizeTopbar = "4.75rem";
|
354 | export declare const space0 = "0";
|
355 | export declare const space10 = "0.125rem";
|
356 | export declare const space100 = "2.25rem";
|
357 | export declare const space110 = "2.5rem";
|
358 | export declare const space120 = "2.75rem";
|
359 | export declare const space130 = "3rem";
|
360 | export declare const space140 = "3.25rem";
|
361 | export declare const space150 = "3.5rem";
|
362 | export declare const space160 = "3.75rem";
|
363 | export declare const space170 = "4rem";
|
364 | export declare const space180 = "4.25rem";
|
365 | export declare const space190 = "4.5rem";
|
366 | export declare const space20 = "0.25rem";
|
367 | export declare const space200 = "4.75rem";
|
368 | export declare const space30 = "0.5rem";
|
369 | export declare const space40 = "0.75rem";
|
370 | export declare const space50 = "1rem";
|
371 | export declare const space60 = "1.25rem";
|
372 | export declare const space70 = "1.5rem";
|
373 | export declare const space80 = "1.75rem";
|
374 | export declare const space90 = "2rem";
|
375 | export declare const spaceNegative10 = "-0.125rem";
|
376 | export declare const spaceNegative100 = "-2.25rem";
|
377 | export declare const spaceNegative110 = "-2.5rem";
|
378 | export declare const spaceNegative120 = "-2.75rem";
|
379 | export declare const spaceNegative130 = "-3rem";
|
380 | export declare const spaceNegative140 = "-3.25rem";
|
381 | export declare const spaceNegative150 = "-3.5rem";
|
382 | export declare const spaceNegative160 = "-3.75rem";
|
383 | export declare const spaceNegative170 = "-4rem";
|
384 | export declare const spaceNegative180 = "-4.25rem";
|
385 | export declare const spaceNegative190 = "-4.5rem";
|
386 | export declare const spaceNegative20 = "-0.25rem";
|
387 | export declare const spaceNegative200 = "-4.75rem";
|
388 | export declare const spaceNegative30 = "-0.5rem";
|
389 | export declare const spaceNegative40 = "-0.75rem";
|
390 | export declare const spaceNegative50 = "-1rem";
|
391 | export declare const spaceNegative60 = "-1.25rem";
|
392 | export declare const spaceNegative70 = "-1.5rem";
|
393 | export declare const spaceNegative80 = "-1.75rem";
|
394 | export declare const spaceNegative90 = "-2rem";
|
395 | export declare const zIndex0 = "0";
|
396 | export declare const zIndex10 = "10";
|
397 | export declare const zIndex20 = "20";
|
398 | export declare const zIndex30 = "30";
|
399 | export declare const zIndex40 = "40";
|
400 | export declare const zIndex50 = "50";
|
401 | export declare const zIndex60 = "60";
|
402 | export declare const zIndex70 = "70";
|
403 | export declare const zIndex80 = "80";
|
404 | export declare const zIndex90 = "90";
|
405 | export 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 | };
|
462 | export 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 | };
|
513 | export declare const borderWidths: {
|
514 | borderWidth0: 0;
|
515 | borderWidth10: "1px";
|
516 | borderWidth20: "2px";
|
517 | borderWidth30: "4px";
|
518 | borderWidth40: "8px";
|
519 | };
|
520 | export 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 | };
|
582 | export 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 | };
|
597 | export declare const colorSchemes: {
|
598 | colorScheme: "dark";
|
599 | };
|
600 | export 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 | };
|
612 | export 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 | };
|
621 | export 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 | };
|
638 | export declare const fontWeights: {
|
639 | fontWeightLight: 400;
|
640 | fontWeightNormal: 400;
|
641 | fontWeightMedium: 500;
|
642 | fontWeightSemibold: 600;
|
643 | fontWeightBold: 600;
|
644 | fontWeightExtrabold: 800;
|
645 | };
|
646 | export 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 | };
|
664 | export declare const radii: {
|
665 | borderRadius0: 0;
|
666 | borderRadius10: "2px";
|
667 | borderRadius20: "4px";
|
668 | borderRadius30: "8px";
|
669 | borderRadiusCircle: "50%";
|
670 | borderRadiusPill: "100px";
|
671 | };
|
672 | export 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 | };
|
724 | export 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 | };
|
767 | export 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 | };
|
829 | export 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 |