@aivenio/aquarium 1.72.0 → 1.73.0-rc1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/_variables.scss +255 -244
  2. package/dist/atoms.cjs +1084 -947
  3. package/dist/atoms.mjs +1084 -947
  4. package/dist/src/atoms/Banner/Banner.js +3 -7
  5. package/dist/src/atoms/DataList/DataList.js +2 -2
  6. package/dist/src/atoms/Select/Select.js +2 -2
  7. package/dist/src/atoms/Toast/Toast.js +2 -2
  8. package/dist/src/atoms/Typography/Typography.js +3 -3
  9. package/dist/src/icons/award.d.ts +9 -0
  10. package/dist/src/icons/award.js +11 -0
  11. package/dist/src/icons/index.d.ts +1 -0
  12. package/dist/src/icons/index.js +2 -1
  13. package/dist/src/molecules/Box/Box.d.ts +5 -6
  14. package/dist/src/molecules/Box/Box.js +13 -7
  15. package/dist/src/molecules/Grid/Grid.js +4 -4
  16. package/dist/src/molecules/Section/Section.js +3 -3
  17. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +2 -1
  18. package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
  19. package/dist/src/system.d.ts +1 -6
  20. package/dist/src/system.js +2 -11
  21. package/dist/src/tokens/tokens.json +647 -0
  22. package/dist/src/utils/breakpoints.js +3 -3
  23. package/dist/src/utils/useStyle.js +6 -2
  24. package/dist/styles.css +2074 -1473
  25. package/dist/system.cjs +1103 -971
  26. package/dist/system.mjs +1103 -973
  27. package/dist/tailwind.config.js +73 -161
  28. package/dist/tailwind.theme.json +383 -331
  29. package/dist/tokens.json +644 -562
  30. package/dist/tsconfig.module.tsbuildinfo +1 -1
  31. package/dist/types/designTokens.d.ts +12 -11
  32. package/dist/types/tailwindGenerated.d.ts +1 -1
  33. package/package.json +11 -9
  34. package/dist/src/js/resolveTheme.d.ts +0 -8
  35. package/dist/src/js/resolveTheme.js +0 -10
package/dist/tokens.json CHANGED
@@ -1,565 +1,647 @@
1
1
  {
2
- "themes": {
3
- "aiven": {
4
- "colors": {
5
- "error-100": "#aa0000",
6
- "error-90": "#b90000",
7
- "error-80": "#c50001",
8
- "error-70": "#d80005",
9
- "error-60": "#e70000",
10
- "error-50": "#e62728",
11
- "error-40": "#e0504f",
12
- "error-30": "#ed7975",
13
- "error-20": "#ffadb3",
14
- "error-10": "#ffcbd2",
15
- "error-5": "#fee8e7",
16
- "error-0": "#fef2f1",
17
- "warning-100": "#fe6d00",
18
- "warning-90": "#ff9003",
19
- "warning-80": "#fd9f00",
20
- "warning-70": "#ffb300",
21
- "warning-60": "#ffc107",
22
- "warning-50": "#fdc926",
23
- "warning-40": "#fdd44d",
24
- "warning-30": "#fddf81",
25
- "warning-20": "#feebb2",
26
- "warning-10": "#fff2cd",
27
- "warning-5": "#fff8ea",
28
- "warning-0": "#fffdf9",
29
- "success-100": "#006f00",
30
- "success-90": "#008e00",
31
- "success-80": "#009f00",
32
- "success-70": "#00b300",
33
- "success-60": "#00c300",
34
- "success-50": "#40ce37",
35
- "success-40": "#60db57",
36
- "success-30": "#89eb80",
37
- "success-20": "#afffa7",
38
- "success-10": "#cbffc9",
39
- "success-5": "#ecf7ed",
40
- "success-0": "#f5faf5",
41
- "info-100": "#02569a",
42
- "info-90": "#0174ba",
43
- "info-80": "#0788d1",
44
- "info-70": "#0399e3",
45
- "info-60": "#02a8f3",
46
- "info-50": "#28b4f4",
47
- "info-40": "#4cc2f7",
48
- "info-30": "#7fd1f7",
49
- "info-20": "#b4e5fb",
50
- "info-10": "#e0f5fe",
51
- "info-5": "#effaff",
52
- "info-0": "#f9fdff",
53
- "grey-100": "#19191d",
54
- "grey-90": "#292a31",
55
- "grey-80": "#3a3a44",
56
- "grey-70": "#4a4b57",
57
- "grey-60": "#5a5b6a",
58
- "grey-50": "#787885",
59
- "grey-40": "#9696a0",
60
- "grey-30": "#b4b4bb",
61
- "grey-20": "#d2d2d6",
62
- "grey-10": "#e1e1e3",
63
- "grey-5": "#ededf0",
64
- "grey-0": "#f7f7fa",
65
- "secondary-100": "#e11d16",
66
- "secondary-90": "#eb4610",
67
- "secondary-80": "#f3580d",
68
- "secondary-70": "#f96a02",
69
- "secondary-60": "#ff7700",
70
- "secondary-50": "#fc871a",
71
- "secondary-40": "#fb9a3e",
72
- "secondary-30": "#fab26e",
73
- "secondary-20": "#f8c99c",
74
- "secondary-10": "#fee8d0",
75
- "secondary-5": "#fff3e8",
76
- "secondary-0": "#fffbf8",
77
- "primary-100": "#0e1652",
78
- "primary-90": "#222f95",
79
- "primary-80": "#3545be",
80
- "primary-70": "#5865cd",
81
- "primary-60": "#818eec",
82
- "primary-50": "#9daaee",
83
- "primary-40": "#b9c5ef",
84
- "primary-30": "#c7d1f4",
85
- "primary-20": "#d5ddfa",
86
- "primary-10": "#e3e9ff",
87
- "primary-5": "#f3f6ff",
88
- "primary-0": "#ffffff"
89
- },
90
- "typography": {
91
- "sizes": [
92
- {
93
- "name": "large-heading",
94
- "className": "typography-large-heading",
95
- "style": {
96
- "fontFamily": "Poppins",
97
- "fontSize": "32px",
98
- "fontWeight": 700,
99
- "fontStyle": "normal",
100
- "lineHeight": 1.375,
101
- "textTransform": "none"
102
- },
103
- "fontPostScriptName": "Poppins-Bold"
104
- },
105
- {
106
- "name": "heading",
107
- "className": "typography-heading",
108
- "style": {
109
- "fontFamily": "Poppins",
110
- "fontSize": "24px",
111
- "fontWeight": 700,
112
- "fontStyle": "normal",
113
- "lineHeight": 1.375,
114
- "textTransform": "none"
115
- },
116
- "fontPostScriptName": "Poppins-Bold"
117
- },
118
- {
119
- "name": "subheading",
120
- "className": "typography-subheading",
121
- "style": {
122
- "fontFamily": "Poppins",
123
- "fontSize": "20px",
124
- "fontWeight": 600,
125
- "fontStyle": "normal",
126
- "lineHeight": 1.375,
127
- "textTransform": "none"
128
- },
129
- "fontPostScriptName": "Poppins-Bold"
130
- },
131
- {
132
- "name": "large-strong",
133
- "className": "typography-large-strong",
134
- "style": {
135
- "fontFamily": "Inter",
136
- "fontSize": "20px",
137
- "fontWeight": 600,
138
- "fontStyle": "normal",
139
- "lineHeight": 1.58,
140
- "textTransform": "none"
141
- },
142
- "fontPostScriptName": "Inter-SemiBold"
143
- },
144
- {
145
- "name": "large",
146
- "className": "typography-large",
147
- "style": {
148
- "fontFamily": "Inter",
149
- "fontSize": "20px",
150
- "fontWeight": 500,
151
- "fontStyle": "normal",
152
- "lineHeight": 1.58,
153
- "textTransform": "none"
154
- },
155
- "fontPostScriptName": "Inter-SemiBold"
156
- },
157
- {
158
- "name": "default-strong",
159
- "className": "typography-default-strong",
160
- "style": {
161
- "fontFamily": "Inter",
162
- "fontSize": "16px",
163
- "fontWeight": 500,
164
- "fontStyle": "normal",
165
- "lineHeight": 1.5,
166
- "textTransform": "none"
167
- },
168
- "fontPostScriptName": "Inter-SemiBold"
169
- },
170
- {
171
- "name": "default",
172
- "className": "typography-default",
173
- "style": {
174
- "fontFamily": "Inter",
175
- "fontSize": "16px",
176
- "fontWeight": 400,
177
- "fontStyle": "normal",
178
- "lineHeight": 1.5,
179
- "textTransform": "none"
180
- },
181
- "fontPostScriptName": null
182
- },
183
- {
184
- "name": "small-strong",
185
- "className": "typography-small-strong",
186
- "style": {
187
- "fontFamily": "Inter",
188
- "fontSize": "14px",
189
- "fontWeight": 500,
190
- "fontStyle": "normal",
191
- "lineHeight": 1.42,
192
- "textTransform": "none"
193
- },
194
- "fontPostScriptName": "Inter-SemiBold"
195
- },
196
- {
197
- "name": "small",
198
- "className": "typography-small",
199
- "style": {
200
- "fontFamily": "Inter",
201
- "fontSize": "14px",
202
- "fontWeight": 400,
203
- "fontStyle": "normal",
204
- "lineHeight": 1.42,
205
- "textTransform": "none"
206
- },
207
- "fontPostScriptName": null
208
- },
209
- {
210
- "name": "caption",
211
- "className": "typography-caption",
212
- "style": {
213
- "fontFamily": "Inter",
214
- "fontSize": "12px",
215
- "fontWeight": 400,
216
- "fontStyle": "normal",
217
- "lineHeight": 1.26,
218
- "textTransform": "none"
219
- },
220
- "fontPostScriptName": null
221
- },
222
- {
223
- "name": "caption-small",
224
- "className": "typography-caption-small",
225
- "style": {
226
- "fontFamily": "Inter",
227
- "fontSize": "10px",
228
- "fontWeight": 400,
229
- "fontStyle": "normal",
230
- "lineHeight": 1.2,
231
- "letterSpacing": 0,
232
- "textTransform": "none"
233
- },
234
- "fontPostScriptName": null
235
- },
236
- {
237
- "name": "caption-default",
238
- "className": "typography-caption-default",
239
- "style": {
240
- "fontFamily": "Inter",
241
- "fontSize": "12px",
242
- "fontWeight": 400,
243
- "fontStyle": "normal",
244
- "lineHeight": 1.26,
245
- "letterSpacing": 0,
246
- "textTransform": "none"
247
- },
248
- "fontPostScriptName": null
249
- },
250
- {
251
- "name": "overline-small",
252
- "className": "typography-overline-small",
253
- "style": {
254
- "fontFamily": "Inter",
255
- "fontSize": "10px",
256
- "fontWeight": 400,
257
- "fontStyle": "normal",
258
- "lineHeight": 1,
259
- "letterSpacing": 0,
260
- "textTransform": "uppercase"
261
- },
262
- "fontPostScriptName": null
263
- },
264
- {
265
- "name": "overline-default",
266
- "className": "typography-overline-default",
267
- "style": {
268
- "fontFamily": "Inter",
269
- "fontSize": "12px",
270
- "fontWeight": 400,
271
- "fontStyle": "normal",
272
- "lineHeight": 1,
273
- "letterSpacing": 0,
274
- "textTransform": "uppercase"
275
- },
276
- "fontPostScriptName": null
277
- },
278
- {
279
- "name": "button-small",
280
- "className": "typography-button-small",
281
- "style": {
282
- "fontFamily": "Inter",
283
- "fontSize": "12px",
284
- "fontWeight": 500,
285
- "fontStyle": "normal",
286
- "lineHeight": 1,
287
- "letterSpacing": 0,
288
- "textTransform": "none"
289
- },
290
- "fontPostScriptName": "Inter-Medium"
291
- },
292
- {
293
- "name": "button-medium",
294
- "className": "typography-button-medium",
295
- "style": {
296
- "fontFamily": "Inter",
297
- "fontSize": "14px",
298
- "fontWeight": 400,
299
- "fontStyle": "normal",
300
- "lineHeight": 1,
301
- "letterSpacing": 0,
302
- "textTransform": "none"
303
- },
304
- "fontPostScriptName": "Inter-SemiBold"
305
- },
306
- {
307
- "name": "button-large",
308
- "className": "typography-button-large",
309
- "style": {
310
- "fontFamily": "Inter",
311
- "fontSize": "16px",
312
- "fontWeight": 500,
313
- "fontStyle": "normal",
314
- "lineHeight": 1.5,
315
- "letterSpacing": 0,
316
- "textTransform": "none"
317
- },
318
- "fontPostScriptName": "Inter-Medium"
319
- },
320
- {
321
- "name": "body-small",
322
- "className": "typography-body-small",
323
- "style": {
324
- "fontFamily": "Inter",
325
- "fontSize": "14px",
326
- "fontWeight": 400,
327
- "fontStyle": "normal",
328
- "lineHeight": 1.43,
329
- "letterSpacing": 0,
330
- "textTransform": "none"
331
- },
332
- "fontPostScriptName": null
333
- },
334
- {
335
- "name": "body-small-medium",
336
- "className": "typography-body-small-medium",
337
- "style": {
338
- "fontFamily": "Inter",
339
- "fontSize": "14px",
340
- "fontWeight": 500,
341
- "fontStyle": "normal",
342
- "lineHeight": 1.43,
343
- "letterSpacing": 0,
344
- "textTransform": "none"
345
- },
346
- "fontPostScriptName": "Inter-SemiBold"
347
- },
348
- {
349
- "name": "body-default",
350
- "className": "typography-body-default",
351
- "style": {
352
- "fontFamily": "Inter",
353
- "fontSize": "16px",
354
- "fontWeight": 400,
355
- "fontStyle": "normal",
356
- "lineHeight": 1.5,
357
- "letterSpacing": 0,
358
- "textTransform": "none"
359
- },
360
- "fontPostScriptName": null
361
- },
362
- {
363
- "name": "body-default-medium",
364
- "className": "typography-body-default-medium",
365
- "style": {
366
- "fontFamily": "Inter",
367
- "fontSize": "16px",
368
- "fontWeight": 500,
369
- "fontStyle": "normal",
370
- "lineHeight": 1.5,
371
- "letterSpacing": 0,
372
- "textTransform": "none"
373
- },
374
- "fontPostScriptName": "Inter-SemiBold"
375
- },
376
- {
377
- "name": "body-large",
378
- "className": "typography-body-large",
379
- "style": {
380
- "fontFamily": "Inter",
381
- "fontSize": "20px",
382
- "fontWeight": 400,
383
- "fontStyle": "normal",
384
- "lineHeight": 1.58,
385
- "letterSpacing": 0,
386
- "textTransform": "none"
387
- },
388
- "fontPostScriptName": null
389
- },
390
- {
391
- "name": "body-large-medium",
392
- "className": "typography-body-large-medium",
393
- "style": {
394
- "fontFamily": "Inter",
395
- "fontSize": "20px",
396
- "fontWeight": 400,
397
- "fontStyle": "normal",
398
- "lineHeight": 1.2,
399
- "letterSpacing": 0,
400
- "textTransform": "none"
401
- },
402
- "fontPostScriptName": "Inter-SemiBold"
403
- },
404
- {
405
- "name": "heading-large",
406
- "className": "typography-heading-large",
407
- "style": {
408
- "fontFamily": "Inter",
409
- "fontSize": "20px",
410
- "fontWeight": 700,
411
- "fontStyle": "normal",
412
- "lineHeight": 1.5,
413
- "letterSpacing": 0.15,
414
- "textTransform": "none"
415
- },
416
- "fontPostScriptName": "Inter-Bold"
417
- },
418
- {
419
- "name": "heading-xl",
420
- "className": "typography-heading-xl",
421
- "style": {
422
- "fontFamily": "Inter",
423
- "fontSize": "24px",
424
- "fontWeight": 700,
425
- "fontStyle": "normal",
426
- "lineHeight": 1.5,
427
- "letterSpacing": 0,
428
- "textTransform": "none"
429
- },
430
- "fontPostScriptName": "Inter-Bold"
431
- },
432
- {
433
- "name": "heading-2xl",
434
- "className": "typography-heading-2xl",
435
- "style": {
436
- "fontFamily": "Inter",
437
- "fontSize": "34px",
438
- "fontWeight": 700,
439
- "fontStyle": "normal",
440
- "lineHeight": 1.28,
441
- "letterSpacing": 0,
442
- "textTransform": "none"
443
- },
444
- "fontPostScriptName": "Inter-Bold"
445
- },
446
- {
447
- "name": "heading-3xl",
448
- "className": "typography-heading-3xl",
449
- "style": {
450
- "fontFamily": "Inter",
451
- "fontSize": "48px",
452
- "fontWeight": 700,
453
- "fontStyle": "normal",
454
- "lineHeight": 1.24,
455
- "letterSpacing": -0.48,
456
- "textTransform": "none"
457
- },
458
- "fontPostScriptName": "Inter-Bold"
459
- },
460
- {
461
- "name": "heading-4xl",
462
- "className": "typography-heading-4xl",
463
- "style": {
464
- "fontFamily": "Inter",
465
- "fontSize": "60px",
466
- "fontWeight": 700,
467
- "fontStyle": "normal",
468
- "lineHeight": 1.2,
469
- "letterSpacing": -1.5,
470
- "textTransform": "none"
471
- },
472
- "fontPostScriptName": "Inter-Bold"
473
- },
474
- {
475
- "name": "heading-5xl",
476
- "className": "typography-heading-5xl",
477
- "style": {
478
- "fontFamily": "Inter",
479
- "fontSize": "76px",
480
- "fontWeight": 700,
481
- "fontStyle": "normal",
482
- "lineHeight": 1.2,
483
- "letterSpacing": -1.98,
484
- "textTransform": "none"
485
- },
486
- "fontPostScriptName": "Inter-Bold"
487
- }
488
- ]
489
- },
490
- "elevations": {
491
- "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
492
- "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
493
- "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
494
- "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
495
- "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)"
496
- },
497
- "spacing": {
498
- "layout01": {
499
- "px": 16,
500
- "rem": 1
501
- },
502
- "layout02": {
503
- "px": 24,
504
- "rem": 1.5
505
- },
506
- "layout03": {
507
- "px": 32,
508
- "rem": 2
509
- },
510
- "layout04": {
511
- "px": 48,
512
- "rem": 3
513
- },
514
- "layout05": {
515
- "px": 64,
516
- "rem": 4
517
- },
518
- "layout06": {
519
- "px": 96,
520
- "rem": 6
521
- },
522
- "layout07": {
523
- "px": 160,
524
- "rem": 10
525
- },
526
- "spacing01": {
527
- "px": 2,
528
- "rem": 0.125
529
- },
530
- "spacing02": {
531
- "px": 4,
532
- "rem": 0.25
533
- },
534
- "spacing03": {
535
- "px": 8,
536
- "rem": 0.5
537
- },
538
- "spacing04": {
539
- "px": 12,
540
- "rem": 0.75
541
- },
542
- "spacing05": {
543
- "px": 16,
544
- "rem": 1
545
- },
546
- "spacing06": {
547
- "px": 24,
548
- "rem": 1.5
549
- },
550
- "spacing07": {
551
- "px": 32,
552
- "rem": 2
553
- },
554
- "spacing08": {
555
- "px": 40,
556
- "rem": 2.5
557
- },
558
- "spacing09": {
559
- "px": 48,
560
- "rem": 3
561
- }
562
- }
563
- }
2
+ "borderRadius": {
3
+ "default": "4px",
4
+ "full": "9999px",
5
+ "3xl": "1.5rem",
6
+ "2xl": "1rem",
7
+ "xl": "0.75rem",
8
+ "lg": "0.5rem",
9
+ "md": "0.375rem",
10
+ "sm": "0.125rem",
11
+ "none": "0px"
12
+ },
13
+ "borderWidth": {
14
+ "0": "0px",
15
+ "1": "1px",
16
+ "2": "2px",
17
+ "4": "4px",
18
+ "8": "8px",
19
+ "default": "1px"
20
+ },
21
+ "backgroundColor": {
22
+ "body": "white",
23
+ "body-intense": "#3a3a44",
24
+ "popover-content": "white",
25
+ "muted": "#f7f7fa",
26
+ "default": "#ededf0",
27
+ "intense": "#d2d2d6",
28
+ "primary": {
29
+ "muted": "#b9c5ef",
30
+ "default": "#3545be",
31
+ "intense": "#222f95",
32
+ "active": "#f3f6ff",
33
+ "hover": "#f3f6ff"
34
+ },
35
+ "info": {
36
+ "muted": "#e0f5fe",
37
+ "default": "#0399e3",
38
+ "intense": "#0174ba"
39
+ },
40
+ "success": {
41
+ "muted": "#ecf7ed",
42
+ "default": "#00b300",
43
+ "intense": "#008e00"
44
+ },
45
+ "warning": {
46
+ "muted": "#fff8ea",
47
+ "default": "#ffb300",
48
+ "intense": "#ff9003"
49
+ },
50
+ "danger": {
51
+ "muted": "#ffcbd2",
52
+ "default": "#ffadb3",
53
+ "intense": "#e62728"
54
+ },
55
+ "status": {
56
+ "announcement": "#f3f6ff",
57
+ "info": "#e0f5fe",
58
+ "warning": "#fff8ea",
59
+ "danger": "#fee8e7",
60
+ "success": "#ecf7ed"
61
+ },
62
+ "icon-button": {
63
+ "hover": "rgba(25,25,29,.05)"
564
64
  }
65
+ },
66
+ "borderColor": {
67
+ "muted": "#ededf0",
68
+ "default": "#d2d2d6",
69
+ "intense": "#787885",
70
+ "primary": {
71
+ "muted": "#818eec",
72
+ "default": "#3545be",
73
+ "intense": "#0e1652"
74
+ },
75
+ "info": {
76
+ "muted": "#28b4f4",
77
+ "default": "#0399e3",
78
+ "intense": "#0174ba"
79
+ },
80
+ "success": {
81
+ "muted": "#cbffc9",
82
+ "default": "#60db57",
83
+ "intense": "#00b300"
84
+ },
85
+ "warning": {
86
+ "muted": "#feebb2",
87
+ "default": "#ffb300",
88
+ "intense": "#ff9003"
89
+ },
90
+ "danger": {
91
+ "muted": "#ffcbd2",
92
+ "default": "#e62728",
93
+ "intense": "#c50001"
94
+ }
95
+ },
96
+ "colors": {
97
+ "white": "white",
98
+ "black": "black",
99
+ "transparent": "transparent",
100
+ "current": "currentColor",
101
+ "error": {
102
+ "0": "#fef2f1",
103
+ "5": "#fee8e7",
104
+ "10": "#ffcbd2",
105
+ "20": "#ffadb3",
106
+ "30": "#ed7975",
107
+ "40": "#e0504f",
108
+ "50": "#e62728",
109
+ "60": "#e70000",
110
+ "70": "#d80005",
111
+ "80": "#c50001",
112
+ "90": "#b90000",
113
+ "100": "#aa0000"
114
+ },
115
+ "warning": {
116
+ "0": "#fffdf9",
117
+ "5": "#fff8ea",
118
+ "10": "#fff2cd",
119
+ "20": "#feebb2",
120
+ "30": "#fddf81",
121
+ "40": "#fdd44d",
122
+ "50": "#fdc926",
123
+ "60": "#ffc107",
124
+ "70": "#ffb300",
125
+ "80": "#fd9f00",
126
+ "90": "#ff9003",
127
+ "100": "#fe6d00"
128
+ },
129
+ "success": {
130
+ "0": "#f5faf5",
131
+ "5": "#ecf7ed",
132
+ "10": "#cbffc9",
133
+ "20": "#afffa7",
134
+ "30": "#89eb80",
135
+ "40": "#60db57",
136
+ "50": "#40ce37",
137
+ "60": "#00c300",
138
+ "70": "#00b300",
139
+ "80": "#009f00",
140
+ "90": "#008e00",
141
+ "100": "#006f00"
142
+ },
143
+ "info": {
144
+ "0": "#f9fdff",
145
+ "5": "#effaff",
146
+ "10": "#e0f5fe",
147
+ "20": "#b4e5fb",
148
+ "30": "#7fd1f7",
149
+ "40": "#4cc2f7",
150
+ "50": "#28b4f4",
151
+ "60": "#02a8f3",
152
+ "70": "#0399e3",
153
+ "80": "#0788d1",
154
+ "90": "#0174ba",
155
+ "100": "#02569a"
156
+ },
157
+ "grey": {
158
+ "0": "#f7f7fa",
159
+ "5": "#ededf0",
160
+ "10": "#e1e1e3",
161
+ "20": "#d2d2d6",
162
+ "30": "#b4b4bb",
163
+ "40": "#9696a0",
164
+ "50": "#787885",
165
+ "60": "#5a5b6a",
166
+ "70": "#4a4b57",
167
+ "80": "#3a3a44",
168
+ "90": "#292a31",
169
+ "100": "#19191d"
170
+ },
171
+ "secondary": {
172
+ "0": "#fffbf8",
173
+ "5": "#fff3e8",
174
+ "10": "#fee8d0",
175
+ "20": "#f8c99c",
176
+ "30": "#fab26e",
177
+ "40": "#fb9a3e",
178
+ "50": "#fc871a",
179
+ "60": "#ff7700",
180
+ "70": "#f96a02",
181
+ "80": "#f3580d",
182
+ "90": "#eb4610",
183
+ "100": "#e11d16"
184
+ },
185
+ "primary": {
186
+ "0": "#ffffff",
187
+ "5": "#f3f6ff",
188
+ "10": "#e3e9ff",
189
+ "20": "#d5ddfa",
190
+ "30": "#c7d1f4",
191
+ "40": "#b9c5ef",
192
+ "50": "#9daaee",
193
+ "60": "#818eec",
194
+ "70": "#5865cd",
195
+ "80": "#3545be",
196
+ "90": "#222f95",
197
+ "100": "#0e1652"
198
+ }
199
+ },
200
+ "textColor": {
201
+ "inactive": "#9696a0",
202
+ "muted": "#787885",
203
+ "default": "#4a4b57",
204
+ "intense": "#292a31",
205
+ "primary": {
206
+ "inactive": "#b9c5ef",
207
+ "active": "#222f95",
208
+ "muted": "#818eec",
209
+ "default": "#5865cd",
210
+ "intense": "#3545be"
211
+ },
212
+ "info": {
213
+ "inactive": "#b4e5fb",
214
+ "muted": "#4cc2f7",
215
+ "default": "#0399e3",
216
+ "intense": "#0174ba"
217
+ },
218
+ "success": {
219
+ "inactive": "#cbffc9",
220
+ "muted": "#89eb80",
221
+ "default": "#00b300",
222
+ "intense": "#008e00"
223
+ },
224
+ "warning": {
225
+ "inactive": "#feebb2",
226
+ "muted": "#fdd44d",
227
+ "default": "#fd9f00",
228
+ "intense": "#fe6d00"
229
+ },
230
+ "danger": {
231
+ "inactive": "#ffcbd2",
232
+ "muted": "#ffadb3",
233
+ "default": "#e62728",
234
+ "intense": "#c50001"
235
+ }
236
+ },
237
+ "boxShadow": {
238
+ "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
239
+ "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
240
+ "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
241
+ "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
242
+ "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)",
243
+ "whiteInset": "inset 0 0 0 3px rgba(255,255,255,1)"
244
+ },
245
+ "elevations": {
246
+ "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
247
+ "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
248
+ "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
249
+ "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
250
+ "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)"
251
+ },
252
+ "screens": {
253
+ "default": "0px",
254
+ "xs": "320px",
255
+ "sm": "672px",
256
+ "md": "1056px",
257
+ "lg": "1312px",
258
+ "xl": "1536px"
259
+ },
260
+ "margin": {
261
+ "0": "0px",
262
+ "1": "2px",
263
+ "2": "4px",
264
+ "3": "8px",
265
+ "4": "12px",
266
+ "5": "16px",
267
+ "6": "24px",
268
+ "7": "32px",
269
+ "8": "40px",
270
+ "9": "48px",
271
+ "1px": "1px",
272
+ "l1": "16px",
273
+ "l2": "24px",
274
+ "l3": "32px",
275
+ "l4": "48px",
276
+ "l5": "64px",
277
+ "l6": "96px",
278
+ "l7": "160px"
279
+ },
280
+ "spacing": {
281
+ "0": "0px",
282
+ "1": "2px",
283
+ "2": "4px",
284
+ "3": "8px",
285
+ "4": "12px",
286
+ "5": "16px",
287
+ "6": "24px",
288
+ "7": "32px",
289
+ "8": "40px",
290
+ "9": "48px",
291
+ "1px": "1px",
292
+ "l1": "16px",
293
+ "l2": "24px",
294
+ "l3": "32px",
295
+ "l4": "48px",
296
+ "l5": "64px",
297
+ "l6": "96px",
298
+ "l7": "160px"
299
+ },
300
+ "fontSize": {
301
+ "base": "1rem",
302
+ "base-line-height": "1.5rem",
303
+ "xs": "0.75rem",
304
+ "xs-line-height": "1rem",
305
+ "sm": "0.875rem",
306
+ "sm-line-height": "1.25rem",
307
+ "lg-line-height": "1.75rem",
308
+ "lg": "1.125rem",
309
+ "xl-line-height": "1.75rem",
310
+ "xl": "1.25rem",
311
+ "2xl-line-height": "2rem",
312
+ "2xl": "1.5rem",
313
+ "3xl-line-height": "2.25rem",
314
+ "3xl": "1.875rem",
315
+ "4xl-line-height": "2.5rem",
316
+ "4xl": "2.25rem",
317
+ "5xl-line-height": "1",
318
+ "5xl": "3rem",
319
+ "6xl-line-height": "1",
320
+ "6xl": "3.75rem",
321
+ "7xl-line-height": "1",
322
+ "7xl": "4.5rem",
323
+ "8xl-line-height": "1",
324
+ "8xl": "6rem",
325
+ "9xl-line-height": "1",
326
+ "9xl": "8rem"
327
+ },
328
+ "fontFamily": {
329
+ "heading": [
330
+ "Poppins"
331
+ ],
332
+ "body": [
333
+ "Inter"
334
+ ]
335
+ },
336
+ "typography": {
337
+ "large-heading": {
338
+ "fontFamily": [
339
+ "Poppins"
340
+ ],
341
+ "fontSize": "32px",
342
+ "fontWeight": 700,
343
+ "fontStyle": "normal",
344
+ "lineHeight": 1.375,
345
+ "textTransform": "none"
346
+ },
347
+ "heading": {
348
+ "fontFamily": [
349
+ "Poppins"
350
+ ],
351
+ "fontSize": "24px",
352
+ "fontWeight": 700,
353
+ "fontStyle": "normal",
354
+ "lineHeight": 1.375,
355
+ "textTransform": "none"
356
+ },
357
+ "subheading": {
358
+ "fontFamily": [
359
+ "Poppins"
360
+ ],
361
+ "fontSize": "20px",
362
+ "fontWeight": 600,
363
+ "fontStyle": "normal",
364
+ "lineHeight": 1.375,
365
+ "textTransform": "none"
366
+ },
367
+ "large-strong": {
368
+ "fontFamily": [
369
+ "Inter"
370
+ ],
371
+ "fontSize": "20px",
372
+ "fontWeight": 600,
373
+ "fontStyle": "normal",
374
+ "lineHeight": 1.58,
375
+ "textTransform": "none"
376
+ },
377
+ "large": {
378
+ "fontFamily": [
379
+ "Inter"
380
+ ],
381
+ "fontSize": "20px",
382
+ "fontWeight": 500,
383
+ "fontStyle": "normal",
384
+ "lineHeight": 1.58,
385
+ "textTransform": "none"
386
+ },
387
+ "default-strong": {
388
+ "fontFamily": [
389
+ "Inter"
390
+ ],
391
+ "fontSize": "16px",
392
+ "fontWeight": 500,
393
+ "fontStyle": "normal",
394
+ "lineHeight": 1.5,
395
+ "textTransform": "none"
396
+ },
397
+ "default": {
398
+ "fontFamily": [
399
+ "Inter"
400
+ ],
401
+ "fontSize": "16px",
402
+ "fontWeight": 400,
403
+ "fontStyle": "normal",
404
+ "lineHeight": 1.5,
405
+ "textTransform": "none"
406
+ },
407
+ "small-strong": {
408
+ "fontFamily": [
409
+ "Inter"
410
+ ],
411
+ "fontSize": "14px",
412
+ "fontWeight": 500,
413
+ "fontStyle": "normal",
414
+ "lineHeight": 1.42,
415
+ "textTransform": "none"
416
+ },
417
+ "small": {
418
+ "fontFamily": [
419
+ "Inter"
420
+ ],
421
+ "fontSize": "14px",
422
+ "fontWeight": 400,
423
+ "fontStyle": "normal",
424
+ "lineHeight": 1.42,
425
+ "textTransform": "none"
426
+ },
427
+ "caption": {
428
+ "fontFamily": [
429
+ "Inter"
430
+ ],
431
+ "fontSize": "12px",
432
+ "fontWeight": 400,
433
+ "fontStyle": "normal",
434
+ "lineHeight": 1.26,
435
+ "textTransform": "none"
436
+ },
437
+ "caption-small": {
438
+ "fontFamily": [
439
+ "Inter"
440
+ ],
441
+ "fontSize": "10px",
442
+ "fontWeight": 400,
443
+ "fontStyle": "normal",
444
+ "lineHeight": 1.2,
445
+ "letterSpacing": 0,
446
+ "textTransform": "none"
447
+ },
448
+ "caption-default": {
449
+ "fontFamily": [
450
+ "Inter"
451
+ ],
452
+ "fontSize": "12px",
453
+ "fontWeight": 400,
454
+ "fontStyle": "normal",
455
+ "lineHeight": 1.26,
456
+ "letterSpacing": 0,
457
+ "textTransform": "none"
458
+ },
459
+ "overline-small": {
460
+ "fontFamily": [
461
+ "Inter"
462
+ ],
463
+ "fontSize": "10px",
464
+ "fontWeight": 400,
465
+ "fontStyle": "normal",
466
+ "lineHeight": 1,
467
+ "letterSpacing": 0,
468
+ "textTransform": "uppercase"
469
+ },
470
+ "overline-default": {
471
+ "fontFamily": [
472
+ "Inter"
473
+ ],
474
+ "fontSize": "12px",
475
+ "fontWeight": 400,
476
+ "fontStyle": "normal",
477
+ "lineHeight": 1,
478
+ "letterSpacing": 0,
479
+ "textTransform": "uppercase"
480
+ },
481
+ "button-small": {
482
+ "fontFamily": [
483
+ "Inter"
484
+ ],
485
+ "fontSize": "12px",
486
+ "fontWeight": 500,
487
+ "fontStyle": "normal",
488
+ "lineHeight": 1,
489
+ "letterSpacing": 0,
490
+ "textTransform": "none"
491
+ },
492
+ "button-medium": {
493
+ "fontFamily": [
494
+ "Inter"
495
+ ],
496
+ "fontSize": "14px",
497
+ "fontWeight": 400,
498
+ "fontStyle": "normal",
499
+ "lineHeight": 1,
500
+ "letterSpacing": 0,
501
+ "textTransform": "none"
502
+ },
503
+ "button-large": {
504
+ "fontFamily": [
505
+ "Inter"
506
+ ],
507
+ "fontSize": "16px",
508
+ "fontWeight": 500,
509
+ "fontStyle": "normal",
510
+ "lineHeight": 1.5,
511
+ "letterSpacing": 0,
512
+ "textTransform": "none"
513
+ },
514
+ "body-small": {
515
+ "fontFamily": [
516
+ "Inter"
517
+ ],
518
+ "fontSize": "14px",
519
+ "fontWeight": 400,
520
+ "fontStyle": "normal",
521
+ "lineHeight": 1.43,
522
+ "letterSpacing": 0,
523
+ "textTransform": "none"
524
+ },
525
+ "body-small-medium": {
526
+ "fontFamily": [
527
+ "Inter"
528
+ ],
529
+ "fontSize": "14px",
530
+ "fontWeight": 500,
531
+ "fontStyle": "normal",
532
+ "lineHeight": 1.43,
533
+ "letterSpacing": 0,
534
+ "textTransform": "none"
535
+ },
536
+ "body-default": {
537
+ "fontFamily": [
538
+ "Inter"
539
+ ],
540
+ "fontSize": "16px",
541
+ "fontWeight": 400,
542
+ "fontStyle": "normal",
543
+ "lineHeight": 1.5,
544
+ "letterSpacing": 0,
545
+ "textTransform": "none"
546
+ },
547
+ "body-default-medium": {
548
+ "fontFamily": [
549
+ "Inter"
550
+ ],
551
+ "fontSize": "16px",
552
+ "fontWeight": 500,
553
+ "fontStyle": "normal",
554
+ "lineHeight": 1.5,
555
+ "letterSpacing": 0,
556
+ "textTransform": "none"
557
+ },
558
+ "body-large": {
559
+ "fontFamily": [
560
+ "Inter"
561
+ ],
562
+ "fontSize": "20px",
563
+ "fontWeight": 400,
564
+ "fontStyle": "normal",
565
+ "lineHeight": 1.58,
566
+ "letterSpacing": 0,
567
+ "textTransform": "none"
568
+ },
569
+ "body-large-medium": {
570
+ "fontFamily": [
571
+ "Inter"
572
+ ],
573
+ "fontSize": "20px",
574
+ "fontWeight": 400,
575
+ "fontStyle": "normal",
576
+ "lineHeight": 1.2,
577
+ "letterSpacing": 0,
578
+ "textTransform": "none"
579
+ },
580
+ "heading-large": {
581
+ "fontFamily": [
582
+ "Inter"
583
+ ],
584
+ "fontSize": "20px",
585
+ "fontWeight": 700,
586
+ "fontStyle": "normal",
587
+ "lineHeight": 1.5,
588
+ "letterSpacing": 0.15,
589
+ "textTransform": "none"
590
+ },
591
+ "heading-xl": {
592
+ "fontFamily": [
593
+ "Inter"
594
+ ],
595
+ "fontSize": "24px",
596
+ "fontWeight": 700,
597
+ "fontStyle": "normal",
598
+ "lineHeight": 1.5,
599
+ "letterSpacing": 0,
600
+ "textTransform": "none"
601
+ },
602
+ "heading-2xl": {
603
+ "fontFamily": [
604
+ "Inter"
605
+ ],
606
+ "fontSize": "34px",
607
+ "fontWeight": 700,
608
+ "fontStyle": "normal",
609
+ "lineHeight": 1.28,
610
+ "letterSpacing": 0,
611
+ "textTransform": "none"
612
+ },
613
+ "heading-3xl": {
614
+ "fontFamily": [
615
+ "Inter"
616
+ ],
617
+ "fontSize": "48px",
618
+ "fontWeight": 700,
619
+ "fontStyle": "normal",
620
+ "lineHeight": 1.24,
621
+ "letterSpacing": -0.48,
622
+ "textTransform": "none"
623
+ },
624
+ "heading-4xl": {
625
+ "fontFamily": [
626
+ "Inter"
627
+ ],
628
+ "fontSize": "60px",
629
+ "fontWeight": 700,
630
+ "fontStyle": "normal",
631
+ "lineHeight": 1.2,
632
+ "letterSpacing": -1.5,
633
+ "textTransform": "none"
634
+ },
635
+ "heading-5xl": {
636
+ "fontFamily": [
637
+ "Inter"
638
+ ],
639
+ "fontSize": "76px",
640
+ "fontWeight": 700,
641
+ "fontStyle": "normal",
642
+ "lineHeight": 1.2,
643
+ "letterSpacing": -1.98,
644
+ "textTransform": "none"
645
+ }
646
+ }
565
647
  }