@aurodesignsystem/design-tokens 5.10.0 → 5.12.0

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