@aurodesignsystem/design-tokens 5.2.1 → 5.3.1

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 (37) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +44 -266
  3. package/dist/CSSCustomProperties--bundled.css +142 -1
  4. package/dist/alaska/CSSCustomProperties--alaska.css +48 -1
  5. package/dist/alaska/JSONVariablesNested--alaska.json +154 -0
  6. package/dist/alaska/JSObject--allTokens.js +1426 -1
  7. package/dist/alaska/SCSSVariables--alaska.scss +48 -1
  8. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +48 -1
  9. package/dist/alaska/primitives--alaska.scss +1 -1
  10. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +48 -1
  11. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +154 -0
  12. package/dist/alaska-classic/JSObject--allTokens.js +1426 -1
  13. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +48 -1
  14. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +48 -1
  15. package/dist/alaska-classic/primitives--alaskaClassic.scss +1 -1
  16. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  17. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  18. package/dist/auro-classic/JSData--color.js +1 -1
  19. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  20. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  21. package/dist/auro-classic/JSVariables--color.js +1 -1
  22. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  23. package/dist/auro-classic/SCSSVariables.scss +1 -1
  24. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  25. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  26. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  27. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +48 -1
  28. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +154 -0
  29. package/dist/hawaiian/JSObject--allTokens.js +1426 -1
  30. package/dist/hawaiian/SCSSVariables--hawaiian.scss +48 -1
  31. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +48 -1
  32. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  33. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  34. package/package.json +3 -2
  35. package/src/themes/alaska/component.json +392 -0
  36. package/src/themes/alaska-classic/component.json +392 -0
  37. package/src/themes/hawaiian/component.json +392 -0
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 21:22:14 GMT
3
+ // Generated on Fri, 14 Mar 2025 18:27:56 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: #003761;
59
+ $ds-component-focused: #0074ca;
60
+ $ds-component-inverse-focused: #5de3f7;
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: #0074ca;
68
+ $ds-component-button-primary-border-hover: #003761;
69
+ $ds-component-button-primary-background: #0074ca;
70
+ $ds-component-button-primary-background-hover: #003761;
71
+ $ds-component-button-primary-background-active: #003761;
72
+ $ds-component-button-primary-text-inverse: #2a2a2a;
73
+ $ds-component-button-primary-border-inverse: #5de3f7;
74
+ $ds-component-button-primary-background-inverse: #5de3f7;
75
+ $ds-component-button-primary-border-inverse-hover: #b4eff9;
76
+ $ds-component-button-primary-background-inverse-hover: #b4eff9;
77
+ $ds-component-button-secondary-text: #0074ca;
78
+ $ds-component-button-secondary-text-hover: #01426a;
79
+ $ds-component-button-secondary-border: #0074ca;
80
+ $ds-component-button-secondary-border-hover: #003761;
81
+ $ds-component-button-secondary-background: #ffffff;
82
+ $ds-component-button-secondary-background-hover: #f2f2f2;
83
+ $ds-component-button-secondary-text-inverse: #5de3f7;
84
+ $ds-component-button-secondary-border-inverse: #5de3f7;
85
+ $ds-component-button-secondary-background-inverse-hover: #ebfafd;
86
+ $ds-component-button-tertiary-text: #0074ca;
87
+ $ds-component-button-tertiary-text-hover: #003761;
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: #5de3f7;
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: #0074ca;
102
+ $ds-component-boolean-is-true-hover: #003761;
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;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 06 Mar 2025 21:22:14 GMT
4
+ Generated on Fri, 14 Mar 2025 18:27:56 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': (#003761),
62
+ 'ds-component-focused': (#0074ca),
63
+ 'ds-component-inverse-focused': (#5de3f7),
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': (#0074ca),
71
+ 'ds-component-button-primary-border-hover': (#003761),
72
+ 'ds-component-button-primary-background': (#0074ca),
73
+ 'ds-component-button-primary-background-hover': (#003761),
74
+ 'ds-component-button-primary-background-active': (#003761),
75
+ 'ds-component-button-primary-text-inverse': (#2a2a2a),
76
+ 'ds-component-button-primary-border-inverse': (#5de3f7),
77
+ 'ds-component-button-primary-background-inverse': (#5de3f7),
78
+ 'ds-component-button-primary-border-inverse-hover': (#b4eff9),
79
+ 'ds-component-button-primary-background-inverse-hover': (#b4eff9),
80
+ 'ds-component-button-secondary-text': (#0074ca),
81
+ 'ds-component-button-secondary-text-hover': (#01426a),
82
+ 'ds-component-button-secondary-border': (#0074ca),
83
+ 'ds-component-button-secondary-border-hover': (#003761),
84
+ 'ds-component-button-secondary-background': (#ffffff),
85
+ 'ds-component-button-secondary-background-hover': (#f2f2f2),
86
+ 'ds-component-button-secondary-text-inverse': (#5de3f7),
87
+ 'ds-component-button-secondary-border-inverse': (#5de3f7),
88
+ 'ds-component-button-secondary-background-inverse-hover': (#ebfafd),
89
+ 'ds-component-button-tertiary-text': (#0074ca),
90
+ 'ds-component-button-tertiary-text-hover': (#003761),
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': (#5de3f7),
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': (#0074ca),
105
+ 'ds-component-boolean-is-true-hover': (#003761),
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),
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 06 Mar 2025 21:22:14 GMT
3
+ // Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:14 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:14 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:14 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
4
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
3
+ // Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
4
+ Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:13 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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 21:22:14 GMT
3
+ * Generated on Fri, 14 Mar 2025 18:27:56 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: #3d3d3d;
60
+ --ds-component-selected-hover: #31295c;
61
+ --ds-component-focused: #463c8f;
62
+ --ds-component-inverse-focused: #ffffff;
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: #ce0c88;
70
+ --ds-component-button-primary-border-hover: #831a57;
71
+ --ds-component-button-primary-background: #ce0c88;
72
+ --ds-component-button-primary-background-hover: #831a57;
73
+ --ds-component-button-primary-background-active: #831a57;
74
+ --ds-component-button-primary-text-inverse: #ce0c88;
75
+ --ds-component-button-primary-border-inverse: #ffffff;
76
+ --ds-component-button-primary-background-inverse: #ffffff;
77
+ --ds-component-button-primary-border-inverse-hover: #fdf1f8;
78
+ --ds-component-button-primary-background-inverse-hover: #fdf1f8;
79
+ --ds-component-button-secondary-text: #ce0c88;
80
+ --ds-component-button-secondary-text-hover: #463c8f;
81
+ --ds-component-button-secondary-border: #d0d0d0;
82
+ --ds-component-button-secondary-border-hover: #d0d0d0;
83
+ --ds-component-button-secondary-background: #ffffff;
84
+ --ds-component-button-secondary-background-hover: #f2f2f2;
85
+ --ds-component-button-secondary-text-inverse: #ffffff;
86
+ --ds-component-button-secondary-border-inverse: #ffffff;
87
+ --ds-component-button-secondary-background-inverse-hover: #0000000d;
88
+ --ds-component-button-tertiary-text: #ce0c88;
89
+ --ds-component-button-tertiary-text-hover: #831a57;
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: #ffffff;
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: #adadad;
103
+ --ds-component-boolean-is-true: #ce0c88;
104
+ --ds-component-boolean-is-true-hover: #831a57;
105
+ --ds-component-boolean-error: #e53339;
106
+ --ds-component-boolean-error-hover: #b1161c;
60
107
  --ds-font-weight-display: Semibold;
61
108
  --ds-font-weight-body-default: Regular;
62
109
  --ds-font-weight-body-large: Regular;
@@ -0,0 +1,154 @@
1
+ {
2
+ "color": {
3
+ "border": {
4
+ "bold": "#adadad",
5
+ "brand": "#d0d0d0",
6
+ "default": "#d0d0d0",
7
+ "divider": "#00000026",
8
+ "dividerInverse": "#ffffff66",
9
+ "inverse": "#ffffff",
10
+ "subtle": "#dddddd"
11
+ },
12
+ "brand": {
13
+ "primary": "#ce0c88",
14
+ "primaryBold": "#831a57",
15
+ "primaryMuted": "#fdf1f8",
16
+ "primarySubtle": "#f0a5d2",
17
+ "secondary": "#463c8f",
18
+ "secondaryBold": "#31295c",
19
+ "secondaryMuted": "#edeaf4",
20
+ "secondarySubtle": "#6b5da4",
21
+ "tertiary": "#ee453d",
22
+ "tertiaryBold": "#97322a",
23
+ "tertiaryMuted": "#ffeeea",
24
+ "tertiarySubtle": "#ff9080"
25
+ },
26
+ "farebrand": {
27
+ "basiceconomy": "#d0d0d0",
28
+ "businessFirst": "#463c8f",
29
+ "economy": "#ce0c88",
30
+ "premiumeconomy": "#00a5ba",
31
+ "oneworld": {
32
+ "emerald": "#139142",
33
+ "sapphire": "#015daa",
34
+ "ruby": "#a41d4a"
35
+ }
36
+ },
37
+ "pagebackground": {
38
+ "default": "#ffffff",
39
+ "utility": "#f2f2f2"
40
+ },
41
+ "status": {
42
+ "default": "#463c8f",
43
+ "error": "#e53339",
44
+ "errorSubtle": "#fddede",
45
+ "info": "#007db1",
46
+ "infoSubtle": "#e8f2f8",
47
+ "success": "#529325",
48
+ "successSubtle": "#e4f1da",
49
+ "warning": "#fac200",
50
+ "warningSubtle": "#fff6d1"
51
+ },
52
+ "surface": {
53
+ "accent1": "#dddddd",
54
+ "accent1Muted": "#f7f7f7",
55
+ "accent1Subtle": "#f2f2f2",
56
+ "accent2": "#dddddd",
57
+ "accent2Muted": "#f7f7f7",
58
+ "default": "#ffffff",
59
+ "inverse": "#463c8f",
60
+ "inverseSubtle": "#6b5da4",
61
+ "neutralMedium": "#dddddd",
62
+ "neutralSubtle": "#f7f7f7"
63
+ },
64
+ "texticon": {
65
+ "accent1": "#000000",
66
+ "default": "#000000",
67
+ "disabled": "#d0d0d0",
68
+ "inverse": "#ffffff",
69
+ "inverseDisabled": "#d0d0d0",
70
+ "muted": "#3d3d3d"
71
+ }
72
+ },
73
+ "component": {
74
+ "selected": {
75
+ "hover": "#31295c"
76
+ },
77
+ "focused": "#463c8f",
78
+ "inverseFocused": "#ffffff",
79
+ "background": "#ffffff",
80
+ "backgroundHover": "#f2f2f2",
81
+ "backgroundDisabled": "#dddddd",
82
+ "backgroundMuted": "#f7f7f7",
83
+ "backgroundStrong": "#7e7e7e",
84
+ "button": {
85
+ "primary": {
86
+ "text": "#ffffff",
87
+ "border": "#ce0c88",
88
+ "borderHover": "#831a57",
89
+ "background": "#ce0c88",
90
+ "backgroundHover": "#831a57",
91
+ "backgroundActive": "#831a57",
92
+ "textInverse": "#ce0c88",
93
+ "borderInverse": "#ffffff",
94
+ "backgroundInverse": "#ffffff",
95
+ "borderInverseHover": "#fdf1f8",
96
+ "backgroundInverseHover": "#fdf1f8"
97
+ },
98
+ "secondary": {
99
+ "text": "#ce0c88",
100
+ "textHover": "#463c8f",
101
+ "border": "#d0d0d0",
102
+ "borderHover": "#d0d0d0",
103
+ "background": "#ffffff",
104
+ "backgroundHover": "#f2f2f2",
105
+ "textInverse": "#ffffff",
106
+ "borderInverse": "#ffffff",
107
+ "backgroundInverseHover": "#0000000d"
108
+ },
109
+ "tertiary": {
110
+ "text": "#ce0c88",
111
+ "textHover": "#831a57",
112
+ "background": "#0000000d",
113
+ "backgroundHover": "#0000001a",
114
+ "border": "#0000000d",
115
+ "borderHover": "#0000001a",
116
+ "textInverse": "#ffffff",
117
+ "backgroundInverse": "#ffffff0d",
118
+ "backgroundInverseHover": "#ffffff1a",
119
+ "borderInverse": "#ffffff0d",
120
+ "borderInverseHover": "#ffffff1a"
121
+ }
122
+ },
123
+ "boolean": {
124
+ "indicator": "#ffffff",
125
+ "isFalse": "#ffffff",
126
+ "isFalseHover": "#f2f2f2",
127
+ "isFalseBorder": "#adadad",
128
+ "isTrue": "#ce0c88",
129
+ "isTrueHover": "#831a57",
130
+ "error": "#e53339",
131
+ "errorHover": "#b1161c"
132
+ }
133
+ },
134
+ "font": {
135
+ "weight": {
136
+ "display": "Semibold",
137
+ "body": {
138
+ "default": "Regular",
139
+ "large": "Regular",
140
+ "small": "Regular",
141
+ "xsmall": "Regular",
142
+ "xxsmall": "Regular"
143
+ },
144
+ "heading": {
145
+ "heading1": "Regular",
146
+ "heading2": "Regular",
147
+ "heading3": "Medium",
148
+ "heading4": "Medium",
149
+ "heading5": "Medium",
150
+ "heading6": "Medium"
151
+ }
152
+ }
153
+ }
154
+ }