@aurodesignsystem/design-tokens 4.10.1 → 4.11.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 (42) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/tokens/CSSCustomProperties.css +3 -3
  3. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  4. package/dist/tokens/JSData--color.js +4 -4
  5. package/dist/tokens/JSONVariablesFlat.json +2 -2
  6. package/dist/tokens/JSONVariablesNested.json +2 -2
  7. package/dist/tokens/JSObject--allTokens.js +3 -3
  8. package/dist/tokens/JSObject--deprecated.js +2 -2
  9. package/dist/tokens/JSVariables--color.js +3 -3
  10. package/dist/tokens/SCSSVariableMap.scss +1 -1
  11. package/dist/tokens/SCSSVariables.scss +3 -3
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +3 -3
  13. package/dist/tokens/SassCustomProperties.scss +3 -3
  14. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  15. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  16. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  17. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  18. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  19. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  20. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  21. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  22. package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
  23. package/dist/tokens/transparent/CSSCustomProperties.css +615 -0
  24. package/package.json +1 -1
  25. package/src/color/base.json +1 -1
  26. package/src/themes/hawaiian/color/background.json +15 -0
  27. package/src/themes/hawaiian/color/border.json +18 -0
  28. package/src/themes/hawaiian/color/container.json +56 -0
  29. package/src/themes/hawaiian/color/icon.json +24 -0
  30. package/src/themes/hawaiian/color/text.json +44 -0
  31. package/src/themes/transparent/color/alert.json +90 -0
  32. package/src/themes/transparent/color/background.json +263 -0
  33. package/src/themes/transparent/color/base.json +1303 -0
  34. package/src/themes/transparent/color/border.json +341 -0
  35. package/src/themes/transparent/color/brand.json +1561 -0
  36. package/src/themes/transparent/color/container.json +464 -0
  37. package/src/themes/transparent/color/icon.json +602 -0
  38. package/src/themes/transparent/color/text.json +282 -0
  39. package/src/themes/transparent/color/tier.json +194 -0
  40. package/src/themes/transparent/color/ui.json +125 -0
  41. package/src/themes/transparent/color/utility.json +276 -0
  42. package/src/themes/transparent/elevation.json +22 -0
package/src/themes/hawaiian/color/border.json ADDED
@@ -0,0 +1,18 @@
1
+ {
2
+ "color": {
3
+ "border": {
4
+ "ui": {
5
+ "active": {
6
+ "default": {
7
+ "value": "#CE0C88",
8
+ "public": true,
9
+ "default": true,
10
+ "usage": "Active UI border color on light backgrounds",
11
+ "wcag": "n/a",
12
+ "deprecated": false
13
+ }
14
+ }
15
+ }
16
+ }
17
+ }
18
+ }
package/src/themes/hawaiian/color/container.json ADDED
@@ -0,0 +1,56 @@
1
+ {
2
+ "color": {
3
+ "container": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "#ffffff",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary color for containers on light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ }
13
+ },
14
+ "ui": {
15
+ "primary": {
16
+ "default": {
17
+ "default": {
18
+ "value": "#CE0C88",
19
+ "public": true,
20
+ "default": true,
21
+ "usage": "Primary active color for containers on light backgrounds",
22
+ "wcag": "n/a",
23
+ "deprecated": false
24
+ },
25
+ "inverse": {
26
+ "value": "#F358B0",
27
+ "public": true,
28
+ "inverse": true,
29
+ "usage": "Primary active color for containers on dark backgrounds",
30
+ "wcag": "n/a",
31
+ "deprecated": false
32
+ }
33
+ },
34
+ "active": {
35
+ "default": {
36
+ "value": "#CE0C88",
37
+ "public": true,
38
+ "default": true,
39
+ "usage": "Primary active color for containers on light backgrounds",
40
+ "wcag": "n/a",
41
+ "deprecated": false
42
+ },
43
+ "inverse": {
44
+ "value": "#F358B0",
45
+ "public": true,
46
+ "inverse": true,
47
+ "usage": "Primary active color for containers on dark backgrounds",
48
+ "wcag": "n/a",
49
+ "deprecated": false
50
+ }
51
+ }
52
+ }
53
+ }
54
+ }
55
+ }
56
+ }
package/src/themes/hawaiian/color/icon.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "color": {
3
+ "icon": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "#463C8F",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary color for icons on light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ },
13
+ "inverse": {
14
+ "value": "#9B9DCA",
15
+ "public": true,
16
+ "inverse": true,
17
+ "usage": "Primary color for icons on dark backgrounds",
18
+ "wcag": "n/a",
19
+ "deprecated": false
20
+ }
21
+ }
22
+ }
23
+ }
24
+ }
package/src/themes/hawaiian/color/text.json ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "color": {
3
+ "text": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "#000000",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary color for body and header text light mode and light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ },
13
+ "inverse": {
14
+ "value": "rgba(255, 255, 255, 0.87)",
15
+ "public": true,
16
+ "inverse": true,
17
+ "usage": "Primary color for body and header text for dark mode and dark backgrounds",
18
+ "wcag": "AAA",
19
+ "deprecated": false
20
+ }
21
+ },
22
+ "ui": {
23
+ "default": {
24
+ "default": {
25
+ "value": "#CE0C88",
26
+ "public": true,
27
+ "default": true,
28
+ "usage": "Default UI text color on light backgrounds",
29
+ "wcag": "n/a",
30
+ "deprecated": false
31
+ },
32
+ "inverse": {
33
+ "value": "#F358B0",
34
+ "public": true,
35
+ "inverse": true,
36
+ "usage": "Default UI text color on dark backgrounds",
37
+ "wcag": "n/a",
38
+ "deprecated": false
39
+ }
40
+ }
41
+ }
42
+ }
43
+ }
44
+ }
package/src/themes/transparent/color/alert.json ADDED
@@ -0,0 +1,90 @@
1
+ {
2
+ "color": {
3
+ "alert": {
4
+ "notification": {
5
+ "default": {
6
+ "value": "{color.brand.atlas.400.value}",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Notification color on light backgrounds",
10
+ "wcag": "AAA",
11
+ "deprecated": true,
12
+ "version": "4.5.0",
13
+ "reference": "n/a"
14
+ }
15
+ },
16
+ "warning": {
17
+ "default": {
18
+ "value": "{color.state.warning.500.value}",
19
+ "public": true,
20
+ "default": true,
21
+ "usage": "Warning color on light backgrounds",
22
+ "wcag": "AAA",
23
+ "deprecated": true,
24
+ "version": "4.5.0",
25
+ "reference": "n/a"
26
+ }
27
+ },
28
+ "error": {
29
+ "default": {
30
+ "value": "{color.state.error.500.value}",
31
+ "public": true,
32
+ "default": true,
33
+ "usage": "Error color on light backgrounds",
34
+ "wcag": "AAA",
35
+ "deprecated": true,
36
+ "version": "4.5.0",
37
+ "reference": "n/a"
38
+ }
39
+ },
40
+ "success": {
41
+ "default": {
42
+ "value": "{color.state.success.500.value}",
43
+ "public": true,
44
+ "default": true,
45
+ "usage": "Success color on light backgrounds",
46
+ "wcag": "AAA",
47
+ "deprecated": true,
48
+ "version": "4.5.0",
49
+ "reference": "n/a"
50
+ }
51
+ },
52
+ "advisory": {
53
+ "default": {
54
+ "value": "{color.brand.goldcoast.100.value}",
55
+ "public": true,
56
+ "default": true,
57
+ "usage": "Travel advisory or system maintenance color on light backgrounds",
58
+ "wcag": "AAA",
59
+ "deprecated": true,
60
+ "version": "4.5.0",
61
+ "reference": "n/a"
62
+ }
63
+ },
64
+ "bkgSuccess": {
65
+ "default": {
66
+ "value": "DDF6E8",
67
+ "public": true,
68
+ "default": true,
69
+ "usage": "Background success color on light backgrounds",
70
+ "wcag": "AAA",
71
+ "deprecated": true,
72
+ "version": "4.5.0",
73
+ "reference": "n/a"
74
+ }
75
+ },
76
+ "bkgError": {
77
+ "default": {
78
+ "value": "FFEDF1",
79
+ "public": true,
80
+ "default": true,
81
+ "usage": "Background error color on light backgrounds",
82
+ "wcag": "AAA",
83
+ "deprecated": true,
84
+ "version": "4.5.0",
85
+ "reference": "n/a"
86
+ }
87
+ }
88
+ }
89
+ }
90
+ }
package/src/themes/transparent/color/background.json ADDED
@@ -0,0 +1,263 @@
1
+ {
2
+ "color": {
3
+ "background": {
4
+ "primary": {
5
+ "100": {
6
+ "default": {
7
+ "value": "{color.base.white.value}",
8
+ "public": true,
9
+ "default": true,
10
+ "usage": "Used for creating light backgrounds",
11
+ "wcag": "n/a",
12
+ "deprecated": false
13
+ },
14
+ "inverse": {
15
+ "value": "{color.brand.navy.1000.value}",
16
+ "public": true,
17
+ "inverse": true,
18
+ "usage": "Used for creating dark backgrounds",
19
+ "wcag": "n/a",
20
+ "deprecated": false
21
+ }
22
+ },
23
+ "200": {
24
+ "default": {
25
+ "value": "{color.brand.gray.100.value}",
26
+ "public": true,
27
+ "default": true,
28
+ "usage": "Used for creating light backgrounds",
29
+ "wcag": "n/a",
30
+ "deprecated": false
31
+ },
32
+ "inverse": {
33
+ "value": "{color.brand.navy.900.value}",
34
+ "public": true,
35
+ "inverse": true,
36
+ "usage": "Used for creating dark backgrounds",
37
+ "wcag": "n/a",
38
+ "deprecated": false
39
+ }
40
+ },
41
+ "300": {
42
+ "default": {
43
+ "value": "{color.brand.neutral.200.value}",
44
+ "public": true,
45
+ "default": true,
46
+ "usage": "Used for creating light backgrounds",
47
+ "wcag": "n/a",
48
+ "deprecated": false
49
+ },
50
+ "inverse": {
51
+ "value": "{color.brand.navy.800.value}",
52
+ "public": true,
53
+ "inverse": true,
54
+ "usage": "Used for creating dark backgrounds",
55
+ "wcag": "n/a",
56
+ "deprecated": false
57
+ }
58
+ },
59
+ "400": {
60
+ "default": {
61
+ "value": "{color.brand.gray.200.value}",
62
+ "public": true,
63
+ "default": true,
64
+ "usage": "Used for creating light backgrounds",
65
+ "wcag": "n/a",
66
+ "deprecated": false
67
+ },
68
+ "inverse": {
69
+ "value": "{color.brand.navy.700.value}",
70
+ "public": true,
71
+ "inverse": true,
72
+ "usage": "Used for creating dark backgrounds",
73
+ "wcag": "n/a",
74
+ "deprecated": false
75
+ }
76
+ }
77
+ },
78
+ "success": {
79
+ "default": {
80
+ "value": "{color.base.success.100.value}",
81
+ "public": true,
82
+ "default": true,
83
+ "usage": "Used for creating light backgrounds",
84
+ "wcag": "n/a",
85
+ "deprecated": false
86
+ },
87
+ "inverse": {
88
+ "value": "{color.base.success.500.value}",
89
+ "public": true,
90
+ "inverse": true,
91
+ "usage": "Used for creating dark backgrounds",
92
+ "wcag": "n/a",
93
+ "deprecated": false
94
+ }
95
+ },
96
+ "error": {
97
+ "default": {
98
+ "value": "{color.base.error.100.value}",
99
+ "public": true,
100
+ "default": true,
101
+ "usage": "Used for creating light backgrounds",
102
+ "wcag": "n/a",
103
+ "deprecated": false
104
+ },
105
+ "inverse": {
106
+ "value": "{color.base.error.500.value}",
107
+ "public": true,
108
+ "inverse": true,
109
+ "usage": "Used for creating dark backgrounds",
110
+ "wcag": "n/a",
111
+ "deprecated": false
112
+ }
113
+ },
114
+ "warning": {
115
+ "default": {
116
+ "value": "{color.base.warning.100.value}",
117
+ "public": true,
118
+ "default": true,
119
+ "usage": "Used for creating light backgrounds",
120
+ "wcag": "n/a",
121
+ "deprecated": false
122
+ },
123
+ "inverse": {
124
+ "value": "{color.base.warning.500.value}",
125
+ "public": true,
126
+ "inverse": true,
127
+ "usage": "Used for creating dark backgrounds",
128
+ "wcag": "n/a",
129
+ "deprecated": false
130
+ }
131
+ },
132
+ "info": {
133
+ "default": {
134
+ "value": "{color.brand.blue.100.value}",
135
+ "public": true,
136
+ "default": true,
137
+ "usage": "Used for creating light backgrounds",
138
+ "wcag": "n/a",
139
+ "deprecated": false
140
+ },
141
+ "inverse": {
142
+ "value": "{color.brand.blue.900.value}",
143
+ "public": true,
144
+ "inverse": true,
145
+ "usage": "Used for creating dark backgrounds",
146
+ "wcag": "n/a",
147
+ "deprecated": false
148
+ }
149
+ },
150
+ "subtle": {
151
+ "default": {
152
+ "value": "{color.brand.neutral.100.value}",
153
+ "public": true,
154
+ "default": true,
155
+ "usage": "Used for creating light backgrounds",
156
+ "wcag": "n/a",
157
+ "deprecated": false
158
+ },
159
+ "inverse": {
160
+ "value": "{color.brand.gray.1000.value}",
161
+ "public": true,
162
+ "inverse": true,
163
+ "usage": "Used for creating dark backgrounds",
164
+ "wcag": "n/a",
165
+ "deprecated": false
166
+ }
167
+ },
168
+ "accent": {
169
+ "default": {
170
+ "value": "{color.brand.cyan.100.value}",
171
+ "public": true,
172
+ "default": true,
173
+ "usage": "Used for creating light backgrounds",
174
+ "wcag": "n/a",
175
+ "deprecated": false
176
+ },
177
+ "inverse": {
178
+ "value": "{color.base.cyan.800.value}",
179
+ "public": true,
180
+ "inverse": true,
181
+ "usage": "Used for creating dark backgrounds",
182
+ "wcag": "n/a",
183
+ "deprecated": false
184
+ }
185
+ },
186
+ "emphasis": {
187
+ "default": {
188
+ "value": "{color.brand.blue.200.value}",
189
+ "public": true,
190
+ "default": true,
191
+ "usage": "Used for creating light backgrounds",
192
+ "wcag": "n/a",
193
+ "deprecated": false
194
+ },
195
+ "inverse": {
196
+ "value": "{color.brand.blue.800.value}",
197
+ "public": true,
198
+ "inverse": true,
199
+ "usage": "Used for creating dark backgrounds",
200
+ "wcag": "n/a",
201
+ "deprecated": false
202
+ }
203
+ },
204
+ "scrimmed": {
205
+ "default": {
206
+ "value": "{color.base.black-500.value}",
207
+ "public": true,
208
+ "default": true,
209
+ "usage": "Used for creating light backgrounds",
210
+ "wcag": "n/a",
211
+ "deprecated": false
212
+ }
213
+ },
214
+ "lightest": {
215
+ "value": "{color.base.white.value}",
216
+ "public": true,
217
+ "usage": "Used for creating light backgrounds",
218
+ "wcag": "n/a",
219
+ "deprecated": true,
220
+ "version": "4.5.0",
221
+ "reference": "n/a"
222
+ },
223
+ "lighter": {
224
+ "value": "{color.base.gray.100.value}",
225
+ "public": true,
226
+ "usage": "Used for creating light backgrounds @ 90% white",
227
+ "wcag": "n/a",
228
+ "deprecated": true,
229
+ "version": "4.5.0",
230
+ "reference": "n/a"
231
+ },
232
+ "darker": {
233
+ "value": "{color.brand.midnight.400.value}",
234
+ "public": true,
235
+ "usage": "Used for creating dark backgrounds",
236
+ "wcag": "n/a",
237
+ "deprecated": true,
238
+ "version": "4.5.0",
239
+ "reference": "n/a"
240
+ },
241
+ "darkest": {
242
+ "value": "{color.brand.midnight.500.value}",
243
+ "public": true,
244
+ "usage": "Used for creating dark backgrounds @ 20% darker",
245
+ "wcag": "n/a",
246
+ "deprecated": true,
247
+ "version": "4.5.0",
248
+ "reference": "n/a"
249
+ },
250
+ "gradient": {
251
+ "default": {
252
+ "value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
253
+ "public": true,
254
+ "usage": "Used for creating a gradient against all backgrounds",
255
+ "wcag": "n/a",
256
+ "deprecated": true,
257
+ "version": "4.5.0",
258
+ "reference": "n/a"
259
+ }
260
+ }
261
+ }
262
+ }
263
+ }