UNPKG

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