@aurodesignsystem/design-tokens 8.7.0 → 8.8.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 (82) hide show
  1. package/.vscode/settings.json +7 -0
  2. package/CHANGELOG.md +18 -0
  3. package/dist/figmaExport/app/alaska.json +174 -0
  4. package/dist/figmaExport/app/atmos.json +174 -0
  5. package/dist/figmaExport/app/hawaiian.json +174 -0
  6. package/dist/figmaExport/web/Alaska.css +238 -0
  7. package/dist/figmaExport/web/Alaska.scss +235 -0
  8. package/dist/figmaExport/web/Atmos.css +238 -0
  9. package/dist/figmaExport/web/Atmos.scss +235 -0
  10. package/dist/figmaExport/web/Hawaiian.css +231 -0
  11. package/dist/figmaExport/web/Hawaiian.scss +228 -0
  12. package/dist/legacy/auro-classic/CSSCustomProperties.css +1 -1
  13. package/dist/legacy/auro-classic/CSSSizeCustomProperties.css +1 -1
  14. package/dist/legacy/auro-classic/JSData--color.js +1 -1
  15. package/dist/legacy/auro-classic/JSObject--allTokens.js +1 -1
  16. package/dist/legacy/auro-classic/JSObject--deprecated.js +1 -1
  17. package/dist/legacy/auro-classic/JSVariables--color.js +1 -1
  18. package/dist/legacy/auro-classic/SCSSVariableMap.scss +1 -1
  19. package/dist/legacy/auro-classic/SCSSVariables.scss +1 -1
  20. package/dist/legacy/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  21. package/dist/legacy/auro-classic/SassCustomProperties.scss +1 -1
  22. package/dist/legacy/auro-classic/SassSizeCustomProperties.scss +1 -1
  23. package/dist/primitives/base/JSONVariablesNested--primitivesBase.json +5 -0
  24. package/dist/primitives/base/JSObject--allTokens.js +126 -1
  25. package/dist/primitives/base/SCSSVariables--primitivesBase.scss +6 -1
  26. package/dist/primitives/base/SCSSVariablesMapFlat--primitivesBase.scss +6 -1
  27. package/dist/themes/CSSCustomProperties--bundled.css +45 -20
  28. package/dist/themes/CSSCustomProperties--bundled.min.css +1 -1
  29. package/dist/themes/alaska/CSSCustomProperties--alaska.css +6 -1
  30. package/dist/themes/alaska/CSSCustomProperties--alaska.min.css +1 -1
  31. package/dist/themes/alaska/JSONVariablesNested--alaska.json +8 -0
  32. package/dist/themes/alaska/JSObject--allTokens.js +171 -1
  33. package/dist/themes/alaska/SCSSVariables--alaska.scss +7 -1
  34. package/dist/themes/alaska/SCSSVariablesMapFlat--alaska.scss +7 -1
  35. package/dist/themes/alaska/primitives--alaska.scss +6 -1
  36. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.css +6 -1
  37. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +1 -1
  38. package/dist/themes/alaska-classic/JSONVariablesNested--alaskaClassic.json +8 -0
  39. package/dist/themes/alaska-classic/JSObject--allTokens.js +171 -1
  40. package/dist/themes/alaska-classic/SCSSVariables--alaskaClassic.scss +7 -1
  41. package/dist/themes/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +7 -1
  42. package/dist/themes/alaska-classic/primitives--alaskaClassic.scss +6 -1
  43. package/dist/themes/auro-1/CSSCustomProperties--auro1.css +14 -9
  44. package/dist/themes/auro-1/CSSCustomProperties--auro1.min.css +1 -1
  45. package/dist/themes/auro-1/JSONVariablesNested--auro1.json +16 -8
  46. package/dist/themes/auro-1/JSObject--allTokens.js +187 -17
  47. package/dist/themes/auro-1/SCSSVariables--auro1.scss +15 -9
  48. package/dist/themes/auro-1/SCSSVariablesMapFlat--auro1.scss +15 -9
  49. package/dist/themes/auro-1/primitives--auro1.scss +6 -1
  50. package/dist/themes/auro-2/CSSCustomProperties--auro2.css +17 -12
  51. package/dist/themes/auro-2/CSSCustomProperties--auro2.min.css +1 -1
  52. package/dist/themes/auro-2/JSONVariablesNested--auro2.json +19 -11
  53. package/dist/themes/auro-2/JSObject--allTokens.js +191 -21
  54. package/dist/themes/auro-2/SCSSVariables--auro2.scss +18 -12
  55. package/dist/themes/auro-2/SCSSVariablesMapFlat--auro2.scss +18 -12
  56. package/dist/themes/auro-2/primitives--auro2.scss +6 -1
  57. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.css +6 -1
  58. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.min.css +1 -1
  59. package/dist/themes/hawaiian/JSONVariablesNested--hawaiian.json +8 -0
  60. package/dist/themes/hawaiian/JSObject--allTokens.js +171 -1
  61. package/dist/themes/hawaiian/SCSSVariables--hawaiian.scss +7 -1
  62. package/dist/themes/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +7 -1
  63. package/dist/themes/hawaiian/primitives--hawaiian.scss +6 -1
  64. package/outputConfigs/app/alaska.json +18 -0
  65. package/outputConfigs/app/atmos.json +18 -0
  66. package/outputConfigs/app/hawaiian.json +18 -0
  67. package/outputConfigs/web/alaska.json +30 -0
  68. package/outputConfigs/web/atmos.json +30 -0
  69. package/outputConfigs/web/hawaiian.json +30 -0
  70. package/package.json +13 -11
  71. package/processed/app/Alaska.tokens.json +402 -0
  72. package/processed/app/Atmos.tokens.json +402 -0
  73. package/processed/app/Hawaiian.tokens.json +402 -0
  74. package/processed/web/Alaska.tokens.json +767 -0
  75. package/processed/web/Atmos.tokens.json +769 -0
  76. package/processed/web/Hawaiian.tokens.json +748 -0
  77. package/tokenDefinitions/figmaExports/Alaska.tokens.json +6363 -0
  78. package/tokenDefinitions/figmaExports/Atmos.tokens.json +6432 -0
  79. package/tokenDefinitions/figmaExports/Hawaiian.tokens.json +6537 -0
  80. package/tokenDefinitions/manualTokens/web/Alaska.tokens.json +125 -0
  81. package/tokenDefinitions/manualTokens/web/Atmos.tokens.json +125 -0
  82. package/tokenDefinitions/manualTokens/web/Hawaiian.tokens.json +104 -0
package/dist/figmaExport/web/Atmos.css ADDED
@@ -0,0 +1,238 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Fri, 02 Jan 2026 17:45:44 GMT
4
+ */
5
+
6
+ :root {
7
+ --ds-advanced-color-accents-accent1: #C2D5D6;
8
+ --ds-advanced-color-accents-accent1-bold: #3D7A7D;
9
+ --ds-advanced-color-accents-accent1-muted: #DFE9EA;
10
+ --ds-advanced-color-accents-accent2: #DFD7C3;
11
+ --ds-advanced-color-accents-accent2-bold: #BBA27C;
12
+ --ds-advanced-color-accents-accent2-muted: #E9E6D9;
13
+ --ds-advanced-color-accents-accent3: #C7D6E5;
14
+ --ds-advanced-color-accents-accent3-bold: #5578A4;
15
+ --ds-advanced-color-accents-accent3-muted: #C7D6E5;
16
+ --ds-advanced-color-accents-accent4: #CFF1EA;
17
+ --ds-advanced-color-accents-accent4-bold: #009173;
18
+ --ds-advanced-color-accents-accent4-muted: #E4F8F4;
19
+ --ds-advanced-color-accents-transparency: #0000001A;
20
+ --ds-advanced-color-accents-transparency-inverse: #FFFFFF33;
21
+ --ds-advanced-color-avatar-gradient-bottom: #CFE0EF;
22
+ --ds-advanced-color-avatar-gradient-top: #6899C6;
23
+ --ds-advanced-color-boolean-disabled-inverse: #7E8894;
24
+ --ds-advanced-color-boolean-error: #E31F26;
25
+ --ds-advanced-color-boolean-error-hover: #B1161C;
26
+ --ds-advanced-color-boolean-error-inverse: #F9A4A8;
27
+ --ds-advanced-color-boolean-error-inverse-hover: #F15F65;
28
+ --ds-advanced-color-boolean-indicator: #FFFFFF;
29
+ --ds-advanced-color-boolean-indicator-inverse: #101D2C;
30
+ --ds-advanced-color-boolean-isfalse: #FFFFFF;
31
+ --ds-advanced-color-boolean-isfalse-border: #585E67;
32
+ --ds-advanced-color-boolean-isfalse-border-inverse: #FFFFFF;
33
+ --ds-advanced-color-boolean-isfalse-hover: #F2F2F2;
34
+ --ds-advanced-color-boolean-isfalse-inverse: #FFFFFF26;
35
+ --ds-advanced-color-boolean-isfalse-inverse-hover: #FFFFFF33;
36
+ --ds-advanced-color-boolean-istrue: #101D2C;
37
+ --ds-advanced-color-boolean-istrue-hover: #101D2C;
38
+ --ds-advanced-color-boolean-istrue-inverse: #FFFFFF;
39
+ --ds-advanced-color-boolean-istrue-inverse-hover: #FFFFFFB0;
40
+ --ds-advanced-color-button-flat-text: #6A717C;
41
+ --ds-advanced-color-button-flat-text-disabled: #585E67;
42
+ --ds-advanced-color-button-flat-text-hover: #585E67;
43
+ --ds-advanced-color-button-flat-text-inverse: #FAF9F5;
44
+ --ds-advanced-color-button-flat-text-inverse-disabled: #585E67;
45
+ --ds-advanced-color-button-flat-text-inverse-hover: #AFB9C6;
46
+ --ds-advanced-color-button-ghost-background-hover: #0000000D;
47
+ --ds-advanced-color-button-ghost-background-inverse-hover: #FFFFFF0D;
48
+ --ds-advanced-color-button-ghost-text: #101D2C;
49
+ --ds-advanced-color-button-ghost-text-disabled: #DDDDDD;
50
+ --ds-advanced-color-button-ghost-text-inverse: #FAF9F5;
51
+ --ds-advanced-color-button-ghost-text-inverse-disabled: #7E8894;
52
+ --ds-advanced-color-button-primary-background: #AEDEFF;
53
+ --ds-advanced-color-button-primary-background-disabled: #EBF7FF;
54
+ --ds-advanced-color-button-primary-background-hover: #63BEFF;
55
+ --ds-advanced-color-button-primary-background-inactive: #EBF7FF;
56
+ --ds-advanced-color-button-primary-background-inactive-hover: #63BEFF;
57
+ --ds-advanced-color-button-primary-background-inverse: #FFFFFF;
58
+ --ds-advanced-color-button-primary-background-inverse-disabled: #FFFFFFBF;
59
+ --ds-advanced-color-button-primary-background-inverse-hover: #ECF0F3;
60
+ --ds-advanced-color-button-primary-border: #AEDEFF;
61
+ --ds-advanced-color-button-primary-border-disabled: #EBF7FF;
62
+ --ds-advanced-color-button-primary-border-hover: #63BEFF;
63
+ --ds-advanced-color-button-primary-border-inverse: #FFFFFF;
64
+ --ds-advanced-color-button-primary-border-inverse-disabled: #FFFFFFBF;
65
+ --ds-advanced-color-button-primary-border-inverse-hover: #ECF0F3;
66
+ --ds-advanced-color-button-primary-text: #101D2C;
67
+ --ds-advanced-color-button-primary-text-disabled: #DDDDDD;
68
+ --ds-advanced-color-button-primary-text-inverse: #101D2C;
69
+ --ds-advanced-color-button-secondary-background: #FFFFFF00;
70
+ --ds-advanced-color-button-secondary-background-disabled: #F7F7F7;
71
+ --ds-advanced-color-button-secondary-background-hover: #F2F2F2;
72
+ --ds-advanced-color-button-secondary-background-inverse-hover: #FFFFFF1A;
73
+ --ds-advanced-color-button-secondary-border: #101D2C;
74
+ --ds-advanced-color-button-secondary-border-disabled: #F7F7F7;
75
+ --ds-advanced-color-button-secondary-border-hover: #101D2C;
76
+ --ds-advanced-color-button-secondary-border-inverse: #FFFFFF;
77
+ --ds-advanced-color-button-secondary-border-inverse-disabled: #E9E6D9;
78
+ --ds-advanced-color-button-secondary-text: #101D2C;
79
+ --ds-advanced-color-button-secondary-text-hover: #101D2C;
80
+ --ds-advanced-color-button-secondary-text-inverse: #FFFFFF;
81
+ --ds-advanced-color-button-tertiary-background: #0000000D;
82
+ --ds-advanced-color-button-tertiary-background-hover: #0000001A;
83
+ --ds-advanced-color-button-tertiary-background-inverse: #FFFFFF0D;
84
+ --ds-advanced-color-button-tertiary-background-inverse-hover: #FFFFFF1A;
85
+ --ds-advanced-color-button-tertiary-text: #101D2C;
86
+ --ds-advanced-color-button-tertiary-text-hover: #101D2C;
87
+ --ds-advanced-color-button-tertiary-text-inverse: #FFFFFF;
88
+ --ds-advanced-color-dropdown-emphasized-background: #E2E8EE;
89
+ --ds-advanced-color-dropdown-emphasized-background-hover: #C7D6E5;
90
+ --ds-advanced-color-flightline-indicator: #101D2C;
91
+ --ds-advanced-color-flightline-line: #101D2C;
92
+ --ds-advanced-color-footer-background: #101D2C;
93
+ --ds-advanced-color-footer-foreground: #00000080;
94
+ --ds-advanced-color-footer-pattern: #FFFFFF;
95
+ --ds-advanced-color-header-background-exterior: #101D2C;
96
+ --ds-advanced-color-header-background-interior: #101D2C;
97
+ --ds-advanced-color-header-button-button-background: #FFFFFF00;
98
+ --ds-advanced-color-header-button-button-background-hover: #FFFFFF1A;
99
+ --ds-advanced-color-header-button-button-border: #FFFFFF;
100
+ --ds-advanced-color-header-button-signedin-button-background: #AEDEFF;
101
+ --ds-advanced-color-header-button-signedin-button-background-hover: #63BEFF;
102
+ --ds-advanced-color-header-button-text-icon: #FAF9F5;
103
+ --ds-advanced-color-header-button-text-icon-inverse: #101D2C;
104
+ --ds-advanced-color-header-text-icon: #FAF9F5;
105
+ --ds-advanced-color-hyperlink-text: #101D2C;
106
+ --ds-advanced-color-hyperlink-text-hover: #005FA7;
107
+ --ds-advanced-color-hyperlink-text-inverse: #FAF9F5;
108
+ --ds-advanced-color-hyperlink-text-inverse-hover: #CFE0EF;
109
+ --ds-advanced-color-shared-background: #FFFFFF;
110
+ --ds-advanced-color-shared-background-inverse: #FFFFFF26;
111
+ --ds-advanced-color-shared-background-inverse-disabled: #FFFFFF1A;
112
+ --ds-advanced-color-shared-background-inverse-hover: #FFFFFF33;
113
+ --ds-advanced-color-shared-background-muted: #F7F7F7;
114
+ --ds-advanced-color-shared-background-strong: #676767;
115
+ --ds-advanced-color-shared-emphasized-background: #E2E8EE;
116
+ --ds-advanced-color-shared-emphasized-background-hover: #C7D6E5;
117
+ --ds-advanced-color-shared-scrim: #00000080;
118
+ --ds-advanced-color-shared-text-accent: #003761;
119
+ --ds-advanced-color-skeleton-background: #F7F8FA;
120
+ --ds-advanced-color-skeleton-wave: #E4E8EC;
121
+ --ds-advanced-color-state-background-disabled: #DDDDDD;
122
+ --ds-advanced-color-state-background-hover: #F2F2F2;
123
+ --ds-advanced-color-state-background-inverse-disabled: #7E8894;
124
+ --ds-advanced-color-state-error-inverse: #F9A4A8;
125
+ --ds-advanced-color-state-focused: #101D2C;
126
+ --ds-advanced-color-state-focused-inverse: #FFFFFF;
127
+ --ds-advanced-color-state-no-background-hover: #0000000D;
128
+ --ds-advanced-color-state-no-background-inverse-hover: #FFFFFF0D;
129
+ --ds-advanced-color-state-selected: #101D2C;
130
+ --ds-advanced-color-state-selected-hover: #101D2C;
131
+ --ds-advanced-web-expanded-widget-background: #101D2C;
132
+ --ds-basic-color-border-bold: #585E67;
133
+ --ds-basic-color-border-brand: #101D2C;
134
+ --ds-basic-color-border-default: #DFD7C3;
135
+ --ds-basic-color-border-divider: #E9E6D9;
136
+ --ds-basic-color-border-divider-inverse: #FFFFFF66;
137
+ --ds-basic-color-border-inverse: #FFFFFF;
138
+ --ds-basic-color-border-subtle: #E9E6D9;
139
+ --ds-basic-color-brand-primary: #101D2C;
140
+ --ds-basic-color-brand-primary-bold: #101D2C;
141
+ --ds-basic-color-brand-primary-muted: #EBF7FF;
142
+ --ds-basic-color-brand-primary-subtle: #003761;
143
+ --ds-basic-color-brand-secondary: #C7D6E5;
144
+ --ds-basic-color-brand-secondary-bold: #8CA7C9;
145
+ --ds-basic-color-brand-secondary-muted: #ECF0F3;
146
+ --ds-basic-color-brand-secondary-subtle: #E2E8EE;
147
+ --ds-basic-color-brand-tertiary: #FAF9F5;
148
+ --ds-basic-color-brand-tertiary-bold: #DFD7C3;
149
+ --ds-basic-color-brand-tertiary-muted: #FAF9F5;
150
+ --ds-basic-color-brand-tertiary-subtle: #E9E6D9;
151
+ --ds-basic-color-fare-basiceconomy: #97EAF8;
152
+ --ds-basic-color-fare-business: #002C4E;
153
+ --ds-basic-color-fare-economy: #0074CA;
154
+ --ds-basic-color-fare-first: #101D2C;
155
+ --ds-basic-color-fare-premiumeconomy: #005154;
156
+ --ds-basic-color-page-background-default: #FFFFFF;
157
+ --ds-basic-color-page-background-utility: #FAF9F5;
158
+ --ds-basic-color-status-default: #AFB9C6;
159
+ --ds-basic-color-status-error: #E31F26;
160
+ --ds-basic-color-status-error-subtle: #FBC6C6;
161
+ --ds-basic-color-status-info: #C7D6E5;
162
+ --ds-basic-color-status-info-subtle: #EBF7FF;
163
+ --ds-basic-color-status-success: #447A1F;
164
+ --ds-basic-color-status-success-subtle: #D6EAC7;
165
+ --ds-basic-color-status-warning: #FAC200;
166
+ --ds-basic-color-status-warning-subtle: #FFF0B2;
167
+ --ds-basic-color-surface-accent1: #C7D6E5;
168
+ --ds-basic-color-surface-accent1-muted: #E2E8EE;
169
+ --ds-basic-color-surface-accent1-subtle: #C7D6E5;
170
+ --ds-basic-color-surface-accent2: #C7D6E5;
171
+ --ds-basic-color-surface-accent2-muted: #E2E8EE;
172
+ --ds-basic-color-surface-default: #FFFFFF;
173
+ --ds-basic-color-surface-inverse: #101D2C;
174
+ --ds-basic-color-surface-inverse-subtle: #101D2C;
175
+ --ds-basic-color-surface-neutral: #FAF9F5;
176
+ --ds-basic-color-surface-neutral-medium: #E9E6D9;
177
+ --ds-basic-color-surface-neutral-subtle: #FAF9F5;
178
+ --ds-basic-color-texticon-accent1: #101D2C;
179
+ --ds-basic-color-texticon-default: #101D2C;
180
+ --ds-basic-color-texticon-disabled: #DDDDDD;
181
+ --ds-basic-color-texticon-inverse: #FAF9F5;
182
+ --ds-basic-color-texticon-inverse-disabled: #7E8894;
183
+ --ds-basic-color-texticon-inverse-muted: #C5C5C5;
184
+ --ds-basic-color-texticon-link-default: #101D2C;
185
+ --ds-basic-color-texticon-link-hover: #005FA7;
186
+ --ds-basic-color-texticon-link-inverse-default: #FAF9F5;
187
+ --ds-basic-color-texticon-link-inverse-hover: #CFE0EF;
188
+ --ds-basic-color-texticon-muted: #6A717C;
189
+ --ds-basic-color-tier-program-loungetier-lounge: #01426A;
190
+ --ds-basic-color-tier-program-loungetier-loungeplus: #53B390;
191
+ --ds-basic-color-tier-program-loyaltytier-gold: #FBDC7A;
192
+ --ds-basic-color-tier-program-loyaltytier-gold-muted: #FDEFC4;
193
+ --ds-basic-color-tier-program-loyaltytier-platinum: #BCB8A4;
194
+ --ds-basic-color-tier-program-loyaltytier-platinum-muted: #DAD8CD;
195
+ --ds-basic-color-tier-program-loyaltytier-silver: #E4E9EC;
196
+ --ds-basic-color-tier-program-loyaltytier-silver-muted: #F9FAFB;
197
+ --ds-basic-color-tier-program-loyaltytier-titanium: #282828;
198
+ --ds-basic-color-tier-program-loyaltytier-titanium-muted: #545454;
199
+ --ds-basic-color-tier-program-oneworld-emerald: #139142;
200
+ --ds-basic-color-tier-program-oneworld-ruby: #A41D4A;
201
+ --ds-basic-color-tier-program-oneworld-sapphire: #015DAA;
202
+ --ds-basic-type-brand-family-primary: "AS Circular";
203
+ --ds-basic-type-brand-family-secondary: Teodor;
204
+ --ds-basic-type-brand-letter-spacing-primary: 0;
205
+ --ds-basic-type-brand-letter-spacing-secondary: 0.05em;
206
+ --ds-basic-type-brand-letter-spacing-tertiary: 0.10em;
207
+ --ds-basic-type-brand-line-height-primary: 1.3;
208
+ --ds-basic-type-brand-line-height-secondary: 1;
209
+ --ds-basic-type-family-accent: "AS Circular";
210
+ --ds-basic-type-family-accent-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
211
+ --ds-basic-type-family-body: "AS Circular";
212
+ --ds-basic-type-family-body-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
213
+ --ds-basic-type-family-display: Teodor;
214
+ --ds-basic-type-family-display-fallback: "Georgia, serif";
215
+ --ds-basic-type-family-heading: "AS Circular";
216
+ --ds-basic-type-family-heading-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
217
+ --ds-basic-type-letter-spacing-accent: 0.05em;
218
+ --ds-basic-type-letter-spacing-accent2: 0.10em;
219
+ --ds-basic-type-letter-spacing-body: 0;
220
+ --ds-basic-type-letter-spacing-display: 0;
221
+ --ds-basic-type-letter-spacing-heading: 0;
222
+ --ds-basic-type-line-height-accent: 1.3;
223
+ --ds-basic-type-line-height-accent2: 1;
224
+ --ds-basic-type-line-height-body: 1.625rem;
225
+ --ds-basic-type-line-height-body2: 1.5rem;
226
+ --ds-basic-type-line-height-body3: 1.25rem;
227
+ --ds-basic-type-line-height-body4: 1rem;
228
+ --ds-basic-type-line-height-body5: 0.875rem;
229
+ --ds-basic-type-line-height-display: 1.3;
230
+ --ds-basic-type-line-height-heading: 1.3;
231
+ --ds-basic-type-weight-accent: 500;
232
+ --ds-basic-type-weight-accent2: 500;
233
+ --ds-basic-type-weight-body: 450;
234
+ --ds-basic-type-weight-body2: 700;
235
+ --ds-basic-type-weight-display: 300;
236
+ --ds-basic-type-weight-heading: 300;
237
+ --ds-basic-type-weight-heading2: 300;
238
+ }
package/dist/figmaExport/web/Atmos.scss ADDED
@@ -0,0 +1,235 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Fri, 02 Jan 2026 17:45:44 GMT
4
+
5
+ $ds-advanced-color-accents-accent1: #C2D5D6;
6
+ $ds-advanced-color-accents-accent1-bold: #3D7A7D;
7
+ $ds-advanced-color-accents-accent1-muted: #DFE9EA;
8
+ $ds-advanced-color-accents-accent2: #DFD7C3;
9
+ $ds-advanced-color-accents-accent2-bold: #BBA27C;
10
+ $ds-advanced-color-accents-accent2-muted: #E9E6D9;
11
+ $ds-advanced-color-accents-accent3: #C7D6E5;
12
+ $ds-advanced-color-accents-accent3-bold: #5578A4;
13
+ $ds-advanced-color-accents-accent3-muted: #C7D6E5;
14
+ $ds-advanced-color-accents-accent4: #CFF1EA;
15
+ $ds-advanced-color-accents-accent4-bold: #009173;
16
+ $ds-advanced-color-accents-accent4-muted: #E4F8F4;
17
+ $ds-advanced-color-accents-transparency: #0000001A;
18
+ $ds-advanced-color-accents-transparency-inverse: #FFFFFF33;
19
+ $ds-advanced-color-avatar-gradient-bottom: #CFE0EF;
20
+ $ds-advanced-color-avatar-gradient-top: #6899C6;
21
+ $ds-advanced-color-boolean-disabled-inverse: #7E8894;
22
+ $ds-advanced-color-boolean-error: #E31F26;
23
+ $ds-advanced-color-boolean-error-hover: #B1161C;
24
+ $ds-advanced-color-boolean-error-inverse: #F9A4A8;
25
+ $ds-advanced-color-boolean-error-inverse-hover: #F15F65;
26
+ $ds-advanced-color-boolean-indicator: #FFFFFF;
27
+ $ds-advanced-color-boolean-indicator-inverse: #101D2C;
28
+ $ds-advanced-color-boolean-isfalse: #FFFFFF;
29
+ $ds-advanced-color-boolean-isfalse-border: #585E67;
30
+ $ds-advanced-color-boolean-isfalse-border-inverse: #FFFFFF;
31
+ $ds-advanced-color-boolean-isfalse-hover: #F2F2F2;
32
+ $ds-advanced-color-boolean-isfalse-inverse: #FFFFFF26;
33
+ $ds-advanced-color-boolean-isfalse-inverse-hover: #FFFFFF33;
34
+ $ds-advanced-color-boolean-istrue: #101D2C;
35
+ $ds-advanced-color-boolean-istrue-hover: #101D2C;
36
+ $ds-advanced-color-boolean-istrue-inverse: #FFFFFF;
37
+ $ds-advanced-color-boolean-istrue-inverse-hover: #FFFFFFB0;
38
+ $ds-advanced-color-button-flat-text: #6A717C;
39
+ $ds-advanced-color-button-flat-text-disabled: #585E67;
40
+ $ds-advanced-color-button-flat-text-hover: #585E67;
41
+ $ds-advanced-color-button-flat-text-inverse: #FAF9F5;
42
+ $ds-advanced-color-button-flat-text-inverse-disabled: #585E67;
43
+ $ds-advanced-color-button-flat-text-inverse-hover: #AFB9C6;
44
+ $ds-advanced-color-button-ghost-background-hover: #0000000D;
45
+ $ds-advanced-color-button-ghost-background-inverse-hover: #FFFFFF0D;
46
+ $ds-advanced-color-button-ghost-text: #101D2C;
47
+ $ds-advanced-color-button-ghost-text-disabled: #DDDDDD;
48
+ $ds-advanced-color-button-ghost-text-inverse: #FAF9F5;
49
+ $ds-advanced-color-button-ghost-text-inverse-disabled: #7E8894;
50
+ $ds-advanced-color-button-primary-background: #AEDEFF;
51
+ $ds-advanced-color-button-primary-background-disabled: #EBF7FF;
52
+ $ds-advanced-color-button-primary-background-hover: #63BEFF;
53
+ $ds-advanced-color-button-primary-background-inactive: #EBF7FF;
54
+ $ds-advanced-color-button-primary-background-inactive-hover: #63BEFF;
55
+ $ds-advanced-color-button-primary-background-inverse: #FFFFFF;
56
+ $ds-advanced-color-button-primary-background-inverse-disabled: #FFFFFFBF;
57
+ $ds-advanced-color-button-primary-background-inverse-hover: #ECF0F3;
58
+ $ds-advanced-color-button-primary-border: #AEDEFF;
59
+ $ds-advanced-color-button-primary-border-disabled: #EBF7FF;
60
+ $ds-advanced-color-button-primary-border-hover: #63BEFF;
61
+ $ds-advanced-color-button-primary-border-inverse: #FFFFFF;
62
+ $ds-advanced-color-button-primary-border-inverse-disabled: #FFFFFFBF;
63
+ $ds-advanced-color-button-primary-border-inverse-hover: #ECF0F3;
64
+ $ds-advanced-color-button-primary-text: #101D2C;
65
+ $ds-advanced-color-button-primary-text-disabled: #DDDDDD;
66
+ $ds-advanced-color-button-primary-text-inverse: #101D2C;
67
+ $ds-advanced-color-button-secondary-background: #FFFFFF00;
68
+ $ds-advanced-color-button-secondary-background-disabled: #F7F7F7;
69
+ $ds-advanced-color-button-secondary-background-hover: #F2F2F2;
70
+ $ds-advanced-color-button-secondary-background-inverse-hover: #FFFFFF1A;
71
+ $ds-advanced-color-button-secondary-border: #101D2C;
72
+ $ds-advanced-color-button-secondary-border-disabled: #F7F7F7;
73
+ $ds-advanced-color-button-secondary-border-hover: #101D2C;
74
+ $ds-advanced-color-button-secondary-border-inverse: #FFFFFF;
75
+ $ds-advanced-color-button-secondary-border-inverse-disabled: #E9E6D9;
76
+ $ds-advanced-color-button-secondary-text: #101D2C;
77
+ $ds-advanced-color-button-secondary-text-hover: #101D2C;
78
+ $ds-advanced-color-button-secondary-text-inverse: #FFFFFF;
79
+ $ds-advanced-color-button-tertiary-background: #0000000D;
80
+ $ds-advanced-color-button-tertiary-background-hover: #0000001A;
81
+ $ds-advanced-color-button-tertiary-background-inverse: #FFFFFF0D;
82
+ $ds-advanced-color-button-tertiary-background-inverse-hover: #FFFFFF1A;
83
+ $ds-advanced-color-button-tertiary-text: #101D2C;
84
+ $ds-advanced-color-button-tertiary-text-hover: #101D2C;
85
+ $ds-advanced-color-button-tertiary-text-inverse: #FFFFFF;
86
+ $ds-advanced-color-dropdown-emphasized-background: #E2E8EE;
87
+ $ds-advanced-color-dropdown-emphasized-background-hover: #C7D6E5;
88
+ $ds-advanced-color-flightline-indicator: #101D2C;
89
+ $ds-advanced-color-flightline-line: #101D2C;
90
+ $ds-advanced-color-footer-background: #101D2C;
91
+ $ds-advanced-color-footer-foreground: #00000080;
92
+ $ds-advanced-color-footer-pattern: #FFFFFF;
93
+ $ds-advanced-color-header-background-exterior: #101D2C;
94
+ $ds-advanced-color-header-background-interior: #101D2C;
95
+ $ds-advanced-color-header-button-button-background: #FFFFFF00;
96
+ $ds-advanced-color-header-button-button-background-hover: #FFFFFF1A;
97
+ $ds-advanced-color-header-button-button-border: #FFFFFF;
98
+ $ds-advanced-color-header-button-signedin-button-background: #AEDEFF;
99
+ $ds-advanced-color-header-button-signedin-button-background-hover: #63BEFF;
100
+ $ds-advanced-color-header-button-text-icon: #FAF9F5;
101
+ $ds-advanced-color-header-button-text-icon-inverse: #101D2C;
102
+ $ds-advanced-color-header-text-icon: #FAF9F5;
103
+ $ds-advanced-color-hyperlink-text: #101D2C;
104
+ $ds-advanced-color-hyperlink-text-hover: #005FA7;
105
+ $ds-advanced-color-hyperlink-text-inverse: #FAF9F5;
106
+ $ds-advanced-color-hyperlink-text-inverse-hover: #CFE0EF;
107
+ $ds-advanced-color-shared-background: #FFFFFF;
108
+ $ds-advanced-color-shared-background-inverse: #FFFFFF26;
109
+ $ds-advanced-color-shared-background-inverse-disabled: #FFFFFF1A;
110
+ $ds-advanced-color-shared-background-inverse-hover: #FFFFFF33;
111
+ $ds-advanced-color-shared-background-muted: #F7F7F7;
112
+ $ds-advanced-color-shared-background-strong: #676767;
113
+ $ds-advanced-color-shared-emphasized-background: #E2E8EE;
114
+ $ds-advanced-color-shared-emphasized-background-hover: #C7D6E5;
115
+ $ds-advanced-color-shared-scrim: #00000080;
116
+ $ds-advanced-color-shared-text-accent: #003761;
117
+ $ds-advanced-color-skeleton-background: #F7F8FA;
118
+ $ds-advanced-color-skeleton-wave: #E4E8EC;
119
+ $ds-advanced-color-state-background-disabled: #DDDDDD;
120
+ $ds-advanced-color-state-background-hover: #F2F2F2;
121
+ $ds-advanced-color-state-background-inverse-disabled: #7E8894;
122
+ $ds-advanced-color-state-error-inverse: #F9A4A8;
123
+ $ds-advanced-color-state-focused: #101D2C;
124
+ $ds-advanced-color-state-focused-inverse: #FFFFFF;
125
+ $ds-advanced-color-state-no-background-hover: #0000000D;
126
+ $ds-advanced-color-state-no-background-inverse-hover: #FFFFFF0D;
127
+ $ds-advanced-color-state-selected: #101D2C;
128
+ $ds-advanced-color-state-selected-hover: #101D2C;
129
+ $ds-advanced-web-expanded-widget-background: #101D2C;
130
+ $ds-basic-color-border-bold: #585E67;
131
+ $ds-basic-color-border-brand: #101D2C;
132
+ $ds-basic-color-border-default: #DFD7C3;
133
+ $ds-basic-color-border-divider: #E9E6D9;
134
+ $ds-basic-color-border-divider-inverse: #FFFFFF66;
135
+ $ds-basic-color-border-inverse: #FFFFFF;
136
+ $ds-basic-color-border-subtle: #E9E6D9;
137
+ $ds-basic-color-brand-primary: #101D2C;
138
+ $ds-basic-color-brand-primary-bold: #101D2C;
139
+ $ds-basic-color-brand-primary-muted: #EBF7FF;
140
+ $ds-basic-color-brand-primary-subtle: #003761;
141
+ $ds-basic-color-brand-secondary: #C7D6E5;
142
+ $ds-basic-color-brand-secondary-bold: #8CA7C9;
143
+ $ds-basic-color-brand-secondary-muted: #ECF0F3;
144
+ $ds-basic-color-brand-secondary-subtle: #E2E8EE;
145
+ $ds-basic-color-brand-tertiary: #FAF9F5;
146
+ $ds-basic-color-brand-tertiary-bold: #DFD7C3;
147
+ $ds-basic-color-brand-tertiary-muted: #FAF9F5;
148
+ $ds-basic-color-brand-tertiary-subtle: #E9E6D9;
149
+ $ds-basic-color-fare-basiceconomy: #97EAF8;
150
+ $ds-basic-color-fare-business: #002C4E;
151
+ $ds-basic-color-fare-economy: #0074CA;
152
+ $ds-basic-color-fare-first: #101D2C;
153
+ $ds-basic-color-fare-premiumeconomy: #005154;
154
+ $ds-basic-color-page-background-default: #FFFFFF;
155
+ $ds-basic-color-page-background-utility: #FAF9F5;
156
+ $ds-basic-color-status-default: #AFB9C6;
157
+ $ds-basic-color-status-error: #E31F26;
158
+ $ds-basic-color-status-error-subtle: #FBC6C6;
159
+ $ds-basic-color-status-info: #C7D6E5;
160
+ $ds-basic-color-status-info-subtle: #EBF7FF;
161
+ $ds-basic-color-status-success: #447A1F;
162
+ $ds-basic-color-status-success-subtle: #D6EAC7;
163
+ $ds-basic-color-status-warning: #FAC200;
164
+ $ds-basic-color-status-warning-subtle: #FFF0B2;
165
+ $ds-basic-color-surface-accent1: #C7D6E5;
166
+ $ds-basic-color-surface-accent1-muted: #E2E8EE;
167
+ $ds-basic-color-surface-accent1-subtle: #C7D6E5;
168
+ $ds-basic-color-surface-accent2: #C7D6E5;
169
+ $ds-basic-color-surface-accent2-muted: #E2E8EE;
170
+ $ds-basic-color-surface-default: #FFFFFF;
171
+ $ds-basic-color-surface-inverse: #101D2C;
172
+ $ds-basic-color-surface-inverse-subtle: #101D2C;
173
+ $ds-basic-color-surface-neutral: #FAF9F5;
174
+ $ds-basic-color-surface-neutral-medium: #E9E6D9;
175
+ $ds-basic-color-surface-neutral-subtle: #FAF9F5;
176
+ $ds-basic-color-texticon-accent1: #101D2C;
177
+ $ds-basic-color-texticon-default: #101D2C;
178
+ $ds-basic-color-texticon-disabled: #DDDDDD;
179
+ $ds-basic-color-texticon-inverse: #FAF9F5;
180
+ $ds-basic-color-texticon-inverse-disabled: #7E8894;
181
+ $ds-basic-color-texticon-inverse-muted: #C5C5C5;
182
+ $ds-basic-color-texticon-link-default: #101D2C;
183
+ $ds-basic-color-texticon-link-hover: #005FA7;
184
+ $ds-basic-color-texticon-link-inverse-default: #FAF9F5;
185
+ $ds-basic-color-texticon-link-inverse-hover: #CFE0EF;
186
+ $ds-basic-color-texticon-muted: #6A717C;
187
+ $ds-basic-color-tier-program-loungetier-lounge: #01426A;
188
+ $ds-basic-color-tier-program-loungetier-loungeplus: #53B390;
189
+ $ds-basic-color-tier-program-loyaltytier-gold: #FBDC7A;
190
+ $ds-basic-color-tier-program-loyaltytier-gold-muted: #FDEFC4;
191
+ $ds-basic-color-tier-program-loyaltytier-platinum: #BCB8A4;
192
+ $ds-basic-color-tier-program-loyaltytier-platinum-muted: #DAD8CD;
193
+ $ds-basic-color-tier-program-loyaltytier-silver: #E4E9EC;
194
+ $ds-basic-color-tier-program-loyaltytier-silver-muted: #F9FAFB;
195
+ $ds-basic-color-tier-program-loyaltytier-titanium: #282828;
196
+ $ds-basic-color-tier-program-loyaltytier-titanium-muted: #545454;
197
+ $ds-basic-color-tier-program-oneworld-emerald: #139142;
198
+ $ds-basic-color-tier-program-oneworld-ruby: #A41D4A;
199
+ $ds-basic-color-tier-program-oneworld-sapphire: #015DAA;
200
+ $ds-basic-type-brand-family-primary: "AS Circular";
201
+ $ds-basic-type-brand-family-secondary: Teodor;
202
+ $ds-basic-type-brand-letter-spacing-primary: 0;
203
+ $ds-basic-type-brand-letter-spacing-secondary: 0.05em;
204
+ $ds-basic-type-brand-letter-spacing-tertiary: 0.10em;
205
+ $ds-basic-type-brand-line-height-primary: 1.3;
206
+ $ds-basic-type-brand-line-height-secondary: 1;
207
+ $ds-basic-type-family-accent: "AS Circular";
208
+ $ds-basic-type-family-accent-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
209
+ $ds-basic-type-family-body: "AS Circular";
210
+ $ds-basic-type-family-body-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
211
+ $ds-basic-type-family-display: Teodor;
212
+ $ds-basic-type-family-display-fallback: "Georgia, serif";
213
+ $ds-basic-type-family-heading: "AS Circular";
214
+ $ds-basic-type-family-heading-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
215
+ $ds-basic-type-letter-spacing-accent: 0.05em;
216
+ $ds-basic-type-letter-spacing-accent2: 0.10em;
217
+ $ds-basic-type-letter-spacing-body: 0;
218
+ $ds-basic-type-letter-spacing-display: 0;
219
+ $ds-basic-type-letter-spacing-heading: 0;
220
+ $ds-basic-type-line-height-accent: 1.3;
221
+ $ds-basic-type-line-height-accent2: 1;
222
+ $ds-basic-type-line-height-body: 1.625rem;
223
+ $ds-basic-type-line-height-body2: 1.5rem;
224
+ $ds-basic-type-line-height-body3: 1.25rem;
225
+ $ds-basic-type-line-height-body4: 1rem;
226
+ $ds-basic-type-line-height-body5: 0.875rem;
227
+ $ds-basic-type-line-height-display: 1.3;
228
+ $ds-basic-type-line-height-heading: 1.3;
229
+ $ds-basic-type-weight-accent: 500;
230
+ $ds-basic-type-weight-accent2: 500;
231
+ $ds-basic-type-weight-body: 450;
232
+ $ds-basic-type-weight-body2: 700;
233
+ $ds-basic-type-weight-display: 300;
234
+ $ds-basic-type-weight-heading: 300;
235
+ $ds-basic-type-weight-heading2: 300;