@adobe/spectrum-design-data 0.8.0 → 0.9.0

package/components/list-view.json

@@ -158,6 +158,46 @@
       }
     }
   },
+  "anatomy": [
+    {
+      "name": "list-item",
+      "description": "A single row within the list view.",
+      "contains": [
+        "checkbox",
+        "icon",
+        "thumbnail",
+        "label",
+        "description",
+        "actions",
+        "trailing-icon"
+      ]
+    },
+    {
+      "name": "checkbox",
+      "description": "Checkbox control for a list view item in checkbox selection style."
+    },
+    { "name": "icon", "description": "Leading icon of a list view item." },
+    {
+      "name": "thumbnail",
+      "description": "Thumbnail image of a list view item."
+    },
+    {
+      "name": "label",
+      "description": "Primary label text of a list view item."
+    },
+    {
+      "name": "description",
+      "description": "Secondary descriptive text of a list view item."
+    },
+    {
+      "name": "actions",
+      "description": "Action buttons or action menu available for a list view item."
+    },
+    {
+      "name": "trailing-icon",
+      "description": "Icon indicating a list view item navigates to a new context."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     { "token": "(multi-select", "context": "Variants" },

package/components/menu.json

@@ -169,7 +169,42 @@
     },
     {
       "name": "menu-item",
-      "description": "A single row within the menu."
+      "description": "A single row within the menu.",
+      "contains": [
+        "icon",
+        "label",
+        "description",
+        "value",
+        "switch",
+        "checkbox",
+        "thumbnail",
+        "drill-in-chevron",
+        "link-out-icon"
+      ]
+    },
+    { "name": "icon", "description": "Leading icon of a menu item." },
+    { "name": "label", "description": "Primary label text of a menu item." },
+    {
+      "name": "description",
+      "description": "Secondary descriptive text of a menu item."
+    },
+    { "name": "value", "description": "Current value display of a menu item." },
+    {
+      "name": "switch",
+      "description": "Switch control for a menu item with switch selection style."
+    },
+    {
+      "name": "checkbox",
+      "description": "Checkbox control for a menu item with checkbox selection style."
+    },
+    { "name": "thumbnail", "description": "Thumbnail image of a menu item." },
+    {
+      "name": "drill-in-chevron",
+      "description": "Chevron indicating a menu item opens a sub-menu."
+    },
+    {
+      "name": "link-out-icon",
+      "description": "Icon indicating a menu item navigates to a new context."
     }
   ],
   "states": [

package/components/table.json

@@ -200,7 +200,8 @@
     },
     {
       "name": "row",
-      "description": "A single data row."
+      "description": "A single data row.",
+      "contains": ["row-checkbox"]
     },
     {
       "name": "row-checkbox",

package/fields/alignment.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/alignments.json",
   "validation": "advisory",
   "serialization": {
-    "position": 25
+    "position": 27
   },
   "scope": "typography",
   "required": false,

package/fields/color-scheme.json

@@ -7,7 +7,7 @@
   "registry": null,
   "validation": "strict",
   "serialization": {
-    "position": 13
+    "position": 16
   },
   "scope": null,
   "required": false,

package/fields/colorFamily.json

@@ -2,12 +2,12 @@
   "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
   "specVersion": "1.0.0-draft",
   "name": "colorFamily",
-  "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 \u2192 blue-100).",
+  "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).",
   "kind": "semantic",
   "registry": "packages/design-data/registry/color-families.json",
   "validation": "advisory",
   "serialization": {
-    "position": 17
+    "position": 20
   },
   "scope": "color",
   "required": false,

package/fields/colorRole.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/color-roles.json",
   "validation": "advisory",
   "serialization": {
-    "position": 16
+    "position": 19
   },
   "scope": "color",
   "required": false,

package/fields/contrast.json

@@ -7,7 +7,7 @@
   "registry": null,
   "validation": "strict",
   "serialization": {
-    "position": 15
+    "position": 18
   },
   "scope": null,
   "required": false,

package/fields/density.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/densities.json",
   "validation": "advisory",
   "serialization": {
-    "position": 10
+    "position": 13
   },
   "scope": null,
   "required": false,

package/fields/easing.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/easing-curves.json",
   "validation": "advisory",
   "serialization": {
-    "position": 22
+    "position": 24
   },
   "scope": "motion",
   "required": false,

package/fields/emphasis.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "emphasis",
+  "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).",
+  "kind": "semantic",
+  "registry": "packages/design-data/registry/typography-emphasis.json",
+  "validation": "advisory",
+  "serialization": {
+    "position": 8
+  },
+  "scope": "typography",
+  "required": false,
+  "valueType": "string",
+  "excludeFromLegacyKey": false
+}

package/fields/family.json

@@ -2,15 +2,15 @@
   "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
   "specVersion": "1.0.0-draft",
   "name": "family",
-  "description": "Type family of a typography token (e.g. sans-serif, serif, cjk, code). Used to distinguish tokens that apply to different script or display contexts.",
+  "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).",
   "kind": "semantic",
   "registry": "packages/design-data/registry/typography-families.json",
   "validation": "advisory",
   "serialization": {
-    "position": 18
+    "position": 7
   },
   "scope": "typography",
   "required": false,
   "valueType": "string",
-  "excludeFromLegacyKey": true
+  "excludeFromLegacyKey": false
 }

package/fields/from.json

@@ -7,7 +7,7 @@
   "registry": null,
   "validation": "advisory",
   "serialization": {
-    "position": 23
+    "position": 25
   },
   "scope": null,
   "required": false,

package/fields/icon.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "icon",
+  "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.",
+  "kind": "semantic",
+  "registry": "packages/design-data/registry/icon-terms.json",
+  "validation": "advisory",
+  "serialization": {
+    "position": 100
+  },
+  "scope": null,
+  "required": false,
+  "valueType": "string"
+}

package/fields/motionRole.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/motion-roles.json",
   "validation": "advisory",
   "serialization": {
-    "position": 21
+    "position": 23
   },
   "scope": "motion",
   "required": false,

package/fields/orientation.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/orientations.json",
   "validation": "advisory",
   "serialization": {
-    "position": 7
+    "position": 10
   },
   "scope": null,
   "required": false,

package/fields/position.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/positions.json",
   "validation": "advisory",
   "serialization": {
-    "position": 8
+    "position": 11
   },
   "scope": null,
   "required": false,

package/fields/property.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/property-terms.json",
   "validation": "advisory",
   "serialization": {
-    "position": 6
+    "position": 9
   },
   "scope": null,
   "required": true,

package/fields/qualifier.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "qualifier",
+  "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).",
+  "kind": "semantic",
+  "registry": "packages/design-data/registry/qualifiers.json",
+  "validation": "advisory",
+  "serialization": {
+    "position": 28
+  },
+  "scope": null,
+  "required": false,
+  "valueType": "string"
+}

package/fields/role.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "role",
+  "description": "An object's role within a nesting relationship (e.g. container, control), distinct from the `size` field.",
+  "kind": "semantic",
+  "registry": "packages/design-data/registry/roles.json",
+  "validation": "advisory",
+  "serialization": {
+    "position": 29
+  },
+  "scope": null,
+  "required": false,
+  "valueType": "string"
+}

package/fields/scale.json

@@ -7,7 +7,7 @@
   "registry": null,
   "validation": "strict",
   "serialization": {
-    "position": 14
+    "position": 17
   },
   "scope": null,
   "required": false,

package/fields/script.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "script",
+  "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).",
+  "kind": "semantic",
+  "registry": "packages/design-data/registry/scripts.json",
+  "validation": "advisory",
+  "serialization": {
+    "position": 6
+  },
+  "scope": "typography",
+  "required": false,
+  "valueType": "string",
+  "excludeFromLegacyKey": false
+}

package/fields/shape.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/shapes.json",
   "validation": "advisory",
   "serialization": {
-    "position": 11
+    "position": 14
   },
   "scope": null,
   "required": false,

package/fields/size.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/sizes.json",
   "validation": "advisory",
   "serialization": {
-    "position": 9
+    "position": 12
   },
   "scope": null,
   "required": false,

package/fields/state.json

@@ -7,7 +7,7 @@
   "registry": "packages/design-data/registry/states.json",
   "validation": "advisory",
   "serialization": {
-    "position": 12
+    "position": 15
   },
   "scope": null,
   "required": false,

package/fields/style.json

@@ -7,10 +7,9 @@
   "registry": "packages/design-data/registry/typography-styles.json",
   "validation": "advisory",
   "serialization": {
-    "position": 20
+    "position": 22
   },
   "scope": "typography",
   "required": false,
-  "valueType": "string",
-  "excludeFromLegacyKey": true
+  "valueType": "string"
 }

package/fields/to.json

@@ -7,7 +7,7 @@
   "registry": null,
   "validation": "advisory",
   "serialization": {
-    "position": 24
+    "position": 26
   },
   "scope": null,
   "required": false,

package/fields/weight.json

@@ -7,10 +7,9 @@
   "registry": "packages/design-data/registry/typography-weights.json",
   "validation": "advisory",
   "serialization": {
-    "position": 19
+    "position": 21
   },
   "scope": "typography",
   "required": false,
-  "valueType": "string",
-  "excludeFromLegacyKey": true
+  "valueType": "string"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-design-data",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Spectrum design tokens in cascade format — the canonical source of truth for @adobe/spectrum-tokens",
   "type": "module",
   "repository": {
@@ -62,7 +62,7 @@
   "devDependencies": {
     "ajv": "^8.12.0",
     "ajv-formats": "^3.0.1",
-    "@adobe/design-data-spec": "2.7.0"
+    "@adobe/design-data-spec": "2.8.0"
   },
   "scripts": {}
 }

package/registry/anatomy-terms.json

@@ -319,7 +319,7 @@
       "id": "menu-item",
       "label": "Menu Item",
       "description": "Individual selectable item within a menu",
-      "usedIn": ["s2-docs"]
+      "usedIn": ["tokens", "s2-docs"]
     },
     {
       "id": "section-header",
@@ -637,7 +637,7 @@
       "id": "tab-item",
       "label": "Tab Item",
       "description": "Individual tab button within a tabs component",
-      "usedIn": ["s2-docs"]
+      "usedIn": ["tokens", "s2-docs"]
     },
     {
       "id": "breadcrumb-item",
@@ -800,6 +800,36 @@
       "label": "Field button",
       "description": "A trigger button embedded within a text field or picker",
       "usedIn": ["tokens"]
+    },
+    {
+      "id": "in-field-stepper",
+      "label": "In-field stepper",
+      "description": "A stepper control embedded within a field element (e.g. number-field)",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "pagination",
+      "label": "Pagination",
+      "description": "Paged-navigation indicator element (e.g. coach-mark step dots)",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "slash",
+      "label": "Slash",
+      "description": "Diagonal line element indicating an unavailable or crossed-out state (e.g. swatch)",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "square",
+      "label": "Square",
+      "description": "Square-shaped anatomy element (e.g. checkerboard tile)",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "well",
+      "label": "Well",
+      "description": "Recessed background area within a component (e.g. card)",
+      "usedIn": ["tokens"]
     }
   ]
 }

package/registry/color-roles.json

@@ -12,6 +12,36 @@
       "id": "background",
       "label": "Background",
       "description": "Background color role — fill or surface color behind an element"
+    },
+    {
+      "id": "neutral",
+      "label": "Neutral",
+      "description": "Neutral semantic color role, distinct from a specific hue"
+    },
+    {
+      "id": "accent",
+      "label": "Accent",
+      "description": "Accent semantic color role"
+    },
+    {
+      "id": "informative",
+      "label": "Informative",
+      "description": "Informative semantic color role"
+    },
+    {
+      "id": "negative",
+      "label": "Negative",
+      "description": "Negative/destructive semantic color role"
+    },
+    {
+      "id": "notice",
+      "label": "Notice",
+      "description": "Notice/attention semantic color role"
+    },
+    {
+      "id": "positive",
+      "label": "Positive",
+      "description": "Positive/affirmative semantic color role"
     }
   ]
 }