@aurodesignsystem/design-tokens 5.10.0 → 5.12.0

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