@adobe/spectrum-tokens 12.22.1 → 12.23.1
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.
- package/CHANGELOG.md +21 -0
- package/README.md +4 -0
- package/dist/json/drover.json +3 -1
- package/dist/json/variables.json +25 -29
- package/package.json +1 -1
- package/schemas/components/action-bar.json +1 -1
- package/schemas/components/action-button.json +1 -1
- package/schemas/components/action-group.json +1 -1
- package/schemas/components/alert-banner.json +1 -1
- package/schemas/components/alert-dialog.json +1 -1
- package/schemas/components/avatar.json +1 -1
- package/schemas/components/badge.json +1 -1
- package/schemas/components/body.json +1 -1
- package/schemas/components/bottom-navigation-android.json +1 -1
- package/schemas/components/breadcrumbs.json +1 -1
- package/schemas/components/button-group.json +1 -1
- package/schemas/components/button.json +1 -1
- package/schemas/components/checkbox-group.json +1 -1
- package/schemas/components/checkbox.json +1 -1
- package/schemas/components/close-button.json +1 -1
- package/schemas/components/code.json +1 -1
- package/schemas/components/color-area.json +1 -1
- package/schemas/components/color-loupe.json +1 -1
- package/schemas/components/color-slider.json +1 -1
- package/schemas/components/color-wheel.json +1 -1
- package/schemas/components/combo-box.json +1 -1
- package/schemas/components/contextual-help.json +1 -1
- package/schemas/components/detail.json +1 -1
- package/schemas/components/divider.json +1 -1
- package/schemas/components/field-label.json +1 -1
- package/schemas/components/heading.json +1 -1
- package/schemas/components/help-text.json +1 -1
- package/schemas/components/in-line-alert.json +1 -1
- package/schemas/components/link.json +1 -1
- package/schemas/components/menu.json +1 -1
- package/schemas/components/meter.json +1 -1
- package/schemas/components/picker.json +1 -1
- package/schemas/components/popover.json +1 -1
- package/schemas/components/progress-bar.json +1 -1
- package/schemas/components/progress-circle.json +1 -1
- package/schemas/components/radio-group.json +1 -1
- package/schemas/components/rating.json +1 -1
- package/schemas/components/scroll-zoom-bar.json +1 -1
- package/schemas/components/side-navigation.json +1 -1
- package/schemas/components/slider.json +1 -1
- package/schemas/components/status-light.json +1 -1
- package/schemas/components/swatch-group.json +1 -1
- package/schemas/components/swatch.json +1 -1
- package/schemas/components/switch.json +1 -1
- package/schemas/components/tab-bar-ios.json +1 -1
- package/schemas/components/tabs.json +1 -1
- package/schemas/components/tag.json +1 -1
- package/schemas/components/text-area.json +1 -1
- package/schemas/components/text-field.json +1 -1
- package/schemas/components/toast.json +1 -1
- package/schemas/components/tooltip.json +1 -1
- package/schemas/components/tray.json +1 -1
- package/schemas/components/tree-view.json +1 -1
- package/schemas/token-types/alias.json +25 -0
- package/schemas/token-types/color-set.json +78 -0
- package/schemas/token-types/color.json +25 -0
- package/schemas/token-types/dimension.json +25 -0
- package/schemas/token-types/font-family.json +25 -0
- package/schemas/token-types/font-style.json +25 -0
- package/schemas/token-types/font-weight.json +25 -0
- package/schemas/token-types/multiplier.json +25 -0
- package/schemas/token-types/opacity.json +25 -0
- package/schemas/token-types/scale-set.json +48 -0
- package/schemas/token-types/set.json +22 -0
- package/schemas/token-types/system-set.json +71 -0
- package/schemas/token-types/text-transform.json +25 -0
- package/schemas/token-types/token.json +27 -0
- package/src/color-aliases.json +376 -0
- package/src/color-component.json +47 -12
- package/src/color-palette.json +985 -0
- package/src/icons.json +175 -0
- package/src/layout-component.json +1394 -0
- package/src/layout.json +432 -0
- package/src/semantic-color-palette.json +98 -0
- package/src/typography.json +295 -0
- package/test/schemaValidators/alias.test.js +41 -0
- package/test/tokenSchemaValidator.test.js +97 -0
- /package/test/{schemaValidator.test.js → componentSchemaValidator.test.js} +0 -0
package/src/color-component.json
CHANGED
|
@@ -1,60 +1,73 @@
|
|
|
1
1
|
{
|
|
2
2
|
"swatch-border-color": {
|
|
3
3
|
"component": "swatch",
|
|
4
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
4
5
|
"value": "{gray-900}",
|
|
5
6
|
"uuid": "7da5157d-7f25-405b-8de0-f3669565fb48"
|
|
6
7
|
},
|
|
7
8
|
"swatch-border-opacity": {
|
|
8
9
|
"component": "swatch",
|
|
10
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
9
11
|
"value": "0.51",
|
|
10
12
|
"uuid": "0e397a80-cf33-44ed-8b7d-1abaf4426bf5"
|
|
11
13
|
},
|
|
12
14
|
"swatch-disabled-icon-border-color": {
|
|
13
15
|
"component": "swatch",
|
|
16
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
14
17
|
"value": "{black}",
|
|
15
18
|
"uuid": "c49cd7ae-7657-458b-871a-6b4f28bca535"
|
|
16
19
|
},
|
|
17
20
|
"swatch-disabled-icon-border-opacity": {
|
|
18
21
|
"component": "swatch",
|
|
22
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
19
23
|
"value": "0.51",
|
|
20
24
|
"uuid": "cdbba3b6-cb51-4fec-88f0-273d4bb59a18"
|
|
21
25
|
},
|
|
22
26
|
"thumbnail-border-color": {
|
|
23
27
|
"component": "thumbnail",
|
|
28
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
24
29
|
"value": "{gray-800}",
|
|
25
30
|
"uuid": "5bd226f1-0a6b-42bc-80af-4a9dde99e9e9"
|
|
26
31
|
},
|
|
27
32
|
"thumbnail-border-opacity": {
|
|
28
33
|
"component": "thumbnail",
|
|
34
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
29
35
|
"value": "0.1",
|
|
30
36
|
"uuid": "58bd04e9-5b85-44d8-8474-96e157701070"
|
|
31
37
|
},
|
|
32
38
|
"thumbnail-opacity-disabled": {
|
|
33
39
|
"component": "thumbnail",
|
|
40
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
34
41
|
"value": "{opacity-disabled}",
|
|
35
42
|
"uuid": "92418bcd-5f0f-4f26-9a96-51f8c9e871bf"
|
|
36
43
|
},
|
|
37
44
|
"opacity-checkerboard-square-light": {
|
|
38
45
|
"component": "opacity-checkerboard",
|
|
46
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
39
47
|
"value": "{white}",
|
|
40
48
|
"uuid": "c7e50676-3f61-49c3-a35f-2532fdb02360"
|
|
41
49
|
},
|
|
42
50
|
"opacity-checkerboard-square-dark": {
|
|
43
51
|
"component": "opacity-checkerboard",
|
|
52
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
|
|
44
53
|
"sets": {
|
|
45
54
|
"light": {
|
|
55
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
46
56
|
"value": "{gray-200}",
|
|
47
57
|
"uuid": "84a7cd5e-bb2b-4bb5-bb5f-f5839ae3a761"
|
|
48
58
|
},
|
|
49
59
|
"dark": {
|
|
60
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
50
61
|
"value": "{gray-800}",
|
|
51
62
|
"uuid": "5dbb3e96-fe86-43a2-be8b-3ceecfe2d5ba"
|
|
52
63
|
},
|
|
53
64
|
"darkest": {
|
|
65
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
54
66
|
"value": "{gray-800}",
|
|
55
67
|
"uuid": "f783b8cb-d31f-46c2-b550-990639752510"
|
|
56
68
|
},
|
|
57
69
|
"wireframe": {
|
|
70
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
58
71
|
"value": "{gray-200}",
|
|
59
72
|
"uuid": "e7fe88a4-6ab3-4963-8f10-9908a5a83123"
|
|
60
73
|
}
|
|
@@ -62,95 +75,109 @@
|
|
|
62
75
|
},
|
|
63
76
|
"avatar-opacity-disabled": {
|
|
64
77
|
"component": "avatar",
|
|
78
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
65
79
|
"value": "{opacity-disabled}",
|
|
66
80
|
"uuid": "84d25d1b-f9e4-4a9e-8cd0-92367ff00637"
|
|
67
81
|
},
|
|
68
82
|
"color-area-border-color": {
|
|
69
83
|
"component": "color-area",
|
|
84
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
70
85
|
"value": "{gray-900}",
|
|
71
86
|
"uuid": "70fc4674-0f09-48f5-8850-48b4b38c2f01"
|
|
72
87
|
},
|
|
73
88
|
"color-area-border-opacity": {
|
|
74
89
|
"component": "color-area",
|
|
90
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
75
91
|
"value": "0.1",
|
|
76
92
|
"uuid": "fba1851e-0056-4cdf-938d-6d61550bbe3c"
|
|
77
93
|
},
|
|
78
94
|
"color-slider-border-color": {
|
|
79
95
|
"component": "color-slider",
|
|
96
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
80
97
|
"value": "{gray-900}",
|
|
81
98
|
"uuid": "0c85e7fa-f950-436c-a68a-dd7fb8dfac9e"
|
|
82
99
|
},
|
|
83
100
|
"color-slider-border-opacity": {
|
|
84
101
|
"component": "color-slider",
|
|
102
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
85
103
|
"value": "0.1",
|
|
86
104
|
"uuid": "8271b69e-6542-4b17-b0f0-72567e16c41b"
|
|
87
105
|
},
|
|
88
106
|
"color-loupe-drop-shadow-color": {
|
|
89
107
|
"component": "color-loupe",
|
|
108
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
90
109
|
"value": "{transparent-black-300}",
|
|
91
110
|
"uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
|
|
92
111
|
},
|
|
93
112
|
"color-loupe-inner-border": {
|
|
94
113
|
"component": "color-loupe",
|
|
114
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
95
115
|
"value": "{transparent-black-200}",
|
|
96
116
|
"uuid": "d2c4cb48-8a90-461d-95bc-d882ba01472b"
|
|
97
117
|
},
|
|
98
118
|
"color-loupe-outer-border": {
|
|
99
119
|
"component": "color-loupe",
|
|
120
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
100
121
|
"value": "{white}",
|
|
101
122
|
"uuid": "4e1d1cc5-736e-4e82-9054-5c1a74ac1aca"
|
|
102
123
|
},
|
|
103
124
|
"card-selection-background-color": {
|
|
104
125
|
"component": "cards",
|
|
126
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
105
127
|
"value": "{gray-100}",
|
|
106
128
|
"uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
|
|
107
129
|
},
|
|
108
130
|
"card-selection-background-color-opacity": {
|
|
109
131
|
"component": "cards",
|
|
132
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
110
133
|
"value": "0.95",
|
|
111
134
|
"uuid": "ac039445-0bf8-4821-b02e-e7e06a416576"
|
|
112
135
|
},
|
|
113
136
|
"drop-zone-background-color": {
|
|
114
137
|
"component": "drop-zone",
|
|
138
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
115
139
|
"value": "{accent-visual-color}",
|
|
116
140
|
"uuid": "866f3613-c12f-4475-87b1-ad86ef2ce153"
|
|
117
141
|
},
|
|
118
142
|
"drop-zone-background-color-opacity": {
|
|
119
143
|
"component": "drop-zone",
|
|
144
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
120
145
|
"value": "0.1",
|
|
121
146
|
"uuid": "ee5ed78b-230c-4b37-9d76-1787a975bb63"
|
|
122
147
|
},
|
|
123
148
|
"drop-zone-background-color-opacity-filled": {
|
|
124
149
|
"component": "drop-zone",
|
|
150
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
125
151
|
"value": "0.3",
|
|
126
152
|
"uuid": "ca70550a-b11a-438f-9c70-ff1eeba532cc"
|
|
127
153
|
},
|
|
128
154
|
"coach-mark-pagination-color": {
|
|
129
155
|
"component": "coach-mark",
|
|
156
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
130
157
|
"value": "{gray-600}",
|
|
131
158
|
"uuid": "f8cefe70-db2c-489e-bbbe-964050e96ab6"
|
|
132
159
|
},
|
|
133
160
|
"color-handle-inner-border-color": {
|
|
134
161
|
"component": "color-handle",
|
|
162
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
135
163
|
"value": "{black}",
|
|
136
164
|
"uuid": "0c93f310-d7c6-474b-8f07-0e8e76e2756e"
|
|
137
165
|
},
|
|
138
166
|
"color-handle-inner-border-opacity": {
|
|
139
167
|
"component": "color-handle",
|
|
168
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
140
169
|
"value": "0.42",
|
|
141
170
|
"uuid": "72b473c6-ec9b-4830-a0f8-48b80070e7b8"
|
|
142
171
|
},
|
|
143
172
|
"color-handle-outer-border-color": {
|
|
144
173
|
"component": "color-handle",
|
|
145
|
-
"
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
"uuid": "e4733356-090e-4bb7-b32d-ab9df30fb785"
|
|
149
|
-
}
|
|
150
|
-
}
|
|
174
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
175
|
+
"value": "{black}",
|
|
176
|
+
"uuid": "e4733356-090e-4bb7-b32d-ab9df30fb785"
|
|
151
177
|
},
|
|
152
178
|
"color-handle-outer-border-opacity": {
|
|
153
179
|
"component": "color-handle",
|
|
180
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
154
181
|
"value": "{color-handle-inner-border-opacity}",
|
|
155
182
|
"uuid": "0a0eff89-7e7d-4b7f-bcfa-a85e33e5798a"
|
|
156
183
|
},
|
|
@@ -158,15 +185,13 @@
|
|
|
158
185
|
"component": "color-handle",
|
|
159
186
|
"deprecated": true,
|
|
160
187
|
"deprecated_comment": "Express does not need a separate design for Color loupe and Color handle components",
|
|
161
|
-
"
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
"uuid": "97dfaf7f-ac2d-4517-84cc-6f692f712fc5"
|
|
165
|
-
}
|
|
166
|
-
}
|
|
188
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
189
|
+
"value": "{drop-shadow-color}",
|
|
190
|
+
"uuid": "97dfaf7f-ac2d-4517-84cc-6f692f712fc5"
|
|
167
191
|
},
|
|
168
192
|
"floating-action-button-drop-shadow-color": {
|
|
169
193
|
"component": "floating-action-button",
|
|
194
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
170
195
|
"value": "{transparent-black-300}",
|
|
171
196
|
"uuid": "d66d3a56-1ba0-4ce7-a263-eb46a4d17af0"
|
|
172
197
|
},
|
|
@@ -174,51 +199,61 @@
|
|
|
174
199
|
"component": "floating-action-button",
|
|
175
200
|
"deprecated": true,
|
|
176
201
|
"deprecated_comment": "Use `floating-action-button-drop-shadow-color` instead",
|
|
202
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
177
203
|
"value": "{floating-action-button-drop-shadow-color}",
|
|
178
204
|
"uuid": "f843b1b7-4b2f-496e-a679-b0372e49d575"
|
|
179
205
|
},
|
|
180
206
|
"table-row-hover-color": {
|
|
181
207
|
"component": "table",
|
|
208
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
182
209
|
"value": "{gray-900}",
|
|
183
210
|
"uuid": "44aedb76-5483-4ac3-a6f5-8cf71c2bd376"
|
|
184
211
|
},
|
|
185
212
|
"table-row-hover-opacity": {
|
|
186
213
|
"component": "table",
|
|
214
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
187
215
|
"value": "0.07",
|
|
188
216
|
"uuid": "e287d553-3712-4d6e-98f0-6075107e85fe"
|
|
189
217
|
},
|
|
190
218
|
"table-selected-row-background-color": {
|
|
191
219
|
"component": "table",
|
|
220
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
192
221
|
"value": "{informative-background-color-default}",
|
|
193
222
|
"uuid": "b7537f50-bd49-44b6-a171-19943d443d24"
|
|
194
223
|
},
|
|
195
224
|
"table-selected-row-background-opacity": {
|
|
196
225
|
"component": "table",
|
|
226
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
197
227
|
"value": "0.1",
|
|
198
228
|
"uuid": "61b3aa04-0e7e-44b8-a4c8-8442a4ebf549"
|
|
199
229
|
},
|
|
200
230
|
"table-selected-row-background-color-non-emphasized": {
|
|
201
231
|
"component": "table",
|
|
232
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
202
233
|
"value": "{neutral-background-color-selected-default}",
|
|
203
234
|
"uuid": "8578067a-6ce0-4059-84ad-4688c71df156"
|
|
204
235
|
},
|
|
205
236
|
"table-selected-row-background-opacity-non-emphasized": {
|
|
206
237
|
"component": "table",
|
|
238
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
207
239
|
"value": "0.1",
|
|
208
240
|
"uuid": "1ef41e27-3dea-4589-ad7a-140a03a77384"
|
|
209
241
|
},
|
|
210
242
|
"table-row-down-opacity": {
|
|
211
243
|
"component": "table",
|
|
244
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
212
245
|
"value": "0.1",
|
|
213
246
|
"uuid": "75ae742c-e96e-494f-9880-746bb2849575"
|
|
214
247
|
},
|
|
215
248
|
"table-selected-row-background-opacity-hover": {
|
|
216
249
|
"component": "table",
|
|
250
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
217
251
|
"value": "0.15",
|
|
218
252
|
"uuid": "ce2851bc-8ae1-4b27-8cd6-f191c9cd7fe9"
|
|
219
253
|
},
|
|
220
254
|
"table-selected-row-background-opacity-non-emphasized-hover": {
|
|
221
255
|
"component": "table",
|
|
256
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
222
257
|
"value": "0.15",
|
|
223
258
|
"uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
|
|
224
259
|
}
|