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