UNPKG

15.5 kB TypeScript View 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 colorBackground = "#f4f4f6";
10export declare const colorBackgroundBody = "#ffffff";
11export declare const colorBackgroundBrand = "#233659";
12export declare const colorBackgroundBrandHighlight = "#f22f46";
13export declare const colorBackgroundDestructive = "#d61f1f";
14export declare const colorBackgroundDestructiveDark = "#750c0c";
15export declare const colorBackgroundDestructiveDarker = "#4a0b0b";
16export declare const colorBackgroundDestructiveLight = "#f58a8a";
17export declare const colorBackgroundDestructiveLighter = "#fccfcf";
18export declare const colorBackgroundDestructiveLightest = "#feecec";
19export declare const colorBackgroundError = "#d61f1f";
20export declare const colorBackgroundErrorLightest = "#feecec";
21export declare const colorBackgroundInverse = "#1f304c";
22export declare const colorBackgroundNeutralLightest = "#ebf4ff";
23export declare const colorBackgroundPrimary = "#0263e0";
24export declare const colorBackgroundPrimaryDark = "#001489";
25export declare const colorBackgroundPrimaryDarker = "#030b5d";
26export declare const colorBackgroundPrimaryLight = "#66b3ff";
27export declare const colorBackgroundPrimaryLighter = "#cce4ff";
28export declare const colorBackgroundPrimaryLightest = "#ebf4ff";
29export declare const colorBackgroundRequired = "#eb5656";
30export declare const colorBackgroundRowStriped = "#f4f4f6";
31export declare const colorBackgroundSuccess = "#14b053";
32export declare const colorBackgroundSuccessLightest = "#edfdf3";
33export declare const colorBackgroundWarning = "#f47c22";
34export declare const colorBackgroundWarningLightest = "#fef5ee";
35export declare const colorBorder = "#aeb2c1";
36export declare const colorBorderDark = "#606b85";
37export declare const colorBorderDestructive = "#d61f1f";
38export declare const colorBorderDestructiveDark = "#750c0c";
39export declare const colorBorderDestructiveDarker = "#4a0b0b";
40export declare const colorBorderDestructiveLight = "#f58a8a";
41export declare const colorBorderDestructiveLighter = "#fccfcf";
42export declare const colorBorderError = "#d61f1f";
43export declare const colorBorderErrorLight = "#f58a8a";
44export declare const colorBorderErrorLightest = "#feecec";
45export declare const colorBorderInput = "#606b85";
46export declare const colorBorderInputFocus = "#0263e0";
47export declare const colorBorderInputHover = "#0263e0";
48export declare const colorBorderLight = "#e1e3ea";
49export declare const colorBorderNeutralLight = "#8891aa";
50export declare const colorBorderPrimary = "#0263e0";
51export declare const colorBorderPrimaryDark = "#001489";
52export declare const colorBorderPrimaryDarker = "#030b5d";
53export declare const colorBorderPrimaryLight = "#66b3ff";
54export declare const colorBorderPrimaryLighter = "#cce4ff";
55export declare const colorBorderSuccess = "#14b053";
56export declare const colorBorderSuccessLightest = "#edfdf3";
57export declare const colorBorderWarning = "#f47c22";
58export declare const colorBorderWarningLight = "#ffb37a";
59export declare const colorBorderWarningLightest = "#fef5ee";
60export declare const colorBrand = "#233659";
61export declare const colorBrandHighlight = "#f22f46";
62export declare const colorGray0 = "#ffffff";
63export declare const colorGray10 = "#f4f4f6";
64export declare const colorGray100 = "#121c2d";
65export declare const colorGray20 = "#e1e3ea";
66export declare const colorGray30 = "#cacdd8";
67export declare const colorGray40 = "#aeb2c1";
68export declare const colorGray50 = "#8891aa";
69export declare const colorGray60 = "#606b85";
70export declare const colorGray70 = "#4b5671";
71export declare const colorGray80 = "#394762";
72export declare const colorGray90 = "#1f304c";
73export declare const colorText = "#121c2d";
74export declare const colorTextBrandHighlight = "#f22f46";
75export declare const colorTextBrandInverse = "#ffffff";
76export declare const colorTextError = "#d61f1f";
77export declare const colorTextErrorDark = "#ad1111";
78export declare const colorTextIcon = "#4b5671";
79export declare const colorTextInverse = "#ffffff";
80export declare const colorTextInverseWeak = "#8891aa";
81export declare const colorTextLabel = "#121c2d";
82export declare const colorTextLink = "#043cb5";
83export declare const colorTextLinkDark = "#001489";
84export declare const colorTextLinkDarker = "#030b5d";
85export declare const colorTextLinkDestructive = "#d61f1f";
86export declare const colorTextLinkDestructiveDark = "#ad1111";
87export declare const colorTextLinkDestructiveDarker = "#750c0c";
88export declare const colorTextLinkDestructiveLight = "#f58a8a";
89export declare const colorTextLinkLight = "#66b3ff";
90export declare const colorTextPlaceholder = "#4b5671";
91export declare const colorTextSuccess = "#14b053";
92export declare const colorTextWarning = "#f47c22";
93export declare const colorTextWarningDark = "#c35323";
94export declare const colorTextWeak = "#4b5671";
95export declare const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";
96export declare const fontFamilyText = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
97export declare const fontSize10 = "0.625rem";
98export declare const fontSize100 = "2.5rem";
99export declare const fontSize110 = "3rem";
100export declare const fontSize20 = "0.75rem";
101export declare const fontSize30 = "0.875rem";
102export declare const fontSize40 = "1rem";
103export declare const fontSize50 = "1.125rem";
104export declare const fontSize60 = "1.25rem";
105export declare const fontSize70 = "1.5rem";
106export declare const fontSize80 = "1.75rem";
107export declare const fontSize90 = "2rem";
108export declare const fontWeightBold = "700";
109export declare const fontWeightLight = "300";
110export declare const fontWeightMedium = "500";
111export declare const fontWeightNormal = "400";
112export declare const fontWeightSemibold = "600";
113export declare const lineHeight10 = "1rem";
114export declare const lineHeight100 = "3.25rem";
115export declare const lineHeight110 = "3.75rem";
116export declare const lineHeight20 = "1.25rem";
117export declare const lineHeight30 = "1.5rem";
118export declare const lineHeight40 = "1.75rem";
119export declare const lineHeight50 = "1.75rem";
120export declare const lineHeight60 = "1.75rem";
121export declare const lineHeight70 = "2rem";
122export declare const lineHeight80 = "2.25rem";
123export declare const lineHeight90 = "2.5rem";
124export declare const shadowBorderInput = "0 0 0 1px #606b85";
125export declare const shadowBorderInputDisabled = "0 0 0 1px #e1e3ea";
126export declare const shadowBorderInputError = "0 0 0 1px #d61f1f";
127export declare const shadowBorderInputErrorHover = "0 0 0 1px #750c0c";
128export declare const shadowBorderInputHover = "0 0 0 1px #030b5d";
129export declare const shadowCard = "0 2px 4px 0 rgba(18, 28, 45, 0.3)";
130export declare const shadowFocus = "0 0 0 4px rgba(2, 99, 224, 0.8)";
131export declare const size0 = "0";
132export declare const size10 = "5.5rem";
133export declare const size100 = "64rem";
134export declare const size110 = "70.5rem";
135export declare const size120 = "77rem";
136export declare const size20 = "12rem";
137export declare const size30 = "18.5rem";
138export declare const size40 = "25rem";
139export declare const size50 = "31.5rem";
140export declare const size60 = "38rem";
141export declare const size70 = "44.5rem";
142export declare const size80 = "51rem";
143export declare const size90 = "57.5rem";
144export declare const sizeIcon10 = "1rem";
145export declare const sizeIcon100 = "3.25rem";
146export declare const sizeIcon110 = "3.75rem";
147export declare const sizeIcon20 = "1.25rem";
148export declare const sizeIcon30 = "1.5rem";
149export declare const sizeIcon40 = "1.75rem";
150export declare const sizeIcon50 = "1.75rem";
151export declare const sizeIcon60 = "1.75rem";
152export declare const sizeIcon70 = "2rem";
153export declare const sizeIcon80 = "2.25rem";
154export declare const sizeIcon90 = "2.5rem";
155export declare const space0 = "0";
156export declare const space10 = "0.125rem";
157export declare const space100 = "2.25rem";
158export declare const space110 = "2.5rem";
159export declare const space120 = "2.75rem";
160export declare const space130 = "3rem";
161export declare const space140 = "3.25rem";
162export declare const space150 = "3.5rem";
163export declare const space160 = "3.75rem";
164export declare const space170 = "4rem";
165export declare const space180 = "4.25rem";
166export declare const space190 = "4.5rem";
167export declare const space20 = "0.25rem";
168export declare const space200 = "4.75rem";
169export declare const space30 = "0.5rem";
170export declare const space40 = "0.75rem";
171export declare const space50 = "1rem";
172export declare const space60 = "1.25rem";
173export declare const space70 = "1.5rem";
174export declare const space80 = "1.75rem";
175export declare const space90 = "2rem";
176export declare const zIndex0 = "0";
177export declare const zIndex10 = "10";
178export declare const zIndex20 = "20";
179export declare const zIndex30 = "30";
180export declare const zIndex40 = "40";
181export declare const zIndex50 = "50";
182export declare const zIndex60 = "60";
183export declare const zIndex70 = "70";
184export declare const zIndex80 = "80";
185export declare const zIndex90 = "90";
186export declare const backgroundColors: {
187 colorBackground: "#f4f4f6";
188 colorBackgroundBody: "#ffffff";
189 colorBackgroundBrand: "#233659";
190 colorBackgroundBrandHighlight: "#f22f46";
191 colorBackgroundDestructive: "#d61f1f";
192 colorBackgroundDestructiveDark: "#750c0c";
193 colorBackgroundDestructiveDarker: "#4a0b0b";
194 colorBackgroundDestructiveLight: "#f58a8a";
195 colorBackgroundDestructiveLighter: "#fccfcf";
196 colorBackgroundDestructiveLightest: "#feecec";
197 colorBackgroundError: "#d61f1f";
198 colorBackgroundErrorLightest: "#feecec";
199 colorBackgroundInverse: "#1f304c";
200 colorBackgroundNeutralLightest: "#ebf4ff";
201 colorBackgroundPrimary: "#0263e0";
202 colorBackgroundPrimaryDark: "#001489";
203 colorBackgroundPrimaryDarker: "#030b5d";
204 colorBackgroundPrimaryLight: "#66b3ff";
205 colorBackgroundPrimaryLighter: "#cce4ff";
206 colorBackgroundPrimaryLightest: "#ebf4ff";
207 colorBackgroundRequired: "#eb5656";
208 colorBackgroundRowStriped: "#f4f4f6";
209 colorBackgroundSuccess: "#14b053";
210 colorBackgroundSuccessLightest: "#edfdf3";
211 colorBackgroundWarning: "#f47c22";
212 colorBackgroundWarningLightest: "#fef5ee";
213};
214export declare const borderColors: {
215 colorBorder: "#aeb2c1";
216 colorBorderDark: "#606b85";
217 colorBorderDestructive: "#d61f1f";
218 colorBorderDestructiveDark: "#750c0c";
219 colorBorderDestructiveDarker: "#4a0b0b";
220 colorBorderDestructiveLight: "#f58a8a";
221 colorBorderDestructiveLighter: "#fccfcf";
222 colorBorderError: "#d61f1f";
223 colorBorderErrorLight: "#f58a8a";
224 colorBorderErrorLightest: "#feecec";
225 colorBorderInput: "#606b85";
226 colorBorderInputFocus: "#0263e0";
227 colorBorderInputHover: "#0263e0";
228 colorBorderLight: "#e1e3ea";
229 colorBorderNeutralLight: "#8891aa";
230 colorBorderPrimary: "#0263e0";
231 colorBorderPrimaryDark: "#001489";
232 colorBorderPrimaryDarker: "#030b5d";
233 colorBorderPrimaryLight: "#66b3ff";
234 colorBorderPrimaryLighter: "#cce4ff";
235 colorBorderSuccess: "#14b053";
236 colorBorderSuccessLightest: "#edfdf3";
237 colorBorderWarning: "#f47c22";
238 colorBorderWarningLight: "#ffb37a";
239 colorBorderWarningLightest: "#fef5ee";
240};
241export declare const borderWidths: {
242 borderWidth0: 0;
243 borderWidth10: "1px";
244 borderWidth20: "2px";
245};
246export declare const boxShadows: {
247 shadowBorderInput: "0 0 0 1px #606b85";
248 shadowBorderInputDisabled: "0 0 0 1px #e1e3ea";
249 shadowBorderInputError: "0 0 0 1px #d61f1f";
250 shadowBorderInputErrorHover: "0 0 0 1px #750c0c";
251 shadowBorderInputHover: "0 0 0 1px #030b5d";
252 shadowCard: "0 2px 4px 0 rgba(18, 28, 45, 0.3)";
253 shadowFocus: "0 0 0 4px rgba(2, 99, 224, 0.8)";
254};
255export declare const colors: {
256 colorBrand: "#233659";
257 colorBrandHighlight: "#f22f46";
258 colorGray0: "#ffffff";
259 colorGray10: "#f4f4f6";
260 colorGray100: "#121c2d";
261 colorGray20: "#e1e3ea";
262 colorGray30: "#cacdd8";
263 colorGray40: "#aeb2c1";
264 colorGray50: "#8891aa";
265 colorGray60: "#606b85";
266 colorGray70: "#4b5671";
267 colorGray80: "#394762";
268 colorGray90: "#1f304c";
269};
270export declare const fonts: {
271 fontFamilyCode: "'Fira Mono', 'Courier New', Courier, monospace";
272 fontFamilyText: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
273};
274export declare const fontSizes: {
275 fontSize10: "0.625rem";
276 fontSize100: "2.5rem";
277 fontSize110: "3rem";
278 fontSize20: "0.75rem";
279 fontSize30: "0.875rem";
280 fontSize40: "1rem";
281 fontSize50: "1.125rem";
282 fontSize60: "1.25rem";
283 fontSize70: "1.5rem";
284 fontSize80: "1.75rem";
285 fontSize90: "2rem";
286};
287export declare const fontWeights: {
288 fontWeightBold: 700;
289 fontWeightLight: 300;
290 fontWeightMedium: 500;
291 fontWeightNormal: 400;
292 fontWeightSemibold: 600;
293};
294export declare const lineHeights: {
295 lineHeight10: "1rem";
296 lineHeight100: "3.25rem";
297 lineHeight110: "3.75rem";
298 lineHeight20: "1.25rem";
299 lineHeight30: "1.5rem";
300 lineHeight40: "1.75rem";
301 lineHeight50: "1.75rem";
302 lineHeight60: "1.75rem";
303 lineHeight70: "2rem";
304 lineHeight80: "2.25rem";
305 lineHeight90: "2.5rem";
306};
307export declare const radii: {
308 borderRadius0: 0;
309 borderRadius10: "3px";
310 borderRadius20: "4px";
311 borderRadius30: "8px";
312 borderRadiusCircle: "50%";
313};
314export declare const sizings: {
315 size0: 0;
316 size10: "5.5rem";
317 size100: "64rem";
318 size110: "70.5rem";
319 size120: "77rem";
320 size20: "12rem";
321 size30: "18.5rem";
322 size40: "25rem";
323 size50: "31.5rem";
324 size60: "38rem";
325 size70: "44.5rem";
326 size80: "51rem";
327 size90: "57.5rem";
328 sizeIcon10: "1rem";
329 sizeIcon100: "3.25rem";
330 sizeIcon110: "3.75rem";
331 sizeIcon20: "1.25rem";
332 sizeIcon30: "1.5rem";
333 sizeIcon40: "1.75rem";
334 sizeIcon50: "1.75rem";
335 sizeIcon60: "1.75rem";
336 sizeIcon70: "2rem";
337 sizeIcon80: "2.25rem";
338 sizeIcon90: "2.5rem";
339};
340export declare const spacings: {
341 space0: 0;
342 space10: "0.125rem";
343 space100: "2.25rem";
344 space110: "2.5rem";
345 space120: "2.75rem";
346 space130: "3rem";
347 space140: "3.25rem";
348 space150: "3.5rem";
349 space160: "3.75rem";
350 space170: "4rem";
351 space180: "4.25rem";
352 space190: "4.5rem";
353 space20: "0.25rem";
354 space200: "4.75rem";
355 space30: "0.5rem";
356 space40: "0.75rem";
357 space50: "1rem";
358 space60: "1.25rem";
359 space70: "1.5rem";
360 space80: "1.75rem";
361 space90: "2rem";
362};
363export declare const textColors: {
364 colorText: "#121c2d";
365 colorTextBrandHighlight: "#f22f46";
366 colorTextBrandInverse: "#ffffff";
367 colorTextError: "#d61f1f";
368 colorTextErrorDark: "#ad1111";
369 colorTextIcon: "#4b5671";
370 colorTextInverse: "#ffffff";
371 colorTextInverseWeak: "#8891aa";
372 colorTextLabel: "#121c2d";
373 colorTextLink: "#043cb5";
374 colorTextLinkDark: "#001489";
375 colorTextLinkDarker: "#030b5d";
376 colorTextLinkDestructive: "#d61f1f";
377 colorTextLinkDestructiveDark: "#ad1111";
378 colorTextLinkDestructiveDarker: "#750c0c";
379 colorTextLinkDestructiveLight: "#f58a8a";
380 colorTextLinkLight: "#66b3ff";
381 colorTextPlaceholder: "#4b5671";
382 colorTextSuccess: "#14b053";
383 colorTextWarning: "#f47c22";
384 colorTextWarningDark: "#c35323";
385 colorTextWeak: "#4b5671";
386};
387export declare const zIndices: {
388 zIndex0: 0;
389 zIndex10: 10;
390 zIndex20: 20;
391 zIndex30: 30;
392 zIndex40: 40;
393 zIndex50: 50;
394 zIndex60: 60;
395 zIndex70: 70;
396 zIndex80: 80;
397 zIndex90: 90;
398};
\No newline at end of file