@adobe/spectrum-design-data 0.8.0 → 0.10.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.
- package/components/list-view.json +40 -0
- package/components/menu.json +36 -1
- package/components/table.json +2 -1
- package/fields/alignment.json +1 -1
- package/fields/color-scheme.json +1 -1
- package/fields/colorFamily.json +2 -2
- package/fields/colorRole.json +1 -1
- package/fields/contrast.json +1 -1
- package/fields/density.json +1 -1
- package/fields/easing.json +1 -1
- package/fields/emphasis.json +16 -0
- package/fields/family.json +3 -3
- package/fields/from.json +1 -1
- package/fields/icon.json +15 -0
- package/fields/motionRole.json +1 -1
- package/fields/orientation.json +1 -1
- package/fields/position.json +1 -1
- package/fields/property.json +1 -1
- package/fields/qualifier.json +15 -0
- package/fields/role.json +15 -0
- package/fields/scale.json +1 -1
- package/fields/script.json +16 -0
- package/fields/shape.json +1 -1
- package/fields/size.json +1 -1
- package/fields/state.json +1 -1
- package/fields/style.json +2 -3
- package/fields/to.json +1 -1
- package/fields/weight.json +2 -3
- package/package.json +2 -2
- package/registry/anatomy-terms.json +33 -2
- package/registry/color-roles.json +30 -0
- package/registry/components.json +185 -0
- package/registry/icon-terms.json +90 -0
- package/registry/positions.json +18 -0
- package/registry/property-terms.json +80 -0
- package/registry/qualifiers.json +47 -0
- package/registry/roles.json +17 -0
- package/registry/scripts.json +12 -0
- package/registry/shapes.json +15 -0
- package/registry/sizes.json +7 -0
- package/registry/structures.json +10 -0
- package/registry/typography-emphasis.json +32 -0
- package/registry/typography-families.json +1 -6
- package/registry/variants.json +56 -0
- package/tokens/color-aliases.tokens.json +628 -251
- package/tokens/color-component.tokens.json +113 -38
- package/tokens/icons.tokens.json +205 -196
- package/tokens/layout-component.tokens.json +2799 -1162
- package/tokens/layout.tokens.json +523 -155
- package/tokens/semantic-color-palette.tokens.json +85 -35
- package/tokens/typography.tokens.json +888 -381
|
@@ -158,6 +158,46 @@
|
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
},
|
|
161
|
+
"anatomy": [
|
|
162
|
+
{
|
|
163
|
+
"name": "list-item",
|
|
164
|
+
"description": "A single row within the list view.",
|
|
165
|
+
"contains": [
|
|
166
|
+
"checkbox",
|
|
167
|
+
"icon",
|
|
168
|
+
"thumbnail",
|
|
169
|
+
"label",
|
|
170
|
+
"description",
|
|
171
|
+
"actions",
|
|
172
|
+
"trailing-icon"
|
|
173
|
+
]
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"name": "checkbox",
|
|
177
|
+
"description": "Checkbox control for a list view item in checkbox selection style."
|
|
178
|
+
},
|
|
179
|
+
{ "name": "icon", "description": "Leading icon of a list view item." },
|
|
180
|
+
{
|
|
181
|
+
"name": "thumbnail",
|
|
182
|
+
"description": "Thumbnail image of a list view item."
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": "label",
|
|
186
|
+
"description": "Primary label text of a list view item."
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"name": "description",
|
|
190
|
+
"description": "Secondary descriptive text of a list view item."
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"name": "actions",
|
|
194
|
+
"description": "Action buttons or action menu available for a list view item."
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "trailing-icon",
|
|
198
|
+
"description": "Icon indicating a list view item navigates to a new context."
|
|
199
|
+
}
|
|
200
|
+
],
|
|
161
201
|
"lifecycle": { "introduced": "1.0.0-draft" },
|
|
162
202
|
"tokenBindings": [
|
|
163
203
|
{ "token": "(multi-select", "context": "Variants" },
|
package/components/menu.json
CHANGED
|
@@ -169,7 +169,42 @@
|
|
|
169
169
|
},
|
|
170
170
|
{
|
|
171
171
|
"name": "menu-item",
|
|
172
|
-
"description": "A single row within the menu."
|
|
172
|
+
"description": "A single row within the menu.",
|
|
173
|
+
"contains": [
|
|
174
|
+
"icon",
|
|
175
|
+
"label",
|
|
176
|
+
"description",
|
|
177
|
+
"value",
|
|
178
|
+
"switch",
|
|
179
|
+
"checkbox",
|
|
180
|
+
"thumbnail",
|
|
181
|
+
"drill-in-chevron",
|
|
182
|
+
"link-out-icon"
|
|
183
|
+
]
|
|
184
|
+
},
|
|
185
|
+
{ "name": "icon", "description": "Leading icon of a menu item." },
|
|
186
|
+
{ "name": "label", "description": "Primary label text of a menu item." },
|
|
187
|
+
{
|
|
188
|
+
"name": "description",
|
|
189
|
+
"description": "Secondary descriptive text of a menu item."
|
|
190
|
+
},
|
|
191
|
+
{ "name": "value", "description": "Current value display of a menu item." },
|
|
192
|
+
{
|
|
193
|
+
"name": "switch",
|
|
194
|
+
"description": "Switch control for a menu item with switch selection style."
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "checkbox",
|
|
198
|
+
"description": "Checkbox control for a menu item with checkbox selection style."
|
|
199
|
+
},
|
|
200
|
+
{ "name": "thumbnail", "description": "Thumbnail image of a menu item." },
|
|
201
|
+
{
|
|
202
|
+
"name": "drill-in-chevron",
|
|
203
|
+
"description": "Chevron indicating a menu item opens a sub-menu."
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"name": "link-out-icon",
|
|
207
|
+
"description": "Icon indicating a menu item navigates to a new context."
|
|
173
208
|
}
|
|
174
209
|
],
|
|
175
210
|
"states": [
|
package/components/table.json
CHANGED
package/fields/alignment.json
CHANGED
package/fields/color-scheme.json
CHANGED
package/fields/colorFamily.json
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
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": "colorFamily",
|
|
5
|
-
"description": "Hue family of a color token (e.g. blue, gray, celery, accent). Used on color palette and semantic color tokens. Paired with scaleIndex for ramp tokens (e.g. colorFamily=blue + scaleIndex=100
|
|
5
|
+
"description": "Hue family of a color token (e.g. blue, gray, celery, accent). Used on color palette and semantic color tokens. Paired with scaleIndex for ramp tokens (e.g. colorFamily=blue + scaleIndex=100 → blue-100).",
|
|
6
6
|
"kind": "semantic",
|
|
7
7
|
"registry": "packages/design-data/registry/color-families.json",
|
|
8
8
|
"validation": "advisory",
|
|
9
9
|
"serialization": {
|
|
10
|
-
"position":
|
|
10
|
+
"position": 20
|
|
11
11
|
},
|
|
12
12
|
"scope": "color",
|
|
13
13
|
"required": false,
|
package/fields/colorRole.json
CHANGED
package/fields/contrast.json
CHANGED
package/fields/density.json
CHANGED
package/fields/easing.json
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"name": "emphasis",
|
|
5
|
+
"description": "Typographic emphasis level of a typography token (e.g. emphasized, strong, heavy, light). Distinct from the CSS font-weight axis (see `weight`) — emphasis is a relative modifier layered on a family/component, and values may compound (e.g. heavy-strong-emphasized).",
|
|
6
|
+
"kind": "semantic",
|
|
7
|
+
"registry": "packages/design-data/registry/typography-emphasis.json",
|
|
8
|
+
"validation": "advisory",
|
|
9
|
+
"serialization": {
|
|
10
|
+
"position": 8
|
|
11
|
+
},
|
|
12
|
+
"scope": "typography",
|
|
13
|
+
"required": false,
|
|
14
|
+
"valueType": "string",
|
|
15
|
+
"excludeFromLegacyKey": false
|
|
16
|
+
}
|
package/fields/family.json
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
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": "family",
|
|
5
|
-
"description": "Type family of a typography token (e.g. sans-serif, serif,
|
|
5
|
+
"description": "Type family of a typography token (e.g. sans-serif, serif, code). Used to distinguish tokens that apply to different typeface classifications or usage contexts. See `script` for writing-system variants (e.g. cjk).",
|
|
6
6
|
"kind": "semantic",
|
|
7
7
|
"registry": "packages/design-data/registry/typography-families.json",
|
|
8
8
|
"validation": "advisory",
|
|
9
9
|
"serialization": {
|
|
10
|
-
"position":
|
|
10
|
+
"position": 7
|
|
11
11
|
},
|
|
12
12
|
"scope": "typography",
|
|
13
13
|
"required": false,
|
|
14
14
|
"valueType": "string",
|
|
15
|
-
"excludeFromLegacyKey":
|
|
15
|
+
"excludeFromLegacyKey": false
|
|
16
16
|
}
|
package/fields/from.json
CHANGED
package/fields/icon.json
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"name": "icon",
|
|
5
|
+
"description": "Icon identity for icon-family tokens (e.g. checkmark, chevron, ui). Mutually exclusive with `component`. Legacy-key placement (leading, like `component`) is handled by an explicit owner-prefix branch in `extract_legacy_key` rather than the generic position-walk, so this position value only needs to be unique — it does not control key order.",
|
|
6
|
+
"kind": "semantic",
|
|
7
|
+
"registry": "packages/design-data/registry/icon-terms.json",
|
|
8
|
+
"validation": "advisory",
|
|
9
|
+
"serialization": {
|
|
10
|
+
"position": 100
|
|
11
|
+
},
|
|
12
|
+
"scope": null,
|
|
13
|
+
"required": false,
|
|
14
|
+
"valueType": "string"
|
|
15
|
+
}
|
package/fields/motionRole.json
CHANGED
package/fields/orientation.json
CHANGED
package/fields/position.json
CHANGED
package/fields/property.json
CHANGED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"name": "qualifier",
|
|
5
|
+
"description": "Behavioral or layout modifier that narrows a property/anatomy without being a state, variant, or position (e.g. stacked, multiline, precision, collapsed, expanded, drag, highlight).",
|
|
6
|
+
"kind": "semantic",
|
|
7
|
+
"registry": "packages/design-data/registry/qualifiers.json",
|
|
8
|
+
"validation": "advisory",
|
|
9
|
+
"serialization": {
|
|
10
|
+
"position": 28
|
|
11
|
+
},
|
|
12
|
+
"scope": null,
|
|
13
|
+
"required": false,
|
|
14
|
+
"valueType": "string"
|
|
15
|
+
}
|
package/fields/role.json
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"name": "role",
|
|
5
|
+
"description": "An object's role within a nesting relationship (e.g. container, control), distinct from the `size` field.",
|
|
6
|
+
"kind": "semantic",
|
|
7
|
+
"registry": "packages/design-data/registry/roles.json",
|
|
8
|
+
"validation": "advisory",
|
|
9
|
+
"serialization": {
|
|
10
|
+
"position": 29
|
|
11
|
+
},
|
|
12
|
+
"scope": null,
|
|
13
|
+
"required": false,
|
|
14
|
+
"valueType": "string"
|
|
15
|
+
}
|
package/fields/scale.json
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"name": "script",
|
|
5
|
+
"description": "Writing-system/script variant of a typography token (e.g. cjk). Orthogonal to `family` (typeface classification): a script and a family can combine independently (e.g. a CJK serif).",
|
|
6
|
+
"kind": "semantic",
|
|
7
|
+
"registry": "packages/design-data/registry/scripts.json",
|
|
8
|
+
"validation": "advisory",
|
|
9
|
+
"serialization": {
|
|
10
|
+
"position": 6
|
|
11
|
+
},
|
|
12
|
+
"scope": "typography",
|
|
13
|
+
"required": false,
|
|
14
|
+
"valueType": "string",
|
|
15
|
+
"excludeFromLegacyKey": false
|
|
16
|
+
}
|
package/fields/shape.json
CHANGED
package/fields/size.json
CHANGED
package/fields/state.json
CHANGED
package/fields/style.json
CHANGED
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
"registry": "packages/design-data/registry/typography-styles.json",
|
|
8
8
|
"validation": "advisory",
|
|
9
9
|
"serialization": {
|
|
10
|
-
"position":
|
|
10
|
+
"position": 22
|
|
11
11
|
},
|
|
12
12
|
"scope": "typography",
|
|
13
13
|
"required": false,
|
|
14
|
-
"valueType": "string"
|
|
15
|
-
"excludeFromLegacyKey": true
|
|
14
|
+
"valueType": "string"
|
|
16
15
|
}
|
package/fields/to.json
CHANGED
package/fields/weight.json
CHANGED
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
"registry": "packages/design-data/registry/typography-weights.json",
|
|
8
8
|
"validation": "advisory",
|
|
9
9
|
"serialization": {
|
|
10
|
-
"position":
|
|
10
|
+
"position": 21
|
|
11
11
|
},
|
|
12
12
|
"scope": "typography",
|
|
13
13
|
"required": false,
|
|
14
|
-
"valueType": "string"
|
|
15
|
-
"excludeFromLegacyKey": true
|
|
14
|
+
"valueType": "string"
|
|
16
15
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adobe/spectrum-design-data",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
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": "2.
|
|
65
|
+
"@adobe/design-data-spec": "2.8.0"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {}
|
|
68
68
|
}
|
|
@@ -319,7 +319,7 @@
|
|
|
319
319
|
"id": "menu-item",
|
|
320
320
|
"label": "Menu Item",
|
|
321
321
|
"description": "Individual selectable item within a menu",
|
|
322
|
-
"usedIn": ["s2-docs"]
|
|
322
|
+
"usedIn": ["tokens", "s2-docs"]
|
|
323
323
|
},
|
|
324
324
|
{
|
|
325
325
|
"id": "section-header",
|
|
@@ -636,8 +636,9 @@
|
|
|
636
636
|
{
|
|
637
637
|
"id": "tab-item",
|
|
638
638
|
"label": "Tab Item",
|
|
639
|
+
"aliases": ["tab"],
|
|
639
640
|
"description": "Individual tab button within a tabs component",
|
|
640
|
-
"usedIn": ["s2-docs"]
|
|
641
|
+
"usedIn": ["tokens", "s2-docs"]
|
|
641
642
|
},
|
|
642
643
|
{
|
|
643
644
|
"id": "breadcrumb-item",
|
|
@@ -800,6 +801,36 @@
|
|
|
800
801
|
"label": "Field button",
|
|
801
802
|
"description": "A trigger button embedded within a text field or picker",
|
|
802
803
|
"usedIn": ["tokens"]
|
|
804
|
+
},
|
|
805
|
+
{
|
|
806
|
+
"id": "in-field-stepper",
|
|
807
|
+
"label": "In-field stepper",
|
|
808
|
+
"description": "A stepper control embedded within a field element (e.g. number-field)",
|
|
809
|
+
"usedIn": ["tokens"]
|
|
810
|
+
},
|
|
811
|
+
{
|
|
812
|
+
"id": "pagination",
|
|
813
|
+
"label": "Pagination",
|
|
814
|
+
"description": "Paged-navigation indicator element (e.g. coach-mark step dots)",
|
|
815
|
+
"usedIn": ["tokens"]
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"id": "slash",
|
|
819
|
+
"label": "Slash",
|
|
820
|
+
"description": "Diagonal line element indicating an unavailable or crossed-out state (e.g. swatch)",
|
|
821
|
+
"usedIn": ["tokens"]
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
"id": "square",
|
|
825
|
+
"label": "Square",
|
|
826
|
+
"description": "Square-shaped anatomy element (e.g. checkerboard tile)",
|
|
827
|
+
"usedIn": ["tokens"]
|
|
828
|
+
},
|
|
829
|
+
{
|
|
830
|
+
"id": "well",
|
|
831
|
+
"label": "Well",
|
|
832
|
+
"description": "Recessed background area within a component (e.g. card)",
|
|
833
|
+
"usedIn": ["tokens"]
|
|
803
834
|
}
|
|
804
835
|
]
|
|
805
836
|
}
|
|
@@ -12,6 +12,36 @@
|
|
|
12
12
|
"id": "background",
|
|
13
13
|
"label": "Background",
|
|
14
14
|
"description": "Background color role — fill or surface color behind an element"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"id": "neutral",
|
|
18
|
+
"label": "Neutral",
|
|
19
|
+
"description": "Neutral semantic color role, distinct from a specific hue"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"id": "accent",
|
|
23
|
+
"label": "Accent",
|
|
24
|
+
"description": "Accent semantic color role"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"id": "informative",
|
|
28
|
+
"label": "Informative",
|
|
29
|
+
"description": "Informative semantic color role"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"id": "negative",
|
|
33
|
+
"label": "Negative",
|
|
34
|
+
"description": "Negative/destructive semantic color role"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"id": "notice",
|
|
38
|
+
"label": "Notice",
|
|
39
|
+
"description": "Notice/attention semantic color role"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"id": "positive",
|
|
43
|
+
"label": "Positive",
|
|
44
|
+
"description": "Positive/affirmative semantic color role"
|
|
15
45
|
}
|
|
16
46
|
]
|
|
17
47
|
}
|