@aurodesignsystem/design-tokens 5.4.0 → 5.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 (80) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/CSSCustomProperties--bundled.css +847 -71
  3. package/dist/alaska/CSSCustomProperties--alaska.css +457 -0
  4. package/dist/alaska/JSONVariablesNested--alaska.json +706 -0
  5. package/dist/alaska/JSObject--allTokens.js +15481 -0
  6. package/dist/alaska/SCSSVariables--alaska.scss +454 -0
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +458 -0
  8. package/dist/alaska/primitives--alaska.scss +246 -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 +393 -71
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +614 -96
  22. package/dist/hawaiian/JSObject--allTokens.js +13917 -2636
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +393 -71
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +394 -72
  25. package/dist/hawaiian/primitives--hawaiian.scss +25 -24
  26. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  27. package/package.json +1 -1
  28. package/src/primitives/alaska/color.json +456 -456
  29. package/src/primitives/alaska/font.json +9 -9
  30. package/src/primitives/base/color.json +284 -284
  31. package/src/primitives/base/font.json +186 -175
  32. package/src/primitives/base/transparency.json +108 -108
  33. package/src/primitives/hawaiian/color.json +287 -287
  34. package/src/primitives/hawaiian/font.json +9 -9
  35. package/src/themes/alaska/advanced/accents.json +104 -0
  36. package/src/themes/alaska/advanced/boolean.json +87 -95
  37. package/src/themes/alaska/advanced/button/primary.json +146 -0
  38. package/src/themes/alaska/advanced/button/secondary.json +106 -0
  39. package/src/themes/alaska/advanced/button/tertiary.json +98 -0
  40. package/src/themes/alaska/advanced/hyperlink.json +34 -56
  41. package/src/themes/alaska/advanced/shared.json +43 -41
  42. package/src/themes/alaska/advanced/state.json +42 -48
  43. package/src/themes/alaska/basic/color/border.json +43 -45
  44. package/src/themes/alaska/basic/color/brand.json +68 -72
  45. package/src/themes/alaska/basic/color/fare-brand.json +46 -46
  46. package/src/themes/alaska/basic/color/page-background.json +9 -9
  47. package/src/themes/alaska/basic/color/status.json +61 -69
  48. package/src/themes/alaska/basic/color/surface.json +72 -80
  49. package/src/themes/alaska/basic/color/text-icon.json +38 -78
  50. package/src/themes/alaska/basic/corner-radius.json +15 -15
  51. package/src/themes/alaska/basic/font/accent.json +847 -217
  52. package/src/themes/alaska/basic/font/body.json +203 -48
  53. package/src/themes/alaska/basic/font/display.json +727 -187
  54. package/src/themes/alaska/basic/font/heading.json +725 -182
  55. package/src/themes/alaska-classic/color.json +2 -2
  56. package/src/themes/alaska-classic/typography.json +124 -124
  57. package/src/themes/hawaiian/advanced/accents.json +104 -0
  58. package/src/themes/hawaiian/advanced/boolean.json +115 -125
  59. package/src/themes/hawaiian/advanced/button/primary.json +146 -0
  60. package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
  61. package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
  62. package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
  63. package/src/themes/hawaiian/advanced/shared.json +30 -30
  64. package/src/themes/hawaiian/advanced/state.json +52 -60
  65. package/src/themes/hawaiian/basic/color/border.json +28 -29
  66. package/src/themes/hawaiian/basic/color/brand.json +48 -49
  67. package/src/themes/hawaiian/basic/color/fare-brand.json +44 -45
  68. package/src/themes/hawaiian/basic/color/page-background.json +8 -9
  69. package/src/themes/hawaiian/basic/color/status.json +36 -37
  70. package/src/themes/hawaiian/basic/color/surface.json +40 -41
  71. package/src/themes/hawaiian/basic/color/text-icon.json +38 -40
  72. package/src/themes/hawaiian/basic/corner-radius.json +30 -0
  73. package/src/themes/hawaiian/basic/font/accent.json +846 -216
  74. package/src/themes/hawaiian/basic/font/body.json +202 -47
  75. package/src/themes/hawaiian/basic/font/display.json +788 -0
  76. package/src/themes/hawaiian/basic/font/heading.json +724 -184
  77. package/src/themes/alaska/advanced/button.json +0 -260
  78. package/src/themes/hawaiian/advanced/button.json +0 -334
  79. package/src/themes/hawaiian/basic/color/color.json +0 -57
  80. package/src/themes/hawaiian/basic/font/typography.json +0 -248
@@ -1,260 +0,0 @@
1
- {
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
12
- },
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
20
- },
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
256
- }
257
- }
258
- }
259
- }
260
- }
@@ -1,334 +0,0 @@
1
- {
2
- "advanced": {
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
- "borderDisabled": {
31
- "value": "{color.royalpurple.300.value}",
32
- "type": "semantic",
33
- "public": true,
34
- "default": true,
35
- "usage": "",
36
- "deprecated": false
37
- },
38
- "background": {
39
- "value": "{basic.color.brand.primary.value}",
40
- "type": "semantic",
41
- "public": true,
42
- "default": true,
43
- "usage": "Primary button background color",
44
- "deprecated": false
45
- },
46
- "backgroundHover": {
47
- "value": "{basic.color.brand.primaryBold.value}",
48
- "type": "semantic",
49
- "public": true,
50
- "default": true,
51
- "usage": "Primary button background hover color",
52
- "deprecated": false
53
- },
54
- "backgroundActive": {
55
- "value": "{basic.color.brand.primaryBold.value}",
56
- "type": "semantic",
57
- "public": true,
58
- "default": true,
59
- "usage": "Primary button background active color",
60
- "deprecated": false
61
- },
62
- "backgroundDisabled": {
63
- "value": "{color.royalpurple.300.value}",
64
- "type": "semantic",
65
- "public": true,
66
- "default": true,
67
- "usage": "",
68
- "deprecated": false
69
- },
70
- "backgroundInactive": {
71
- "value": "{color.royalpurple.200.value}",
72
- "type": "semantic",
73
- "public": true,
74
- "default": true,
75
- "usage": "",
76
- "deprecated": false
77
- },
78
- "backgroundInactiveHover": {
79
- "value": "{color.royalpurple.400.value}",
80
- "type": "semantic",
81
- "public": true,
82
- "default": true,
83
- "usage": "",
84
- "deprecated": false
85
- },
86
- "textInverse": {
87
- "value": "{basic.color.brand.primary.value}",
88
- "type": "semantic",
89
- "public": true,
90
- "default": true,
91
- "usage": "Primary button inverse text color",
92
- "deprecated": false
93
- },
94
- "borderInverse": {
95
- "value": "{color.white.value}",
96
- "type": "semantic",
97
- "public": true,
98
- "default": true,
99
- "usage": "Primary button inverse border color",
100
- "deprecated": false
101
- },
102
- "borderInverseDisabled": {
103
- "value": "{transparency.white.75.value}",
104
- "type": "semantic",
105
- "public": true,
106
- "default": true,
107
- "usage": "",
108
- "deprecated": false
109
- },
110
- "backgroundInverse": {
111
- "value": "{color.white.value}",
112
- "type": "semantic",
113
- "public": true,
114
- "default": true,
115
- "usage": "Primary button inverse background color",
116
- "deprecated": false
117
- },
118
- "borderInverseHover": {
119
- "value": "{basic.color.brand.primaryMuted.value}",
120
- "type": "semantic",
121
- "public": true,
122
- "default": true,
123
- "usage": "Primary button inverse border hover color",
124
- "deprecated": false
125
- },
126
- "backgroundInverseHover": {
127
- "value": "{basic.color.brand.primaryMuted.value}",
128
- "type": "semantic",
129
- "public": true,
130
- "default": true,
131
- "usage": "Primary button inverse background hover color",
132
- "deprecated": false
133
- },
134
- "backgroundInverseDisabled": {
135
- "value": "{transparency.white.75.value}",
136
- "type": "semantic",
137
- "public": true,
138
- "default": true,
139
- "usage": "",
140
- "deprecated": false
141
- }
142
- },
143
- "secondary": {
144
- "text": {
145
- "value": "{basic.color.brand.primary.value}",
146
- "type": "semantic",
147
- "public": true,
148
- "default": true,
149
- "usage": "Secondary button text color",
150
- "deprecated": false
151
- },
152
- "textHover": {
153
- "value": "{basic.color.brand.primaryBold.value}",
154
- "type": "semantic",
155
- "public": true,
156
- "default": true,
157
- "usage": "Secondary button text hover color",
158
- "deprecated": false
159
- },
160
- "border": {
161
- "value": "{basic.color.border.default.value}",
162
- "type": "semantic",
163
- "public": true,
164
- "default": true,
165
- "usage": "Secondary button border color",
166
- "deprecated": false
167
- },
168
- "borderHover": {
169
- "value": "{basic.color.border.default.value}",
170
- "type": "semantic",
171
- "public": true,
172
- "default": true,
173
- "usage": "Secondary button border hover color",
174
- "deprecated": false
175
- },
176
- "borderHoverDisabled": {
177
- "value": "{color.gray.50.value}",
178
- "type": "semantic",
179
- "public": true,
180
- "default": true,
181
- "usage": "",
182
- "deprecated": false
183
- },
184
- "background": {
185
- "value": "{color.white.value}",
186
- "type": "semantic",
187
- "public": true,
188
- "default": true,
189
- "usage": "Secondary button background color",
190
- "deprecated": false
191
- },
192
- "backgroundDisabled": {
193
- "value": "{color.gray.50.value}",
194
- "type": "semantic",
195
- "public": true,
196
- "default": true,
197
- "usage": "",
198
- "deprecated": false
199
- },
200
- "backgroundHover": {
201
- "value": "{color.gray.100.value}",
202
- "type": "semantic",
203
- "public": true,
204
- "default": true,
205
- "usage": "Secondary button background hover color",
206
- "deprecated": false
207
- },
208
- "textInverse": {
209
- "value": "{color.white.value}",
210
- "type": "semantic",
211
- "public": true,
212
- "default": true,
213
- "usage": "Secondary button inverse text color",
214
- "deprecated": false
215
- },
216
- "borderInverse": {
217
- "value": "{color.white.value}",
218
- "type": "semantic",
219
- "public": true,
220
- "default": true,
221
- "usage": "Secondary button inverse border color",
222
- "deprecated": false
223
- },
224
- "borderInverseDisabled": {
225
- "value": "{basic.color.border.subtle.value}",
226
- "type": "semantic",
227
- "public": true,
228
- "default": true,
229
- "usage": "",
230
- "deprecated": false
231
- },
232
- "backgroundInverseHover": {
233
- "value": "{transparency.black.5.value}",
234
- "type": "semantic",
235
- "public": true,
236
- "default": true,
237
- "usage": "Secondary button inverse background hover color",
238
- "deprecated": false
239
- }
240
- },
241
- "tertiary": {
242
- "text": {
243
- "value": "{basic.color.brand.primary.value}",
244
- "type": "semantic",
245
- "public": true,
246
- "default": true,
247
- "usage": "Tertiary button text color",
248
- "deprecated": false
249
- },
250
- "textHover": {
251
- "value": "{basic.color.brand.primaryBold.value}",
252
- "type": "semantic",
253
- "public": true,
254
- "default": true,
255
- "usage": "Tertiary button text hover color",
256
- "deprecated": false
257
- },
258
- "background": {
259
- "value": "{transparency.black.5.value}",
260
- "type": "semantic",
261
- "public": true,
262
- "default": true,
263
- "usage": "Tertiary button background color",
264
- "deprecated": false
265
- },
266
- "backgroundHover": {
267
- "value": "{transparency.black.10.value}",
268
- "type": "semantic",
269
- "public": true,
270
- "default": true,
271
- "usage": "Tertiary button background hover color",
272
- "deprecated": false
273
- },
274
- "border": {
275
- "value": "{transparency.black.5.value}",
276
- "type": "semantic",
277
- "public": true,
278
- "default": true,
279
- "usage": "Tertiary button border color",
280
- "deprecated": false
281
- },
282
- "borderHover": {
283
- "value": "{transparency.black.10.value}",
284
- "type": "semantic",
285
- "public": true,
286
- "default": true,
287
- "usage": "Tertiary button border hover color",
288
- "deprecated": false
289
- },
290
- "textInverse": {
291
- "value": "{color.white.value}",
292
- "type": "semantic",
293
- "public": true,
294
- "default": true,
295
- "usage": "Tertiary button inverse text color",
296
- "deprecated": false
297
- },
298
- "backgroundInverse": {
299
- "value": "{transparency.white.5.value}",
300
- "type": "semantic",
301
- "public": true,
302
- "default": true,
303
- "usage": "Tertiary button inverse background color",
304
- "deprecated": false
305
- },
306
- "backgroundInverseHover": {
307
- "value": "{transparency.white.10.value}",
308
- "type": "semantic",
309
- "public": true,
310
- "default": true,
311
- "usage": "Tertiary button inverse background hover color",
312
- "deprecated": false
313
- },
314
- "borderInverse": {
315
- "value": "{transparency.white.5.value}",
316
- "type": "semantic",
317
- "public": true,
318
- "default": true,
319
- "usage": "Tertiary button inverse border color",
320
- "deprecated": false
321
- },
322
- "borderInverseHover": {
323
- "value": "{transparency.white.10.value}",
324
- "type": "semantic",
325
- "public": true,
326
- "default": true,
327
- "usage": "Tertiary button inverse border hover color",
328
- "deprecated": false
329
- }
330
- }
331
- }
332
- }
333
- }
334
- }
@@ -1,57 +0,0 @@
1
- {
2
- "basic": {
3
- "color": {
4
- "textIcon": {
5
- "accent1": {
6
- "value": "{color.black.value}",
7
- "type": "semantic",
8
- "public": true,
9
- "default": true,
10
- "usage": "Accent text/icon color",
11
- "deprecated": false
12
- },
13
- "default": {
14
- "value": "{color.black.value}",
15
- "type": "semantic",
16
- "public": true,
17
- "default": true,
18
- "usage": "Default text/icon color",
19
- "deprecated": false
20
- },
21
- "disabled": {
22
- "value": "{color.gray.250.value}",
23
- "type": "semantic",
24
- "public": true,
25
- "default": true,
26
- "usage": "Disabled text/icon color",
27
- "deprecated": false
28
- },
29
- "inverse": {
30
- "value": "{color.white.value}",
31
- "type": "semantic",
32
- "public": true,
33
- "default": true,
34
- "usage": "Inverse text/icon color",
35
- "deprecated": false
36
- },
37
- "inverseDisabled": {
38
- "value": "{color.gray.250.value}",
39
- "type": "semantic",
40
- "public": true,
41
- "default": true,
42
- "usage": "Disabled inverse text/icon color",
43
- "deprecated": false
44
- },
45
- "muted": {
46
- "value": "{color.gray.900.value}",
47
- "type": "semantic",
48
- "public": true,
49
- "default": true,
50
- "usage": "Muted text/icon color",
51
- "deprecated": false
52
- }
53
- }
54
- }
55
- }
56
- }
57
-