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