@aurodesignsystem/design-tokens 5.5.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 (79) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/CSSCustomProperties--bundled.css +799 -153
  3. package/dist/alaska/CSSCustomProperties--alaska.css +412 -88
  4. package/dist/alaska/JSONVariablesNested--alaska.json +633 -133
  5. package/dist/alaska/JSObject--allTokens.js +14053 -2706
  6. package/dist/alaska/SCSSVariables--alaska.scss +412 -88
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +412 -88
  8. package/dist/alaska/primitives--alaska.scss +35 -34
  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 +388 -66
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +611 -93
  22. package/dist/hawaiian/JSObject--allTokens.js +13903 -2622
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +388 -66
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +389 -67
  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 +115 -125
  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 +19 -43
  41. package/src/themes/alaska/advanced/shared.json +30 -30
  42. package/src/themes/alaska/advanced/state.json +52 -60
  43. package/src/themes/alaska/basic/color/border.json +43 -45
  44. package/src/themes/alaska/basic/color/brand.json +61 -61
  45. package/src/themes/alaska/basic/color/fare-brand.json +44 -44
  46. package/src/themes/alaska/basic/color/page-background.json +9 -9
  47. package/src/themes/alaska/basic/color/status.json +36 -37
  48. package/src/themes/alaska/basic/color/surface.json +72 -80
  49. package/src/themes/alaska/basic/color/text-icon.json +37 -77
  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/typography.json +124 -124
  56. package/src/themes/hawaiian/advanced/accents.json +104 -0
  57. package/src/themes/hawaiian/advanced/boolean.json +115 -125
  58. package/src/themes/hawaiian/advanced/button/primary.json +146 -0
  59. package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
  60. package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
  61. package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
  62. package/src/themes/hawaiian/advanced/shared.json +30 -30
  63. package/src/themes/hawaiian/advanced/state.json +52 -60
  64. package/src/themes/hawaiian/basic/color/border.json +28 -29
  65. package/src/themes/hawaiian/basic/color/brand.json +48 -49
  66. package/src/themes/hawaiian/basic/color/fare-brand.json +41 -42
  67. package/src/themes/hawaiian/basic/color/page-background.json +8 -9
  68. package/src/themes/hawaiian/basic/color/status.json +36 -37
  69. package/src/themes/hawaiian/basic/color/surface.json +40 -41
  70. package/src/themes/hawaiian/basic/color/text-icon.json +37 -39
  71. package/src/themes/hawaiian/basic/corner-radius.json +30 -0
  72. package/src/themes/hawaiian/basic/font/accent.json +846 -216
  73. package/src/themes/hawaiian/basic/font/body.json +202 -47
  74. package/src/themes/hawaiian/basic/font/display.json +788 -0
  75. package/src/themes/hawaiian/basic/font/heading.json +724 -184
  76. package/src/themes/alaska/advanced/button.json +0 -262
  77. package/src/themes/hawaiian/advanced/button.json +0 -334
  78. package/src/themes/hawaiian/basic/color/color.json +0 -57
  79. package/src/themes/hawaiian/basic/font/typography.json +0 -248
@@ -1,262 +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
- "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
- }
94
- },
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
- }
168
- },
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
- }
258
- }
259
- }
260
- }
261
- }
262
- }
@@ -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
-