@adobe/spectrum-design-data 0.7.0 → 0.8.0

package/components/action-bar.json

@@ -54,6 +54,16 @@
     }
   ],
   "options": { "isEmphasized": { "type": "boolean", "default": false } },
+  "anatomy": [
+    {
+      "name": "action-group-area",
+      "description": "Group of secondary action controls."
+    },
+    {
+      "name": "item-counter",
+      "description": "Badge showing a count of items or actions."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     { "token": "action-bar-height", "context": "Height" },

package/components/alert-banner.json

@@ -113,6 +113,12 @@
     },
     "isDismissible": { "type": "boolean", "default": false }
   },
+  "anatomy": [
+    {
+      "name": "alert-icon",
+      "description": "Icon indicating the alert's severity."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     { "token": "workflow-icon-size-100", "context": "Icon asset" },

package/components/breadcrumbs.json

@@ -141,6 +141,12 @@
       ]
     }
   },
+  "anatomy": [
+    {
+      "name": "separator-icon",
+      "description": "Icon separating breadcrumb items."
+    }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },

package/components/coach-mark.json

@@ -111,6 +111,12 @@
       }
     }
   },
+  "anatomy": [
+    {
+      "name": "pagination-text",
+      "description": "Text indicating step position (e.g. '2 of 5')."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     { "token": "coach-mark-width", "context": "Width" },

package/components/field-label.json

@@ -80,6 +80,12 @@
     "isRequired": { "type": "boolean", "default": false },
     "isDisabled": { "type": "boolean", "default": false }
   },
+  "anatomy": [
+    {
+      "name": "asterisk",
+      "description": "Required-field indicator."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     { "token": "component-height-75", "context": "Minimum height" },

package/components/menu.json

@@ -162,6 +162,16 @@
     "isUnavailable": { "type": "boolean", "default": false },
     "isDisabled": { "type": "boolean", "default": false }
   },
+  "anatomy": [
+    {
+      "name": "item-label",
+      "description": "Label text of a menu item."
+    },
+    {
+      "name": "menu-item",
+      "description": "A single row within the menu."
+    }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },

package/components/number-field.json

@@ -179,6 +179,12 @@
       "description": "If true, hides in-field increment and decrement buttons (stepper)."
     }
   },
+  "anatomy": [
+    {
+      "name": "in-field-stepper",
+      "description": "Increment/decrement stepper embedded in the field."
+    }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "focus-+-hover", "trigger": "prop" },

package/components/side-navigation.json

@@ -133,6 +133,12 @@
       ]
     }
   },
+  "anatomy": [
+    {
+      "name": "trailing-accessory-area",
+      "description": "Trailing area for accessory content such as counts or actions."
+    }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },

package/components/slider.json

@@ -135,6 +135,12 @@
     "isEditable": { "type": "boolean", "default": false },
     "isDisabled": { "type": "boolean", "default": false }
   },
+  "anatomy": [
+    {
+      "name": "text-field",
+      "description": "Editable numeric value field."
+    }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },

package/components/status-light.json

@@ -89,6 +89,24 @@
       ]
     }
   },
+  "anatomy": [
+    {
+      "name": "visual-75",
+      "description": "Severity dot, 75 size variant."
+    },
+    {
+      "name": "visual-100",
+      "description": "Severity dot, 100 size variant."
+    },
+    {
+      "name": "visual-200",
+      "description": "Severity dot, 200 size variant."
+    },
+    {
+      "name": "visual-300",
+      "description": "Severity dot, 300 size variant."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     { "token": "component-height-75", "context": "Height" },

package/components/steplist.json

@@ -88,6 +88,12 @@
       "description": "The identifier or label of the currently active step."
     }
   },
+  "anatomy": [
+    {
+      "name": "track-size",
+      "description": "The connecting track between steps."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     {

package/components/table.json

@@ -193,6 +193,24 @@
       }
     }
   },
+  "anatomy": [
+    {
+      "name": "column-header-row",
+      "description": "The header row containing column titles."
+    },
+    {
+      "name": "row",
+      "description": "A single data row."
+    },
+    {
+      "name": "row-checkbox",
+      "description": "Selection checkbox within a row."
+    },
+    {
+      "name": "header-row-checkbox",
+      "description": "Select-all checkbox within the column header row."
+    }
+  ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
     { "token": "chevron-100", "context": "Header icons" },

package/components/tag.json

@@ -59,6 +59,16 @@
     "isDisabled": { "type": "boolean", "default": false },
     "isReadOnly": { "type": "boolean", "default": false }
   },
+  "anatomy": [
+    {
+      "name": "clear-icon",
+      "description": "Icon affordance that removes the tag."
+    },
+    {
+      "name": "cross-icon",
+      "description": "Cross/X icon shown on the tag."
+    }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },

package/components/tree-view.json

@@ -165,6 +165,12 @@
       "values": [{ "value": "toggle" }, { "value": "replace" }]
     }
   },
+  "anatomy": [
+    {
+      "name": "action-area",
+      "description": "Trailing area containing item actions."
+    }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },

package/fields/color-scheme.json

@@ -11,5 +11,6 @@
   },
   "scope": null,
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/fields/colorFamily.json

@@ -2,7 +2,7 @@
   "$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 → 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 \u2192 blue-100).",
   "kind": "semantic",
   "registry": "packages/design-data/registry/color-families.json",
   "validation": "advisory",
@@ -11,5 +11,6 @@
   },
   "scope": "color",
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/fields/colorRole.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "colorRole",
+  "description": "Semantic role of a color token within a component (e.g. primary, background). Used alongside colorFamily for component-scoped color tokens. Excluded from the legacy key; the serializer emits it via the explicit component-color branch.",
+  "kind": "semantic",
+  "registry": "packages/design-data/registry/color-roles.json",
+  "validation": "advisory",
+  "serialization": {
+    "position": 16
+  },
+  "scope": "color",
+  "required": false,
+  "valueType": "string",
+  "excludeFromLegacyKey": true
+}

package/fields/contrast.json

@@ -11,5 +11,6 @@
   },
   "scope": null,
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/fields/family.json

@@ -11,5 +11,6 @@
   },
   "scope": "typography",
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/fields/from.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "from",
+  "description": "Semantic: the starting endpoint of a space-between measurement (e.g. top, edge, text). Paired with `to`. Value MUST be an edge position, a generic anatomy term, or (when `component` is present) an anatomy part declared on that component — see SPEC-047.",
+  "kind": "semantic",
+  "registry": null,
+  "validation": "advisory",
+  "serialization": {
+    "position": 23
+  },
+  "scope": null,
+  "required": false,
+  "valueType": "string",
+  "excludeFromLegacyKey": true
+}

package/fields/scale.json

@@ -11,5 +11,6 @@
   },
   "scope": null,
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/fields/scaleIndex.json

@@ -11,5 +11,6 @@
   },
   "scope": null,
   "required": false,
-  "valueType": "integer"
+  "valueType": "integer",
+  "excludeFromLegacyKey": true
 }

package/fields/structure.json

@@ -11,5 +11,6 @@
   },
   "scope": null,
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/fields/style.json

@@ -11,5 +11,6 @@
   },
   "scope": "typography",
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/fields/to.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "to",
+  "description": "Semantic: the ending endpoint of a space-between measurement (e.g. text, visual, control). Paired with `from`. Value MUST be an edge position, a generic anatomy term, or (when `component` is present) an anatomy part declared on that component — see SPEC-047.",
+  "kind": "semantic",
+  "registry": null,
+  "validation": "advisory",
+  "serialization": {
+    "position": 24
+  },
+  "scope": null,
+  "required": false,
+  "valueType": "string",
+  "excludeFromLegacyKey": true
+}

package/fields/weight.json

@@ -11,5 +11,6 @@
   },
   "scope": "typography",
   "required": false,
-  "valueType": "string"
+  "valueType": "string",
+  "excludeFromLegacyKey": true
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-design-data",
-  "version": "0.7.0",
+  "version": "0.8.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.5.0"
+    "@adobe/design-data-spec": "2.7.0"
   },
   "scripts": {}
 }

package/registry/anatomy-terms.json

@@ -483,6 +483,12 @@
       "description": "Individual selectable item within a segmented-control component",
       "usedIn": ["s2-docs"]
     },
+    {
+      "id": "color-area",
+      "label": "Color Area",
+      "description": "The color-area component when used as an embedded anatomy part within another component (e.g. the color gradient area inside a color-wheel)",
+      "usedIn": ["tokens"]
+    },
     {
       "id": "color-handle",
       "label": "Color Handle",
@@ -734,6 +740,66 @@
       "label": "Progress Bar",
       "description": "Visual progress fill track indicating completion level",
       "usedIn": ["tokens", "component-schemas"]
+    },
+    {
+      "id": "content",
+      "label": "Content",
+      "description": "The main content area of a component",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "visual",
+      "label": "Visual",
+      "description": "A leading visual element such as an icon or thumbnail",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "action",
+      "label": "Action",
+      "description": "An interactive action affordance",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "navigation",
+      "label": "Navigation",
+      "description": "A navigation control or affordance",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "disclosure",
+      "label": "Disclosure",
+      "description": "An expand/collapse affordance",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "content-area",
+      "label": "Content area",
+      "description": "The container region that wraps a component's main content",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "disclosure-indicator",
+      "label": "Disclosure indicator",
+      "description": "A visual affordance showing expand/collapse state",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "disclosure-icon",
+      "label": "Disclosure icon",
+      "description": "An icon affordance showing expand/collapse state",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "drag-handle",
+      "label": "Drag handle",
+      "description": "A grip affordance for reordering an item via drag",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "field-button",
+      "label": "Field button",
+      "description": "A trigger button embedded within a text field or picker",
+      "usedIn": ["tokens"]
     }
   ]
 }

package/registry/color-roles.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "color-role",
+  "description": "Semantic roles for component-scoped color tokens. Assigned via the `colorRole` name-object field alongside `colorFamily` (e.g. colorFamily=blue + colorRole=primary → the primary blue color for a component).",
+  "values": [
+    {
+      "id": "primary",
+      "label": "Primary",
+      "description": "Primary color role — the main foreground color for an element"
+    },
+    {
+      "id": "background",
+      "label": "Background",
+      "description": "Background color role — fill or surface color behind an element"
+    }
+  ]
+}

package/registry/components.json

@@ -88,6 +88,16 @@
       "label": "Color Area",
       "documentationUrl": "https://spectrum.adobe.com/page/color-area/"
     },
+    {
+      "id": "color-handle",
+      "label": "Color Handle",
+      "documentationUrl": "https://spectrum.adobe.com/page/color-handle/"
+    },
+    {
+      "id": "color-loupe",
+      "label": "Color Loupe",
+      "documentationUrl": "https://spectrum.adobe.com/page/color-loupe/"
+    },
     {
       "id": "color-slider",
       "label": "Color Slider",

package/registry/positions.json

@@ -27,6 +27,26 @@
       "id": "end",
       "label": "End",
       "description": "End position (right in LTR, left in RTL)"
+    },
+    {
+      "id": "edge",
+      "label": "Edge",
+      "description": "Outer boundary of an element"
+    },
+    {
+      "id": "start-edge",
+      "label": "Start edge",
+      "description": "Outer boundary at the start (left in LTR, right in RTL)"
+    },
+    {
+      "id": "end-edge",
+      "label": "End edge",
+      "description": "Outer boundary at the end (right in LTR, left in RTL)"
+    },
+    {
+      "id": "bottom-edge",
+      "label": "Bottom edge",
+      "description": "Outer boundary at the bottom"
     }
   ]
 }

package/registry/property-terms.json

@@ -207,6 +207,31 @@
       "id": "line-height-multiplier",
       "label": "Line Height Multiplier",
       "description": "Unitless line-height ratio (multiplier), distinct from the absolute px line-height paired with a specific font-size tier"
+    },
+    {
+      "id": "minimum-width",
+      "label": "Minimum Width",
+      "description": "CSS min-width constraint (design-system abstraction)"
+    },
+    {
+      "id": "minimum-height",
+      "label": "Minimum Height",
+      "description": "CSS min-height constraint (design-system abstraction)"
+    },
+    {
+      "id": "maximum-width",
+      "label": "Maximum Width",
+      "description": "CSS max-width constraint (design-system abstraction)"
+    },
+    {
+      "id": "thickness",
+      "label": "Thickness",
+      "description": "Stroke or line thickness (design-system abstraction; not a standard CSS property)"
+    },
+    {
+      "id": "space-between",
+      "label": "Space Between",
+      "description": "Spacing between two named endpoints (e.g. an edge and an anatomy part, or two anatomy parts). The endpoints are carried by the paired `from`/`to` name-object fields, not by this term; the legacy key is reconstructed as {from}-to-{to} and omits this property term."
     }
   ]
 }