@aurodesignsystem/design-tokens 5.3.1 → 5.4.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 (85) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/CSSCustomProperties--bundled.css +129 -345
  3. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  4. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  5. package/dist/auro-classic/JSData--color.js +1 -1
  6. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  7. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  8. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  9. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  10. package/dist/auro-classic/JSVariables--color.js +1 -1
  11. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  12. package/dist/auro-classic/SCSSVariables.scss +162 -162
  13. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  14. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  15. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  16. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  17. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +177 -143
  18. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  19. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  20. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  21. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  22. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  23. package/package.json +1 -1
  24. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  25. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  26. package/src/primitives/base/{typography.json → font.json} +102 -48
  27. package/src/primitives/base/transparency.json +7 -0
  28. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  29. package/src/themes/alaska/advanced/boolean.json +136 -0
  30. package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
  31. package/src/themes/alaska/advanced/hyperlink.json +62 -0
  32. package/src/themes/alaska/advanced/shared.json +46 -0
  33. package/src/themes/alaska/advanced/state.json +70 -0
  34. package/src/themes/alaska/basic/color/border.json +66 -0
  35. package/src/themes/alaska/basic/color/brand.json +108 -0
  36. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  37. package/src/themes/alaska/basic/color/page-background.json +24 -0
  38. package/src/themes/alaska/basic/color/status.json +88 -0
  39. package/src/themes/alaska/basic/color/surface.json +96 -0
  40. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  41. package/src/themes/alaska/basic/corner-radius.json +30 -0
  42. package/src/themes/alaska/basic/font/accent.json +288 -0
  43. package/src/themes/alaska/basic/font/body.json +63 -0
  44. package/src/themes/alaska/basic/font/display.json +248 -0
  45. package/src/themes/alaska/basic/font/heading.json +245 -0
  46. package/src/themes/alaska-classic/component/boolean.json +70 -0
  47. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  48. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  49. package/src/themes/alaska-classic/component/shared.json +46 -0
  50. package/src/themes/alaska-classic/component/state.json +70 -0
  51. package/src/themes/alaska-classic/typography.json +799 -107
  52. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  53. package/src/themes/hawaiian/advanced/button.json +334 -0
  54. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  55. package/src/themes/hawaiian/advanced/shared.json +48 -0
  56. package/src/themes/hawaiian/advanced/state.json +72 -0
  57. package/src/themes/hawaiian/basic/color/border.json +65 -0
  58. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  59. package/src/themes/hawaiian/basic/color/color.json +57 -0
  60. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  61. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  62. package/src/themes/hawaiian/basic/color/status.json +81 -0
  63. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  64. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  65. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  66. package/src/themes/hawaiian/basic/font/body.json +63 -0
  67. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  68. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  69. package/dist/alaska/CSSCustomProperties--alaska.css +0 -119
  70. package/dist/alaska/JSONVariablesNested--alaska.json +0 -154
  71. package/dist/alaska/JSObject--allTokens.js +0 -3731
  72. package/dist/alaska/SCSSVariables--alaska.scss +0 -116
  73. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
  74. package/dist/alaska/primitives--alaska.scss +0 -215
  75. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  76. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -154
  77. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  78. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  79. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  80. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  81. package/src/themes/alaska/color.json +0 -444
  82. package/src/themes/alaska/typography.json +0 -132
  83. package/src/themes/hawaiian/color.json +0 -444
  84. package/src/themes/hawaiian/component.json +0 -392
  85. package/src/themes/hawaiian/typography.json +0 -132
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ # [5.4.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.3.1...v5.4.0) (2025-04-03)
4
+
5
+
6
+ ### Features
7
+
8
+ * add updated typography primitives & themes ([84fc25d](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/84fc25d6ec26bd079eb08edd973336a7f9434919))
9
+ * design token updates ([c3cb008](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/c3cb008bd5911979e756c76e9df6a39013cd93bc))
10
+ * update color tokens ([fc81bf9](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/fc81bf9cbcd4790790a2800ad494e6b2c0da28c6))
11
+ * update themes with new component tokens ([913c1fa](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/913c1fa452a3a2c25c4e41e8bd62dfa3fd6eae5e))
12
+ * update token values ([a9697d1](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/a9697d12ce58997a26cc4244367865faac761b63))
13
+
3
14
  ## [5.3.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.3.0...v5.3.1) (2025-03-14)
4
15
 
5
16
 
package/dist/CSSCustomProperties--bundled.css CHANGED
@@ -1,352 +1,136 @@
1
1
  /**
2
2
  Do not edit directly
3
- Generated on Fri, 14 Mar 2025 18:27:46 GMT
3
+ Generated on Thu, 03 Apr 2025 20:02:40 GMT
4
4
  */
5
5
 
6
- /* Properties from CSSCustomProperties--alaska.css */
7
- [data-aag-theme="aag-theme-as"] {
8
- --ds-color-border-bold: #585e67;
9
- --ds-color-border-brand: #01426a;
10
- --ds-color-border-default: #959595;
11
- --ds-color-border-divider: #00000026;
12
- --ds-color-border-divider-inverse: #ffffff66;
13
- --ds-color-border-inverse: #ffffff;
14
- --ds-color-border-subtle: #dddddd;
15
- --ds-color-brand-primary: #01426a;
16
- --ds-color-brand-primary-bold: #00274a;
17
- --ds-color-brand-primary-muted: #ebf3f9;
18
- --ds-color-brand-primary-subtle: #2875b5;
19
- --ds-color-brand-secondary: #5de3f7;
20
- --ds-color-brand-secondary-bold: #18c3dd;
21
- --ds-color-brand-secondary-muted: #ebfafd;
22
- --ds-color-brand-secondary-subtle: #b4eff9;
23
- --ds-color-brand-tertiary: #a3cd6a;
24
- --ds-color-brand-tertiary-bold: #7daf3b;
25
- --ds-color-brand-tertiary-muted: #eaf3dd;
26
- --ds-color-brand-tertiary-subtle: #c9e1a7;
27
- --ds-color-farebrand-basiceconomy: #97eaf8;
28
- --ds-color-farebrand-business-first: #00274a;
29
- --ds-color-farebrand-economy: #0074ca;
30
- --ds-color-farebrand-premiumeconomy: #005154;
31
- --ds-color-farebrand-oneworld-emerald: #139142;
32
- --ds-color-farebrand-oneworld-sapphire: #015daa;
33
- --ds-color-farebrand-oneworld-ruby: #a41d4a;
34
- --ds-color-pagebackground-default: #ebfafd;
35
- --ds-color-pagebackground-utility: #ffffff;
36
- --ds-color-status-default: #afb9c6;
37
- --ds-color-status-error: #e53339;
38
- --ds-color-status-error-subtle: #fddede;
39
- --ds-color-status-info: #01426a;
40
- --ds-color-status-info-subtle: #e8f2f8;
41
- --ds-color-status-success: #529325;
42
- --ds-color-status-success-subtle: #e4f1da;
43
- --ds-color-status-warning: #fac200;
44
- --ds-color-status-warning-subtle: #fff6d1;
45
- --ds-color-surface-accent1: #5de3f7;
46
- --ds-color-surface-accent1-muted: #ebfafd;
47
- --ds-color-surface-accent1-subtle: #b4eff9;
48
- --ds-color-surface-accent2: #a3cd6a;
49
- --ds-color-surface-accent2-muted: #eaf3dd;
50
- --ds-color-surface-default: #ffffff;
51
- --ds-color-surface-inverse: #00274a;
52
- --ds-color-surface-inverse-subtle: #2875b5;
53
- --ds-color-surface-neutral-medium: #c5c5c5;
54
- --ds-color-surface-neutral-subtle: #f2f2f2;
55
- --ds-color-texticon-accent1: #00274a;
56
- --ds-color-texticon-default: #2a2a2a;
57
- --ds-color-texticon-disabled: #d0d0d0;
58
- --ds-color-texticon-inverse: #ffffff;
59
- --ds-color-texticon-inverse-disabled: #d0d0d0;
60
- --ds-color-texticon-muted: #676767;
61
- --ds-component-selected-hover: #00274a;
62
- --ds-component-focused: #01426a;
63
- --ds-component-inverse-focused: #ffffff;
64
- --ds-component-background: #ffffff;
65
- --ds-component-background-hover: #f2f2f2;
66
- --ds-component-background-disabled: #dddddd;
67
- --ds-component-background-muted: #f7f7f7;
68
- --ds-component-background-strong: #7e7e7e;
69
- --ds-component-button-primary-text: #ffffff;
70
- --ds-component-button-primary-border: #01426a;
71
- --ds-component-button-primary-border-hover: #00274a;
72
- --ds-component-button-primary-background: #01426a;
73
- --ds-component-button-primary-background-hover: #00274a;
74
- --ds-component-button-primary-background-active: #00274a;
75
- --ds-component-button-primary-text-inverse: #01426a;
76
- --ds-component-button-primary-border-inverse: #ffffff;
77
- --ds-component-button-primary-background-inverse: #ffffff;
78
- --ds-component-button-primary-border-inverse-hover: #ebf3f9;
79
- --ds-component-button-primary-background-inverse-hover: #ebf3f9;
80
- --ds-component-button-secondary-text: #01426a;
81
- --ds-component-button-secondary-text-hover: #00274a;
82
- --ds-component-button-secondary-border: #01426a;
83
- --ds-component-button-secondary-border-hover: #00274a;
84
- --ds-component-button-secondary-background: #ffffffcc;
85
- --ds-component-button-secondary-background-hover: #ffffff80;
86
- --ds-component-button-secondary-text-inverse: #ffffff;
87
- --ds-component-button-secondary-border-inverse: #ffffff;
88
- --ds-component-button-secondary-background-inverse-hover: #ffffffcc;
89
- --ds-component-button-tertiary-text: #01426a;
90
- --ds-component-button-tertiary-text-hover: #00274a;
91
- --ds-component-button-tertiary-background: #0000000d;
92
- --ds-component-button-tertiary-background-hover: #0000001a;
93
- --ds-component-button-tertiary-border: #0000000d;
94
- --ds-component-button-tertiary-border-hover: #0000001a;
95
- --ds-component-button-tertiary-text-inverse: #ffffff;
96
- --ds-component-button-tertiary-background-inverse: #ffffff0d;
97
- --ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
98
- --ds-component-button-tertiary-border-inverse: #ffffff0d;
99
- --ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
100
- --ds-component-boolean-indicator: #ffffff;
101
- --ds-component-boolean-is-false: #ffffff;
102
- --ds-component-boolean-is-false-hover: #f2f2f2;
103
- --ds-component-boolean-is-false-border: #585e67;
104
- --ds-component-boolean-is-true: #01426a;
105
- --ds-component-boolean-is-true-hover: #00274a;
106
- --ds-component-boolean-error: #e53339;
107
- --ds-component-boolean-error-hover: #b1161c;
108
- --ds-font-weight-body-default: Book;
109
- --ds-font-weight-body-large: Book;
110
- --ds-font-weight-body-small: Book;
111
- --ds-font-weight-body-xsmall: Book;
112
- --ds-font-weight-body-xxsmall: Book;
113
- --ds-font-weight-display: Light;
114
- --ds-font-weight-heading-heading1: Book;
115
- --ds-font-weight-heading-heading2: Book;
116
- --ds-font-weight-heading-heading3: Medium;
117
- --ds-font-weight-heading-heading4: Medium;
118
- --ds-font-weight-heading-heading5: Medium;
119
- --ds-font-weight-heading-heading6: Medium;
120
- }
121
-
122
- /* Properties from CSSCustomProperties--alaskaClassic.css */
123
- [data-aag-theme="aag-theme-asc"] {
124
- --ds-color-border-bold: #585e67;
125
- --ds-color-border-brand: #01426a;
126
- --ds-color-border-default: #959595;
127
- --ds-color-border-divider: #00000026;
128
- --ds-color-border-divider-inverse: #ffffff66;
129
- --ds-color-border-inverse: #ffffff;
130
- --ds-color-border-subtle: #dddddd;
131
- --ds-color-brand-primary: #0074ca;
132
- --ds-color-brand-primary-bold: #003761;
133
- --ds-color-brand-primary-muted: #ebf7ff;
134
- --ds-color-brand-primary-subtle: #289bee;
135
- --ds-color-brand-secondary: #01426a;
136
- --ds-color-brand-secondary-bold: #00274a;
137
- --ds-color-brand-secondary-muted: #ebf3f9;
138
- --ds-color-brand-secondary-subtle: #2875b5;
139
- --ds-color-brand-tertiary: #5de3f7;
140
- --ds-color-brand-tertiary-bold: #18c3dd;
141
- --ds-color-brand-tertiary-muted: #ebfafd;
142
- --ds-color-brand-tertiary-subtle: #b4eff9;
143
- --ds-color-farebrand-basiceconomy: #97eaf8;
144
- --ds-color-farebrand-business-first: #00274a;
145
- --ds-color-farebrand-economy: #0074ca;
146
- --ds-color-farebrand-premiumeconomy: #005154;
147
- --ds-color-farebrand-oneworld-emerald: #139142;
148
- --ds-color-farebrand-oneworld-sapphire: #015daa;
149
- --ds-color-farebrand-oneworld-ruby: #a41d4a;
150
- --ds-color-pagebackground-default: #ffffff;
151
- --ds-color-pagebackground-utility: #f7f8fa;
152
- --ds-color-status-default: #afb9c6;
153
- --ds-color-status-error: #e53339;
154
- --ds-color-status-error-subtle: #fddede;
155
- --ds-color-status-info: #007db1;
156
- --ds-color-status-info-subtle: #e8f2f8;
157
- --ds-color-status-success: #529325;
158
- --ds-color-status-success-subtle: #e4f1da;
159
- --ds-color-status-warning: #fac200;
160
- --ds-color-status-warning-subtle: #fff6d1;
161
- --ds-color-surface-accent1: #0074ca;
162
- --ds-color-surface-accent1-muted: #ebf7ff;
163
- --ds-color-surface-accent1-subtle: #289bee;
164
- --ds-color-surface-accent2: #959595;
165
- --ds-color-surface-accent2-muted: #c5c5c5;
166
- --ds-color-surface-default: #ffffff;
167
- --ds-color-surface-inverse: #01426a;
168
- --ds-color-surface-inverse-subtle: #2875b5;
169
- --ds-color-surface-neutral-medium: #c5c5c5;
170
- --ds-color-surface-neutral-subtle: #f2f2f2;
171
- --ds-color-texticon-accent1: #01426a;
172
- --ds-color-texticon-default: #2a2a2a;
173
- --ds-color-texticon-disabled: #d0d0d0;
174
- --ds-color-texticon-inverse: #ffffff;
175
- --ds-color-texticon-inverse-disabled: #d0d0d0;
176
- --ds-color-texticon-muted: #676767;
177
- --ds-component-selected-hover: #003761;
178
- --ds-component-focused: #0074ca;
179
- --ds-component-inverse-focused: #5de3f7;
180
- --ds-component-background: #ffffff;
181
- --ds-component-background-hover: #f2f2f2;
182
- --ds-component-background-disabled: #dddddd;
183
- --ds-component-background-muted: #f7f7f7;
184
- --ds-component-background-strong: #7e7e7e;
185
- --ds-component-button-primary-text: #ffffff;
186
- --ds-component-button-primary-border: #0074ca;
187
- --ds-component-button-primary-border-hover: #003761;
188
- --ds-component-button-primary-background: #0074ca;
189
- --ds-component-button-primary-background-hover: #003761;
190
- --ds-component-button-primary-background-active: #003761;
191
- --ds-component-button-primary-text-inverse: #2a2a2a;
192
- --ds-component-button-primary-border-inverse: #5de3f7;
193
- --ds-component-button-primary-background-inverse: #5de3f7;
194
- --ds-component-button-primary-border-inverse-hover: #b4eff9;
195
- --ds-component-button-primary-background-inverse-hover: #b4eff9;
196
- --ds-component-button-secondary-text: #0074ca;
197
- --ds-component-button-secondary-text-hover: #01426a;
198
- --ds-component-button-secondary-border: #0074ca;
199
- --ds-component-button-secondary-border-hover: #003761;
200
- --ds-component-button-secondary-background: #ffffff;
201
- --ds-component-button-secondary-background-hover: #f2f2f2;
202
- --ds-component-button-secondary-text-inverse: #5de3f7;
203
- --ds-component-button-secondary-border-inverse: #5de3f7;
204
- --ds-component-button-secondary-background-inverse-hover: #ebfafd;
205
- --ds-component-button-tertiary-text: #0074ca;
206
- --ds-component-button-tertiary-text-hover: #003761;
207
- --ds-component-button-tertiary-background: #0000000d;
208
- --ds-component-button-tertiary-background-hover: #0000001a;
209
- --ds-component-button-tertiary-border: #0000000d;
210
- --ds-component-button-tertiary-border-hover: #0000001a;
211
- --ds-component-button-tertiary-text-inverse: #5de3f7;
212
- --ds-component-button-tertiary-background-inverse: #ffffff0d;
213
- --ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
214
- --ds-component-button-tertiary-border-inverse: #ffffff0d;
215
- --ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
216
- --ds-component-boolean-indicator: #ffffff;
217
- --ds-component-boolean-is-false: #ffffff;
218
- --ds-component-boolean-is-false-hover: #f2f2f2;
219
- --ds-component-boolean-is-false-border: #585e67;
220
- --ds-component-boolean-is-true: #0074ca;
221
- --ds-component-boolean-is-true-hover: #003761;
222
- --ds-component-boolean-error: #e53339;
223
- --ds-component-boolean-error-hover: #b1161c;
224
- --ds-font-weight-body-default: Book;
225
- --ds-font-weight-body-large: Book;
226
- --ds-font-weight-body-small: Book;
227
- --ds-font-weight-body-xsmall: Book;
228
- --ds-font-weight-body-xxsmall: Book;
229
- --ds-font-weight-display: Light;
230
- --ds-font-weight-heading-heading1: Book;
231
- --ds-font-weight-heading-heading2: Book;
232
- --ds-font-weight-heading-heading3: Medium;
233
- --ds-font-weight-heading-heading4: Medium;
234
- --ds-font-weight-heading-heading5: Medium;
235
- --ds-font-weight-heading-heading6: Medium;
236
- }
237
-
238
6
  /* Properties from CSSCustomProperties--hawaiian.css */
239
7
  [data-aag-theme="aag-theme-ha"] {
240
- --ds-color-border-bold: #adadad;
241
- --ds-color-border-brand: #d0d0d0;
242
- --ds-color-border-default: #d0d0d0;
243
- --ds-color-border-divider: #00000026;
244
- --ds-color-border-divider-inverse: #ffffff66;
245
- --ds-color-border-inverse: #ffffff;
246
- --ds-color-border-subtle: #dddddd;
247
- --ds-color-brand-primary: #ce0c88;
248
- --ds-color-brand-primary-bold: #831a57;
249
- --ds-color-brand-primary-muted: #fdf1f8;
250
- --ds-color-brand-primary-subtle: #f0a5d2;
251
- --ds-color-brand-secondary: #463c8f;
252
- --ds-color-brand-secondary-bold: #31295c;
253
- --ds-color-brand-secondary-muted: #edeaf4;
254
- --ds-color-brand-secondary-subtle: #6b5da4;
255
- --ds-color-brand-tertiary: #ee453d;
256
- --ds-color-brand-tertiary-bold: #97322a;
257
- --ds-color-brand-tertiary-muted: #ffeeea;
258
- --ds-color-brand-tertiary-subtle: #ff9080;
259
- --ds-color-farebrand-basiceconomy: #d0d0d0;
260
- --ds-color-farebrand-business-first: #463c8f;
261
- --ds-color-farebrand-economy: #ce0c88;
262
- --ds-color-farebrand-premiumeconomy: #00a5ba;
263
- --ds-color-farebrand-oneworld-emerald: #139142;
264
- --ds-color-farebrand-oneworld-sapphire: #015daa;
265
- --ds-color-farebrand-oneworld-ruby: #a41d4a;
266
- --ds-color-pagebackground-default: #ffffff;
267
- --ds-color-pagebackground-utility: #f2f2f2;
268
- --ds-color-status-default: #463c8f;
269
- --ds-color-status-error: #e53339;
270
- --ds-color-status-error-subtle: #fddede;
271
- --ds-color-status-info: #007db1;
272
- --ds-color-status-info-subtle: #e8f2f8;
273
- --ds-color-status-success: #529325;
274
- --ds-color-status-success-subtle: #e4f1da;
275
- --ds-color-status-warning: #fac200;
276
- --ds-color-status-warning-subtle: #fff6d1;
277
- --ds-color-surface-accent1: #dddddd;
278
- --ds-color-surface-accent1-muted: #f7f7f7;
279
- --ds-color-surface-accent1-subtle: #f2f2f2;
280
- --ds-color-surface-accent2: #dddddd;
281
- --ds-color-surface-accent2-muted: #f7f7f7;
282
- --ds-color-surface-default: #ffffff;
283
- --ds-color-surface-inverse: #463c8f;
284
- --ds-color-surface-inverse-subtle: #6b5da4;
285
- --ds-color-surface-neutral-medium: #dddddd;
286
- --ds-color-surface-neutral-subtle: #f7f7f7;
287
- --ds-color-texticon-accent1: #000000;
288
- --ds-color-texticon-default: #000000;
289
- --ds-color-texticon-disabled: #d0d0d0;
290
- --ds-color-texticon-inverse: #ffffff;
291
- --ds-color-texticon-inverse-disabled: #d0d0d0;
292
- --ds-color-texticon-muted: #3d3d3d;
293
- --ds-component-selected-hover: #31295c;
294
- --ds-component-focused: #463c8f;
295
- --ds-component-inverse-focused: #ffffff;
296
- --ds-component-background: #ffffff;
297
- --ds-component-background-hover: #f2f2f2;
298
- --ds-component-background-disabled: #dddddd;
299
- --ds-component-background-muted: #f7f7f7;
300
- --ds-component-background-strong: #7e7e7e;
301
- --ds-component-button-primary-text: #ffffff;
302
- --ds-component-button-primary-border: #ce0c88;
303
- --ds-component-button-primary-border-hover: #831a57;
304
- --ds-component-button-primary-background: #ce0c88;
305
- --ds-component-button-primary-background-hover: #831a57;
306
- --ds-component-button-primary-background-active: #831a57;
307
- --ds-component-button-primary-text-inverse: #ce0c88;
308
- --ds-component-button-primary-border-inverse: #ffffff;
309
- --ds-component-button-primary-background-inverse: #ffffff;
310
- --ds-component-button-primary-border-inverse-hover: #fdf1f8;
311
- --ds-component-button-primary-background-inverse-hover: #fdf1f8;
312
- --ds-component-button-secondary-text: #ce0c88;
313
- --ds-component-button-secondary-text-hover: #463c8f;
314
- --ds-component-button-secondary-border: #d0d0d0;
315
- --ds-component-button-secondary-border-hover: #d0d0d0;
316
- --ds-component-button-secondary-background: #ffffff;
317
- --ds-component-button-secondary-background-hover: #f2f2f2;
318
- --ds-component-button-secondary-text-inverse: #ffffff;
319
- --ds-component-button-secondary-border-inverse: #ffffff;
320
- --ds-component-button-secondary-background-inverse-hover: #0000000d;
321
- --ds-component-button-tertiary-text: #ce0c88;
322
- --ds-component-button-tertiary-text-hover: #831a57;
323
- --ds-component-button-tertiary-background: #0000000d;
324
- --ds-component-button-tertiary-background-hover: #0000001a;
325
- --ds-component-button-tertiary-border: #0000000d;
326
- --ds-component-button-tertiary-border-hover: #0000001a;
327
- --ds-component-button-tertiary-text-inverse: #ffffff;
328
- --ds-component-button-tertiary-background-inverse: #ffffff0d;
329
- --ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
330
- --ds-component-button-tertiary-border-inverse: #ffffff0d;
331
- --ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
332
- --ds-component-boolean-indicator: #ffffff;
333
- --ds-component-boolean-is-false: #ffffff;
334
- --ds-component-boolean-is-false-hover: #f2f2f2;
335
- --ds-component-boolean-is-false-border: #adadad;
336
- --ds-component-boolean-is-true: #ce0c88;
337
- --ds-component-boolean-is-true-hover: #831a57;
338
- --ds-component-boolean-error: #e53339;
339
- --ds-component-boolean-error-hover: #b1161c;
340
- --ds-font-weight-display: Semibold;
341
- --ds-font-weight-body-default: Regular;
342
- --ds-font-weight-body-large: Regular;
343
- --ds-font-weight-body-small: Regular;
344
- --ds-font-weight-body-xsmall: Regular;
345
- --ds-font-weight-body-xxsmall: Regular;
346
- --ds-font-weight-heading-heading1: Regular;
347
- --ds-font-weight-heading-heading2: Regular;
348
- --ds-font-weight-heading-heading3: Medium;
349
- --ds-font-weight-heading-heading4: Medium;
350
- --ds-font-weight-heading-heading5: Medium;
351
- --ds-font-weight-heading-heading6: Medium;
8
+ --ds-advanced-color-boolean-indicator-default: #ffffff;
9
+ --ds-advanced-color-boolean-indicator-inverse: #463c8f;
10
+ --ds-advanced-color-boolean-is-false-default: #ffffff;
11
+ --ds-advanced-color-boolean-is-false-hover: #f2f2f2;
12
+ --ds-advanced-color-boolean-is-false-border: #adadad;
13
+ --ds-advanced-color-boolean-is-false-inverse: #ffffff0d;
14
+ --ds-advanced-color-boolean-is-false-inverse-hover: #f2f2f2;
15
+ --ds-advanced-color-boolean-is-false-border-inverse: #ffffff;
16
+ --ds-advanced-color-boolean-is-true-default: #463c8f;
17
+ --ds-advanced-color-boolean-is-true-hover: #31295c;
18
+ --ds-advanced-color-boolean-is-true-inverse: #ffffff;
19
+ --ds-advanced-color-boolean-is-true-inverse-hover: #ffffffb2;
20
+ --ds-advanced-color-boolean-error-default: #e53339;
21
+ --ds-advanced-color-boolean-error-hover: #b1161c;
22
+ --ds-advanced-color-boolean-disabled-inverse: #b1161c;
23
+ --ds-advanced-color-button-primary-text: #ffffff;
24
+ --ds-advanced-color-button-primary-border: #463c8f;
25
+ --ds-advanced-color-button-primary-border-hover: #31295c;
26
+ --ds-advanced-color-button-primary-border-disabled: #aca1cc;
27
+ --ds-advanced-color-button-primary-background: #463c8f;
28
+ --ds-advanced-color-button-primary-background-hover: #31295c;
29
+ --ds-advanced-color-button-primary-background-active: #31295c;
30
+ --ds-advanced-color-button-primary-background-disabled: #aca1cc;
31
+ --ds-advanced-color-button-primary-background-inactive: #ccc5e0;
32
+ --ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
33
+ --ds-advanced-color-button-primary-text-inverse: #463c8f;
34
+ --ds-advanced-color-button-primary-border-inverse: #ffffff;
35
+ --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
36
+ --ds-advanced-color-button-primary-background-inverse: #ffffff;
37
+ --ds-advanced-color-button-primary-border-inverse-hover: #edeaf4;
38
+ --ds-advanced-color-button-primary-background-inverse-hover: #edeaf4;
39
+ --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
40
+ --ds-advanced-color-button-secondary-text: #463c8f;
41
+ --ds-advanced-color-button-secondary-text-hover: #31295c;
42
+ --ds-advanced-color-button-secondary-border: #d0d0d0;
43
+ --ds-advanced-color-button-secondary-border-hover: #d0d0d0;
44
+ --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
45
+ --ds-advanced-color-button-secondary-background: #ffffff;
46
+ --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
47
+ --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
48
+ --ds-advanced-color-button-secondary-text-inverse: #ffffff;
49
+ --ds-advanced-color-button-secondary-border-inverse: #ffffff;
50
+ --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
51
+ --ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
52
+ --ds-advanced-color-button-tertiary-text: #463c8f;
53
+ --ds-advanced-color-button-tertiary-text-hover: #31295c;
54
+ --ds-advanced-color-button-tertiary-background: #0000000d;
55
+ --ds-advanced-color-button-tertiary-background-hover: #0000001a;
56
+ --ds-advanced-color-button-tertiary-border: #0000000d;
57
+ --ds-advanced-color-button-tertiary-border-hover: #0000001a;
58
+ --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
59
+ --ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
60
+ --ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
61
+ --ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
62
+ --ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
63
+ --ds-advanced-color-hyperlink-default: #463c8f;
64
+ --ds-advanced-color-hyperlink-hover: #31295c;
65
+ --ds-advanced-color-hyperlink-active: #31295c;
66
+ --ds-advanced-color-hyperlink-visited: #edeaf4;
67
+ --ds-advanced-color-hyperlink-disabled: #adadad;
68
+ --ds-advanced-color-hyperlink-inverse: #ffffff;
69
+ --ds-advanced-color-hyperlink-inverse-hover: #edeaf4;
70
+ --ds-advanced-color-background-default: #ffffff;
71
+ --ds-advanced-color-background-muted: #f7f7f7;
72
+ --ds-advanced-color-background-strong: #7e7e7e;
73
+ --ds-advanced-color-background-inverse: #ffffff0d;
74
+ --ds-advanced-color-text-accent: #463c8f;
75
+ --ds-advanced-color-state-focused-default: #463c8f;
76
+ --ds-advanced-color-state-focused-inverse: #ffffff;
77
+ --ds-advanced-color-state-selected-default: #463c8f;
78
+ --ds-advanced-color-state-selected-hover: #31295c;
79
+ --ds-advanced-color-state-background-hover: #f2f2f2;
80
+ --ds-advanced-color-state-background-disabled: #dddddd;
81
+ --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
82
+ --ds-basic-color-border-bold: #adadad;
83
+ --ds-basic-color-border-brand: #463c8f;
84
+ --ds-basic-color-border-default: #d0d0d0;
85
+ --ds-basic-color-border-divider: #00000026;
86
+ --ds-basic-color-border-divider-inverse: #ffffff66;
87
+ --ds-basic-color-border-inverse: #ffffff;
88
+ --ds-basic-color-border-subtle: #dddddd;
89
+ --ds-basic-color-brand-primary: #463c8f;
90
+ --ds-basic-color-brand-primary-bold: #31295c;
91
+ --ds-basic-color-brand-primary-muted: #edeaf4;
92
+ --ds-basic-color-brand-primary-subtle: #8c7eb8;
93
+ --ds-basic-color-brand-secondary: #ce0c88;
94
+ --ds-basic-color-brand-secondary-bold: #831a57;
95
+ --ds-basic-color-brand-secondary-muted: #fdf1f8;
96
+ --ds-basic-color-brand-secondary-subtle: #e26db8;
97
+ --ds-basic-color-brand-tertiary: #ee453d;
98
+ --ds-basic-color-brand-tertiary-bold: #97322a;
99
+ --ds-basic-color-brand-tertiary-muted: #ffeeea;
100
+ --ds-basic-color-brand-tertiary-subtle: #ff9080;
101
+ --ds-basic-color-text-icon-accent1: #463c8f;
102
+ --ds-basic-color-text-icon-default: #000000;
103
+ --ds-basic-color-text-icon-disabled: #d0d0d0;
104
+ --ds-basic-color-text-icon-inverse: #ffffff;
105
+ --ds-basic-color-text-icon-inverse-disabled: #d0d0d0;
106
+ --ds-basic-color-text-icon-muted: #3d3d3d;
107
+ --ds-basic-color-fare-brand-basic-economy: #d0d0d0;
108
+ --ds-basic-color-fare-brand-business-first: #463c8f;
109
+ --ds-basic-color-fare-brand-economy: #ce0c88;
110
+ --ds-basic-color-fare-brand-first: #463c8f;
111
+ --ds-basic-color-fare-brand-premium-economy: #1b6976;
112
+ --ds-basic-color-fare-brand-one-world-emerald: #139142;
113
+ --ds-basic-color-fare-brand-one-world-sapphire: #015daa;
114
+ --ds-basic-color-fare-brand-one-world-ruby: #a41d4a;
115
+ --ds-basic-color-page-background-default: #ffffff;
116
+ --ds-basic-color-page-background-utility: #f2f2f2;
117
+ --ds-basic-color-status-default: #afb9c6;
118
+ --ds-basic-color-status-error: #e53339;
119
+ --ds-basic-color-status-error-subtle: #fddede;
120
+ --ds-basic-color-status-info: #007db1;
121
+ --ds-basic-color-status-info-subtle: #e8f2f8;
122
+ --ds-basic-color-status-success: #529325;
123
+ --ds-basic-color-status-success-subtle: #e4f1da;
124
+ --ds-basic-color-status-warning: #fac200;
125
+ --ds-basic-color-status-warning-subtle: #fff6d1;
126
+ --ds-basic-color-surface-accent1: #aca1cc;
127
+ --ds-basic-color-surface-accent1-muted: #edeaf4;
128
+ --ds-basic-color-surface-accent1-subtle: #aca1cc;
129
+ --ds-basic-color-surface-accent2: #f7f7f7;
130
+ --ds-basic-color-surface-accent2-muted: #f7f7f7;
131
+ --ds-basic-color-surface-default: #ffffff;
132
+ --ds-basic-color-surface-inverse: #463c8f;
133
+ --ds-basic-color-surface-inverse-subtle: #8c7eb8;
134
+ --ds-basic-color-surface-neutral-medium: #dddddd;
135
+ --ds-basic-color-surface-neutral-subtle: #f7f7f7;
352
136
  }