UNPKG

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