@aurodesignsystem/design-tokens 4.4.0 → 4.5.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 (47) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +26 -23
  3. package/dist/tokens/CSSCustomProperties.css +1541 -64
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +16496 -2089
  6. package/dist/tokens/JSONVariablesFlat.json +470 -33
  7. package/dist/tokens/JSONVariablesNested.json +733 -48
  8. package/dist/tokens/JSObject--allTokens.js +13602 -2331
  9. package/dist/tokens/JSObject--deprecated.js +2266 -1897
  10. package/dist/tokens/JSVariables--color.js +736 -39
  11. package/dist/tokens/SCSSVariableMap.scss +1 -1
  12. package/dist/tokens/SCSSVariables.scss +1003 -46
  13. package/dist/tokens/SCSSVariablesMapFlat.scss +1006 -47
  14. package/dist/tokens/SassCustomProperties.scss +1541 -64
  15. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  16. package/dist/tokens/darkmode/CSSCustomProperties.css +4 -4
  17. package/dist/tokens/darkmode/JSDataColor.js +94 -30
  18. package/dist/tokens/darkmode/{JSObject--allDarkTokens.js → JSObject--deprecatedDark.js} +107 -43
  19. package/dist/tokens/darkmode/JSVariablesColor.js +4 -4
  20. package/dist/tokens/darkmode/SCSSVariables.scss +4 -4
  21. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +4 -4
  22. package/dist/tokens/darkmode/SassCustomProperties.scss +4 -4
  23. package/dist/tokens/excursion/JSONVariablesFlat.json +67 -0
  24. package/dist/tokens/excursion/JSONVariablesNested.json +105 -0
  25. package/package.json +5 -5
  26. package/src/color/alert.json +18 -103
  27. package/src/color/background.json +213 -10
  28. package/src/color/base.json +1219 -70
  29. package/src/color/border.json +253 -133
  30. package/src/color/brand.json +1204 -185
  31. package/src/color/container.json +464 -0
  32. package/src/color/icon.json +449 -91
  33. package/src/color/text.json +200 -145
  34. package/src/color/tier.json +118 -52
  35. package/src/color/ui.json +29 -115
  36. package/src/color-darkmode/base.json +6 -2
  37. package/src/color-darkmode/border.json +6 -2
  38. package/src/color-darkmode/icon.json +6 -2
  39. package/src/color-darkmode/text.json +15 -5
  40. package/src/color-darkmode/tier.json +6 -2
  41. package/src/depth.json +0 -7
  42. package/src/size/scale.json +0 -80
  43. package/src/themes/excursion/color/background.json +73 -0
  44. package/src/themes/excursion/color/base.json +234 -0
  45. package/src/themes/excursion/color/brand.json +254 -0
  46. package/src/breakpoint.json +0 -28
  47. package/src/shadow.json +0 -13
package/src/color/ui.json CHANGED
@@ -2,35 +2,15 @@
2
2
  "color": {
3
3
  "ui": {
4
4
  "default": {
5
- "onLight": {
6
- "value": "{color.brand.atlas.400.value}",
7
- "public": false,
8
- "onLight": true,
9
- "usage": "Default interaction color affordance",
10
- "wcag": "AAA",
11
- "deprecated": true,
12
- "comment": "Deprecated token",
13
- "reference": "color-ui-default-default",
14
- "version": "3.15.0"
15
- },
16
5
  "default": {
17
6
  "value": "{color.brand.atlas.400.value}",
18
7
  "public": true,
19
8
  "default": true,
20
9
  "usage": "Default interaction color affordance",
21
10
  "wcag": "AAA",
22
- "deprecated": false
23
- },
24
- "onDark": {
25
- "value": "{color.brand.breeze.300.value}",
26
- "public": false,
27
- "onDark": true,
28
- "usage": "OnDark interaction color affordance",
29
- "wcag": "AAA",
30
11
  "deprecated": true,
31
- "comment": "Deprecated token",
32
- "reference": "n/a",
33
- "version": "3.12.0"
12
+ "version": "4.5.0",
13
+ "reference": "n/a"
34
14
  },
35
15
  "inverse": {
36
16
  "value": "{color.brand.breeze.300.value}",
@@ -38,39 +18,21 @@
38
18
  "inverse": true,
39
19
  "usage": "OnDark interaction color affordance",
40
20
  "wcag": "AAA",
41
- "deprecated": false
21
+ "deprecated": true,
22
+ "version": "4.5.0",
23
+ "reference": "n/a"
42
24
  }
43
25
  },
44
26
  "hover": {
45
- "onLight": {
46
- "value": "{color.brand.atlas.500.value}",
47
- "public": false,
48
- "onLight": true,
49
- "usage": "Default hover color affordance",
50
- "wcag": "AAA",
51
- "deprecated": true,
52
- "comment": "Deprecated token",
53
- "reference": "color-ui-hover-default",
54
- "version": "3.15.0"
55
- },
56
27
  "default": {
57
28
  "value": "{color.brand.atlas.500.value}",
58
29
  "public": true,
59
30
  "default": true,
60
31
  "usage": "Default hover color affordance",
61
32
  "wcag": "AAA",
62
- "deprecated": false
63
- },
64
- "onDark": {
65
- "value": "{color.brand.breeze.200.value}",
66
- "public": false,
67
- "onDark": true,
68
- "usage": "Hover interaction color on dark backgrounds",
69
- "wcag": "AAA",
70
33
  "deprecated": true,
71
- "comment": "Deprecated token",
72
- "reference": "n/a",
73
- "version": "3.12.0"
34
+ "version": "4.5.0",
35
+ "reference": "n/a"
74
36
  },
75
37
  "inverse": {
76
38
  "value": "{color.brand.breeze.200.value}",
@@ -78,78 +40,42 @@
78
40
  "inverse": true,
79
41
  "usage": "Hover interaction color on dark backgrounds",
80
42
  "wcag": "AAA",
81
- "deprecated": false
43
+ "deprecated": true,
44
+ "version": "4.5.0",
45
+ "reference": "n/a"
82
46
  }
83
47
  },
84
48
  "active": {
85
- "onLight": {
86
- "value": "{color.brand.atlas.500.value}",
87
- "public": false,
88
- "onLight": true,
89
- "usage": "Active state color affordance",
90
- "wcag": "AAA",
91
- "deprecated": true,
92
- "comment": "Deprecated token",
93
- "reference": "color-ui-active-default",
94
- "version": "3.15.0"
95
- },
96
49
  "default": {
97
50
  "value": "{color.brand.atlas.500.value}",
98
51
  "public": true,
99
52
  "default": true,
100
53
  "usage": "Active state color affordance",
101
54
  "wcag": "AAA",
102
- "deprecated": false
103
- },
104
- "onDark": {
105
- "value": "{color.brand.breeze.200.value}",
106
- "public": false,
107
- "onDark": true,
108
- "usage": "OnDark active state color affordance",
109
- "wcag": "AAA",
110
55
  "deprecated": true,
111
- "comment": "Deprecated token",
112
- "reference": "n/a",
113
- "version": "3.12.0"
56
+ "version": "4.5.0",
57
+ "reference": "n/a"
114
58
  },
115
59
  "inverse": {
116
60
  "value": "{color.brand.breeze.200.value}",
117
61
  "public": true,
118
62
  "inverse": true,
119
63
  "usage": "Active state color affordance on dark backgrounds",
120
- "deprecated": false
64
+ "deprecated": true,
65
+ "version": "4.5.0",
66
+ "reference": "n/a"
121
67
  }
122
68
  },
123
69
  "disabled": {
124
- "onLight": {
125
- "value": "{color.brand.atlas.400-opacity-20.value}",
126
- "public": false,
127
- "onLight": true,
128
- "usage": "Disabled state color affordance",
129
- "wcag": "n/a",
130
- "deprecated": true,
131
- "comment": "Deprecated token",
132
- "reference": "color-ui-disabled-default",
133
- "version": "3.15.0"
134
- },
135
70
  "default": {
136
71
  "value": "{color.brand.atlas.400-opacity-20.value}",
137
72
  "public": true,
138
73
  "default": true,
139
74
  "usage": "Disabled state color affordance",
140
75
  "wcag": "n/a",
141
- "deprecated": false
142
- },
143
- "onDark": {
144
- "value": "{color.brand.breeze.300-opacity-30.value}",
145
- "public": false,
146
- "onDark": true,
147
- "usage": "OnDark disabled state color affordance",
148
- "wcag": "n/a",
149
76
  "deprecated": true,
150
- "comment": "Deprecated token",
151
- "reference": "n/a",
152
- "version": "3.12.0"
77
+ "version": "4.5.0",
78
+ "reference": "n/a"
153
79
  }
154
80
  },
155
81
  "bkg": {
@@ -159,50 +85,38 @@
159
85
  "public": true,
160
86
  "default": true,
161
87
  "usage": "Default affordance for background colors",
162
- "deprecated": false
88
+ "deprecated": true,
89
+ "version": "4.5.0",
90
+ "reference": "n/a"
163
91
  },
164
92
  "inverse": {
165
93
  "value": "ffffff08",
166
94
  "public": true,
167
95
  "inverse": true,
168
96
  "usage": "Default affordance for dark background colors",
169
- "deprecated": false
97
+ "deprecated": true,
98
+ "version": "4.5.0",
99
+ "reference": "n/a"
170
100
  }
171
101
  },
172
102
  "hover": {
173
- "onDark": {
174
- "value": "5de3f71a",
175
- "public": false,
176
- "onDark": true,
177
- "usage": "Default hover affordance for background colors onDark",
178
- "deprecated": true,
179
- "comment": "Deprecated token",
180
- "reference": "n/a",
181
- "version": "3.12.0"
182
- },
183
- "onLight": {
184
- "value": "0000000f",
185
- "public": false,
186
- "onLight": true,
187
- "usage": "Default hover affordance for background colors",
188
- "deprecated": true,
189
- "comment": "Deprecated token",
190
- "reference": "color-ui-bkg-hover-default",
191
- "version": "3.15.0"
192
- },
193
103
  "default": {
194
104
  "value": "0000000f",
195
105
  "public": true,
196
106
  "default": true,
197
107
  "usage": "Default hover affordance for background colors",
198
- "deprecated": false
108
+ "deprecated": true,
109
+ "version": "4.5.0",
110
+ "reference": "n/a"
199
111
  },
200
112
  "inverse": {
201
113
  "value": "ffffff0f",
202
114
  "public": true,
203
115
  "inverse": true,
204
116
  "usage": "Default hover affordance for dark background colors",
205
- "deprecated": false
117
+ "deprecated": true,
118
+ "version": "4.5.0",
119
+ "reference": "n/a"
206
120
  }
207
121
  }
208
122
  }
package/src/color-darkmode/base.json CHANGED
@@ -5,14 +5,18 @@
5
5
  "value": "000000",
6
6
  "comment": "{comments.color.base.value.comment}",
7
7
  "public": true,
8
- "deprecated": false,
8
+ "deprecated": true,
9
+ "version": "4.5.0",
10
+ "reference": "n/a",
9
11
  "darkmode": true
10
12
  },
11
13
  "black": {
12
14
  "value": "ffffff",
13
15
  "comment": "{comments.color.base.value.comment}",
14
16
  "public": true,
15
- "deprecated": false,
17
+ "deprecated": true,
18
+ "version": "4.5.0",
19
+ "reference": "n/a",
16
20
  "darkmode": true
17
21
  }
18
22
  }
package/src/color-darkmode/border.json CHANGED
@@ -9,7 +9,9 @@
9
9
  "default": true,
10
10
  "usage": "Primary border color on dark background",
11
11
  "wcag": "n/a",
12
- "deprecated": false
12
+ "deprecated": true,
13
+ "version": "4.5.0",
14
+ "reference": "n/a"
13
15
  }
14
16
  },
15
17
  "divider": {
@@ -20,7 +22,9 @@
20
22
  "default": true,
21
23
  "usage": "Strict use as divider between elements on dark backgrounds",
22
24
  "wcag": "n/a",
23
- "deprecated": false
25
+ "deprecated": true,
26
+ "version": "4.5.0",
27
+ "reference": "n/a"
24
28
  }
25
29
  }
26
30
  }
package/src/color-darkmode/icon.json CHANGED
@@ -9,7 +9,9 @@
9
9
  "default": true,
10
10
  "usage": "Primary color for icons on dark backgrounds",
11
11
  "wcag": "AAA",
12
- "deprecated": false
12
+ "deprecated": true,
13
+ "version": "4.5.0",
14
+ "reference": "n/a"
13
15
  }
14
16
  },
15
17
  "emphasis": {
@@ -20,7 +22,9 @@
20
22
  "default": true,
21
23
  "usage": "Emphasis or lightest icon color on dark backgrounds",
22
24
  "wcag": "AAA",
23
- "deprecated": false
25
+ "deprecated": true,
26
+ "version": "4.5.0",
27
+ "reference": "n/a"
24
28
  }
25
29
  }
26
30
  }
package/src/color-darkmode/text.json CHANGED
@@ -9,7 +9,9 @@
9
9
  "default": true,
10
10
  "usage": "Primary color for body and header text on dark backgrounds",
11
11
  "wcag": "AAA",
12
- "deprecated": false
12
+ "deprecated": true,
13
+ "version": "4.5.0",
14
+ "reference": "n/a"
13
15
  }
14
16
  },
15
17
  "secondary": {
@@ -20,7 +22,9 @@
20
22
  "default": true,
21
23
  "usage": "Secondary color for body text on dark backgrounds",
22
24
  "wcag": "AAA",
23
- "deprecated": false
25
+ "deprecated": true,
26
+ "version": "4.5.0",
27
+ "reference": "n/a"
24
28
  }
25
29
  },
26
30
  "link": {
@@ -31,7 +35,9 @@
31
35
  "default": true,
32
36
  "usage": "Link text color on light backgrounds",
33
37
  "wcag": "AA",
34
- "deprecated": false
38
+ "deprecated": true,
39
+ "version": "4.5.0",
40
+ "reference": "n/a"
35
41
  }
36
42
  },
37
43
  "error": {
@@ -42,7 +48,9 @@
42
48
  "default": true,
43
49
  "usage": "Error text color on dark backgrounds",
44
50
  "wcag": "AA",
45
- "deprecated": false
51
+ "deprecated": true,
52
+ "version": "4.5.0",
53
+ "reference": "n/a"
46
54
  }
47
55
  },
48
56
  "emphasis": {
@@ -53,7 +61,9 @@
53
61
  "default": true,
54
62
  "usage": "Emphasized text color on dark backgrounds",
55
63
  "wcag": "n/a",
56
- "deprecated": false
64
+ "deprecated": true,
65
+ "version": "4.5.0",
66
+ "reference": "n/a"
57
67
  }
58
68
  }
59
69
  }
package/src/color-darkmode/tier.json CHANGED
@@ -10,7 +10,9 @@
10
10
  "default": true,
11
11
  "usage": "MVP tier color for Alaska Airlines",
12
12
  "wcag": "n/a",
13
- "deprecated": false
13
+ "deprecated": true,
14
+ "version": "4.5.0",
15
+ "reference": "n/a"
14
16
  }
15
17
  },
16
18
  "mvpgold": {
@@ -21,7 +23,9 @@
21
23
  "default": true,
22
24
  "usage": "MVP Gold tier color for Alaska Airlines",
23
25
  "wcag": "n/a",
24
- "deprecated": false
26
+ "deprecated": true,
27
+ "version": "4.5.0",
28
+ "reference": "n/a"
25
29
  }
26
30
  }
27
31
  }
package/src/depth.json CHANGED
@@ -3,13 +3,6 @@
3
3
  "hidden": {
4
4
  "value": "-1"
5
5
  },
6
- "dialog": {
7
- "value": "100",
8
- "public": false,
9
- "deprecated": true,
10
- "reference": "depth-modal",
11
- "version": "3.2.1"
12
- },
13
6
  "overlay": {
14
7
  "value": "200",
15
8
  "public": true,
package/src/size/scale.json CHANGED
@@ -146,14 +146,6 @@
146
146
  }
147
147
  }
148
148
  },
149
- "none": {
150
- "value": "0",
151
- "comment": "Deprecated token, use 0 value",
152
- "public": false,
153
- "deprecated": true,
154
- "reference": "n/a",
155
- "version": "3.10.0"
156
- },
157
149
  "25": {
158
150
  "value": 0.125,
159
151
  "comment": "2px",
@@ -237,78 +229,6 @@
237
229
  "comment": "80px",
238
230
  "public": true,
239
231
  "deprecated": false
240
- },
241
- "xxxs": {
242
- "value": 0.125,
243
- "comment": "{comments.reference.comment} auro-size-25",
244
- "public": false,
245
- "reference": "size-25",
246
- "deprecated": true,
247
- "version": "3.10.0"
248
- },
249
- "xxs": {
250
- "value": 0.25,
251
- "comment": "{comments.reference.comment} auro-size-50",
252
- "public": false,
253
- "reference": "size-50",
254
- "deprecated": true,
255
- "version": "3.10.0"
256
- },
257
- "xs": {
258
- "value": 0.5,
259
- "comment": "{comments.reference.comment} auro-size-100",
260
- "public": false,
261
- "reference": "size-100",
262
- "deprecated": true,
263
- "version": "3.10.0"
264
- },
265
- "sm": {
266
- "value": 0.75,
267
- "comment": "{comments.reference.comment} auro-size-150",
268
- "public": false,
269
- "reference": "size-150",
270
- "deprecated": true,
271
- "version": "3.10.0"
272
- },
273
- "md": {
274
- "value": 1,
275
- "comment": "{comments.reference.comment} auro-size-200",
276
- "public": false,
277
- "reference": "size-200",
278
- "deprecated": true,
279
- "version": "3.10.0"
280
- },
281
- "lg": {
282
- "value": 1.5,
283
- "comment": "{comments.reference.comment} auro-size-300",
284
- "public": false,
285
- "reference": "size-300",
286
- "deprecated": true,
287
- "version": "3.10.0"
288
- },
289
- "xl": {
290
- "value": 2,
291
- "comment": "{comments.reference.comment} auro-size-400",
292
- "public": false,
293
- "reference": "size-400",
294
- "deprecated": true,
295
- "version": "3.10.0"
296
- },
297
- "xxl": {
298
- "value": 3,
299
- "comment": "{comments.reference.comment} auro-size-600",
300
- "reference": "size-600",
301
- "public": false,
302
- "deprecated": true,
303
- "version": "3.10.0"
304
- },
305
- "xxxl": {
306
- "value": 4,
307
- "public": false,
308
- "deprecated": true,
309
- "version": "3.10.0",
310
- "comment": "{comments.reference.comment} auro-size-800",
311
- "reference": "size-800"
312
232
  }
313
233
  }
314
234
  }
package/src/themes/excursion/color/background.json ADDED
@@ -0,0 +1,73 @@
1
+ {
2
+ "color": {
3
+ "background": {
4
+ "primary": {
5
+ "100": {
6
+ "default": {
7
+ "value": "{color.excursion.blue.100.value}",
8
+ "comment": "color.excursion.blue.100.value",
9
+ "public": true,
10
+ "usage": "",
11
+ "wcag": "n/a",
12
+ "deprecated": false
13
+ },
14
+ "inverse": {
15
+ "value": "{color.excursion.blue.700.value}",
16
+ "public": true,
17
+ "usage": "",
18
+ "wcag": "n/a",
19
+ "deprecated": false
20
+ }
21
+ },
22
+ "200": {
23
+ "default": {
24
+ "value": "{color.excursion.blue.200.value}",
25
+ "public": true,
26
+ "usage": "",
27
+ "wcag": "n/a",
28
+ "deprecated": false
29
+ },
30
+ "inverse": {
31
+ "value": "{color.excursion.blue.800.value}",
32
+ "public": true,
33
+ "usage": "",
34
+ "wcag": "n/a",
35
+ "deprecated": false
36
+ }
37
+ },
38
+ "300": {
39
+ "default": {
40
+ "value": "{color.excursion.blue.300.value}",
41
+ "public": true,
42
+ "usage": "",
43
+ "wcag": "n/a",
44
+ "deprecated": false
45
+ },
46
+ "inverse": {
47
+ "value": "{color.excursion.blue.900.value}",
48
+ "public": true,
49
+ "usage": "",
50
+ "wcag": "n/a",
51
+ "deprecated": false
52
+ }
53
+ },
54
+ "400": {
55
+ "default": {
56
+ "value": "{color.excursion.grey.100.value}",
57
+ "public": true,
58
+ "usage": "",
59
+ "wcag": "n/a",
60
+ "deprecated": false
61
+ },
62
+ "inverse": {
63
+ "value": "{color.excursion.grey.100.value}",
64
+ "public": true,
65
+ "usage": "",
66
+ "wcag": "n/a",
67
+ "deprecated": false
68
+ }
69
+ }
70
+ }
71
+ }
72
+ }
73
+ }