@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: #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;
@@ -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': (#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),
@@ -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: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: #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;
@@ -0,0 +1,154 @@
1
+ {
2
+ "color": {
3
+ "border": {
4
+ "bold": "#585e67",
5
+ "brand": "#01426a",
6
+ "default": "#959595",
7
+ "divider": "#00000026",
8
+ "dividerInverse": "#ffffff66",
9
+ "inverse": "#ffffff",
10
+ "subtle": "#dddddd"
11
+ },
12
+ "brand": {
13
+ "primary": "#0074ca",
14
+ "primaryBold": "#003761",
15
+ "primaryMuted": "#ebf7ff",
16
+ "primarySubtle": "#289bee",
17
+ "secondary": "#01426a",
18
+ "secondaryBold": "#00274a",
19
+ "secondaryMuted": "#ebf3f9",
20
+ "secondarySubtle": "#2875b5",
21
+ "tertiary": "#5de3f7",
22
+ "tertiaryBold": "#18c3dd",
23
+ "tertiaryMuted": "#ebfafd",
24
+ "tertiarySubtle": "#b4eff9"
25
+ },
26
+ "farebrand": {
27
+ "basiceconomy": "#97eaf8",
28
+ "businessFirst": "#00274a",
29
+ "economy": "#0074ca",
30
+ "premiumeconomy": "#005154",
31
+ "oneworld": {
32
+ "emerald": "#139142",
33
+ "sapphire": "#015daa",
34
+ "ruby": "#a41d4a"
35
+ }
36
+ },
37
+ "pagebackground": {
38
+ "default": "#ffffff",
39
+ "utility": "#f7f8fa"
40
+ },
41
+ "status": {
42
+ "default": "#afb9c6",
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": "#0074ca",
54
+ "accent1Muted": "#ebf7ff",
55
+ "accent1Subtle": "#289bee",
56
+ "accent2": "#959595",
57
+ "accent2Muted": "#c5c5c5",
58
+ "default": "#ffffff",
59
+ "inverse": "#01426a",
60
+ "inverseSubtle": "#2875b5",
61
+ "neutralMedium": "#c5c5c5",
62
+ "neutralSubtle": "#f2f2f2"
63
+ },
64
+ "texticon": {
65
+ "accent1": "#01426a",
66
+ "default": "#2a2a2a",
67
+ "disabled": "#d0d0d0",
68
+ "inverse": "#ffffff",
69
+ "inverseDisabled": "#d0d0d0",
70
+ "muted": "#676767"
71
+ }
72
+ },
73
+ "component": {
74
+ "selected": {
75
+ "hover": "#003761"
76
+ },
77
+ "focused": "#0074ca",
78
+ "inverseFocused": "#5de3f7",
79
+ "background": "#ffffff",
80
+ "backgroundHover": "#f2f2f2",
81
+ "backgroundDisabled": "#dddddd",
82
+ "backgroundMuted": "#f7f7f7",
83
+ "backgroundStrong": "#7e7e7e",
84
+ "button": {
85
+ "primary": {
86
+ "text": "#ffffff",
87
+ "border": "#0074ca",
88
+ "borderHover": "#003761",
89
+ "background": "#0074ca",
90
+ "backgroundHover": "#003761",
91
+ "backgroundActive": "#003761",
92
+ "textInverse": "#2a2a2a",
93
+ "borderInverse": "#5de3f7",
94
+ "backgroundInverse": "#5de3f7",
95
+ "borderInverseHover": "#b4eff9",
96
+ "backgroundInverseHover": "#b4eff9"
97
+ },
98
+ "secondary": {
99
+ "text": "#0074ca",
100
+ "textHover": "#01426a",
101
+ "border": "#0074ca",
102
+ "borderHover": "#003761",
103
+ "background": "#ffffff",
104
+ "backgroundHover": "#f2f2f2",
105
+ "textInverse": "#5de3f7",
106
+ "borderInverse": "#5de3f7",
107
+ "backgroundInverseHover": "#ebfafd"
108
+ },
109
+ "tertiary": {
110
+ "text": "#0074ca",
111
+ "textHover": "#003761",
112
+ "background": "#0000000d",
113
+ "backgroundHover": "#0000001a",
114
+ "border": "#0000000d",
115
+ "borderHover": "#0000001a",
116
+ "textInverse": "#5de3f7",
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": "#585e67",
128
+ "isTrue": "#0074ca",
129
+ "isTrueHover": "#003761",
130
+ "error": "#e53339",
131
+ "errorHover": "#b1161c"
132
+ }
133
+ },
134
+ "font": {
135
+ "weight": {
136
+ "body": {
137
+ "default": "Book",
138
+ "large": "Book",
139
+ "small": "Book",
140
+ "xsmall": "Book",
141
+ "xxsmall": "Book"
142
+ },
143
+ "display": "Light",
144
+ "heading": {
145
+ "heading1": "Book",
146
+ "heading2": "Book",
147
+ "heading3": "Medium",
148
+ "heading4": "Medium",
149
+ "heading5": "Medium",
150
+ "heading6": "Medium"
151
+ }
152
+ }
153
+ }
154
+ }