@adobe/spectrum-tokens 13.0.0-beta.2 → 13.0.0-beta.21
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 +1379 -0
- package/dist/json/drover.json +826 -473
- package/dist/json/variables.json +9794 -6005
- package/moon.yml +1 -1
- package/package.json +7 -4
- 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 +69 -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-size.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 +60 -0
- package/schemas/token-types/set.json +22 -0
- package/schemas/token-types/text-transform.json +25 -0
- package/schemas/token-types/token.json +27 -0
- package/src/color-aliases.json +573 -119
- package/src/color-component.json +52 -12
- package/src/color-palette.json +3038 -414
- package/src/icons.json +18 -0
- package/src/layout-component.json +5120 -2385
- package/src/layout.json +773 -102
- package/src/semantic-color-palette.json +101 -1
- package/src/typography.json +285 -0
- package/test/checkId.test.js +55 -33
- package/test/componentSchemaValidator.test.js +74 -0
- package/test/schemaValidators/alias.test.js +41 -0
- package/test/tokenSchemaValidator.test.js +97 -0
package/src/color-component.json
CHANGED
|
@@ -1,56 +1,68 @@
|
|
|
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": "f783b8cb-d31f-46c2-b550-990639752510"
|
|
52
63
|
},
|
|
53
64
|
"wireframe": {
|
|
65
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
54
66
|
"value": "{gray-200}",
|
|
55
67
|
"uuid": "e7fe88a4-6ab3-4963-8f10-9908a5a83123"
|
|
56
68
|
}
|
|
@@ -58,110 +70,127 @@
|
|
|
58
70
|
},
|
|
59
71
|
"avatar-opacity-disabled": {
|
|
60
72
|
"component": "avatar",
|
|
73
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
61
74
|
"value": "{opacity-disabled}",
|
|
62
75
|
"uuid": "84d25d1b-f9e4-4a9e-8cd0-92367ff00637"
|
|
63
76
|
},
|
|
64
77
|
"color-area-border-color": {
|
|
65
78
|
"component": "color-area",
|
|
66
|
-
"
|
|
79
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
80
|
+
"value": "{gray-1000}",
|
|
67
81
|
"uuid": "70fc4674-0f09-48f5-8850-48b4b38c2f01"
|
|
68
82
|
},
|
|
69
83
|
"color-area-border-opacity": {
|
|
70
84
|
"component": "color-area",
|
|
85
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
71
86
|
"value": "0.1",
|
|
72
87
|
"uuid": "fba1851e-0056-4cdf-938d-6d61550bbe3c"
|
|
73
88
|
},
|
|
74
89
|
"color-slider-border-color": {
|
|
75
90
|
"component": "color-slider",
|
|
76
|
-
"
|
|
91
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
92
|
+
"value": "{gray-1000}",
|
|
77
93
|
"uuid": "0c85e7fa-f950-436c-a68a-dd7fb8dfac9e"
|
|
78
94
|
},
|
|
79
95
|
"color-slider-border-opacity": {
|
|
80
96
|
"component": "color-slider",
|
|
97
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
81
98
|
"value": "0.1",
|
|
82
99
|
"uuid": "8271b69e-6542-4b17-b0f0-72567e16c41b"
|
|
83
100
|
},
|
|
84
101
|
"color-loupe-drop-shadow-color": {
|
|
85
102
|
"component": "color-loupe",
|
|
103
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
86
104
|
"value": "{transparent-black-300}",
|
|
87
105
|
"uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
|
|
88
106
|
},
|
|
89
107
|
"color-loupe-drop-shadow-y": {
|
|
90
108
|
"component": "color-loupe",
|
|
109
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
91
110
|
"value": "2px",
|
|
92
111
|
"uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
|
|
93
112
|
},
|
|
94
113
|
"color-loupe-drop-shadow-blur": {
|
|
95
114
|
"component": "color-loupe",
|
|
115
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
96
116
|
"value": "8px",
|
|
97
117
|
"uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
|
|
98
118
|
},
|
|
99
119
|
"color-loupe-inner-border": {
|
|
100
120
|
"component": "color-loupe",
|
|
121
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
101
122
|
"value": "{transparent-black-200}",
|
|
102
123
|
"uuid": "d2c4cb48-8a90-461d-95bc-d882ba01472b"
|
|
103
124
|
},
|
|
104
125
|
"color-loupe-outer-border": {
|
|
105
126
|
"component": "color-loupe",
|
|
127
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
106
128
|
"value": "{white}",
|
|
107
129
|
"uuid": "4e1d1cc5-736e-4e82-9054-5c1a74ac1aca"
|
|
108
130
|
},
|
|
109
131
|
"card-selection-background-color": {
|
|
110
132
|
"component": "cards",
|
|
133
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
111
134
|
"value": "{gray-100}",
|
|
112
135
|
"uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
|
|
113
136
|
},
|
|
114
137
|
"card-selection-background-color-opacity": {
|
|
115
138
|
"component": "cards",
|
|
139
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
116
140
|
"value": "0.95",
|
|
117
141
|
"uuid": "ac039445-0bf8-4821-b02e-e7e06a416576"
|
|
118
142
|
},
|
|
119
143
|
"drop-zone-background-color": {
|
|
120
144
|
"component": "drop-zone",
|
|
145
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
121
146
|
"value": "{accent-visual-color}",
|
|
122
147
|
"uuid": "866f3613-c12f-4475-87b1-ad86ef2ce153"
|
|
123
148
|
},
|
|
124
149
|
"drop-zone-background-color-opacity": {
|
|
125
150
|
"component": "drop-zone",
|
|
151
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
126
152
|
"value": "0.1",
|
|
127
153
|
"uuid": "ee5ed78b-230c-4b37-9d76-1787a975bb63"
|
|
128
154
|
},
|
|
129
155
|
"drop-zone-background-color-opacity-filled": {
|
|
130
156
|
"component": "drop-zone",
|
|
157
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
131
158
|
"value": "0.3",
|
|
132
159
|
"uuid": "ca70550a-b11a-438f-9c70-ff1eeba532cc"
|
|
133
160
|
},
|
|
134
161
|
"coach-mark-pagination-color": {
|
|
135
162
|
"component": "coach-mark",
|
|
163
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
136
164
|
"value": "{gray-600}",
|
|
137
165
|
"uuid": "f8cefe70-db2c-489e-bbbe-964050e96ab6"
|
|
138
166
|
},
|
|
139
167
|
"color-handle-inner-border-color": {
|
|
140
168
|
"component": "color-handle",
|
|
169
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
141
170
|
"value": "{black}",
|
|
142
171
|
"uuid": "0c93f310-d7c6-474b-8f07-0e8e76e2756e"
|
|
143
172
|
},
|
|
144
173
|
"color-handle-inner-border-opacity": {
|
|
145
174
|
"component": "color-handle",
|
|
175
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
146
176
|
"value": "0.42",
|
|
147
177
|
"uuid": "72b473c6-ec9b-4830-a0f8-48b80070e7b8"
|
|
148
178
|
},
|
|
149
179
|
"color-handle-outer-border-color": {
|
|
150
180
|
"component": "color-handle",
|
|
151
|
-
"
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
"uuid": "e4733356-090e-4bb7-b32d-ab9df30fb785"
|
|
155
|
-
}
|
|
156
|
-
}
|
|
181
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
182
|
+
"value": "{black}",
|
|
183
|
+
"uuid": "e4733356-090e-4bb7-b32d-ab9df30fb785"
|
|
157
184
|
},
|
|
158
185
|
"color-handle-outer-border-opacity": {
|
|
159
186
|
"component": "color-handle",
|
|
187
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
160
188
|
"value": "{color-handle-inner-border-opacity}",
|
|
161
189
|
"uuid": "0a0eff89-7e7d-4b7f-bcfa-a85e33e5798a"
|
|
162
190
|
},
|
|
163
191
|
"color-handle-drop-shadow-color": {
|
|
164
192
|
"component": "color-handle",
|
|
193
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
165
194
|
"deprecated": true,
|
|
166
195
|
"deprecated_comment": "Express does not need a separate design for Color loupe and Color handle components",
|
|
167
196
|
"value": "{drop-shadow-color}",
|
|
@@ -169,59 +198,70 @@
|
|
|
169
198
|
},
|
|
170
199
|
"floating-action-button-drop-shadow-color": {
|
|
171
200
|
"component": "floating-action-button",
|
|
201
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
172
202
|
"value": "{transparent-black-300}",
|
|
173
203
|
"uuid": "d66d3a56-1ba0-4ce7-a263-eb46a4d17af0"
|
|
174
204
|
},
|
|
175
205
|
"floating-action-button-shadow-color": {
|
|
176
206
|
"component": "floating-action-button",
|
|
177
|
-
"
|
|
178
|
-
"deprecated_comment": "Use `floating-action-button-drop-shadow-color` instead",
|
|
207
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
179
208
|
"value": "{floating-action-button-drop-shadow-color}",
|
|
180
|
-
"uuid": "f843b1b7-4b2f-496e-a679-b0372e49d575"
|
|
209
|
+
"uuid": "f843b1b7-4b2f-496e-a679-b0372e49d575",
|
|
210
|
+
"deprecated": true,
|
|
211
|
+
"deprecated_comment": "Use `floating-action-button-drop-shadow-color` instead"
|
|
181
212
|
},
|
|
182
213
|
"table-row-hover-color": {
|
|
183
214
|
"component": "table",
|
|
215
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
184
216
|
"value": "{gray-900}",
|
|
185
217
|
"uuid": "44aedb76-5483-4ac3-a6f5-8cf71c2bd376"
|
|
186
218
|
},
|
|
187
219
|
"table-row-hover-opacity": {
|
|
188
220
|
"component": "table",
|
|
221
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
189
222
|
"value": "0.07",
|
|
190
223
|
"uuid": "e287d553-3712-4d6e-98f0-6075107e85fe"
|
|
191
224
|
},
|
|
192
225
|
"table-selected-row-background-color": {
|
|
193
226
|
"component": "table",
|
|
227
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
194
228
|
"value": "{informative-background-color-default}",
|
|
195
229
|
"uuid": "b7537f50-bd49-44b6-a171-19943d443d24"
|
|
196
230
|
},
|
|
197
231
|
"table-selected-row-background-opacity": {
|
|
198
232
|
"component": "table",
|
|
233
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
199
234
|
"value": "0.1",
|
|
200
235
|
"uuid": "61b3aa04-0e7e-44b8-a4c8-8442a4ebf549"
|
|
201
236
|
},
|
|
202
237
|
"table-selected-row-background-color-non-emphasized": {
|
|
203
238
|
"component": "table",
|
|
239
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
204
240
|
"value": "{neutral-background-color-selected-default}",
|
|
205
241
|
"uuid": "8578067a-6ce0-4059-84ad-4688c71df156"
|
|
206
242
|
},
|
|
207
243
|
"table-selected-row-background-opacity-non-emphasized": {
|
|
208
244
|
"component": "table",
|
|
245
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
209
246
|
"value": "0.1",
|
|
210
247
|
"uuid": "1ef41e27-3dea-4589-ad7a-140a03a77384"
|
|
211
248
|
},
|
|
212
249
|
"table-row-down-opacity": {
|
|
213
250
|
"component": "table",
|
|
251
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
214
252
|
"value": "0.1",
|
|
215
253
|
"uuid": "75ae742c-e96e-494f-9880-746bb2849575"
|
|
216
254
|
},
|
|
217
255
|
"table-selected-row-background-opacity-hover": {
|
|
218
256
|
"component": "table",
|
|
257
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
219
258
|
"value": "0.15",
|
|
220
259
|
"uuid": "ce2851bc-8ae1-4b27-8cd6-f191c9cd7fe9"
|
|
221
260
|
},
|
|
222
261
|
"table-selected-row-background-opacity-non-emphasized-hover": {
|
|
223
262
|
"component": "table",
|
|
263
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
224
264
|
"value": "0.15",
|
|
225
265
|
"uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
|
|
226
266
|
}
|
|
227
|
-
}
|
|
267
|
+
}
|