@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/hawaiian/SCSSVariables--hawaiian.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: #3d3d3d;
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-lg-breakpoint-lg-font-family: Slate Pro;
174
+ $ds-basic-text-accent-lg-breakpoint-lg-font-family: 'Slate Pro';
159
175
  $ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
160
- $ds-basic-text-accent-lg-breakpoint-lg-font-weight: Regular;
176
+ $ds-basic-text-accent-lg-breakpoint-lg-font-weight: 400;
161
177
  $ds-basic-text-accent-lg-breakpoint-lg-letter-spacing: .05em;
162
178
  $ds-basic-text-accent-lg-breakpoint-lg-line-height: 130%;
163
- $ds-basic-text-accent-lg-breakpoint-md-font-family: Slate Pro;
179
+ $ds-basic-text-accent-lg-breakpoint-md-font-family: 'Slate Pro';
164
180
  $ds-basic-text-accent-lg-breakpoint-md-font-size: 26px;
165
- $ds-basic-text-accent-lg-breakpoint-md-font-weight: Regular;
181
+ $ds-basic-text-accent-lg-breakpoint-md-font-weight: 400;
166
182
  $ds-basic-text-accent-lg-breakpoint-md-letter-spacing: .05em;
167
183
  $ds-basic-text-accent-lg-breakpoint-md-line-height: 130%;
168
- $ds-basic-text-accent-lg-breakpoint-sm-font-family: Slate Pro;
184
+ $ds-basic-text-accent-lg-breakpoint-sm-font-family: 'Slate Pro';
169
185
  $ds-basic-text-accent-lg-breakpoint-sm-font-size: 24px;
170
- $ds-basic-text-accent-lg-breakpoint-sm-font-weight: Regular;
186
+ $ds-basic-text-accent-lg-breakpoint-sm-font-weight: 400;
171
187
  $ds-basic-text-accent-lg-breakpoint-sm-letter-spacing: .05em;
172
188
  $ds-basic-text-accent-lg-breakpoint-sm-line-height: 130%;
173
- $ds-basic-text-accent-md-breakpoint-lg-font-family: Slate Pro;
189
+ $ds-basic-text-accent-md-breakpoint-lg-font-family: 'Slate Pro';
174
190
  $ds-basic-text-accent-md-breakpoint-lg-font-size: 24px;
175
- $ds-basic-text-accent-md-breakpoint-lg-font-weight: Medium;
191
+ $ds-basic-text-accent-md-breakpoint-lg-font-weight: 500;
176
192
  $ds-basic-text-accent-md-breakpoint-lg-letter-spacing: .05em;
177
193
  $ds-basic-text-accent-md-breakpoint-lg-line-height: 130%;
178
- $ds-basic-text-accent-md-breakpoint-md-font-family: Slate Pro;
194
+ $ds-basic-text-accent-md-breakpoint-md-font-family: 'Slate Pro';
179
195
  $ds-basic-text-accent-md-breakpoint-md-font-size: 22px;
180
- $ds-basic-text-accent-md-breakpoint-md-font-weight: Medium;
196
+ $ds-basic-text-accent-md-breakpoint-md-font-weight: 500;
181
197
  $ds-basic-text-accent-md-breakpoint-md-letter-spacing: .05em;
182
198
  $ds-basic-text-accent-md-breakpoint-md-line-height: 130%;
183
- $ds-basic-text-accent-md-breakpoint-sm-font-family: Slate Pro;
199
+ $ds-basic-text-accent-md-breakpoint-sm-font-family: 'Slate Pro';
184
200
  $ds-basic-text-accent-md-breakpoint-sm-font-size: 22px;
185
- $ds-basic-text-accent-md-breakpoint-sm-font-weight: Medium;
201
+ $ds-basic-text-accent-md-breakpoint-sm-font-weight: 500;
186
202
  $ds-basic-text-accent-md-breakpoint-sm-letter-spacing: .05em;
187
203
  $ds-basic-text-accent-md-breakpoint-sm-line-height: 130%;
188
- $ds-basic-text-accent-sm-breakpoint-lg-font-family: Slate Pro;
204
+ $ds-basic-text-accent-sm-breakpoint-lg-font-family: 'Slate Pro';
189
205
  $ds-basic-text-accent-sm-breakpoint-lg-font-size: 20px;
190
- $ds-basic-text-accent-sm-breakpoint-lg-font-weight: Medium;
206
+ $ds-basic-text-accent-sm-breakpoint-lg-font-weight: 500;
191
207
  $ds-basic-text-accent-sm-breakpoint-lg-letter-spacing: .05em;
192
208
  $ds-basic-text-accent-sm-breakpoint-lg-line-height: 130%;
193
- $ds-basic-text-accent-sm-breakpoint-md-font-family: Slate Pro;
209
+ $ds-basic-text-accent-sm-breakpoint-md-font-family: 'Slate Pro';
194
210
  $ds-basic-text-accent-sm-breakpoint-md-font-size: 18px;
195
- $ds-basic-text-accent-sm-breakpoint-md-font-weight: Medium;
211
+ $ds-basic-text-accent-sm-breakpoint-md-font-weight: 500;
196
212
  $ds-basic-text-accent-sm-breakpoint-md-letter-spacing: .05em;
197
213
  $ds-basic-text-accent-sm-breakpoint-md-line-height: 130%;
198
- $ds-basic-text-accent-sm-breakpoint-sm-font-family: Slate Pro;
214
+ $ds-basic-text-accent-sm-breakpoint-sm-font-family: 'Slate Pro';
199
215
  $ds-basic-text-accent-sm-breakpoint-sm-font-size: 18px;
200
- $ds-basic-text-accent-sm-breakpoint-sm-font-weight: Medium;
216
+ $ds-basic-text-accent-sm-breakpoint-sm-font-weight: 500;
201
217
  $ds-basic-text-accent-sm-breakpoint-sm-letter-spacing: .05em;
202
218
  $ds-basic-text-accent-sm-breakpoint-sm-line-height: 130%;
203
- $ds-basic-text-accent-xl-breakpoint-lg-font-family: Slate Pro;
219
+ $ds-basic-text-accent-xl-breakpoint-lg-font-family: 'Slate Pro';
204
220
  $ds-basic-text-accent-xl-breakpoint-lg-font-size: 32px;
205
- $ds-basic-text-accent-xl-breakpoint-lg-font-weight: Regular;
221
+ $ds-basic-text-accent-xl-breakpoint-lg-font-weight: 400;
206
222
  $ds-basic-text-accent-xl-breakpoint-lg-letter-spacing: .05em;
207
223
  $ds-basic-text-accent-xl-breakpoint-lg-line-height: 130%;
208
- $ds-basic-text-accent-xl-breakpoint-md-font-family: Slate Pro;
224
+ $ds-basic-text-accent-xl-breakpoint-md-font-family: 'Slate Pro';
209
225
  $ds-basic-text-accent-xl-breakpoint-md-font-size: 28px;
210
- $ds-basic-text-accent-xl-breakpoint-md-font-weight: Regular;
226
+ $ds-basic-text-accent-xl-breakpoint-md-font-weight: 400;
211
227
  $ds-basic-text-accent-xl-breakpoint-md-letter-spacing: .05em;
212
228
  $ds-basic-text-accent-xl-breakpoint-md-line-height: 130%;
213
- $ds-basic-text-accent-xl-breakpoint-sm-font-family: Slate Pro;
229
+ $ds-basic-text-accent-xl-breakpoint-sm-font-family: 'Slate Pro';
214
230
  $ds-basic-text-accent-xl-breakpoint-sm-font-size: 26px;
215
- $ds-basic-text-accent-xl-breakpoint-sm-font-weight: Regular;
231
+ $ds-basic-text-accent-xl-breakpoint-sm-font-weight: 400;
216
232
  $ds-basic-text-accent-xl-breakpoint-sm-letter-spacing: .05em;
217
233
  $ds-basic-text-accent-xl-breakpoint-sm-line-height: 130%;
218
- $ds-basic-text-accent-xs-breakpoint-lg-font-family: Slate Pro;
234
+ $ds-basic-text-accent-xs-breakpoint-lg-font-family: 'Slate Pro';
219
235
  $ds-basic-text-accent-xs-breakpoint-lg-font-size: 16px;
220
- $ds-basic-text-accent-xs-breakpoint-lg-font-weight: Medium;
236
+ $ds-basic-text-accent-xs-breakpoint-lg-font-weight: 500;
221
237
  $ds-basic-text-accent-xs-breakpoint-lg-letter-spacing: .10em;
222
238
  $ds-basic-text-accent-xs-breakpoint-lg-line-height: 130%;
223
- $ds-basic-text-accent-xs-breakpoint-md-font-family: Slate Pro;
239
+ $ds-basic-text-accent-xs-breakpoint-md-font-family: 'Slate Pro';
224
240
  $ds-basic-text-accent-xs-breakpoint-md-font-size: 16px;
225
- $ds-basic-text-accent-xs-breakpoint-md-font-weight: Medium;
241
+ $ds-basic-text-accent-xs-breakpoint-md-font-weight: 500;
226
242
  $ds-basic-text-accent-xs-breakpoint-md-letter-spacing: .10em;
227
243
  $ds-basic-text-accent-xs-breakpoint-md-line-height: 130%;
228
- $ds-basic-text-accent-xs-breakpoint-sm-font-family: Slate Pro;
244
+ $ds-basic-text-accent-xs-breakpoint-sm-font-family: 'Slate Pro';
229
245
  $ds-basic-text-accent-xs-breakpoint-sm-font-size: 16px;
230
- $ds-basic-text-accent-xs-breakpoint-sm-font-weight: Medium;
246
+ $ds-basic-text-accent-xs-breakpoint-sm-font-weight: 500;
231
247
  $ds-basic-text-accent-xs-breakpoint-sm-letter-spacing: .10em;
232
248
  $ds-basic-text-accent-xs-breakpoint-sm-line-height: 130%;
233
- $ds-basic-text-accent-xxl-breakpoint-lg-font-family: Slate Pro;
249
+ $ds-basic-text-accent-xxl-breakpoint-lg-font-family: 'Slate Pro';
234
250
  $ds-basic-text-accent-xxl-breakpoint-lg-font-size: 38px;
235
- $ds-basic-text-accent-xxl-breakpoint-lg-font-weight: Regular;
251
+ $ds-basic-text-accent-xxl-breakpoint-lg-font-weight: 400;
236
252
  $ds-basic-text-accent-xxl-breakpoint-lg-letter-spacing: .05em;
237
253
  $ds-basic-text-accent-xxl-breakpoint-lg-line-height: 100%;
238
- $ds-basic-text-accent-xxl-breakpoint-md-font-family: Slate Pro;
254
+ $ds-basic-text-accent-xxl-breakpoint-md-font-family: 'Slate Pro';
239
255
  $ds-basic-text-accent-xxl-breakpoint-md-font-size: 38px;
240
- $ds-basic-text-accent-xxl-breakpoint-md-font-weight: Regular;
256
+ $ds-basic-text-accent-xxl-breakpoint-md-font-weight: 400;
241
257
  $ds-basic-text-accent-xxl-breakpoint-md-letter-spacing: .05em;
242
258
  $ds-basic-text-accent-xxl-breakpoint-md-line-height: 100%;
243
- $ds-basic-text-accent-xxl-breakpoint-sm-font-family: Slate Pro;
259
+ $ds-basic-text-accent-xxl-breakpoint-sm-font-family: 'Slate Pro';
244
260
  $ds-basic-text-accent-xxl-breakpoint-sm-font-size: 32px;
245
- $ds-basic-text-accent-xxl-breakpoint-sm-font-weight: Regular;
261
+ $ds-basic-text-accent-xxl-breakpoint-sm-font-weight: 400;
246
262
  $ds-basic-text-accent-xxl-breakpoint-sm-letter-spacing: .05em;
247
263
  $ds-basic-text-accent-xxl-breakpoint-sm-line-height: 100%;
248
- $ds-basic-text-accent-xxs-breakpoint-lg-font-family: Slate Pro;
264
+ $ds-basic-text-accent-xxs-breakpoint-lg-font-family: 'Slate Pro';
249
265
  $ds-basic-text-accent-xxs-breakpoint-lg-font-size: 14px;
250
- $ds-basic-text-accent-xxs-breakpoint-lg-font-weight: Regular;
266
+ $ds-basic-text-accent-xxs-breakpoint-lg-font-weight: 400;
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: Slate Pro;
269
+ $ds-basic-text-accent-xxs-breakpoint-md-font-family: 'Slate Pro';
254
270
  $ds-basic-text-accent-xxs-breakpoint-md-font-size: 14px;
255
- $ds-basic-text-accent-xxs-breakpoint-md-font-weight: Regular;
271
+ $ds-basic-text-accent-xxs-breakpoint-md-font-weight: 400;
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: Slate Pro;
274
+ $ds-basic-text-accent-xxs-breakpoint-sm-font-family: 'Slate Pro';
259
275
  $ds-basic-text-accent-xxs-breakpoint-sm-font-size: 14px;
260
- $ds-basic-text-accent-xxs-breakpoint-sm-font-weight: Regular;
276
+ $ds-basic-text-accent-xxs-breakpoint-sm-font-weight: 400;
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-default-font-family: Slate Pro;
279
+ $ds-basic-text-body-default-font-family: 'Slate Pro';
264
280
  $ds-basic-text-body-default-font-size: 16px;
265
- $ds-basic-text-body-default-font-weight: Regular;
281
+ $ds-basic-text-body-default-font-weight: 400;
266
282
  $ds-basic-text-body-default-letter-spacing: 0;
267
283
  $ds-basic-text-body-default-line-height: 24px;
268
- $ds-basic-text-body-lg-font-family: Slate Pro;
284
+ $ds-basic-text-body-lg-font-family: 'Slate Pro';
269
285
  $ds-basic-text-body-lg-font-size: 18px;
270
- $ds-basic-text-body-lg-font-weight: Regular;
286
+ $ds-basic-text-body-lg-font-weight: 400;
271
287
  $ds-basic-text-body-lg-letter-spacing: 0;
272
288
  $ds-basic-text-body-lg-line-height: 26px;
273
- $ds-basic-text-body-sm-font-family: Slate Pro;
289
+ $ds-basic-text-body-sm-font-family: 'Slate Pro';
274
290
  $ds-basic-text-body-sm-font-size: 14px;
275
- $ds-basic-text-body-sm-font-weight: Regular;
291
+ $ds-basic-text-body-sm-font-weight: 400;
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: Slate Pro;
294
+ $ds-basic-text-body-xs-font-family: 'Slate Pro';
279
295
  $ds-basic-text-body-xs-font-size: 12px;
280
- $ds-basic-text-body-xs-font-weight: Regular;
296
+ $ds-basic-text-body-xs-font-weight: 400;
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: Slate Pro;
299
+ $ds-basic-text-body-xxs-font-family: 'Slate Pro';
284
300
  $ds-basic-text-body-xxs-font-size: 10px;
285
- $ds-basic-text-body-xxs-font-weight: Regular;
301
+ $ds-basic-text-body-xxs-font-weight: 400;
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-lg-breakpoint-lg-font-family: Chronicle Display;
304
+ $ds-basic-text-display-lg-breakpoint-lg-font-family: 'Chronicle Display';
289
305
  $ds-basic-text-display-lg-breakpoint-lg-font-size: 64px;
290
- $ds-basic-text-display-lg-breakpoint-lg-font-weight: Semibold;
306
+ $ds-basic-text-display-lg-breakpoint-lg-font-weight: 600;
291
307
  $ds-basic-text-display-lg-breakpoint-lg-letter-spacing: 0;
292
308
  $ds-basic-text-display-lg-breakpoint-lg-line-height: 130%;
293
- $ds-basic-text-display-lg-breakpoint-md-font-family: Chronicle Display;
309
+ $ds-basic-text-display-lg-breakpoint-md-font-family: 'Chronicle Display';
294
310
  $ds-basic-text-display-lg-breakpoint-md-font-size: 56px;
295
- $ds-basic-text-display-lg-breakpoint-md-font-weight: Semibold;
311
+ $ds-basic-text-display-lg-breakpoint-md-font-weight: 600;
296
312
  $ds-basic-text-display-lg-breakpoint-md-letter-spacing: 0;
297
313
  $ds-basic-text-display-lg-breakpoint-md-line-height: 130%;
298
- $ds-basic-text-display-lg-breakpoint-sm-font-family: Chronicle Display;
314
+ $ds-basic-text-display-lg-breakpoint-sm-font-family: 'Chronicle Display';
299
315
  $ds-basic-text-display-lg-breakpoint-sm-font-size: 44px;
300
- $ds-basic-text-display-lg-breakpoint-sm-font-weight: Semibold;
316
+ $ds-basic-text-display-lg-breakpoint-sm-font-weight: 600;
301
317
  $ds-basic-text-display-lg-breakpoint-sm-letter-spacing: 0;
302
318
  $ds-basic-text-display-lg-breakpoint-sm-line-height: 130%;
303
- $ds-basic-text-display-md-breakpoint-lg-font-family: Chronicle Display;
319
+ $ds-basic-text-display-md-breakpoint-lg-font-family: 'Chronicle Display';
304
320
  $ds-basic-text-display-md-breakpoint-lg-font-size: 56px;
305
- $ds-basic-text-display-md-breakpoint-lg-font-weight: Semibold;
321
+ $ds-basic-text-display-md-breakpoint-lg-font-weight: 600;
306
322
  $ds-basic-text-display-md-breakpoint-lg-letter-spacing: 0;
307
323
  $ds-basic-text-display-md-breakpoint-lg-line-height: 130%;
308
- $ds-basic-text-display-md-breakpoint-md-font-family: Chronicle Display;
324
+ $ds-basic-text-display-md-breakpoint-md-font-family: 'Chronicle Display';
309
325
  $ds-basic-text-display-md-breakpoint-md-font-size: 48px;
310
- $ds-basic-text-display-md-breakpoint-md-font-weight: Semibold;
326
+ $ds-basic-text-display-md-breakpoint-md-font-weight: 600;
311
327
  $ds-basic-text-display-md-breakpoint-md-letter-spacing: 0;
312
328
  $ds-basic-text-display-md-breakpoint-md-line-height: 130%;
313
- $ds-basic-text-display-md-breakpoint-sm-font-family: Chronicle Display;
329
+ $ds-basic-text-display-md-breakpoint-sm-font-family: 'Chronicle Display';
314
330
  $ds-basic-text-display-md-breakpoint-sm-font-size: 40px;
315
- $ds-basic-text-display-md-breakpoint-sm-font-weight: Semibold;
331
+ $ds-basic-text-display-md-breakpoint-sm-font-weight: 600;
316
332
  $ds-basic-text-display-md-breakpoint-sm-letter-spacing: 0;
317
333
  $ds-basic-text-display-md-breakpoint-sm-line-height: 130%;
318
- $ds-basic-text-display-sm-breakpoint-lg-font-family: Chronicle Display;
334
+ $ds-basic-text-display-sm-breakpoint-lg-font-family: 'Chronicle Display';
319
335
  $ds-basic-text-display-sm-breakpoint-lg-font-size: 48px;
320
- $ds-basic-text-display-sm-breakpoint-lg-font-weight: Semibold;
336
+ $ds-basic-text-display-sm-breakpoint-lg-font-weight: 600;
321
337
  $ds-basic-text-display-sm-breakpoint-lg-letter-spacing: 0;
322
338
  $ds-basic-text-display-sm-breakpoint-lg-line-height: 130%;
323
- $ds-basic-text-display-sm-breakpoint-md-font-family: Chronicle Display;
339
+ $ds-basic-text-display-sm-breakpoint-md-font-family: 'Chronicle Display';
324
340
  $ds-basic-text-display-sm-breakpoint-md-font-size: 44px;
325
- $ds-basic-text-display-sm-breakpoint-md-font-weight: Semibold;
341
+ $ds-basic-text-display-sm-breakpoint-md-font-weight: 600;
326
342
  $ds-basic-text-display-sm-breakpoint-md-letter-spacing: 0;
327
343
  $ds-basic-text-display-sm-breakpoint-md-line-height: 130%;
328
- $ds-basic-text-display-sm-breakpoint-sm-font-family: Chronicle Display;
344
+ $ds-basic-text-display-sm-breakpoint-sm-font-family: 'Chronicle Display';
329
345
  $ds-basic-text-display-sm-breakpoint-sm-font-size: 32px;
330
- $ds-basic-text-display-sm-breakpoint-sm-font-weight: Semibold;
346
+ $ds-basic-text-display-sm-breakpoint-sm-font-weight: 600;
331
347
  $ds-basic-text-display-sm-breakpoint-sm-letter-spacing: 0;
332
348
  $ds-basic-text-display-sm-breakpoint-sm-line-height: 130%;
333
- $ds-basic-text-display-xl-breakpoint-lg-font-family: Chronicle Display;
349
+ $ds-basic-text-display-xl-breakpoint-lg-font-family: 'Chronicle Display';
334
350
  $ds-basic-text-display-xl-breakpoint-lg-font-size: 72px;
335
- $ds-basic-text-display-xl-breakpoint-lg-font-weight: Semibold;
351
+ $ds-basic-text-display-xl-breakpoint-lg-font-weight: 600;
336
352
  $ds-basic-text-display-xl-breakpoint-lg-letter-spacing: 0;
337
353
  $ds-basic-text-display-xl-breakpoint-lg-line-height: 130%;
338
- $ds-basic-text-display-xl-breakpoint-md-font-family: Chronicle Display;
354
+ $ds-basic-text-display-xl-breakpoint-md-font-family: 'Chronicle Display';
339
355
  $ds-basic-text-display-xl-breakpoint-md-font-size: 64px;
340
- $ds-basic-text-display-xl-breakpoint-md-font-weight: Semibold;
356
+ $ds-basic-text-display-xl-breakpoint-md-font-weight: 600;
341
357
  $ds-basic-text-display-xl-breakpoint-md-letter-spacing: 0;
342
358
  $ds-basic-text-display-xl-breakpoint-md-line-height: 130%;
343
- $ds-basic-text-display-xl-breakpoint-sm-font-family: Chronicle Display;
359
+ $ds-basic-text-display-xl-breakpoint-sm-font-family: 'Chronicle Display';
344
360
  $ds-basic-text-display-xl-breakpoint-sm-font-size: 48px;
345
- $ds-basic-text-display-xl-breakpoint-sm-font-weight: Semibold;
361
+ $ds-basic-text-display-xl-breakpoint-sm-font-weight: 600;
346
362
  $ds-basic-text-display-xl-breakpoint-sm-letter-spacing: 0;
347
363
  $ds-basic-text-display-xl-breakpoint-sm-line-height: 130%;
348
- $ds-basic-text-display-xs-breakpoint-lg-font-family: Chronicle Display;
364
+ $ds-basic-text-display-xs-breakpoint-lg-font-family: 'Chronicle Display';
349
365
  $ds-basic-text-display-xs-breakpoint-lg-font-size: 38px;
350
- $ds-basic-text-display-xs-breakpoint-lg-font-weight: Semibold;
366
+ $ds-basic-text-display-xs-breakpoint-lg-font-weight: 600;
351
367
  $ds-basic-text-display-xs-breakpoint-lg-letter-spacing: 0;
352
368
  $ds-basic-text-display-xs-breakpoint-lg-line-height: 130%;
353
- $ds-basic-text-display-xs-breakpoint-md-font-family: Chronicle Display;
369
+ $ds-basic-text-display-xs-breakpoint-md-font-family: 'Chronicle Display';
354
370
  $ds-basic-text-display-xs-breakpoint-md-font-size: 36px;
355
- $ds-basic-text-display-xs-breakpoint-md-font-weight: Semibold;
371
+ $ds-basic-text-display-xs-breakpoint-md-font-weight: 600;
356
372
  $ds-basic-text-display-xs-breakpoint-md-letter-spacing: 0;
357
373
  $ds-basic-text-display-xs-breakpoint-md-line-height: 130%;
358
- $ds-basic-text-display-xs-breakpoint-sm-font-family: Chronicle Display;
374
+ $ds-basic-text-display-xs-breakpoint-sm-font-family: 'Chronicle Display';
359
375
  $ds-basic-text-display-xs-breakpoint-sm-font-size: 28px;
360
- $ds-basic-text-display-xs-breakpoint-sm-font-weight: Semibold;
376
+ $ds-basic-text-display-xs-breakpoint-sm-font-weight: 600;
361
377
  $ds-basic-text-display-xs-breakpoint-sm-letter-spacing: 0;
362
378
  $ds-basic-text-display-xs-breakpoint-sm-line-height: 130%;
363
- $ds-basic-text-display-xxl-breakpoint-lg-font-family: Chronicle Display;
379
+ $ds-basic-text-display-xxl-breakpoint-lg-font-family: 'Chronicle Display';
364
380
  $ds-basic-text-display-xxl-breakpoint-lg-font-size: 86px;
365
- $ds-basic-text-display-xxl-breakpoint-lg-font-weight: Semibold;
381
+ $ds-basic-text-display-xxl-breakpoint-lg-font-weight: 600;
366
382
  $ds-basic-text-display-xxl-breakpoint-lg-letter-spacing: 0;
367
383
  $ds-basic-text-display-xxl-breakpoint-lg-line-height: 130%;
368
- $ds-basic-text-display-xxl-breakpoint-md-font-family: Chronicle Display;
384
+ $ds-basic-text-display-xxl-breakpoint-md-font-family: 'Chronicle Display';
369
385
  $ds-basic-text-display-xxl-breakpoint-md-font-size: 72px;
370
- $ds-basic-text-display-xxl-breakpoint-md-font-weight: Semibold;
386
+ $ds-basic-text-display-xxl-breakpoint-md-font-weight: 600;
371
387
  $ds-basic-text-display-xxl-breakpoint-md-letter-spacing: 0;
372
388
  $ds-basic-text-display-xxl-breakpoint-md-line-height: 130%;
373
- $ds-basic-text-display-xxl-breakpoint-sm-font-family: Chronicle Display;
389
+ $ds-basic-text-display-xxl-breakpoint-sm-font-family: 'Chronicle Display';
374
390
  $ds-basic-text-display-xxl-breakpoint-sm-font-size: 56px;
375
- $ds-basic-text-display-xxl-breakpoint-sm-font-weight: Semibold;
391
+ $ds-basic-text-display-xxl-breakpoint-sm-font-weight: 600;
376
392
  $ds-basic-text-display-xxl-breakpoint-sm-letter-spacing: 0;
377
393
  $ds-basic-text-display-xxl-breakpoint-sm-line-height: 130%;
378
- $ds-basic-text-heading-lg-breakpoint-lg-font-family: Slate Pro;
394
+ $ds-basic-text-heading-lg-breakpoint-lg-font-family: 'Slate Pro';
379
395
  $ds-basic-text-heading-lg-breakpoint-lg-font-size: 36px;
380
- $ds-basic-text-heading-lg-breakpoint-lg-font-weight: Regular;
396
+ $ds-basic-text-heading-lg-breakpoint-lg-font-weight: 400;
381
397
  $ds-basic-text-heading-lg-breakpoint-lg-letter-spacing: 0;
382
398
  $ds-basic-text-heading-lg-breakpoint-lg-line-height: 130%;
383
- $ds-basic-text-heading-lg-breakpoint-md-font-family: Slate Pro;
399
+ $ds-basic-text-heading-lg-breakpoint-md-font-family: 'Slate Pro';
384
400
  $ds-basic-text-heading-lg-breakpoint-md-font-size: 32px;
385
- $ds-basic-text-heading-lg-breakpoint-md-font-weight: Regular;
401
+ $ds-basic-text-heading-lg-breakpoint-md-font-weight: 400;
386
402
  $ds-basic-text-heading-lg-breakpoint-md-letter-spacing: 0;
387
403
  $ds-basic-text-heading-lg-breakpoint-md-line-height: 130%;
388
- $ds-basic-text-heading-lg-breakpoint-sm-font-family: Slate Pro;
404
+ $ds-basic-text-heading-lg-breakpoint-sm-font-family: 'Slate Pro';
389
405
  $ds-basic-text-heading-lg-breakpoint-sm-font-size: 28px;
390
- $ds-basic-text-heading-lg-breakpoint-sm-font-weight: Regular;
406
+ $ds-basic-text-heading-lg-breakpoint-sm-font-weight: 400;
391
407
  $ds-basic-text-heading-lg-breakpoint-sm-letter-spacing: 0;
392
408
  $ds-basic-text-heading-lg-breakpoint-sm-line-height: 130%;
393
- $ds-basic-text-heading-md-breakpoint-lg-font-family: Slate Pro;
409
+ $ds-basic-text-heading-md-breakpoint-lg-font-family: 'Slate Pro';
394
410
  $ds-basic-text-heading-md-breakpoint-lg-font-size: 28px;
395
- $ds-basic-text-heading-md-breakpoint-lg-font-weight: Medium;
411
+ $ds-basic-text-heading-md-breakpoint-lg-font-weight: 500;
396
412
  $ds-basic-text-heading-md-breakpoint-lg-letter-spacing: 0;
397
413
  $ds-basic-text-heading-md-breakpoint-lg-line-height: 130%;
398
- $ds-basic-text-heading-md-breakpoint-md-font-family: Slate Pro;
414
+ $ds-basic-text-heading-md-breakpoint-md-font-family: 'Slate Pro';
399
415
  $ds-basic-text-heading-md-breakpoint-md-font-size: 28px;
400
- $ds-basic-text-heading-md-breakpoint-md-font-weight: Medium;
416
+ $ds-basic-text-heading-md-breakpoint-md-font-weight: 500;
401
417
  $ds-basic-text-heading-md-breakpoint-md-letter-spacing: 0;
402
418
  $ds-basic-text-heading-md-breakpoint-md-line-height: 130%;
403
- $ds-basic-text-heading-md-breakpoint-sm-font-family: Slate Pro;
419
+ $ds-basic-text-heading-md-breakpoint-sm-font-family: 'Slate Pro';
404
420
  $ds-basic-text-heading-md-breakpoint-sm-font-size: 26px;
405
- $ds-basic-text-heading-md-breakpoint-sm-font-weight: Medium;
421
+ $ds-basic-text-heading-md-breakpoint-sm-font-weight: 500;
406
422
  $ds-basic-text-heading-md-breakpoint-sm-letter-spacing: 0;
407
423
  $ds-basic-text-heading-md-breakpoint-sm-line-height: 130%;
408
- $ds-basic-text-heading-sm-breakpoint-lg-font-family: Slate Pro;
424
+ $ds-basic-text-heading-sm-breakpoint-lg-font-family: 'Slate Pro';
409
425
  $ds-basic-text-heading-sm-breakpoint-lg-font-size: 24px;
410
- $ds-basic-text-heading-sm-breakpoint-lg-font-weight: Medium;
426
+ $ds-basic-text-heading-sm-breakpoint-lg-font-weight: 500;
411
427
  $ds-basic-text-heading-sm-breakpoint-lg-letter-spacing: 0;
412
428
  $ds-basic-text-heading-sm-breakpoint-lg-line-height: 130%;
413
- $ds-basic-text-heading-sm-breakpoint-md-font-family: Slate Pro;
429
+ $ds-basic-text-heading-sm-breakpoint-md-font-family: 'Slate Pro';
414
430
  $ds-basic-text-heading-sm-breakpoint-md-font-size: 24px;
415
- $ds-basic-text-heading-sm-breakpoint-md-font-weight: Medium;
431
+ $ds-basic-text-heading-sm-breakpoint-md-font-weight: 500;
416
432
  $ds-basic-text-heading-sm-breakpoint-md-letter-spacing: 0;
417
433
  $ds-basic-text-heading-sm-breakpoint-md-line-height: 130%;
418
- $ds-basic-text-heading-sm-breakpoint-sm-font-family: Slate Pro;
434
+ $ds-basic-text-heading-sm-breakpoint-sm-font-family: 'Slate Pro';
419
435
  $ds-basic-text-heading-sm-breakpoint-sm-font-size: 22px;
420
- $ds-basic-text-heading-sm-breakpoint-sm-font-weight: Medium;
436
+ $ds-basic-text-heading-sm-breakpoint-sm-font-weight: 500;
421
437
  $ds-basic-text-heading-sm-breakpoint-sm-letter-spacing: 0;
422
438
  $ds-basic-text-heading-sm-breakpoint-sm-line-height: 130%;
423
- $ds-basic-text-heading-xl-breakpoint-lg-font-family: Slate Pro;
439
+ $ds-basic-text-heading-xl-breakpoint-lg-font-family: 'Slate Pro';
424
440
  $ds-basic-text-heading-xl-breakpoint-lg-font-size: 40px;
425
- $ds-basic-text-heading-xl-breakpoint-lg-font-weight: Regular;
441
+ $ds-basic-text-heading-xl-breakpoint-lg-font-weight: 400;
426
442
  $ds-basic-text-heading-xl-breakpoint-lg-letter-spacing: 0;
427
443
  $ds-basic-text-heading-xl-breakpoint-lg-line-height: 130%;
428
- $ds-basic-text-heading-xl-breakpoint-md-font-family: Slate Pro;
444
+ $ds-basic-text-heading-xl-breakpoint-md-font-family: 'Slate Pro';
429
445
  $ds-basic-text-heading-xl-breakpoint-md-font-size: 36px;
430
- $ds-basic-text-heading-xl-breakpoint-md-font-weight: Regular;
446
+ $ds-basic-text-heading-xl-breakpoint-md-font-weight: 400;
431
447
  $ds-basic-text-heading-xl-breakpoint-md-letter-spacing: 0;
432
448
  $ds-basic-text-heading-xl-breakpoint-md-line-height: 130%;
433
- $ds-basic-text-heading-xl-breakpoint-sm-font-family: Slate Pro;
449
+ $ds-basic-text-heading-xl-breakpoint-sm-font-family: 'Slate Pro';
434
450
  $ds-basic-text-heading-xl-breakpoint-sm-font-size: 32px;
435
- $ds-basic-text-heading-xl-breakpoint-sm-font-weight: Regular;
451
+ $ds-basic-text-heading-xl-breakpoint-sm-font-weight: 400;
436
452
  $ds-basic-text-heading-xl-breakpoint-sm-letter-spacing: 0;
437
453
  $ds-basic-text-heading-xl-breakpoint-sm-line-height: 130%;
438
- $ds-basic-text-heading-xs-breakpoint-lg-font-family: Slate Pro;
454
+ $ds-basic-text-heading-xs-breakpoint-lg-font-family: 'Slate Pro';
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: 0;
442
458
  $ds-basic-text-heading-xs-breakpoint-lg-line-height: 130%;
443
- $ds-basic-text-heading-xs-breakpoint-md-font-family: Slate Pro;
459
+ $ds-basic-text-heading-xs-breakpoint-md-font-family: 'Slate Pro';
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: 0;
447
463
  $ds-basic-text-heading-xs-breakpoint-md-line-height: 130%;
448
- $ds-basic-text-heading-xs-breakpoint-sm-font-family: Slate Pro;
464
+ $ds-basic-text-heading-xs-breakpoint-sm-font-family: 'Slate Pro';
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: 0;
452
468
  $ds-basic-text-heading-xs-breakpoint-sm-line-height: 130%;
453
- $ds-basic-text-heading-xxs-breakpoint-lg-font-family: Slate Pro;
469
+ $ds-basic-text-heading-xxs-breakpoint-lg-font-family: 'Slate Pro';
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: Slate Pro;
474
+ $ds-basic-text-heading-xxs-breakpoint-md-font-family: 'Slate Pro';
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: Slate Pro;
479
+ $ds-basic-text-heading-xxs-breakpoint-sm-font-family: 'Slate Pro';
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: 24px;