@adobe/spectrum-tokens 12.22.1 → 12.23.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 (83) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +4 -0
  3. package/dist/json/drover.json +3 -1
  4. package/dist/json/variables.json +25 -29
  5. package/package.json +1 -1
  6. package/schemas/components/action-bar.json +1 -1
  7. package/schemas/components/action-button.json +1 -1
  8. package/schemas/components/action-group.json +1 -1
  9. package/schemas/components/alert-banner.json +1 -1
  10. package/schemas/components/alert-dialog.json +1 -1
  11. package/schemas/components/avatar.json +1 -1
  12. package/schemas/components/badge.json +1 -1
  13. package/schemas/components/body.json +1 -1
  14. package/schemas/components/bottom-navigation-android.json +1 -1
  15. package/schemas/components/breadcrumbs.json +1 -1
  16. package/schemas/components/button-group.json +1 -1
  17. package/schemas/components/button.json +1 -1
  18. package/schemas/components/checkbox-group.json +1 -1
  19. package/schemas/components/checkbox.json +1 -1
  20. package/schemas/components/close-button.json +1 -1
  21. package/schemas/components/code.json +1 -1
  22. package/schemas/components/color-area.json +1 -1
  23. package/schemas/components/color-loupe.json +1 -1
  24. package/schemas/components/color-slider.json +1 -1
  25. package/schemas/components/color-wheel.json +1 -1
  26. package/schemas/components/combo-box.json +1 -1
  27. package/schemas/components/contextual-help.json +1 -1
  28. package/schemas/components/detail.json +1 -1
  29. package/schemas/components/divider.json +1 -1
  30. package/schemas/components/field-label.json +1 -1
  31. package/schemas/components/heading.json +1 -1
  32. package/schemas/components/help-text.json +1 -1
  33. package/schemas/components/in-line-alert.json +1 -1
  34. package/schemas/components/link.json +1 -1
  35. package/schemas/components/menu.json +1 -1
  36. package/schemas/components/meter.json +1 -1
  37. package/schemas/components/picker.json +1 -1
  38. package/schemas/components/popover.json +1 -1
  39. package/schemas/components/progress-bar.json +1 -1
  40. package/schemas/components/progress-circle.json +1 -1
  41. package/schemas/components/radio-group.json +1 -1
  42. package/schemas/components/rating.json +1 -1
  43. package/schemas/components/scroll-zoom-bar.json +1 -1
  44. package/schemas/components/side-navigation.json +1 -1
  45. package/schemas/components/slider.json +1 -1
  46. package/schemas/components/status-light.json +1 -1
  47. package/schemas/components/swatch-group.json +1 -1
  48. package/schemas/components/swatch.json +1 -1
  49. package/schemas/components/switch.json +1 -1
  50. package/schemas/components/tab-bar-ios.json +1 -1
  51. package/schemas/components/tabs.json +1 -1
  52. package/schemas/components/tag.json +1 -1
  53. package/schemas/components/text-area.json +1 -1
  54. package/schemas/components/text-field.json +1 -1
  55. package/schemas/components/toast.json +1 -1
  56. package/schemas/components/tooltip.json +1 -1
  57. package/schemas/components/tray.json +1 -1
  58. package/schemas/components/tree-view.json +1 -1
  59. package/schemas/token-types/alias.json +25 -0
  60. package/schemas/token-types/color-set.json +78 -0
  61. package/schemas/token-types/color.json +25 -0
  62. package/schemas/token-types/dimension.json +25 -0
  63. package/schemas/token-types/font-family.json +25 -0
  64. package/schemas/token-types/font-style.json +25 -0
  65. package/schemas/token-types/font-weight.json +25 -0
  66. package/schemas/token-types/multiplier.json +25 -0
  67. package/schemas/token-types/percent.json +25 -0
  68. package/schemas/token-types/scale-set.json +48 -0
  69. package/schemas/token-types/set.json +22 -0
  70. package/schemas/token-types/system-set.json +71 -0
  71. package/schemas/token-types/text-transform.json +25 -0
  72. package/schemas/token-types/token.json +27 -0
  73. package/src/color-aliases.json +376 -0
  74. package/src/color-component.json +47 -12
  75. package/src/color-palette.json +985 -0
  76. package/src/icons.json +175 -0
  77. package/src/layout-component.json +1394 -0
  78. package/src/layout.json +432 -0
  79. package/src/semantic-color-palette.json +98 -0
  80. package/src/typography.json +295 -0
  81. package/test/schemaValidators/alias.test.js +41 -0
  82. package/test/tokenSchemaValidator.test.js +97 -0
  83. /package/test/{schemaValidator.test.js → componentSchemaValidator.test.js} +0 -0
@@ -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
- "sets": {
146
- "spectrum": {
147
- "value": "{black}",
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
- "sets": {
162
- "express": {
163
- "value": "{drop-shadow-color}",
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
  }