@aurodesignsystem/design-tokens 5.15.1 → 6.0.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 (112) hide show
  1. package/CHANGELOG.md +30 -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 +1 -1
  39. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  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/hawaiian/advanced/color/button/primary.json +7 -0
  75. package/src/themes/hawaiian/basic/color/page-background.json +1 -1
  76. package/src/themes/hawaiian/basic/type/family.json +20 -0
  77. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -491
  78. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +0 -1
  79. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -754
  80. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -488
  81. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -492
  82. package/src/primitives/alaska/font.json +0 -18
  83. package/src/primitives/alaska-classic/font.json +0 -18
  84. package/src/primitives/auro-1/font.json +0 -18
  85. package/src/primitives/auro-2/font.json +0 -18
  86. package/src/primitives/base/font.json +0 -238
  87. package/src/primitives/hawaiian/font.json +0 -18
  88. package/src/themes/alaska/basic/corner-radius.json +0 -27
  89. package/src/themes/alaska/basic/font/accent.json +0 -813
  90. package/src/themes/alaska/basic/font/body.json +0 -193
  91. package/src/themes/alaska/basic/font/display.json +0 -698
  92. package/src/themes/alaska/basic/font/heading.json +0 -698
  93. package/src/themes/alaska-classic/basic/corner-radius.json +0 -27
  94. package/src/themes/alaska-classic/basic/font/accent.json +0 -813
  95. package/src/themes/alaska-classic/basic/font/body.json +0 -193
  96. package/src/themes/alaska-classic/basic/font/display.json +0 -698
  97. package/src/themes/alaska-classic/basic/font/heading.json +0 -698
  98. package/src/themes/auro-1/basic/corner-radius.json +0 -27
  99. package/src/themes/auro-1/basic/font/accent.json +0 -813
  100. package/src/themes/auro-1/basic/font/body.json +0 -193
  101. package/src/themes/auro-1/basic/font/display.json +0 -698
  102. package/src/themes/auro-1/basic/font/heading.json +0 -698
  103. package/src/themes/auro-2/basic/corner-radius.json +0 -27
  104. package/src/themes/auro-2/basic/font/accent.json +0 -813
  105. package/src/themes/auro-2/basic/font/body.json +0 -193
  106. package/src/themes/auro-2/basic/font/display.json +0 -698
  107. package/src/themes/auro-2/basic/font/heading.json +0 -698
  108. package/src/themes/hawaiian/basic/corner-radius.json +0 -27
  109. package/src/themes/hawaiian/basic/font/accent.json +0 -813
  110. package/src/themes/hawaiian/basic/font/body.json +0 -193
  111. package/src/themes/hawaiian/basic/font/display.json +0 -698
  112. package/src/themes/hawaiian/basic/font/heading.json +0 -698
@@ -1,4 +1,153 @@
1
1
  {
2
+ "basic": {
3
+ "type": {
4
+ "letterSpacing": {
5
+ "0": "0",
6
+ "005": "0.05em",
7
+ "010": "0.10em"
8
+ },
9
+ "lineHeight": {
10
+ "100": "1",
11
+ "125": "1.25",
12
+ "130": "1.3",
13
+ "150": "1.5",
14
+ "163": "1.63",
15
+ "088": "0.88"
16
+ },
17
+ "size": {
18
+ "10": "0.625rem",
19
+ "12": "0.75rem",
20
+ "14": "0.875rem",
21
+ "16": "1rem",
22
+ "18": "1.125rem",
23
+ "20": "1.25rem",
24
+ "22": "1.375rem",
25
+ "24": "1.5rem",
26
+ "26": "1.625rem",
27
+ "28": "1.75rem",
28
+ "32": "2rem",
29
+ "36": "2.25rem",
30
+ "38": "2.375rem",
31
+ "40": "2.5rem",
32
+ "44": "2.75rem",
33
+ "48": "3rem",
34
+ "56": "3.5rem",
35
+ "64": "4rem",
36
+ "72": "4.5rem",
37
+ "86": "5.375rem"
38
+ },
39
+ "weight": {
40
+ "book": "450",
41
+ "condMedium": "500",
42
+ "condNews": "450",
43
+ "light": "300",
44
+ "medium": "500",
45
+ "regular": "400",
46
+ "semibold": "600"
47
+ },
48
+ "family": {
49
+ "accent": "\"Teodor\"",
50
+ "default": "\"AS Circular\""
51
+ }
52
+ },
53
+ "color": {
54
+ "border": {
55
+ "bold": "rgba(255, 255, 255, 0.4)",
56
+ "brand": "#ffffff",
57
+ "default": "#e9e6d9",
58
+ "divider": "#585e67",
59
+ "dividerInverse": "#dfd7c3",
60
+ "inverse": "#e9e6d9",
61
+ "subtle": "#faf9f5"
62
+ },
63
+ "brand": {
64
+ "primary": "#003761",
65
+ "primaryBold": "#faf9f5",
66
+ "primaryMuted": "#8ca7c9",
67
+ "primarySubtle": "#faf9f5",
68
+ "secondary": "#c7d6e5",
69
+ "secondaryBold": "#ebf7ff",
70
+ "secondaryMuted": "#dfd7c3",
71
+ "secondarySubtle": "#e2e8ee",
72
+ "tertiary": "#e9e6d9",
73
+ "tertiaryBold": "#101d2c",
74
+ "tertiaryMuted": "#ecf0f3",
75
+ "tertiarySubtle": "#101d2c"
76
+ },
77
+ "fare": {
78
+ "basiceconomy": "#97eaf8",
79
+ "business": "#01426a",
80
+ "economy": "#0074ca",
81
+ "first": "#00274a",
82
+ "premiumeconomy": "#005154"
83
+ },
84
+ "pageBackground": {
85
+ "default": "#ffffff",
86
+ "utility": "#e9e6d9"
87
+ },
88
+ "status": {
89
+ "default": "#afb9c6",
90
+ "error": "#e31f26",
91
+ "errorSubtle": "#fbc6c6",
92
+ "info": "#c7d6e5",
93
+ "infoSubtle": "#8ca7c9",
94
+ "success": "#447a1f",
95
+ "successSubtle": "#d6eac7",
96
+ "warning": "#fac200",
97
+ "warningSubtle": "#fff0b2"
98
+ },
99
+ "surface": {
100
+ "accent1": "#e2e8ee",
101
+ "accent1Muted": "#c7d6e5",
102
+ "accent1Subtle": "#c7d6e5",
103
+ "accent2": "#003761",
104
+ "accent2Muted": "#101d2c",
105
+ "default": "#e2e8ee",
106
+ "inverse": "#ecf0f3",
107
+ "inverseSubtle": "#ffffff",
108
+ "neutralMedium": "#003761",
109
+ "neutralSubtle": "#c7d6e5"
110
+ },
111
+ "texticon": {
112
+ "accent1": "#003761",
113
+ "default": "#003761",
114
+ "disabled": "#dddddd",
115
+ "inverse": "#e9e6d9",
116
+ "inverseDisabled": "#7e8894",
117
+ "inverseMuted": "#c5c5c5",
118
+ "muted": "#6a717c"
119
+ },
120
+ "tierProgram": {
121
+ "loungetier": {
122
+ "lounge": "#01426a",
123
+ "loungeplus": "#53b390"
124
+ },
125
+ "loyaltytier": {
126
+ "bronze": "#d99f6d",
127
+ "bronzeMuted": "#eed4be",
128
+ "cobalt": "#030772",
129
+ "cobaltMuted": "#a9b6d6",
130
+ "copper": "#cb7457",
131
+ "copperMuted": "#e7bfb1",
132
+ "gold": "#fbdc7a",
133
+ "goldMuted": "#fdefc4",
134
+ "nickel": "#abaab1",
135
+ "nickelMuted": "#e5e4e7",
136
+ "platinum": "#bcb8a4",
137
+ "platinumMuted": "#dad8cd",
138
+ "silver": "#e4e9ec",
139
+ "silverMuted": "#f9fafb",
140
+ "titanium": "#282828",
141
+ "titaniumMuted": "#545454"
142
+ },
143
+ "oneworld": {
144
+ "emerald": "#139142",
145
+ "ruby": "#a41d4a",
146
+ "sapphire": "#015daa"
147
+ }
148
+ }
149
+ }
150
+ },
2
151
  "advanced": {
3
152
  "color": {
4
153
  "button": {
@@ -12,7 +161,7 @@
12
161
  },
13
162
  "primary": {
14
163
  "background": "#c7d6e5",
15
- "backgroundDisabled": "#acc9e2",
164
+ "backgroundDisabled": "#ebf3f9",
16
165
  "backgroundHover": "#ebf7ff",
17
166
  "backgroundInactive": "#cfe0ef",
18
167
  "backgroundInactiveHover": "#89b2d4",
@@ -20,12 +169,13 @@
20
169
  "backgroundInverseDisabled": "rgba(255, 255, 255, 0.75)",
21
170
  "backgroundInverseHover": "#dfd7c3",
22
171
  "border": "#c7d6e5",
23
- "borderDisabled": "#acc9e2",
172
+ "borderDisabled": "#ebf3f9",
24
173
  "borderHover": "#ebf7ff",
25
174
  "borderInverse": "#ffffff",
26
175
  "borderInverseDisabled": "rgba(255, 255, 255, 0.75)",
27
176
  "borderInverseHover": "#dfd7c3",
28
177
  "text": "#003761",
178
+ "textDisabled": "#dddddd",
29
179
  "textInverse": "#003761"
30
180
  },
31
181
  "secondary": {
@@ -99,7 +249,7 @@
99
249
  "text": "#003761",
100
250
  "textHover": "#005fa7",
101
251
  "textInverse": "#e9e6d9",
102
- "textInverseHover": "#bba27c"
252
+ "textInverseHover": "#cfe0ef"
103
253
  },
104
254
  "shared": {
105
255
  "background": "#ffffff",
@@ -126,629 +276,5 @@
126
276
  "selectedHover": "#faf9f5"
127
277
  }
128
278
  }
129
- },
130
- "basic": {
131
- "color": {
132
- "border": {
133
- "bold": "rgba(255, 255, 255, 0.4)",
134
- "brand": "#ffffff",
135
- "default": "#e9e6d9",
136
- "divider": "#585e67",
137
- "dividerInverse": "#dfd7c3",
138
- "inverse": "#e9e6d9",
139
- "subtle": "#faf9f5"
140
- },
141
- "brand": {
142
- "primary": "#003761",
143
- "primaryBold": "#faf9f5",
144
- "primaryMuted": "#8ca7c9",
145
- "primarySubtle": "#faf9f5",
146
- "secondary": "#c7d6e5",
147
- "secondaryBold": "#ebf7ff",
148
- "secondaryMuted": "#dfd7c3",
149
- "secondarySubtle": "#e2e8ee",
150
- "tertiary": "#e9e6d9",
151
- "tertiaryBold": "#101d2c",
152
- "tertiaryMuted": "#ecf0f3",
153
- "tertiarySubtle": "#101d2c"
154
- },
155
- "fare": {
156
- "basiceconomy": "#dfd7c3",
157
- "business": "#002c4e",
158
- "economy": "#5578a4",
159
- "first": "#101d2c",
160
- "premiumeconomy": "#005154"
161
- },
162
- "pageBackground": {
163
- "default": "#ffffff",
164
- "utility": "#e9e6d9"
165
- },
166
- "status": {
167
- "default": "#afb9c6",
168
- "error": "#e31f26",
169
- "errorSubtle": "#fbc6c6",
170
- "info": "#c7d6e5",
171
- "infoSubtle": "#8ca7c9",
172
- "success": "#447a1f",
173
- "successSubtle": "#d6eac7",
174
- "warning": "#fac200",
175
- "warningSubtle": "#fff0b2"
176
- },
177
- "surface": {
178
- "accent1": "#e2e8ee",
179
- "accent1Muted": "#c7d6e5",
180
- "accent1Subtle": "#c7d6e5",
181
- "accent2": "#003761",
182
- "accent2Muted": "#101d2c",
183
- "default": "#e2e8ee",
184
- "inverse": "#ecf0f3",
185
- "inverseSubtle": "#ffffff",
186
- "neutralMedium": "#003761",
187
- "neutralSubtle": "#c7d6e5"
188
- },
189
- "texticon": {
190
- "accent1": "#003761",
191
- "default": "#003761",
192
- "disabled": "#dddddd",
193
- "inverse": "#e9e6d9",
194
- "inverseDisabled": "#7e8894",
195
- "inverseMuted": "#c5c5c5",
196
- "muted": "#6a717c"
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
- "lg": {
231
- "breakpoint": {
232
- "lg": {
233
- "fontFamily": "'AS Circular'",
234
- "fontSize": "28px",
235
- "fontWeight": "450",
236
- "letterSpacing": ".05em",
237
- "lineHeight": "130%"
238
- },
239
- "md": {
240
- "fontFamily": "'AS Circular'",
241
- "fontSize": "26px",
242
- "fontWeight": "450",
243
- "letterSpacing": ".05em",
244
- "lineHeight": "130%"
245
- },
246
- "sm": {
247
- "fontFamily": "'AS Circular'",
248
- "fontSize": "24px",
249
- "fontWeight": "450",
250
- "letterSpacing": ".05em",
251
- "lineHeight": "130%"
252
- }
253
- }
254
- },
255
- "md": {
256
- "breakpoint": {
257
- "lg": {
258
- "fontFamily": "'AS Circular'",
259
- "fontSize": "24px",
260
- "fontWeight": "500",
261
- "letterSpacing": ".05em",
262
- "lineHeight": "130%"
263
- },
264
- "md": {
265
- "fontFamily": "'AS Circular'",
266
- "fontSize": "22px",
267
- "fontWeight": "500",
268
- "letterSpacing": ".05em",
269
- "lineHeight": "130%"
270
- },
271
- "sm": {
272
- "fontFamily": "'AS Circular'",
273
- "fontSize": "22px",
274
- "fontWeight": "500",
275
- "letterSpacing": ".05em",
276
- "lineHeight": "130%"
277
- }
278
- }
279
- },
280
- "sm": {
281
- "breakpoint": {
282
- "lg": {
283
- "fontFamily": "'AS Circular'",
284
- "fontSize": "20px",
285
- "fontWeight": "500",
286
- "letterSpacing": ".05em",
287
- "lineHeight": "130%"
288
- },
289
- "md": {
290
- "fontFamily": "'AS Circular'",
291
- "fontSize": "18px",
292
- "fontWeight": "500",
293
- "letterSpacing": ".05em",
294
- "lineHeight": "130%"
295
- },
296
- "sm": {
297
- "fontFamily": "'AS Circular'",
298
- "fontSize": "18px",
299
- "fontWeight": "500",
300
- "letterSpacing": ".05em",
301
- "lineHeight": "130%"
302
- }
303
- }
304
- },
305
- "xl": {
306
- "breakpoint": {
307
- "lg": {
308
- "fontFamily": "'AS Circular'",
309
- "fontSize": "32px",
310
- "fontWeight": "450",
311
- "letterSpacing": ".05em",
312
- "lineHeight": "130%"
313
- },
314
- "md": {
315
- "fontFamily": "'AS Circular'",
316
- "fontSize": "28px",
317
- "fontWeight": "450",
318
- "letterSpacing": ".05em",
319
- "lineHeight": "130%"
320
- },
321
- "sm": {
322
- "fontFamily": "'AS Circular'",
323
- "fontSize": "26px",
324
- "fontWeight": "450",
325
- "letterSpacing": ".05em",
326
- "lineHeight": "130%"
327
- }
328
- }
329
- },
330
- "xs": {
331
- "breakpoint": {
332
- "lg": {
333
- "fontFamily": "'AS Circular'",
334
- "fontSize": "16px",
335
- "fontWeight": "500",
336
- "letterSpacing": ".10em",
337
- "lineHeight": "130%"
338
- },
339
- "md": {
340
- "fontFamily": "'AS Circular'",
341
- "fontSize": "16px",
342
- "fontWeight": "500",
343
- "letterSpacing": ".10em",
344
- "lineHeight": "130%"
345
- },
346
- "sm": {
347
- "fontFamily": "'AS Circular'",
348
- "fontSize": "16px",
349
- "fontWeight": "500",
350
- "letterSpacing": ".10em",
351
- "lineHeight": "130%"
352
- }
353
- }
354
- },
355
- "xxl": {
356
- "breakpoint": {
357
- "lg": {
358
- "fontFamily": "'AS Circular'",
359
- "fontSize": "38px",
360
- "fontWeight": "450",
361
- "letterSpacing": ".05em",
362
- "lineHeight": "100%"
363
- },
364
- "md": {
365
- "fontFamily": "'AS Circular'",
366
- "fontSize": "38px",
367
- "fontWeight": "450",
368
- "letterSpacing": ".05em",
369
- "lineHeight": "100%"
370
- },
371
- "sm": {
372
- "fontFamily": "'AS Circular'",
373
- "fontSize": "32px",
374
- "fontWeight": "450",
375
- "letterSpacing": ".05em",
376
- "lineHeight": "100%"
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
- "default": {
408
- "fontFamily": "'AS Circular'",
409
- "fontSize": "16px",
410
- "fontWeight": "450",
411
- "letterSpacing": "0",
412
- "lineHeight": "24px"
413
- },
414
- "lg": {
415
- "fontFamily": "'AS Circular'",
416
- "fontSize": "18px",
417
- "fontWeight": "450",
418
- "letterSpacing": "0",
419
- "lineHeight": "26px"
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
- "lg": {
445
- "breakpoint": {
446
- "lg": {
447
- "fontFamily": "'Teodor'",
448
- "fontSize": "64px",
449
- "fontWeight": "300",
450
- "letterSpacing": "0",
451
- "lineHeight": "130%"
452
- },
453
- "md": {
454
- "fontFamily": "'Teodor'",
455
- "fontSize": "56px",
456
- "fontWeight": "300",
457
- "letterSpacing": "0",
458
- "lineHeight": "130%"
459
- },
460
- "sm": {
461
- "fontFamily": "'Teodor'",
462
- "fontSize": "44px",
463
- "fontWeight": "300",
464
- "letterSpacing": "0",
465
- "lineHeight": "130%"
466
- }
467
- }
468
- },
469
- "md": {
470
- "breakpoint": {
471
- "lg": {
472
- "fontFamily": "'Teodor'",
473
- "fontSize": "56px",
474
- "fontWeight": "300",
475
- "letterSpacing": "0",
476
- "lineHeight": "130%"
477
- },
478
- "md": {
479
- "fontFamily": "'Teodor'",
480
- "fontSize": "48px",
481
- "fontWeight": "300",
482
- "letterSpacing": "0",
483
- "lineHeight": "130%"
484
- },
485
- "sm": {
486
- "fontFamily": "'Teodor'",
487
- "fontSize": "40px",
488
- "fontWeight": "300",
489
- "letterSpacing": "0",
490
- "lineHeight": "130%"
491
- }
492
- }
493
- },
494
- "sm": {
495
- "breakpoint": {
496
- "lg": {
497
- "fontFamily": "'Teodor'",
498
- "fontSize": "48px",
499
- "fontWeight": "300",
500
- "letterSpacing": "0",
501
- "lineHeight": "130%"
502
- },
503
- "md": {
504
- "fontFamily": "'Teodor'",
505
- "fontSize": "44px",
506
- "fontWeight": "300",
507
- "letterSpacing": "0",
508
- "lineHeight": "130%"
509
- },
510
- "sm": {
511
- "fontFamily": "'Teodor'",
512
- "fontSize": "32px",
513
- "fontWeight": "300",
514
- "letterSpacing": "0",
515
- "lineHeight": "130%"
516
- }
517
- }
518
- },
519
- "xl": {
520
- "breakpoint": {
521
- "lg": {
522
- "fontFamily": "'Teodor'",
523
- "fontSize": "72px",
524
- "fontWeight": "300",
525
- "letterSpacing": "0",
526
- "lineHeight": "130%"
527
- },
528
- "md": {
529
- "fontFamily": "'Teodor'",
530
- "fontSize": "64px",
531
- "fontWeight": "300",
532
- "letterSpacing": "0",
533
- "lineHeight": "130%"
534
- },
535
- "sm": {
536
- "fontFamily": "'Teodor'",
537
- "fontSize": "48px",
538
- "fontWeight": "300",
539
- "letterSpacing": "0",
540
- "lineHeight": "130%"
541
- }
542
- }
543
- },
544
- "xs": {
545
- "breakpoint": {
546
- "lg": {
547
- "fontFamily": "'Teodor'",
548
- "fontSize": "38px",
549
- "fontWeight": "300",
550
- "letterSpacing": "0",
551
- "lineHeight": "130%"
552
- },
553
- "md": {
554
- "fontFamily": "'Teodor'",
555
- "fontSize": "36px",
556
- "fontWeight": "300",
557
- "letterSpacing": "0",
558
- "lineHeight": "130%"
559
- },
560
- "sm": {
561
- "fontFamily": "'Teodor'",
562
- "fontSize": "28px",
563
- "fontWeight": "300",
564
- "letterSpacing": "0",
565
- "lineHeight": "130%"
566
- }
567
- }
568
- },
569
- "xxl": {
570
- "breakpoint": {
571
- "lg": {
572
- "fontFamily": "'Teodor'",
573
- "fontSize": "86px",
574
- "fontWeight": "300",
575
- "letterSpacing": "0",
576
- "lineHeight": "130%"
577
- },
578
- "md": {
579
- "fontFamily": "'Teodor'",
580
- "fontSize": "72px",
581
- "fontWeight": "300",
582
- "letterSpacing": "0",
583
- "lineHeight": "130%"
584
- },
585
- "sm": {
586
- "fontFamily": "'Teodor'",
587
- "fontSize": "56px",
588
- "fontWeight": "300",
589
- "letterSpacing": "0",
590
- "lineHeight": "130%"
591
- }
592
- }
593
- }
594
- },
595
- "heading": {
596
- "lg": {
597
- "breakpoint": {
598
- "lg": {
599
- "fontFamily": "'AS Circular'",
600
- "fontSize": "36px",
601
- "fontWeight": "450",
602
- "letterSpacing": "0",
603
- "lineHeight": "130%"
604
- },
605
- "md": {
606
- "fontFamily": "'AS Circular'",
607
- "fontSize": "32px",
608
- "fontWeight": "450",
609
- "letterSpacing": "0",
610
- "lineHeight": "130%"
611
- },
612
- "sm": {
613
- "fontFamily": "'AS Circular'",
614
- "fontSize": "28px",
615
- "fontWeight": "450",
616
- "letterSpacing": "0",
617
- "lineHeight": "130%"
618
- }
619
- }
620
- },
621
- "md": {
622
- "breakpoint": {
623
- "lg": {
624
- "fontFamily": "'AS Circular'",
625
- "fontSize": "28px",
626
- "fontWeight": "500",
627
- "letterSpacing": "0",
628
- "lineHeight": "130%"
629
- },
630
- "md": {
631
- "fontFamily": "'AS Circular'",
632
- "fontSize": "28px",
633
- "fontWeight": "500",
634
- "letterSpacing": "0",
635
- "lineHeight": "130%"
636
- },
637
- "sm": {
638
- "fontFamily": "'AS Circular'",
639
- "fontSize": "26px",
640
- "fontWeight": "500",
641
- "letterSpacing": "0",
642
- "lineHeight": "130%"
643
- }
644
- }
645
- },
646
- "sm": {
647
- "breakpoint": {
648
- "lg": {
649
- "fontFamily": "'AS Circular'",
650
- "fontSize": "24px",
651
- "fontWeight": "500",
652
- "letterSpacing": "0",
653
- "lineHeight": "130%"
654
- },
655
- "md": {
656
- "fontFamily": "'AS Circular'",
657
- "fontSize": "24px",
658
- "fontWeight": "500",
659
- "letterSpacing": "0",
660
- "lineHeight": "130%"
661
- },
662
- "sm": {
663
- "fontFamily": "'AS Circular'",
664
- "fontSize": "22px",
665
- "fontWeight": "500",
666
- "letterSpacing": "0",
667
- "lineHeight": "130%"
668
- }
669
- }
670
- },
671
- "xl": {
672
- "breakpoint": {
673
- "lg": {
674
- "fontFamily": "'AS Circular'",
675
- "fontSize": "40px",
676
- "fontWeight": "450",
677
- "letterSpacing": "0",
678
- "lineHeight": "130%"
679
- },
680
- "md": {
681
- "fontFamily": "'AS Circular'",
682
- "fontSize": "36px",
683
- "fontWeight": "450",
684
- "letterSpacing": "0",
685
- "lineHeight": "130%"
686
- },
687
- "sm": {
688
- "fontFamily": "'AS Circular'",
689
- "fontSize": "32px",
690
- "fontWeight": "450",
691
- "letterSpacing": "0",
692
- "lineHeight": "130%"
693
- }
694
- }
695
- },
696
- "xs": {
697
- "breakpoint": {
698
- "lg": {
699
- "fontFamily": "'AS Circular'",
700
- "fontSize": "20px",
701
- "fontWeight": "500",
702
- "letterSpacing": "0",
703
- "lineHeight": "130%"
704
- },
705
- "md": {
706
- "fontFamily": "'AS Circular'",
707
- "fontSize": "20px",
708
- "fontWeight": "500",
709
- "letterSpacing": "0",
710
- "lineHeight": "130%"
711
- },
712
- "sm": {
713
- "fontFamily": "'AS Circular'",
714
- "fontSize": "20px",
715
- "fontWeight": "500",
716
- "letterSpacing": "0",
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
279
  }
754
280
  }