@aurodesignsystem/design-tokens 5.5.0 → 5.6.0

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