@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/dist/hawaiian/SCSSVariables--hawaiian.scss 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
  $ds-advanced-color-button-flat-text: #676767;
6
6
  $ds-advanced-color-button-flat-text-disabled: #d0d0d0;
@@ -66,8 +66,8 @@ $ds-advanced-color-boolean-isfalse: #ffffff;
66
66
  $ds-advanced-color-boolean-isfalse-border: #adadad;
67
67
  $ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
68
68
  $ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
69
- $ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
70
- $ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
69
+ $ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
70
+ $ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
71
71
  $ds-advanced-color-boolean-istrue: #463c8f;
72
72
  $ds-advanced-color-boolean-istrue-hover: #31295c;
73
73
  $ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -77,13 +77,15 @@ $ds-advanced-color-hyperlink-text-hover: #31295c;
77
77
  $ds-advanced-color-hyperlink-text-inverse: #ffffff;
78
78
  $ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
79
79
  $ds-advanced-color-shared-background: #ffffff;
80
- $ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
80
+ $ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
81
+ $ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
82
+ $ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
81
83
  $ds-advanced-color-shared-background-muted: #f7f7f7;
82
84
  $ds-advanced-color-shared-background-strong: #7e7e7e;
83
85
  $ds-advanced-color-shared-text-accent: #463c8f;
84
86
  $ds-advanced-color-state-background-disabled: #dddddd;
85
87
  $ds-advanced-color-state-background-hover: #f2f2f2;
86
- $ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
88
+ $ds-advanced-color-state-background-inverse-disabled: #7e8894;
87
89
  $ds-advanced-color-state-error-inverse: #f9a4a8;
88
90
  $ds-advanced-color-state-focused: #463c8f;
89
91
  $ds-advanced-color-state-focused-inverse: #ffffff;
@@ -140,7 +142,6 @@ $ds-basic-color-surface-neutral-subtle: #f7f7f7;
140
142
  $ds-basic-color-texticon-accent1: #463c8f;
141
143
  $ds-basic-color-texticon-default: #000000;
142
144
  $ds-basic-color-texticon-disabled: #d0d0d0;
143
- $ds-basic-color-texticon-disabled-inverse: #7e8894;
144
145
  $ds-basic-color-texticon-inverse: #ffffff;
145
146
  $ds-basic-color-texticon-inverse-disabled: #7e8894;
146
147
  $ds-basic-color-texticon-inverse-muted: #ccd2db;
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
+ Generated on Mon, 14 Apr 2025 18:42:59 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -69,8 +69,8 @@ $auroTokens: (
69
69
  'ds-advanced-color-boolean-isfalse-border': (#adadad),
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)),
73
- 'ds-advanced-color-boolean-isfalse-inverse-hover': (#f2f2f2),
72
+ 'ds-advanced-color-boolean-isfalse-inverse': (rgba(255, 255, 255, 0.2)),
73
+ 'ds-advanced-color-boolean-isfalse-inverse-hover': (rgba(255, 255, 255, 0.15)),
74
74
  'ds-advanced-color-boolean-istrue': (#463c8f),
75
75
  'ds-advanced-color-boolean-istrue-hover': (#31295c),
76
76
  'ds-advanced-color-boolean-istrue-inverse': (#ffffff),
@@ -80,13 +80,15 @@ $auroTokens: (
80
80
  'ds-advanced-color-hyperlink-text-inverse': (#ffffff),
81
81
  'ds-advanced-color-hyperlink-text-inverse-hover': (#ffffff),
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': (#463c8f),
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': (#463c8f),
92
94
  'ds-advanced-color-state-focused-inverse': (#ffffff),
@@ -143,7 +145,6 @@ $auroTokens: (
143
145
  'ds-basic-color-texticon-accent1': (#463c8f),
144
146
  'ds-basic-color-texticon-default': (#000000),
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),
package/dist/hawaiian/primitives--hawaiian.scss 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
  $ha-color-alohapink-100: #fdf1f8;
6
6
  $ha-color-alohapink-200: #fad8eb;
package/dist/transparent/CSSCustomProperties--transparent.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 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "5.8.0",
3
+ "version": "5.8.2",
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/themes/alaska/advanced/{boolean.json → color/boolean.json} RENAMED
@@ -56,7 +56,7 @@
56
56
  "public": true,
57
57
  "type": "semantic",
58
58
  "usage": "Boolean indicator inverse color",
59
- "value": "{basic.color.brand.primary.value}"
59
+ "value": "{basic.color.surface.inverse.value}"
60
60
  },
61
61
  "isfalse": {
62
62
  "default": true,
@@ -104,7 +104,7 @@
104
104
  "public": true,
105
105
  "type": "semantic",
106
106
  "usage": "Boolean false inverse hover state color",
107
- "value": "{advanced.color.state.backgroundInverseHover.value}"
107
+ "value": "{advanced.color.shared.backgroundInverseHover.value}"
108
108
  },
109
109
  "istrue": {
110
110
  "default": true,
package/src/themes/alaska/advanced/{shared.json → color/shared.json} RENAMED
@@ -15,8 +15,24 @@
15
15
  "deprecated": false,
16
16
  "public": true,
17
17
  "type": "semantic",
18
- "usage": "Component background hover color",
19
- "value": "{transparency.white.5.value}"
18
+ "usage": "Component background inverse color",
19
+ "value": "{transparency.white.20.value}"
20
+ },
21
+ "backgroundInverseDisabled": {
22
+ "default": true,
23
+ "deprecated": false,
24
+ "public": true,
25
+ "type": "semantic",
26
+ "usage": "Component background inverse disabled color",
27
+ "value": "{transparency.white.10.value}"
28
+ },
29
+ "backgroundInverseHover": {
30
+ "default": true,
31
+ "deprecated": false,
32
+ "public": true,
33
+ "type": "semantic",
34
+ "usage": "Component background inverse hover color",
35
+ "value": "{transparency.white.15.value}"
20
36
  },
21
37
  "backgroundMuted": {
22
38
  "default": true,
package/src/themes/{hawaiian/advanced → alaska/advanced/color}/state.json RENAMED
@@ -18,13 +18,13 @@
18
18
  "usage": "",
19
19
  "value": "{color.gray.100.value}"
20
20
  },
21
- "backgroundInverseHover": {
21
+ "backgroundInverseDisabled": {
22
22
  "default": true,
23
23
  "deprecated": false,
24
24
  "public": true,
25
25
  "type": "semantic",
26
26
  "usage": "",
27
- "value": "{transparency.white.15.value}"
27
+ "value": "{color.neutral.600.value}"
28
28
  },
29
29
  "errorInverse": {
30
30
  "default": true,
package/src/themes/alaska/basic/color/text-icon.json CHANGED
@@ -15,7 +15,7 @@
15
15
  "deprecated": false,
16
16
  "public": true,
17
17
  "type": "semantic",
18
- "usage": "Default text color",
18
+ "usage": "Default text color",
19
19
  "value": "{color.gray.1000.value}"
20
20
  },
21
21
  "disabled": {
@@ -26,14 +26,6 @@
26
26
  "usage": "Disabled text/icon color",
27
27
  "value": "{color.gray.250.value}"
28
28
  },
29
- "disabledInverse": {
30
- "default": true,
31
- "deprecated": false,
32
- "public": true,
33
- "type": "semantic",
34
- "usage": "Disabled inverse text/icon color",
35
- "value": "{color.neutral.600.value}"
36
- },
37
29
  "inverse": {
38
30
  "default": true,
39
31
  "deprecated": false,
package/src/themes/alaska-classic/advanced/{boolean.json → color/boolean.json} RENAMED
@@ -56,7 +56,7 @@
56
56
  "public": true,
57
57
  "type": "semantic",
58
58
  "usage": "Boolean indicator inverse color",
59
- "value": "{basic.color.brand.primary.value}"
59
+ "value": "{basic.color.surface.inverse.value}"
60
60
  },
61
61
  "isfalse": {
62
62
  "default": true,
@@ -104,7 +104,7 @@
104
104
  "public": true,
105
105
  "type": "semantic",
106
106
  "usage": "Boolean false inverse hover state color",
107
- "value": "{advanced.color.state.backgroundInverseHover.value}"
107
+ "value": "{advanced.color.shared.backgroundInverseHover.value}"
108
108
  },
109
109
  "istrue": {
110
110
  "default": true,
package/src/themes/{hawaiian/advanced → alaska-classic/advanced/color}/shared.json RENAMED
@@ -15,8 +15,24 @@
15
15
  "deprecated": false,
16
16
  "public": true,
17
17
  "type": "semantic",
18
- "usage": "Component background hover color",
19
- "value": "{transparency.white.5.value}"
18
+ "usage": "Component background inverse color",
19
+ "value": "{transparency.white.20.value}"
20
+ },
21
+ "backgroundInverseDisabled": {
22
+ "default": true,
23
+ "deprecated": false,
24
+ "public": true,
25
+ "type": "semantic",
26
+ "usage": "Component background inverse disabled color",
27
+ "value": "{transparency.white.10.value}"
28
+ },
29
+ "backgroundInverseHover": {
30
+ "default": true,
31
+ "deprecated": false,
32
+ "public": true,
33
+ "type": "semantic",
34
+ "usage": "Component background inverse hover color",
35
+ "value": "{transparency.white.15.value}"
20
36
  },
21
37
  "backgroundMuted": {
22
38
  "default": true,
package/src/themes/alaska-classic/advanced/{state.json → color/state.json} RENAMED
@@ -18,13 +18,13 @@
18
18
  "usage": "",
19
19
  "value": "{color.gray.100.value}"
20
20
  },
21
- "backgroundInverseHover": {
21
+ "backgroundInverseDisabled": {
22
22
  "default": true,
23
23
  "deprecated": false,
24
24
  "public": true,
25
25
  "type": "semantic",
26
26
  "usage": "",
27
- "value": "{transparency.white.15.value}"
27
+ "value": "{color.neutral.600.value}"
28
28
  },
29
29
  "errorInverse": {
30
30
  "default": true,
package/src/themes/alaska-classic/basic/color/text-icon.json CHANGED
@@ -26,14 +26,6 @@
26
26
  "usage": "Disabled text/icon color",
27
27
  "value": "{color.gray.250.value}"
28
28
  },
29
- "disabledInverse": {
30
- "default": true,
31
- "deprecated": false,
32
- "public": true,
33
- "type": "semantic",
34
- "usage": "Disabled inverse text/icon color",
35
- "value": "{color.neutral.600.value}"
36
- },
37
29
  "inverse": {
38
30
  "default": true,
39
31
  "deprecated": false,
package/src/themes/hawaiian/advanced/{boolean.json → color/boolean.json} RENAMED
@@ -56,7 +56,7 @@
56
56
  "public": true,
57
57
  "type": "semantic",
58
58
  "usage": "Boolean indicator inverse color",
59
- "value": "{basic.color.brand.primary.value}"
59
+ "value": "{basic.color.surface.inverse.value}"
60
60
  },
61
61
  "isfalse": {
62
62
  "default": true,
@@ -104,7 +104,7 @@
104
104
  "public": true,
105
105
  "type": "semantic",
106
106
  "usage": "Boolean false inverse hover state color",
107
- "value": "{advanced.color.state.backgroundHover.value}"
107
+ "value": "{advanced.color.shared.backgroundInverseHover.value}"
108
108
  },
109
109
  "istrue": {
110
110
  "default": true,
package/src/themes/{alaska-classic/advanced → hawaiian/advanced/color}/shared.json RENAMED
@@ -15,8 +15,24 @@
15
15
  "deprecated": false,
16
16
  "public": true,
17
17
  "type": "semantic",
18
- "usage": "Component background hover color",
19
- "value": "{transparency.white.5.value}"
18
+ "usage": "Component background inverse color",
19
+ "value": "{transparency.white.20.value}"
20
+ },
21
+ "backgroundInverseDisabled": {
22
+ "default": true,
23
+ "deprecated": false,
24
+ "public": true,
25
+ "type": "semantic",
26
+ "usage": "Component background inverse disabled color",
27
+ "value": "{transparency.white.10.value}"
28
+ },
29
+ "backgroundInverseHover": {
30
+ "default": true,
31
+ "deprecated": false,
32
+ "public": true,
33
+ "type": "semantic",
34
+ "usage": "Component background inverse hover color",
35
+ "value": "{transparency.white.15.value}"
20
36
  },
21
37
  "backgroundMuted": {
22
38
  "default": true,
package/src/themes/{alaska/advanced → hawaiian/advanced/color}/state.json RENAMED
@@ -18,13 +18,13 @@
18
18
  "usage": "",
19
19
  "value": "{color.gray.100.value}"
20
20
  },
21
- "backgroundInverseHover": {
21
+ "backgroundInverseDisabled": {
22
22
  "default": true,
23
23
  "deprecated": false,
24
24
  "public": true,
25
25
  "type": "semantic",
26
26
  "usage": "",
27
- "value": "{transparency.white.15.value}"
27
+ "value": "{color.neutral.600.value}"
28
28
  },
29
29
  "errorInverse": {
30
30
  "default": true,
package/src/themes/hawaiian/basic/color/text-icon.json CHANGED
@@ -26,14 +26,6 @@
26
26
  "usage": "Disabled text/icon color",
27
27
  "value": "{color.gray.250.value}"
28
28
  },
29
- "disabledInverse": {
30
- "default": true,
31
- "deprecated": false,
32
- "public": true,
33
- "type": "semantic",
34
- "usage": "Disabled inverse text/icon color",
35
- "value": "{color.neutral.600.value}"
36
- },
37
29
  "inverse": {
38
30
  "default": true,
39
31
  "deprecated": false,