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