@aurodesignsystem/design-tokens 5.10.0 → 5.12.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 (57) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/CSSCustomProperties--bundled.css +394 -388
  3. package/dist/alaska/CSSCustomProperties--alaska.css +132 -130
  4. package/dist/alaska/JSONVariablesNested--alaska.json +139 -133
  5. package/dist/alaska/JSObject--allTokens.js +346 -284
  6. package/dist/alaska/SCSSVariables--alaska.scss +132 -130
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +132 -130
  8. package/dist/alaska/primitives--alaska.scss +10 -10
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +132 -130
  10. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +139 -133
  11. package/dist/alaska-classic/JSObject--allTokens.js +346 -284
  12. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +132 -130
  13. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +132 -130
  14. package/dist/alaska-classic/primitives--alaskaClassic.scss +10 -10
  15. package/dist/auro-classic/CSSCustomProperties.css +2 -2
  16. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  17. package/dist/auro-classic/JSData--color.js +1 -1
  18. package/dist/auro-classic/JSONVariablesFlat.json +1 -1
  19. package/dist/auro-classic/JSONVariablesNested.json +1 -1
  20. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  21. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  22. package/dist/auro-classic/JSVariables--color.js +1 -1
  23. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  24. package/dist/auro-classic/SCSSVariables.scss +2 -2
  25. package/dist/auro-classic/SCSSVariablesMapFlat.scss +2 -2
  26. package/dist/auro-classic/SassCustomProperties.scss +2 -2
  27. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  28. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +132 -130
  29. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +139 -133
  30. package/dist/hawaiian/JSObject--allTokens.js +346 -284
  31. package/dist/hawaiian/SCSSVariables--hawaiian.scss +132 -130
  32. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +132 -130
  33. package/dist/hawaiian/primitives--hawaiian.scss +10 -10
  34. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  35. package/package.json +1 -1
  36. package/src/primitives/base/font.json +14 -14
  37. package/src/themes/alaska/advanced/color/flightline.json +22 -0
  38. package/src/themes/alaska/basic/color/fare-brand.json +0 -39
  39. package/src/themes/alaska/basic/color/tier-program.json +47 -0
  40. package/src/themes/alaska/basic/font/accent.json +21 -21
  41. package/src/themes/alaska/basic/font/body.json +5 -5
  42. package/src/themes/alaska/basic/font/display.json +18 -18
  43. package/src/themes/alaska/basic/font/heading.json +18 -18
  44. package/src/themes/alaska-classic/advanced/color/flightline.json +22 -0
  45. package/src/themes/alaska-classic/basic/color/fare-brand.json +0 -39
  46. package/src/themes/alaska-classic/basic/color/tier-program.json +47 -0
  47. package/src/themes/alaska-classic/basic/font/accent.json +21 -21
  48. package/src/themes/alaska-classic/basic/font/body.json +5 -5
  49. package/src/themes/alaska-classic/basic/font/display.json +18 -18
  50. package/src/themes/alaska-classic/basic/font/heading.json +18 -18
  51. package/src/themes/hawaiian/advanced/color/flightline.json +22 -0
  52. package/src/themes/hawaiian/basic/color/fare-brand.json +0 -39
  53. package/src/themes/hawaiian/basic/color/tier-program.json +47 -0
  54. package/src/themes/hawaiian/basic/font/accent.json +21 -21
  55. package/src/themes/hawaiian/basic/font/body.json +5 -5
  56. package/src/themes/hawaiian/basic/font/display.json +18 -18
  57. package/src/themes/hawaiian/basic/font/heading.json +18 -18
package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Apr 2025 19:58:34 GMT
3
+ * Generated on Wed, 30 Apr 2025 16:05:20 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -76,6 +76,8 @@
76
76
  --ds-advanced-color-boolean-istrue-hover: #003761;
77
77
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
78
78
  --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
79
+ --ds-advanced-color-flightline-indicator: #003761;
80
+ --ds-advanced-color-flightline-line: #003761;
79
81
  --ds-advanced-color-hyperlink-text: #0074ca;
80
82
  --ds-advanced-color-hyperlink-text-hover: #01426a;
81
83
  --ds-advanced-color-hyperlink-text-inverse: #97eaf8;
@@ -121,11 +123,6 @@
121
123
  --ds-basic-color-fare-business: #01426a;
122
124
  --ds-basic-color-fare-economy: #0074ca;
123
125
  --ds-basic-color-fare-first: #00274a;
124
- --ds-basic-color-fare-loungetier-lounge: #01426a;
125
- --ds-basic-color-fare-loungetier-loungeplus: #53b390;
126
- --ds-basic-color-fare-oneworld-emerald: #139142;
127
- --ds-basic-color-fare-oneworld-ruby: #a41d4a;
128
- --ds-basic-color-fare-oneworld-sapphire: #015daa;
129
126
  --ds-basic-color-fare-premiumeconomy: #005154;
130
127
  --ds-basic-color-page-background-default: #ffffff;
131
128
  --ds-basic-color-page-background-utility: #f7f8fa;
@@ -155,314 +152,319 @@
155
152
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
156
153
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
157
154
  --ds-basic-color-texticon-muted: #676767;
158
- --ds-basic-text-accent-xxl-breakpoint-lg-font-family: AS Circular;
155
+ --ds-basic-color-tier-program-loungetier-lounge: #01426a;
156
+ --ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
157
+ --ds-basic-color-tier-program-oneworld-emerald: #139142;
158
+ --ds-basic-color-tier-program-oneworld-ruby: #a41d4a;
159
+ --ds-basic-color-tier-program-oneworld-sapphire: #015daa;
160
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-family: 'AS Circular';
159
161
  --ds-basic-text-accent-xxl-breakpoint-lg-font-size: 38px;
160
- --ds-basic-text-accent-xxl-breakpoint-lg-font-weight: Book;
162
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-weight: 450;
161
163
  --ds-basic-text-accent-xxl-breakpoint-lg-letter-spacing: .05em;
162
164
  --ds-basic-text-accent-xxl-breakpoint-lg-line-height: 100%;
163
- --ds-basic-text-accent-xxl-breakpoint-md-font-family: AS Circular;
165
+ --ds-basic-text-accent-xxl-breakpoint-md-font-family: 'AS Circular';
164
166
  --ds-basic-text-accent-xxl-breakpoint-md-font-size: 38px;
165
- --ds-basic-text-accent-xxl-breakpoint-md-font-weight: Book;
167
+ --ds-basic-text-accent-xxl-breakpoint-md-font-weight: 450;
166
168
  --ds-basic-text-accent-xxl-breakpoint-md-letter-spacing: .05em;
167
169
  --ds-basic-text-accent-xxl-breakpoint-md-line-height: 100%;
168
- --ds-basic-text-accent-xxl-breakpoint-sm-font-family: AS Circular;
170
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-family: 'AS Circular';
169
171
  --ds-basic-text-accent-xxl-breakpoint-sm-font-size: 32px;
170
- --ds-basic-text-accent-xxl-breakpoint-sm-font-weight: Book;
172
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-weight: 450;
171
173
  --ds-basic-text-accent-xxl-breakpoint-sm-letter-spacing: .05em;
172
174
  --ds-basic-text-accent-xxl-breakpoint-sm-line-height: 100%;
173
- --ds-basic-text-accent-xl-breakpoint-lg-font-family: AS Circular;
175
+ --ds-basic-text-accent-xl-breakpoint-lg-font-family: 'AS Circular';
174
176
  --ds-basic-text-accent-xl-breakpoint-lg-font-size: 32px;
175
- --ds-basic-text-accent-xl-breakpoint-lg-font-weight: Book;
177
+ --ds-basic-text-accent-xl-breakpoint-lg-font-weight: 450;
176
178
  --ds-basic-text-accent-xl-breakpoint-lg-letter-spacing: .05em;
177
179
  --ds-basic-text-accent-xl-breakpoint-lg-line-height: 130%;
178
- --ds-basic-text-accent-xl-breakpoint-md-font-family: AS Circular;
180
+ --ds-basic-text-accent-xl-breakpoint-md-font-family: 'AS Circular';
179
181
  --ds-basic-text-accent-xl-breakpoint-md-font-size: 28px;
180
- --ds-basic-text-accent-xl-breakpoint-md-font-weight: Book;
182
+ --ds-basic-text-accent-xl-breakpoint-md-font-weight: 450;
181
183
  --ds-basic-text-accent-xl-breakpoint-md-letter-spacing: .05em;
182
184
  --ds-basic-text-accent-xl-breakpoint-md-line-height: 130%;
183
- --ds-basic-text-accent-xl-breakpoint-sm-font-family: AS Circular;
185
+ --ds-basic-text-accent-xl-breakpoint-sm-font-family: 'AS Circular';
184
186
  --ds-basic-text-accent-xl-breakpoint-sm-font-size: 26px;
185
- --ds-basic-text-accent-xl-breakpoint-sm-font-weight: Book;
187
+ --ds-basic-text-accent-xl-breakpoint-sm-font-weight: 450;
186
188
  --ds-basic-text-accent-xl-breakpoint-sm-letter-spacing: .05em;
187
189
  --ds-basic-text-accent-xl-breakpoint-sm-line-height: 130%;
188
- --ds-basic-text-accent-lg-breakpoint-lg-font-family: AS Circular;
190
+ --ds-basic-text-accent-lg-breakpoint-lg-font-family: 'AS Circular';
189
191
  --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
190
- --ds-basic-text-accent-lg-breakpoint-lg-font-weight: Book;
192
+ --ds-basic-text-accent-lg-breakpoint-lg-font-weight: 450;
191
193
  --ds-basic-text-accent-lg-breakpoint-lg-letter-spacing: .05em;
192
194
  --ds-basic-text-accent-lg-breakpoint-lg-line-height: 130%;
193
- --ds-basic-text-accent-lg-breakpoint-md-font-family: AS Circular;
195
+ --ds-basic-text-accent-lg-breakpoint-md-font-family: 'AS Circular';
194
196
  --ds-basic-text-accent-lg-breakpoint-md-font-size: 26px;
195
- --ds-basic-text-accent-lg-breakpoint-md-font-weight: Book;
197
+ --ds-basic-text-accent-lg-breakpoint-md-font-weight: 450;
196
198
  --ds-basic-text-accent-lg-breakpoint-md-letter-spacing: .05em;
197
199
  --ds-basic-text-accent-lg-breakpoint-md-line-height: 130%;
198
- --ds-basic-text-accent-lg-breakpoint-sm-font-family: AS Circular;
200
+ --ds-basic-text-accent-lg-breakpoint-sm-font-family: 'AS Circular';
199
201
  --ds-basic-text-accent-lg-breakpoint-sm-font-size: 24px;
200
- --ds-basic-text-accent-lg-breakpoint-sm-font-weight: Book;
202
+ --ds-basic-text-accent-lg-breakpoint-sm-font-weight: 450;
201
203
  --ds-basic-text-accent-lg-breakpoint-sm-letter-spacing: .05em;
202
204
  --ds-basic-text-accent-lg-breakpoint-sm-line-height: 130%;
203
- --ds-basic-text-accent-md-breakpoint-lg-font-family: AS Circular;
205
+ --ds-basic-text-accent-md-breakpoint-lg-font-family: 'AS Circular';
204
206
  --ds-basic-text-accent-md-breakpoint-lg-font-size: 24px;
205
- --ds-basic-text-accent-md-breakpoint-lg-font-weight: Cond Medium;
207
+ --ds-basic-text-accent-md-breakpoint-lg-font-weight: 500;
206
208
  --ds-basic-text-accent-md-breakpoint-lg-letter-spacing: .05em;
207
209
  --ds-basic-text-accent-md-breakpoint-lg-line-height: 130%;
208
- --ds-basic-text-accent-md-breakpoint-md-font-family: AS Circular;
210
+ --ds-basic-text-accent-md-breakpoint-md-font-family: 'AS Circular';
209
211
  --ds-basic-text-accent-md-breakpoint-md-font-size: 22px;
210
- --ds-basic-text-accent-md-breakpoint-md-font-weight: Cond Medium;
212
+ --ds-basic-text-accent-md-breakpoint-md-font-weight: 500;
211
213
  --ds-basic-text-accent-md-breakpoint-md-letter-spacing: .05em;
212
214
  --ds-basic-text-accent-md-breakpoint-md-line-height: 130%;
213
- --ds-basic-text-accent-md-breakpoint-sm-font-family: AS Circular;
215
+ --ds-basic-text-accent-md-breakpoint-sm-font-family: 'AS Circular';
214
216
  --ds-basic-text-accent-md-breakpoint-sm-font-size: 22px;
215
- --ds-basic-text-accent-md-breakpoint-sm-font-weight: Cond Medium;
217
+ --ds-basic-text-accent-md-breakpoint-sm-font-weight: 500;
216
218
  --ds-basic-text-accent-md-breakpoint-sm-letter-spacing: .05em;
217
219
  --ds-basic-text-accent-md-breakpoint-sm-line-height: 130%;
218
- --ds-basic-text-accent-sm-breakpoint-lg-font-family: AS Circular;
220
+ --ds-basic-text-accent-sm-breakpoint-lg-font-family: 'AS Circular';
219
221
  --ds-basic-text-accent-sm-breakpoint-lg-font-size: 20px;
220
- --ds-basic-text-accent-sm-breakpoint-lg-font-weight: Cond Medium;
222
+ --ds-basic-text-accent-sm-breakpoint-lg-font-weight: 500;
221
223
  --ds-basic-text-accent-sm-breakpoint-lg-letter-spacing: .05em;
222
224
  --ds-basic-text-accent-sm-breakpoint-lg-line-height: 130%;
223
- --ds-basic-text-accent-sm-breakpoint-md-font-family: AS Circular;
225
+ --ds-basic-text-accent-sm-breakpoint-md-font-family: 'AS Circular';
224
226
  --ds-basic-text-accent-sm-breakpoint-md-font-size: 18px;
225
- --ds-basic-text-accent-sm-breakpoint-md-font-weight: Cond Medium;
227
+ --ds-basic-text-accent-sm-breakpoint-md-font-weight: 500;
226
228
  --ds-basic-text-accent-sm-breakpoint-md-letter-spacing: .05em;
227
229
  --ds-basic-text-accent-sm-breakpoint-md-line-height: 130%;
228
- --ds-basic-text-accent-sm-breakpoint-sm-font-family: AS Circular;
230
+ --ds-basic-text-accent-sm-breakpoint-sm-font-family: 'AS Circular';
229
231
  --ds-basic-text-accent-sm-breakpoint-sm-font-size: 18px;
230
- --ds-basic-text-accent-sm-breakpoint-sm-font-weight: Cond Medium;
232
+ --ds-basic-text-accent-sm-breakpoint-sm-font-weight: 500;
231
233
  --ds-basic-text-accent-sm-breakpoint-sm-letter-spacing: .05em;
232
234
  --ds-basic-text-accent-sm-breakpoint-sm-line-height: 130%;
233
- --ds-basic-text-accent-xs-breakpoint-lg-font-family: AS Circular;
235
+ --ds-basic-text-accent-xs-breakpoint-lg-font-family: 'AS Circular';
234
236
  --ds-basic-text-accent-xs-breakpoint-lg-font-size: 16px;
235
- --ds-basic-text-accent-xs-breakpoint-lg-font-weight: Cond Medium;
237
+ --ds-basic-text-accent-xs-breakpoint-lg-font-weight: 500;
236
238
  --ds-basic-text-accent-xs-breakpoint-lg-letter-spacing: .10em;
237
239
  --ds-basic-text-accent-xs-breakpoint-lg-line-height: 130%;
238
- --ds-basic-text-accent-xs-breakpoint-md-font-family: AS Circular;
240
+ --ds-basic-text-accent-xs-breakpoint-md-font-family: 'AS Circular';
239
241
  --ds-basic-text-accent-xs-breakpoint-md-font-size: 16px;
240
- --ds-basic-text-accent-xs-breakpoint-md-font-weight: Cond Medium;
242
+ --ds-basic-text-accent-xs-breakpoint-md-font-weight: 500;
241
243
  --ds-basic-text-accent-xs-breakpoint-md-letter-spacing: .10em;
242
244
  --ds-basic-text-accent-xs-breakpoint-md-line-height: 130%;
243
- --ds-basic-text-accent-xs-breakpoint-sm-font-family: AS Circular;
245
+ --ds-basic-text-accent-xs-breakpoint-sm-font-family: 'AS Circular';
244
246
  --ds-basic-text-accent-xs-breakpoint-sm-font-size: 16px;
245
- --ds-basic-text-accent-xs-breakpoint-sm-font-weight: Cond Medium;
247
+ --ds-basic-text-accent-xs-breakpoint-sm-font-weight: 500;
246
248
  --ds-basic-text-accent-xs-breakpoint-sm-letter-spacing: .10em;
247
249
  --ds-basic-text-accent-xs-breakpoint-sm-line-height: 130%;
248
- --ds-basic-text-accent-xxs-breakpoint-lg-font-family: AS Circular;
250
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-family: 'AS Circular';
249
251
  --ds-basic-text-accent-xxs-breakpoint-lg-font-size: 14px;
250
- --ds-basic-text-accent-xxs-breakpoint-lg-font-weight: Book;
252
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-weight: 450;
251
253
  --ds-basic-text-accent-xxs-breakpoint-lg-letter-spacing: .10em;
252
254
  --ds-basic-text-accent-xxs-breakpoint-lg-line-height: 130%;
253
- --ds-basic-text-accent-xxs-breakpoint-md-font-family: AS Circular;
255
+ --ds-basic-text-accent-xxs-breakpoint-md-font-family: 'AS Circular';
254
256
  --ds-basic-text-accent-xxs-breakpoint-md-font-size: 14px;
255
- --ds-basic-text-accent-xxs-breakpoint-md-font-weight: Book;
257
+ --ds-basic-text-accent-xxs-breakpoint-md-font-weight: 450;
256
258
  --ds-basic-text-accent-xxs-breakpoint-md-letter-spacing: .10em;
257
259
  --ds-basic-text-accent-xxs-breakpoint-md-line-height: 130%;
258
- --ds-basic-text-accent-xxs-breakpoint-sm-font-family: AS Circular;
260
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-family: 'AS Circular';
259
261
  --ds-basic-text-accent-xxs-breakpoint-sm-font-size: 14px;
260
- --ds-basic-text-accent-xxs-breakpoint-sm-font-weight: Book;
262
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-weight: 450;
261
263
  --ds-basic-text-accent-xxs-breakpoint-sm-letter-spacing: .10em;
262
264
  --ds-basic-text-accent-xxs-breakpoint-sm-line-height: 130%;
263
- --ds-basic-text-body-lg-font-family: AS Circular;
265
+ --ds-basic-text-body-lg-font-family: 'AS Circular';
264
266
  --ds-basic-text-body-lg-font-size: 18px;
265
- --ds-basic-text-body-lg-font-weight: Book;
267
+ --ds-basic-text-body-lg-font-weight: 450;
266
268
  --ds-basic-text-body-lg-letter-spacing: 0;
267
269
  --ds-basic-text-body-lg-line-height: 26px;
268
- --ds-basic-text-body-default-font-family: AS Circular;
270
+ --ds-basic-text-body-default-font-family: 'AS Circular';
269
271
  --ds-basic-text-body-default-font-size: 16px;
270
- --ds-basic-text-body-default-font-weight: Book;
272
+ --ds-basic-text-body-default-font-weight: 450;
271
273
  --ds-basic-text-body-default-letter-spacing: 0;
272
274
  --ds-basic-text-body-default-line-height: 24px;
273
- --ds-basic-text-body-sm-font-family: AS Circular;
275
+ --ds-basic-text-body-sm-font-family: 'AS Circular';
274
276
  --ds-basic-text-body-sm-font-size: 14px;
275
- --ds-basic-text-body-sm-font-weight: Book;
277
+ --ds-basic-text-body-sm-font-weight: 450;
276
278
  --ds-basic-text-body-sm-letter-spacing: 0;
277
279
  --ds-basic-text-body-sm-line-height: 20px;
278
- --ds-basic-text-body-xs-font-family: AS Circular;
280
+ --ds-basic-text-body-xs-font-family: 'AS Circular';
279
281
  --ds-basic-text-body-xs-font-size: 12px;
280
- --ds-basic-text-body-xs-font-weight: Book;
282
+ --ds-basic-text-body-xs-font-weight: 450;
281
283
  --ds-basic-text-body-xs-letter-spacing: 0;
282
284
  --ds-basic-text-body-xs-line-height: 16px;
283
- --ds-basic-text-body-xxs-font-family: AS Circular;
285
+ --ds-basic-text-body-xxs-font-family: 'AS Circular';
284
286
  --ds-basic-text-body-xxs-font-size: 10px;
285
- --ds-basic-text-body-xxs-font-weight: Book;
287
+ --ds-basic-text-body-xxs-font-weight: 450;
286
288
  --ds-basic-text-body-xxs-letter-spacing: 0;
287
289
  --ds-basic-text-body-xxs-line-height: 14px;
288
- --ds-basic-text-display-xxl-breakpoint-lg-font-family: AS Circular;
290
+ --ds-basic-text-display-xxl-breakpoint-lg-font-family: 'AS Circular';
289
291
  --ds-basic-text-display-xxl-breakpoint-lg-font-size: 86px;
290
- --ds-basic-text-display-xxl-breakpoint-lg-font-weight: Light;
292
+ --ds-basic-text-display-xxl-breakpoint-lg-font-weight: 300;
291
293
  --ds-basic-text-display-xxl-breakpoint-lg-letter-spacing: 0;
292
294
  --ds-basic-text-display-xxl-breakpoint-lg-line-height: 130%;
293
- --ds-basic-text-display-xxl-breakpoint-md-font-family: AS Circular;
295
+ --ds-basic-text-display-xxl-breakpoint-md-font-family: 'AS Circular';
294
296
  --ds-basic-text-display-xxl-breakpoint-md-font-size: 72px;
295
- --ds-basic-text-display-xxl-breakpoint-md-font-weight: Light;
297
+ --ds-basic-text-display-xxl-breakpoint-md-font-weight: 300;
296
298
  --ds-basic-text-display-xxl-breakpoint-md-letter-spacing: 0;
297
299
  --ds-basic-text-display-xxl-breakpoint-md-line-height: 130%;
298
- --ds-basic-text-display-xxl-breakpoint-sm-font-family: AS Circular;
300
+ --ds-basic-text-display-xxl-breakpoint-sm-font-family: 'AS Circular';
299
301
  --ds-basic-text-display-xxl-breakpoint-sm-font-size: 56px;
300
- --ds-basic-text-display-xxl-breakpoint-sm-font-weight: Light;
302
+ --ds-basic-text-display-xxl-breakpoint-sm-font-weight: 300;
301
303
  --ds-basic-text-display-xxl-breakpoint-sm-letter-spacing: 0;
302
304
  --ds-basic-text-display-xxl-breakpoint-sm-line-height: 130%;
303
- --ds-basic-text-display-xl-breakpoint-lg-font-family: AS Circular;
305
+ --ds-basic-text-display-xl-breakpoint-lg-font-family: 'AS Circular';
304
306
  --ds-basic-text-display-xl-breakpoint-lg-font-size: 72px;
305
- --ds-basic-text-display-xl-breakpoint-lg-font-weight: Light;
307
+ --ds-basic-text-display-xl-breakpoint-lg-font-weight: 300;
306
308
  --ds-basic-text-display-xl-breakpoint-lg-letter-spacing: 0;
307
309
  --ds-basic-text-display-xl-breakpoint-lg-line-height: 130%;
308
- --ds-basic-text-display-xl-breakpoint-md-font-family: AS Circular;
310
+ --ds-basic-text-display-xl-breakpoint-md-font-family: 'AS Circular';
309
311
  --ds-basic-text-display-xl-breakpoint-md-font-size: 64px;
310
- --ds-basic-text-display-xl-breakpoint-md-font-weight: Light;
312
+ --ds-basic-text-display-xl-breakpoint-md-font-weight: 300;
311
313
  --ds-basic-text-display-xl-breakpoint-md-letter-spacing: 0;
312
314
  --ds-basic-text-display-xl-breakpoint-md-line-height: 130%;
313
- --ds-basic-text-display-xl-breakpoint-sm-font-family: AS Circular;
315
+ --ds-basic-text-display-xl-breakpoint-sm-font-family: 'AS Circular';
314
316
  --ds-basic-text-display-xl-breakpoint-sm-font-size: 48px;
315
- --ds-basic-text-display-xl-breakpoint-sm-font-weight: Light;
317
+ --ds-basic-text-display-xl-breakpoint-sm-font-weight: 300;
316
318
  --ds-basic-text-display-xl-breakpoint-sm-letter-spacing: 0;
317
319
  --ds-basic-text-display-xl-breakpoint-sm-line-height: 130%;
318
- --ds-basic-text-display-lg-breakpoint-lg-font-family: AS Circular;
320
+ --ds-basic-text-display-lg-breakpoint-lg-font-family: 'AS Circular';
319
321
  --ds-basic-text-display-lg-breakpoint-lg-font-size: 64px;
320
- --ds-basic-text-display-lg-breakpoint-lg-font-weight: Light;
322
+ --ds-basic-text-display-lg-breakpoint-lg-font-weight: 300;
321
323
  --ds-basic-text-display-lg-breakpoint-lg-letter-spacing: 0;
322
324
  --ds-basic-text-display-lg-breakpoint-lg-line-height: 130%;
323
- --ds-basic-text-display-lg-breakpoint-md-font-family: AS Circular;
325
+ --ds-basic-text-display-lg-breakpoint-md-font-family: 'AS Circular';
324
326
  --ds-basic-text-display-lg-breakpoint-md-font-size: 56px;
325
- --ds-basic-text-display-lg-breakpoint-md-font-weight: Light;
327
+ --ds-basic-text-display-lg-breakpoint-md-font-weight: 300;
326
328
  --ds-basic-text-display-lg-breakpoint-md-letter-spacing: 0;
327
329
  --ds-basic-text-display-lg-breakpoint-md-line-height: 130%;
328
- --ds-basic-text-display-lg-breakpoint-sm-font-family: AS Circular;
330
+ --ds-basic-text-display-lg-breakpoint-sm-font-family: 'AS Circular';
329
331
  --ds-basic-text-display-lg-breakpoint-sm-font-size: 44px;
330
- --ds-basic-text-display-lg-breakpoint-sm-font-weight: Light;
332
+ --ds-basic-text-display-lg-breakpoint-sm-font-weight: 300;
331
333
  --ds-basic-text-display-lg-breakpoint-sm-letter-spacing: 0;
332
334
  --ds-basic-text-display-lg-breakpoint-sm-line-height: 130%;
333
- --ds-basic-text-display-md-breakpoint-lg-font-family: AS Circular;
335
+ --ds-basic-text-display-md-breakpoint-lg-font-family: 'AS Circular';
334
336
  --ds-basic-text-display-md-breakpoint-lg-font-size: 56px;
335
- --ds-basic-text-display-md-breakpoint-lg-font-weight: Light;
337
+ --ds-basic-text-display-md-breakpoint-lg-font-weight: 300;
336
338
  --ds-basic-text-display-md-breakpoint-lg-letter-spacing: 0;
337
339
  --ds-basic-text-display-md-breakpoint-lg-line-height: 130%;
338
- --ds-basic-text-display-md-breakpoint-md-font-family: AS Circular;
340
+ --ds-basic-text-display-md-breakpoint-md-font-family: 'AS Circular';
339
341
  --ds-basic-text-display-md-breakpoint-md-font-size: 48px;
340
- --ds-basic-text-display-md-breakpoint-md-font-weight: Light;
342
+ --ds-basic-text-display-md-breakpoint-md-font-weight: 300;
341
343
  --ds-basic-text-display-md-breakpoint-md-letter-spacing: 0;
342
344
  --ds-basic-text-display-md-breakpoint-md-line-height: 130%;
343
- --ds-basic-text-display-md-breakpoint-sm-font-family: AS Circular;
345
+ --ds-basic-text-display-md-breakpoint-sm-font-family: 'AS Circular';
344
346
  --ds-basic-text-display-md-breakpoint-sm-font-size: 40px;
345
- --ds-basic-text-display-md-breakpoint-sm-font-weight: Light;
347
+ --ds-basic-text-display-md-breakpoint-sm-font-weight: 300;
346
348
  --ds-basic-text-display-md-breakpoint-sm-letter-spacing: 0;
347
349
  --ds-basic-text-display-md-breakpoint-sm-line-height: 130%;
348
- --ds-basic-text-display-sm-breakpoint-lg-font-family: AS Circular;
350
+ --ds-basic-text-display-sm-breakpoint-lg-font-family: 'AS Circular';
349
351
  --ds-basic-text-display-sm-breakpoint-lg-font-size: 48px;
350
- --ds-basic-text-display-sm-breakpoint-lg-font-weight: Light;
352
+ --ds-basic-text-display-sm-breakpoint-lg-font-weight: 300;
351
353
  --ds-basic-text-display-sm-breakpoint-lg-letter-spacing: 0;
352
354
  --ds-basic-text-display-sm-breakpoint-lg-line-height: 130%;
353
- --ds-basic-text-display-sm-breakpoint-md-font-family: AS Circular;
355
+ --ds-basic-text-display-sm-breakpoint-md-font-family: 'AS Circular';
354
356
  --ds-basic-text-display-sm-breakpoint-md-font-size: 44px;
355
- --ds-basic-text-display-sm-breakpoint-md-font-weight: Light;
357
+ --ds-basic-text-display-sm-breakpoint-md-font-weight: 300;
356
358
  --ds-basic-text-display-sm-breakpoint-md-letter-spacing: 0;
357
359
  --ds-basic-text-display-sm-breakpoint-md-line-height: 130%;
358
- --ds-basic-text-display-sm-breakpoint-sm-font-family: AS Circular;
360
+ --ds-basic-text-display-sm-breakpoint-sm-font-family: 'AS Circular';
359
361
  --ds-basic-text-display-sm-breakpoint-sm-font-size: 32px;
360
- --ds-basic-text-display-sm-breakpoint-sm-font-weight: Light;
362
+ --ds-basic-text-display-sm-breakpoint-sm-font-weight: 300;
361
363
  --ds-basic-text-display-sm-breakpoint-sm-letter-spacing: 0;
362
364
  --ds-basic-text-display-sm-breakpoint-sm-line-height: 130%;
363
- --ds-basic-text-display-xs-breakpoint-lg-font-family: AS Circular;
365
+ --ds-basic-text-display-xs-breakpoint-lg-font-family: 'AS Circular';
364
366
  --ds-basic-text-display-xs-breakpoint-lg-font-size: 38px;
365
- --ds-basic-text-display-xs-breakpoint-lg-font-weight: Light;
367
+ --ds-basic-text-display-xs-breakpoint-lg-font-weight: 300;
366
368
  --ds-basic-text-display-xs-breakpoint-lg-letter-spacing: 0;
367
369
  --ds-basic-text-display-xs-breakpoint-lg-line-height: 130%;
368
- --ds-basic-text-display-xs-breakpoint-md-font-family: AS Circular;
370
+ --ds-basic-text-display-xs-breakpoint-md-font-family: 'AS Circular';
369
371
  --ds-basic-text-display-xs-breakpoint-md-font-size: 36px;
370
- --ds-basic-text-display-xs-breakpoint-md-font-weight: Light;
372
+ --ds-basic-text-display-xs-breakpoint-md-font-weight: 300;
371
373
  --ds-basic-text-display-xs-breakpoint-md-letter-spacing: 0;
372
374
  --ds-basic-text-display-xs-breakpoint-md-line-height: 130%;
373
- --ds-basic-text-display-xs-breakpoint-sm-font-family: AS Circular;
375
+ --ds-basic-text-display-xs-breakpoint-sm-font-family: 'AS Circular';
374
376
  --ds-basic-text-display-xs-breakpoint-sm-font-size: 28px;
375
- --ds-basic-text-display-xs-breakpoint-sm-font-weight: Light;
377
+ --ds-basic-text-display-xs-breakpoint-sm-font-weight: 300;
376
378
  --ds-basic-text-display-xs-breakpoint-sm-letter-spacing: 0;
377
379
  --ds-basic-text-display-xs-breakpoint-sm-line-height: 130%;
378
- --ds-basic-text-heading-xl-breakpoint-lg-font-family: AS Circular;
380
+ --ds-basic-text-heading-xl-breakpoint-lg-font-family: 'AS Circular';
379
381
  --ds-basic-text-heading-xl-breakpoint-lg-font-size: 40px;
380
- --ds-basic-text-heading-xl-breakpoint-lg-font-weight: Book;
382
+ --ds-basic-text-heading-xl-breakpoint-lg-font-weight: 450;
381
383
  --ds-basic-text-heading-xl-breakpoint-lg-letter-spacing: .05em;
382
384
  --ds-basic-text-heading-xl-breakpoint-lg-line-height: 130%;
383
- --ds-basic-text-heading-xl-breakpoint-md-font-family: AS Circular;
385
+ --ds-basic-text-heading-xl-breakpoint-md-font-family: 'AS Circular';
384
386
  --ds-basic-text-heading-xl-breakpoint-md-font-size: 36px;
385
- --ds-basic-text-heading-xl-breakpoint-md-font-weight: Book;
387
+ --ds-basic-text-heading-xl-breakpoint-md-font-weight: 450;
386
388
  --ds-basic-text-heading-xl-breakpoint-md-letter-spacing: .05em;
387
389
  --ds-basic-text-heading-xl-breakpoint-md-line-height: 130%;
388
- --ds-basic-text-heading-xl-breakpoint-sm-font-family: AS Circular;
390
+ --ds-basic-text-heading-xl-breakpoint-sm-font-family: 'AS Circular';
389
391
  --ds-basic-text-heading-xl-breakpoint-sm-font-size: 32px;
390
- --ds-basic-text-heading-xl-breakpoint-sm-font-weight: Book;
392
+ --ds-basic-text-heading-xl-breakpoint-sm-font-weight: 450;
391
393
  --ds-basic-text-heading-xl-breakpoint-sm-letter-spacing: .05em;
392
394
  --ds-basic-text-heading-xl-breakpoint-sm-line-height: 130%;
393
- --ds-basic-text-heading-lg-breakpoint-lg-font-family: AS Circular;
395
+ --ds-basic-text-heading-lg-breakpoint-lg-font-family: 'AS Circular';
394
396
  --ds-basic-text-heading-lg-breakpoint-lg-font-size: 36px;
395
- --ds-basic-text-heading-lg-breakpoint-lg-font-weight: Book;
397
+ --ds-basic-text-heading-lg-breakpoint-lg-font-weight: 450;
396
398
  --ds-basic-text-heading-lg-breakpoint-lg-letter-spacing: .05em;
397
399
  --ds-basic-text-heading-lg-breakpoint-lg-line-height: 130%;
398
- --ds-basic-text-heading-lg-breakpoint-md-font-family: AS Circular;
400
+ --ds-basic-text-heading-lg-breakpoint-md-font-family: 'AS Circular';
399
401
  --ds-basic-text-heading-lg-breakpoint-md-font-size: 32px;
400
- --ds-basic-text-heading-lg-breakpoint-md-font-weight: Book;
402
+ --ds-basic-text-heading-lg-breakpoint-md-font-weight: 450;
401
403
  --ds-basic-text-heading-lg-breakpoint-md-letter-spacing: .05em;
402
404
  --ds-basic-text-heading-lg-breakpoint-md-line-height: 130%;
403
- --ds-basic-text-heading-lg-breakpoint-sm-font-family: AS Circular;
405
+ --ds-basic-text-heading-lg-breakpoint-sm-font-family: 'AS Circular';
404
406
  --ds-basic-text-heading-lg-breakpoint-sm-font-size: 28px;
405
- --ds-basic-text-heading-lg-breakpoint-sm-font-weight: Book;
407
+ --ds-basic-text-heading-lg-breakpoint-sm-font-weight: 450;
406
408
  --ds-basic-text-heading-lg-breakpoint-sm-letter-spacing: .05em;
407
409
  --ds-basic-text-heading-lg-breakpoint-sm-line-height: 130%;
408
- --ds-basic-text-heading-md-breakpoint-lg-font-family: AS Circular;
410
+ --ds-basic-text-heading-md-breakpoint-lg-font-family: 'AS Circular';
409
411
  --ds-basic-text-heading-md-breakpoint-lg-font-size: 28px;
410
- --ds-basic-text-heading-md-breakpoint-lg-font-weight: Medium;
412
+ --ds-basic-text-heading-md-breakpoint-lg-font-weight: 500;
411
413
  --ds-basic-text-heading-md-breakpoint-lg-letter-spacing: .05em;
412
414
  --ds-basic-text-heading-md-breakpoint-lg-line-height: 130%;
413
- --ds-basic-text-heading-md-breakpoint-md-font-family: AS Circular;
415
+ --ds-basic-text-heading-md-breakpoint-md-font-family: 'AS Circular';
414
416
  --ds-basic-text-heading-md-breakpoint-md-font-size: 28px;
415
- --ds-basic-text-heading-md-breakpoint-md-font-weight: Medium;
417
+ --ds-basic-text-heading-md-breakpoint-md-font-weight: 500;
416
418
  --ds-basic-text-heading-md-breakpoint-md-letter-spacing: .05em;
417
419
  --ds-basic-text-heading-md-breakpoint-md-line-height: 130%;
418
- --ds-basic-text-heading-md-breakpoint-sm-font-family: AS Circular;
420
+ --ds-basic-text-heading-md-breakpoint-sm-font-family: 'AS Circular';
419
421
  --ds-basic-text-heading-md-breakpoint-sm-font-size: 26px;
420
- --ds-basic-text-heading-md-breakpoint-sm-font-weight: Medium;
422
+ --ds-basic-text-heading-md-breakpoint-sm-font-weight: 500;
421
423
  --ds-basic-text-heading-md-breakpoint-sm-letter-spacing: .05em;
422
424
  --ds-basic-text-heading-md-breakpoint-sm-line-height: 130%;
423
- --ds-basic-text-heading-sm-breakpoint-lg-font-family: AS Circular;
425
+ --ds-basic-text-heading-sm-breakpoint-lg-font-family: 'AS Circular';
424
426
  --ds-basic-text-heading-sm-breakpoint-lg-font-size: 24px;
425
- --ds-basic-text-heading-sm-breakpoint-lg-font-weight: Medium;
427
+ --ds-basic-text-heading-sm-breakpoint-lg-font-weight: 500;
426
428
  --ds-basic-text-heading-sm-breakpoint-lg-letter-spacing: .05em;
427
429
  --ds-basic-text-heading-sm-breakpoint-lg-line-height: 130%;
428
- --ds-basic-text-heading-sm-breakpoint-md-font-family: AS Circular;
430
+ --ds-basic-text-heading-sm-breakpoint-md-font-family: 'AS Circular';
429
431
  --ds-basic-text-heading-sm-breakpoint-md-font-size: 24px;
430
- --ds-basic-text-heading-sm-breakpoint-md-font-weight: Medium;
432
+ --ds-basic-text-heading-sm-breakpoint-md-font-weight: 500;
431
433
  --ds-basic-text-heading-sm-breakpoint-md-letter-spacing: .05em;
432
434
  --ds-basic-text-heading-sm-breakpoint-md-line-height: 130%;
433
- --ds-basic-text-heading-sm-breakpoint-sm-font-family: AS Circular;
435
+ --ds-basic-text-heading-sm-breakpoint-sm-font-family: 'AS Circular';
434
436
  --ds-basic-text-heading-sm-breakpoint-sm-font-size: 22px;
435
- --ds-basic-text-heading-sm-breakpoint-sm-font-weight: Medium;
437
+ --ds-basic-text-heading-sm-breakpoint-sm-font-weight: 500;
436
438
  --ds-basic-text-heading-sm-breakpoint-sm-letter-spacing: .05em;
437
439
  --ds-basic-text-heading-sm-breakpoint-sm-line-height: 130%;
438
- --ds-basic-text-heading-xs-breakpoint-lg-font-family: AS Circular;
440
+ --ds-basic-text-heading-xs-breakpoint-lg-font-family: 'AS Circular';
439
441
  --ds-basic-text-heading-xs-breakpoint-lg-font-size: 20px;
440
- --ds-basic-text-heading-xs-breakpoint-lg-font-weight: Medium;
442
+ --ds-basic-text-heading-xs-breakpoint-lg-font-weight: 500;
441
443
  --ds-basic-text-heading-xs-breakpoint-lg-letter-spacing: .05em;
442
444
  --ds-basic-text-heading-xs-breakpoint-lg-line-height: 130%;
443
- --ds-basic-text-heading-xs-breakpoint-md-font-family: AS Circular;
445
+ --ds-basic-text-heading-xs-breakpoint-md-font-family: 'AS Circular';
444
446
  --ds-basic-text-heading-xs-breakpoint-md-font-size: 20px;
445
- --ds-basic-text-heading-xs-breakpoint-md-font-weight: Medium;
447
+ --ds-basic-text-heading-xs-breakpoint-md-font-weight: 500;
446
448
  --ds-basic-text-heading-xs-breakpoint-md-letter-spacing: .05em;
447
449
  --ds-basic-text-heading-xs-breakpoint-md-line-height: 130%;
448
- --ds-basic-text-heading-xs-breakpoint-sm-font-family: AS Circular;
450
+ --ds-basic-text-heading-xs-breakpoint-sm-font-family: 'AS Circular';
449
451
  --ds-basic-text-heading-xs-breakpoint-sm-font-size: 20px;
450
- --ds-basic-text-heading-xs-breakpoint-sm-font-weight: Medium;
452
+ --ds-basic-text-heading-xs-breakpoint-sm-font-weight: 500;
451
453
  --ds-basic-text-heading-xs-breakpoint-sm-letter-spacing: .05em;
452
454
  --ds-basic-text-heading-xs-breakpoint-sm-line-height: 130%;
453
- --ds-basic-text-heading-xxs-breakpoint-lg-font-family: AS Circular;
455
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-family: 'AS Circular';
454
456
  --ds-basic-text-heading-xxs-breakpoint-lg-font-size: 18px;
455
- --ds-basic-text-heading-xxs-breakpoint-lg-font-weight: Medium;
457
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-weight: 500;
456
458
  --ds-basic-text-heading-xxs-breakpoint-lg-letter-spacing: 0;
457
459
  --ds-basic-text-heading-xxs-breakpoint-lg-line-height: 130%;
458
- --ds-basic-text-heading-xxs-breakpoint-md-font-family: AS Circular;
460
+ --ds-basic-text-heading-xxs-breakpoint-md-font-family: 'AS Circular';
459
461
  --ds-basic-text-heading-xxs-breakpoint-md-font-size: 18px;
460
- --ds-basic-text-heading-xxs-breakpoint-md-font-weight: Medium;
462
+ --ds-basic-text-heading-xxs-breakpoint-md-font-weight: 500;
461
463
  --ds-basic-text-heading-xxs-breakpoint-md-letter-spacing: 0;
462
464
  --ds-basic-text-heading-xxs-breakpoint-md-line-height: 130%;
463
- --ds-basic-text-heading-xxs-breakpoint-sm-font-family: AS Circular;
465
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-family: 'AS Circular';
464
466
  --ds-basic-text-heading-xxs-breakpoint-sm-font-size: 18px;
465
- --ds-basic-text-heading-xxs-breakpoint-sm-font-weight: Medium;
467
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-weight: 500;
466
468
  --ds-basic-text-heading-xxs-breakpoint-sm-letter-spacing: 0;
467
469
  --ds-basic-text-heading-xxs-breakpoint-sm-line-height: 130%;
468
470
  --ds-basic-corner-radius-large: 100px;