@aurodesignsystem/design-tokens 5.8.0 → 5.8.2

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 (63) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/CSSCustomProperties--bundled.css +19 -16
  3. package/dist/alaska/CSSCustomProperties--alaska.css +7 -6
  4. package/dist/alaska/JSONVariablesNested--alaska.json +6 -5
  5. package/dist/alaska/JSObject--allTokens.js +164 -133
  6. package/dist/alaska/SCSSVariables--alaska.scss +7 -6
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +7 -6
  8. package/dist/alaska/primitives--alaska.scss +1 -1
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +7 -6
  10. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +6 -5
  11. package/dist/alaska-classic/JSObject--allTokens.js +164 -133
  12. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +7 -6
  13. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +7 -6
  14. package/dist/alaska-classic/primitives--alaskaClassic.scss +1 -1
  15. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  16. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  17. package/dist/auro-classic/JSData--color.js +1 -1
  18. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  19. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  20. package/dist/auro-classic/JSVariables--color.js +1 -1
  21. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  22. package/dist/auro-classic/SCSSVariables.scss +1 -1
  23. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  24. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  25. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  26. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +7 -6
  27. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +6 -5
  28. package/dist/hawaiian/JSObject--allTokens.js +164 -133
  29. package/dist/hawaiian/SCSSVariables--hawaiian.scss +7 -6
  30. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +7 -6
  31. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  32. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  33. package/package.json +1 -1
  34. package/src/themes/alaska/advanced/{boolean.json → color/boolean.json} +2 -2
  35. package/src/themes/alaska/advanced/{shared.json → color/shared.json} +18 -2
  36. package/src/themes/{hawaiian/advanced → alaska/advanced/color}/state.json +2 -2
  37. package/src/themes/alaska/basic/color/text-icon.json +1 -9
  38. package/src/themes/alaska-classic/advanced/{boolean.json → color/boolean.json} +2 -2
  39. package/src/themes/{hawaiian/advanced → alaska-classic/advanced/color}/shared.json +18 -2
  40. package/src/themes/alaska-classic/advanced/{state.json → color/state.json} +2 -2
  41. package/src/themes/alaska-classic/basic/color/text-icon.json +0 -8
  42. package/src/themes/hawaiian/advanced/{boolean.json → color/boolean.json} +2 -2
  43. package/src/themes/{alaska-classic/advanced → hawaiian/advanced/color}/shared.json +18 -2
  44. package/src/themes/{alaska/advanced → hawaiian/advanced/color}/state.json +2 -2
  45. package/src/themes/hawaiian/basic/color/text-icon.json +0 -8
  46. /package/src/themes/alaska/advanced/{accents.json → color/accents.json} +0 -0
  47. /package/src/themes/alaska/advanced/{button → color/button}/flat.json +0 -0
  48. /package/src/themes/alaska/advanced/{button → color/button}/primary.json +0 -0
  49. /package/src/themes/alaska/advanced/{button → color/button}/secondary.json +0 -0
  50. /package/src/themes/alaska/advanced/{button → color/button}/tertiary.json +0 -0
  51. /package/src/themes/alaska/advanced/{hyperlink.json → color/hyperlink.json} +0 -0
  52. /package/src/themes/alaska-classic/advanced/{accents.json → color/accents.json} +0 -0
  53. /package/src/themes/alaska-classic/advanced/{button → color/button}/flat.json +0 -0
  54. /package/src/themes/alaska-classic/advanced/{button → color/button}/primary.json +0 -0
  55. /package/src/themes/alaska-classic/advanced/{button → color/button}/secondary.json +0 -0
  56. /package/src/themes/alaska-classic/advanced/{button → color/button}/tertiary.json +0 -0
  57. /package/src/themes/alaska-classic/advanced/{hyperlink.json → color/hyperlink.json} +0 -0
  58. /package/src/themes/hawaiian/advanced/{accents.json → color/accents.json} +0 -0
  59. /package/src/themes/hawaiian/advanced/{button → color/button}/flat.json +0 -0
  60. /package/src/themes/hawaiian/advanced/{button → color/button}/primary.json +0 -0
  61. /package/src/themes/hawaiian/advanced/{button → color/button}/secondary.json +0 -0
  62. /package/src/themes/hawaiian/advanced/{button → color/button}/tertiary.json +0 -0
  63. /package/src/themes/hawaiian/advanced/{hyperlink.json → color/hyperlink.json} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [5.8.2](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.1...v5.8.2) (2025-04-14)
4
+
5
+
6
+ ### Performance Improvements
7
+
8
+ * update design tokens based on feedback ([c811b4a](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/c811b4a17e986eca0bc48641ad1749a1de0d48ae))
9
+
10
+ ## [5.8.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.0...v5.8.1) (2025-04-11)
11
+
12
+
13
+ ### Performance Improvements
14
+
15
+ * add backgroundInverseDisabled token ([0acf6f2](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/0acf6f287398c71dc26119177b5346e99869a56b))
16
+ * update boolean token ([35fe96f](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/35fe96fddd9c350bc80b22ed4556c19ba1244d47))
17
+
3
18
  # [5.8.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.7.0...v5.8.0) (2025-04-09)
4
19
 
5
20
 
package/dist/CSSCustomProperties--bundled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  Do not edit directly
3
- Generated on Wed, 09 Apr 2025 18:34:45 GMT
3
+ Generated on Mon, 14 Apr 2025 18:42:49 GMT
4
4
  */
5
5
 
6
6
  /* Properties from CSSCustomProperties--alaska.css */
@@ -64,12 +64,12 @@
64
64
  --ds-advanced-color-boolean-error-inverse: #f9a4a8;
65
65
  --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
66
66
  --ds-advanced-color-boolean-indicator: #ffffff;
67
- --ds-advanced-color-boolean-indicator-inverse: #01426a;
67
+ --ds-advanced-color-boolean-indicator-inverse: #00274a;
68
68
  --ds-advanced-color-boolean-isfalse: #ffffff;
69
69
  --ds-advanced-color-boolean-isfalse-border: #585e67;
70
70
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
71
71
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
72
- --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
72
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
73
73
  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
74
74
  --ds-advanced-color-boolean-istrue: #01426a;
75
75
  --ds-advanced-color-boolean-istrue-hover: #00274a;
@@ -80,13 +80,15 @@
80
80
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
81
81
  --ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
82
82
  --ds-advanced-color-shared-background: #ffffff;
83
- --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
83
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
84
+ --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
85
+ --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
84
86
  --ds-advanced-color-shared-background-muted: #f7f7f7;
85
87
  --ds-advanced-color-shared-background-strong: #7e7e7e;
86
88
  --ds-advanced-color-shared-text-accent: #2875b5;
87
89
  --ds-advanced-color-state-background-disabled: #dddddd;
88
90
  --ds-advanced-color-state-background-hover: #f2f2f2;
89
- --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
91
+ --ds-advanced-color-state-background-inverse-disabled: #7e8894;
90
92
  --ds-advanced-color-state-error-inverse: #f9a4a8;
91
93
  --ds-advanced-color-state-focused: #01426a;
92
94
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -143,7 +145,6 @@
143
145
  --ds-basic-color-texticon-accent1: #265688;
144
146
  --ds-basic-color-texticon-default: #2a2a2a;
145
147
  --ds-basic-color-texticon-disabled: #d0d0d0;
146
- --ds-basic-color-texticon-disabled-inverse: #7e8894;
147
148
  --ds-basic-color-texticon-inverse: #ffffff;
148
149
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
149
150
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
@@ -524,12 +525,12 @@
524
525
  --ds-advanced-color-boolean-error-inverse: #f9a4a8;
525
526
  --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
526
527
  --ds-advanced-color-boolean-indicator: #ffffff;
527
- --ds-advanced-color-boolean-indicator-inverse: #0074ca;
528
+ --ds-advanced-color-boolean-indicator-inverse: #01426a;
528
529
  --ds-advanced-color-boolean-isfalse: #ffffff;
529
530
  --ds-advanced-color-boolean-isfalse-border: #585e67;
530
531
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
531
532
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
532
- --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
533
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
533
534
  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
534
535
  --ds-advanced-color-boolean-istrue: #0074ca;
535
536
  --ds-advanced-color-boolean-istrue-hover: #003761;
@@ -540,13 +541,15 @@
540
541
  --ds-advanced-color-hyperlink-text-inverse: #97eaf8;
541
542
  --ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
542
543
  --ds-advanced-color-shared-background: #ffffff;
543
- --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
544
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
545
+ --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
546
+ --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
544
547
  --ds-advanced-color-shared-background-muted: #f7f7f7;
545
548
  --ds-advanced-color-shared-background-strong: #7e7e7e;
546
549
  --ds-advanced-color-shared-text-accent: #0074ca;
547
550
  --ds-advanced-color-state-background-disabled: #dddddd;
548
551
  --ds-advanced-color-state-background-hover: #f2f2f2;
549
- --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
552
+ --ds-advanced-color-state-background-inverse-disabled: #7e8894;
550
553
  --ds-advanced-color-state-error-inverse: #e31f26;
551
554
  --ds-advanced-color-state-focused: #0074ca;
552
555
  --ds-advanced-color-state-focused-inverse: #5de3f7;
@@ -603,7 +606,6 @@
603
606
  --ds-basic-color-texticon-accent1: #01426a;
604
607
  --ds-basic-color-texticon-default: #2a2a2a;
605
608
  --ds-basic-color-texticon-disabled: #d0d0d0;
606
- --ds-basic-color-texticon-disabled-inverse: #7e8894;
607
609
  --ds-basic-color-texticon-inverse: #ffffff;
608
610
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
609
611
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
@@ -989,8 +991,8 @@
989
991
  --ds-advanced-color-boolean-isfalse-border: #adadad;
990
992
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
991
993
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
992
- --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
993
- --ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
994
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
995
+ --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
994
996
  --ds-advanced-color-boolean-istrue: #463c8f;
995
997
  --ds-advanced-color-boolean-istrue-hover: #31295c;
996
998
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -1000,13 +1002,15 @@
1000
1002
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
1001
1003
  --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
1002
1004
  --ds-advanced-color-shared-background: #ffffff;
1003
- --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
1005
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
1006
+ --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
1007
+ --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
1004
1008
  --ds-advanced-color-shared-background-muted: #f7f7f7;
1005
1009
  --ds-advanced-color-shared-background-strong: #7e7e7e;
1006
1010
  --ds-advanced-color-shared-text-accent: #463c8f;
1007
1011
  --ds-advanced-color-state-background-disabled: #dddddd;
1008
1012
  --ds-advanced-color-state-background-hover: #f2f2f2;
1009
- --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
1013
+ --ds-advanced-color-state-background-inverse-disabled: #7e8894;
1010
1014
  --ds-advanced-color-state-error-inverse: #f9a4a8;
1011
1015
  --ds-advanced-color-state-focused: #463c8f;
1012
1016
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -1063,7 +1067,6 @@
1063
1067
  --ds-basic-color-texticon-accent1: #463c8f;
1064
1068
  --ds-basic-color-texticon-default: #000000;
1065
1069
  --ds-basic-color-texticon-disabled: #d0d0d0;
1066
- --ds-basic-color-texticon-disabled-inverse: #7e8894;
1067
1070
  --ds-basic-color-texticon-inverse: #ffffff;
1068
1071
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
1069
1072
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
package/dist/alaska/CSSCustomProperties--alaska.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Apr 2025 18:34:55 GMT
3
+ * Generated on Mon, 14 Apr 2025 18:42:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -63,12 +63,12 @@
63
63
  --ds-advanced-color-boolean-error-inverse: #f9a4a8;
64
64
  --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
65
65
  --ds-advanced-color-boolean-indicator: #ffffff;
66
- --ds-advanced-color-boolean-indicator-inverse: #01426a;
66
+ --ds-advanced-color-boolean-indicator-inverse: #00274a;
67
67
  --ds-advanced-color-boolean-isfalse: #ffffff;
68
68
  --ds-advanced-color-boolean-isfalse-border: #585e67;
69
69
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
70
70
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
71
- --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
71
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
72
72
  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
73
73
  --ds-advanced-color-boolean-istrue: #01426a;
74
74
  --ds-advanced-color-boolean-istrue-hover: #00274a;
@@ -79,13 +79,15 @@
79
79
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
80
80
  --ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
81
81
  --ds-advanced-color-shared-background: #ffffff;
82
- --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
82
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
83
+ --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
84
+ --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
83
85
  --ds-advanced-color-shared-background-muted: #f7f7f7;
84
86
  --ds-advanced-color-shared-background-strong: #7e7e7e;
85
87
  --ds-advanced-color-shared-text-accent: #2875b5;
86
88
  --ds-advanced-color-state-background-disabled: #dddddd;
87
89
  --ds-advanced-color-state-background-hover: #f2f2f2;
88
- --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
90
+ --ds-advanced-color-state-background-inverse-disabled: #7e8894;
89
91
  --ds-advanced-color-state-error-inverse: #f9a4a8;
90
92
  --ds-advanced-color-state-focused: #01426a;
91
93
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -142,7 +144,6 @@
142
144
  --ds-basic-color-texticon-accent1: #265688;
143
145
  --ds-basic-color-texticon-default: #2a2a2a;
144
146
  --ds-basic-color-texticon-disabled: #d0d0d0;
145
- --ds-basic-color-texticon-disabled-inverse: #7e8894;
146
147
  --ds-basic-color-texticon-inverse: #ffffff;
147
148
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
148
149
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
package/dist/alaska/JSONVariablesNested--alaska.json CHANGED
@@ -73,12 +73,12 @@
73
73
  "errorInverse": "#f9a4a8",
74
74
  "errorInverseHover": "#f15f65",
75
75
  "indicator": "#ffffff",
76
- "indicatorInverse": "#01426a",
76
+ "indicatorInverse": "#00274a",
77
77
  "isfalse": "#ffffff",
78
78
  "isfalseBorder": "#585e67",
79
79
  "isfalseBorderInverse": "#ffffff",
80
80
  "isfalseHover": "#f2f2f2",
81
- "isfalseInverse": "rgba(255, 255, 255, 0.05)",
81
+ "isfalseInverse": "rgba(255, 255, 255, 0.2)",
82
82
  "isfalseInverseHover": "rgba(255, 255, 255, 0.15)",
83
83
  "istrue": "#01426a",
84
84
  "istrueHover": "#00274a",
@@ -93,7 +93,9 @@
93
93
  },
94
94
  "shared": {
95
95
  "background": "#ffffff",
96
- "backgroundInverse": "rgba(255, 255, 255, 0.05)",
96
+ "backgroundInverse": "rgba(255, 255, 255, 0.2)",
97
+ "backgroundInverseDisabled": "rgba(255, 255, 255, 0.1)",
98
+ "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
97
99
  "backgroundMuted": "#f7f7f7",
98
100
  "backgroundStrong": "#7e7e7e",
99
101
  "textAccent": "#2875b5"
@@ -101,7 +103,7 @@
101
103
  "state": {
102
104
  "backgroundDisabled": "#dddddd",
103
105
  "backgroundHover": "#f2f2f2",
104
- "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
106
+ "backgroundInverseDisabled": "#7e8894",
105
107
  "errorInverse": "#f9a4a8",
106
108
  "focused": "#01426a",
107
109
  "focusedInverse": "#ffffff",
@@ -178,7 +180,6 @@
178
180
  "accent1": "#265688",
179
181
  "default": "#2a2a2a",
180
182
  "disabled": "#d0d0d0",
181
- "disabledInverse": "#7e8894",
182
183
  "inverse": "#ffffff",
183
184
  "inverseDisabled": "#7e8894",
184
185
  "inverseMuted": "#ccd2db",