UNPKG

19.5 kBTypeScriptView Raw
1export declare const borderRadius0 = "0";
2export declare const borderRadius10 = "3px";
3export declare const borderRadius20 = "4px";
4export declare const borderRadius30 = "8px";
5export declare const borderRadiusCircle = "50%";
6export declare const borderWidth0 = "0";
7export declare const borderWidth10 = "1px";
8export declare const borderWidth20 = "2px";
9export declare const borderWidth30 = "4px";
10export declare const borderWidth40 = "8px";
11export declare const colorBackground = "rgb(248, 248, 249)";
12export declare const colorBackgroundBody = "rgb(255, 255, 255)";
13export declare const colorBackgroundBrand = "rgb(35, 54, 89)";
14export declare const colorBackgroundBrandHighlight = "rgb(242, 47, 70)";
15export declare const colorBackgroundDark = "rgb(228, 231, 233)";
16export declare const colorBackgroundDarker = "rgb(200, 204, 207)";
17export declare const colorBackgroundDarkest = "rgb(112, 117, 120)";
18export declare const colorBackgroundDestructive = "rgb(226, 37, 37)";
19export declare const colorBackgroundDestructiveDark = "rgb(146, 18, 0)";
20export declare const colorBackgroundDestructiveDarker = "rgb(96, 1, 1)";
21export declare const colorBackgroundDestructiveLight = "rgb(236, 182, 182)";
22export declare const colorBackgroundDestructiveLighter = "rgb(245, 221, 221)";
23export declare const colorBackgroundDestructiveLightest = "rgb(255, 233, 231)";
24export declare const colorBackgroundError = "rgb(226, 37, 37)";
25export declare const colorBackgroundErrorDark = "rgb(146, 18, 0)";
26export declare const colorBackgroundErrorLightest = "rgb(255, 233, 231)";
27export declare const colorBackgroundInverse = "rgb(40, 42, 43)";
28export declare const colorBackgroundNeutralLightest = "rgb(245, 248, 255)";
29export declare const colorBackgroundOverlay = "rgba(40, 42, 43, 0.5)";
30export declare const colorBackgroundPrimary = "rgb(2, 122, 197)";
31export declare const colorBackgroundPrimaryDark = "rgb(0, 62, 130)";
32export declare const colorBackgroundPrimaryDarker = "rgb(3, 44, 94)";
33export declare const colorBackgroundPrimaryLight = "rgb(179, 211, 233)";
34export declare const colorBackgroundPrimaryLighter = "rgb(220, 234, 244)";
35export declare const colorBackgroundPrimaryLightest = "rgb(245, 248, 255)";
36export declare const colorBackgroundRequired = "rgb(222, 88, 88)";
37export declare const colorBackgroundRowStriped = "rgb(248, 248, 249)";
38export declare const colorBackgroundSuccess = "rgb(0, 153, 74)";
39export declare const colorBackgroundSuccessLightest = "rgb(224, 255, 239)";
40export declare const colorBackgroundWarning = "rgb(228, 98, 22)";
41export declare const colorBackgroundWarningLightest = "rgb(255, 236, 216)";
42export declare const colorBorder = "rgb(136, 140, 142)";
43export declare const colorBorderDark = "rgb(136, 140, 142)";
44export declare const colorBorderDestructive = "rgb(226, 37, 37)";
45export declare const colorBorderDestructiveDark = "rgb(146, 18, 0)";
46export declare const colorBorderDestructiveDarker = "rgb(96, 1, 1)";
47export declare const colorBorderDestructiveLight = "rgb(236, 182, 182)";
48export declare const colorBorderDestructiveLighter = "rgb(245, 221, 221)";
49export declare const colorBorderError = "rgb(226, 37, 37)";
50export declare const colorBorderErrorDark = "rgb(146, 18, 0)";
51export declare const colorBorderErrorLight = "rgb(222, 88, 88)";
52export declare const colorBorderErrorLightest = "rgb(255, 233, 231)";
53export declare const colorBorderInverse = "rgb(255, 255, 255)";
54export declare const colorBorderLight = "rgb(228, 231, 233)";
55export declare const colorBorderNeutralLight = "rgb(200, 204, 207)";
56export declare const colorBorderPrimary = "rgb(2, 122, 197)";
57export declare const colorBorderPrimaryDark = "rgb(0, 62, 130)";
58export declare const colorBorderPrimaryDarker = "rgb(3, 44, 94)";
59export declare const colorBorderPrimaryLight = "rgb(179, 211, 233)";
60export declare const colorBorderPrimaryLighter = "rgb(220, 234, 244)";
61export declare const colorBorderSuccess = "rgb(0, 153, 74)";
62export declare const colorBorderSuccessLightest = "rgb(224, 255, 239)";
63export declare const colorBorderWarning = "rgb(228, 98, 22)";
64export declare const colorBorderWarningLight = "rgb(242, 133, 16)";
65export declare const colorBorderWarningLightest = "rgb(255, 236, 216)";
66export declare const colorBrand = "rgb(35, 54, 89)";
67export declare const colorBrandHighlight = "rgb(242, 47, 70)";
68export declare const colorGray0 = "rgb(255, 255, 255)";
69export declare const colorGray10 = "rgb(249, 250, 251)";
70export declare const colorGray100 = "rgb(40, 42, 43)";
71export declare const colorGray20 = "rgb(248, 248, 249)";
72export declare const colorGray30 = "rgb(242, 243, 244)";
73export declare const colorGray40 = "rgb(228, 231, 233)";
74export declare const colorGray50 = "rgb(200, 204, 207)";
75export declare const colorGray60 = "rgb(136, 140, 142)";
76export declare const colorGray70 = "rgb(112, 117, 120)";
77export declare const colorGray80 = "rgb(79, 83, 85)";
78export declare const colorGray90 = "rgb(66, 69, 71)";
79export declare const colorText = "rgb(40, 42, 43)";
80export declare const colorTextBrandHighlight = "rgb(242, 47, 70)";
81export declare const colorTextBrandInverse = "rgb(255, 255, 255)";
82export declare const colorTextError = "rgb(226, 37, 37)";
83export declare const colorTextErrorDark = "rgb(146, 18, 0)";
84export declare const colorTextIcon = "rgb(112, 117, 120)";
85export declare const colorTextInverse = "rgb(255, 255, 255)";
86export declare const colorTextInverseWeak = "rgb(200, 204, 207)";
87export declare const colorTextLabel = "rgb(40, 42, 43)";
88export declare const colorTextLink = "rgb(0, 94, 166)";
89export declare const colorTextLinkDark = "rgb(0, 62, 130)";
90export declare const colorTextLinkDarker = "rgb(3, 44, 94)";
91export declare const colorTextLinkDestructive = "rgb(226, 37, 37)";
92export declare const colorTextLinkDestructiveDark = "rgb(178, 6, 0)";
93export declare const colorTextLinkDestructiveDarker = "rgb(146, 18, 0)";
94export declare const colorTextLinkDestructiveLight = "rgb(236, 182, 182)";
95export declare const colorTextLinkLight = "rgb(179, 211, 233)";
96export declare const colorTextPlaceholder = "rgb(112, 117, 120)";
97export declare const colorTextSuccess = "rgb(0, 153, 74)";
98export declare const colorTextWarning = "rgb(228, 98, 22)";
99export declare const colorTextWarningDark = "rgb(168, 62, 0)";
100export declare const colorTextWeak = "rgb(112, 117, 120)";
101export declare const colorTextWeaker = "rgb(200, 204, 207)";
102export declare const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";
103export declare const fontFamilyText = "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
104export declare const fontSize10 = "0.625rem";
105export declare const fontSize100 = "2.5rem";
106export declare const fontSize110 = "3rem";
107export declare const fontSize20 = "0.75rem";
108export declare const fontSize30 = "0.875rem";
109export declare const fontSize40 = "1rem";
110export declare const fontSize50 = "1.125rem";
111export declare const fontSize60 = "1.25rem";
112export declare const fontSize70 = "1.5rem";
113export declare const fontSize80 = "1.75rem";
114export declare const fontSize90 = "2rem";
115export declare const fontWeightBold = "700";
116export declare const fontWeightLight = "300";
117export declare const fontWeightMedium = "500";
118export declare const fontWeightNormal = "400";
119export declare const fontWeightSemibold = "500";
120export declare const lineHeight10 = "1rem";
121export declare const lineHeight100 = "3.25rem";
122export declare const lineHeight110 = "3.75rem";
123export declare const lineHeight20 = "1.25rem";
124export declare const lineHeight30 = "1.5rem";
125export declare const lineHeight40 = "1.75rem";
126export declare const lineHeight50 = "1.75rem";
127export declare const lineHeight60 = "1.75rem";
128export declare const lineHeight70 = "2rem";
129export declare const lineHeight80 = "2.25rem";
130export declare const lineHeight90 = "2.5rem";
131export declare const shadowBorder = "0 0 0 1px #888c8e";
132export declare const shadowBorderError = "0 0 0 1px #e22525";
133export declare const shadowBorderErrorDark = "0 0 0 1px #921200";
134export declare const shadowBorderLight = "0 0 0 1px #e4e7e9";
135export declare const shadowBorderPrimaryDark = "0 0 0 1px #003e82";
136export declare const shadowBorderPrimaryDarker = "0 0 0 1px #032c5e";
137export declare const shadowCard = "0 2px 4px 0 rgba(40, 42, 43, 0.3)";
138export declare const shadowFocus = "0 0 0 4px rgba(2, 122, 197, 0.8)";
139export declare const size0 = "0";
140export declare const size10 = "5.5rem";
141export declare const size100 = "64rem";
142export declare const size110 = "70.5rem";
143export declare const size120 = "77rem";
144export declare const size20 = "12rem";
145export declare const size30 = "18.5rem";
146export declare const size40 = "25rem";
147export declare const size50 = "31.5rem";
148export declare const size60 = "38rem";
149export declare const size70 = "44.5rem";
150export declare const size80 = "51rem";
151export declare const size90 = "57.5rem";
152export declare const sizeIcon10 = "1rem";
153export declare const sizeIcon100 = "3.25rem";
154export declare const sizeIcon110 = "3.75rem";
155export declare const sizeIcon20 = "1.25rem";
156export declare const sizeIcon30 = "1.5rem";
157export declare const sizeIcon40 = "1.75rem";
158export declare const sizeIcon50 = "1.75rem";
159export declare const sizeIcon60 = "1.75rem";
160export declare const sizeIcon70 = "2rem";
161export declare const sizeIcon80 = "2.25rem";
162export declare const sizeIcon90 = "2.5rem";
163export declare const sizeSquare0 = "0";
164export declare const sizeSquare10 = "0.125rem";
165export declare const sizeSquare100 = "2.25rem";
166export declare const sizeSquare110 = "2.5rem";
167export declare const sizeSquare120 = "2.75rem";
168export declare const sizeSquare130 = "3rem";
169export declare const sizeSquare140 = "3.25rem";
170export declare const sizeSquare150 = "3.5rem";
171export declare const sizeSquare160 = "3.75rem";
172export declare const sizeSquare170 = "4rem";
173export declare const sizeSquare180 = "4.25rem";
174export declare const sizeSquare190 = "4.5rem";
175export declare const sizeSquare20 = "0.25rem";
176export declare const sizeSquare200 = "4.75rem";
177export declare const sizeSquare25 = "0.375rem";
178export declare const sizeSquare30 = "0.5rem";
179export declare const sizeSquare40 = "0.75rem";
180export declare const sizeSquare50 = "1rem";
181export declare const sizeSquare60 = "1.25rem";
182export declare const sizeSquare70 = "1.5rem";
183export declare const sizeSquare80 = "1.75rem";
184export declare const sizeSquare90 = "2rem";
185export declare const space0 = "0";
186export declare const space10 = "0.125rem";
187export declare const space100 = "2.25rem";
188export declare const space110 = "2.5rem";
189export declare const space120 = "2.75rem";
190export declare const space130 = "3rem";
191export declare const space140 = "3.25rem";
192export declare const space150 = "3.5rem";
193export declare const space160 = "3.75rem";
194export declare const space170 = "4rem";
195export declare const space180 = "4.25rem";
196export declare const space190 = "4.5rem";
197export declare const space20 = "0.25rem";
198export declare const space200 = "4.75rem";
199export declare const space30 = "0.5rem";
200export declare const space40 = "0.75rem";
201export declare const space50 = "1rem";
202export declare const space60 = "1.25rem";
203export declare const space70 = "1.5rem";
204export declare const space80 = "1.75rem";
205export declare const space90 = "2rem";
206export declare const zIndex0 = "0";
207export declare const zIndex10 = "10";
208export declare const zIndex20 = "20";
209export declare const zIndex30 = "30";
210export declare const zIndex40 = "40";
211export declare const zIndex50 = "50";
212export declare const zIndex60 = "60";
213export declare const zIndex70 = "70";
214export declare const zIndex80 = "80";
215export declare const zIndex90 = "90";
216export declare const backgroundColors: {
217 colorBackground: "rgb(248, 248, 249)";
218 colorBackgroundBody: "rgb(255, 255, 255)";
219 colorBackgroundBrand: "rgb(35, 54, 89)";
220 colorBackgroundBrandHighlight: "rgb(242, 47, 70)";
221 colorBackgroundDark: "rgb(228, 231, 233)";
222 colorBackgroundDarker: "rgb(200, 204, 207)";
223 colorBackgroundDarkest: "rgb(112, 117, 120)";
224 colorBackgroundDestructive: "rgb(226, 37, 37)";
225 colorBackgroundDestructiveDark: "rgb(146, 18, 0)";
226 colorBackgroundDestructiveDarker: "rgb(96, 1, 1)";
227 colorBackgroundDestructiveLight: "rgb(236, 182, 182)";
228 colorBackgroundDestructiveLighter: "rgb(245, 221, 221)";
229 colorBackgroundDestructiveLightest: "rgb(255, 233, 231)";
230 colorBackgroundError: "rgb(226, 37, 37)";
231 colorBackgroundErrorDark: "rgb(146, 18, 0)";
232 colorBackgroundErrorLightest: "rgb(255, 233, 231)";
233 colorBackgroundInverse: "rgb(40, 42, 43)";
234 colorBackgroundNeutralLightest: "rgb(245, 248, 255)";
235 colorBackgroundOverlay: "rgba(40, 42, 43, 0.5)";
236 colorBackgroundPrimary: "rgb(2, 122, 197)";
237 colorBackgroundPrimaryDark: "rgb(0, 62, 130)";
238 colorBackgroundPrimaryDarker: "rgb(3, 44, 94)";
239 colorBackgroundPrimaryLight: "rgb(179, 211, 233)";
240 colorBackgroundPrimaryLighter: "rgb(220, 234, 244)";
241 colorBackgroundPrimaryLightest: "rgb(245, 248, 255)";
242 colorBackgroundRequired: "rgb(222, 88, 88)";
243 colorBackgroundRowStriped: "rgb(248, 248, 249)";
244 colorBackgroundSuccess: "rgb(0, 153, 74)";
245 colorBackgroundSuccessLightest: "rgb(224, 255, 239)";
246 colorBackgroundWarning: "rgb(228, 98, 22)";
247 colorBackgroundWarningLightest: "rgb(255, 236, 216)";
248};
249export declare const borderColors: {
250 colorBorder: "rgb(136, 140, 142)";
251 colorBorderDark: "rgb(136, 140, 142)";
252 colorBorderDestructive: "rgb(226, 37, 37)";
253 colorBorderDestructiveDark: "rgb(146, 18, 0)";
254 colorBorderDestructiveDarker: "rgb(96, 1, 1)";
255 colorBorderDestructiveLight: "rgb(236, 182, 182)";
256 colorBorderDestructiveLighter: "rgb(245, 221, 221)";
257 colorBorderError: "rgb(226, 37, 37)";
258 colorBorderErrorDark: "rgb(146, 18, 0)";
259 colorBorderErrorLight: "rgb(222, 88, 88)";
260 colorBorderErrorLightest: "rgb(255, 233, 231)";
261 colorBorderInverse: "rgb(255, 255, 255)";
262 colorBorderLight: "rgb(228, 231, 233)";
263 colorBorderNeutralLight: "rgb(200, 204, 207)";
264 colorBorderPrimary: "rgb(2, 122, 197)";
265 colorBorderPrimaryDark: "rgb(0, 62, 130)";
266 colorBorderPrimaryDarker: "rgb(3, 44, 94)";
267 colorBorderPrimaryLight: "rgb(179, 211, 233)";
268 colorBorderPrimaryLighter: "rgb(220, 234, 244)";
269 colorBorderSuccess: "rgb(0, 153, 74)";
270 colorBorderSuccessLightest: "rgb(224, 255, 239)";
271 colorBorderWarning: "rgb(228, 98, 22)";
272 colorBorderWarningLight: "rgb(242, 133, 16)";
273 colorBorderWarningLightest: "rgb(255, 236, 216)";
274};
275export declare const borderWidths: {
276 borderWidth0: 0;
277 borderWidth10: "1px";
278 borderWidth20: "2px";
279 borderWidth30: "4px";
280 borderWidth40: "8px";
281};
282export declare const boxShadows: {
283 shadowBorder: "0 0 0 1px #888c8e";
284 shadowBorderError: "0 0 0 1px #e22525";
285 shadowBorderErrorDark: "0 0 0 1px #921200";
286 shadowBorderLight: "0 0 0 1px #e4e7e9";
287 shadowBorderPrimaryDark: "0 0 0 1px #003e82";
288 shadowBorderPrimaryDarker: "0 0 0 1px #032c5e";
289 shadowCard: "0 2px 4px 0 rgba(40, 42, 43, 0.3)";
290 shadowFocus: "0 0 0 4px rgba(2, 122, 197, 0.8)";
291};
292export declare const colors: {
293 colorBrand: "rgb(35, 54, 89)";
294 colorBrandHighlight: "rgb(242, 47, 70)";
295 colorGray0: "rgb(255, 255, 255)";
296 colorGray10: "rgb(249, 250, 251)";
297 colorGray100: "rgb(40, 42, 43)";
298 colorGray20: "rgb(248, 248, 249)";
299 colorGray30: "rgb(242, 243, 244)";
300 colorGray40: "rgb(228, 231, 233)";
301 colorGray50: "rgb(200, 204, 207)";
302 colorGray60: "rgb(136, 140, 142)";
303 colorGray70: "rgb(112, 117, 120)";
304 colorGray80: "rgb(79, 83, 85)";
305 colorGray90: "rgb(66, 69, 71)";
306};
307export declare const fonts: {
308 fontFamilyCode: "'Fira Mono', 'Courier New', Courier, monospace";
309 fontFamilyText: "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
310};
311export declare const fontSizes: {
312 fontSize10: "0.625rem";
313 fontSize100: "2.5rem";
314 fontSize110: "3rem";
315 fontSize20: "0.75rem";
316 fontSize30: "0.875rem";
317 fontSize40: "1rem";
318 fontSize50: "1.125rem";
319 fontSize60: "1.25rem";
320 fontSize70: "1.5rem";
321 fontSize80: "1.75rem";
322 fontSize90: "2rem";
323};
324export declare const fontWeights: {
325 fontWeightBold: 700;
326 fontWeightLight: 300;
327 fontWeightMedium: 500;
328 fontWeightNormal: 400;
329 fontWeightSemibold: 500;
330};
331export declare const lineHeights: {
332 lineHeight10: "1rem";
333 lineHeight100: "3.25rem";
334 lineHeight110: "3.75rem";
335 lineHeight20: "1.25rem";
336 lineHeight30: "1.5rem";
337 lineHeight40: "1.75rem";
338 lineHeight50: "1.75rem";
339 lineHeight60: "1.75rem";
340 lineHeight70: "2rem";
341 lineHeight80: "2.25rem";
342 lineHeight90: "2.5rem";
343};
344export declare const radii: {
345 borderRadius0: 0;
346 borderRadius10: "3px";
347 borderRadius20: "4px";
348 borderRadius30: "8px";
349 borderRadiusCircle: "50%";
350};
351export declare const sizings: {
352 size0: 0;
353 size10: "5.5rem";
354 size100: "64rem";
355 size110: "70.5rem";
356 size120: "77rem";
357 size20: "12rem";
358 size30: "18.5rem";
359 size40: "25rem";
360 size50: "31.5rem";
361 size60: "38rem";
362 size70: "44.5rem";
363 size80: "51rem";
364 size90: "57.5rem";
365 sizeIcon10: "1rem";
366 sizeIcon100: "3.25rem";
367 sizeIcon110: "3.75rem";
368 sizeIcon20: "1.25rem";
369 sizeIcon30: "1.5rem";
370 sizeIcon40: "1.75rem";
371 sizeIcon50: "1.75rem";
372 sizeIcon60: "1.75rem";
373 sizeIcon70: "2rem";
374 sizeIcon80: "2.25rem";
375 sizeIcon90: "2.5rem";
376 sizeSquare0: 0;
377 sizeSquare10: "0.125rem";
378 sizeSquare100: "2.25rem";
379 sizeSquare110: "2.5rem";
380 sizeSquare120: "2.75rem";
381 sizeSquare130: "3rem";
382 sizeSquare140: "3.25rem";
383 sizeSquare150: "3.5rem";
384 sizeSquare160: "3.75rem";
385 sizeSquare170: "4rem";
386 sizeSquare180: "4.25rem";
387 sizeSquare190: "4.5rem";
388 sizeSquare20: "0.25rem";
389 sizeSquare200: "4.75rem";
390 sizeSquare25: "0.375rem";
391 sizeSquare30: "0.5rem";
392 sizeSquare40: "0.75rem";
393 sizeSquare50: "1rem";
394 sizeSquare60: "1.25rem";
395 sizeSquare70: "1.5rem";
396 sizeSquare80: "1.75rem";
397 sizeSquare90: "2rem";
398};
399export declare const spacings: {
400 space0: 0;
401 space10: "0.125rem";
402 space100: "2.25rem";
403 space110: "2.5rem";
404 space120: "2.75rem";
405 space130: "3rem";
406 space140: "3.25rem";
407 space150: "3.5rem";
408 space160: "3.75rem";
409 space170: "4rem";
410 space180: "4.25rem";
411 space190: "4.5rem";
412 space20: "0.25rem";
413 space200: "4.75rem";
414 space30: "0.5rem";
415 space40: "0.75rem";
416 space50: "1rem";
417 space60: "1.25rem";
418 space70: "1.5rem";
419 space80: "1.75rem";
420 space90: "2rem";
421};
422export declare const textColors: {
423 colorText: "rgb(40, 42, 43)";
424 colorTextBrandHighlight: "rgb(242, 47, 70)";
425 colorTextBrandInverse: "rgb(255, 255, 255)";
426 colorTextError: "rgb(226, 37, 37)";
427 colorTextErrorDark: "rgb(146, 18, 0)";
428 colorTextIcon: "rgb(112, 117, 120)";
429 colorTextInverse: "rgb(255, 255, 255)";
430 colorTextInverseWeak: "rgb(200, 204, 207)";
431 colorTextLabel: "rgb(40, 42, 43)";
432 colorTextLink: "rgb(0, 94, 166)";
433 colorTextLinkDark: "rgb(0, 62, 130)";
434 colorTextLinkDarker: "rgb(3, 44, 94)";
435 colorTextLinkDestructive: "rgb(226, 37, 37)";
436 colorTextLinkDestructiveDark: "rgb(178, 6, 0)";
437 colorTextLinkDestructiveDarker: "rgb(146, 18, 0)";
438 colorTextLinkDestructiveLight: "rgb(236, 182, 182)";
439 colorTextLinkLight: "rgb(179, 211, 233)";
440 colorTextPlaceholder: "rgb(112, 117, 120)";
441 colorTextSuccess: "rgb(0, 153, 74)";
442 colorTextWarning: "rgb(228, 98, 22)";
443 colorTextWarningDark: "rgb(168, 62, 0)";
444 colorTextWeak: "rgb(112, 117, 120)";
445 colorTextWeaker: "rgb(200, 204, 207)";
446};
447export declare const zIndices: {
448 zIndex0: 0;
449 zIndex10: 10;
450 zIndex20: 20;
451 zIndex30: 30;
452 zIndex40: 40;
453 zIndex50: 50;
454 zIndex60: 60;
455 zIndex70: 70;
456 zIndex80: 80;
457 zIndex90: 90;
458};
\No newline at end of file