@aurodesignsystem/design-tokens 5.4.0 → 5.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 (42) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/CSSCustomProperties--bundled.css +145 -15
  3. package/dist/alaska/CSSCustomProperties--alaska.css +133 -0
  4. package/dist/alaska/JSONVariablesNested--alaska.json +206 -0
  5. package/dist/alaska/JSObject--allTokens.js +4134 -0
  6. package/dist/alaska/SCSSVariables--alaska.scss +130 -0
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +134 -0
  8. package/dist/alaska/primitives--alaska.scss +245 -0
  9. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  13. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  14. package/dist/auro-classic/JSVariables--color.js +1 -1
  15. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  16. package/dist/auro-classic/SCSSVariables.scss +1 -1
  17. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  18. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  19. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +15 -15
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +6 -6
  22. package/dist/hawaiian/JSObject--allTokens.js +61 -61
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +15 -15
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +15 -15
  25. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  26. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  27. package/package.json +1 -1
  28. package/src/themes/alaska/advanced/boolean.json +127 -125
  29. package/src/themes/alaska/advanced/button.json +253 -251
  30. package/src/themes/alaska/advanced/hyperlink.json +58 -56
  31. package/src/themes/alaska/advanced/shared.json +37 -35
  32. package/src/themes/alaska/advanced/state.json +56 -54
  33. package/src/themes/alaska/basic/color/border.json +1 -1
  34. package/src/themes/alaska/basic/color/brand.json +17 -21
  35. package/src/themes/alaska/basic/color/fare-brand.json +3 -3
  36. package/src/themes/alaska/basic/color/status.json +61 -68
  37. package/src/themes/alaska/basic/color/surface.json +3 -3
  38. package/src/themes/alaska/basic/color/text-icon.json +5 -5
  39. package/src/themes/alaska-classic/color.json +2 -2
  40. package/src/themes/hawaiian/basic/color/color.json +1 -1
  41. package/src/themes/hawaiian/basic/color/fare-brand.json +5 -5
  42. package/src/themes/hawaiian/basic/color/text-icon.json +1 -1
package/src/themes/alaska/advanced/button.json CHANGED
@@ -1,258 +1,260 @@
1
1
  {
2
2
  "advanced": {
3
- "button": {
4
- "primary": {
5
- "text": {
6
- "value": "{color.white.value}",
7
- "type": "semantic",
8
- "public": true,
9
- "default": true,
10
- "usage": "Primary button text color",
11
- "deprecated": false
3
+ "color": {
4
+ "button": {
5
+ "primary": {
6
+ "text": {
7
+ "value": "{color.white.value}",
8
+ "type": "semantic",
9
+ "public": true,
10
+ "default": true,
11
+ "usage": "Primary button text color",
12
+ "deprecated": false
13
+ },
14
+ "border": {
15
+ "value": "{basic.color.brand.primary.value}",
16
+ "type": "semantic",
17
+ "public": true,
18
+ "default": true,
19
+ "usage": "Primary button border color",
20
+ "deprecated": false
21
+ },
22
+ "borderHover": {
23
+ "value": "{basic.color.brand.primaryBold.value}",
24
+ "type": "semantic",
25
+ "public": true,
26
+ "default": true,
27
+ "usage": "Primary button border hover color",
28
+ "deprecated": false
29
+ },
30
+ "background": {
31
+ "value": "{basic.color.brand.primary.value}",
32
+ "type": "semantic",
33
+ "public": true,
34
+ "default": true,
35
+ "usage": "Primary button background color",
36
+ "deprecated": false
37
+ },
38
+ "backgroundHover": {
39
+ "value": "{basic.color.brand.primaryBold.value}",
40
+ "type": "semantic",
41
+ "public": true,
42
+ "default": true,
43
+ "usage": "Primary button background hover color",
44
+ "deprecated": false
45
+ },
46
+ "backgroundActive": {
47
+ "value": "{basic.color.brand.primaryBold.value}",
48
+ "type": "semantic",
49
+ "public": true,
50
+ "default": true,
51
+ "usage": "Primary button background active color",
52
+ "deprecated": false
53
+ },
54
+ "textInverse": {
55
+ "value": "{basic.color.brand.primary.value}",
56
+ "type": "semantic",
57
+ "public": true,
58
+ "default": true,
59
+ "usage": "Primary button inverse text color",
60
+ "deprecated": false
61
+ },
62
+ "borderInverse": {
63
+ "value": "{color.white.value}",
64
+ "type": "semantic",
65
+ "public": true,
66
+ "default": true,
67
+ "usage": "Primary button inverse border color",
68
+ "deprecated": false
69
+ },
70
+ "backgroundInverse": {
71
+ "value": "{color.white.value}",
72
+ "type": "semantic",
73
+ "public": true,
74
+ "default": true,
75
+ "usage": "Primary button inverse background color",
76
+ "deprecated": false
77
+ },
78
+ "borderInverseHover": {
79
+ "value": "{basic.color.brand.primaryMuted.value}",
80
+ "type": "semantic",
81
+ "public": true,
82
+ "default": true,
83
+ "usage": "Primary button inverse border hover color",
84
+ "deprecated": false
85
+ },
86
+ "backgroundInverseHover": {
87
+ "value": "{basic.color.brand.primaryMuted.value}",
88
+ "type": "semantic",
89
+ "public": true,
90
+ "default": true,
91
+ "usage": "Primary button inverse background hover color",
92
+ "deprecated": false
93
+ }
12
94
  },
13
- "border": {
14
- "value": "{color.brand.primary.value}",
15
- "type": "semantic",
16
- "public": true,
17
- "default": true,
18
- "usage": "Primary button border color",
19
- "deprecated": false
95
+ "secondary": {
96
+ "text": {
97
+ "value": "{basic.color.brand.primary.value}",
98
+ "type": "semantic",
99
+ "public": true,
100
+ "default": true,
101
+ "usage": "Secondary button text color",
102
+ "deprecated": false
103
+ },
104
+ "textHover": {
105
+ "value": "{basic.color.brand.primaryBold.value}",
106
+ "type": "semantic",
107
+ "public": true,
108
+ "default": true,
109
+ "usage": "Secondary button text hover color",
110
+ "deprecated": false
111
+ },
112
+ "border": {
113
+ "value": "{basic.color.brand.primary.value}",
114
+ "type": "semantic",
115
+ "public": true,
116
+ "default": true,
117
+ "usage": "Secondary button border color",
118
+ "deprecated": false
119
+ },
120
+ "borderHover": {
121
+ "value": "{basic.color.brand.primaryBold.value}",
122
+ "type": "semantic",
123
+ "public": true,
124
+ "default": true,
125
+ "usage": "Secondary button border hover color",
126
+ "deprecated": false
127
+ },
128
+ "background": {
129
+ "value": "{transparency.white.80.value}",
130
+ "type": "semantic",
131
+ "public": true,
132
+ "default": true,
133
+ "usage": "Secondary button background color",
134
+ "deprecated": false
135
+ },
136
+ "backgroundHover": {
137
+ "value": "{transparency.white.50.value}",
138
+ "type": "semantic",
139
+ "public": true,
140
+ "default": true,
141
+ "usage": "Secondary button background hover color",
142
+ "deprecated": false
143
+ },
144
+ "textInverse": {
145
+ "value": "{color.white.value}",
146
+ "type": "semantic",
147
+ "public": true,
148
+ "default": true,
149
+ "usage": "Secondary button inverse text color",
150
+ "deprecated": false
151
+ },
152
+ "borderInverse": {
153
+ "value": "{color.white.value}",
154
+ "type": "semantic",
155
+ "public": true,
156
+ "default": true,
157
+ "usage": "Secondary button inverse border color",
158
+ "deprecated": false
159
+ },
160
+ "backgroundInverseHover": {
161
+ "value": "{transparency.white.80.value}",
162
+ "type": "semantic",
163
+ "public": true,
164
+ "default": true,
165
+ "usage": "Secondary button inverse background hover color",
166
+ "deprecated": false
167
+ }
20
168
  },
21
- "borderHover": {
22
- "value": "{color.brand.primaryBold.value}",
23
- "type": "semantic",
24
- "public": true,
25
- "default": true,
26
- "usage": "Primary button border hover color",
27
- "deprecated": false
28
- },
29
- "background": {
30
- "value": "{color.brand.primary.value}",
31
- "type": "semantic",
32
- "public": true,
33
- "default": true,
34
- "usage": "Primary button background color",
35
- "deprecated": false
36
- },
37
- "backgroundHover": {
38
- "value": "{color.brand.primaryBold.value}",
39
- "type": "semantic",
40
- "public": true,
41
- "default": true,
42
- "usage": "Primary button background hover color",
43
- "deprecated": false
44
- },
45
- "backgroundActive": {
46
- "value": "{color.brand.primaryBold.value}",
47
- "type": "semantic",
48
- "public": true,
49
- "default": true,
50
- "usage": "Primary button background active color",
51
- "deprecated": false
52
- },
53
- "textInverse": {
54
- "value": "{color.brand.primary.value}",
55
- "type": "semantic",
56
- "public": true,
57
- "default": true,
58
- "usage": "Primary button inverse text color",
59
- "deprecated": false
60
- },
61
- "borderInverse": {
62
- "value": "{color.white.value}",
63
- "type": "semantic",
64
- "public": true,
65
- "default": true,
66
- "usage": "Primary button inverse border color",
67
- "deprecated": false
68
- },
69
- "backgroundInverse": {
70
- "value": "{color.white.value}",
71
- "type": "semantic",
72
- "public": true,
73
- "default": true,
74
- "usage": "Primary button inverse background color",
75
- "deprecated": false
76
- },
77
- "borderInverseHover": {
78
- "value": "{color.brand.primaryMuted.value}",
79
- "type": "semantic",
80
- "public": true,
81
- "default": true,
82
- "usage": "Primary button inverse border hover color",
83
- "deprecated": false
84
- },
85
- "backgroundInverseHover": {
86
- "value": "{color.brand.primaryMuted.value}",
87
- "type": "semantic",
88
- "public": true,
89
- "default": true,
90
- "usage": "Primary button inverse background hover color",
91
- "deprecated": false
92
- }
93
- },
94
- "secondary": {
95
- "text": {
96
- "value": "{color.brand.primary.value}",
97
- "type": "semantic",
98
- "public": true,
99
- "default": true,
100
- "usage": "Secondary button text color",
101
- "deprecated": false
102
- },
103
- "textHover": {
104
- "value": "{color.brand.primaryBold.value}",
105
- "type": "semantic",
106
- "public": true,
107
- "default": true,
108
- "usage": "Secondary button text hover color",
109
- "deprecated": false
110
- },
111
- "border": {
112
- "value": "{color.brand.primary.value}",
113
- "type": "semantic",
114
- "public": true,
115
- "default": true,
116
- "usage": "Secondary button border color",
117
- "deprecated": false
118
- },
119
- "borderHover": {
120
- "value": "{color.brand.primaryBold.value}",
121
- "type": "semantic",
122
- "public": true,
123
- "default": true,
124
- "usage": "Secondary button border hover color",
125
- "deprecated": false
126
- },
127
- "background": {
128
- "value": "{transparency.white.80.value}",
129
- "type": "semantic",
130
- "public": true,
131
- "default": true,
132
- "usage": "Secondary button background color",
133
- "deprecated": false
134
- },
135
- "backgroundHover": {
136
- "value": "{transparency.white.50.value}",
137
- "type": "semantic",
138
- "public": true,
139
- "default": true,
140
- "usage": "Secondary button background hover color",
141
- "deprecated": false
142
- },
143
- "textInverse": {
144
- "value": "{color.white.value}",
145
- "type": "semantic",
146
- "public": true,
147
- "default": true,
148
- "usage": "Secondary button inverse text color",
149
- "deprecated": false
150
- },
151
- "borderInverse": {
152
- "value": "{color.white.value}",
153
- "type": "semantic",
154
- "public": true,
155
- "default": true,
156
- "usage": "Secondary button inverse border color",
157
- "deprecated": false
158
- },
159
- "backgroundInverseHover": {
160
- "value": "{transparency.white.80.value}",
161
- "type": "semantic",
162
- "public": true,
163
- "default": true,
164
- "usage": "Secondary button inverse background hover color",
165
- "deprecated": false
166
- }
167
- },
168
- "tertiary": {
169
- "text": {
170
- "value": "{color.brand.primary.value}",
171
- "type": "semantic",
172
- "public": true,
173
- "default": true,
174
- "usage": "Tertiary button text color",
175
- "deprecated": false
176
- },
177
- "textHover": {
178
- "value": "{color.brand.primaryBold.value}",
179
- "type": "semantic",
180
- "public": true,
181
- "default": true,
182
- "usage": "Tertiary button text hover color",
183
- "deprecated": false
184
- },
185
- "background": {
186
- "value": "{transparency.black.5.value}",
187
- "type": "semantic",
188
- "public": true,
189
- "default": true,
190
- "usage": "Tertiary button background color",
191
- "deprecated": false
192
- },
193
- "backgroundHover": {
194
- "value": "{transparency.black.10.value}",
195
- "type": "semantic",
196
- "public": true,
197
- "default": true,
198
- "usage": "Tertiary button background hover color",
199
- "deprecated": false
200
- },
201
- "border": {
202
- "value": "{transparency.black.5.value}",
203
- "type": "semantic",
204
- "public": true,
205
- "default": true,
206
- "usage": "Tertiary button border color",
207
- "deprecated": false
208
- },
209
- "borderHover": {
210
- "value": "{transparency.black.10.value}",
211
- "type": "semantic",
212
- "public": true,
213
- "default": true,
214
- "usage": "Tertiary button border hover color",
215
- "deprecated": false
216
- },
217
- "textInverse": {
218
- "value": "{color.white.value}",
219
- "type": "semantic",
220
- "public": true,
221
- "default": true,
222
- "usage": "Tertiary button inverse text color",
223
- "deprecated": false
224
- },
225
- "backgroundInverse": {
226
- "value": "{transparency.white.5.value}",
227
- "type": "semantic",
228
- "public": true,
229
- "default": true,
230
- "usage": "Tertiary button inverse background color",
231
- "deprecated": false
232
- },
233
- "backgroundInverseHover": {
234
- "value": "{transparency.white.10.value}",
235
- "type": "semantic",
236
- "public": true,
237
- "default": true,
238
- "usage": "Tertiary button inverse background hover color",
239
- "deprecated": false
240
- },
241
- "borderInverse": {
242
- "value": "{transparency.white.5.value}",
243
- "type": "semantic",
244
- "public": true,
245
- "default": true,
246
- "usage": "Tertiary button inverse border color",
247
- "deprecated": false
248
- },
249
- "borderInverseHover": {
250
- "value": "{transparency.white.10.value}",
251
- "type": "semantic",
252
- "public": true,
253
- "default": true,
254
- "usage": "Tertiary button inverse border hover color",
255
- "deprecated": false
169
+ "tertiary": {
170
+ "text": {
171
+ "value": "{basic.color.brand.primary.value}",
172
+ "type": "semantic",
173
+ "public": true,
174
+ "default": true,
175
+ "usage": "Tertiary button text color",
176
+ "deprecated": false
177
+ },
178
+ "textHover": {
179
+ "value": "{basic.color.brand.primaryBold.value}",
180
+ "type": "semantic",
181
+ "public": true,
182
+ "default": true,
183
+ "usage": "Tertiary button text hover color",
184
+ "deprecated": false
185
+ },
186
+ "background": {
187
+ "value": "{transparency.black.5.value}",
188
+ "type": "semantic",
189
+ "public": true,
190
+ "default": true,
191
+ "usage": "Tertiary button background color",
192
+ "deprecated": false
193
+ },
194
+ "backgroundHover": {
195
+ "value": "{transparency.black.10.value}",
196
+ "type": "semantic",
197
+ "public": true,
198
+ "default": true,
199
+ "usage": "Tertiary button background hover color",
200
+ "deprecated": false
201
+ },
202
+ "border": {
203
+ "value": "{transparency.black.5.value}",
204
+ "type": "semantic",
205
+ "public": true,
206
+ "default": true,
207
+ "usage": "Tertiary button border color",
208
+ "deprecated": false
209
+ },
210
+ "borderHover": {
211
+ "value": "{transparency.black.10.value}",
212
+ "type": "semantic",
213
+ "public": true,
214
+ "default": true,
215
+ "usage": "Tertiary button border hover color",
216
+ "deprecated": false
217
+ },
218
+ "textInverse": {
219
+ "value": "{color.white.value}",
220
+ "type": "semantic",
221
+ "public": true,
222
+ "default": true,
223
+ "usage": "Tertiary button inverse text color",
224
+ "deprecated": false
225
+ },
226
+ "backgroundInverse": {
227
+ "value": "{transparency.white.5.value}",
228
+ "type": "semantic",
229
+ "public": true,
230
+ "default": true,
231
+ "usage": "Tertiary button inverse background color",
232
+ "deprecated": false
233
+ },
234
+ "backgroundInverseHover": {
235
+ "value": "{transparency.white.10.value}",
236
+ "type": "semantic",
237
+ "public": true,
238
+ "default": true,
239
+ "usage": "Tertiary button inverse background hover color",
240
+ "deprecated": false
241
+ },
242
+ "borderInverse": {
243
+ "value": "{transparency.white.5.value}",
244
+ "type": "semantic",
245
+ "public": true,
246
+ "default": true,
247
+ "usage": "Tertiary button inverse border color",
248
+ "deprecated": false
249
+ },
250
+ "borderInverseHover": {
251
+ "value": "{transparency.white.10.value}",
252
+ "type": "semantic",
253
+ "public": true,
254
+ "default": true,
255
+ "usage": "Tertiary button inverse border hover color",
256
+ "deprecated": false
257
+ }
256
258
  }
257
259
  }
258
260
  }
package/src/themes/alaska/advanced/hyperlink.json CHANGED
@@ -1,61 +1,63 @@
1
1
  {
2
2
  "advanced": {
3
- "hyperlink": {
4
- "default": {
5
- "value": "{color.brand.primary.value}",
6
- "type": "semantic",
7
- "public": true,
8
- "default": true,
9
- "usage": "Default hyperlink color",
10
- "deprecated": false
11
- },
12
- "hover": {
13
- "value": "{color.brand.primaryBold.value}",
14
- "type": "semantic",
15
- "public": true,
16
- "default": true,
17
- "usage": "Hyperlink hover state color",
18
- "deprecated": false
19
- },
20
- "active": {
21
- "value": "{color.brand.primaryBold.value}",
22
- "type": "semantic",
23
- "public": true,
24
- "default": true,
25
- "usage": "Hyperlink active state color",
26
- "deprecated": false
27
- },
28
- "visited": {
29
- "value": "{color.brand.primaryMuted.value}",
30
- "type": "semantic",
31
- "public": true,
32
- "default": true,
33
- "usage": "Hyperlink visited state color",
34
- "deprecated": false
35
- },
36
- "disabled": {
37
- "value": "{color.gray.400.value}",
38
- "type": "semantic",
39
- "public": true,
40
- "default": true,
41
- "usage": "Hyperlink disabled state color",
42
- "deprecated": false
43
- },
44
- "inverse": {
45
- "value": "{color.white.value}",
46
- "type": "semantic",
47
- "public": true,
48
- "default": true,
49
- "usage": "Hyperlink inverse color",
50
- "deprecated": false
51
- },
52
- "inverseHover": {
53
- "value": "{color.brand.primaryMuted.value}",
54
- "type": "semantic",
55
- "public": true,
56
- "default": true,
57
- "usage": "Hyperlink inverse hover color",
58
- "deprecated": false
3
+ "color": {
4
+ "hyperlink": {
5
+ "default": {
6
+ "value": "{basic.color.brand.primary.value}",
7
+ "type": "semantic",
8
+ "public": true,
9
+ "default": true,
10
+ "usage": "Default hyperlink color",
11
+ "deprecated": false
12
+ },
13
+ "hover": {
14
+ "value": "{basic.color.brand.primaryBold.value}",
15
+ "type": "semantic",
16
+ "public": true,
17
+ "default": true,
18
+ "usage": "Hyperlink hover state color",
19
+ "deprecated": false
20
+ },
21
+ "active": {
22
+ "value": "{basic.color.brand.primaryBold.value}",
23
+ "type": "semantic",
24
+ "public": true,
25
+ "default": true,
26
+ "usage": "Hyperlink active state color",
27
+ "deprecated": false
28
+ },
29
+ "visited": {
30
+ "value": "{basic.color.brand.primaryMuted.value}",
31
+ "type": "semantic",
32
+ "public": true,
33
+ "default": true,
34
+ "usage": "Hyperlink visited state color",
35
+ "deprecated": false
36
+ },
37
+ "disabled": {
38
+ "value": "{color.gray.400.value}",
39
+ "type": "semantic",
40
+ "public": true,
41
+ "default": true,
42
+ "usage": "Hyperlink disabled state color",
43
+ "deprecated": false
44
+ },
45
+ "inverse": {
46
+ "value": "{color.white.value}",
47
+ "type": "semantic",
48
+ "public": true,
49
+ "default": true,
50
+ "usage": "Hyperlink inverse color",
51
+ "deprecated": false
52
+ },
53
+ "inverseHover": {
54
+ "value": "{basic.color.brand.primaryMuted.value}",
55
+ "type": "semantic",
56
+ "public": true,
57
+ "default": true,
58
+ "usage": "Hyperlink inverse hover color",
59
+ "deprecated": false
60
+ }
59
61
  }
60
62
  }
61
63
  }