@aurodesignsystem/design-tokens 5.5.0 → 5.6.1

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 (79) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/CSSCustomProperties--bundled.css +805 -153
  3. package/dist/alaska/CSSCustomProperties--alaska.css +415 -88
  4. package/dist/alaska/JSONVariablesNested--alaska.json +636 -133
  5. package/dist/alaska/JSObject--allTokens.js +14129 -2689
  6. package/dist/alaska/SCSSVariables--alaska.scss +415 -88
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +415 -88
  8. package/dist/alaska/primitives--alaska.scss +35 -34
  9. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  13. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  14. package/dist/auro-classic/JSVariables--color.js +1 -1
  15. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  16. package/dist/auro-classic/SCSSVariables.scss +1 -1
  17. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  18. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  19. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +391 -66
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +614 -93
  22. package/dist/hawaiian/JSObject--allTokens.js +13996 -2622
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +391 -66
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +392 -67
  25. package/dist/hawaiian/primitives--hawaiian.scss +25 -24
  26. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  27. package/package.json +6 -6
  28. package/src/primitives/alaska/color.json +456 -456
  29. package/src/primitives/alaska/font.json +9 -9
  30. package/src/primitives/base/color.json +284 -284
  31. package/src/primitives/base/font.json +186 -175
  32. package/src/primitives/base/transparency.json +108 -108
  33. package/src/primitives/hawaiian/color.json +287 -287
  34. package/src/primitives/hawaiian/font.json +9 -9
  35. package/src/themes/alaska/advanced/accents.json +104 -0
  36. package/src/themes/alaska/advanced/boolean.json +134 -128
  37. package/src/themes/alaska/advanced/button/primary.json +146 -0
  38. package/src/themes/alaska/advanced/button/secondary.json +106 -0
  39. package/src/themes/alaska/advanced/button/tertiary.json +98 -0
  40. package/src/themes/alaska/advanced/hyperlink.json +19 -43
  41. package/src/themes/alaska/advanced/shared.json +30 -30
  42. package/src/themes/alaska/advanced/state.json +60 -60
  43. package/src/themes/alaska/basic/color/border.json +43 -45
  44. package/src/themes/alaska/basic/color/brand.json +61 -61
  45. package/src/themes/alaska/basic/color/fare-brand.json +44 -44
  46. package/src/themes/alaska/basic/color/page-background.json +9 -9
  47. package/src/themes/alaska/basic/color/status.json +36 -37
  48. package/src/themes/alaska/basic/color/surface.json +72 -80
  49. package/src/themes/alaska/basic/color/text-icon.json +37 -77
  50. package/src/themes/alaska/basic/corner-radius.json +15 -15
  51. package/src/themes/alaska/basic/font/accent.json +847 -217
  52. package/src/themes/alaska/basic/font/body.json +203 -48
  53. package/src/themes/alaska/basic/font/display.json +727 -187
  54. package/src/themes/alaska/basic/font/heading.json +725 -182
  55. package/src/themes/alaska-classic/typography.json +124 -124
  56. package/src/themes/hawaiian/advanced/accents.json +104 -0
  57. package/src/themes/hawaiian/advanced/boolean.json +134 -128
  58. package/src/themes/hawaiian/advanced/button/primary.json +146 -0
  59. package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
  60. package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
  61. package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
  62. package/src/themes/hawaiian/advanced/shared.json +30 -30
  63. package/src/themes/hawaiian/advanced/state.json +60 -60
  64. package/src/themes/hawaiian/basic/color/border.json +28 -29
  65. package/src/themes/hawaiian/basic/color/brand.json +48 -49
  66. package/src/themes/hawaiian/basic/color/fare-brand.json +41 -42
  67. package/src/themes/hawaiian/basic/color/page-background.json +8 -9
  68. package/src/themes/hawaiian/basic/color/status.json +36 -37
  69. package/src/themes/hawaiian/basic/color/surface.json +40 -41
  70. package/src/themes/hawaiian/basic/color/text-icon.json +37 -39
  71. package/src/themes/hawaiian/basic/corner-radius.json +30 -0
  72. package/src/themes/hawaiian/basic/font/accent.json +846 -216
  73. package/src/themes/hawaiian/basic/font/body.json +202 -47
  74. package/src/themes/hawaiian/basic/font/display.json +788 -0
  75. package/src/themes/hawaiian/basic/font/heading.json +724 -184
  76. package/src/themes/alaska/advanced/button.json +0 -262
  77. package/src/themes/hawaiian/advanced/button.json +0 -334
  78. package/src/themes/hawaiian/basic/color/color.json +0 -57
  79. package/src/themes/hawaiian/basic/font/typography.json +0 -248
@@ -1,113 +1,109 @@
1
1
  {
2
2
  "advanced": {
3
3
  "color": {
4
- "boolean": {
5
- "indicator": {
6
- "default": "#ffffff",
7
- "inverse": "#463c8f"
8
- },
9
- "isFalse": {
10
- "default": "#ffffff",
11
- "hover": "#f2f2f2",
12
- "border": "#adadad",
13
- "inverse": "#ffffff0d",
14
- "inverseHover": "#f2f2f2",
15
- "borderInverse": "#ffffff"
16
- },
17
- "isTrue": {
18
- "default": "#463c8f",
19
- "hover": "#31295c",
20
- "inverse": "#ffffff",
21
- "inverseHover": "#ffffffb2"
22
- },
23
- "error": {
24
- "default": "#e53339",
25
- "hover": "#b1161c"
26
- },
27
- "disabled": {
28
- "inverse": "#b1161c"
29
- }
30
- },
31
4
  "button": {
32
5
  "primary": {
33
- "text": "#ffffff",
34
- "border": "#463c8f",
35
- "borderHover": "#31295c",
36
- "borderDisabled": "#aca1cc",
37
6
  "background": "#463c8f",
38
- "backgroundHover": "#31295c",
39
7
  "backgroundActive": "#31295c",
40
8
  "backgroundDisabled": "#aca1cc",
9
+ "backgroundHover": "#31295c",
41
10
  "backgroundInactive": "#ccc5e0",
42
11
  "backgroundInactiveHover": "#8c7eb8",
43
- "textInverse": "#463c8f",
12
+ "backgroundInverse": "#ffffff",
13
+ "backgroundInverseDisabled": "#ffffffbf",
14
+ "backgroundInverseHover": "#edeaf4",
15
+ "border": "#463c8f",
16
+ "borderDisabled": "#aca1cc",
17
+ "borderHover": "#31295c",
44
18
  "borderInverse": "#ffffff",
45
19
  "borderInverseDisabled": "#ffffffbf",
46
- "backgroundInverse": "#ffffff",
47
20
  "borderInverseHover": "#edeaf4",
48
- "backgroundInverseHover": "#edeaf4",
49
- "backgroundInverseDisabled": "#ffffffbf"
21
+ "text": "#ffffff",
22
+ "textInverse": "#463c8f"
50
23
  },
51
24
  "secondary": {
52
- "text": "#463c8f",
53
- "textHover": "#31295c",
54
- "border": "#d0d0d0",
55
- "borderHover": "#d0d0d0",
56
- "borderHoverDisabled": "#f7f7f7",
57
25
  "background": "#ffffff",
58
26
  "backgroundDisabled": "#f7f7f7",
59
27
  "backgroundHover": "#f2f2f2",
60
- "textInverse": "#ffffff",
28
+ "backgroundInverseHover": "#0000000d",
29
+ "border": "#d0d0d0",
30
+ "borderHover": "#d0d0d0",
31
+ "borderHoverDisabled": "#f7f7f7",
61
32
  "borderInverse": "#ffffff",
62
33
  "borderInverseDisabled": "#dddddd",
63
- "backgroundInverseHover": "#0000000d"
64
- },
65
- "tertiary": {
66
34
  "text": "#463c8f",
67
35
  "textHover": "#31295c",
36
+ "textInverse": "#ffffff"
37
+ },
38
+ "tertiary": {
68
39
  "background": "#0000000d",
69
40
  "backgroundHover": "#0000001a",
70
- "border": "#0000000d",
71
- "borderHover": "#0000001a",
72
- "textInverse": "#ffffff",
73
41
  "backgroundInverse": "#ffffff0d",
74
42
  "backgroundInverseHover": "#ffffffe6",
43
+ "border": "#0000000d",
44
+ "borderHover": "#0000001a",
75
45
  "borderInverse": "#ffffff0d",
76
- "borderInverseHover": "#ffffffe6"
46
+ "borderInverseHover": "#ffffffe6",
47
+ "text": "#463c8f",
48
+ "textHover": "#31295c",
49
+ "textInverse": "#ffffff"
77
50
  }
78
51
  },
52
+ "accents": {
53
+ "accent1": "#8ec891",
54
+ "accent1Bold": "#5db060",
55
+ "accent1Muted": "#d2e9d4",
56
+ "accent2": "#edb97d",
57
+ "accent2Bold": "#e39131",
58
+ "accent2Muted": "#f6dbbc",
59
+ "accent3": "#ccc5e0",
60
+ "accent3Bold": "#463c8f",
61
+ "accent3Muted": "#ccc5e0",
62
+ "accent4": "#a8d6df",
63
+ "accent4Bold": "#00a5ba",
64
+ "accent4Muted": "#cbe6ec"
65
+ },
66
+ "boolean": {
67
+ "disabledInverse": "#aca1cc",
68
+ "error": "#e53339",
69
+ "errorHover": "#b1161c",
70
+ "errorInverse": "#f9a4a8",
71
+ "errorInverseHover": "#f15f65",
72
+ "indicator": "#ffffff",
73
+ "indicatorInverse": "#463c8f",
74
+ "isfalse": "#ffffff",
75
+ "isfalseBorder": "#adadad",
76
+ "isfalseBorderInverse": "#ffffff",
77
+ "isfalseHover": "#f2f2f2",
78
+ "isfalseInverse": "#ffffff0d",
79
+ "isfalseInverseHover": "#f2f2f2",
80
+ "istrue": "#463c8f",
81
+ "istrueHover": "#31295c",
82
+ "istrueInverse": "#ffffff",
83
+ "istrueInverseHover": "#ffffffb2"
84
+ },
79
85
  "hyperlink": {
80
- "default": "#463c8f",
81
- "hover": "#31295c",
82
- "active": "#31295c",
83
- "visited": "#edeaf4",
84
- "disabled": "#adadad",
85
- "inverse": "#ffffff",
86
- "inverseHover": "#edeaf4"
86
+ "text": "#463c8f",
87
+ "textHover": "#31295c",
88
+ "textInverse": "#ffffff",
89
+ "textInverseHover": "#ffffff"
87
90
  },
88
- "background": {
89
- "default": "#ffffff",
90
- "muted": "#f7f7f7",
91
- "strong": "#7e7e7e",
92
- "inverse": "#ffffff0d"
91
+ "shared": {
92
+ "background": "#ffffff",
93
+ "backgroundInverse": "#ffffff0d",
94
+ "backgroundMuted": "#f7f7f7",
95
+ "backgroundStrong": "#7e7e7e",
96
+ "textAccent": "#463c8f"
93
97
  },
94
- "textAccent": "#463c8f",
95
98
  "state": {
96
- "focused": {
97
- "default": "#463c8f",
98
- "inverse": "#ffffff"
99
- },
100
- "selected": {
101
- "default": "#463c8f",
102
- "hover": "#31295c"
103
- },
104
- "background": {
105
- "hover": "#f2f2f2",
106
- "disabled": "#dddddd",
107
- "inverse": {
108
- "hover": "#ffffff1a"
109
- }
110
- }
99
+ "backgroundDisabled": "#dddddd",
100
+ "backgroundHover": "#f2f2f2",
101
+ "backgroundInverseHover": "#ffffff1a",
102
+ "errorInverse": "#f9a4a8",
103
+ "focused": "#463c8f",
104
+ "focusedInverse": "#ffffff",
105
+ "selected": "#463c8f",
106
+ "selectedHover": "#31295c"
111
107
  }
112
108
  }
113
109
  },
@@ -136,25 +132,17 @@
136
132
  "tertiaryMuted": "#ffeeea",
137
133
  "tertiarySubtle": "#ff9080"
138
134
  },
139
- "texticon": {
140
- "accent1": "#463c8f",
141
- "default": "#000000",
142
- "disabled": "#d0d0d0",
143
- "inverse": "#ffffff",
144
- "inverseDisabled": "#d0d0d0",
145
- "muted": "#3d3d3d"
146
- },
147
135
  "fare": {
148
136
  "basiceconomy": "#d0d0d0",
149
- "businessfirst": "#463c8f",
137
+ "business": "#463c8f",
150
138
  "economy": "#ce0c88",
151
139
  "first": "#463c8f",
152
- "premiumeconomy": "#1b6976",
153
140
  "oneworld": {
154
141
  "emerald": "#139142",
155
- "sapphire": "#015daa",
156
- "ruby": "#a41d4a"
157
- }
142
+ "ruby": "#a41d4a",
143
+ "sapphire": "#015daa"
144
+ },
145
+ "premiumeconomy": "#1b6976"
158
146
  },
159
147
  "pageBackground": {
160
148
  "default": "#ffffff",
@@ -163,13 +151,13 @@
163
151
  "status": {
164
152
  "default": "#afb9c6",
165
153
  "error": "#e53339",
166
- "errorSubtle": "#fddede",
154
+ "errorSubtle": "#fbc6c6",
167
155
  "info": "#007db1",
168
156
  "infoSubtle": "#e8f2f8",
169
157
  "success": "#529325",
170
- "successSubtle": "#e4f1da",
158
+ "successSubtle": "#d6eac7",
171
159
  "warning": "#fac200",
172
- "warningSubtle": "#fff6d1"
160
+ "warningSubtle": "#fff0b2"
173
161
  },
174
162
  "surface": {
175
163
  "accent1": "#aca1cc",
@@ -182,7 +170,540 @@
182
170
  "inverseSubtle": "#8c7eb8",
183
171
  "neutralMedium": "#dddddd",
184
172
  "neutralSubtle": "#f7f7f7"
173
+ },
174
+ "texticon": {
175
+ "accent1": "#463c8f",
176
+ "default": "#000000",
177
+ "disabled": "#d0d0d0",
178
+ "disabledInverse": "#7e8894",
179
+ "inverse": "#ffffff",
180
+ "muted": "#3d3d3d"
181
+ }
182
+ },
183
+ "text": {
184
+ "accent": {
185
+ "lg": {
186
+ "breakpoint": {
187
+ "lg": {
188
+ "fontFamily": "Slate Pro",
189
+ "fontSize": "28px",
190
+ "fontWeight": "Regular",
191
+ "letterSpacing": ".05em",
192
+ "lineHeight": "130%"
193
+ },
194
+ "md": {
195
+ "fontFamily": "Slate Pro",
196
+ "fontSize": "26px",
197
+ "fontWeight": "Regular",
198
+ "letterSpacing": ".05em",
199
+ "lineHeight": "130%"
200
+ },
201
+ "sm": {
202
+ "fontFamily": "Slate Pro",
203
+ "fontSize": "24px",
204
+ "fontWeight": "Regular",
205
+ "letterSpacing": ".05em",
206
+ "lineHeight": "130%"
207
+ }
208
+ }
209
+ },
210
+ "md": {
211
+ "breakpoint": {
212
+ "lg": {
213
+ "fontFamily": "Slate Pro",
214
+ "fontSize": "24px",
215
+ "fontWeight": "Medium",
216
+ "letterSpacing": ".05em",
217
+ "lineHeight": "130%"
218
+ },
219
+ "md": {
220
+ "fontFamily": "Slate Pro",
221
+ "fontSize": "22px",
222
+ "fontWeight": "Medium",
223
+ "letterSpacing": ".05em",
224
+ "lineHeight": "130%"
225
+ },
226
+ "sm": {
227
+ "fontFamily": "Slate Pro",
228
+ "fontSize": "22px",
229
+ "fontWeight": "Medium",
230
+ "letterSpacing": ".05em",
231
+ "lineHeight": "130%"
232
+ }
233
+ }
234
+ },
235
+ "sm": {
236
+ "breakpoint": {
237
+ "lg": {
238
+ "fontFamily": "Slate Pro",
239
+ "fontSize": "20px",
240
+ "fontWeight": "Medium",
241
+ "letterSpacing": ".05em",
242
+ "lineHeight": "130%"
243
+ },
244
+ "md": {
245
+ "fontFamily": "Slate Pro",
246
+ "fontSize": "18px",
247
+ "fontWeight": "Medium",
248
+ "letterSpacing": ".05em",
249
+ "lineHeight": "130%"
250
+ },
251
+ "sm": {
252
+ "fontFamily": "Slate Pro",
253
+ "fontSize": "18px",
254
+ "fontWeight": "Medium",
255
+ "letterSpacing": ".05em",
256
+ "lineHeight": "130%"
257
+ }
258
+ }
259
+ },
260
+ "xl": {
261
+ "breakpoint": {
262
+ "lg": {
263
+ "fontFamily": "Slate Pro",
264
+ "fontSize": "32px",
265
+ "fontWeight": "Regular",
266
+ "letterSpacing": ".05em",
267
+ "lineHeight": "130%"
268
+ },
269
+ "md": {
270
+ "fontFamily": "Slate Pro",
271
+ "fontSize": "28px",
272
+ "fontWeight": "Regular",
273
+ "letterSpacing": ".05em",
274
+ "lineHeight": "130%"
275
+ },
276
+ "sm": {
277
+ "fontFamily": "Slate Pro",
278
+ "fontSize": "26px",
279
+ "fontWeight": "Regular",
280
+ "letterSpacing": ".05em",
281
+ "lineHeight": "130%"
282
+ }
283
+ }
284
+ },
285
+ "xs": {
286
+ "breakpoint": {
287
+ "lg": {
288
+ "fontFamily": "Slate Pro",
289
+ "fontSize": "16px",
290
+ "fontWeight": "Medium",
291
+ "letterSpacing": ".10em",
292
+ "lineHeight": "130%"
293
+ },
294
+ "md": {
295
+ "fontFamily": "Slate Pro",
296
+ "fontSize": "16px",
297
+ "fontWeight": "Medium",
298
+ "letterSpacing": ".10em",
299
+ "lineHeight": "130%"
300
+ },
301
+ "sm": {
302
+ "fontFamily": "Slate Pro",
303
+ "fontSize": "16px",
304
+ "fontWeight": "Medium",
305
+ "letterSpacing": ".10em",
306
+ "lineHeight": "130%"
307
+ }
308
+ }
309
+ },
310
+ "xxl": {
311
+ "breakpoint": {
312
+ "lg": {
313
+ "fontFamily": "Slate Pro",
314
+ "fontSize": "38px",
315
+ "fontWeight": "Regular",
316
+ "letterSpacing": ".05em",
317
+ "lineHeight": "100%"
318
+ },
319
+ "md": {
320
+ "fontFamily": "Slate Pro",
321
+ "fontSize": "38px",
322
+ "fontWeight": "Regular",
323
+ "letterSpacing": ".05em",
324
+ "lineHeight": "100%"
325
+ },
326
+ "sm": {
327
+ "fontFamily": "Slate Pro",
328
+ "fontSize": "32px",
329
+ "fontWeight": "Regular",
330
+ "letterSpacing": ".05em",
331
+ "lineHeight": "100%"
332
+ }
333
+ }
334
+ },
335
+ "xxs": {
336
+ "breakpoint": {
337
+ "lg": {
338
+ "fontFamily": "Slate Pro",
339
+ "fontSize": "14px",
340
+ "fontWeight": "Regular",
341
+ "letterSpacing": ".10em",
342
+ "lineHeight": "130%"
343
+ },
344
+ "md": {
345
+ "fontFamily": "Slate Pro",
346
+ "fontSize": "14px",
347
+ "fontWeight": "Regular",
348
+ "letterSpacing": ".10em",
349
+ "lineHeight": "130%"
350
+ },
351
+ "sm": {
352
+ "fontFamily": "Slate Pro",
353
+ "fontSize": "14px",
354
+ "fontWeight": "Regular",
355
+ "letterSpacing": ".10em",
356
+ "lineHeight": "130%"
357
+ }
358
+ }
359
+ }
360
+ },
361
+ "body": {
362
+ "default": {
363
+ "fontFamily": "Slate Pro",
364
+ "fontSize": "16px",
365
+ "fontWeight": "Regular",
366
+ "letterSpacing": "0",
367
+ "lineHeight": "24px"
368
+ },
369
+ "lg": {
370
+ "fontFamily": "Slate Pro",
371
+ "fontSize": "18px",
372
+ "fontWeight": "Regular",
373
+ "letterSpacing": "0",
374
+ "lineHeight": "26px"
375
+ },
376
+ "sm": {
377
+ "fontFamily": "Slate Pro",
378
+ "fontSize": "14px",
379
+ "fontWeight": "Regular",
380
+ "letterSpacing": "0",
381
+ "lineHeight": "20px"
382
+ },
383
+ "xs": {
384
+ "fontFamily": "Slate Pro",
385
+ "fontSize": "12px",
386
+ "fontWeight": "Regular",
387
+ "letterSpacing": "0",
388
+ "lineHeight": "16px"
389
+ },
390
+ "xxs": {
391
+ "fontFamily": "Slate Pro",
392
+ "fontSize": "10px",
393
+ "fontWeight": "Regular",
394
+ "letterSpacing": "0",
395
+ "lineHeight": "14px"
396
+ }
397
+ },
398
+ "display": {
399
+ "lg": {
400
+ "breakpoint": {
401
+ "lg": {
402
+ "fontFamily": "Chronicle Display",
403
+ "fontSize": "64px",
404
+ "fontWeight": "Semibold",
405
+ "letterSpacing": "0",
406
+ "lineHeight": "130%"
407
+ },
408
+ "md": {
409
+ "fontFamily": "Chronicle Display",
410
+ "fontSize": "56px",
411
+ "fontWeight": "Semibold",
412
+ "letterSpacing": "0",
413
+ "lineHeight": "130%"
414
+ },
415
+ "sm": {
416
+ "fontFamily": "Chronicle Display",
417
+ "fontSize": "44px",
418
+ "fontWeight": "Semibold",
419
+ "letterSpacing": "0",
420
+ "lineHeight": "130%"
421
+ }
422
+ }
423
+ },
424
+ "md": {
425
+ "breakpoint": {
426
+ "lg": {
427
+ "fontFamily": "Chronicle Display",
428
+ "fontSize": "56px",
429
+ "fontWeight": "Semibold",
430
+ "letterSpacing": "0",
431
+ "lineHeight": "130%"
432
+ },
433
+ "md": {
434
+ "fontFamily": "Chronicle Display",
435
+ "fontSize": "48px",
436
+ "fontWeight": "Semibold",
437
+ "letterSpacing": "0",
438
+ "lineHeight": "130%"
439
+ },
440
+ "sm": {
441
+ "fontFamily": "Chronicle Display",
442
+ "fontSize": "40px",
443
+ "fontWeight": "Semibold",
444
+ "letterSpacing": "0",
445
+ "lineHeight": "130%"
446
+ }
447
+ }
448
+ },
449
+ "sm": {
450
+ "breakpoint": {
451
+ "lg": {
452
+ "fontFamily": "Chronicle Display",
453
+ "fontSize": "48px",
454
+ "fontWeight": "Semibold",
455
+ "letterSpacing": "0",
456
+ "lineHeight": "130%"
457
+ },
458
+ "md": {
459
+ "fontFamily": "Chronicle Display",
460
+ "fontSize": "44px",
461
+ "fontWeight": "Semibold",
462
+ "letterSpacing": "0",
463
+ "lineHeight": "130%"
464
+ },
465
+ "sm": {
466
+ "fontFamily": "Chronicle Display",
467
+ "fontSize": "32px",
468
+ "fontWeight": "Semibold",
469
+ "letterSpacing": "0",
470
+ "lineHeight": "130%"
471
+ }
472
+ }
473
+ },
474
+ "xl": {
475
+ "breakpoint": {
476
+ "lg": {
477
+ "fontFamily": "Chronicle Display",
478
+ "fontSize": "72px",
479
+ "fontWeight": "Semibold",
480
+ "letterSpacing": "0",
481
+ "lineHeight": "130%"
482
+ },
483
+ "md": {
484
+ "fontFamily": "Chronicle Display",
485
+ "fontSize": "64px",
486
+ "fontWeight": "Semibold",
487
+ "letterSpacing": "0",
488
+ "lineHeight": "130%"
489
+ },
490
+ "sm": {
491
+ "fontFamily": "Chronicle Display",
492
+ "fontSize": "48px",
493
+ "fontWeight": "Semibold",
494
+ "letterSpacing": "0",
495
+ "lineHeight": "130%"
496
+ }
497
+ }
498
+ },
499
+ "xs": {
500
+ "breakpoint": {
501
+ "lg": {
502
+ "fontFamily": "Chronicle Display",
503
+ "fontSize": "38px",
504
+ "fontWeight": "Semibold",
505
+ "letterSpacing": "0",
506
+ "lineHeight": "130%"
507
+ },
508
+ "md": {
509
+ "fontFamily": "Chronicle Display",
510
+ "fontSize": "36px",
511
+ "fontWeight": "Semibold",
512
+ "letterSpacing": "0",
513
+ "lineHeight": "130%"
514
+ },
515
+ "sm": {
516
+ "fontFamily": "Chronicle Display",
517
+ "fontSize": "28px",
518
+ "fontWeight": "Semibold",
519
+ "letterSpacing": "0",
520
+ "lineHeight": "130%"
521
+ }
522
+ }
523
+ },
524
+ "xxl": {
525
+ "breakpoint": {
526
+ "lg": {
527
+ "fontFamily": "Chronicle Display",
528
+ "fontSize": "86px",
529
+ "fontWeight": "Semibold",
530
+ "letterSpacing": "0",
531
+ "lineHeight": "130%"
532
+ },
533
+ "md": {
534
+ "fontFamily": "Chronicle Display",
535
+ "fontSize": "72px",
536
+ "fontWeight": "Semibold",
537
+ "letterSpacing": "0",
538
+ "lineHeight": "130%"
539
+ },
540
+ "sm": {
541
+ "fontFamily": "Chronicle Display",
542
+ "fontSize": "56px",
543
+ "fontWeight": "Semibold",
544
+ "letterSpacing": "0",
545
+ "lineHeight": "130%"
546
+ }
547
+ }
548
+ }
549
+ },
550
+ "heading": {
551
+ "lg": {
552
+ "breakpoint": {
553
+ "lg": {
554
+ "fontFamily": "Slate Pro",
555
+ "fontSize": "36px",
556
+ "fontWeight": "Regular",
557
+ "letterSpacing": "0",
558
+ "lineHeight": "130%"
559
+ },
560
+ "md": {
561
+ "fontFamily": "Slate Pro",
562
+ "fontSize": "32px",
563
+ "fontWeight": "Regular",
564
+ "letterSpacing": "0",
565
+ "lineHeight": "130%"
566
+ },
567
+ "sm": {
568
+ "fontFamily": "Slate Pro",
569
+ "fontSize": "28px",
570
+ "fontWeight": "Regular",
571
+ "letterSpacing": "0",
572
+ "lineHeight": "130%"
573
+ }
574
+ }
575
+ },
576
+ "md": {
577
+ "breakpoint": {
578
+ "lg": {
579
+ "fontFamily": "Slate Pro",
580
+ "fontSize": "28px",
581
+ "fontWeight": "Medium",
582
+ "letterSpacing": "0",
583
+ "lineHeight": "130%"
584
+ },
585
+ "md": {
586
+ "fontFamily": "Slate Pro",
587
+ "fontSize": "28px",
588
+ "fontWeight": "Medium",
589
+ "letterSpacing": "0",
590
+ "lineHeight": "130%"
591
+ },
592
+ "sm": {
593
+ "fontFamily": "Slate Pro",
594
+ "fontSize": "26px",
595
+ "fontWeight": "Medium",
596
+ "letterSpacing": "0",
597
+ "lineHeight": "130%"
598
+ }
599
+ }
600
+ },
601
+ "sm": {
602
+ "breakpoint": {
603
+ "lg": {
604
+ "fontFamily": "Slate Pro",
605
+ "fontSize": "24px",
606
+ "fontWeight": "Medium",
607
+ "letterSpacing": "0",
608
+ "lineHeight": "130%"
609
+ },
610
+ "md": {
611
+ "fontFamily": "Slate Pro",
612
+ "fontSize": "24px",
613
+ "fontWeight": "Medium",
614
+ "letterSpacing": "0",
615
+ "lineHeight": "130%"
616
+ },
617
+ "sm": {
618
+ "fontFamily": "Slate Pro",
619
+ "fontSize": "22px",
620
+ "fontWeight": "Medium",
621
+ "letterSpacing": "0",
622
+ "lineHeight": "130%"
623
+ }
624
+ }
625
+ },
626
+ "xl": {
627
+ "breakpoint": {
628
+ "lg": {
629
+ "fontFamily": "Slate Pro",
630
+ "fontSize": "40px",
631
+ "fontWeight": "Regular",
632
+ "letterSpacing": "0",
633
+ "lineHeight": "130%"
634
+ },
635
+ "md": {
636
+ "fontFamily": "Slate Pro",
637
+ "fontSize": "36px",
638
+ "fontWeight": "Regular",
639
+ "letterSpacing": "0",
640
+ "lineHeight": "130%"
641
+ },
642
+ "sm": {
643
+ "fontFamily": "Slate Pro",
644
+ "fontSize": "32px",
645
+ "fontWeight": "Regular",
646
+ "letterSpacing": "0",
647
+ "lineHeight": "130%"
648
+ }
649
+ }
650
+ },
651
+ "xs": {
652
+ "breakpoint": {
653
+ "lg": {
654
+ "fontFamily": "Slate Pro",
655
+ "fontSize": "20px",
656
+ "fontWeight": "Medium",
657
+ "letterSpacing": "0",
658
+ "lineHeight": "130%"
659
+ },
660
+ "md": {
661
+ "fontFamily": "Slate Pro",
662
+ "fontSize": "20px",
663
+ "fontWeight": "Medium",
664
+ "letterSpacing": "0",
665
+ "lineHeight": "130%"
666
+ },
667
+ "sm": {
668
+ "fontFamily": "Slate Pro",
669
+ "fontSize": "20px",
670
+ "fontWeight": "Medium",
671
+ "letterSpacing": "0",
672
+ "lineHeight": "130%"
673
+ }
674
+ }
675
+ },
676
+ "xxs": {
677
+ "breakpoint": {
678
+ "lg": {
679
+ "fontFamily": "Slate Pro",
680
+ "fontSize": "18px",
681
+ "fontWeight": "Medium",
682
+ "letterSpacing": "0",
683
+ "lineHeight": "130%"
684
+ },
685
+ "md": {
686
+ "fontFamily": "Slate Pro",
687
+ "fontSize": "18px",
688
+ "fontWeight": "Medium",
689
+ "letterSpacing": "0",
690
+ "lineHeight": "130%"
691
+ },
692
+ "sm": {
693
+ "fontFamily": "Slate Pro",
694
+ "fontSize": "18px",
695
+ "fontWeight": "Medium",
696
+ "letterSpacing": "0",
697
+ "lineHeight": "130%"
698
+ }
699
+ }
700
+ }
185
701
  }
702
+ },
703
+ "cornerRadius": {
704
+ "large": "24px",
705
+ "medium": "16px",
706
+ "small": "4px"
186
707
  }
187
708
  }
188
709
  }