@aurodesignsystem/design-tokens 4.5.0 → 4.6.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 (50) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +5 -1
  3. package/dist/tokens/CSSCustomProperties.css +9 -9
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +237 -219
  6. package/dist/tokens/JSONVariablesFlat.json +8 -8
  7. package/dist/tokens/JSONVariablesNested.json +17 -15
  8. package/dist/tokens/JSObject--allTokens.js +237 -219
  9. package/dist/tokens/JSObject--deprecated.js +1 -1
  10. package/dist/tokens/JSVariables--color.js +9 -9
  11. package/dist/tokens/SCSSVariableMap.scss +1 -1
  12. package/dist/tokens/SCSSVariables.scss +9 -9
  13. package/dist/tokens/SCSSVariablesMapFlat.scss +9 -9
  14. package/dist/tokens/SassCustomProperties.scss +9 -9
  15. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  16. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  17. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  18. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  19. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  20. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  21. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  22. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  23. package/dist/tokens/excursion/JSONVariablesFlat.json +699 -30
  24. package/dist/tokens/excursion/JSONVariablesNested.json +1156 -39
  25. package/package.json +1 -1
  26. package/src/color/background.json +69 -67
  27. package/src/themes/excursion/animation.json +21 -0
  28. package/src/themes/excursion/asset/font.json +35 -0
  29. package/src/themes/excursion/color/alert.json +90 -0
  30. package/src/themes/excursion/color/background.json +208 -1
  31. package/src/themes/excursion/color/base.json +1295 -226
  32. package/src/themes/excursion/color/border.json +288 -0
  33. package/src/themes/excursion/color/brand.json +1388 -93
  34. package/src/themes/excursion/color/container.json +464 -0
  35. package/src/themes/excursion/color/excursion.json +254 -0
  36. package/src/themes/excursion/color/icon.json +476 -0
  37. package/src/themes/excursion/color/text.json +270 -0
  38. package/src/themes/excursion/color/tier.json +180 -0
  39. package/src/themes/excursion/color/ui.json +125 -0
  40. package/src/themes/excursion/comments.json +34 -0
  41. package/src/themes/excursion/depth copy.json +22 -0
  42. package/src/themes/excursion/elevation.json +22 -0
  43. package/src/themes/excursion/grid-breakpoint.json +29 -0
  44. package/src/themes/excursion/grid-column.json +29 -0
  45. package/src/themes/excursion/grid-gutter.json +29 -0
  46. package/src/themes/excursion/grid-margin.json +29 -0
  47. package/src/themes/excursion/size/radius.json +9 -0
  48. package/src/themes/excursion/size/scale.json +234 -0
  49. package/src/themes/excursion/size/unitless-scale.json +82 -0
  50. package/src/themes/excursion/text.json +572 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "4.5.0",
3
+ "version": "4.6.0",
4
4
  "description": "Alaska Air Auro Design System token repository",
5
5
  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
6
6
  "author": "Alaska Airlines Product design and engineering",
@@ -1,76 +1,78 @@
1
1
  {
2
2
  "color": {
3
3
  "background": {
4
- "100": {
5
- "default": {
6
- "value": "{color.base.white.value}",
7
- "public": true,
8
- "default": true,
9
- "usage": "Used for creating light backgrounds",
10
- "wcag": "n/a",
11
- "deprecated": false
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
+ }
12
22
  },
13
- "inverse": {
14
- "value": "{color.brand.navy.1000.value}",
15
- "public": true,
16
- "inverse": true,
17
- "usage": "Used for creating dark backgrounds",
18
- "wcag": "n/a",
19
- "deprecated": false
20
- }
21
- },
22
- "200": {
23
- "default": {
24
- "value": "{color.brand.gray.100.value}",
25
- "public": true,
26
- "default": true,
27
- "usage": "Used for creating light backgrounds",
28
- "wcag": "n/a",
29
- "deprecated": false
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
+ }
30
40
  },
31
- "inverse": {
32
- "value": "{color.brand.navy.900.value}",
33
- "public": true,
34
- "inverse": true,
35
- "usage": "Used for creating dark backgrounds",
36
- "wcag": "n/a",
37
- "deprecated": false
38
- }
39
- },
40
- "300": {
41
- "default": {
42
- "value": "{color.brand.neutral.200.value}",
43
- "public": true,
44
- "default": true,
45
- "usage": "Used for creating light backgrounds",
46
- "wcag": "n/a",
47
- "deprecated": false
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
+ }
48
58
  },
49
- "inverse": {
50
- "value": "{color.brand.navy.800.value}",
51
- "public": true,
52
- "inverse": true,
53
- "usage": "Used for creating dark backgrounds",
54
- "wcag": "n/a",
55
- "deprecated": false
56
- }
57
- },
58
- "400": {
59
- "default": {
60
- "value": "{color.brand.gray.200.value}",
61
- "public": true,
62
- "default": true,
63
- "usage": "Used for creating light backgrounds",
64
- "wcag": "n/a",
65
- "deprecated": false
66
- },
67
- "inverse": {
68
- "value": "{color.brand.navy.700.value}",
69
- "public": true,
70
- "inverse": true,
71
- "usage": "Used for creating dark backgrounds",
72
- "wcag": "n/a",
73
- "deprecated": false
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
+ }
74
76
  }
75
77
  },
76
78
  "success": {
@@ -0,0 +1,21 @@
1
+ {
2
+ "animation": {
3
+ "default": {
4
+ "property": {
5
+ "value": "all",
6
+ "public": true,
7
+ "deprecated": false
8
+ },
9
+ "duration": {
10
+ "value": "0.3s",
11
+ "public": true,
12
+ "deprecated": false
13
+ },
14
+ "timing": {
15
+ "value": "ease-out",
16
+ "public": true,
17
+ "deprecated": false
18
+ }
19
+ }
20
+ }
21
+ }
@@ -0,0 +1,35 @@
1
+ {
2
+ "asset": {
3
+ "font": {
4
+ "circular": {
5
+ "familyName": {
6
+ "value": "AS Circular",
7
+ "public": true,
8
+ "deprecated": false
9
+ },
10
+ "filename": {
11
+ "value": "ASCircularWeb",
12
+ "public": true,
13
+ "deprecated": false
14
+ },
15
+ "weight": {
16
+ "light": {
17
+ "value": "-Light",
18
+ "public": true,
19
+ "deprecated": false
20
+ },
21
+ "medium": {
22
+ "value": "-Medium",
23
+ "public": true,
24
+ "deprecated": false
25
+ },
26
+ "book": {
27
+ "value": "-Book",
28
+ "public": true,
29
+ "deprecated": false
30
+ }
31
+ }
32
+ }
33
+ }
34
+ }
35
+ }
@@ -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
+ }
@@ -5,7 +5,7 @@
5
5
  "100": {
6
6
  "default": {
7
7
  "value": "{color.excursion.blue.100.value}",
8
- "comment": "color.excursion.blue.100.value",
8
+ "comment": "",
9
9
  "public": true,
10
10
  "usage": "",
11
11
  "wcag": "n/a",
@@ -13,6 +13,7 @@
13
13
  },
14
14
  "inverse": {
15
15
  "value": "{color.excursion.blue.700.value}",
16
+ "comment": "",
16
17
  "public": true,
17
18
  "usage": "",
18
19
  "wcag": "n/a",
@@ -22,6 +23,7 @@
22
23
  "200": {
23
24
  "default": {
24
25
  "value": "{color.excursion.blue.200.value}",
26
+ "comment": "",
25
27
  "public": true,
26
28
  "usage": "",
27
29
  "wcag": "n/a",
@@ -29,6 +31,7 @@
29
31
  },
30
32
  "inverse": {
31
33
  "value": "{color.excursion.blue.800.value}",
34
+ "comment": "",
32
35
  "public": true,
33
36
  "usage": "",
34
37
  "wcag": "n/a",
@@ -38,6 +41,7 @@
38
41
  "300": {
39
42
  "default": {
40
43
  "value": "{color.excursion.blue.300.value}",
44
+ "comment": "",
41
45
  "public": true,
42
46
  "usage": "",
43
47
  "wcag": "n/a",
@@ -45,6 +49,7 @@
45
49
  },
46
50
  "inverse": {
47
51
  "value": "{color.excursion.blue.900.value}",
52
+ "comment": "",
48
53
  "public": true,
49
54
  "usage": "",
50
55
  "wcag": "n/a",
@@ -54,6 +59,7 @@
54
59
  "400": {
55
60
  "default": {
56
61
  "value": "{color.excursion.grey.100.value}",
62
+ "comment": "",
57
63
  "public": true,
58
64
  "usage": "",
59
65
  "wcag": "n/a",
@@ -61,12 +67,213 @@
61
67
  },
62
68
  "inverse": {
63
69
  "value": "{color.excursion.grey.100.value}",
70
+ "comment": "",
64
71
  "public": true,
65
72
  "usage": "",
66
73
  "wcag": "n/a",
67
74
  "deprecated": false
68
75
  }
69
76
  }
77
+ },
78
+ "secondary": {
79
+ "100": {
80
+ "default": {
81
+ "value": "{color.excursion.green.100.value}",
82
+ "comment": "",
83
+ "public": true,
84
+ "usage": "",
85
+ "wcag": "n/a",
86
+ "deprecated": false
87
+ },
88
+ "inverse": {
89
+ "value": "{color.excursion.green.800.value}",
90
+ "comment": "",
91
+ "public": true,
92
+ "usage": "",
93
+ "wcag": "n/a",
94
+ "deprecated": false
95
+ }
96
+ },
97
+ "200": {
98
+ "default": {
99
+ "value": "{color.excursion.green.200.value}",
100
+ "comment": "",
101
+ "public": true,
102
+ "usage": "",
103
+ "wcag": "n/a",
104
+ "deprecated": false
105
+ },
106
+ "inverse": {
107
+ "value": "{color.excursion.green.900.value}",
108
+ "comment": "",
109
+ "public": true,
110
+ "usage": "",
111
+ "wcag": "n/a",
112
+ "deprecated": false
113
+ }
114
+ },
115
+ "300": {
116
+ "default": {
117
+ "value": "{color.excursion.green.300.value}",
118
+ "comment": "",
119
+ "public": true,
120
+ "usage": "",
121
+ "wcag": "n/a",
122
+ "deprecated": false
123
+ },
124
+ "inverse": {
125
+ "value": "{color.excursion.green.1000.value}",
126
+ "comment": "",
127
+ "public": true,
128
+ "usage": "",
129
+ "wcag": "n/a",
130
+ "deprecated": false
131
+ }
132
+ },
133
+ "400": {
134
+ "default": {
135
+ "value": "{color.excursion.grey.100.value}",
136
+ "comment": "",
137
+ "public": true,
138
+ "usage": "",
139
+ "wcag": "n/a",
140
+ "deprecated": false
141
+ },
142
+ "inverse": {
143
+ "value": "{color.excursion.grey.100.value}",
144
+ "comment": "",
145
+ "public": true,
146
+ "usage": "",
147
+ "wcag": "n/a",
148
+ "deprecated": false
149
+ }
150
+ }
151
+ },
152
+ "error": {
153
+ "default": {
154
+ "value": "{color.excursion.grey.100.value}",
155
+ "comment": "",
156
+ "public": true,
157
+ "usage": "",
158
+ "wcag": "n/a",
159
+ "deprecated": false
160
+ },
161
+ "inverse": {
162
+ "value": "{color.excursion.grey.100.value}",
163
+ "comment": "",
164
+ "public": true,
165
+ "usage": "",
166
+ "wcag": "n/a",
167
+ "deprecated": false
168
+ }
169
+ },
170
+ "success": {
171
+ "default": {
172
+ "value": "{color.excursion.grey.100.value}",
173
+ "comment": "",
174
+ "public": true,
175
+ "usage": "",
176
+ "wcag": "n/a",
177
+ "deprecated": false
178
+ },
179
+ "inverse": {
180
+ "value": "{color.excursion.green.500.value}",
181
+ "comment": "",
182
+ "public": true,
183
+ "usage": "",
184
+ "wcag": "n/a",
185
+ "deprecated": false
186
+ }
187
+ },
188
+ "warning": {
189
+ "default": {
190
+ "value": "{color.excursion.grey.100.value}",
191
+ "comment": "",
192
+ "public": true,
193
+ "usage": "",
194
+ "wcag": "n/a",
195
+ "deprecated": false
196
+ },
197
+ "inverse": {
198
+ "value": "{color.excursion.grey.100.value}",
199
+ "comment": "",
200
+ "public": true,
201
+ "usage": "",
202
+ "wcag": "n/a",
203
+ "deprecated": false
204
+ }
205
+ },
206
+ "info": {
207
+ "default": {
208
+ "value": "{color.excursion.grey.100.value}",
209
+ "comment": "",
210
+ "public": true,
211
+ "usage": "",
212
+ "wcag": "n/a",
213
+ "deprecated": false
214
+ },
215
+ "inverse": {
216
+ "value": "{color.excursion.grey.100.value}",
217
+ "comment": "",
218
+ "public": true,
219
+ "usage": "",
220
+ "wcag": "n/a",
221
+ "deprecated": false
222
+ }
223
+ },
224
+ "accent": {
225
+ "default": {
226
+ "value": "{color.excursion.grey.100.value}",
227
+ "comment": "",
228
+ "public": true,
229
+ "usage": "",
230
+ "wcag": "n/a",
231
+ "deprecated": false
232
+ },
233
+ "inverse": {
234
+ "value": "{color.excursion.grey.100.value}",
235
+ "comment": "",
236
+ "public": true,
237
+ "usage": "",
238
+ "wcag": "n/a",
239
+ "deprecated": false
240
+ }
241
+ },
242
+ "emphasis": {
243
+ "default": {
244
+ "value": "{color.excursion.grey.100.value}",
245
+ "comment": "",
246
+ "public": true,
247
+ "usage": "",
248
+ "wcag": "n/a",
249
+ "deprecated": false
250
+ },
251
+ "inverse": {
252
+ "value": "{color.excursion.grey.100.value}",
253
+ "comment": "",
254
+ "public": true,
255
+ "usage": "",
256
+ "wcag": "n/a",
257
+ "deprecated": false
258
+ }
259
+ },
260
+ "subtle": {
261
+ "default": {
262
+ "value": "{color.excursion.grey.100.value}",
263
+ "comment": "",
264
+ "public": true,
265
+ "usage": "",
266
+ "wcag": "n/a",
267
+ "deprecated": false
268
+ },
269
+ "inverse": {
270
+ "value": "{color.excursion.grey.100.value}",
271
+ "comment": "",
272
+ "public": true,
273
+ "usage": "",
274
+ "wcag": "n/a",
275
+ "deprecated": false
276
+ }
70
277
  }
71
278
  }
72
279
  }