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