@aurodesignsystem/design-tokens 5.2.0 → 5.2.1

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 (33) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +41 -6
  3. package/dist/CSSCustomProperties--bundled.css +70 -70
  4. package/dist/alaska/CSSCustomProperties--alaska.css +1 -1
  5. package/dist/alaska/JSObject--allTokens.js +1 -1
  6. package/dist/alaska/SCSSVariables--alaska.scss +1 -1
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +1 -1
  8. package/dist/alaska/primitives--alaska.scss +1 -1
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +1 -1
  10. package/dist/alaska-classic/JSObject--allTokens.js +1 -1
  11. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +1 -1
  12. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +1 -1
  13. package/dist/alaska-classic/primitives--alaskaClassic.scss +1 -1
  14. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  15. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  16. package/dist/auro-classic/JSData--color.js +1 -1
  17. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  18. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  19. package/dist/auro-classic/JSVariables--color.js +1 -1
  20. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  21. package/dist/auro-classic/SCSSVariables.scss +1 -1
  22. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  23. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  24. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  25. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +1 -1
  26. package/dist/hawaiian/JSObject--allTokens.js +1 -1
  27. package/dist/hawaiian/SCSSVariables--hawaiian.scss +1 -1
  28. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +1 -1
  29. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  30. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  31. package/package.json +1 -1
  32. package/src/config/constants.js +14 -0
  33. package/src/config/themes.js +21 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [5.2.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.2.0...v5.2.1) (2025-03-06)
4
+
5
+
6
+ ### Performance Improvements
7
+
8
+ * updates to theme codes & docs ([df68c04](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/df68c047af8793f4459692f8580bf4776a58fdef))
9
+
3
10
  # [5.2.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.1.0...v5.2.0) (2025-03-06)
4
11
 
5
12
 
package/README.md CHANGED
@@ -95,16 +95,51 @@ Using the `https://cdn.jsdelivr.net/npm/` CDN:
95
95
 
96
96
  **Note:** Exercise caution when using this CDN solution. The Auro team is NOT responsible for the maintenance of the CDN `https://cdn.jsdelivr.net/` [uptime](https://www.isitupdown.com/jsdelivr) and are unable to effectively troubleshoot response issues. It is recommended to use the installed version of Auro Design Tokens for critical UIs.
97
97
 
98
+ ## Theme Scoping with `data-aag-theme`
99
+
100
+ The Auro Design System supports multiple themes that can be applied using the `data-aag-theme` attribute.
101
+
102
+ ### Implementation Example
103
+
104
+ ```html
105
+ <!-- Alaska-themed section -->
106
+ <div data-aag-theme="aag-theme-as">
107
+ <h1>Alaska Airlines Content</h1>
108
+ <!-- Elements here will use Alaska theme tokens -->
109
+ </div>
110
+
111
+ <!-- Hawaiian-themed section -->
112
+ <div data-aag-theme="aag-theme-ha">
113
+ <h1>Hawaiian Airlines Content</h1>
114
+ <!-- Elements here will use Hawaiian theme tokens -->
115
+ </div>
116
+ ```
117
+
118
+ ### Important Notes
119
+
120
+ - The bundled CSS file (`CSSCustomProperties--bundled.css`) contains all themes rescoped with their respective `data-aag-theme` selectors
121
+ - See the [Theme Data Attributes](#theme-data-attributes) table below for all available theme codes.
122
+
98
123
  ## Available Themes & Resources
99
124
 
100
- ### Alaska Theme
125
+ ### Theme Data Attributes
126
+
127
+ For theme scoping with CSS Custom Properties, use the following data attributes:
128
+
129
+ | Theme | Data Attribute | Theme Code |
130
+ |---------------|----------------------------------|------------|
131
+ | Alaska | `data-aag-theme="aag-theme-as"` | `as` |
132
+ | Alaska Classic| `data-aag-theme="aag-theme-asc"` | `asc` |
133
+ | Hawaiian | `data-aag-theme="aag-theme-ha"` | `ha` |
134
+
135
+ ### Alaska
101
136
 
102
137
  | File | Syntax | Type | Description |
103
138
  |-----------------------------|--------|--------------------|-------------------------------------------------------|
104
139
  | CSSCustomProperties--alaska | CSS | Custom properties | All v5.x semantic tokens |
105
140
  | primitives--alaska | SCSS | Sass variables | All v5.x semantic token values |
106
141
 
107
- ### Alaska Classic Theme
142
+ ### Alaska Classic
108
143
 
109
144
  The Alaska Classic theme uses the `v5.x` token names with the deprecated Auro Classic values.
110
145
 
@@ -118,14 +153,14 @@ It serves as a gateway to the `v5.x` tokens, facilitating a smooth transition fo
118
153
  | SCSSVariables--alaskaClassic | SCSS | Sass variables | All v5.x semantic tokens |
119
154
  | SCSSVariablesMapFlat--alaskaClassic | SCSS | Sass variable map | All v5.x semantic tokens as flat map |
120
155
 
121
- ### Hawaiian Theme
156
+ ### Hawaiian
122
157
 
123
158
  | File | Syntax | Type | Description |
124
159
  |-------------------------------|--------|--------------------|-------------------------------------------------------|
125
160
  | CSSCustomProperties--hawaiian | CSS | Custom properties | All v5.x release tokens |
126
161
  | primitives--hawaiian | SCSS | Sass variables | All v5.x semantic token values |
127
162
 
128
- ### Auro Classic Theme (Deprecated)
163
+ ### Auro Classic (Deprecated)
129
164
 
130
165
  | File | Syntax | Type | Filter Type / Description |
131
166
  |--------------------------|-----------|--------------------|----------------------------------|
@@ -143,7 +178,7 @@ It serves as a gateway to the `v5.x` tokens, facilitating a smooth transition fo
143
178
  | SassCustomProperties | SCSS | Custom properties | All v4.x release tokens |
144
179
  | SassSizeCustomProperties | Sass | Custom properties | Filter v4.x: size, public |
145
180
 
146
- ### Transparent Theme (Deprecated)
181
+ ### Transparent (Deprecated)
147
182
 
148
183
  | File | Syntax | Type | Filter Type / Description |
149
184
  |-------------------------------------|-----------|--------------------|---------------------------|
@@ -153,7 +188,7 @@ It serves as a gateway to the `v5.x` tokens, facilitating a smooth transition fo
153
188
 
154
189
  | File | Syntax | Type | Description |
155
190
  |---------------------------------|--------|-------------------|-----------------------------------------|
156
- | CSSCustomProperties--bundled.css | CSS | Custom properties | Combined v5.x `semantic` CSS custom properties from all supported themes |
191
+ | CSSCustomProperties--bundled.css | CSS | Custom properties | Combined v5.x `semantic` CSS custom properties from all supported themes with their respective `data-aag-theme` selectors |
157
192
 
158
193
  **NOTE: Bundled file is not intended for general use.**
159
194
 
package/dist/CSSCustomProperties--bundled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  Do not edit directly
3
- Generated on Thu, 06 Mar 2025 18:17:01 GMT
3
+ Generated on Thu, 06 Mar 2025 21:22:02 GMT
4
4
  */
5
5
 
6
6
  /* Properties from CSSCustomProperties--alaska.css */
@@ -72,6 +72,75 @@
72
72
  --ds-font-weight-heading-heading6: Medium;
73
73
  }
74
74
 
75
+ /* Properties from CSSCustomProperties--alaskaClassic.css */
76
+ [data-aag-theme="aag-theme-asc"] {
77
+ --ds-color-border-bold: #585e67;
78
+ --ds-color-border-brand: #01426a;
79
+ --ds-color-border-default: #959595;
80
+ --ds-color-border-divider: #00000026;
81
+ --ds-color-border-divider-inverse: #ffffff66;
82
+ --ds-color-border-inverse: #ffffff;
83
+ --ds-color-border-subtle: #dddddd;
84
+ --ds-color-brand-primary: #0074ca;
85
+ --ds-color-brand-primary-bold: #003761;
86
+ --ds-color-brand-primary-muted: #ebf7ff;
87
+ --ds-color-brand-primary-subtle: #289bee;
88
+ --ds-color-brand-secondary: #01426a;
89
+ --ds-color-brand-secondary-bold: #00274a;
90
+ --ds-color-brand-secondary-muted: #ebf3f9;
91
+ --ds-color-brand-secondary-subtle: #2875b5;
92
+ --ds-color-brand-tertiary: #5de3f7;
93
+ --ds-color-brand-tertiary-bold: #18c3dd;
94
+ --ds-color-brand-tertiary-muted: #ebfafd;
95
+ --ds-color-brand-tertiary-subtle: #b4eff9;
96
+ --ds-color-farebrand-basiceconomy: #97eaf8;
97
+ --ds-color-farebrand-business-first: #00274a;
98
+ --ds-color-farebrand-economy: #0074ca;
99
+ --ds-color-farebrand-premiumeconomy: #005154;
100
+ --ds-color-farebrand-oneworld-emerald: #139142;
101
+ --ds-color-farebrand-oneworld-sapphire: #015daa;
102
+ --ds-color-farebrand-oneworld-ruby: #a41d4a;
103
+ --ds-color-pagebackground-default: #ffffff;
104
+ --ds-color-pagebackground-utility: #f7f8fa;
105
+ --ds-color-status-default: #afb9c6;
106
+ --ds-color-status-error: #e53339;
107
+ --ds-color-status-error-subtle: #fddede;
108
+ --ds-color-status-info: #007db1;
109
+ --ds-color-status-info-subtle: #e8f2f8;
110
+ --ds-color-status-success: #529325;
111
+ --ds-color-status-success-subtle: #e4f1da;
112
+ --ds-color-status-warning: #fac200;
113
+ --ds-color-status-warning-subtle: #fff6d1;
114
+ --ds-color-surface-accent1: #0074ca;
115
+ --ds-color-surface-accent1-muted: #ebf7ff;
116
+ --ds-color-surface-accent1-subtle: #289bee;
117
+ --ds-color-surface-accent2: #959595;
118
+ --ds-color-surface-accent2-muted: #c5c5c5;
119
+ --ds-color-surface-default: #ffffff;
120
+ --ds-color-surface-inverse: #01426a;
121
+ --ds-color-surface-inverse-subtle: #2875b5;
122
+ --ds-color-surface-neutral-medium: #c5c5c5;
123
+ --ds-color-surface-neutral-subtle: #f2f2f2;
124
+ --ds-color-texticon-accent1: #01426a;
125
+ --ds-color-texticon-default: #2a2a2a;
126
+ --ds-color-texticon-disabled: #d0d0d0;
127
+ --ds-color-texticon-inverse: #ffffff;
128
+ --ds-color-texticon-inverse-disabled: #d0d0d0;
129
+ --ds-color-texticon-muted: #676767;
130
+ --ds-font-weight-body-default: Book;
131
+ --ds-font-weight-body-large: Book;
132
+ --ds-font-weight-body-small: Book;
133
+ --ds-font-weight-body-xsmall: Book;
134
+ --ds-font-weight-body-xxsmall: Book;
135
+ --ds-font-weight-display: Light;
136
+ --ds-font-weight-heading-heading1: Book;
137
+ --ds-font-weight-heading-heading2: Book;
138
+ --ds-font-weight-heading-heading3: Medium;
139
+ --ds-font-weight-heading-heading4: Medium;
140
+ --ds-font-weight-heading-heading5: Medium;
141
+ --ds-font-weight-heading-heading6: Medium;
142
+ }
143
+
75
144
  /* Properties from CSSCustomProperties--hawaiian.css */
76
145
  [data-aag-theme="aag-theme-ha"] {
77
146
  --ds-color-border-bold: #adadad;
@@ -139,73 +208,4 @@
139
208
  --ds-font-weight-heading-heading4: Medium;
140
209
  --ds-font-weight-heading-heading5: Medium;
141
210
  --ds-font-weight-heading-heading6: Medium;
142
- }
143
-
144
- /* Properties from CSSCustomProperties--alaskaClassic.css */
145
- [data-aag-theme="aag-theme-ac"] {
146
- --ds-color-border-bold: #585e67;
147
- --ds-color-border-brand: #01426a;
148
- --ds-color-border-default: #959595;
149
- --ds-color-border-divider: #00000026;
150
- --ds-color-border-divider-inverse: #ffffff66;
151
- --ds-color-border-inverse: #ffffff;
152
- --ds-color-border-subtle: #dddddd;
153
- --ds-color-brand-primary: #0074ca;
154
- --ds-color-brand-primary-bold: #003761;
155
- --ds-color-brand-primary-muted: #ebf7ff;
156
- --ds-color-brand-primary-subtle: #289bee;
157
- --ds-color-brand-secondary: #01426a;
158
- --ds-color-brand-secondary-bold: #00274a;
159
- --ds-color-brand-secondary-muted: #ebf3f9;
160
- --ds-color-brand-secondary-subtle: #2875b5;
161
- --ds-color-brand-tertiary: #5de3f7;
162
- --ds-color-brand-tertiary-bold: #18c3dd;
163
- --ds-color-brand-tertiary-muted: #ebfafd;
164
- --ds-color-brand-tertiary-subtle: #b4eff9;
165
- --ds-color-farebrand-basiceconomy: #97eaf8;
166
- --ds-color-farebrand-business-first: #00274a;
167
- --ds-color-farebrand-economy: #0074ca;
168
- --ds-color-farebrand-premiumeconomy: #005154;
169
- --ds-color-farebrand-oneworld-emerald: #139142;
170
- --ds-color-farebrand-oneworld-sapphire: #015daa;
171
- --ds-color-farebrand-oneworld-ruby: #a41d4a;
172
- --ds-color-pagebackground-default: #ffffff;
173
- --ds-color-pagebackground-utility: #f7f8fa;
174
- --ds-color-status-default: #afb9c6;
175
- --ds-color-status-error: #e53339;
176
- --ds-color-status-error-subtle: #fddede;
177
- --ds-color-status-info: #007db1;
178
- --ds-color-status-info-subtle: #e8f2f8;
179
- --ds-color-status-success: #529325;
180
- --ds-color-status-success-subtle: #e4f1da;
181
- --ds-color-status-warning: #fac200;
182
- --ds-color-status-warning-subtle: #fff6d1;
183
- --ds-color-surface-accent1: #0074ca;
184
- --ds-color-surface-accent1-muted: #ebf7ff;
185
- --ds-color-surface-accent1-subtle: #289bee;
186
- --ds-color-surface-accent2: #959595;
187
- --ds-color-surface-accent2-muted: #c5c5c5;
188
- --ds-color-surface-default: #ffffff;
189
- --ds-color-surface-inverse: #01426a;
190
- --ds-color-surface-inverse-subtle: #2875b5;
191
- --ds-color-surface-neutral-medium: #c5c5c5;
192
- --ds-color-surface-neutral-subtle: #f2f2f2;
193
- --ds-color-texticon-accent1: #01426a;
194
- --ds-color-texticon-default: #2a2a2a;
195
- --ds-color-texticon-disabled: #d0d0d0;
196
- --ds-color-texticon-inverse: #ffffff;
197
- --ds-color-texticon-inverse-disabled: #d0d0d0;
198
- --ds-color-texticon-muted: #676767;
199
- --ds-font-weight-body-default: Book;
200
- --ds-font-weight-body-large: Book;
201
- --ds-font-weight-body-small: Book;
202
- --ds-font-weight-body-xsmall: Book;
203
- --ds-font-weight-body-xxsmall: Book;
204
- --ds-font-weight-display: Light;
205
- --ds-font-weight-heading-heading1: Book;
206
- --ds-font-weight-heading-heading2: Book;
207
- --ds-font-weight-heading-heading3: Medium;
208
- --ds-font-weight-heading-heading4: Medium;
209
- --ds-font-weight-heading-heading5: Medium;
210
- --ds-font-weight-heading-heading6: Medium;
211
211
  }
package/dist/alaska/CSSCustomProperties--alaska.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/alaska/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/alaska/SCSSVariables--alaska.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ // Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
 
5
5
  $ds-color-border-bold: #585e67;
6
6
  $ds-color-border-brand: #01426a;
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
+ Generated on Thu, 06 Mar 2025 21:22:14 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
package/dist/alaska/primitives--alaska.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ // Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
 
5
5
  $as-color-status-help-100: #e8f2f8;
6
6
  $as-color-status-help-200: #dbe6f0;
package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/alaska-classic/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ // Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
 
5
5
  $ds-color-border-bold: #585e67;
6
6
  $ds-color-border-brand: #01426a;
package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
+ Generated on Thu, 06 Mar 2025 21:22:14 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
package/dist/alaska-classic/primitives--alaskaClassic.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ // Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
 
5
5
  $as-color-status-help-100: #e8f2f8;
6
6
  $as-color-status-help-200: #dbe6f0;
package/dist/auro-classic/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:13 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/auro-classic/CSSSizeCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:13 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/auro-classic/JSData--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:13 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/auro-classic/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/auro-classic/JSObject--deprecated.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/auro-classic/JSVariables--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
package/dist/auro-classic/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
+ * Generated on Thu, 06 Mar 2025 21:22:13 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
package/dist/auro-classic/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ // Generated on Thu, 06 Mar 2025 21:22:13 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
package/dist/auro-classic/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
+ Generated on Thu, 06 Mar 2025 21:22:13 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
package/dist/auro-classic/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:13 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/auro-classic/SassSizeCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:13 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/hawaiian/CSSCustomProperties--hawaiian.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/hawaiian/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/hawaiian/SCSSVariables--hawaiian.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ // Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
 
5
5
  $ds-color-border-bold: #adadad;
6
6
  $ds-color-border-brand: #d0d0d0;
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
+ Generated on Thu, 06 Mar 2025 21:22:14 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
package/dist/hawaiian/primitives--hawaiian.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ // Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
 
5
5
  $hi-color-status-help-100: #e8f2f8;
6
6
  $hi-color-status-help-200: #dbe6f0;
package/dist/transparent/CSSCustomProperties--transparent.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 18:17:14 GMT
3
+ * Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "5.2.0",
3
+ "version": "5.2.1",
4
4
  "description": "Alaska Air Auro Design System token repository",
5
5
  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
6
6
  "author": "Alaska Airlines Product design and engineering",
package/src/config/constants.js ADDED
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Build Constants
3
+ */
4
+
5
+ export const PATHS = {
6
+ DIST: './dist',
7
+ SRC: './src'
8
+ };
9
+
10
+ export const CSS = {
11
+ TARGET_FILE_PATTERN: 'CSSCustomProperties',
12
+ BUNDLED_FILE_NAME: 'CSSCustomProperties--bundled.css',
13
+ ROOT_SELECTOR: ':root'
14
+ };
package/src/config/themes.js ADDED
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Themes Config
3
+ */
4
+
5
+ export const THEME_DIRECTORIES = [
6
+ { dir: 'alaska', name: 'Alaska', code: 'as' },
7
+ { dir: 'alaska-classic', name: 'Alaska Classic', code: 'asc' },
8
+ { dir: 'hawaiian', name: 'Hawaiian', code: 'ha' }
9
+ ];
10
+
11
+ /**
12
+ * Helper functions
13
+ */
14
+ export const getThemeByCode = (code) =>
15
+ THEME_DIRECTORIES.find(theme => theme.code === code);
16
+
17
+ export const getThemeByDir = (dir) =>
18
+ THEME_DIRECTORIES.find(theme => theme.dir === dir);
19
+
20
+ export const getThemeAttribute = (code) =>
21
+ `data-aag-theme="aag-theme-${code}"`;