@aurodesignsystem/design-tokens 5.2.0 → 5.3.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 (36) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +49 -25
  3. package/dist/CSSCustomProperties--bundled.css +211 -70
  4. package/dist/alaska/CSSCustomProperties--alaska.css +48 -1
  5. package/dist/alaska/JSObject--allTokens.js +1426 -1
  6. package/dist/alaska/SCSSVariables--alaska.scss +48 -1
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +48 -1
  8. package/dist/alaska/primitives--alaska.scss +1 -1
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +48 -1
  10. package/dist/alaska-classic/JSObject--allTokens.js +1426 -1
  11. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +48 -1
  12. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +48 -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 +48 -1
  26. package/dist/hawaiian/JSObject--allTokens.js +1426 -1
  27. package/dist/hawaiian/SCSSVariables--hawaiian.scss +48 -1
  28. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +48 -1
  29. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  30. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  31. package/package.json +3 -2
  32. package/src/config/constants.js +14 -0
  33. package/src/config/themes.js +21 -0
  34. package/src/themes/alaska/component.json +392 -0
  35. package/src/themes/alaska-classic/component.json +392 -0
  36. package/src/themes/hawaiian/component.json +392 -0
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 Tue, 11 Mar 2025 19:16:46 GMT
4
4
 
5
5
  $ds-color-border-bold: #585e67;
6
6
  $ds-color-border-brand: #01426a;
@@ -55,6 +55,53 @@ $ds-color-texticon-disabled: #d0d0d0;
55
55
  $ds-color-texticon-inverse: #ffffff;
56
56
  $ds-color-texticon-inverse-disabled: #d0d0d0;
57
57
  $ds-color-texticon-muted: #676767;
58
+ $ds-component-selected-hover: #00274a;
59
+ $ds-component-focused: #01426a;
60
+ $ds-component-inverse-focused: #ffffff;
61
+ $ds-component-background: #ffffff;
62
+ $ds-component-background-hover: #f2f2f2;
63
+ $ds-component-background-disabled: #dddddd;
64
+ $ds-component-background-muted: #f7f7f7;
65
+ $ds-component-background-strong: #7e7e7e;
66
+ $ds-component-button-primary-text: #ffffff;
67
+ $ds-component-button-primary-border: #01426a;
68
+ $ds-component-button-primary-border-hover: #00274a;
69
+ $ds-component-button-primary-background: #01426a;
70
+ $ds-component-button-primary-background-hover: #00274a;
71
+ $ds-component-button-primary-background-active: #00274a;
72
+ $ds-component-button-primary-text-inverse: #01426a;
73
+ $ds-component-button-primary-border-inverse: #ffffff;
74
+ $ds-component-button-primary-background-inverse: #ffffff;
75
+ $ds-component-button-primary-border-inverse-hover: #ebf3f9;
76
+ $ds-component-button-primary-background-inverse-hover: #ebf3f9;
77
+ $ds-component-button-secondary-text: #01426a;
78
+ $ds-component-button-secondary-text-hover: #00274a;
79
+ $ds-component-button-secondary-border: #01426a;
80
+ $ds-component-button-secondary-border-hover: #00274a;
81
+ $ds-component-button-secondary-background: #ffffffcc;
82
+ $ds-component-button-secondary-background-hover: #ffffff80;
83
+ $ds-component-button-secondary-text-inverse: #ffffff;
84
+ $ds-component-button-secondary-border-inverse: #ffffff;
85
+ $ds-component-button-secondary-background-inverse-hover: #ffffffcc;
86
+ $ds-component-button-tertiary-text: #01426a;
87
+ $ds-component-button-tertiary-text-hover: #00274a;
88
+ $ds-component-button-tertiary-background: #0000000d;
89
+ $ds-component-button-tertiary-background-hover: #0000001a;
90
+ $ds-component-button-tertiary-border: #0000000d;
91
+ $ds-component-button-tertiary-border-hover: #0000001a;
92
+ $ds-component-button-tertiary-text-inverse: #ffffff;
93
+ $ds-component-button-tertiary-background-inverse: #ffffff0d;
94
+ $ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
95
+ $ds-component-button-tertiary-border-inverse: #ffffff0d;
96
+ $ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
97
+ $ds-component-boolean-indicator: #ffffff;
98
+ $ds-component-boolean-is-false: #ffffff;
99
+ $ds-component-boolean-is-false-hover: #f2f2f2;
100
+ $ds-component-boolean-is-false-border: #585e67;
101
+ $ds-component-boolean-is-true: #01426a;
102
+ $ds-component-boolean-is-true-hover: #00274a;
103
+ $ds-component-boolean-error: #e53339;
104
+ $ds-component-boolean-error-hover: #b1161c;
58
105
  $ds-font-weight-body-default: Book;
59
106
  $ds-font-weight-body-large: Book;
60
107
  $ds-font-weight-body-small: Book;
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 Tue, 11 Mar 2025 19:16:46 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -58,6 +58,53 @@ $auroTokens: (
58
58
  'ds-color-texticon-inverse': (#ffffff),
59
59
  'ds-color-texticon-inverse-disabled': (#d0d0d0),
60
60
  'ds-color-texticon-muted': (#676767),
61
+ 'ds-component-selected-hover': (#00274a),
62
+ 'ds-component-focused': (#01426a),
63
+ 'ds-component-inverse-focused': (#ffffff),
64
+ 'ds-component-background': (#ffffff),
65
+ 'ds-component-background-hover': (#f2f2f2),
66
+ 'ds-component-background-disabled': (#dddddd),
67
+ 'ds-component-background-muted': (#f7f7f7),
68
+ 'ds-component-background-strong': (#7e7e7e),
69
+ 'ds-component-button-primary-text': (#ffffff),
70
+ 'ds-component-button-primary-border': (#01426a),
71
+ 'ds-component-button-primary-border-hover': (#00274a),
72
+ 'ds-component-button-primary-background': (#01426a),
73
+ 'ds-component-button-primary-background-hover': (#00274a),
74
+ 'ds-component-button-primary-background-active': (#00274a),
75
+ 'ds-component-button-primary-text-inverse': (#01426a),
76
+ 'ds-component-button-primary-border-inverse': (#ffffff),
77
+ 'ds-component-button-primary-background-inverse': (#ffffff),
78
+ 'ds-component-button-primary-border-inverse-hover': (#ebf3f9),
79
+ 'ds-component-button-primary-background-inverse-hover': (#ebf3f9),
80
+ 'ds-component-button-secondary-text': (#01426a),
81
+ 'ds-component-button-secondary-text-hover': (#00274a),
82
+ 'ds-component-button-secondary-border': (#01426a),
83
+ 'ds-component-button-secondary-border-hover': (#00274a),
84
+ 'ds-component-button-secondary-background': (#ffffffcc),
85
+ 'ds-component-button-secondary-background-hover': (#ffffff80),
86
+ 'ds-component-button-secondary-text-inverse': (#ffffff),
87
+ 'ds-component-button-secondary-border-inverse': (#ffffff),
88
+ 'ds-component-button-secondary-background-inverse-hover': (#ffffffcc),
89
+ 'ds-component-button-tertiary-text': (#01426a),
90
+ 'ds-component-button-tertiary-text-hover': (#00274a),
91
+ 'ds-component-button-tertiary-background': (#0000000d),
92
+ 'ds-component-button-tertiary-background-hover': (#0000001a),
93
+ 'ds-component-button-tertiary-border': (#0000000d),
94
+ 'ds-component-button-tertiary-border-hover': (#0000001a),
95
+ 'ds-component-button-tertiary-text-inverse': (#ffffff),
96
+ 'ds-component-button-tertiary-background-inverse': (#ffffff0d),
97
+ 'ds-component-button-tertiary-background-inverse-hover': (#ffffff1a),
98
+ 'ds-component-button-tertiary-border-inverse': (#ffffff0d),
99
+ 'ds-component-button-tertiary-border-inverse-hover': (#ffffff1a),
100
+ 'ds-component-boolean-indicator': (#ffffff),
101
+ 'ds-component-boolean-is-false': (#ffffff),
102
+ 'ds-component-boolean-is-false-hover': (#f2f2f2),
103
+ 'ds-component-boolean-is-false-border': (#585e67),
104
+ 'ds-component-boolean-is-true': (#01426a),
105
+ 'ds-component-boolean-is-true-hover': (#00274a),
106
+ 'ds-component-boolean-error': (#e53339),
107
+ 'ds-component-boolean-error-hover': (#b1161c),
61
108
  'ds-font-weight-body-default': (Book),
62
109
  'ds-font-weight-body-large': (Book),
63
110
  'ds-font-weight-body-small': (Book),
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 Tue, 11 Mar 2025 19:16:46 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 Tue, 11 Mar 2025 19:16:46 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -57,6 +57,53 @@
57
57
  --ds-color-texticon-inverse: #ffffff;
58
58
  --ds-color-texticon-inverse-disabled: #d0d0d0;
59
59
  --ds-color-texticon-muted: #676767;
60
+ --ds-component-selected-hover: #003761;
61
+ --ds-component-focused: #0074ca;
62
+ --ds-component-inverse-focused: #5de3f7;
63
+ --ds-component-background: #ffffff;
64
+ --ds-component-background-hover: #f2f2f2;
65
+ --ds-component-background-disabled: #dddddd;
66
+ --ds-component-background-muted: #f7f7f7;
67
+ --ds-component-background-strong: #7e7e7e;
68
+ --ds-component-button-primary-text: #ffffff;
69
+ --ds-component-button-primary-border: #0074ca;
70
+ --ds-component-button-primary-border-hover: #003761;
71
+ --ds-component-button-primary-background: #0074ca;
72
+ --ds-component-button-primary-background-hover: #003761;
73
+ --ds-component-button-primary-background-active: #003761;
74
+ --ds-component-button-primary-text-inverse: #2a2a2a;
75
+ --ds-component-button-primary-border-inverse: #5de3f7;
76
+ --ds-component-button-primary-background-inverse: #5de3f7;
77
+ --ds-component-button-primary-border-inverse-hover: #b4eff9;
78
+ --ds-component-button-primary-background-inverse-hover: #b4eff9;
79
+ --ds-component-button-secondary-text: #0074ca;
80
+ --ds-component-button-secondary-text-hover: #01426a;
81
+ --ds-component-button-secondary-border: #0074ca;
82
+ --ds-component-button-secondary-border-hover: #003761;
83
+ --ds-component-button-secondary-background: #ffffff;
84
+ --ds-component-button-secondary-background-hover: #f2f2f2;
85
+ --ds-component-button-secondary-text-inverse: #5de3f7;
86
+ --ds-component-button-secondary-border-inverse: #5de3f7;
87
+ --ds-component-button-secondary-background-inverse-hover: #ebfafd;
88
+ --ds-component-button-tertiary-text: #0074ca;
89
+ --ds-component-button-tertiary-text-hover: #003761;
90
+ --ds-component-button-tertiary-background: #0000000d;
91
+ --ds-component-button-tertiary-background-hover: #0000001a;
92
+ --ds-component-button-tertiary-border: #0000000d;
93
+ --ds-component-button-tertiary-border-hover: #0000001a;
94
+ --ds-component-button-tertiary-text-inverse: #5de3f7;
95
+ --ds-component-button-tertiary-background-inverse: #ffffff0d;
96
+ --ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
97
+ --ds-component-button-tertiary-border-inverse: #ffffff0d;
98
+ --ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
99
+ --ds-component-boolean-indicator: #ffffff;
100
+ --ds-component-boolean-is-false: #ffffff;
101
+ --ds-component-boolean-is-false-hover: #f2f2f2;
102
+ --ds-component-boolean-is-false-border: #585e67;
103
+ --ds-component-boolean-is-true: #0074ca;
104
+ --ds-component-boolean-is-true-hover: #003761;
105
+ --ds-component-boolean-error: #e53339;
106
+ --ds-component-boolean-error-hover: #b1161c;
60
107
  --ds-font-weight-body-default: Book;
61
108
  --ds-font-weight-body-large: Book;
62
109
  --ds-font-weight-body-small: Book;