@aurodesignsystem/design-tokens 5.1.0 → 5.2.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 (31) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +24 -4
  3. package/dist/CSSCustomProperties--bundled.css +75 -6
  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
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ # [5.2.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.1.0...v5.2.0) (2025-03-06)
4
+
5
+
6
+ ### Features
7
+
8
+ * update data selector for transformCSS ([3aad137](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/3aad137f08ac398af8ea1fb3b876410c49122704))
9
+
3
10
  # [5.1.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.0.6...v5.1.0) (2025-03-06)
4
11
 
5
12
 
package/README.md CHANGED
@@ -25,6 +25,12 @@ The npm package provides pre-processed resources in the `./dist/` directory:
25
25
  ├── alaska
26
26
  │ └── CSSCustomProperties--alaska.css
27
27
  │ └── primitives--alaska.scss
28
+ ├── alaska-classic
29
+ │ ├── CSSCustomProperties--alaskaClassic.css
30
+ │ ├── JSObject--allTokens.js
31
+ │ ├── primitives--alaskaClassic.scss
32
+ │ ├── SCSSVariables--alaskaClassic.scss
33
+ │ └── SCSSVariablesMapFlat--alaskaClassic.scss
28
34
  ├── auro-classic
29
35
  │ ├── CSSCustomProperties.css
30
36
  │ ├── CSSSizeCustomProperties.css
@@ -95,15 +101,29 @@ Using the `https://cdn.jsdelivr.net/npm/` CDN:
95
101
 
96
102
  | File | Syntax | Type | Description |
97
103
  |-----------------------------|--------|--------------------|-------------------------------------------------------|
98
- | CSSCustomProperties--alaska | CSS | Custom properties | All v5.x semantic tokens for the Alaska theme |
99
- | primitives--alaska | SCSS | Sass variables | All v5.x semantic token values for the Alaska theme |
104
+ | CSSCustomProperties--alaska | CSS | Custom properties | All v5.x semantic tokens |
105
+ | primitives--alaska | SCSS | Sass variables | All v5.x semantic token values |
106
+
107
+ ### Alaska Classic Theme
108
+
109
+ The Alaska Classic theme uses the `v5.x` token names with the deprecated Auro Classic values.
110
+
111
+ It serves as a gateway to the `v5.x` tokens, facilitating a smooth transition for Auro components, leading to an eventual switch to the new "Alaska" theme.
112
+
113
+ | File | Syntax | Type | Description |
114
+ |----------------------------------------|-----------|--------------------|------------------------------------------------------|
115
+ | CSSCustomProperties--alaskaClassic | CSS | Custom properties | All v5.x semantic tokens |
116
+ | JSObject--allTokens.js | JS module | All data | All v5.x token data |
117
+ | primitives--alaskaClassic | SCSS | Sass variables | All v5.x semantic token values |
118
+ | SCSSVariables--alaskaClassic | SCSS | Sass variables | All v5.x semantic tokens |
119
+ | SCSSVariablesMapFlat--alaskaClassic | SCSS | Sass variable map | All v5.x semantic tokens as flat map |
100
120
 
101
121
  ### Hawaiian Theme
102
122
 
103
123
  | File | Syntax | Type | Description |
104
124
  |-------------------------------|--------|--------------------|-------------------------------------------------------|
105
- | CSSCustomProperties--hawaiian | CSS | Custom properties | All v5.x release tokens for the Hawaiian theme |
106
- | primitives--hawaiian | SCSS | Sass variables | All v5.x semantic token values for the Hawaiian theme |
125
+ | CSSCustomProperties--hawaiian | CSS | Custom properties | All v5.x release tokens |
126
+ | primitives--hawaiian | SCSS | Sass variables | All v5.x semantic token values |
107
127
 
108
128
  ### Auro Classic Theme (Deprecated)
109
129
 
@@ -1,10 +1,10 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:43 GMT
2
+ Do not edit directly
3
+ Generated on Thu, 06 Mar 2025 18:17:01 GMT
4
4
  */
5
5
 
6
6
  /* Properties from CSSCustomProperties--alaska.css */
7
- [aag-theme="aag-theme-as"] {
7
+ [data-aag-theme="aag-theme-as"] {
8
8
  --ds-color-border-bold: #585e67;
9
9
  --ds-color-border-brand: #01426a;
10
10
  --ds-color-border-default: #959595;
@@ -69,11 +69,11 @@
69
69
  --ds-font-weight-heading-heading3: Medium;
70
70
  --ds-font-weight-heading-heading4: Medium;
71
71
  --ds-font-weight-heading-heading5: Medium;
72
- --ds-font-weight-heading-heading6: Medium;
72
+ --ds-font-weight-heading-heading6: Medium;
73
73
  }
74
74
 
75
75
  /* Properties from CSSCustomProperties--hawaiian.css */
76
- [aag-theme="aag-theme-ha"] {
76
+ [data-aag-theme="aag-theme-ha"] {
77
77
  --ds-color-border-bold: #adadad;
78
78
  --ds-color-border-brand: #d0d0d0;
79
79
  --ds-color-border-default: #d0d0d0;
@@ -138,5 +138,74 @@
138
138
  --ds-font-weight-heading-heading3: Medium;
139
139
  --ds-font-weight-heading-heading4: Medium;
140
140
  --ds-font-weight-heading-heading5: Medium;
141
- --ds-font-weight-heading-heading6: Medium;
141
+ --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;
142
211
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ // Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
 
5
5
  $ds-color-border-bold: #585e67;
6
6
  $ds-color-border-brand: #01426a;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
+ Generated on Thu, 06 Mar 2025 18:17:14 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ // Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
 
5
5
  $as-color-status-help-100: #e8f2f8;
6
6
  $as-color-status-help-200: #dbe6f0;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ // Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
 
5
5
  $ds-color-border-bold: #585e67;
6
6
  $ds-color-border-brand: #01426a;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
+ Generated on Thu, 06 Mar 2025 18:17:14 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ // Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
 
5
5
  $as-color-status-help-100: #e8f2f8;
6
6
  $as-color-status-help-200: #dbe6f0;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ // Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
+ Generated on Thu, 06 Mar 2025 18:17:14 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ // Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
 
5
5
  $ds-color-border-bold: #adadad;
6
6
  $ds-color-border-brand: #d0d0d0;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
+ Generated on Thu, 06 Mar 2025 18:17:14 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ // Generated on Thu, 06 Mar 2025 18:17:14 GMT
4
4
 
5
5
  $hi-color-status-help-100: #e8f2f8;
6
6
  $hi-color-status-help-200: #dbe6f0;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Mar 2025 17:27:56 GMT
3
+ * Generated on Thu, 06 Mar 2025 18:17: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.1.0",
3
+ "version": "5.2.0",
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",