@aurodesignsystem/design-tokens 5.15.1 → 6.0.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 (113) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/README.md +2 -2
  3. package/dist/CSSCustomProperties--bundled.css +426 -1796
  4. package/dist/CSSCustomProperties--bundled.min.css +1 -1
  5. package/dist/alaska/CSSCustomProperties--alaska.css +113 -387
  6. package/dist/alaska/CSSCustomProperties--alaska.min.css +1 -1
  7. package/dist/alaska/JSONVariablesNested--alaska.json +150 -624
  8. package/dist/alaska/JSObject--allTokens.js +4689 -14093
  9. package/dist/alaska/SCSSVariables--alaska.scss +113 -387
  10. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +114 -388
  11. package/dist/alaska/primitives--alaska.scss +1 -40
  12. package/dist/alaska-classic/CSSCustomProperties--alaskaclassic.css +217 -0
  13. package/dist/alaska-classic/CSSCustomProperties--alaskaclassic.min.css +1 -0
  14. package/dist/alaska-classic/JSONVariablesNested--alaskaclassic.json +280 -0
  15. package/dist/alaska-classic/JSObject--allTokens.js +4689 -14093
  16. package/dist/alaska-classic/SCSSVariables--alaskaclassic.scss +214 -0
  17. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaclassic.scss +218 -0
  18. package/dist/alaska-classic/{primitives--alaskaClassic.scss → primitives--alaskaclassic.scss} +1 -40
  19. package/dist/auro-1/CSSCustomProperties--auro1.css +116 -390
  20. package/dist/auro-1/CSSCustomProperties--auro1.min.css +1 -1
  21. package/dist/auro-1/JSONVariablesNested--auro1.json +153 -627
  22. package/dist/auro-1/JSObject--allTokens.js +4687 -14091
  23. package/dist/auro-1/SCSSVariables--auro1.scss +116 -390
  24. package/dist/auro-1/SCSSVariablesMapFlat--auro1.scss +117 -391
  25. package/dist/auro-1/primitives--auro1.scss +1 -40
  26. package/dist/auro-2/CSSCustomProperties--auro2.css +116 -390
  27. package/dist/auro-2/CSSCustomProperties--auro2.min.css +1 -1
  28. package/dist/auro-2/JSONVariablesNested--auro2.json +153 -627
  29. package/dist/auro-2/JSObject--allTokens.js +4688 -14092
  30. package/dist/auro-2/SCSSVariables--auro2.scss +116 -390
  31. package/dist/auro-2/SCSSVariablesMapFlat--auro2.scss +117 -391
  32. package/dist/auro-2/primitives--auro2.scss +1 -40
  33. package/dist/auro-classic/CSSCustomProperties.css +14 -14
  34. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  35. package/dist/auro-classic/JSData--color.js +1 -1
  36. package/dist/auro-classic/JSONVariablesFlat.json +13 -13
  37. package/dist/auro-classic/JSONVariablesNested.json +13 -13
  38. package/dist/auro-classic/JSObject--allTokens.js +5 -5
  39. package/dist/auro-classic/JSObject--deprecated.js +5 -5
  40. package/dist/auro-classic/JSVariables--color.js +1 -1
  41. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  42. package/dist/auro-classic/SCSSVariables.scss +14 -14
  43. package/dist/auro-classic/SCSSVariablesMapFlat.scss +14 -14
  44. package/dist/auro-classic/SassCustomProperties.scss +14 -14
  45. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  46. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +113 -387
  47. package/dist/hawaiian/CSSCustomProperties--hawaiian.min.css +1 -1
  48. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +150 -624
  49. package/dist/hawaiian/JSObject--allTokens.js +4689 -14093
  50. package/dist/hawaiian/SCSSVariables--hawaiian.scss +113 -387
  51. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +114 -388
  52. package/dist/hawaiian/primitives--hawaiian.scss +1 -40
  53. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  54. package/package.json +2 -2
  55. package/packageScripts/postinstall.mjs +9 -7
  56. package/src/config/cssnano.js +3 -0
  57. package/src/config/themes.js +3 -3
  58. package/src/shared/basic/type/letter-spacing.json +26 -0
  59. package/src/shared/basic/type/line-height.json +44 -0
  60. package/src/shared/basic/type/size.json +128 -0
  61. package/src/shared/basic/type/weight.json +50 -0
  62. package/src/themes/alaska/advanced/color/button/primary.json +7 -0
  63. package/src/themes/alaska/basic/type/family.json +20 -0
  64. package/src/themes/alaska-classic/advanced/color/button/primary.json +7 -0
  65. package/src/themes/alaska-classic/basic/type/family.json +20 -0
  66. package/src/themes/auro-1/advanced/color/button/primary.json +9 -2
  67. package/src/themes/auro-1/advanced/color/hyperlink.json +1 -1
  68. package/src/themes/auro-1/basic/color/fare-brand.json +2 -2
  69. package/src/themes/auro-1/basic/type/family.json +20 -0
  70. package/src/themes/auro-2/advanced/color/button/primary.json +9 -2
  71. package/src/themes/auro-2/advanced/color/hyperlink.json +1 -1
  72. package/src/themes/auro-2/basic/color/fare-brand.json +4 -4
  73. package/src/themes/auro-2/basic/type/family.json +20 -0
  74. package/src/themes/auro-classic/text.json +2 -2
  75. package/src/themes/hawaiian/advanced/color/button/primary.json +7 -0
  76. package/src/themes/hawaiian/basic/color/page-background.json +1 -1
  77. package/src/themes/hawaiian/basic/type/family.json +20 -0
  78. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -491
  79. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +0 -1
  80. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -754
  81. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -488
  82. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -492
  83. package/src/primitives/alaska/font.json +0 -18
  84. package/src/primitives/alaska-classic/font.json +0 -18
  85. package/src/primitives/auro-1/font.json +0 -18
  86. package/src/primitives/auro-2/font.json +0 -18
  87. package/src/primitives/base/font.json +0 -238
  88. package/src/primitives/hawaiian/font.json +0 -18
  89. package/src/themes/alaska/basic/corner-radius.json +0 -27
  90. package/src/themes/alaska/basic/font/accent.json +0 -813
  91. package/src/themes/alaska/basic/font/body.json +0 -193
  92. package/src/themes/alaska/basic/font/display.json +0 -698
  93. package/src/themes/alaska/basic/font/heading.json +0 -698
  94. package/src/themes/alaska-classic/basic/corner-radius.json +0 -27
  95. package/src/themes/alaska-classic/basic/font/accent.json +0 -813
  96. package/src/themes/alaska-classic/basic/font/body.json +0 -193
  97. package/src/themes/alaska-classic/basic/font/display.json +0 -698
  98. package/src/themes/alaska-classic/basic/font/heading.json +0 -698
  99. package/src/themes/auro-1/basic/corner-radius.json +0 -27
  100. package/src/themes/auro-1/basic/font/accent.json +0 -813
  101. package/src/themes/auro-1/basic/font/body.json +0 -193
  102. package/src/themes/auro-1/basic/font/display.json +0 -698
  103. package/src/themes/auro-1/basic/font/heading.json +0 -698
  104. package/src/themes/auro-2/basic/corner-radius.json +0 -27
  105. package/src/themes/auro-2/basic/font/accent.json +0 -813
  106. package/src/themes/auro-2/basic/font/body.json +0 -193
  107. package/src/themes/auro-2/basic/font/display.json +0 -698
  108. package/src/themes/auro-2/basic/font/heading.json +0 -698
  109. package/src/themes/hawaiian/basic/corner-radius.json +0 -27
  110. package/src/themes/hawaiian/basic/font/accent.json +0 -813
  111. package/src/themes/hawaiian/basic/font/body.json +0 -193
  112. package/src/themes/hawaiian/basic/font/display.json +0 -698
  113. package/src/themes/hawaiian/basic/font/heading.json +0 -698
package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json DELETED
@@ -1,754 +0,0 @@
1
- {
2
- "advanced": {
3
- "color": {
4
- "button": {
5
- "flat": {
6
- "text": "#676767",
7
- "textDisabled": "#d0d0d0",
8
- "textHover": "#525252",
9
- "textInverse": "#ffffff",
10
- "textInverseDisabled": "#7e8894",
11
- "textInverseHover": "#adadad"
12
- },
13
- "primary": {
14
- "background": "#0074ca",
15
- "backgroundDisabled": "#acc9e2",
16
- "backgroundHover": "#003761",
17
- "backgroundInactive": "#aedeff",
18
- "backgroundInactiveHover": "#289bee",
19
- "backgroundInverse": "#5de3f7",
20
- "backgroundInverseDisabled": "rgba(255, 255, 255, 0.75)",
21
- "backgroundInverseHover": "#b4eff9",
22
- "border": "#0074ca",
23
- "borderDisabled": "#acc9e2",
24
- "borderHover": "#003761",
25
- "borderInverse": "#5de3f7",
26
- "borderInverseDisabled": "rgba(255, 255, 255, 0.75)",
27
- "borderInverseHover": "#b4eff9",
28
- "text": "#ffffff",
29
- "textInverse": "#2a2a2a"
30
- },
31
- "secondary": {
32
- "background": "#ffffff",
33
- "backgroundDisabled": "#f7f7f7",
34
- "backgroundHover": "#f2f2f2",
35
- "backgroundInverseHover": "#ebfafd",
36
- "border": "#0074ca",
37
- "borderHover": "#003761",
38
- "borderDisabled": "#dddddd",
39
- "borderInverse": "#5de3f7",
40
- "borderInverseDisabled": "#dddddd",
41
- "text": "#0074ca",
42
- "textHover": "#01426a",
43
- "textInverse": "#5de3f7"
44
- },
45
- "tertiary": {
46
- "background": "rgba(0, 0, 0, 0.05)",
47
- "backgroundHover": "rgba(0, 0, 0, 0.1)",
48
- "backgroundInverse": "rgba(255, 255, 255, 0.05)",
49
- "backgroundInverseHover": "rgba(255, 255, 255, 0.1)",
50
- "text": "#0074ca",
51
- "textHover": "#003761",
52
- "textInverse": "#5de3f7"
53
- }
54
- },
55
- "accents": {
56
- "accent1": "#b2d583",
57
- "accent1Bold": "#92c450",
58
- "accent1Muted": "#deedca",
59
- "accent2": "#fad362",
60
- "accent2Bold": "#f2ba14",
61
- "accent2Muted": "#fde398",
62
- "accent3": "#63beff",
63
- "accent3Bold": "#0074ca",
64
- "accent3Muted": "#aedeff",
65
- "accent4": "#feb17a",
66
- "accent4Bold": "#fb7f24",
67
- "accent4Muted": "#ffe2cf",
68
- "transparency": "rgba(0, 0, 0, 0.1)",
69
- "transparencyInverse": "rgba(255, 255, 255, 0.2)"
70
- },
71
- "avatar": {
72
- "gradientBottom": "#cfe0ef",
73
- "gradientTop": "#6899c6"
74
- },
75
- "boolean": {
76
- "disabledInverse": "#7e8894",
77
- "error": "#e31f26",
78
- "errorHover": "#b1161c",
79
- "errorInverse": "#f9a4a8",
80
- "errorInverseHover": "#f15f65",
81
- "indicator": "#ffffff",
82
- "indicatorInverse": "#01426a",
83
- "isfalse": "#ffffff",
84
- "isfalseBorder": "#585e67",
85
- "isfalseBorderInverse": "#ffffff",
86
- "isfalseHover": "#f2f2f2",
87
- "isfalseInverse": "rgba(255, 255, 255, 0.15)",
88
- "isfalseInverseHover": "rgba(255, 255, 255, 0.2)",
89
- "istrue": "#0074ca",
90
- "istrueHover": "#003761",
91
- "istrueInverse": "#ffffff",
92
- "istrueInverseHover": "rgba(255, 255, 255, 0.7)"
93
- },
94
- "flightline": {
95
- "indicator": "#003761",
96
- "line": "#003761"
97
- },
98
- "hyperlink": {
99
- "text": "#0074ca",
100
- "textHover": "#01426a",
101
- "textInverse": "#97eaf8",
102
- "textInverseHover": "#b4eff9"
103
- },
104
- "shared": {
105
- "background": "#ffffff",
106
- "backgroundInverse": "rgba(255, 255, 255, 0.15)",
107
- "backgroundInverseDisabled": "rgba(255, 255, 255, 0.1)",
108
- "backgroundInverseHover": "rgba(255, 255, 255, 0.2)",
109
- "backgroundMuted": "#f7f7f7",
110
- "backgroundStrong": "#7e7e7e",
111
- "scrim": "rgba(0, 0, 0, 0.5)",
112
- "textAccent": "#0074ca"
113
- },
114
- "skeleton": {
115
- "background": "#f7f8fa",
116
- "wave": "#e4e8ec"
117
- },
118
- "state": {
119
- "backgroundDisabled": "#dddddd",
120
- "backgroundHover": "#f2f2f2",
121
- "backgroundInverseDisabled": "#7e8894",
122
- "errorInverse": "#e31f26",
123
- "focused": "#0074ca",
124
- "focusedInverse": "#5de3f7",
125
- "selected": "#0074ca",
126
- "selectedHover": "#003761"
127
- }
128
- }
129
- },
130
- "basic": {
131
- "color": {
132
- "border": {
133
- "bold": "#585e67",
134
- "brand": "#01426a",
135
- "default": "#959595",
136
- "divider": "rgba(0, 0, 0, 0.15)",
137
- "dividerInverse": "rgba(255, 255, 255, 0.4)",
138
- "inverse": "#ffffff",
139
- "subtle": "#dddddd"
140
- },
141
- "brand": {
142
- "primary": "#0074ca",
143
- "primaryBold": "#003761",
144
- "primaryMuted": "#ebf7ff",
145
- "primarySubtle": "#289bee",
146
- "secondary": "#01426a",
147
- "secondaryBold": "#00274a",
148
- "secondaryMuted": "#ebf3f9",
149
- "secondarySubtle": "#2875b5",
150
- "tertiary": "#5de3f7",
151
- "tertiaryBold": "#18c3dd",
152
- "tertiaryMuted": "#ebfafd",
153
- "tertiarySubtle": "#b4eff9"
154
- },
155
- "fare": {
156
- "basiceconomy": "#97eaf8",
157
- "business": "#01426a",
158
- "economy": "#0074ca",
159
- "first": "#00274a",
160
- "premiumeconomy": "#005154"
161
- },
162
- "pageBackground": {
163
- "default": "#ffffff",
164
- "utility": "#f7f8fa"
165
- },
166
- "status": {
167
- "default": "#afb9c6",
168
- "error": "#e31f26",
169
- "errorSubtle": "#fbc6c6",
170
- "info": "#007db1",
171
- "infoSubtle": "#e8f2f8",
172
- "success": "#447a1f",
173
- "successSubtle": "#d6eac7",
174
- "warning": "#fac200",
175
- "warningSubtle": "#fff0b2"
176
- },
177
- "surface": {
178
- "accent1": "#0074ca",
179
- "accent1Muted": "#ebf7ff",
180
- "accent1Subtle": "#289bee",
181
- "accent2": "#959595",
182
- "accent2Muted": "#c5c5c5",
183
- "default": "#ffffff",
184
- "inverse": "#01426a",
185
- "inverseSubtle": "#2875b5",
186
- "neutralMedium": "#c5c5c5",
187
- "neutralSubtle": "#f7f7f7"
188
- },
189
- "texticon": {
190
- "accent1": "#01426a",
191
- "default": "#2a2a2a",
192
- "disabled": "#d0d0d0",
193
- "inverse": "#ffffff",
194
- "inverseDisabled": "#7e8894",
195
- "inverseMuted": "#ccd2db",
196
- "muted": "#676767"
197
- },
198
- "tierProgram": {
199
- "loungetier": {
200
- "lounge": "#01426a",
201
- "loungeplus": "#53b390"
202
- },
203
- "loyaltytier": {
204
- "bronze": "#d99f6d",
205
- "bronzeMuted": "#eed4be",
206
- "cobalt": "#030772",
207
- "cobaltMuted": "#a9b6d6",
208
- "copper": "#cb7457",
209
- "copperMuted": "#e7bfb1",
210
- "gold": "#fbdc7a",
211
- "goldMuted": "#fdefc4",
212
- "nickel": "#abaab1",
213
- "nickelMuted": "#e5e4e7",
214
- "platinum": "#bcb8a4",
215
- "platinumMuted": "#dad8cd",
216
- "silver": "#e4e9ec",
217
- "silverMuted": "#f9fafb",
218
- "titanium": "#282828",
219
- "titaniumMuted": "#545454"
220
- },
221
- "oneworld": {
222
- "emerald": "#139142",
223
- "ruby": "#a41d4a",
224
- "sapphire": "#015daa"
225
- }
226
- }
227
- },
228
- "text": {
229
- "accent": {
230
- "xxl": {
231
- "breakpoint": {
232
- "lg": {
233
- "fontFamily": "'AS Circular'",
234
- "fontSize": "38px",
235
- "fontWeight": "450",
236
- "letterSpacing": ".05em",
237
- "lineHeight": "100%"
238
- },
239
- "md": {
240
- "fontFamily": "'AS Circular'",
241
- "fontSize": "38px",
242
- "fontWeight": "450",
243
- "letterSpacing": ".05em",
244
- "lineHeight": "100%"
245
- },
246
- "sm": {
247
- "fontFamily": "'AS Circular'",
248
- "fontSize": "32px",
249
- "fontWeight": "450",
250
- "letterSpacing": ".05em",
251
- "lineHeight": "100%"
252
- }
253
- }
254
- },
255
- "xl": {
256
- "breakpoint": {
257
- "lg": {
258
- "fontFamily": "'AS Circular'",
259
- "fontSize": "32px",
260
- "fontWeight": "450",
261
- "letterSpacing": ".05em",
262
- "lineHeight": "130%"
263
- },
264
- "md": {
265
- "fontFamily": "'AS Circular'",
266
- "fontSize": "28px",
267
- "fontWeight": "450",
268
- "letterSpacing": ".05em",
269
- "lineHeight": "130%"
270
- },
271
- "sm": {
272
- "fontFamily": "'AS Circular'",
273
- "fontSize": "26px",
274
- "fontWeight": "450",
275
- "letterSpacing": ".05em",
276
- "lineHeight": "130%"
277
- }
278
- }
279
- },
280
- "lg": {
281
- "breakpoint": {
282
- "lg": {
283
- "fontFamily": "'AS Circular'",
284
- "fontSize": "28px",
285
- "fontWeight": "450",
286
- "letterSpacing": ".05em",
287
- "lineHeight": "130%"
288
- },
289
- "md": {
290
- "fontFamily": "'AS Circular'",
291
- "fontSize": "26px",
292
- "fontWeight": "450",
293
- "letterSpacing": ".05em",
294
- "lineHeight": "130%"
295
- },
296
- "sm": {
297
- "fontFamily": "'AS Circular'",
298
- "fontSize": "24px",
299
- "fontWeight": "450",
300
- "letterSpacing": ".05em",
301
- "lineHeight": "130%"
302
- }
303
- }
304
- },
305
- "md": {
306
- "breakpoint": {
307
- "lg": {
308
- "fontFamily": "'AS Circular'",
309
- "fontSize": "24px",
310
- "fontWeight": "500",
311
- "letterSpacing": ".05em",
312
- "lineHeight": "130%"
313
- },
314
- "md": {
315
- "fontFamily": "'AS Circular'",
316
- "fontSize": "22px",
317
- "fontWeight": "500",
318
- "letterSpacing": ".05em",
319
- "lineHeight": "130%"
320
- },
321
- "sm": {
322
- "fontFamily": "'AS Circular'",
323
- "fontSize": "22px",
324
- "fontWeight": "500",
325
- "letterSpacing": ".05em",
326
- "lineHeight": "130%"
327
- }
328
- }
329
- },
330
- "sm": {
331
- "breakpoint": {
332
- "lg": {
333
- "fontFamily": "'AS Circular'",
334
- "fontSize": "20px",
335
- "fontWeight": "500",
336
- "letterSpacing": ".05em",
337
- "lineHeight": "130%"
338
- },
339
- "md": {
340
- "fontFamily": "'AS Circular'",
341
- "fontSize": "18px",
342
- "fontWeight": "500",
343
- "letterSpacing": ".05em",
344
- "lineHeight": "130%"
345
- },
346
- "sm": {
347
- "fontFamily": "'AS Circular'",
348
- "fontSize": "18px",
349
- "fontWeight": "500",
350
- "letterSpacing": ".05em",
351
- "lineHeight": "130%"
352
- }
353
- }
354
- },
355
- "xs": {
356
- "breakpoint": {
357
- "lg": {
358
- "fontFamily": "'AS Circular'",
359
- "fontSize": "16px",
360
- "fontWeight": "500",
361
- "letterSpacing": ".10em",
362
- "lineHeight": "130%"
363
- },
364
- "md": {
365
- "fontFamily": "'AS Circular'",
366
- "fontSize": "16px",
367
- "fontWeight": "500",
368
- "letterSpacing": ".10em",
369
- "lineHeight": "130%"
370
- },
371
- "sm": {
372
- "fontFamily": "'AS Circular'",
373
- "fontSize": "16px",
374
- "fontWeight": "500",
375
- "letterSpacing": ".10em",
376
- "lineHeight": "130%"
377
- }
378
- }
379
- },
380
- "xxs": {
381
- "breakpoint": {
382
- "lg": {
383
- "fontFamily": "'AS Circular'",
384
- "fontSize": "14px",
385
- "fontWeight": "450",
386
- "letterSpacing": ".10em",
387
- "lineHeight": "130%"
388
- },
389
- "md": {
390
- "fontFamily": "'AS Circular'",
391
- "fontSize": "14px",
392
- "fontWeight": "450",
393
- "letterSpacing": ".10em",
394
- "lineHeight": "130%"
395
- },
396
- "sm": {
397
- "fontFamily": "'AS Circular'",
398
- "fontSize": "14px",
399
- "fontWeight": "450",
400
- "letterSpacing": ".10em",
401
- "lineHeight": "130%"
402
- }
403
- }
404
- }
405
- },
406
- "body": {
407
- "lg": {
408
- "fontFamily": "'AS Circular'",
409
- "fontSize": "18px",
410
- "fontWeight": "450",
411
- "letterSpacing": "0",
412
- "lineHeight": "26px"
413
- },
414
- "default": {
415
- "fontFamily": "'AS Circular'",
416
- "fontSize": "16px",
417
- "fontWeight": "450",
418
- "letterSpacing": "0",
419
- "lineHeight": "24px"
420
- },
421
- "sm": {
422
- "fontFamily": "'AS Circular'",
423
- "fontSize": "14px",
424
- "fontWeight": "450",
425
- "letterSpacing": "0",
426
- "lineHeight": "20px"
427
- },
428
- "xs": {
429
- "fontFamily": "'AS Circular'",
430
- "fontSize": "12px",
431
- "fontWeight": "450",
432
- "letterSpacing": "0",
433
- "lineHeight": "16px"
434
- },
435
- "xxs": {
436
- "fontFamily": "'AS Circular'",
437
- "fontSize": "10px",
438
- "fontWeight": "450",
439
- "letterSpacing": "0",
440
- "lineHeight": "14px"
441
- }
442
- },
443
- "display": {
444
- "xxl": {
445
- "breakpoint": {
446
- "lg": {
447
- "fontFamily": "'AS Circular'",
448
- "fontSize": "86px",
449
- "fontWeight": "300",
450
- "letterSpacing": "0",
451
- "lineHeight": "130%"
452
- },
453
- "md": {
454
- "fontFamily": "'AS Circular'",
455
- "fontSize": "72px",
456
- "fontWeight": "300",
457
- "letterSpacing": "0",
458
- "lineHeight": "130%"
459
- },
460
- "sm": {
461
- "fontFamily": "'AS Circular'",
462
- "fontSize": "56px",
463
- "fontWeight": "300",
464
- "letterSpacing": "0",
465
- "lineHeight": "130%"
466
- }
467
- }
468
- },
469
- "xl": {
470
- "breakpoint": {
471
- "lg": {
472
- "fontFamily": "'AS Circular'",
473
- "fontSize": "72px",
474
- "fontWeight": "300",
475
- "letterSpacing": "0",
476
- "lineHeight": "130%"
477
- },
478
- "md": {
479
- "fontFamily": "'AS Circular'",
480
- "fontSize": "64px",
481
- "fontWeight": "300",
482
- "letterSpacing": "0",
483
- "lineHeight": "130%"
484
- },
485
- "sm": {
486
- "fontFamily": "'AS Circular'",
487
- "fontSize": "48px",
488
- "fontWeight": "300",
489
- "letterSpacing": "0",
490
- "lineHeight": "130%"
491
- }
492
- }
493
- },
494
- "lg": {
495
- "breakpoint": {
496
- "lg": {
497
- "fontFamily": "'AS Circular'",
498
- "fontSize": "64px",
499
- "fontWeight": "300",
500
- "letterSpacing": "0",
501
- "lineHeight": "130%"
502
- },
503
- "md": {
504
- "fontFamily": "'AS Circular'",
505
- "fontSize": "56px",
506
- "fontWeight": "300",
507
- "letterSpacing": "0",
508
- "lineHeight": "130%"
509
- },
510
- "sm": {
511
- "fontFamily": "'AS Circular'",
512
- "fontSize": "44px",
513
- "fontWeight": "300",
514
- "letterSpacing": "0",
515
- "lineHeight": "130%"
516
- }
517
- }
518
- },
519
- "md": {
520
- "breakpoint": {
521
- "lg": {
522
- "fontFamily": "'AS Circular'",
523
- "fontSize": "56px",
524
- "fontWeight": "300",
525
- "letterSpacing": "0",
526
- "lineHeight": "130%"
527
- },
528
- "md": {
529
- "fontFamily": "'AS Circular'",
530
- "fontSize": "48px",
531
- "fontWeight": "300",
532
- "letterSpacing": "0",
533
- "lineHeight": "130%"
534
- },
535
- "sm": {
536
- "fontFamily": "'AS Circular'",
537
- "fontSize": "40px",
538
- "fontWeight": "300",
539
- "letterSpacing": "0",
540
- "lineHeight": "130%"
541
- }
542
- }
543
- },
544
- "sm": {
545
- "breakpoint": {
546
- "lg": {
547
- "fontFamily": "'AS Circular'",
548
- "fontSize": "48px",
549
- "fontWeight": "300",
550
- "letterSpacing": "0",
551
- "lineHeight": "130%"
552
- },
553
- "md": {
554
- "fontFamily": "'AS Circular'",
555
- "fontSize": "44px",
556
- "fontWeight": "300",
557
- "letterSpacing": "0",
558
- "lineHeight": "130%"
559
- },
560
- "sm": {
561
- "fontFamily": "'AS Circular'",
562
- "fontSize": "32px",
563
- "fontWeight": "300",
564
- "letterSpacing": "0",
565
- "lineHeight": "130%"
566
- }
567
- }
568
- },
569
- "xs": {
570
- "breakpoint": {
571
- "lg": {
572
- "fontFamily": "'AS Circular'",
573
- "fontSize": "38px",
574
- "fontWeight": "300",
575
- "letterSpacing": "0",
576
- "lineHeight": "130%"
577
- },
578
- "md": {
579
- "fontFamily": "'AS Circular'",
580
- "fontSize": "36px",
581
- "fontWeight": "300",
582
- "letterSpacing": "0",
583
- "lineHeight": "130%"
584
- },
585
- "sm": {
586
- "fontFamily": "'AS Circular'",
587
- "fontSize": "28px",
588
- "fontWeight": "300",
589
- "letterSpacing": "0",
590
- "lineHeight": "130%"
591
- }
592
- }
593
- }
594
- },
595
- "heading": {
596
- "xl": {
597
- "breakpoint": {
598
- "lg": {
599
- "fontFamily": "'AS Circular'",
600
- "fontSize": "40px",
601
- "fontWeight": "450",
602
- "letterSpacing": ".05em",
603
- "lineHeight": "130%"
604
- },
605
- "md": {
606
- "fontFamily": "'AS Circular'",
607
- "fontSize": "36px",
608
- "fontWeight": "450",
609
- "letterSpacing": ".05em",
610
- "lineHeight": "130%"
611
- },
612
- "sm": {
613
- "fontFamily": "'AS Circular'",
614
- "fontSize": "32px",
615
- "fontWeight": "450",
616
- "letterSpacing": ".05em",
617
- "lineHeight": "130%"
618
- }
619
- }
620
- },
621
- "lg": {
622
- "breakpoint": {
623
- "lg": {
624
- "fontFamily": "'AS Circular'",
625
- "fontSize": "36px",
626
- "fontWeight": "450",
627
- "letterSpacing": ".05em",
628
- "lineHeight": "130%"
629
- },
630
- "md": {
631
- "fontFamily": "'AS Circular'",
632
- "fontSize": "32px",
633
- "fontWeight": "450",
634
- "letterSpacing": ".05em",
635
- "lineHeight": "130%"
636
- },
637
- "sm": {
638
- "fontFamily": "'AS Circular'",
639
- "fontSize": "28px",
640
- "fontWeight": "450",
641
- "letterSpacing": ".05em",
642
- "lineHeight": "130%"
643
- }
644
- }
645
- },
646
- "md": {
647
- "breakpoint": {
648
- "lg": {
649
- "fontFamily": "'AS Circular'",
650
- "fontSize": "28px",
651
- "fontWeight": "500",
652
- "letterSpacing": ".05em",
653
- "lineHeight": "130%"
654
- },
655
- "md": {
656
- "fontFamily": "'AS Circular'",
657
- "fontSize": "28px",
658
- "fontWeight": "500",
659
- "letterSpacing": ".05em",
660
- "lineHeight": "130%"
661
- },
662
- "sm": {
663
- "fontFamily": "'AS Circular'",
664
- "fontSize": "26px",
665
- "fontWeight": "500",
666
- "letterSpacing": ".05em",
667
- "lineHeight": "130%"
668
- }
669
- }
670
- },
671
- "sm": {
672
- "breakpoint": {
673
- "lg": {
674
- "fontFamily": "'AS Circular'",
675
- "fontSize": "24px",
676
- "fontWeight": "500",
677
- "letterSpacing": ".05em",
678
- "lineHeight": "130%"
679
- },
680
- "md": {
681
- "fontFamily": "'AS Circular'",
682
- "fontSize": "24px",
683
- "fontWeight": "500",
684
- "letterSpacing": ".05em",
685
- "lineHeight": "130%"
686
- },
687
- "sm": {
688
- "fontFamily": "'AS Circular'",
689
- "fontSize": "22px",
690
- "fontWeight": "500",
691
- "letterSpacing": ".05em",
692
- "lineHeight": "130%"
693
- }
694
- }
695
- },
696
- "xs": {
697
- "breakpoint": {
698
- "lg": {
699
- "fontFamily": "'AS Circular'",
700
- "fontSize": "20px",
701
- "fontWeight": "500",
702
- "letterSpacing": ".05em",
703
- "lineHeight": "130%"
704
- },
705
- "md": {
706
- "fontFamily": "'AS Circular'",
707
- "fontSize": "20px",
708
- "fontWeight": "500",
709
- "letterSpacing": ".05em",
710
- "lineHeight": "130%"
711
- },
712
- "sm": {
713
- "fontFamily": "'AS Circular'",
714
- "fontSize": "20px",
715
- "fontWeight": "500",
716
- "letterSpacing": ".05em",
717
- "lineHeight": "130%"
718
- }
719
- }
720
- },
721
- "xxs": {
722
- "breakpoint": {
723
- "lg": {
724
- "fontFamily": "'AS Circular'",
725
- "fontSize": "18px",
726
- "fontWeight": "500",
727
- "letterSpacing": "0",
728
- "lineHeight": "130%"
729
- },
730
- "md": {
731
- "fontFamily": "'AS Circular'",
732
- "fontSize": "18px",
733
- "fontWeight": "500",
734
- "letterSpacing": "0",
735
- "lineHeight": "130%"
736
- },
737
- "sm": {
738
- "fontFamily": "'AS Circular'",
739
- "fontSize": "18px",
740
- "fontWeight": "500",
741
- "letterSpacing": "0",
742
- "lineHeight": "130%"
743
- }
744
- }
745
- }
746
- }
747
- },
748
- "cornerRadius": {
749
- "large": "100px",
750
- "medium": "6px",
751
- "small": "6px"
752
- }
753
- }
754
- }