@aurodesignsystem/design-tokens 6.0.1 → 7.0.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 (83) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/CSSCustomProperties--bundled.css +558 -413
  3. package/dist/CSSCustomProperties--bundled.min.css +1 -1
  4. package/dist/alaska/CSSCustomProperties--alaska.css +141 -112
  5. package/dist/alaska/CSSCustomProperties--alaska.min.css +1 -1
  6. package/dist/alaska/JSONVariablesNested--alaska.json +188 -149
  7. package/dist/alaska/JSObject--allTokens.js +5214 -4493
  8. package/dist/alaska/SCSSVariables--alaska.scss +141 -112
  9. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +142 -113
  10. package/dist/alaska/primitives--alaska.scss +1 -1
  11. package/dist/alaska-classic/{CSSCustomProperties--alaskaclassic.css → CSSCustomProperties--alaskaClassic.css} +141 -112
  12. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +1 -0
  13. package/dist/alaska-classic/{JSONVariablesNested--alaskaclassic.json → JSONVariablesNested--alaskaClassic.json} +188 -149
  14. package/dist/alaska-classic/JSObject--allTokens.js +5216 -4495
  15. package/dist/alaska-classic/{SCSSVariables--alaskaclassic.scss → SCSSVariables--alaskaClassic.scss} +141 -112
  16. package/dist/alaska-classic/{SCSSVariablesMapFlat--alaskaclassic.scss → SCSSVariablesMapFlat--alaskaClassic.scss} +142 -113
  17. package/dist/alaska-classic/{primitives--alaskaclassic.scss → primitives--alaskaClassic.scss} +1 -1
  18. package/dist/auro-1/CSSCustomProperties--auro1.css +141 -112
  19. package/dist/auro-1/CSSCustomProperties--auro1.min.css +1 -1
  20. package/dist/auro-1/JSONVariablesNested--auro1.json +188 -149
  21. package/dist/auro-1/JSObject--allTokens.js +5211 -4490
  22. package/dist/auro-1/SCSSVariables--auro1.scss +141 -112
  23. package/dist/auro-1/SCSSVariablesMapFlat--auro1.scss +142 -113
  24. package/dist/auro-1/primitives--auro1.scss +1 -1
  25. package/dist/auro-2/CSSCustomProperties--auro2.css +141 -112
  26. package/dist/auro-2/CSSCustomProperties--auro2.min.css +1 -1
  27. package/dist/auro-2/JSONVariablesNested--auro2.json +188 -149
  28. package/dist/auro-2/JSObject--allTokens.js +5211 -4490
  29. package/dist/auro-2/SCSSVariables--auro2.scss +141 -112
  30. package/dist/auro-2/SCSSVariablesMapFlat--auro2.scss +142 -113
  31. package/dist/auro-2/primitives--auro2.scss +1 -1
  32. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  33. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  34. package/dist/auro-classic/JSData--color.js +1 -1
  35. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  36. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  37. package/dist/auro-classic/JSVariables--color.js +1 -1
  38. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  39. package/dist/auro-classic/SCSSVariables.scss +1 -1
  40. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  41. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  42. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  43. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +141 -112
  44. package/dist/hawaiian/CSSCustomProperties--hawaiian.min.css +1 -1
  45. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +188 -149
  46. package/dist/hawaiian/JSObject--allTokens.js +5221 -4500
  47. package/dist/hawaiian/SCSSVariables--hawaiian.scss +141 -112
  48. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +142 -113
  49. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  50. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  51. package/package.json +1 -1
  52. package/src/primitives/base/type/letter-spacing.json +24 -0
  53. package/src/primitives/base/type/line-height.json +42 -0
  54. package/src/primitives/base/type/size.json +126 -0
  55. package/src/primitives/base/type/weight.json +48 -0
  56. package/src/themes/alaska/basic/type/brand.json +50 -0
  57. package/src/themes/alaska/basic/type/family.json +15 -3
  58. package/src/themes/alaska/basic/type/letter-spacing.json +38 -0
  59. package/src/themes/alaska/basic/type/line-height.json +62 -0
  60. package/src/themes/alaska/basic/type/weight.json +44 -0
  61. package/src/themes/alaska-classic/basic/type/brand.json +50 -0
  62. package/src/themes/alaska-classic/basic/type/family.json +15 -3
  63. package/src/themes/alaska-classic/basic/type/letter-spacing.json +38 -0
  64. package/src/themes/alaska-classic/basic/type/line-height.json +62 -0
  65. package/src/{shared → themes/alaska-classic}/basic/type/weight.json +12 -18
  66. package/src/themes/auro-1/basic/type/brand.json +50 -0
  67. package/src/themes/auro-1/basic/type/family.json +15 -3
  68. package/src/themes/auro-1/basic/type/letter-spacing.json +38 -0
  69. package/src/themes/auro-1/basic/type/line-height.json +62 -0
  70. package/src/{shared/basic/type/line-height.json → themes/auro-1/basic/type/weight.json} +13 -13
  71. package/src/themes/auro-2/basic/type/brand.json +50 -0
  72. package/src/themes/auro-2/basic/type/family.json +15 -3
  73. package/src/themes/auro-2/basic/type/letter-spacing.json +38 -0
  74. package/src/themes/auro-2/basic/type/line-height.json +62 -0
  75. package/src/themes/auro-2/basic/type/weight.json +44 -0
  76. package/src/themes/hawaiian/basic/type/brand.json +50 -0
  77. package/src/themes/hawaiian/basic/type/family.json +15 -3
  78. package/src/themes/hawaiian/basic/type/letter-spacing.json +38 -0
  79. package/src/themes/hawaiian/basic/type/line-height.json +62 -0
  80. package/src/themes/hawaiian/basic/type/weight.json +44 -0
  81. package/dist/alaska-classic/CSSCustomProperties--alaskaclassic.min.css +0 -1
  82. package/src/shared/basic/type/letter-spacing.json +0 -26
  83. package/src/shared/basic/type/size.json +0 -128
package/dist/CSSCustomProperties--bundled.css CHANGED
@@ -1,121 +1,10 @@
1
1
  /**
2
2
  Do not edit directly
3
- Generated on Fri, 30 May 2025 16:43:18 GMT
3
+ Generated on Wed, 04 Jun 2025 20:58:34 GMT
4
4
  */
5
5
 
6
6
  /* Properties from CSSCustomProperties--alaska.css */
7
7
  [data-aag-theme="aag-theme-as"] {
8
- --ds-basic-type-letter-spacing-0: 0;
9
- --ds-basic-type-letter-spacing-005: 0.05em;
10
- --ds-basic-type-letter-spacing-010: 0.10em;
11
- --ds-basic-type-line-height-100: 1;
12
- --ds-basic-type-line-height-125: 1.25;
13
- --ds-basic-type-line-height-130: 1.3;
14
- --ds-basic-type-line-height-150: 1.5;
15
- --ds-basic-type-line-height-163: 1.63;
16
- --ds-basic-type-line-height-088: 0.88;
17
- --ds-basic-type-size-10: 0.625rem;
18
- --ds-basic-type-size-12: 0.75rem;
19
- --ds-basic-type-size-14: 0.875rem;
20
- --ds-basic-type-size-16: 1rem;
21
- --ds-basic-type-size-18: 1.125rem;
22
- --ds-basic-type-size-20: 1.25rem;
23
- --ds-basic-type-size-22: 1.375rem;
24
- --ds-basic-type-size-24: 1.5rem;
25
- --ds-basic-type-size-26: 1.625rem;
26
- --ds-basic-type-size-28: 1.75rem;
27
- --ds-basic-type-size-32: 2rem;
28
- --ds-basic-type-size-36: 2.25rem;
29
- --ds-basic-type-size-38: 2.375rem;
30
- --ds-basic-type-size-40: 2.5rem;
31
- --ds-basic-type-size-44: 2.75rem;
32
- --ds-basic-type-size-48: 3rem;
33
- --ds-basic-type-size-56: 3.5rem;
34
- --ds-basic-type-size-64: 4rem;
35
- --ds-basic-type-size-72: 4.5rem;
36
- --ds-basic-type-size-86: 5.375rem;
37
- --ds-basic-type-weight-book: 450;
38
- --ds-basic-type-weight-cond-medium: 500;
39
- --ds-basic-type-weight-cond-news: 450;
40
- --ds-basic-type-weight-light: 300;
41
- --ds-basic-type-weight-medium: 500;
42
- --ds-basic-type-weight-regular: 400;
43
- --ds-basic-type-weight-semibold: 600;
44
- --ds-basic-type-family-accent: "Good OT";
45
- --ds-basic-type-family-default: "AS Circular";
46
- --ds-basic-color-border-bold: #585e67;
47
- --ds-basic-color-border-brand: #00274a;
48
- --ds-basic-color-border-default: #959595;
49
- --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
50
- --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
51
- --ds-basic-color-border-inverse: #ffffff;
52
- --ds-basic-color-border-subtle: #dddddd;
53
- --ds-basic-color-brand-primary: #01426a;
54
- --ds-basic-color-brand-primary-bold: #00274a;
55
- --ds-basic-color-brand-primary-muted: #ebf3f9;
56
- --ds-basic-color-brand-primary-subtle: #2875b5;
57
- --ds-basic-color-brand-secondary: #5de3f7;
58
- --ds-basic-color-brand-secondary-bold: #18c3dd;
59
- --ds-basic-color-brand-secondary-muted: #ebfafd;
60
- --ds-basic-color-brand-secondary-subtle: #b4eff9;
61
- --ds-basic-color-brand-tertiary: #a3cd6a;
62
- --ds-basic-color-brand-tertiary-bold: #7daf3b;
63
- --ds-basic-color-brand-tertiary-muted: #eaf3dd;
64
- --ds-basic-color-brand-tertiary-subtle: #c9e1a7;
65
- --ds-basic-color-fare-basiceconomy: #97eaf8;
66
- --ds-basic-color-fare-business: #01426a;
67
- --ds-basic-color-fare-economy: #0074ca;
68
- --ds-basic-color-fare-first: #00274a;
69
- --ds-basic-color-fare-premiumeconomy: #005154;
70
- --ds-basic-color-page-background-default: #ebfafd;
71
- --ds-basic-color-page-background-utility: #ffffff;
72
- --ds-basic-color-status-default: #afb9c6;
73
- --ds-basic-color-status-error: #e31f26;
74
- --ds-basic-color-status-error-subtle: #fbc6c6;
75
- --ds-basic-color-status-info: #01426a;
76
- --ds-basic-color-status-info-subtle: #ebf3f9;
77
- --ds-basic-color-status-success: #447a1f;
78
- --ds-basic-color-status-success-subtle: #d6eac7;
79
- --ds-basic-color-status-warning: #fac200;
80
- --ds-basic-color-status-warning-subtle: #fff0b2;
81
- --ds-basic-color-surface-accent1: #5de3f7;
82
- --ds-basic-color-surface-accent1-muted: #ebfafd;
83
- --ds-basic-color-surface-accent1-subtle: #b4eff9;
84
- --ds-basic-color-surface-accent2: #a3cd6a;
85
- --ds-basic-color-surface-accent2-muted: #eaf3dd;
86
- --ds-basic-color-surface-default: #ffffff;
87
- --ds-basic-color-surface-inverse: #00274a;
88
- --ds-basic-color-surface-inverse-subtle: #2875b5;
89
- --ds-basic-color-surface-neutral-medium: #c5c5c5;
90
- --ds-basic-color-surface-neutral-subtle: #f7f7f7;
91
- --ds-basic-color-texticon-accent1: #265688;
92
- --ds-basic-color-texticon-default: #2a2a2a;
93
- --ds-basic-color-texticon-disabled: #d0d0d0;
94
- --ds-basic-color-texticon-inverse: #ffffff;
95
- --ds-basic-color-texticon-inverse-disabled: #7e8894;
96
- --ds-basic-color-texticon-inverse-muted: #ccd2db;
97
- --ds-basic-color-texticon-muted: #676767;
98
- --ds-basic-color-tier-program-loungetier-lounge: #01426a;
99
- --ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
100
- --ds-basic-color-tier-program-loyaltytier-bronze: #d99f6d;
101
- --ds-basic-color-tier-program-loyaltytier-bronze-muted: #eed4be;
102
- --ds-basic-color-tier-program-loyaltytier-cobalt: #030772;
103
- --ds-basic-color-tier-program-loyaltytier-cobalt-muted: #a9b6d6;
104
- --ds-basic-color-tier-program-loyaltytier-copper: #cb7457;
105
- --ds-basic-color-tier-program-loyaltytier-copper-muted: #e7bfb1;
106
- --ds-basic-color-tier-program-loyaltytier-gold: #fbdc7a;
107
- --ds-basic-color-tier-program-loyaltytier-gold-muted: #fdefc4;
108
- --ds-basic-color-tier-program-loyaltytier-nickel: #abaab1;
109
- --ds-basic-color-tier-program-loyaltytier-nickel-muted: #e5e4e7;
110
- --ds-basic-color-tier-program-loyaltytier-platinum: #bcb8a4;
111
- --ds-basic-color-tier-program-loyaltytier-platinum-muted: #dad8cd;
112
- --ds-basic-color-tier-program-loyaltytier-silver: #e4e9ec;
113
- --ds-basic-color-tier-program-loyaltytier-silver-muted: #f9fafb;
114
- --ds-basic-color-tier-program-loyaltytier-titanium: #282828;
115
- --ds-basic-color-tier-program-loyaltytier-titanium-muted: #545454;
116
- --ds-basic-color-tier-program-oneworld-emerald: #139142;
117
- --ds-basic-color-tier-program-oneworld-ruby: #a41d4a;
118
- --ds-basic-color-tier-program-oneworld-sapphire: #015daa;
119
8
  --ds-advanced-color-button-flat-text: #676767;
120
9
  --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
121
10
  --ds-advanced-color-button-flat-text-hover: #525252;
@@ -215,94 +104,52 @@
215
104
  --ds-advanced-color-state-focused-inverse: #ffffff;
216
105
  --ds-advanced-color-state-selected: #01426a;
217
106
  --ds-advanced-color-state-selected-hover: #00274a;
218
- }
219
-
220
- /* Properties from CSSCustomProperties--alaskaclassic.css */
221
- [data-aag-theme="aag-theme-asc"] {
222
- --ds-basic-type-letter-spacing-0: 0;
223
- --ds-basic-type-letter-spacing-005: 0.05em;
224
- --ds-basic-type-letter-spacing-010: 0.10em;
225
- --ds-basic-type-line-height-100: 1;
226
- --ds-basic-type-line-height-125: 1.25;
227
- --ds-basic-type-line-height-130: 1.3;
228
- --ds-basic-type-line-height-150: 1.5;
229
- --ds-basic-type-line-height-163: 1.63;
230
- --ds-basic-type-line-height-088: 0.88;
231
- --ds-basic-type-size-10: 0.625rem;
232
- --ds-basic-type-size-12: 0.75rem;
233
- --ds-basic-type-size-14: 0.875rem;
234
- --ds-basic-type-size-16: 1rem;
235
- --ds-basic-type-size-18: 1.125rem;
236
- --ds-basic-type-size-20: 1.25rem;
237
- --ds-basic-type-size-22: 1.375rem;
238
- --ds-basic-type-size-24: 1.5rem;
239
- --ds-basic-type-size-26: 1.625rem;
240
- --ds-basic-type-size-28: 1.75rem;
241
- --ds-basic-type-size-32: 2rem;
242
- --ds-basic-type-size-36: 2.25rem;
243
- --ds-basic-type-size-38: 2.375rem;
244
- --ds-basic-type-size-40: 2.5rem;
245
- --ds-basic-type-size-44: 2.75rem;
246
- --ds-basic-type-size-48: 3rem;
247
- --ds-basic-type-size-56: 3.5rem;
248
- --ds-basic-type-size-64: 4rem;
249
- --ds-basic-type-size-72: 4.5rem;
250
- --ds-basic-type-size-86: 5.375rem;
251
- --ds-basic-type-weight-book: 450;
252
- --ds-basic-type-weight-cond-medium: 500;
253
- --ds-basic-type-weight-cond-news: 450;
254
- --ds-basic-type-weight-light: 300;
255
- --ds-basic-type-weight-medium: 500;
256
- --ds-basic-type-weight-regular: 400;
257
- --ds-basic-type-weight-semibold: 600;
258
- --ds-basic-type-family-accent: "AS Circular";
259
- --ds-basic-type-family-default: "AS Circular";
260
107
  --ds-basic-color-border-bold: #585e67;
261
- --ds-basic-color-border-brand: #01426a;
108
+ --ds-basic-color-border-brand: #00274a;
262
109
  --ds-basic-color-border-default: #959595;
263
110
  --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
264
111
  --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
265
112
  --ds-basic-color-border-inverse: #ffffff;
266
113
  --ds-basic-color-border-subtle: #dddddd;
267
- --ds-basic-color-brand-primary: #0074ca;
268
- --ds-basic-color-brand-primary-bold: #003761;
269
- --ds-basic-color-brand-primary-muted: #ebf7ff;
270
- --ds-basic-color-brand-primary-subtle: #289bee;
271
- --ds-basic-color-brand-secondary: #01426a;
272
- --ds-basic-color-brand-secondary-bold: #00274a;
273
- --ds-basic-color-brand-secondary-muted: #ebf3f9;
274
- --ds-basic-color-brand-secondary-subtle: #2875b5;
275
- --ds-basic-color-brand-tertiary: #5de3f7;
276
- --ds-basic-color-brand-tertiary-bold: #18c3dd;
277
- --ds-basic-color-brand-tertiary-muted: #ebfafd;
278
- --ds-basic-color-brand-tertiary-subtle: #b4eff9;
114
+ --ds-basic-color-brand-primary: #01426a;
115
+ --ds-basic-color-brand-primary-bold: #00274a;
116
+ --ds-basic-color-brand-primary-muted: #ebf3f9;
117
+ --ds-basic-color-brand-primary-subtle: #2875b5;
118
+ --ds-basic-color-brand-secondary: #5de3f7;
119
+ --ds-basic-color-brand-secondary-bold: #18c3dd;
120
+ --ds-basic-color-brand-secondary-muted: #ebfafd;
121
+ --ds-basic-color-brand-secondary-subtle: #b4eff9;
122
+ --ds-basic-color-brand-tertiary: #a3cd6a;
123
+ --ds-basic-color-brand-tertiary-bold: #7daf3b;
124
+ --ds-basic-color-brand-tertiary-muted: #eaf3dd;
125
+ --ds-basic-color-brand-tertiary-subtle: #c9e1a7;
279
126
  --ds-basic-color-fare-basiceconomy: #97eaf8;
280
127
  --ds-basic-color-fare-business: #01426a;
281
128
  --ds-basic-color-fare-economy: #0074ca;
282
129
  --ds-basic-color-fare-first: #00274a;
283
130
  --ds-basic-color-fare-premiumeconomy: #005154;
284
- --ds-basic-color-page-background-default: #ffffff;
285
- --ds-basic-color-page-background-utility: #f7f8fa;
131
+ --ds-basic-color-page-background-default: #ebfafd;
132
+ --ds-basic-color-page-background-utility: #ffffff;
286
133
  --ds-basic-color-status-default: #afb9c6;
287
134
  --ds-basic-color-status-error: #e31f26;
288
135
  --ds-basic-color-status-error-subtle: #fbc6c6;
289
- --ds-basic-color-status-info: #007db1;
290
- --ds-basic-color-status-info-subtle: #e8f2f8;
136
+ --ds-basic-color-status-info: #01426a;
137
+ --ds-basic-color-status-info-subtle: #ebf3f9;
291
138
  --ds-basic-color-status-success: #447a1f;
292
139
  --ds-basic-color-status-success-subtle: #d6eac7;
293
140
  --ds-basic-color-status-warning: #fac200;
294
141
  --ds-basic-color-status-warning-subtle: #fff0b2;
295
- --ds-basic-color-surface-accent1: #0074ca;
296
- --ds-basic-color-surface-accent1-muted: #ebf7ff;
297
- --ds-basic-color-surface-accent1-subtle: #289bee;
298
- --ds-basic-color-surface-accent2: #959595;
299
- --ds-basic-color-surface-accent2-muted: #c5c5c5;
142
+ --ds-basic-color-surface-accent1: #5de3f7;
143
+ --ds-basic-color-surface-accent1-muted: #ebfafd;
144
+ --ds-basic-color-surface-accent1-subtle: #b4eff9;
145
+ --ds-basic-color-surface-accent2: #a3cd6a;
146
+ --ds-basic-color-surface-accent2-muted: #eaf3dd;
300
147
  --ds-basic-color-surface-default: #ffffff;
301
- --ds-basic-color-surface-inverse: #01426a;
148
+ --ds-basic-color-surface-inverse: #00274a;
302
149
  --ds-basic-color-surface-inverse-subtle: #2875b5;
303
150
  --ds-basic-color-surface-neutral-medium: #c5c5c5;
304
151
  --ds-basic-color-surface-neutral-subtle: #f7f7f7;
305
- --ds-basic-color-texticon-accent1: #01426a;
152
+ --ds-basic-color-texticon-accent1: #265688;
306
153
  --ds-basic-color-texticon-default: #2a2a2a;
307
154
  --ds-basic-color-texticon-disabled: #d0d0d0;
308
155
  --ds-basic-color-texticon-inverse: #ffffff;
@@ -330,6 +177,77 @@
330
177
  --ds-basic-color-tier-program-oneworld-emerald: #139142;
331
178
  --ds-basic-color-tier-program-oneworld-ruby: #a41d4a;
332
179
  --ds-basic-color-tier-program-oneworld-sapphire: #015daa;
180
+ --ds-basic-type-brand-family-primary: "AS Circular";
181
+ --ds-basic-type-brand-family-secondary: "Good OT";
182
+ --ds-basic-type-brand-line-height-primary: "1.3";
183
+ --ds-basic-type-brand-line-height-secondary: "1";
184
+ --ds-basic-type-brand-letter-spacing-primary: "0";
185
+ --ds-basic-type-brand-letter-spacing-secondary: "0.05em";
186
+ --ds-basic-type-brand-letter-spacing-tertiary: "0.10em";
187
+ --ds-basic-type-family-accent: "Good OT";
188
+ --ds-basic-type-family-body: "AS Circular";
189
+ --ds-basic-type-family-display: "AS Circular";
190
+ --ds-basic-type-family-heading: "AS Circular";
191
+ --ds-basic-type-letter-spacing-accent: "0.05em";
192
+ --ds-basic-type-letter-spacing-accent2: "0.10em";
193
+ --ds-basic-type-letter-spacing-body: "0";
194
+ --ds-basic-type-letter-spacing-display: "0";
195
+ --ds-basic-type-letter-spacing-heading: "0";
196
+ --ds-basic-type-line-height-accent: "1.3";
197
+ --ds-basic-type-line-height-accent2: "1";
198
+ --ds-basic-type-line-height-body: "1.63";
199
+ --ds-basic-type-line-height-body2: "1.5";
200
+ --ds-basic-type-line-height-body3: "1.25";
201
+ --ds-basic-type-line-height-body4: "1";
202
+ --ds-basic-type-line-height-body5: "0.88";
203
+ --ds-basic-type-line-height-display: "1.3";
204
+ --ds-basic-type-line-height-heading: "1.3";
205
+ --ds-basic-type-weight-accent: "450";
206
+ --ds-basic-type-weight-accent2: "500";
207
+ --ds-basic-type-weight-body: "450";
208
+ --ds-basic-type-weight-display: "300";
209
+ --ds-basic-type-weight-heading: "300";
210
+ --ds-basic-type-weight-heading2: "450";
211
+ --ds-type-letter-spacing-0: "0";
212
+ --ds-type-letter-spacing-005: "0.05em";
213
+ --ds-type-letter-spacing-010: "0.10em";
214
+ --ds-type-line-height-100: "1";
215
+ --ds-type-line-height-125: "1.25";
216
+ --ds-type-line-height-130: "1.3";
217
+ --ds-type-line-height-150: "1.5";
218
+ --ds-type-line-height-163: "1.63";
219
+ --ds-type-line-height-088: "0.88";
220
+ --ds-type-size-10: "0.625rem";
221
+ --ds-type-size-12: "0.75rem";
222
+ --ds-type-size-14: "0.875rem";
223
+ --ds-type-size-16: "1rem";
224
+ --ds-type-size-18: "1.125rem";
225
+ --ds-type-size-20: "1.25rem";
226
+ --ds-type-size-22: "1.375rem";
227
+ --ds-type-size-24: "1.5rem";
228
+ --ds-type-size-26: "1.625rem";
229
+ --ds-type-size-28: "1.75rem";
230
+ --ds-type-size-32: "2rem";
231
+ --ds-type-size-36: "2.25rem";
232
+ --ds-type-size-38: "2.375rem";
233
+ --ds-type-size-40: "2.5rem";
234
+ --ds-type-size-44: "2.75rem";
235
+ --ds-type-size-48: "3rem";
236
+ --ds-type-size-56: "3.5rem";
237
+ --ds-type-size-64: "4rem";
238
+ --ds-type-size-72: "4.5rem";
239
+ --ds-type-size-86: "5.375rem";
240
+ --ds-type-weight-book: "450";
241
+ --ds-type-weight-cond-medium: "500";
242
+ --ds-type-weight-cond-news: "450";
243
+ --ds-type-weight-light: "300";
244
+ --ds-type-weight-medium: "500";
245
+ --ds-type-weight-regular: "400";
246
+ --ds-type-weight-semibold: "600";
247
+ }
248
+
249
+ /* Properties from CSSCustomProperties--alaskaClassic.css */
250
+ [data-aag-theme="aag-theme-asc"] {
333
251
  --ds-advanced-color-button-flat-text: #676767;
334
252
  --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
335
253
  --ds-advanced-color-button-flat-text-hover: #525252;
@@ -429,100 +347,58 @@
429
347
  --ds-advanced-color-state-focused-inverse: #5de3f7;
430
348
  --ds-advanced-color-state-selected: #0074ca;
431
349
  --ds-advanced-color-state-selected-hover: #003761;
432
- }
433
-
434
- /* Properties from CSSCustomProperties--auro1.css */
435
- [data-aag-theme="aag-theme-a1"] {
436
- --ds-basic-type-letter-spacing-0: 0;
437
- --ds-basic-type-letter-spacing-005: 0.05em;
438
- --ds-basic-type-letter-spacing-010: 0.10em;
439
- --ds-basic-type-line-height-100: 1;
440
- --ds-basic-type-line-height-125: 1.25;
441
- --ds-basic-type-line-height-130: 1.3;
442
- --ds-basic-type-line-height-150: 1.5;
443
- --ds-basic-type-line-height-163: 1.63;
444
- --ds-basic-type-line-height-088: 0.88;
445
- --ds-basic-type-size-10: 0.625rem;
446
- --ds-basic-type-size-12: 0.75rem;
447
- --ds-basic-type-size-14: 0.875rem;
448
- --ds-basic-type-size-16: 1rem;
449
- --ds-basic-type-size-18: 1.125rem;
450
- --ds-basic-type-size-20: 1.25rem;
451
- --ds-basic-type-size-22: 1.375rem;
452
- --ds-basic-type-size-24: 1.5rem;
453
- --ds-basic-type-size-26: 1.625rem;
454
- --ds-basic-type-size-28: 1.75rem;
455
- --ds-basic-type-size-32: 2rem;
456
- --ds-basic-type-size-36: 2.25rem;
457
- --ds-basic-type-size-38: 2.375rem;
458
- --ds-basic-type-size-40: 2.5rem;
459
- --ds-basic-type-size-44: 2.75rem;
460
- --ds-basic-type-size-48: 3rem;
461
- --ds-basic-type-size-56: 3.5rem;
462
- --ds-basic-type-size-64: 4rem;
463
- --ds-basic-type-size-72: 4.5rem;
464
- --ds-basic-type-size-86: 5.375rem;
465
- --ds-basic-type-weight-book: 450;
466
- --ds-basic-type-weight-cond-medium: 500;
467
- --ds-basic-type-weight-cond-news: 450;
468
- --ds-basic-type-weight-light: 300;
469
- --ds-basic-type-weight-medium: 500;
470
- --ds-basic-type-weight-regular: 400;
471
- --ds-basic-type-weight-semibold: 600;
472
- --ds-basic-type-family-accent: "Teodor";
473
- --ds-basic-type-family-default: "AS Circular";
474
350
  --ds-basic-color-border-bold: #585e67;
475
- --ds-basic-color-border-brand: #101d2c;
476
- --ds-basic-color-border-default: #dfd7c3;
477
- --ds-basic-color-border-divider: #e9e6d9;
351
+ --ds-basic-color-border-brand: #01426a;
352
+ --ds-basic-color-border-default: #959595;
353
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
478
354
  --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
479
355
  --ds-basic-color-border-inverse: #ffffff;
480
- --ds-basic-color-border-subtle: #e9e6d9;
481
- --ds-basic-color-brand-primary: #101d2c;
482
- --ds-basic-color-brand-primary-bold: #101d2c;
356
+ --ds-basic-color-border-subtle: #dddddd;
357
+ --ds-basic-color-brand-primary: #0074ca;
358
+ --ds-basic-color-brand-primary-bold: #003761;
483
359
  --ds-basic-color-brand-primary-muted: #ebf7ff;
484
- --ds-basic-color-brand-primary-subtle: #003761;
485
- --ds-basic-color-brand-secondary: #c7d6e5;
486
- --ds-basic-color-brand-secondary-bold: #8ca7c9;
487
- --ds-basic-color-brand-secondary-muted: #ecf0f3;
488
- --ds-basic-color-brand-secondary-subtle: #e2e8ee;
489
- --ds-basic-color-brand-tertiary: #faf9f5;
490
- --ds-basic-color-brand-tertiary-bold: #dfd7c3;
491
- --ds-basic-color-brand-tertiary-muted: #faf9f5;
492
- --ds-basic-color-brand-tertiary-subtle: #e9e6d9;
360
+ --ds-basic-color-brand-primary-subtle: #289bee;
361
+ --ds-basic-color-brand-secondary: #01426a;
362
+ --ds-basic-color-brand-secondary-bold: #00274a;
363
+ --ds-basic-color-brand-secondary-muted: #ebf3f9;
364
+ --ds-basic-color-brand-secondary-subtle: #2875b5;
365
+ --ds-basic-color-brand-tertiary: #5de3f7;
366
+ --ds-basic-color-brand-tertiary-bold: #18c3dd;
367
+ --ds-basic-color-brand-tertiary-muted: #ebfafd;
368
+ --ds-basic-color-brand-tertiary-subtle: #b4eff9;
493
369
  --ds-basic-color-fare-basiceconomy: #97eaf8;
494
370
  --ds-basic-color-fare-business: #01426a;
495
371
  --ds-basic-color-fare-economy: #0074ca;
496
372
  --ds-basic-color-fare-first: #00274a;
497
373
  --ds-basic-color-fare-premiumeconomy: #005154;
498
374
  --ds-basic-color-page-background-default: #ffffff;
499
- --ds-basic-color-page-background-utility: #faf9f5;
375
+ --ds-basic-color-page-background-utility: #f7f8fa;
500
376
  --ds-basic-color-status-default: #afb9c6;
501
377
  --ds-basic-color-status-error: #e31f26;
502
378
  --ds-basic-color-status-error-subtle: #fbc6c6;
503
- --ds-basic-color-status-info: #c7d6e5;
504
- --ds-basic-color-status-info-subtle: #ebf7ff;
379
+ --ds-basic-color-status-info: #007db1;
380
+ --ds-basic-color-status-info-subtle: #e8f2f8;
505
381
  --ds-basic-color-status-success: #447a1f;
506
382
  --ds-basic-color-status-success-subtle: #d6eac7;
507
383
  --ds-basic-color-status-warning: #fac200;
508
384
  --ds-basic-color-status-warning-subtle: #fff0b2;
509
- --ds-basic-color-surface-accent1: #c7d6e5;
510
- --ds-basic-color-surface-accent1-muted: #e2e8ee;
511
- --ds-basic-color-surface-accent1-subtle: #c7d6e5;
512
- --ds-basic-color-surface-accent2: #c7d6e5;
513
- --ds-basic-color-surface-accent2-muted: #e2e8ee;
385
+ --ds-basic-color-surface-accent1: #0074ca;
386
+ --ds-basic-color-surface-accent1-muted: #ebf7ff;
387
+ --ds-basic-color-surface-accent1-subtle: #289bee;
388
+ --ds-basic-color-surface-accent2: #959595;
389
+ --ds-basic-color-surface-accent2-muted: #c5c5c5;
514
390
  --ds-basic-color-surface-default: #ffffff;
515
- --ds-basic-color-surface-inverse: #101d2c;
516
- --ds-basic-color-surface-inverse-subtle: #101d2c;
517
- --ds-basic-color-surface-neutral-medium: #e9e6d9;
518
- --ds-basic-color-surface-neutral-subtle: #faf9f5;
519
- --ds-basic-color-texticon-accent1: #101d2c;
520
- --ds-basic-color-texticon-default: #101d2c;
521
- --ds-basic-color-texticon-disabled: #dddddd;
522
- --ds-basic-color-texticon-inverse: #faf9f5;
391
+ --ds-basic-color-surface-inverse: #01426a;
392
+ --ds-basic-color-surface-inverse-subtle: #2875b5;
393
+ --ds-basic-color-surface-neutral-medium: #c5c5c5;
394
+ --ds-basic-color-surface-neutral-subtle: #f7f7f7;
395
+ --ds-basic-color-texticon-accent1: #01426a;
396
+ --ds-basic-color-texticon-default: #2a2a2a;
397
+ --ds-basic-color-texticon-disabled: #d0d0d0;
398
+ --ds-basic-color-texticon-inverse: #ffffff;
523
399
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
524
- --ds-basic-color-texticon-inverse-muted: #c5c5c5;
525
- --ds-basic-color-texticon-muted: #6a717c;
400
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
401
+ --ds-basic-color-texticon-muted: #676767;
526
402
  --ds-basic-color-tier-program-loungetier-lounge: #01426a;
527
403
  --ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
528
404
  --ds-basic-color-tier-program-loyaltytier-bronze: #d99f6d;
@@ -544,6 +420,77 @@
544
420
  --ds-basic-color-tier-program-oneworld-emerald: #139142;
545
421
  --ds-basic-color-tier-program-oneworld-ruby: #a41d4a;
546
422
  --ds-basic-color-tier-program-oneworld-sapphire: #015daa;
423
+ --ds-basic-type-brand-family-primary: "AS Circular";
424
+ --ds-basic-type-brand-family-secondary: "AS Circular";
425
+ --ds-basic-type-brand-line-height-primary: "1.3";
426
+ --ds-basic-type-brand-line-height-secondary: "1";
427
+ --ds-basic-type-brand-letter-spacing-primary: "0";
428
+ --ds-basic-type-brand-letter-spacing-secondary: "0.05em";
429
+ --ds-basic-type-brand-letter-spacing-tertiary: "0.10em";
430
+ --ds-basic-type-family-accent: "AS Circular";
431
+ --ds-basic-type-family-body: "AS Circular";
432
+ --ds-basic-type-family-display: "AS Circular";
433
+ --ds-basic-type-family-heading: "AS Circular";
434
+ --ds-basic-type-letter-spacing-accent: "0.05em";
435
+ --ds-basic-type-letter-spacing-accent2: "0.10em";
436
+ --ds-basic-type-letter-spacing-body: "0";
437
+ --ds-basic-type-letter-spacing-display: "0";
438
+ --ds-basic-type-letter-spacing-heading: "0";
439
+ --ds-basic-type-line-height-accent: "1.3";
440
+ --ds-basic-type-line-height-accent2: "1";
441
+ --ds-basic-type-line-height-body: "1.63";
442
+ --ds-basic-type-line-height-body2: "1.5";
443
+ --ds-basic-type-line-height-body3: "1.25";
444
+ --ds-basic-type-line-height-body4: "1";
445
+ --ds-basic-type-line-height-body5: "0.88";
446
+ --ds-basic-type-line-height-display: "1.3";
447
+ --ds-basic-type-line-height-heading: "1.3";
448
+ --ds-basic-type-weight-accent: "450";
449
+ --ds-basic-type-weight-accent2: "500";
450
+ --ds-basic-type-weight-body: "450";
451
+ --ds-basic-type-weight-display: "300";
452
+ --ds-basic-type-weight-heading: "450";
453
+ --ds-basic-type-weight-heading2: "500";
454
+ --ds-type-letter-spacing-0: "0";
455
+ --ds-type-letter-spacing-005: "0.05em";
456
+ --ds-type-letter-spacing-010: "0.10em";
457
+ --ds-type-line-height-100: "1";
458
+ --ds-type-line-height-125: "1.25";
459
+ --ds-type-line-height-130: "1.3";
460
+ --ds-type-line-height-150: "1.5";
461
+ --ds-type-line-height-163: "1.63";
462
+ --ds-type-line-height-088: "0.88";
463
+ --ds-type-size-10: "0.625rem";
464
+ --ds-type-size-12: "0.75rem";
465
+ --ds-type-size-14: "0.875rem";
466
+ --ds-type-size-16: "1rem";
467
+ --ds-type-size-18: "1.125rem";
468
+ --ds-type-size-20: "1.25rem";
469
+ --ds-type-size-22: "1.375rem";
470
+ --ds-type-size-24: "1.5rem";
471
+ --ds-type-size-26: "1.625rem";
472
+ --ds-type-size-28: "1.75rem";
473
+ --ds-type-size-32: "2rem";
474
+ --ds-type-size-36: "2.25rem";
475
+ --ds-type-size-38: "2.375rem";
476
+ --ds-type-size-40: "2.5rem";
477
+ --ds-type-size-44: "2.75rem";
478
+ --ds-type-size-48: "3rem";
479
+ --ds-type-size-56: "3.5rem";
480
+ --ds-type-size-64: "4rem";
481
+ --ds-type-size-72: "4.5rem";
482
+ --ds-type-size-86: "5.375rem";
483
+ --ds-type-weight-book: "450";
484
+ --ds-type-weight-cond-medium: "500";
485
+ --ds-type-weight-cond-news: "450";
486
+ --ds-type-weight-light: "300";
487
+ --ds-type-weight-medium: "500";
488
+ --ds-type-weight-regular: "400";
489
+ --ds-type-weight-semibold: "600";
490
+ }
491
+
492
+ /* Properties from CSSCustomProperties--auro1.css */
493
+ [data-aag-theme="aag-theme-a1"] {
547
494
  --ds-advanced-color-button-flat-text: #6a717c;
548
495
  --ds-advanced-color-button-flat-text-disabled: #585e67;
549
496
  --ds-advanced-color-button-flat-text-hover: #585e67;
@@ -643,97 +590,55 @@
643
590
  --ds-advanced-color-state-focused-inverse: #ffffff;
644
591
  --ds-advanced-color-state-selected: #101d2c;
645
592
  --ds-advanced-color-state-selected-hover: #101d2c;
646
- }
647
-
648
- /* Properties from CSSCustomProperties--auro2.css */
649
- [data-aag-theme="aag-theme-a2"] {
650
- --ds-basic-type-letter-spacing-0: 0;
651
- --ds-basic-type-letter-spacing-005: 0.05em;
652
- --ds-basic-type-letter-spacing-010: 0.10em;
653
- --ds-basic-type-line-height-100: 1;
654
- --ds-basic-type-line-height-125: 1.25;
655
- --ds-basic-type-line-height-130: 1.3;
656
- --ds-basic-type-line-height-150: 1.5;
657
- --ds-basic-type-line-height-163: 1.63;
658
- --ds-basic-type-line-height-088: 0.88;
659
- --ds-basic-type-size-10: 0.625rem;
660
- --ds-basic-type-size-12: 0.75rem;
661
- --ds-basic-type-size-14: 0.875rem;
662
- --ds-basic-type-size-16: 1rem;
663
- --ds-basic-type-size-18: 1.125rem;
664
- --ds-basic-type-size-20: 1.25rem;
665
- --ds-basic-type-size-22: 1.375rem;
666
- --ds-basic-type-size-24: 1.5rem;
667
- --ds-basic-type-size-26: 1.625rem;
668
- --ds-basic-type-size-28: 1.75rem;
669
- --ds-basic-type-size-32: 2rem;
670
- --ds-basic-type-size-36: 2.25rem;
671
- --ds-basic-type-size-38: 2.375rem;
672
- --ds-basic-type-size-40: 2.5rem;
673
- --ds-basic-type-size-44: 2.75rem;
674
- --ds-basic-type-size-48: 3rem;
675
- --ds-basic-type-size-56: 3.5rem;
676
- --ds-basic-type-size-64: 4rem;
677
- --ds-basic-type-size-72: 4.5rem;
678
- --ds-basic-type-size-86: 5.375rem;
679
- --ds-basic-type-weight-book: 450;
680
- --ds-basic-type-weight-cond-medium: 500;
681
- --ds-basic-type-weight-cond-news: 450;
682
- --ds-basic-type-weight-light: 300;
683
- --ds-basic-type-weight-medium: 500;
684
- --ds-basic-type-weight-regular: 400;
685
- --ds-basic-type-weight-semibold: 600;
686
- --ds-basic-type-family-accent: "Teodor";
687
- --ds-basic-type-family-default: "AS Circular";
688
- --ds-basic-color-border-bold: rgba(255, 255, 255, 0.4);
689
- --ds-basic-color-border-brand: #ffffff;
690
- --ds-basic-color-border-default: #e9e6d9;
691
- --ds-basic-color-border-divider: #585e67;
692
- --ds-basic-color-border-divider-inverse: #dfd7c3;
693
- --ds-basic-color-border-inverse: #e9e6d9;
694
- --ds-basic-color-border-subtle: #faf9f5;
695
- --ds-basic-color-brand-primary: #003761;
696
- --ds-basic-color-brand-primary-bold: #faf9f5;
697
- --ds-basic-color-brand-primary-muted: #8ca7c9;
698
- --ds-basic-color-brand-primary-subtle: #faf9f5;
593
+ --ds-basic-color-border-bold: #585e67;
594
+ --ds-basic-color-border-brand: #101d2c;
595
+ --ds-basic-color-border-default: #dfd7c3;
596
+ --ds-basic-color-border-divider: #e9e6d9;
597
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
598
+ --ds-basic-color-border-inverse: #ffffff;
599
+ --ds-basic-color-border-subtle: #e9e6d9;
600
+ --ds-basic-color-brand-primary: #101d2c;
601
+ --ds-basic-color-brand-primary-bold: #101d2c;
602
+ --ds-basic-color-brand-primary-muted: #ebf7ff;
603
+ --ds-basic-color-brand-primary-subtle: #003761;
699
604
  --ds-basic-color-brand-secondary: #c7d6e5;
700
- --ds-basic-color-brand-secondary-bold: #ebf7ff;
701
- --ds-basic-color-brand-secondary-muted: #dfd7c3;
605
+ --ds-basic-color-brand-secondary-bold: #8ca7c9;
606
+ --ds-basic-color-brand-secondary-muted: #ecf0f3;
702
607
  --ds-basic-color-brand-secondary-subtle: #e2e8ee;
703
- --ds-basic-color-brand-tertiary: #e9e6d9;
704
- --ds-basic-color-brand-tertiary-bold: #101d2c;
705
- --ds-basic-color-brand-tertiary-muted: #ecf0f3;
706
- --ds-basic-color-brand-tertiary-subtle: #101d2c;
608
+ --ds-basic-color-brand-tertiary: #faf9f5;
609
+ --ds-basic-color-brand-tertiary-bold: #dfd7c3;
610
+ --ds-basic-color-brand-tertiary-muted: #faf9f5;
611
+ --ds-basic-color-brand-tertiary-subtle: #e9e6d9;
707
612
  --ds-basic-color-fare-basiceconomy: #97eaf8;
708
613
  --ds-basic-color-fare-business: #01426a;
709
614
  --ds-basic-color-fare-economy: #0074ca;
710
615
  --ds-basic-color-fare-first: #00274a;
711
616
  --ds-basic-color-fare-premiumeconomy: #005154;
712
617
  --ds-basic-color-page-background-default: #ffffff;
713
- --ds-basic-color-page-background-utility: #e9e6d9;
618
+ --ds-basic-color-page-background-utility: #faf9f5;
714
619
  --ds-basic-color-status-default: #afb9c6;
715
620
  --ds-basic-color-status-error: #e31f26;
716
621
  --ds-basic-color-status-error-subtle: #fbc6c6;
717
622
  --ds-basic-color-status-info: #c7d6e5;
718
- --ds-basic-color-status-info-subtle: #8ca7c9;
623
+ --ds-basic-color-status-info-subtle: #ebf7ff;
719
624
  --ds-basic-color-status-success: #447a1f;
720
625
  --ds-basic-color-status-success-subtle: #d6eac7;
721
626
  --ds-basic-color-status-warning: #fac200;
722
627
  --ds-basic-color-status-warning-subtle: #fff0b2;
723
- --ds-basic-color-surface-accent1: #e2e8ee;
724
- --ds-basic-color-surface-accent1-muted: #c7d6e5;
628
+ --ds-basic-color-surface-accent1: #c7d6e5;
629
+ --ds-basic-color-surface-accent1-muted: #e2e8ee;
725
630
  --ds-basic-color-surface-accent1-subtle: #c7d6e5;
726
- --ds-basic-color-surface-accent2: #003761;
727
- --ds-basic-color-surface-accent2-muted: #101d2c;
728
- --ds-basic-color-surface-default: #e2e8ee;
729
- --ds-basic-color-surface-inverse: #ecf0f3;
730
- --ds-basic-color-surface-inverse-subtle: #ffffff;
731
- --ds-basic-color-surface-neutral-medium: #003761;
732
- --ds-basic-color-surface-neutral-subtle: #c7d6e5;
733
- --ds-basic-color-texticon-accent1: #003761;
734
- --ds-basic-color-texticon-default: #003761;
631
+ --ds-basic-color-surface-accent2: #c7d6e5;
632
+ --ds-basic-color-surface-accent2-muted: #e2e8ee;
633
+ --ds-basic-color-surface-default: #ffffff;
634
+ --ds-basic-color-surface-inverse: #101d2c;
635
+ --ds-basic-color-surface-inverse-subtle: #101d2c;
636
+ --ds-basic-color-surface-neutral-medium: #e9e6d9;
637
+ --ds-basic-color-surface-neutral-subtle: #faf9f5;
638
+ --ds-basic-color-texticon-accent1: #101d2c;
639
+ --ds-basic-color-texticon-default: #101d2c;
735
640
  --ds-basic-color-texticon-disabled: #dddddd;
736
- --ds-basic-color-texticon-inverse: #e9e6d9;
641
+ --ds-basic-color-texticon-inverse: #faf9f5;
737
642
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
738
643
  --ds-basic-color-texticon-inverse-muted: #c5c5c5;
739
644
  --ds-basic-color-texticon-muted: #6a717c;
@@ -758,6 +663,77 @@
758
663
  --ds-basic-color-tier-program-oneworld-emerald: #139142;
759
664
  --ds-basic-color-tier-program-oneworld-ruby: #a41d4a;
760
665
  --ds-basic-color-tier-program-oneworld-sapphire: #015daa;
666
+ --ds-basic-type-brand-family-primary: "AS Circular";
667
+ --ds-basic-type-brand-family-secondary: "Teodor";
668
+ --ds-basic-type-brand-line-height-primary: "1.3";
669
+ --ds-basic-type-brand-line-height-secondary: "1";
670
+ --ds-basic-type-brand-letter-spacing-primary: "0";
671
+ --ds-basic-type-brand-letter-spacing-secondary: "0.05em";
672
+ --ds-basic-type-brand-letter-spacing-tertiary: "0.10em";
673
+ --ds-basic-type-family-accent: "AS Circular";
674
+ --ds-basic-type-family-body: "AS Circular";
675
+ --ds-basic-type-family-display: "Teodor";
676
+ --ds-basic-type-family-heading: "AS Circular";
677
+ --ds-basic-type-letter-spacing-accent: "0.05em";
678
+ --ds-basic-type-letter-spacing-accent2: "0.10em";
679
+ --ds-basic-type-letter-spacing-body: "0";
680
+ --ds-basic-type-letter-spacing-display: "0";
681
+ --ds-basic-type-letter-spacing-heading: "0";
682
+ --ds-basic-type-line-height-accent: "1.3";
683
+ --ds-basic-type-line-height-accent2: "1";
684
+ --ds-basic-type-line-height-body: "1.63";
685
+ --ds-basic-type-line-height-body2: "1.5";
686
+ --ds-basic-type-line-height-body3: "1.25";
687
+ --ds-basic-type-line-height-body4: "1";
688
+ --ds-basic-type-line-height-body5: "0.88";
689
+ --ds-basic-type-line-height-display: "1.3";
690
+ --ds-basic-type-line-height-heading: "1.3";
691
+ --ds-basic-type-weight-accent: "500";
692
+ --ds-basic-type-weight-accent2: "500";
693
+ --ds-basic-type-weight-body: "400";
694
+ --ds-basic-type-weight-display: "300";
695
+ --ds-basic-type-weight-heading: "300";
696
+ --ds-basic-type-weight-heading2: "300";
697
+ --ds-type-letter-spacing-0: "0";
698
+ --ds-type-letter-spacing-005: "0.05em";
699
+ --ds-type-letter-spacing-010: "0.10em";
700
+ --ds-type-line-height-100: "1";
701
+ --ds-type-line-height-125: "1.25";
702
+ --ds-type-line-height-130: "1.3";
703
+ --ds-type-line-height-150: "1.5";
704
+ --ds-type-line-height-163: "1.63";
705
+ --ds-type-line-height-088: "0.88";
706
+ --ds-type-size-10: "0.625rem";
707
+ --ds-type-size-12: "0.75rem";
708
+ --ds-type-size-14: "0.875rem";
709
+ --ds-type-size-16: "1rem";
710
+ --ds-type-size-18: "1.125rem";
711
+ --ds-type-size-20: "1.25rem";
712
+ --ds-type-size-22: "1.375rem";
713
+ --ds-type-size-24: "1.5rem";
714
+ --ds-type-size-26: "1.625rem";
715
+ --ds-type-size-28: "1.75rem";
716
+ --ds-type-size-32: "2rem";
717
+ --ds-type-size-36: "2.25rem";
718
+ --ds-type-size-38: "2.375rem";
719
+ --ds-type-size-40: "2.5rem";
720
+ --ds-type-size-44: "2.75rem";
721
+ --ds-type-size-48: "3rem";
722
+ --ds-type-size-56: "3.5rem";
723
+ --ds-type-size-64: "4rem";
724
+ --ds-type-size-72: "4.5rem";
725
+ --ds-type-size-86: "5.375rem";
726
+ --ds-type-weight-book: "450";
727
+ --ds-type-weight-cond-medium: "500";
728
+ --ds-type-weight-cond-news: "450";
729
+ --ds-type-weight-light: "300";
730
+ --ds-type-weight-medium: "500";
731
+ --ds-type-weight-regular: "400";
732
+ --ds-type-weight-semibold: "600";
733
+ }
734
+
735
+ /* Properties from CSSCustomProperties--auro2.css */
736
+ [data-aag-theme="aag-theme-a2"] {
761
737
  --ds-advanced-color-button-flat-text: #6a717c;
762
738
  --ds-advanced-color-button-flat-text-disabled: #585e67;
763
739
  --ds-advanced-color-button-flat-text-hover: #585e67;
@@ -857,100 +833,58 @@
857
833
  --ds-advanced-color-state-focused-inverse: #ffffff;
858
834
  --ds-advanced-color-state-selected: #003761;
859
835
  --ds-advanced-color-state-selected-hover: #faf9f5;
860
- }
861
-
862
- /* Properties from CSSCustomProperties--hawaiian.css */
863
- [data-aag-theme="aag-theme-ha"] {
864
- --ds-basic-type-letter-spacing-0: 0;
865
- --ds-basic-type-letter-spacing-005: 0.05em;
866
- --ds-basic-type-letter-spacing-010: 0.10em;
867
- --ds-basic-type-line-height-100: 1;
868
- --ds-basic-type-line-height-125: 1.25;
869
- --ds-basic-type-line-height-130: 1.3;
870
- --ds-basic-type-line-height-150: 1.5;
871
- --ds-basic-type-line-height-163: 1.63;
872
- --ds-basic-type-line-height-088: 0.88;
873
- --ds-basic-type-size-10: 0.625rem;
874
- --ds-basic-type-size-12: 0.75rem;
875
- --ds-basic-type-size-14: 0.875rem;
876
- --ds-basic-type-size-16: 1rem;
877
- --ds-basic-type-size-18: 1.125rem;
878
- --ds-basic-type-size-20: 1.25rem;
879
- --ds-basic-type-size-22: 1.375rem;
880
- --ds-basic-type-size-24: 1.5rem;
881
- --ds-basic-type-size-26: 1.625rem;
882
- --ds-basic-type-size-28: 1.75rem;
883
- --ds-basic-type-size-32: 2rem;
884
- --ds-basic-type-size-36: 2.25rem;
885
- --ds-basic-type-size-38: 2.375rem;
886
- --ds-basic-type-size-40: 2.5rem;
887
- --ds-basic-type-size-44: 2.75rem;
888
- --ds-basic-type-size-48: 3rem;
889
- --ds-basic-type-size-56: 3.5rem;
890
- --ds-basic-type-size-64: 4rem;
891
- --ds-basic-type-size-72: 4.5rem;
892
- --ds-basic-type-size-86: 5.375rem;
893
- --ds-basic-type-weight-book: 450;
894
- --ds-basic-type-weight-cond-medium: 500;
895
- --ds-basic-type-weight-cond-news: 450;
896
- --ds-basic-type-weight-light: 300;
897
- --ds-basic-type-weight-medium: 500;
898
- --ds-basic-type-weight-regular: 400;
899
- --ds-basic-type-weight-semibold: 600;
900
- --ds-basic-type-family-accent: "Chronicle Display";
901
- --ds-basic-type-family-default: "Slate Pro";
902
- --ds-basic-color-border-bold: #adadad;
903
- --ds-basic-color-border-brand: #463c8f;
904
- --ds-basic-color-border-default: #d0d0d0;
905
- --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
906
- --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
907
- --ds-basic-color-border-inverse: #ffffff;
908
- --ds-basic-color-border-subtle: #dddddd;
909
- --ds-basic-color-brand-primary: #463c8f;
910
- --ds-basic-color-brand-primary-bold: #31295c;
911
- --ds-basic-color-brand-primary-muted: #edeaf4;
912
- --ds-basic-color-brand-primary-subtle: #8c7eb8;
913
- --ds-basic-color-brand-secondary: #ce0c88;
914
- --ds-basic-color-brand-secondary-bold: #831a57;
915
- --ds-basic-color-brand-secondary-muted: #fdf1f8;
916
- --ds-basic-color-brand-secondary-subtle: #e26db8;
917
- --ds-basic-color-brand-tertiary: #ee453d;
918
- --ds-basic-color-brand-tertiary-bold: #97322a;
919
- --ds-basic-color-brand-tertiary-muted: #ffeeea;
920
- --ds-basic-color-brand-tertiary-subtle: #ff9080;
921
- --ds-basic-color-fare-basiceconomy: #d0d0d0;
922
- --ds-basic-color-fare-business: #463c8f;
923
- --ds-basic-color-fare-economy: #ce0c88;
924
- --ds-basic-color-fare-first: #463c8f;
925
- --ds-basic-color-fare-premiumeconomy: #1b6976;
836
+ --ds-basic-color-border-bold: rgba(255, 255, 255, 0.4);
837
+ --ds-basic-color-border-brand: #ffffff;
838
+ --ds-basic-color-border-default: #e9e6d9;
839
+ --ds-basic-color-border-divider: #585e67;
840
+ --ds-basic-color-border-divider-inverse: #dfd7c3;
841
+ --ds-basic-color-border-inverse: #e9e6d9;
842
+ --ds-basic-color-border-subtle: #faf9f5;
843
+ --ds-basic-color-brand-primary: #003761;
844
+ --ds-basic-color-brand-primary-bold: #faf9f5;
845
+ --ds-basic-color-brand-primary-muted: #8ca7c9;
846
+ --ds-basic-color-brand-primary-subtle: #faf9f5;
847
+ --ds-basic-color-brand-secondary: #c7d6e5;
848
+ --ds-basic-color-brand-secondary-bold: #ebf7ff;
849
+ --ds-basic-color-brand-secondary-muted: #dfd7c3;
850
+ --ds-basic-color-brand-secondary-subtle: #e2e8ee;
851
+ --ds-basic-color-brand-tertiary: #e9e6d9;
852
+ --ds-basic-color-brand-tertiary-bold: #101d2c;
853
+ --ds-basic-color-brand-tertiary-muted: #ecf0f3;
854
+ --ds-basic-color-brand-tertiary-subtle: #101d2c;
855
+ --ds-basic-color-fare-basiceconomy: #97eaf8;
856
+ --ds-basic-color-fare-business: #01426a;
857
+ --ds-basic-color-fare-economy: #0074ca;
858
+ --ds-basic-color-fare-first: #00274a;
859
+ --ds-basic-color-fare-premiumeconomy: #005154;
926
860
  --ds-basic-color-page-background-default: #ffffff;
927
- --ds-basic-color-page-background-utility: #ffffff;
861
+ --ds-basic-color-page-background-utility: #e9e6d9;
928
862
  --ds-basic-color-status-default: #afb9c6;
929
- --ds-basic-color-status-error: #e53339;
863
+ --ds-basic-color-status-error: #e31f26;
930
864
  --ds-basic-color-status-error-subtle: #fbc6c6;
931
- --ds-basic-color-status-info: #007db1;
932
- --ds-basic-color-status-info-subtle: #e8f2f8;
933
- --ds-basic-color-status-success: #529325;
865
+ --ds-basic-color-status-info: #c7d6e5;
866
+ --ds-basic-color-status-info-subtle: #8ca7c9;
867
+ --ds-basic-color-status-success: #447a1f;
934
868
  --ds-basic-color-status-success-subtle: #d6eac7;
935
869
  --ds-basic-color-status-warning: #fac200;
936
870
  --ds-basic-color-status-warning-subtle: #fff0b2;
937
- --ds-basic-color-surface-accent1: #aca1cc;
938
- --ds-basic-color-surface-accent1-muted: #edeaf4;
939
- --ds-basic-color-surface-accent1-subtle: #aca1cc;
940
- --ds-basic-color-surface-accent2: #f7f7f7;
941
- --ds-basic-color-surface-accent2-muted: #f7f7f7;
942
- --ds-basic-color-surface-default: #ffffff;
943
- --ds-basic-color-surface-inverse: #463c8f;
944
- --ds-basic-color-surface-inverse-subtle: #8c7eb8;
945
- --ds-basic-color-surface-neutral-medium: #dddddd;
946
- --ds-basic-color-surface-neutral-subtle: #f7f7f7;
947
- --ds-basic-color-texticon-accent1: #463c8f;
948
- --ds-basic-color-texticon-default: #000000;
949
- --ds-basic-color-texticon-disabled: #d0d0d0;
950
- --ds-basic-color-texticon-inverse: #ffffff;
871
+ --ds-basic-color-surface-accent1: #e2e8ee;
872
+ --ds-basic-color-surface-accent1-muted: #c7d6e5;
873
+ --ds-basic-color-surface-accent1-subtle: #c7d6e5;
874
+ --ds-basic-color-surface-accent2: #003761;
875
+ --ds-basic-color-surface-accent2-muted: #101d2c;
876
+ --ds-basic-color-surface-default: #e2e8ee;
877
+ --ds-basic-color-surface-inverse: #ecf0f3;
878
+ --ds-basic-color-surface-inverse-subtle: #ffffff;
879
+ --ds-basic-color-surface-neutral-medium: #003761;
880
+ --ds-basic-color-surface-neutral-subtle: #c7d6e5;
881
+ --ds-basic-color-texticon-accent1: #003761;
882
+ --ds-basic-color-texticon-default: #003761;
883
+ --ds-basic-color-texticon-disabled: #dddddd;
884
+ --ds-basic-color-texticon-inverse: #e9e6d9;
951
885
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
952
- --ds-basic-color-texticon-inverse-muted: #ccd2db;
953
- --ds-basic-color-texticon-muted: #3d3d3d;
886
+ --ds-basic-color-texticon-inverse-muted: #c5c5c5;
887
+ --ds-basic-color-texticon-muted: #6a717c;
954
888
  --ds-basic-color-tier-program-loungetier-lounge: #01426a;
955
889
  --ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
956
890
  --ds-basic-color-tier-program-loyaltytier-bronze: #d99f6d;
@@ -972,6 +906,77 @@
972
906
  --ds-basic-color-tier-program-oneworld-emerald: #139142;
973
907
  --ds-basic-color-tier-program-oneworld-ruby: #a41d4a;
974
908
  --ds-basic-color-tier-program-oneworld-sapphire: #015daa;
909
+ --ds-basic-type-brand-family-primary: "AS Circular";
910
+ --ds-basic-type-brand-family-secondary: "Teodor";
911
+ --ds-basic-type-brand-line-height-primary: "1.3";
912
+ --ds-basic-type-brand-line-height-secondary: "1";
913
+ --ds-basic-type-brand-letter-spacing-primary: "0";
914
+ --ds-basic-type-brand-letter-spacing-secondary: "0.05em";
915
+ --ds-basic-type-brand-letter-spacing-tertiary: "0.10em";
916
+ --ds-basic-type-family-accent: "AS Circular";
917
+ --ds-basic-type-family-body: "AS Circular";
918
+ --ds-basic-type-family-display: "AS Circular";
919
+ --ds-basic-type-family-heading: "AS Circular";
920
+ --ds-basic-type-letter-spacing-accent: "0.05em";
921
+ --ds-basic-type-letter-spacing-accent2: "0.10em";
922
+ --ds-basic-type-letter-spacing-body: "0";
923
+ --ds-basic-type-letter-spacing-display: "0";
924
+ --ds-basic-type-letter-spacing-heading: "0";
925
+ --ds-basic-type-line-height-accent: "1.3";
926
+ --ds-basic-type-line-height-accent2: "1";
927
+ --ds-basic-type-line-height-body: "1.63";
928
+ --ds-basic-type-line-height-body2: "1.5";
929
+ --ds-basic-type-line-height-body3: "1.25";
930
+ --ds-basic-type-line-height-body4: "1";
931
+ --ds-basic-type-line-height-body5: "0.88";
932
+ --ds-basic-type-line-height-display: "1.3";
933
+ --ds-basic-type-line-height-heading: "1.3";
934
+ --ds-basic-type-weight-accent: "500";
935
+ --ds-basic-type-weight-accent2: "500";
936
+ --ds-basic-type-weight-body: "400";
937
+ --ds-basic-type-weight-display: "300";
938
+ --ds-basic-type-weight-heading: "300";
939
+ --ds-basic-type-weight-heading2: "300";
940
+ --ds-type-letter-spacing-0: "0";
941
+ --ds-type-letter-spacing-005: "0.05em";
942
+ --ds-type-letter-spacing-010: "0.10em";
943
+ --ds-type-line-height-100: "1";
944
+ --ds-type-line-height-125: "1.25";
945
+ --ds-type-line-height-130: "1.3";
946
+ --ds-type-line-height-150: "1.5";
947
+ --ds-type-line-height-163: "1.63";
948
+ --ds-type-line-height-088: "0.88";
949
+ --ds-type-size-10: "0.625rem";
950
+ --ds-type-size-12: "0.75rem";
951
+ --ds-type-size-14: "0.875rem";
952
+ --ds-type-size-16: "1rem";
953
+ --ds-type-size-18: "1.125rem";
954
+ --ds-type-size-20: "1.25rem";
955
+ --ds-type-size-22: "1.375rem";
956
+ --ds-type-size-24: "1.5rem";
957
+ --ds-type-size-26: "1.625rem";
958
+ --ds-type-size-28: "1.75rem";
959
+ --ds-type-size-32: "2rem";
960
+ --ds-type-size-36: "2.25rem";
961
+ --ds-type-size-38: "2.375rem";
962
+ --ds-type-size-40: "2.5rem";
963
+ --ds-type-size-44: "2.75rem";
964
+ --ds-type-size-48: "3rem";
965
+ --ds-type-size-56: "3.5rem";
966
+ --ds-type-size-64: "4rem";
967
+ --ds-type-size-72: "4.5rem";
968
+ --ds-type-size-86: "5.375rem";
969
+ --ds-type-weight-book: "450";
970
+ --ds-type-weight-cond-medium: "500";
971
+ --ds-type-weight-cond-news: "450";
972
+ --ds-type-weight-light: "300";
973
+ --ds-type-weight-medium: "500";
974
+ --ds-type-weight-regular: "400";
975
+ --ds-type-weight-semibold: "600";
976
+ }
977
+
978
+ /* Properties from CSSCustomProperties--hawaiian.css */
979
+ [data-aag-theme="aag-theme-ha"] {
975
980
  --ds-advanced-color-button-flat-text: #676767;
976
981
  --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
977
982
  --ds-advanced-color-button-flat-text-hover: #525252;
@@ -1071,4 +1076,144 @@
1071
1076
  --ds-advanced-color-state-focused-inverse: #ffffff;
1072
1077
  --ds-advanced-color-state-selected: #463c8f;
1073
1078
  --ds-advanced-color-state-selected-hover: #31295c;
1079
+ --ds-basic-color-border-bold: #adadad;
1080
+ --ds-basic-color-border-brand: #463c8f;
1081
+ --ds-basic-color-border-default: #d0d0d0;
1082
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
1083
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
1084
+ --ds-basic-color-border-inverse: #ffffff;
1085
+ --ds-basic-color-border-subtle: #dddddd;
1086
+ --ds-basic-color-brand-primary: #463c8f;
1087
+ --ds-basic-color-brand-primary-bold: #31295c;
1088
+ --ds-basic-color-brand-primary-muted: #edeaf4;
1089
+ --ds-basic-color-brand-primary-subtle: #8c7eb8;
1090
+ --ds-basic-color-brand-secondary: #ce0c88;
1091
+ --ds-basic-color-brand-secondary-bold: #831a57;
1092
+ --ds-basic-color-brand-secondary-muted: #fdf1f8;
1093
+ --ds-basic-color-brand-secondary-subtle: #e26db8;
1094
+ --ds-basic-color-brand-tertiary: #ee453d;
1095
+ --ds-basic-color-brand-tertiary-bold: #97322a;
1096
+ --ds-basic-color-brand-tertiary-muted: #ffeeea;
1097
+ --ds-basic-color-brand-tertiary-subtle: #ff9080;
1098
+ --ds-basic-color-fare-basiceconomy: #d0d0d0;
1099
+ --ds-basic-color-fare-business: #463c8f;
1100
+ --ds-basic-color-fare-economy: #ce0c88;
1101
+ --ds-basic-color-fare-first: #463c8f;
1102
+ --ds-basic-color-fare-premiumeconomy: #1b6976;
1103
+ --ds-basic-color-page-background-default: #ffffff;
1104
+ --ds-basic-color-page-background-utility: #ffffff;
1105
+ --ds-basic-color-status-default: #afb9c6;
1106
+ --ds-basic-color-status-error: #e53339;
1107
+ --ds-basic-color-status-error-subtle: #fbc6c6;
1108
+ --ds-basic-color-status-info: #007db1;
1109
+ --ds-basic-color-status-info-subtle: #e8f2f8;
1110
+ --ds-basic-color-status-success: #529325;
1111
+ --ds-basic-color-status-success-subtle: #d6eac7;
1112
+ --ds-basic-color-status-warning: #fac200;
1113
+ --ds-basic-color-status-warning-subtle: #fff0b2;
1114
+ --ds-basic-color-surface-accent1: #aca1cc;
1115
+ --ds-basic-color-surface-accent1-muted: #edeaf4;
1116
+ --ds-basic-color-surface-accent1-subtle: #aca1cc;
1117
+ --ds-basic-color-surface-accent2: #f7f7f7;
1118
+ --ds-basic-color-surface-accent2-muted: #f7f7f7;
1119
+ --ds-basic-color-surface-default: #ffffff;
1120
+ --ds-basic-color-surface-inverse: #463c8f;
1121
+ --ds-basic-color-surface-inverse-subtle: #8c7eb8;
1122
+ --ds-basic-color-surface-neutral-medium: #dddddd;
1123
+ --ds-basic-color-surface-neutral-subtle: #f7f7f7;
1124
+ --ds-basic-color-texticon-accent1: #463c8f;
1125
+ --ds-basic-color-texticon-default: #000000;
1126
+ --ds-basic-color-texticon-disabled: #d0d0d0;
1127
+ --ds-basic-color-texticon-inverse: #ffffff;
1128
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
1129
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
1130
+ --ds-basic-color-texticon-muted: #3d3d3d;
1131
+ --ds-basic-color-tier-program-loungetier-lounge: #01426a;
1132
+ --ds-basic-color-tier-program-loungetier-loungeplus: #53b390;
1133
+ --ds-basic-color-tier-program-loyaltytier-bronze: #d99f6d;
1134
+ --ds-basic-color-tier-program-loyaltytier-bronze-muted: #eed4be;
1135
+ --ds-basic-color-tier-program-loyaltytier-cobalt: #030772;
1136
+ --ds-basic-color-tier-program-loyaltytier-cobalt-muted: #a9b6d6;
1137
+ --ds-basic-color-tier-program-loyaltytier-copper: #cb7457;
1138
+ --ds-basic-color-tier-program-loyaltytier-copper-muted: #e7bfb1;
1139
+ --ds-basic-color-tier-program-loyaltytier-gold: #fbdc7a;
1140
+ --ds-basic-color-tier-program-loyaltytier-gold-muted: #fdefc4;
1141
+ --ds-basic-color-tier-program-loyaltytier-nickel: #abaab1;
1142
+ --ds-basic-color-tier-program-loyaltytier-nickel-muted: #e5e4e7;
1143
+ --ds-basic-color-tier-program-loyaltytier-platinum: #bcb8a4;
1144
+ --ds-basic-color-tier-program-loyaltytier-platinum-muted: #dad8cd;
1145
+ --ds-basic-color-tier-program-loyaltytier-silver: #e4e9ec;
1146
+ --ds-basic-color-tier-program-loyaltytier-silver-muted: #f9fafb;
1147
+ --ds-basic-color-tier-program-loyaltytier-titanium: #282828;
1148
+ --ds-basic-color-tier-program-loyaltytier-titanium-muted: #545454;
1149
+ --ds-basic-color-tier-program-oneworld-emerald: #139142;
1150
+ --ds-basic-color-tier-program-oneworld-ruby: #a41d4a;
1151
+ --ds-basic-color-tier-program-oneworld-sapphire: #015daa;
1152
+ --ds-basic-type-brand-family-primary: "Slate Pro";
1153
+ --ds-basic-type-brand-family-secondary: "Chronicle Display";
1154
+ --ds-basic-type-brand-line-height-primary: "1.3";
1155
+ --ds-basic-type-brand-line-height-secondary: "1";
1156
+ --ds-basic-type-brand-letter-spacing-primary: "0";
1157
+ --ds-basic-type-brand-letter-spacing-secondary: "0.05em";
1158
+ --ds-basic-type-brand-letter-spacing-tertiary: "0.10em";
1159
+ --ds-basic-type-family-accent: "Slate Pro";
1160
+ --ds-basic-type-family-body: "Slate Pro";
1161
+ --ds-basic-type-family-display: "Chronicle Display";
1162
+ --ds-basic-type-family-heading: "Slate Pro";
1163
+ --ds-basic-type-letter-spacing-accent: "0.05em";
1164
+ --ds-basic-type-letter-spacing-accent2: "0.10em";
1165
+ --ds-basic-type-letter-spacing-body: "0";
1166
+ --ds-basic-type-letter-spacing-display: "0";
1167
+ --ds-basic-type-letter-spacing-heading: "0";
1168
+ --ds-basic-type-line-height-accent: "1.3";
1169
+ --ds-basic-type-line-height-accent2: "1";
1170
+ --ds-basic-type-line-height-body: "1.63";
1171
+ --ds-basic-type-line-height-body2: "1.5";
1172
+ --ds-basic-type-line-height-body3: "1.25";
1173
+ --ds-basic-type-line-height-body4: "1";
1174
+ --ds-basic-type-line-height-body5: "0.88";
1175
+ --ds-basic-type-line-height-display: "1.3";
1176
+ --ds-basic-type-line-height-heading: "1.3";
1177
+ --ds-basic-type-weight-accent: "400";
1178
+ --ds-basic-type-weight-accent2: "500";
1179
+ --ds-basic-type-weight-body: "400";
1180
+ --ds-basic-type-weight-display: "600";
1181
+ --ds-basic-type-weight-heading: "400";
1182
+ --ds-basic-type-weight-heading2: "500";
1183
+ --ds-type-letter-spacing-0: "0";
1184
+ --ds-type-letter-spacing-005: "0.05em";
1185
+ --ds-type-letter-spacing-010: "0.10em";
1186
+ --ds-type-line-height-100: "1";
1187
+ --ds-type-line-height-125: "1.25";
1188
+ --ds-type-line-height-130: "1.3";
1189
+ --ds-type-line-height-150: "1.5";
1190
+ --ds-type-line-height-163: "1.63";
1191
+ --ds-type-line-height-088: "0.88";
1192
+ --ds-type-size-10: "0.625rem";
1193
+ --ds-type-size-12: "0.75rem";
1194
+ --ds-type-size-14: "0.875rem";
1195
+ --ds-type-size-16: "1rem";
1196
+ --ds-type-size-18: "1.125rem";
1197
+ --ds-type-size-20: "1.25rem";
1198
+ --ds-type-size-22: "1.375rem";
1199
+ --ds-type-size-24: "1.5rem";
1200
+ --ds-type-size-26: "1.625rem";
1201
+ --ds-type-size-28: "1.75rem";
1202
+ --ds-type-size-32: "2rem";
1203
+ --ds-type-size-36: "2.25rem";
1204
+ --ds-type-size-38: "2.375rem";
1205
+ --ds-type-size-40: "2.5rem";
1206
+ --ds-type-size-44: "2.75rem";
1207
+ --ds-type-size-48: "3rem";
1208
+ --ds-type-size-56: "3.5rem";
1209
+ --ds-type-size-64: "4rem";
1210
+ --ds-type-size-72: "4.5rem";
1211
+ --ds-type-size-86: "5.375rem";
1212
+ --ds-type-weight-book: "450";
1213
+ --ds-type-weight-cond-medium: "500";
1214
+ --ds-type-weight-cond-news: "450";
1215
+ --ds-type-weight-light: "300";
1216
+ --ds-type-weight-medium: "500";
1217
+ --ds-type-weight-regular: "400";
1218
+ --ds-type-weight-semibold: "600";
1074
1219
  }