@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
@@ -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;
@@ -61,12 +61,12 @@ $ds-advanced-color-boolean-error-hover: #b1161c;
61
61
  $ds-advanced-color-boolean-error-inverse: #f9a4a8;
62
62
  $ds-advanced-color-boolean-error-inverse-hover: #f15f65;
63
63
  $ds-advanced-color-boolean-indicator: #ffffff;
64
- $ds-advanced-color-boolean-indicator-inverse: #0074ca;
64
+ $ds-advanced-color-boolean-indicator-inverse: #01426a;
65
65
  $ds-advanced-color-boolean-isfalse: #ffffff;
66
66
  $ds-advanced-color-boolean-isfalse-border: #585e67;
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);
69
+ $ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
70
70
  $ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
71
71
  $ds-advanced-color-boolean-istrue: #0074ca;
72
72
  $ds-advanced-color-boolean-istrue-hover: #003761;
@@ -77,13 +77,15 @@ $ds-advanced-color-hyperlink-text-hover: #01426a;
77
77
  $ds-advanced-color-hyperlink-text-inverse: #97eaf8;
78
78
  $ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
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: #0074ca;
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: #e31f26;
88
90
  $ds-advanced-color-state-focused: #0074ca;
89
91
  $ds-advanced-color-state-focused-inverse: #5de3f7;
@@ -140,7 +142,6 @@ $ds-basic-color-surface-neutral-subtle: #f7f7f7;
140
142
  $ds-basic-color-texticon-accent1: #01426a;
141
143
  $ds-basic-color-texticon-default: #2a2a2a;
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;
@@ -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: (
@@ -64,12 +64,12 @@ $auroTokens: (
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': (#0074ca),
67
+ 'ds-advanced-color-boolean-indicator-inverse': (#01426a),
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': (#0074ca),
75
75
  'ds-advanced-color-boolean-istrue-hover': (#003761),
@@ -80,13 +80,15 @@ $auroTokens: (
80
80
  'ds-advanced-color-hyperlink-text-inverse': (#97eaf8),
81
81
  'ds-advanced-color-hyperlink-text-inverse-hover': (#b4eff9),
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': (#0074ca),
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': (#e31f26),
91
93
  'ds-advanced-color-state-focused': (#0074ca),
92
94
  'ds-advanced-color-state-focused-inverse': (#5de3f7),
@@ -143,7 +145,6 @@ $auroTokens: (
143
145
  'ds-basic-color-texticon-accent1': (#01426a),
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),
@@ -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
  $asc-color-atlas-100: #ebf7ff;
6
6
  $asc-color-atlas-200: #aedeff;
@@ -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 {
@@ -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 {
@@ -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
  module.exports = {
@@ -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
  module.exports = {
@@ -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
  module.exports = {
@@ -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
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -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:58 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 Wed, 09 Apr 2025 18:34:54 GMT
3
+ // Generated on Mon, 14 Apr 2025 18:42:58 GMT
4
4
 
5
5
  $ds-color-alert-notification-default: #0074c8;
6
6
  $ds-color-alert-warning-default: #de750c;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Wed, 09 Apr 2025 18:34:54 GMT
4
+ Generated on Mon, 14 Apr 2025 18:42:58 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -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 {
@@ -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 {
@@ -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 {
@@ -68,8 +68,8 @@
68
68
  --ds-advanced-color-boolean-isfalse-border: #adadad;
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);
72
- --ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
71
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
72
+ --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
73
73
  --ds-advanced-color-boolean-istrue: #463c8f;
74
74
  --ds-advanced-color-boolean-istrue-hover: #31295c;
75
75
  --ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -79,13 +79,15 @@
79
79
  --ds-advanced-color-hyperlink-text-inverse: #ffffff;
80
80
  --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
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: #463c8f;
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: #463c8f;
91
93
  --ds-advanced-color-state-focused-inverse: #ffffff;
@@ -142,7 +144,6 @@
142
144
  --ds-basic-color-texticon-accent1: #463c8f;
143
145
  --ds-basic-color-texticon-default: #000000;
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;
@@ -78,8 +78,8 @@
78
78
  "isfalseBorder": "#adadad",
79
79
  "isfalseBorderInverse": "#ffffff",
80
80
  "isfalseHover": "#f2f2f2",
81
- "isfalseInverse": "rgba(255, 255, 255, 0.05)",
82
- "isfalseInverseHover": "#f2f2f2",
81
+ "isfalseInverse": "rgba(255, 255, 255, 0.2)",
82
+ "isfalseInverseHover": "rgba(255, 255, 255, 0.15)",
83
83
  "istrue": "#463c8f",
84
84
  "istrueHover": "#31295c",
85
85
  "istrueInverse": "#ffffff",
@@ -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": "#463c8f"
@@ -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": "#463c8f",
107
109
  "focusedInverse": "#ffffff",
@@ -178,7 +180,6 @@
178
180
  "accent1": "#463c8f",
179
181
  "default": "#000000",
180
182
  "disabled": "#d0d0d0",
181
- "disabledInverse": "#7e8894",
182
183
  "inverse": "#ffffff",
183
184
  "inverseDisabled": "#7e8894",
184
185
  "inverseMuted": "#ccd2db",