@aurodesignsystem/design-tokens 5.6.1 → 5.8.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 (73) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/CSSCustomProperties--bundled.css +507 -41
  3. package/dist/alaska/CSSCustomProperties--alaska.css +25 -22
  4. package/dist/alaska/JSONVariablesNested--alaska.json +26 -21
  5. package/dist/alaska/JSObject--allTokens.js +277 -180
  6. package/dist/alaska/SCSSVariables--alaska.scss +25 -22
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +25 -22
  8. package/dist/alaska/primitives--alaska.scss +27 -27
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +463 -0
  10. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +714 -0
  11. package/dist/alaska-classic/JSObject--allTokens.js +15671 -0
  12. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +460 -0
  13. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +464 -0
  14. package/dist/alaska-classic/primitives--alaskaClassic.scss +246 -0
  15. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  16. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  17. package/dist/auro-classic/JSData--color.js +1 -1
  18. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  19. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  20. package/dist/auro-classic/JSVariables--color.js +1 -1
  21. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  22. package/dist/auro-classic/SCSSVariables.scss +1 -1
  23. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  24. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  25. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  26. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +23 -20
  27. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +24 -19
  28. package/dist/hawaiian/JSObject--allTokens.js +273 -176
  29. package/dist/hawaiian/SCSSVariables--hawaiian.scss +23 -20
  30. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +23 -20
  31. package/dist/hawaiian/primitives--hawaiian.scss +27 -27
  32. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  33. package/package.json +1 -1
  34. package/src/primitives/base/transparency.json +38 -38
  35. package/src/themes/alaska/advanced/boolean.json +2 -2
  36. package/src/themes/alaska/advanced/button/flat.json +58 -0
  37. package/src/themes/alaska/advanced/button/primary.json +0 -8
  38. package/src/themes/alaska/advanced/button/secondary.json +4 -4
  39. package/src/themes/alaska/advanced/button/tertiary.json +0 -32
  40. package/src/themes/alaska/basic/color/text-icon.json +16 -0
  41. package/src/themes/alaska-classic/advanced/accents.json +104 -0
  42. package/src/themes/alaska-classic/advanced/boolean.json +144 -0
  43. package/src/themes/alaska-classic/advanced/button/flat.json +58 -0
  44. package/src/themes/alaska-classic/advanced/button/primary.json +138 -0
  45. package/src/themes/alaska-classic/advanced/button/secondary.json +106 -0
  46. package/src/themes/alaska-classic/advanced/button/tertiary.json +66 -0
  47. package/src/themes/alaska-classic/advanced/hyperlink.json +40 -0
  48. package/src/themes/alaska-classic/advanced/shared.json +48 -0
  49. package/src/themes/alaska-classic/advanced/state.json +72 -0
  50. package/src/themes/alaska-classic/basic/color/border.json +64 -0
  51. package/src/themes/alaska-classic/basic/color/brand.json +104 -0
  52. package/src/themes/alaska-classic/basic/color/fare-brand.json +74 -0
  53. package/src/themes/alaska-classic/basic/color/page-background.json +24 -0
  54. package/src/themes/alaska-classic/basic/color/status.json +80 -0
  55. package/src/themes/alaska-classic/basic/color/surface.json +88 -0
  56. package/src/themes/alaska-classic/basic/color/text-icon.json +72 -0
  57. package/src/themes/alaska-classic/basic/corner-radius.json +30 -0
  58. package/src/themes/alaska-classic/basic/font/accent.json +918 -0
  59. package/src/themes/alaska-classic/basic/font/body.json +218 -0
  60. package/src/themes/alaska-classic/basic/font/display.json +788 -0
  61. package/src/themes/alaska-classic/basic/font/heading.json +788 -0
  62. package/src/themes/hawaiian/advanced/button/flat.json +58 -0
  63. package/src/themes/hawaiian/advanced/button/primary.json +0 -8
  64. package/src/themes/hawaiian/advanced/button/secondary.json +4 -4
  65. package/src/themes/hawaiian/advanced/button/tertiary.json +0 -32
  66. package/src/themes/hawaiian/basic/color/text-icon.json +16 -0
  67. package/src/themes/alaska-classic/color.json +0 -444
  68. package/src/themes/alaska-classic/component/boolean.json +0 -70
  69. package/src/themes/alaska-classic/component/button.json +0 -260
  70. package/src/themes/alaska-classic/component/hyperlink.json +0 -62
  71. package/src/themes/alaska-classic/component/shared.json +0 -46
  72. package/src/themes/alaska-classic/component/state.json +0 -70
  73. package/src/themes/alaska-classic/typography.json +0 -824
package/src/themes/alaska-classic/component/button.json DELETED
@@ -1,260 +0,0 @@
1
- {
2
- "component": {
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.texticon.default.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.brand.tertiary.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.brand.tertiary.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.tertiarySubtle.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.tertiarySubtle.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.secondary.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": "{color.white.value}",
129
- "type": "semantic",
130
- "public": true,
131
- "default": true,
132
- "usage": "Secondary button background color",
133
- "deprecated": false
134
- },
135
- "backgroundHover": {
136
- "value": "{color.gray.100.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.brand.tertiary.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.brand.tertiary.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": "{color.brand.tertiaryMuted.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.brand.tertiary.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
- }
package/src/themes/alaska-classic/component/hyperlink.json DELETED
@@ -1,62 +0,0 @@
1
- {
2
- "component": {
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.secondary.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.brand.tertiary.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.tertiaryMuted.value}",
54
- "type": "semantic",
55
- "public": true,
56
- "default": true,
57
- "usage": "Hyperlink inverse hover color",
58
- "deprecated": false
59
- }
60
- }
61
- }
62
- }
package/src/themes/alaska-classic/component/shared.json DELETED
@@ -1,46 +0,0 @@
1
- {
2
- "component": {
3
- "background": {
4
- "default": {
5
- "value": "{color.white.value}",
6
- "type": "semantic",
7
- "public": true,
8
- "default": true,
9
- "usage": "Component background color",
10
- "deprecated": false
11
- },
12
- "muted": {
13
- "value": "{color.gray.50.value}",
14
- "type": "semantic",
15
- "public": true,
16
- "default": true,
17
- "usage": "Component background muted color",
18
- "deprecated": false
19
- },
20
- "strong": {
21
- "value": "{color.gray.600.value}",
22
- "type": "semantic",
23
- "public": true,
24
- "default": true,
25
- "usage": "Component background strong color",
26
- "deprecated": false
27
- },
28
- "inverse": {
29
- "value": "{color.transparencies.white.5.value}",
30
- "type": "semantic",
31
- "public": true,
32
- "default": true,
33
- "usage": "Component background hover color",
34
- "deprecated": false
35
- }
36
- },
37
- "textAccent": {
38
- "value": "{color.brand.primary.value}",
39
- "type": "semantic",
40
- "public": true,
41
- "default": true,
42
- "usage": "",
43
- "deprecated": false
44
- }
45
- }
46
- }
package/src/themes/alaska-classic/component/state.json DELETED
@@ -1,70 +0,0 @@
1
- {
2
- "component": {
3
- "state": {
4
- "focused": {
5
- "default": {
6
- "value": "{color.brand.primary.value}",
7
- "type": "semantic",
8
- "public": true,
9
- "default": true,
10
- "usage": "",
11
- "deprecated": false
12
- },
13
- "inverse": {
14
- "value": "{color.brand.tertiary.value}",
15
- "type": "semantic",
16
- "public": true,
17
- "default": true,
18
- "usage": "",
19
- "deprecated": false
20
- }
21
- },
22
- "selected": {
23
- "default": {
24
- "value": "{color.brand.primary.value}",
25
- "type": "semantic",
26
- "public": true,
27
- "default": true,
28
- "usage": "",
29
- "deprecated": false
30
- },
31
- "hover": {
32
- "value": "{color.brand.primaryBold.value}",
33
- "type": "semantic",
34
- "public": true,
35
- "default": true,
36
- "usage": "",
37
- "deprecated": false
38
- }
39
- },
40
- "background": {
41
- "hover": {
42
- "value": "{color.gray.100.value}",
43
- "type": "semantic",
44
- "public": true,
45
- "default": true,
46
- "usage": "",
47
- "deprecated": false
48
- },
49
- "disabled": {
50
- "value": "{color.gray.200.value}",
51
- "type": "semantic",
52
- "public": true,
53
- "default": true,
54
- "usage": "",
55
- "deprecated": false
56
- },
57
- "inverse": {
58
- "hover": {
59
- "value": "{color.transparencies.white.15.value}",
60
- "type": "semantic",
61
- "public": true,
62
- "default": true,
63
- "usage": "",
64
- "deprecated": false
65
- }
66
- }
67
- }
68
- }
69
- }
70
- }