@adobe/spectrum-design-data 1.0.0 → 1.0.2
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/package.json +2 -2
- package/registry/anatomy-terms.json +8 -4
- package/registry/property-terms.json +20 -0
- package/registry/variants.json +28 -0
- package/tokens/color-aliases.tokens.json +914 -569
- package/tokens/color-component.tokens.json +217 -118
- package/tokens/icons.tokens.json +9 -4
- package/tokens/layout-component.tokens.json +440 -213
- package/tokens/layout.tokens.json +38 -15
- package/tokens/semantic-color-palette.tokens.json +60 -35
- package/tokens/typography.tokens.json +62 -24
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adobe/spectrum-design-data",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Spectrum design tokens in cascade format — the canonical source of truth for @adobe/spectrum-tokens",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"ajv": "^8.12.0",
|
|
64
64
|
"ajv-formats": "^3.0.1",
|
|
65
|
-
"@adobe/design-data-spec": "3.
|
|
65
|
+
"@adobe/design-data-spec": "3.1.0"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {}
|
|
68
68
|
}
|
|
@@ -20,7 +20,8 @@
|
|
|
20
20
|
"id": "icon",
|
|
21
21
|
"label": "Icon",
|
|
22
22
|
"description": "Icon elements",
|
|
23
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
23
|
+
"usedIn": ["tokens", "component-schemas"],
|
|
24
|
+
"standaloneScope": true
|
|
24
25
|
},
|
|
25
26
|
{
|
|
26
27
|
"id": "label",
|
|
@@ -62,13 +63,15 @@
|
|
|
62
63
|
"id": "indicator",
|
|
63
64
|
"label": "Indicator",
|
|
64
65
|
"description": "Visual indicator or marker",
|
|
65
|
-
"usedIn": ["tokens"]
|
|
66
|
+
"usedIn": ["tokens"],
|
|
67
|
+
"standaloneScope": true
|
|
66
68
|
},
|
|
67
69
|
{
|
|
68
70
|
"id": "track",
|
|
69
71
|
"label": "Track",
|
|
70
72
|
"description": "Track or rail element (e.g., in sliders)",
|
|
71
|
-
"usedIn": ["tokens"]
|
|
73
|
+
"usedIn": ["tokens"],
|
|
74
|
+
"standaloneScope": true
|
|
72
75
|
},
|
|
73
76
|
{
|
|
74
77
|
"id": "thumb",
|
|
@@ -538,7 +541,8 @@
|
|
|
538
541
|
"id": "overlay",
|
|
539
542
|
"label": "Overlay",
|
|
540
543
|
"description": "Semi-transparent backdrop element behind modal dialogs (alert-dialog, standard-dialog, takeover-dialog)",
|
|
541
|
-
"usedIn": ["s2-docs"]
|
|
544
|
+
"usedIn": ["s2-docs"],
|
|
545
|
+
"standaloneScope": true
|
|
542
546
|
},
|
|
543
547
|
{
|
|
544
548
|
"id": "header-area",
|
|
@@ -53,6 +53,16 @@
|
|
|
53
53
|
"label": "Outline Color",
|
|
54
54
|
"description": "CSS outline color"
|
|
55
55
|
},
|
|
56
|
+
{
|
|
57
|
+
"id": "square-dark",
|
|
58
|
+
"label": "Square (Dark)",
|
|
59
|
+
"description": "Color of the darker of the two alternating tiles in an opacity checkerboard pattern. \"Dark\" identifies the tile's fixed relative lightness (paired with square-light), not the surrounding colorScheme theme — this token still varies per colorScheme."
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"id": "square-light",
|
|
63
|
+
"label": "Square (Light)",
|
|
64
|
+
"description": "Color of the lighter of the two alternating tiles in an opacity checkerboard pattern. \"Light\" identifies the tile's fixed relative lightness (paired with square-dark), not the surrounding colorScheme theme — this token still varies per colorScheme."
|
|
65
|
+
},
|
|
56
66
|
{
|
|
57
67
|
"id": "opacity",
|
|
58
68
|
"label": "Opacity",
|
|
@@ -143,6 +153,11 @@
|
|
|
143
153
|
"label": "Corner Radius",
|
|
144
154
|
"description": "Corner rounding radius"
|
|
145
155
|
},
|
|
156
|
+
{
|
|
157
|
+
"id": "rounding-increment",
|
|
158
|
+
"label": "Rounding Increment",
|
|
159
|
+
"description": "Step size added to a ring or ring-like anatomy's corner rounding per nesting level"
|
|
160
|
+
},
|
|
146
161
|
{
|
|
147
162
|
"id": "outline-width",
|
|
148
163
|
"label": "Outline Width",
|
|
@@ -188,6 +203,11 @@
|
|
|
188
203
|
"label": "Letter Spacing",
|
|
189
204
|
"description": "Horizontal spacing between characters"
|
|
190
205
|
},
|
|
206
|
+
{
|
|
207
|
+
"id": "typography",
|
|
208
|
+
"label": "Typography",
|
|
209
|
+
"description": "Composite type style bundling font family, size, weight, letter-spacing, and line-height in one value"
|
|
210
|
+
},
|
|
191
211
|
{
|
|
192
212
|
"id": "text-align",
|
|
193
213
|
"label": "Text Align",
|
package/registry/variants.json
CHANGED
|
@@ -221,6 +221,20 @@
|
|
|
221
221
|
"category": "emphasis",
|
|
222
222
|
"usedIn": ["tokens"]
|
|
223
223
|
},
|
|
224
|
+
{
|
|
225
|
+
"id": "hero",
|
|
226
|
+
"label": "Hero",
|
|
227
|
+
"description": "Large featured-card layout variant with maximized visual prominence",
|
|
228
|
+
"category": "emphasis",
|
|
229
|
+
"usedIn": ["tokens"]
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"id": "component",
|
|
233
|
+
"label": "Component",
|
|
234
|
+
"description": "Compact in-component typography scale, alongside the page-level body/detail/heading/title roles",
|
|
235
|
+
"category": "typography-role",
|
|
236
|
+
"usedIn": ["tokens"]
|
|
237
|
+
},
|
|
224
238
|
{
|
|
225
239
|
"id": "static",
|
|
226
240
|
"label": "Static",
|
|
@@ -313,6 +327,20 @@
|
|
|
313
327
|
"category": "context",
|
|
314
328
|
"usedIn": ["tokens"]
|
|
315
329
|
},
|
|
330
|
+
{
|
|
331
|
+
"id": "base",
|
|
332
|
+
"label": "Base",
|
|
333
|
+
"description": "Base (lowest) surface context",
|
|
334
|
+
"category": "context",
|
|
335
|
+
"usedIn": ["tokens"]
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"id": "layer",
|
|
339
|
+
"label": "Layer",
|
|
340
|
+
"description": "Stacked surface layer context",
|
|
341
|
+
"category": "context",
|
|
342
|
+
"usedIn": ["tokens"]
|
|
343
|
+
},
|
|
316
344
|
{
|
|
317
345
|
"id": "pasteboard",
|
|
318
346
|
"label": "Pasteboard",
|