@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/transparent/color/text.json ADDED
@@ -0,0 +1,282 @@
1
+ {
2
+ "color": {
3
+ "text": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "{color.brand.gray.1000.value}",
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": "{color.base.white.value}",
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
+ "secondary": {
23
+ "default": {
24
+ "value": "{color.brand.gray.800.value}",
25
+ "public": true,
26
+ "default": true,
27
+ "usage": "Secondary color for body text on light backgrounds",
28
+ "wcag": "n/a",
29
+ "deprecated": false
30
+ },
31
+ "inverse": {
32
+ "value": "{color.brand.gray.200.value}",
33
+ "public": true,
34
+ "inverse": true,
35
+ "usage": "Secondary color for body text on dark backgrounds",
36
+ "wcag": "n/a",
37
+ "deprecated": false
38
+ }
39
+ },
40
+ "tertiary": {
41
+ "default": {
42
+ "value": "{color.brand.neutral.700.value}",
43
+ "public": true,
44
+ "default": true,
45
+ "usage": "Tertiary color for body text on light backgrounds",
46
+ "wcag": "n/a",
47
+ "deprecated": false
48
+ },
49
+ "inverse": {
50
+ "value": "{color.brand.gray.400.value}",
51
+ "public": true,
52
+ "inverse": true,
53
+ "usage": "Tertiary color for body text on dark backgrounds",
54
+ "wcag": "n/a",
55
+ "deprecated": false
56
+ }
57
+ },
58
+ "error": {
59
+ "default": {
60
+ "value": "{color.base.error.400.value}",
61
+ "public": true,
62
+ "default": true,
63
+ "usage": "Error text color on light backgrounds",
64
+ "wcag": "n/a",
65
+ "deprecated": false
66
+ },
67
+ "inverse": {
68
+ "value": "{color.base.error.200.value}",
69
+ "public": true,
70
+ "inverse": true,
71
+ "usage": "Error text color on dark backgrounds",
72
+ "wcag": "n/a",
73
+ "deprecated": false
74
+ }
75
+ },
76
+ "emphasis": {
77
+ "default": {
78
+ "value": "{color.brand.navy.800.value}",
79
+ "public": true,
80
+ "default": true,
81
+ "usage": "Emphasized text color on light backgrounds",
82
+ "wcag": "n/a",
83
+ "deprecated": false
84
+ },
85
+ "inverse": {
86
+ "value": "{color.brand.navy.200.value}",
87
+ "public": true,
88
+ "inverse": true,
89
+ "usage": "Emphasized text color on dark backgrounds",
90
+ "wcag": "n/a",
91
+ "deprecated": false
92
+ }
93
+ },
94
+ "accent": {
95
+ "default": {
96
+ "value": "{color.brand.lime.700.value}",
97
+ "public": true,
98
+ "default": true,
99
+ "usage": "Accent text color on light backgrounds",
100
+ "wcag": "n/a",
101
+ "deprecated": false
102
+ },
103
+ "inverse": {
104
+ "value": "{color.brand.lime.300.value}",
105
+ "public": true,
106
+ "inverse": true,
107
+ "usage": "Accent text color on dark backgrounds",
108
+ "wcag": "n/a",
109
+ "deprecated": false
110
+ }
111
+ },
112
+ "info": {
113
+ "default": {
114
+ "value": "{color.brand.navy.700.value}",
115
+ "public": true,
116
+ "default": true,
117
+ "usage": "Info text color on light backgrounds",
118
+ "wcag": "n/a",
119
+ "deprecated": false
120
+ },
121
+ "inverse": {
122
+ "value": "{color.brand.navy.300.value}",
123
+ "public": true,
124
+ "inverse": true,
125
+ "usage": "Info text color on dark backgrounds",
126
+ "wcag": "n/a",
127
+ "deprecated": false
128
+ }
129
+ },
130
+ "subtle": {
131
+ "default": {
132
+ "value": "{color.brand.cyan.700.value}",
133
+ "public": true,
134
+ "default": true,
135
+ "usage": "Subtle text color on light backgrounds",
136
+ "wcag": "n/a",
137
+ "deprecated": false
138
+ },
139
+ "inverse": {
140
+ "value": "{color.brand.cyan.400.value}",
141
+ "public": true,
142
+ "inverse": true,
143
+ "usage": "Subtle text color on dark backgrounds",
144
+ "wcag": "n/a",
145
+ "deprecated": false
146
+ }
147
+ },
148
+ "success": {
149
+ "default": {
150
+ "value": "{color.base.success.400.value}",
151
+ "public": true,
152
+ "default": true,
153
+ "usage": "Success text color on light backgrounds",
154
+ "wcag": "n/a",
155
+ "deprecated": false
156
+ },
157
+ "inverse": {
158
+ "value": "{color.base.success.200.value}",
159
+ "public": true,
160
+ "inverse": true,
161
+ "usage": "Success text color on dark backgrounds",
162
+ "wcag": "n/a",
163
+ "deprecated": false
164
+ }
165
+ },
166
+ "ui": {
167
+ "active": {
168
+ "default": {
169
+ "value": "{color.brand.blue.800.value}",
170
+ "public": true,
171
+ "default": true,
172
+ "usage": "Active UI text color on light backgrounds",
173
+ "wcag": "n/a",
174
+ "deprecated": false
175
+ },
176
+ "inverse": {
177
+ "value": "{color.brand.cyan.300.value}",
178
+ "public": true,
179
+ "inverse": true,
180
+ "usage": "Active UI text color on dark backgrounds",
181
+ "wcag": "n/a",
182
+ "deprecated": false
183
+ }
184
+ },
185
+ "default": {
186
+ "default": {
187
+ "value": "{color.brand.blue.700.value}",
188
+ "public": true,
189
+ "default": true,
190
+ "usage": "Default UI text color on light backgrounds",
191
+ "wcag": "n/a",
192
+ "deprecated": false
193
+ },
194
+ "inverse": {
195
+ "value": "{color.brand.cyan.400.value}",
196
+ "public": true,
197
+ "inverse": true,
198
+ "usage": "Default UI text color on dark backgrounds",
199
+ "wcag": "n/a",
200
+ "deprecated": false
201
+ }
202
+ },
203
+ "disabled": {
204
+ "default": {
205
+ "value": "{color.base.gray.400.value}",
206
+ "public": true,
207
+ "default": true,
208
+ "usage": "Disabled UI text color on light backgrounds",
209
+ "wcag": "n/a",
210
+ "deprecated": false
211
+ },
212
+ "inverse": {
213
+ "value": "{color.base.gray.600.value}",
214
+ "public": true,
215
+ "inverse": true,
216
+ "usage": "Disabled UI text color on dark backgrounds",
217
+ "wcag": "n/a",
218
+ "deprecated": false
219
+ }
220
+ },
221
+ "focus": {
222
+ "default": {
223
+ "value": "{color.brand.blue.700.value}",
224
+ "public": true,
225
+ "default": true,
226
+ "usage": "Focus UI text color on light backgrounds",
227
+ "wcag": "n/a",
228
+ "deprecated": false
229
+ },
230
+ "inverse": {
231
+ "value": "{color.brand.cyan.400.value}",
232
+ "public": true,
233
+ "inverse": true,
234
+ "usage": "Focus UI text color on dark backgrounds",
235
+ "wcag": "n/a",
236
+ "deprecated": false
237
+ }
238
+ },
239
+ "hover": {
240
+ "default": {
241
+ "value": "{color.brand.blue.900.value}",
242
+ "public": true,
243
+ "default": true,
244
+ "usage": "Hover UI text color on light backgrounds",
245
+ "wcag": "n/a",
246
+ "deprecated": false
247
+ },
248
+ "inverse": {
249
+ "value": "{color.brand.cyan.200.value}",
250
+ "public": true,
251
+ "inverse": true,
252
+ "usage": "Hover UI text color on dark backgrounds",
253
+ "wcag": "n/a",
254
+ "deprecated": false
255
+ }
256
+ }
257
+ },
258
+ "link": {
259
+ "default": {
260
+ "value": "{color.brand.atlas.400.value}",
261
+ "public": true,
262
+ "default": true,
263
+ "usage": "Link text color on light backgrounds",
264
+ "wcag": "AA",
265
+ "deprecated": true,
266
+ "version": "4.5.0",
267
+ "reference": "n/a"
268
+ },
269
+ "inverse": {
270
+ "value": "{color.brand.breeze.300.value}",
271
+ "public": true,
272
+ "inverse": true,
273
+ "usage": "Link text color on light backgrounds",
274
+ "wcag": "AA",
275
+ "deprecated": true,
276
+ "version": "4.5.0",
277
+ "reference": "n/a"
278
+ }
279
+ }
280
+ }
281
+ }
282
+ }
package/src/themes/transparent/color/tier.json ADDED
@@ -0,0 +1,194 @@
1
+ {
2
+ "color": {
3
+ "tier": {
4
+ "alaska": {
5
+ "mvp": {
6
+ "default": {
7
+ "value": "#726e6c",
8
+ "public": true,
9
+ "default": true,
10
+ "usage": "MVP tier color for Alaska Airlines on light backgrounds",
11
+ "wcag": "n/a",
12
+ "deprecated": false
13
+ },
14
+ "inverse": {
15
+ "value": "#c5c1bf",
16
+ "public": true,
17
+ "inverse": true,
18
+ "usage": "MVP tier color for Alaska Airlines on dark backgrounds",
19
+ "wcag": "n/a",
20
+ "deprecated": false
21
+ }
22
+ },
23
+ "mvpgold": {
24
+ "default": {
25
+ "value": "#7f682e",
26
+ "public": true,
27
+ "default": true,
28
+ "usage": "MVP Gold tier color for Alaska Airlines on light backgrounds",
29
+ "wcag": "n/a",
30
+ "deprecated": false
31
+ },
32
+ "inverse": {
33
+ "value": "#c5c1bf",
34
+ "public": true,
35
+ "inverse": true,
36
+ "usage": "MVP Gold tier color for Alaska Airlines on dark backgrounds",
37
+ "wcag": "n/a",
38
+ "deprecated": false
39
+ }
40
+ },
41
+ "mvpgold75k" :{
42
+ "default": {
43
+ "value": "#7f682e",
44
+ "public": true,
45
+ "default": true,
46
+ "usage": "MVP Gold 75k tier color for Alaska Airlines on light backgrounds",
47
+ "wcag": "n/a",
48
+ "deprecated": false
49
+ },
50
+ "inverse": {
51
+ "value": "#c5c1bf",
52
+ "public": true,
53
+ "inverse": true,
54
+ "usage": "MVP Gold 75k tier color for Alaska Airlines on dark backgrounds",
55
+ "wcag": "n/a",
56
+ "deprecated": false
57
+ }
58
+ },
59
+ "mvpgold100k": {
60
+ "default": {
61
+ "value": "#7f682e",
62
+ "public": true,
63
+ "default": true,
64
+ "usage": "MVP Gold 100k tier color for Alaska Airlines on light backgrounds",
65
+ "wcag": "n/a",
66
+ "deprecated": false
67
+ },
68
+ "inverse": {
69
+ "value": "#c5c1bf",
70
+ "public": true,
71
+ "inverse": true,
72
+ "usage": "MVP Gold 100k tier color for Alaska Airlines on dark backgrounds",
73
+ "wcag": "n/a",
74
+ "deprecated": false
75
+ }
76
+ },
77
+ "lounge": {
78
+ "value": "{color.brand.lounge.value}",
79
+ "public": true,
80
+ "usage": "lounge tier color for Alaska Airlines",
81
+ "wcag": "n/a",
82
+ "deprecated": false
83
+ },
84
+ "loungeplus": {
85
+ "value": "{color.brand.loungeplus.value}",
86
+ "public": true,
87
+ "usage": "loungeplus tier color for Alaska Airlines",
88
+ "wcag": "n/a",
89
+ "deprecated": false
90
+ }
91
+ },
92
+ "fare": {
93
+ "business": {
94
+ "default": {
95
+ "value": "#005154",
96
+ "public": true,
97
+ "default": true,
98
+ "usage": "Business class tier color for fares on light backgrounds",
99
+ "wcag": "n/a",
100
+ "deprecated": false
101
+ },
102
+ "inverse": {
103
+ "value": "{color.brand.turquoise.400.value}",
104
+ "public": true,
105
+ "inverse": true,
106
+ "usage": "Business class tier color for fares on dark backgrounds",
107
+ "wcag": "n/a",
108
+ "deprecated": false
109
+ }
110
+ },
111
+ "economy": {
112
+ "default": {
113
+ "value": "{color.brand.blue.700.value}",
114
+ "public": true,
115
+ "default": true,
116
+ "usage": "Economy class tier color for fares on light backgrounds",
117
+ "wcag": "n/a",
118
+ "deprecated": false
119
+ },
120
+ "inverse": {
121
+ "value": "{color.brand.blue.300.value}",
122
+ "public": true,
123
+ "inverse": true,
124
+ "usage": "Economy class tier color for fares on dark backgrounds",
125
+ "wcag": "n/a",
126
+ "deprecated": false
127
+ }
128
+ },
129
+ "first-class": {
130
+ "default": {
131
+ "value": "#002c4e",
132
+ "public": true,
133
+ "default": true,
134
+ "usage": "First class tier color for fares on light backgrounds",
135
+ "wcag": "n/a",
136
+ "deprecated": false
137
+ },
138
+ "inverse": {
139
+ "value": "{color.brand.navy.400.value}",
140
+ "public": true,
141
+ "inverse": true,
142
+ "usage": "First class tier color for fares on dark backgrounds",
143
+ "wcag": "n/a",
144
+ "deprecated": false
145
+ }
146
+ },
147
+ "saver": {
148
+ "default": {
149
+ "value": "{color.brand.cyan.500.value}",
150
+ "public": true,
151
+ "default": true,
152
+ "usage": "Saver class tier color for fares on light backgrounds",
153
+ "wcag": "n/a",
154
+ "deprecated": false
155
+ },
156
+ "inverse": {
157
+ "value": "{color.brand.cyan.200.value}",
158
+ "public": true,
159
+ "inverse": true,
160
+ "usage": "Saver class tier color for fares on dark backgrounds",
161
+ "wcag": "n/a",
162
+ "deprecated": false
163
+ }
164
+ }
165
+ },
166
+ "oneworld": {
167
+ "emerald": {
168
+ "value": "#139142",
169
+ "public": true,
170
+ "onLight": true,
171
+ "usage": "Emerald tier color for Oneworld",
172
+ "wcag": "n/a",
173
+ "deprecated": false
174
+ },
175
+ "sapphire": {
176
+ "value": "#015daa",
177
+ "public": true,
178
+ "onDark": true,
179
+ "usage": "Sapphire tier color for Oneworld",
180
+ "wcag": "n/a",
181
+ "deprecated": false
182
+ },
183
+ "ruby": {
184
+ "value": "#a41d4a",
185
+ "public": true,
186
+ "onDark": true,
187
+ "usage": "Ruby tier color for Oneworld",
188
+ "wcag": "n/a",
189
+ "deprecated": false
190
+ }
191
+ }
192
+ }
193
+ }
194
+ }
package/src/themes/transparent/color/ui.json ADDED
@@ -0,0 +1,125 @@
1
+ {
2
+ "color": {
3
+ "ui": {
4
+ "default": {
5
+ "default": {
6
+ "value": "{color.brand.atlas.400.value}",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Default interaction color affordance",
10
+ "wcag": "AAA",
11
+ "deprecated": true,
12
+ "version": "4.5.0",
13
+ "reference": "n/a"
14
+ },
15
+ "inverse": {
16
+ "value": "{color.brand.breeze.300.value}",
17
+ "public": true,
18
+ "inverse": true,
19
+ "usage": "OnDark interaction color affordance",
20
+ "wcag": "AAA",
21
+ "deprecated": true,
22
+ "version": "4.5.0",
23
+ "reference": "n/a"
24
+ }
25
+ },
26
+ "hover": {
27
+ "default": {
28
+ "value": "{color.brand.atlas.500.value}",
29
+ "public": true,
30
+ "default": true,
31
+ "usage": "Default hover color affordance",
32
+ "wcag": "AAA",
33
+ "deprecated": true,
34
+ "version": "4.5.0",
35
+ "reference": "n/a"
36
+ },
37
+ "inverse": {
38
+ "value": "{color.brand.breeze.200.value}",
39
+ "public": true,
40
+ "inverse": true,
41
+ "usage": "Hover interaction color on dark backgrounds",
42
+ "wcag": "AAA",
43
+ "deprecated": true,
44
+ "version": "4.5.0",
45
+ "reference": "n/a"
46
+ }
47
+ },
48
+ "active": {
49
+ "default": {
50
+ "value": "{color.brand.atlas.500.value}",
51
+ "public": true,
52
+ "default": true,
53
+ "usage": "Active state color affordance",
54
+ "wcag": "AAA",
55
+ "deprecated": true,
56
+ "version": "4.5.0",
57
+ "reference": "n/a"
58
+ },
59
+ "inverse": {
60
+ "value": "{color.brand.breeze.200.value}",
61
+ "public": true,
62
+ "inverse": true,
63
+ "usage": "Active state color affordance on dark backgrounds",
64
+ "deprecated": true,
65
+ "version": "4.5.0",
66
+ "reference": "n/a"
67
+ }
68
+ },
69
+ "disabled": {
70
+ "default": {
71
+ "value": "{color.brand.atlas.400-opacity-20.value}",
72
+ "public": true,
73
+ "default": true,
74
+ "usage": "Disabled state color affordance",
75
+ "wcag": "n/a",
76
+ "deprecated": true,
77
+ "version": "4.5.0",
78
+ "reference": "n/a"
79
+ }
80
+ },
81
+ "bkg": {
82
+ "default": {
83
+ "default": {
84
+ "value": "transparent",
85
+ "public": true,
86
+ "default": true,
87
+ "usage": "Default affordance for background colors",
88
+ "deprecated": true,
89
+ "version": "4.5.0",
90
+ "reference": "n/a"
91
+ },
92
+ "inverse": {
93
+ "value": "transparent",
94
+ "public": true,
95
+ "inverse": true,
96
+ "usage": "Default affordance for dark background colors",
97
+ "deprecated": true,
98
+ "version": "4.5.0",
99
+ "reference": "n/a"
100
+ }
101
+ },
102
+ "hover": {
103
+ "default": {
104
+ "value": "transparent",
105
+ "public": true,
106
+ "default": true,
107
+ "usage": "Default hover affordance for background colors",
108
+ "deprecated": true,
109
+ "version": "4.5.0",
110
+ "reference": "n/a"
111
+ },
112
+ "inverse": {
113
+ "value": "transparent",
114
+ "public": true,
115
+ "inverse": true,
116
+ "usage": "Default hover affordance for dark background colors",
117
+ "deprecated": true,
118
+ "version": "4.5.0",
119
+ "reference": "n/a"
120
+ }
121
+ }
122
+ }
123
+ }
124
+ }
125
+ }