@adobe/spectrum-design-data 0.17.0 → 1.0.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/fields/state.json +2 -2
- package/package.json +2 -2
- package/registry/anatomy-terms.json +8 -4
- package/registry/property-terms.json +5 -0
- package/registry/states.json +1 -1
- package/registry/variants.json +21 -0
- package/tokens/color-aliases.tokens.json +1149 -804
- package/tokens/color-component.tokens.json +256 -157
- package/tokens/icons.tokens.json +150 -145
- package/tokens/layout-component.tokens.json +445 -218
- package/tokens/layout.tokens.json +52 -29
- package/tokens/semantic-color-palette.tokens.json +79 -54
- package/tokens/typography.tokens.json +17 -9
package/fields/state.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
|
|
3
3
|
"specVersion": "1.0.0-draft",
|
|
4
4
|
"name": "state",
|
|
5
|
-
"description": "Interactive or semantic state (e.g. hover, focus, disabled, selected). Compound states
|
|
5
|
+
"description": "Interactive or semantic state (e.g. hover, focus, disabled, selected), as an ordered array of atomic state ids. Compound states list mode-state before interaction-state (e.g. [\"selected\", \"hover\"]).",
|
|
6
6
|
"kind": "semantic",
|
|
7
7
|
"registry": "packages/design-data/registry/states.json",
|
|
8
8
|
"validation": "advisory",
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"scope": null,
|
|
13
13
|
"required": false,
|
|
14
|
-
"valueType": "
|
|
14
|
+
"valueType": "array"
|
|
15
15
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adobe/spectrum-design-data",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.1",
|
|
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": "
|
|
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",
|
|
@@ -143,6 +143,11 @@
|
|
|
143
143
|
"label": "Corner Radius",
|
|
144
144
|
"description": "Corner rounding radius"
|
|
145
145
|
},
|
|
146
|
+
{
|
|
147
|
+
"id": "rounding-increment",
|
|
148
|
+
"label": "Rounding Increment",
|
|
149
|
+
"description": "Step size added to a ring or ring-like anatomy's corner rounding per nesting level"
|
|
150
|
+
},
|
|
146
151
|
{
|
|
147
152
|
"id": "outline-width",
|
|
148
153
|
"label": "Outline Width",
|
package/registry/states.json
CHANGED
package/registry/variants.json
CHANGED
|
@@ -221,6 +221,13 @@
|
|
|
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
|
+
},
|
|
224
231
|
{
|
|
225
232
|
"id": "static",
|
|
226
233
|
"label": "Static",
|
|
@@ -313,6 +320,20 @@
|
|
|
313
320
|
"category": "context",
|
|
314
321
|
"usedIn": ["tokens"]
|
|
315
322
|
},
|
|
323
|
+
{
|
|
324
|
+
"id": "base",
|
|
325
|
+
"label": "Base",
|
|
326
|
+
"description": "Base (lowest) surface context",
|
|
327
|
+
"category": "context",
|
|
328
|
+
"usedIn": ["tokens"]
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"id": "layer",
|
|
332
|
+
"label": "Layer",
|
|
333
|
+
"description": "Stacked surface layer context",
|
|
334
|
+
"category": "context",
|
|
335
|
+
"usedIn": ["tokens"]
|
|
336
|
+
},
|
|
316
337
|
{
|
|
317
338
|
"id": "pasteboard",
|
|
318
339
|
"label": "Pasteboard",
|