UNPKG

13.6 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 = "#f8f8f9";
10export declare const colorBackgroundBody = "#ffffff";
11export declare const colorBackgroundBrand = "#233659";
12export declare const colorBackgroundBrandHighlight = "#f22f46";
13export declare const colorBackgroundDestructive = "#cb0000";
14export declare const colorBackgroundDestructiveDark = "#b20600";
15export declare const colorBackgroundDestructiveDarker = "#921200";
16export declare const colorBackgroundDestructiveLight = "#ecb6b6";
17export declare const colorBackgroundDestructiveLighter = "#f5dddd";
18export declare const colorBackgroundDestructiveLightest = "#fff6f6";
19export declare const colorBackgroundError = "#cb0000";
20export declare const colorBackgroundErrorLightest = "#fff6f6";
21export declare const colorBackgroundInverse = "#4f5355";
22export declare const colorBackgroundPrimary = "#0075c3";
23export declare const colorBackgroundPrimaryDark = "#005ea6";
24export declare const colorBackgroundPrimaryDarker = "#003e82";
25export declare const colorBackgroundPrimaryLight = "#b3d3e9";
26export declare const colorBackgroundPrimaryLighter = "#dceaf4";
27export declare const colorBackgroundPrimaryLightest = "#f6fcff";
28export declare const colorBackgroundRowStriped = "#f8f8f9";
29export declare const colorBackgroundSuccess = "#00994a";
30export declare const colorBackgroundSuccessLightest = "#e0ffef";
31export declare const colorBackgroundWarning = "#e46216";
32export declare const colorBackgroundWarningLightest = "#fff5eb";
33export declare const colorBorder = "#c8cccf";
34export declare const colorBorderDark = "#888c8e";
35export declare const colorBorderDestructive = "#cb0000";
36export declare const colorBorderDestructiveDark = "#b20600";
37export declare const colorBorderDestructiveDarker = "#921200";
38export declare const colorBorderDestructiveLight = "#ecb6b6";
39export declare const colorBorderDestructiveLighter = "#f5dddd";
40export declare const colorBorderError = "#cb0000";
41export declare const colorBorderErrorLightest = "#fff6f6";
42export declare const colorBorderInput = "#888c8e";
43export declare const colorBorderInputFocus = "#0075c3";
44export declare const colorBorderInputHover = "#0075c3";
45export declare const colorBorderLight = "#e4e7e9";
46export declare const colorBorderPrimary = "#0075c3";
47export declare const colorBorderPrimaryDark = "#005ea6";
48export declare const colorBorderPrimaryDarker = "#003e82";
49export declare const colorBorderPrimaryLight = "#b3d3e9";
50export declare const colorBorderPrimaryLighter = "#dceaf4";
51export declare const colorBorderSuccess = "#00994a";
52export declare const colorBorderSuccessLightest = "#e0ffef";
53export declare const colorBorderWarning = "#e46216";
54export declare const colorBorderWarningLightest = "#fff5eb";
55export declare const colorBrand = "#233659";
56export declare const colorBrandHighlight = "#f22f46";
57export declare const colorGray0 = "#ffffff";
58export declare const colorGray10 = "#fafafa";
59export declare const colorGray100 = "#282a2b";
60export declare const colorGray20 = "#f8f8f9";
61export declare const colorGray30 = "#f2f3f4";
62export declare const colorGray40 = "#e4e7e9";
63export declare const colorGray50 = "#c8cccf";
64export declare const colorGray60 = "#888c8e";
65export declare const colorGray70 = "#666a6d";
66export declare const colorGray80 = "#4f5355";
67export declare const colorGray90 = "#424547";
68export declare const colorText = "#282a2b";
69export declare const colorTextBrandHighlight = "#f22f46";
70export declare const colorTextBrandInverse = "#ffffff";
71export declare const colorTextError = "#cb0000";
72export declare const colorTextIcon = "#282a2b";
73export declare const colorTextInverse = "#ffffff";
74export declare const colorTextInverseWeak = "#888c8e";
75export declare const colorTextLabel = "#282a2b";
76export declare const colorTextLink = "#0075c3";
77export declare const colorTextLinkDark = "#005ea6";
78export declare const colorTextLinkDarker = "#003e82";
79export declare const colorTextLinkDestructive = "#cb0000";
80export declare const colorTextLinkDestructiveDark = "#b20600";
81export declare const colorTextLinkDestructiveDarker = "#921200";
82export declare const colorTextLinkDestructiveLight = "#ecb6b6";
83export declare const colorTextLinkLight = "#b3d3e9";
84export declare const colorTextPlaceholder = "#666a6d";
85export declare const colorTextSuccess = "#00994a";
86export declare const colorTextWarning = "#e46216";
87export declare const colorTextWeak = "#666a6d";
88export declare const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";
89export declare const fontFamilyText = "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', 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: "#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};
192export 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};
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: "#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};
240export 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};
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: "#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};
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