@aurodesignsystem/design-tokens 5.3.0 → 5.4.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 (84) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +44 -255
  3. package/dist/CSSCustomProperties--bundled.css +129 -345
  4. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  5. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  6. package/dist/auro-classic/JSData--color.js +1 -1
  7. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  8. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  9. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  10. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  11. package/dist/auro-classic/JSVariables--color.js +1 -1
  12. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  13. package/dist/auro-classic/SCSSVariables.scss +162 -162
  14. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  15. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  16. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  17. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  18. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +188 -0
  19. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  22. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  23. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  24. package/package.json +1 -1
  25. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  26. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  27. package/src/primitives/base/{typography.json → font.json} +102 -48
  28. package/src/primitives/base/transparency.json +7 -0
  29. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  30. package/src/themes/alaska/advanced/boolean.json +136 -0
  31. package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
  32. package/src/themes/alaska/advanced/hyperlink.json +62 -0
  33. package/src/themes/alaska/advanced/shared.json +46 -0
  34. package/src/themes/alaska/advanced/state.json +70 -0
  35. package/src/themes/alaska/basic/color/border.json +66 -0
  36. package/src/themes/alaska/basic/color/brand.json +108 -0
  37. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  38. package/src/themes/alaska/basic/color/page-background.json +24 -0
  39. package/src/themes/alaska/basic/color/status.json +88 -0
  40. package/src/themes/alaska/basic/color/surface.json +96 -0
  41. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  42. package/src/themes/alaska/basic/corner-radius.json +30 -0
  43. package/src/themes/alaska/basic/font/accent.json +288 -0
  44. package/src/themes/alaska/basic/font/body.json +63 -0
  45. package/src/themes/alaska/basic/font/display.json +248 -0
  46. package/src/themes/alaska/basic/font/heading.json +245 -0
  47. package/src/themes/alaska-classic/component/boolean.json +70 -0
  48. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  49. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  50. package/src/themes/alaska-classic/component/shared.json +46 -0
  51. package/src/themes/alaska-classic/component/state.json +70 -0
  52. package/src/themes/alaska-classic/typography.json +799 -107
  53. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  54. package/src/themes/hawaiian/advanced/button.json +334 -0
  55. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  56. package/src/themes/hawaiian/advanced/shared.json +48 -0
  57. package/src/themes/hawaiian/advanced/state.json +72 -0
  58. package/src/themes/hawaiian/basic/color/border.json +65 -0
  59. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  60. package/src/themes/hawaiian/basic/color/color.json +57 -0
  61. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  62. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  63. package/src/themes/hawaiian/basic/color/status.json +81 -0
  64. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  65. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  66. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  67. package/src/themes/hawaiian/basic/font/body.json +63 -0
  68. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  69. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  70. package/dist/alaska/CSSCustomProperties--alaska.css +0 -119
  71. package/dist/alaska/JSObject--allTokens.js +0 -3731
  72. package/dist/alaska/SCSSVariables--alaska.scss +0 -116
  73. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
  74. package/dist/alaska/primitives--alaska.scss +0 -215
  75. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  76. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  77. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  78. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  79. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  80. package/src/themes/alaska/color.json +0 -444
  81. package/src/themes/alaska/typography.json +0 -132
  82. package/src/themes/hawaiian/color.json +0 -444
  83. package/src/themes/hawaiian/component.json +0 -392
  84. package/src/themes/hawaiian/typography.json +0 -132
package/src/themes/alaska/basic/font/heading.json ADDED
@@ -0,0 +1,245 @@
1
+ {
2
+ "basic": {
3
+ "text": {
4
+ "heading": {
5
+ "xl": {
6
+ "breakpoint": {
7
+ "lg": {
8
+ "fontFamily": "{font.family.asCircular.value}",
9
+ "fontSize": "{font.size.40.value}",
10
+ "fontWeight": "{font.weight.light.value}",
11
+ "lineHeight": "{font.lineHeight.130.value}",
12
+ "letterSpacing": "{font.letterSpacing.sm.value}",
13
+ "type": "semantic",
14
+ "public": true,
15
+ "default": true,
16
+ "usage": "",
17
+ "deprecated": false
18
+ },
19
+ "md": {
20
+ "fontFamily": "{font.family.asCircular.value}",
21
+ "fontSize": "{font.size.36.value}",
22
+ "fontWeight": "{font.weight.light.value}",
23
+ "lineHeight": "{font.lineHeight.130.value}",
24
+ "letterSpacing": "{font.letterSpacing.sm.value}",
25
+ "type": "semantic",
26
+ "public": true,
27
+ "default": true,
28
+ "usage": "",
29
+ "deprecated": false
30
+ },
31
+ "sm": {
32
+ "fontFamily": "{font.family.asCircular.value}",
33
+ "fontSize": "{font.size.32.value}",
34
+ "fontWeight": "{font.weight.light.value}",
35
+ "lineHeight": "{font.lineHeight.130.value}",
36
+ "letterSpacing": "{font.letterSpacing.sm.value}",
37
+ "type": "semantic",
38
+ "public": true,
39
+ "default": true,
40
+ "usage": "",
41
+ "deprecated": false
42
+ }
43
+ }
44
+ },
45
+ "lg": {
46
+ "breakpoint": {
47
+ "lg": {
48
+ "fontFamily": "{font.family.asCircular.value}",
49
+ "fontSize": "{font.size.36.value}",
50
+ "fontWeight": "{font.weight.light.value}",
51
+ "lineHeight": "{font.lineHeight.130.value}",
52
+ "letterSpacing": "{font.letterSpacing.sm.value}",
53
+ "type": "semantic",
54
+ "public": true,
55
+ "default": true,
56
+ "usage": "",
57
+ "deprecated": false
58
+ },
59
+ "md": {
60
+ "fontFamily": "{font.family.asCircular.value}",
61
+ "fontSize": "{font.size.32.value}",
62
+ "fontWeight": "{font.weight.light.value}",
63
+ "lineHeight": "{font.lineHeight.130.value}",
64
+ "letterSpacing": "{font.letterSpacing.sm.value}",
65
+ "type": "semantic",
66
+ "public": true,
67
+ "default": true,
68
+ "usage": "",
69
+ "deprecated": false
70
+ },
71
+ "sm": {
72
+ "fontFamily": "{font.family.asCircular.value}",
73
+ "fontSize": "{font.size.28.value}",
74
+ "fontWeight": "{font.weight.light.value}",
75
+ "lineHeight": "{font.lineHeight.130.value}",
76
+ "letterSpacing": "{font.letterSpacing.sm.value}",
77
+ "type": "semantic",
78
+ "public": true,
79
+ "default": true,
80
+ "usage": "",
81
+ "deprecated": false
82
+ }
83
+ }
84
+ },
85
+ "md": {
86
+ "breakpoint": {
87
+ "lg": {
88
+ "fontFamily": "{font.family.asCircular.value}",
89
+ "fontSize": "{font.size.28.value}",
90
+ "fontWeight": "{font.weight.light.value}",
91
+ "lineHeight": "{font.lineHeight.130.value}",
92
+ "letterSpacing": "{font.letterSpacing.sm.value}",
93
+ "type": "semantic",
94
+ "public": true,
95
+ "default": true,
96
+ "usage": "",
97
+ "deprecated": false
98
+ },
99
+ "md": {
100
+ "fontFamily": "{font.family.asCircular.value}",
101
+ "fontSize": "{font.size.28.value}",
102
+ "fontWeight": "{font.weight.light.value}",
103
+ "lineHeight": "{font.lineHeight.130.value}",
104
+ "letterSpacing": "{font.letterSpacing.sm.value}",
105
+ "type": "semantic",
106
+ "public": true,
107
+ "default": true,
108
+ "usage": "",
109
+ "deprecated": false
110
+ },
111
+ "sm": {
112
+ "fontFamily": "{font.family.asCircular.value}",
113
+ "fontSize": "{font.size.26.value}",
114
+ "fontWeight": "{font.weight.light.value}",
115
+ "lineHeight": "{font.lineHeight.130.value}",
116
+ "letterSpacing": "{font.letterSpacing.sm.value}",
117
+ "type": "semantic",
118
+ "public": true,
119
+ "default": true,
120
+ "usage": "",
121
+ "deprecated": false
122
+ }
123
+ }
124
+ },
125
+ "sm": {
126
+ "breakpoint": {
127
+ "lg": {
128
+ "fontFamily": "{font.family.asCircular.value}",
129
+ "fontSize": "{font.size.24.value}",
130
+ "fontWeight": "{font.weight.light.value}",
131
+ "lineHeight": "{font.lineHeight.130.value}",
132
+ "letterSpacing": "{font.letterSpacing.sm.value}",
133
+ "type": "semantic",
134
+ "public": true,
135
+ "default": true,
136
+ "usage": "",
137
+ "deprecated": false
138
+ },
139
+ "md": {
140
+ "fontFamily": "{font.family.asCircular.value}",
141
+ "fontSize": "{font.size.24.value}",
142
+ "fontWeight": "{font.weight.light.value}",
143
+ "lineHeight": "{font.lineHeight.130.value}",
144
+ "letterSpacing": "{font.letterSpacing.sm.value}",
145
+ "type": "semantic",
146
+ "public": true,
147
+ "default": true,
148
+ "usage": "",
149
+ "deprecated": false
150
+ },
151
+ "sm": {
152
+ "fontFamily": "{font.family.asCircular.value}",
153
+ "fontSize": "{font.size.22.value}",
154
+ "fontWeight": "{font.weight.light.value}",
155
+ "lineHeight": "{font.lineHeight.130.value}",
156
+ "letterSpacing": "{font.letterSpacing.sm.value}",
157
+ "type": "semantic",
158
+ "public": true,
159
+ "default": true,
160
+ "usage": "",
161
+ "deprecated": false
162
+ }
163
+ }
164
+ },
165
+ "xs": {
166
+ "breakpoint": {
167
+ "lg": {
168
+ "fontFamily": "{font.family.asCircular.value}",
169
+ "fontSize": "{font.size.20.value}",
170
+ "fontWeight": "{font.weight.book.value}",
171
+ "lineHeight": "{font.lineHeight.130.value}",
172
+ "letterSpacing": "{font.letterSpacing.sm.value}",
173
+ "type": "semantic",
174
+ "public": true,
175
+ "default": true,
176
+ "usage": "",
177
+ "deprecated": false
178
+ },
179
+ "md": {
180
+ "fontFamily": "{font.family.asCircular.value}",
181
+ "fontSize": "{font.size.20.value}",
182
+ "fontWeight": "{font.weight.light.value}",
183
+ "lineHeight": "{font.lineHeight.130.value}",
184
+ "letterSpacing": "{font.letterSpacing.sm.value}",
185
+ "type": "semantic",
186
+ "public": true,
187
+ "default": true,
188
+ "usage": "",
189
+ "deprecated": false
190
+ },
191
+ "sm": {
192
+ "fontFamily": "{font.family.asCircular.value}",
193
+ "fontSize": "{font.size.20.value}",
194
+ "fontWeight": "{font.weight.light.value}",
195
+ "lineHeight": "{font.lineHeight.130.value}",
196
+ "letterSpacing": "{font.letterSpacing.sm.value}",
197
+ "type": "semantic",
198
+ "public": true,
199
+ "default": true,
200
+ "usage": "",
201
+ "deprecated": false
202
+ }
203
+ }
204
+ },
205
+ "xxs": {
206
+ "breakpoint": {
207
+ "lg": {
208
+ "fontFamily": "{font.family.asCircular.value}",
209
+ "fontSize": "{font.size.18.value}",
210
+ "fontWeight": "{font.weight.book.value}",
211
+ "lineHeight": "{font.lineHeight.130.value}",
212
+ "type": "semantic",
213
+ "public": true,
214
+ "default": true,
215
+ "usage": "",
216
+ "deprecated": false
217
+ },
218
+ "md": {
219
+ "fontFamily": "{font.family.asCircular.value}",
220
+ "fontSize": "{font.size.18.value}",
221
+ "fontWeight": "{font.weight.light.value}",
222
+ "lineHeight": "{font.lineHeight.130.value}",
223
+ "type": "semantic",
224
+ "public": true,
225
+ "default": true,
226
+ "usage": "",
227
+ "deprecated": false
228
+ },
229
+ "sm": {
230
+ "fontFamily": "{font.family.asCircular.value}",
231
+ "fontSize": "{font.size.18.value}",
232
+ "fontWeight": "{font.weight.light.value}",
233
+ "lineHeight": "{font.lineHeight.130.value}",
234
+ "type": "semantic",
235
+ "public": true,
236
+ "default": true,
237
+ "usage": "",
238
+ "deprecated": false
239
+ }
240
+ }
241
+ }
242
+ }
243
+ }
244
+ }
245
+ }
package/src/themes/alaska-classic/component/boolean.json ADDED
@@ -0,0 +1,70 @@
1
+ {
2
+ "component": {
3
+ "boolean": {
4
+ "indicator": {
5
+ "value": "{color.white.value}",
6
+ "type": "semantic",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Boolean indicator color",
10
+ "deprecated": false
11
+ },
12
+ "isFalse": {
13
+ "value": "{color.surface.default.value}",
14
+ "type": "semantic",
15
+ "public": true,
16
+ "default": true,
17
+ "usage": "Boolean false state color",
18
+ "deprecated": false
19
+ },
20
+ "isFalseHover": {
21
+ "value": "{color.gray.100.value}",
22
+ "type": "semantic",
23
+ "public": true,
24
+ "default": true,
25
+ "usage": "Boolean false hover state color",
26
+ "deprecated": false
27
+ },
28
+ "isFalseBorder": {
29
+ "value": "{color.border.bold.value}",
30
+ "type": "semantic",
31
+ "public": true,
32
+ "default": true,
33
+ "usage": "Boolean false border color",
34
+ "deprecated": false
35
+ },
36
+ "isTrue": {
37
+ "value": "{color.brand.primary.value}",
38
+ "type": "semantic",
39
+ "public": true,
40
+ "default": true,
41
+ "usage": "Boolean true state color",
42
+ "deprecated": false
43
+ },
44
+ "isTrueHover": {
45
+ "value": "{color.brand.primaryBold.value}",
46
+ "type": "semantic",
47
+ "public": true,
48
+ "default": true,
49
+ "usage": "Boolean true hover state color",
50
+ "deprecated": false
51
+ },
52
+ "error": {
53
+ "value": "{color.status.error.value}",
54
+ "type": "semantic",
55
+ "public": true,
56
+ "default": true,
57
+ "usage": "Boolean error state color",
58
+ "deprecated": false
59
+ },
60
+ "errorHover": {
61
+ "value": "{color.status.error.800.value}",
62
+ "type": "semantic",
63
+ "public": true,
64
+ "default": true,
65
+ "usage": "Boolean error hover state color",
66
+ "deprecated": false
67
+ }
68
+ }
69
+ }
70
+ }
package/src/themes/alaska-classic/{component.json → component/button.json} RENAMED
@@ -1,71 +1,5 @@
1
1
  {
2
2
  "component": {
3
- "selected": {
4
- "hover": {
5
- "value": "{color.brand.primaryBold.value}",
6
- "type": "semantic",
7
- "public": true,
8
- "default": true,
9
- "usage": "Selected hover state color",
10
- "deprecated": false
11
- }
12
- },
13
- "focused": {
14
- "value": "{color.brand.primary.value}",
15
- "type": "semantic",
16
- "public": true,
17
- "default": true,
18
- "usage": "Focused component color",
19
- "deprecated": false
20
- },
21
- "inverseFocused": {
22
- "value": "{color.brand.tertiary.value}",
23
- "type": "semantic",
24
- "public": true,
25
- "default": true,
26
- "usage": "Inverse focused component color",
27
- "deprecated": false
28
- },
29
- "background": {
30
- "value": "{color.white.value}",
31
- "type": "semantic",
32
- "public": true,
33
- "default": true,
34
- "usage": "Component background color",
35
- "deprecated": false
36
- },
37
- "backgroundHover": {
38
- "value": "{color.gray.100.value}",
39
- "type": "semantic",
40
- "public": true,
41
- "default": true,
42
- "usage": "Component background hover color",
43
- "deprecated": false
44
- },
45
- "backgroundDisabled": {
46
- "value": "{color.gray.200.value}",
47
- "type": "semantic",
48
- "public": true,
49
- "default": true,
50
- "usage": "Component background disabled color",
51
- "deprecated": false
52
- },
53
- "backgroundMuted": {
54
- "value": "{color.gray.50.value}",
55
- "type": "semantic",
56
- "public": true,
57
- "default": true,
58
- "usage": "Component background muted color",
59
- "deprecated": false
60
- },
61
- "backgroundStrong": {
62
- "value": "{color.gray.600.value}",
63
- "type": "semantic",
64
- "public": true,
65
- "default": true,
66
- "usage": "Component background strong color",
67
- "deprecated": false
68
- },
69
3
  "button": {
70
4
  "primary": {
71
5
  "text": {
@@ -321,72 +255,6 @@
321
255
  "deprecated": false
322
256
  }
323
257
  }
324
- },
325
- "boolean": {
326
- "indicator": {
327
- "value": "{color.white.value}",
328
- "type": "semantic",
329
- "public": true,
330
- "default": true,
331
- "usage": "Boolean indicator color",
332
- "deprecated": false
333
- },
334
- "isFalse": {
335
- "value": "{color.surface.default.value}",
336
- "type": "semantic",
337
- "public": true,
338
- "default": true,
339
- "usage": "Boolean false state color",
340
- "deprecated": false
341
- },
342
- "isFalseHover": {
343
- "value": "{color.gray.100.value}",
344
- "type": "semantic",
345
- "public": true,
346
- "default": true,
347
- "usage": "Boolean false hover state color",
348
- "deprecated": false
349
- },
350
- "isFalseBorder": {
351
- "value": "{color.border.bold.value}",
352
- "type": "semantic",
353
- "public": true,
354
- "default": true,
355
- "usage": "Boolean false border color",
356
- "deprecated": false
357
- },
358
- "isTrue": {
359
- "value": "{color.brand.primary.value}",
360
- "type": "semantic",
361
- "public": true,
362
- "default": true,
363
- "usage": "Boolean true state color",
364
- "deprecated": false
365
- },
366
- "isTrueHover": {
367
- "value": "{color.brand.primaryBold.value}",
368
- "type": "semantic",
369
- "public": true,
370
- "default": true,
371
- "usage": "Boolean true hover state color",
372
- "deprecated": false
373
- },
374
- "error": {
375
- "value": "{color.status.error.value}",
376
- "type": "semantic",
377
- "public": true,
378
- "default": true,
379
- "usage": "Boolean error state color",
380
- "deprecated": false
381
- },
382
- "errorHover": {
383
- "value": "{color.status.error.800.value}",
384
- "type": "semantic",
385
- "public": true,
386
- "default": true,
387
- "usage": "Boolean error hover state color",
388
- "deprecated": false
389
- }
390
258
  }
391
259
  }
392
- }
260
+ }
package/src/themes/alaska-classic/component/hyperlink.json ADDED
@@ -0,0 +1,62 @@
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 ADDED
@@ -0,0 +1,46 @@
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 ADDED
@@ -0,0 +1,70 @@
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
+ }