@aurodesignsystem/design-tokens 4.9.1 → 4.9.2

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 (28) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/tokens/CSSCustomProperties.css +22 -23
  3. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  4. package/dist/tokens/JSData--color.js +328 -349
  5. package/dist/tokens/JSONVariablesFlat.json +21 -22
  6. package/dist/tokens/JSONVariablesNested.json +32 -33
  7. package/dist/tokens/JSObject--allTokens.js +328 -349
  8. package/dist/tokens/JSObject--deprecated.js +1 -1
  9. package/dist/tokens/JSVariables--color.js +18 -19
  10. package/dist/tokens/SCSSVariableMap.scss +1 -1
  11. package/dist/tokens/SCSSVariables.scss +22 -23
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +22 -23
  13. package/dist/tokens/SassCustomProperties.scss +22 -23
  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/package.json +6 -6
  23. package/src/color/border.json +3 -3
  24. package/src/color/container.json +2 -2
  25. package/src/color/icon.json +85 -83
  26. package/src/color/text.json +2 -12
  27. package/src/color/tier.json +161 -161
  28. package/src/color/utility.json +1 -1
package/src/color/icon.json CHANGED
@@ -182,94 +182,96 @@
182
182
  }
183
183
  },
184
184
  "ui": {
185
- "default": {
185
+ "primary": {
186
186
  "default": {
187
- "value": "{color.brand.blue.700.value}",
188
- "public": true,
189
- "default": true,
190
- "usage": "Default color for UI icons 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 color for UI icons on dark backgrounds",
199
- "wcag": "n/a",
200
- "deprecated": false
201
- }
202
- },
203
- "hover": {
204
- "default": {
205
- "value": "{color.brand.blue.900.value}",
206
- "public": true,
207
- "default": true,
208
- "usage": "Hover color for UI icons on light backgrounds",
209
- "wcag": "n/a",
210
- "deprecated": false
187
+ "default": {
188
+ "value": "{color.brand.blue.700.value}",
189
+ "public": true,
190
+ "default": true,
191
+ "usage": "Default color for UI icons on light backgrounds",
192
+ "wcag": "n/a",
193
+ "deprecated": false
194
+ },
195
+ "inverse": {
196
+ "value": "{color.brand.cyan.400.value}",
197
+ "public": true,
198
+ "inverse": true,
199
+ "usage": "Default color for UI icons on dark backgrounds",
200
+ "wcag": "n/a",
201
+ "deprecated": false
202
+ }
211
203
  },
212
- "inverse": {
213
- "value": "{color.brand.cyan.200.value}",
214
- "public": true,
215
- "inverse": true,
216
- "usage": "Hover color for UI icons on dark backgrounds",
217
- "wcag": "n/a",
218
- "deprecated": false
219
- }
220
- },
221
- "active": {
222
- "default": {
223
- "value": "{color.brand.blue.800.value}",
224
- "public": true,
225
- "default": true,
226
- "usage": "Active color for UI icons on light backgrounds",
227
- "wcag": "n/a",
228
- "deprecated": false
204
+ "hover": {
205
+ "default": {
206
+ "value": "{color.brand.blue.900.value}",
207
+ "public": true,
208
+ "default": true,
209
+ "usage": "Hover color for UI icons on light backgrounds",
210
+ "wcag": "n/a",
211
+ "deprecated": false
212
+ },
213
+ "inverse": {
214
+ "value": "{color.brand.cyan.200.value}",
215
+ "public": true,
216
+ "inverse": true,
217
+ "usage": "Hover color for UI icons on dark backgrounds",
218
+ "wcag": "n/a",
219
+ "deprecated": false
220
+ }
229
221
  },
230
- "inverse": {
231
- "value": "{color.brand.cyan.300.value}",
232
- "public": true,
233
- "inverse": true,
234
- "usage": "Active color for UI icons on dark backgrounds",
235
- "wcag": "n/a",
236
- "deprecated": false
237
- }
238
- },
239
- "disabled": {
240
- "default": {
241
- "value": "{color.brand.gray.400.value}",
242
- "public": true,
243
- "default": true,
244
- "usage": "Disabled color for UI icons on light backgrounds",
245
- "wcag": "n/a",
246
- "deprecated": false
222
+ "active": {
223
+ "default": {
224
+ "value": "{color.brand.blue.800.value}",
225
+ "public": true,
226
+ "default": true,
227
+ "usage": "Active color for UI icons on light backgrounds",
228
+ "wcag": "n/a",
229
+ "deprecated": false
230
+ },
231
+ "inverse": {
232
+ "value": "{color.brand.cyan.300.value}",
233
+ "public": true,
234
+ "inverse": true,
235
+ "usage": "Active color for UI icons on dark backgrounds",
236
+ "wcag": "n/a",
237
+ "deprecated": false
238
+ }
247
239
  },
248
- "inverse": {
249
- "value": "{color.brand.gray.600.value}",
250
- "public": true,
251
- "inverse": true,
252
- "usage": "Disabled color for UI icons on dark backgrounds",
253
- "wcag": "n/a",
254
- "deprecated": false
255
- }
256
- },
257
- "focus": {
258
- "default": {
259
- "value": "{color.brand.blue.700.value}",
260
- "public": true,
261
- "default": true,
262
- "usage": "Focus color for UI icons on light backgrounds",
263
- "wcag": "n/a",
264
- "deprecated": false
240
+ "disabled": {
241
+ "default": {
242
+ "value": "{color.brand.gray.400.value}",
243
+ "public": true,
244
+ "default": true,
245
+ "usage": "Disabled color for UI icons on light backgrounds",
246
+ "wcag": "n/a",
247
+ "deprecated": false
248
+ },
249
+ "inverse": {
250
+ "value": "{color.brand.gray.600.value}",
251
+ "public": true,
252
+ "inverse": true,
253
+ "usage": "Disabled color for UI icons on dark backgrounds",
254
+ "wcag": "n/a",
255
+ "deprecated": false
256
+ }
265
257
  },
266
- "inverse": {
267
- "value": "{color.brand.cyan.400.value}",
268
- "public": true,
269
- "inverse": true,
270
- "usage": "Focus color for UI icons on dark backgrounds",
271
- "wcag": "n/a",
272
- "deprecated": false
258
+ "focus": {
259
+ "default": {
260
+ "value": "{color.brand.blue.700.value}",
261
+ "public": true,
262
+ "default": true,
263
+ "usage": "Focus color for UI icons on light backgrounds",
264
+ "wcag": "n/a",
265
+ "deprecated": false
266
+ },
267
+ "inverse": {
268
+ "value": "{color.brand.cyan.400.value}",
269
+ "public": true,
270
+ "inverse": true,
271
+ "usage": "Focus color for UI icons on dark backgrounds",
272
+ "wcag": "n/a",
273
+ "deprecated": false
274
+ }
273
275
  }
274
276
  },
275
277
  "secondary": {
package/src/color/text.json CHANGED
@@ -47,7 +47,7 @@
47
47
  "deprecated": false
48
48
  },
49
49
  "inverse": {
50
- "value": "{color.brand.gray.800.value}",
50
+ "value": "{color.brand.gray.400.value}",
51
51
  "public": true,
52
52
  "inverse": true,
53
53
  "usage": "Tertiary color for body text on dark backgrounds",
@@ -73,16 +73,6 @@
73
73
  "deprecated": false
74
74
  }
75
75
  },
76
- "disabled": {
77
- "default": {
78
- "value": "{color.base.gray.200.value}",
79
- "public": true,
80
- "onLight": true,
81
- "usage": "Disabled text color on light backgrounds",
82
- "wcag": "n/a",
83
- "deprecated": false
84
- }
85
- },
86
76
  "emphasis": {
87
77
  "default": {
88
78
  "value": "{color.brand.navy.800.value}",
@@ -165,7 +155,7 @@
165
155
  "deprecated": false
166
156
  },
167
157
  "inverse": {
168
- "value": "{color.base.success.400.value}",
158
+ "value": "{color.base.success.200.value}",
169
159
  "public": true,
170
160
  "inverse": true,
171
161
  "usage": "Success text color on dark backgrounds",
package/src/color/tier.json CHANGED
@@ -1,194 +1,194 @@
1
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
- }
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
58
13
  },
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
- }
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
76
31
  },
77
- "lounge": {
78
- "value": "{color.brand.lounge.value}",
32
+ "inverse": {
33
+ "value": "#c5c1bf",
79
34
  "public": true,
80
- "usage": "lounge tier color for Alaska Airlines",
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",
81
47
  "wcag": "n/a",
82
48
  "deprecated": false
83
49
  },
84
- "loungeplus": {
85
- "value": "{color.brand.loungeplus.value}",
50
+ "inverse": {
51
+ "value": "#c5c1bf",
86
52
  "public": true,
87
- "usage": "loungeplus tier color for Alaska Airlines",
53
+ "inverse": true,
54
+ "usage": "MVP Gold 75k tier color for Alaska Airlines on dark backgrounds",
88
55
  "wcag": "n/a",
89
56
  "deprecated": false
90
57
  }
91
58
  },
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
- }
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
110
67
  },
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
- }
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
128
101
  },
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": "#f7f7f7",
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
- }
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
146
119
  },
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
- }
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
164
127
  }
165
128
  },
166
- "oneworld": {
167
- "emerald": {
168
- "value": "#139142",
129
+ "first-class": {
130
+ "default": {
131
+ "value": "#002c4e",
169
132
  "public": true,
170
- "onLight": true,
171
- "usage": "Emerald tier color for Oneworld",
133
+ "default": true,
134
+ "usage": "First class tier color for fares on light backgrounds",
172
135
  "wcag": "n/a",
173
136
  "deprecated": false
174
137
  },
175
- "sapphire": {
176
- "value": "#a41d4a",
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}",
177
150
  "public": true,
178
- "onDark": true,
179
- "usage": "Sapphire tier color for Oneworld",
151
+ "default": true,
152
+ "usage": "Saver class tier color for fares on light backgrounds",
180
153
  "wcag": "n/a",
181
154
  "deprecated": false
182
155
  },
183
- "ruby": {
184
- "value": "#015daa",
156
+ "inverse": {
157
+ "value": "{color.brand.cyan.200.value}",
185
158
  "public": true,
186
- "onDark": true,
187
- "usage": "Ruby tier color for Oneworld",
159
+ "inverse": true,
160
+ "usage": "Saver class tier color for fares on dark backgrounds",
188
161
  "wcag": "n/a",
189
162
  "deprecated": false
190
163
  }
191
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
+ }
192
191
  }
193
192
  }
194
193
  }
194
+ }
package/src/color/utility.json CHANGED
@@ -93,7 +93,7 @@
93
93
  },
94
94
  "navy": {
95
95
  "default": {
96
- "value": "{color.brand.navy.700.value}",
96
+ "value": "{color.brand.navy.800.value}",
97
97
  "public": true,
98
98
  "default": true,
99
99
  "usage": "",