@aurodesignsystem/design-tokens 5.15.0 → 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 (113) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/README.md +2 -2
  3. package/dist/CSSCustomProperties--bundled.css +428 -1798
  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 +4688 -14092
  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 +223 -262
  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 +223 -262
  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/color/fare-brand.json +1 -1
  66. package/src/themes/alaska-classic/basic/type/family.json +20 -0
  67. package/src/themes/auro-1/advanced/color/button/primary.json +9 -2
  68. package/src/themes/auro-1/advanced/color/hyperlink.json +1 -1
  69. package/src/themes/auro-1/basic/color/fare-brand.json +4 -4
  70. package/src/themes/auro-1/basic/type/family.json +20 -0
  71. package/src/themes/auro-2/advanced/color/button/primary.json +9 -2
  72. package/src/themes/auro-2/advanced/color/hyperlink.json +1 -1
  73. package/src/themes/auro-2/basic/color/fare-brand.json +4 -4
  74. package/src/themes/auro-2/basic/type/family.json +20 -0
  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
@@ -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": "\"Chronicle Display\"",
50
+ "default": "\"Slate Pro\""
51
+ }
52
+ },
53
+ "color": {
54
+ "border": {
55
+ "bold": "#adadad",
56
+ "brand": "#463c8f",
57
+ "default": "#d0d0d0",
58
+ "divider": "rgba(0, 0, 0, 0.15)",
59
+ "dividerInverse": "rgba(255, 255, 255, 0.4)",
60
+ "inverse": "#ffffff",
61
+ "subtle": "#dddddd"
62
+ },
63
+ "brand": {
64
+ "primary": "#463c8f",
65
+ "primaryBold": "#31295c",
66
+ "primaryMuted": "#edeaf4",
67
+ "primarySubtle": "#8c7eb8",
68
+ "secondary": "#ce0c88",
69
+ "secondaryBold": "#831a57",
70
+ "secondaryMuted": "#fdf1f8",
71
+ "secondarySubtle": "#e26db8",
72
+ "tertiary": "#ee453d",
73
+ "tertiaryBold": "#97322a",
74
+ "tertiaryMuted": "#ffeeea",
75
+ "tertiarySubtle": "#ff9080"
76
+ },
77
+ "fare": {
78
+ "basiceconomy": "#d0d0d0",
79
+ "business": "#463c8f",
80
+ "economy": "#ce0c88",
81
+ "first": "#463c8f",
82
+ "premiumeconomy": "#1b6976"
83
+ },
84
+ "pageBackground": {
85
+ "default": "#ffffff",
86
+ "utility": "#ffffff"
87
+ },
88
+ "status": {
89
+ "default": "#afb9c6",
90
+ "error": "#e53339",
91
+ "errorSubtle": "#fbc6c6",
92
+ "info": "#007db1",
93
+ "infoSubtle": "#e8f2f8",
94
+ "success": "#529325",
95
+ "successSubtle": "#d6eac7",
96
+ "warning": "#fac200",
97
+ "warningSubtle": "#fff0b2"
98
+ },
99
+ "surface": {
100
+ "accent1": "#aca1cc",
101
+ "accent1Muted": "#edeaf4",
102
+ "accent1Subtle": "#aca1cc",
103
+ "accent2": "#f7f7f7",
104
+ "accent2Muted": "#f7f7f7",
105
+ "default": "#ffffff",
106
+ "inverse": "#463c8f",
107
+ "inverseSubtle": "#8c7eb8",
108
+ "neutralMedium": "#dddddd",
109
+ "neutralSubtle": "#f7f7f7"
110
+ },
111
+ "texticon": {
112
+ "accent1": "#463c8f",
113
+ "default": "#000000",
114
+ "disabled": "#d0d0d0",
115
+ "inverse": "#ffffff",
116
+ "inverseDisabled": "#7e8894",
117
+ "inverseMuted": "#ccd2db",
118
+ "muted": "#3d3d3d"
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": {
@@ -26,6 +175,7 @@
26
175
  "borderInverseDisabled": "rgba(255, 255, 255, 0.75)",
27
176
  "borderInverseHover": "#edeaf4",
28
177
  "text": "#ffffff",
178
+ "textDisabled": "#ffffff",
29
179
  "textInverse": "#463c8f"
30
180
  },
31
181
  "secondary": {
@@ -126,629 +276,5 @@
126
276
  "selectedHover": "#31295c"
127
277
  }
128
278
  }
129
- },
130
- "basic": {
131
- "color": {
132
- "border": {
133
- "bold": "#adadad",
134
- "brand": "#463c8f",
135
- "default": "#d0d0d0",
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": "#463c8f",
143
- "primaryBold": "#31295c",
144
- "primaryMuted": "#edeaf4",
145
- "primarySubtle": "#8c7eb8",
146
- "secondary": "#ce0c88",
147
- "secondaryBold": "#831a57",
148
- "secondaryMuted": "#fdf1f8",
149
- "secondarySubtle": "#e26db8",
150
- "tertiary": "#ee453d",
151
- "tertiaryBold": "#97322a",
152
- "tertiaryMuted": "#ffeeea",
153
- "tertiarySubtle": "#ff9080"
154
- },
155
- "fare": {
156
- "basiceconomy": "#d0d0d0",
157
- "business": "#463c8f",
158
- "economy": "#ce0c88",
159
- "first": "#463c8f",
160
- "premiumeconomy": "#1b6976"
161
- },
162
- "pageBackground": {
163
- "default": "#ffffff",
164
- "utility": "#f2f2f2"
165
- },
166
- "status": {
167
- "default": "#afb9c6",
168
- "error": "#e53339",
169
- "errorSubtle": "#fbc6c6",
170
- "info": "#007db1",
171
- "infoSubtle": "#e8f2f8",
172
- "success": "#529325",
173
- "successSubtle": "#d6eac7",
174
- "warning": "#fac200",
175
- "warningSubtle": "#fff0b2"
176
- },
177
- "surface": {
178
- "accent1": "#aca1cc",
179
- "accent1Muted": "#edeaf4",
180
- "accent1Subtle": "#aca1cc",
181
- "accent2": "#f7f7f7",
182
- "accent2Muted": "#f7f7f7",
183
- "default": "#ffffff",
184
- "inverse": "#463c8f",
185
- "inverseSubtle": "#8c7eb8",
186
- "neutralMedium": "#dddddd",
187
- "neutralSubtle": "#f7f7f7"
188
- },
189
- "texticon": {
190
- "accent1": "#463c8f",
191
- "default": "#000000",
192
- "disabled": "#d0d0d0",
193
- "inverse": "#ffffff",
194
- "inverseDisabled": "#7e8894",
195
- "inverseMuted": "#ccd2db",
196
- "muted": "#3d3d3d"
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": "'Slate Pro'",
234
- "fontSize": "28px",
235
- "fontWeight": "400",
236
- "letterSpacing": ".05em",
237
- "lineHeight": "130%"
238
- },
239
- "md": {
240
- "fontFamily": "'Slate Pro'",
241
- "fontSize": "26px",
242
- "fontWeight": "400",
243
- "letterSpacing": ".05em",
244
- "lineHeight": "130%"
245
- },
246
- "sm": {
247
- "fontFamily": "'Slate Pro'",
248
- "fontSize": "24px",
249
- "fontWeight": "400",
250
- "letterSpacing": ".05em",
251
- "lineHeight": "130%"
252
- }
253
- }
254
- },
255
- "md": {
256
- "breakpoint": {
257
- "lg": {
258
- "fontFamily": "'Slate Pro'",
259
- "fontSize": "24px",
260
- "fontWeight": "500",
261
- "letterSpacing": ".05em",
262
- "lineHeight": "130%"
263
- },
264
- "md": {
265
- "fontFamily": "'Slate Pro'",
266
- "fontSize": "22px",
267
- "fontWeight": "500",
268
- "letterSpacing": ".05em",
269
- "lineHeight": "130%"
270
- },
271
- "sm": {
272
- "fontFamily": "'Slate Pro'",
273
- "fontSize": "22px",
274
- "fontWeight": "500",
275
- "letterSpacing": ".05em",
276
- "lineHeight": "130%"
277
- }
278
- }
279
- },
280
- "sm": {
281
- "breakpoint": {
282
- "lg": {
283
- "fontFamily": "'Slate Pro'",
284
- "fontSize": "20px",
285
- "fontWeight": "500",
286
- "letterSpacing": ".05em",
287
- "lineHeight": "130%"
288
- },
289
- "md": {
290
- "fontFamily": "'Slate Pro'",
291
- "fontSize": "18px",
292
- "fontWeight": "500",
293
- "letterSpacing": ".05em",
294
- "lineHeight": "130%"
295
- },
296
- "sm": {
297
- "fontFamily": "'Slate Pro'",
298
- "fontSize": "18px",
299
- "fontWeight": "500",
300
- "letterSpacing": ".05em",
301
- "lineHeight": "130%"
302
- }
303
- }
304
- },
305
- "xl": {
306
- "breakpoint": {
307
- "lg": {
308
- "fontFamily": "'Slate Pro'",
309
- "fontSize": "32px",
310
- "fontWeight": "400",
311
- "letterSpacing": ".05em",
312
- "lineHeight": "130%"
313
- },
314
- "md": {
315
- "fontFamily": "'Slate Pro'",
316
- "fontSize": "28px",
317
- "fontWeight": "400",
318
- "letterSpacing": ".05em",
319
- "lineHeight": "130%"
320
- },
321
- "sm": {
322
- "fontFamily": "'Slate Pro'",
323
- "fontSize": "26px",
324
- "fontWeight": "400",
325
- "letterSpacing": ".05em",
326
- "lineHeight": "130%"
327
- }
328
- }
329
- },
330
- "xs": {
331
- "breakpoint": {
332
- "lg": {
333
- "fontFamily": "'Slate Pro'",
334
- "fontSize": "16px",
335
- "fontWeight": "500",
336
- "letterSpacing": ".10em",
337
- "lineHeight": "130%"
338
- },
339
- "md": {
340
- "fontFamily": "'Slate Pro'",
341
- "fontSize": "16px",
342
- "fontWeight": "500",
343
- "letterSpacing": ".10em",
344
- "lineHeight": "130%"
345
- },
346
- "sm": {
347
- "fontFamily": "'Slate Pro'",
348
- "fontSize": "16px",
349
- "fontWeight": "500",
350
- "letterSpacing": ".10em",
351
- "lineHeight": "130%"
352
- }
353
- }
354
- },
355
- "xxl": {
356
- "breakpoint": {
357
- "lg": {
358
- "fontFamily": "'Slate Pro'",
359
- "fontSize": "38px",
360
- "fontWeight": "400",
361
- "letterSpacing": ".05em",
362
- "lineHeight": "100%"
363
- },
364
- "md": {
365
- "fontFamily": "'Slate Pro'",
366
- "fontSize": "38px",
367
- "fontWeight": "400",
368
- "letterSpacing": ".05em",
369
- "lineHeight": "100%"
370
- },
371
- "sm": {
372
- "fontFamily": "'Slate Pro'",
373
- "fontSize": "32px",
374
- "fontWeight": "400",
375
- "letterSpacing": ".05em",
376
- "lineHeight": "100%"
377
- }
378
- }
379
- },
380
- "xxs": {
381
- "breakpoint": {
382
- "lg": {
383
- "fontFamily": "'Slate Pro'",
384
- "fontSize": "14px",
385
- "fontWeight": "400",
386
- "letterSpacing": ".10em",
387
- "lineHeight": "130%"
388
- },
389
- "md": {
390
- "fontFamily": "'Slate Pro'",
391
- "fontSize": "14px",
392
- "fontWeight": "400",
393
- "letterSpacing": ".10em",
394
- "lineHeight": "130%"
395
- },
396
- "sm": {
397
- "fontFamily": "'Slate Pro'",
398
- "fontSize": "14px",
399
- "fontWeight": "400",
400
- "letterSpacing": ".10em",
401
- "lineHeight": "130%"
402
- }
403
- }
404
- }
405
- },
406
- "body": {
407
- "default": {
408
- "fontFamily": "'Slate Pro'",
409
- "fontSize": "16px",
410
- "fontWeight": "400",
411
- "letterSpacing": "0",
412
- "lineHeight": "24px"
413
- },
414
- "lg": {
415
- "fontFamily": "'Slate Pro'",
416
- "fontSize": "18px",
417
- "fontWeight": "400",
418
- "letterSpacing": "0",
419
- "lineHeight": "26px"
420
- },
421
- "sm": {
422
- "fontFamily": "'Slate Pro'",
423
- "fontSize": "14px",
424
- "fontWeight": "400",
425
- "letterSpacing": "0",
426
- "lineHeight": "20px"
427
- },
428
- "xs": {
429
- "fontFamily": "'Slate Pro'",
430
- "fontSize": "12px",
431
- "fontWeight": "400",
432
- "letterSpacing": "0",
433
- "lineHeight": "16px"
434
- },
435
- "xxs": {
436
- "fontFamily": "'Slate Pro'",
437
- "fontSize": "10px",
438
- "fontWeight": "400",
439
- "letterSpacing": "0",
440
- "lineHeight": "14px"
441
- }
442
- },
443
- "display": {
444
- "lg": {
445
- "breakpoint": {
446
- "lg": {
447
- "fontFamily": "'Chronicle Display'",
448
- "fontSize": "64px",
449
- "fontWeight": "600",
450
- "letterSpacing": "0",
451
- "lineHeight": "130%"
452
- },
453
- "md": {
454
- "fontFamily": "'Chronicle Display'",
455
- "fontSize": "56px",
456
- "fontWeight": "600",
457
- "letterSpacing": "0",
458
- "lineHeight": "130%"
459
- },
460
- "sm": {
461
- "fontFamily": "'Chronicle Display'",
462
- "fontSize": "44px",
463
- "fontWeight": "600",
464
- "letterSpacing": "0",
465
- "lineHeight": "130%"
466
- }
467
- }
468
- },
469
- "md": {
470
- "breakpoint": {
471
- "lg": {
472
- "fontFamily": "'Chronicle Display'",
473
- "fontSize": "56px",
474
- "fontWeight": "600",
475
- "letterSpacing": "0",
476
- "lineHeight": "130%"
477
- },
478
- "md": {
479
- "fontFamily": "'Chronicle Display'",
480
- "fontSize": "48px",
481
- "fontWeight": "600",
482
- "letterSpacing": "0",
483
- "lineHeight": "130%"
484
- },
485
- "sm": {
486
- "fontFamily": "'Chronicle Display'",
487
- "fontSize": "40px",
488
- "fontWeight": "600",
489
- "letterSpacing": "0",
490
- "lineHeight": "130%"
491
- }
492
- }
493
- },
494
- "sm": {
495
- "breakpoint": {
496
- "lg": {
497
- "fontFamily": "'Chronicle Display'",
498
- "fontSize": "48px",
499
- "fontWeight": "600",
500
- "letterSpacing": "0",
501
- "lineHeight": "130%"
502
- },
503
- "md": {
504
- "fontFamily": "'Chronicle Display'",
505
- "fontSize": "44px",
506
- "fontWeight": "600",
507
- "letterSpacing": "0",
508
- "lineHeight": "130%"
509
- },
510
- "sm": {
511
- "fontFamily": "'Chronicle Display'",
512
- "fontSize": "32px",
513
- "fontWeight": "600",
514
- "letterSpacing": "0",
515
- "lineHeight": "130%"
516
- }
517
- }
518
- },
519
- "xl": {
520
- "breakpoint": {
521
- "lg": {
522
- "fontFamily": "'Chronicle Display'",
523
- "fontSize": "72px",
524
- "fontWeight": "600",
525
- "letterSpacing": "0",
526
- "lineHeight": "130%"
527
- },
528
- "md": {
529
- "fontFamily": "'Chronicle Display'",
530
- "fontSize": "64px",
531
- "fontWeight": "600",
532
- "letterSpacing": "0",
533
- "lineHeight": "130%"
534
- },
535
- "sm": {
536
- "fontFamily": "'Chronicle Display'",
537
- "fontSize": "48px",
538
- "fontWeight": "600",
539
- "letterSpacing": "0",
540
- "lineHeight": "130%"
541
- }
542
- }
543
- },
544
- "xs": {
545
- "breakpoint": {
546
- "lg": {
547
- "fontFamily": "'Chronicle Display'",
548
- "fontSize": "38px",
549
- "fontWeight": "600",
550
- "letterSpacing": "0",
551
- "lineHeight": "130%"
552
- },
553
- "md": {
554
- "fontFamily": "'Chronicle Display'",
555
- "fontSize": "36px",
556
- "fontWeight": "600",
557
- "letterSpacing": "0",
558
- "lineHeight": "130%"
559
- },
560
- "sm": {
561
- "fontFamily": "'Chronicle Display'",
562
- "fontSize": "28px",
563
- "fontWeight": "600",
564
- "letterSpacing": "0",
565
- "lineHeight": "130%"
566
- }
567
- }
568
- },
569
- "xxl": {
570
- "breakpoint": {
571
- "lg": {
572
- "fontFamily": "'Chronicle Display'",
573
- "fontSize": "86px",
574
- "fontWeight": "600",
575
- "letterSpacing": "0",
576
- "lineHeight": "130%"
577
- },
578
- "md": {
579
- "fontFamily": "'Chronicle Display'",
580
- "fontSize": "72px",
581
- "fontWeight": "600",
582
- "letterSpacing": "0",
583
- "lineHeight": "130%"
584
- },
585
- "sm": {
586
- "fontFamily": "'Chronicle Display'",
587
- "fontSize": "56px",
588
- "fontWeight": "600",
589
- "letterSpacing": "0",
590
- "lineHeight": "130%"
591
- }
592
- }
593
- }
594
- },
595
- "heading": {
596
- "lg": {
597
- "breakpoint": {
598
- "lg": {
599
- "fontFamily": "'Slate Pro'",
600
- "fontSize": "36px",
601
- "fontWeight": "400",
602
- "letterSpacing": "0",
603
- "lineHeight": "130%"
604
- },
605
- "md": {
606
- "fontFamily": "'Slate Pro'",
607
- "fontSize": "32px",
608
- "fontWeight": "400",
609
- "letterSpacing": "0",
610
- "lineHeight": "130%"
611
- },
612
- "sm": {
613
- "fontFamily": "'Slate Pro'",
614
- "fontSize": "28px",
615
- "fontWeight": "400",
616
- "letterSpacing": "0",
617
- "lineHeight": "130%"
618
- }
619
- }
620
- },
621
- "md": {
622
- "breakpoint": {
623
- "lg": {
624
- "fontFamily": "'Slate Pro'",
625
- "fontSize": "28px",
626
- "fontWeight": "500",
627
- "letterSpacing": "0",
628
- "lineHeight": "130%"
629
- },
630
- "md": {
631
- "fontFamily": "'Slate Pro'",
632
- "fontSize": "28px",
633
- "fontWeight": "500",
634
- "letterSpacing": "0",
635
- "lineHeight": "130%"
636
- },
637
- "sm": {
638
- "fontFamily": "'Slate Pro'",
639
- "fontSize": "26px",
640
- "fontWeight": "500",
641
- "letterSpacing": "0",
642
- "lineHeight": "130%"
643
- }
644
- }
645
- },
646
- "sm": {
647
- "breakpoint": {
648
- "lg": {
649
- "fontFamily": "'Slate Pro'",
650
- "fontSize": "24px",
651
- "fontWeight": "500",
652
- "letterSpacing": "0",
653
- "lineHeight": "130%"
654
- },
655
- "md": {
656
- "fontFamily": "'Slate Pro'",
657
- "fontSize": "24px",
658
- "fontWeight": "500",
659
- "letterSpacing": "0",
660
- "lineHeight": "130%"
661
- },
662
- "sm": {
663
- "fontFamily": "'Slate Pro'",
664
- "fontSize": "22px",
665
- "fontWeight": "500",
666
- "letterSpacing": "0",
667
- "lineHeight": "130%"
668
- }
669
- }
670
- },
671
- "xl": {
672
- "breakpoint": {
673
- "lg": {
674
- "fontFamily": "'Slate Pro'",
675
- "fontSize": "40px",
676
- "fontWeight": "400",
677
- "letterSpacing": "0",
678
- "lineHeight": "130%"
679
- },
680
- "md": {
681
- "fontFamily": "'Slate Pro'",
682
- "fontSize": "36px",
683
- "fontWeight": "400",
684
- "letterSpacing": "0",
685
- "lineHeight": "130%"
686
- },
687
- "sm": {
688
- "fontFamily": "'Slate Pro'",
689
- "fontSize": "32px",
690
- "fontWeight": "400",
691
- "letterSpacing": "0",
692
- "lineHeight": "130%"
693
- }
694
- }
695
- },
696
- "xs": {
697
- "breakpoint": {
698
- "lg": {
699
- "fontFamily": "'Slate Pro'",
700
- "fontSize": "20px",
701
- "fontWeight": "500",
702
- "letterSpacing": "0",
703
- "lineHeight": "130%"
704
- },
705
- "md": {
706
- "fontFamily": "'Slate Pro'",
707
- "fontSize": "20px",
708
- "fontWeight": "500",
709
- "letterSpacing": "0",
710
- "lineHeight": "130%"
711
- },
712
- "sm": {
713
- "fontFamily": "'Slate Pro'",
714
- "fontSize": "20px",
715
- "fontWeight": "500",
716
- "letterSpacing": "0",
717
- "lineHeight": "130%"
718
- }
719
- }
720
- },
721
- "xxs": {
722
- "breakpoint": {
723
- "lg": {
724
- "fontFamily": "'Slate Pro'",
725
- "fontSize": "18px",
726
- "fontWeight": "500",
727
- "letterSpacing": "0",
728
- "lineHeight": "130%"
729
- },
730
- "md": {
731
- "fontFamily": "'Slate Pro'",
732
- "fontSize": "18px",
733
- "fontWeight": "500",
734
- "letterSpacing": "0",
735
- "lineHeight": "130%"
736
- },
737
- "sm": {
738
- "fontFamily": "'Slate Pro'",
739
- "fontSize": "18px",
740
- "fontWeight": "500",
741
- "letterSpacing": "0",
742
- "lineHeight": "130%"
743
- }
744
- }
745
- }
746
- }
747
- },
748
- "cornerRadius": {
749
- "large": "24px",
750
- "medium": "16px",
751
- "small": "4px"
752
- }
753
279
  }
754
280
  }