@adobe/spectrum-design-data 0.7.1 → 0.9.0

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": 26
+  },
+  "scope": null,
+  "required": false,
+  "valueType": "string",
+  "excludeFromLegacyKey": true
+}

package/fields/weight.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-design-data",
-  "version": "0.7.1",
+  "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.6.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",
@@ -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",
@@ -631,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",
@@ -734,6 +740,96 @@
       "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"]
+    },
+    {
+      "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

@@ -0,0 +1,47 @@
+{
+  "$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"
+    },
+    {
+      "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"
+    }
+  ]
+}

package/registry/components.json

@@ -48,6 +48,16 @@
       "label": "Badge",
       "documentationUrl": "https://spectrum.adobe.com/page/badge/"
     },
+    {
+      "id": "bar-panel",
+      "label": "Bar Panel",
+      "description": "A cross-cutting anatomy sub-part shared by multiple components (e.g. color area, color wheel) rather than a standalone top-level component."
+    },
+    {
+      "id": "body",
+      "label": "Body",
+      "documentationUrl": "https://spectrum.adobe.com/page/body/"
+    },
     {
       "id": "breadcrumbs",
       "label": "Breadcrumbs",
@@ -68,6 +78,16 @@
       "label": "Calendar",
       "documentationUrl": "https://spectrum.adobe.com/page/calendar/"
     },
+    {
+      "id": "card",
+      "label": "Card",
+      "documentationUrl": "https://spectrum.adobe.com/page/card/"
+    },
+    {
+      "id": "card-horizontal",
+      "label": "Card Horizontal",
+      "documentationUrl": "https://spectrum.adobe.com/page/card-horizontal/"
+    },
     {
       "id": "checkbox",
       "label": "Checkbox",
@@ -83,11 +103,46 @@
       "label": "Close Button",
       "documentationUrl": "https://spectrum.adobe.com/page/close-button/"
     },
+    {
+      "id": "coach-indicator",
+      "label": "Coach Indicator",
+      "documentationUrl": "https://spectrum.adobe.com/page/coach-indicator/"
+    },
+    {
+      "id": "coach-mark",
+      "label": "Coach Mark",
+      "documentationUrl": "https://spectrum.adobe.com/page/coach-mark/"
+    },
+    {
+      "id": "code",
+      "label": "Code",
+      "documentationUrl": "https://spectrum.adobe.com/page/code/"
+    },
+    {
+      "id": "collection-card",
+      "label": "Collection Card",
+      "documentationUrl": "https://spectrum.adobe.com/page/collection-card/"
+    },
     {
       "id": "color-area",
       "label": "Color Area",
       "documentationUrl": "https://spectrum.adobe.com/page/color-area/"
     },
+    {
+      "id": "color-control",
+      "label": "Color Control",
+      "description": "A cross-cutting anatomy sub-part shared by color-selection components (e.g. color slider, color wheel) rather than a standalone top-level component."
+    },
+    {
+      "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",
@@ -108,26 +163,61 @@
       "label": "Contextual Help",
       "documentationUrl": "https://spectrum.adobe.com/page/contextual-help/"
     },
+    {
+      "id": "date-field",
+      "label": "Date Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/date-field/"
+    },
     {
       "id": "date-picker",
       "label": "Date Picker",
       "documentationUrl": "https://spectrum.adobe.com/page/date-picker/"
     },
+    {
+      "id": "detail",
+      "label": "Detail",
+      "documentationUrl": "https://spectrum.adobe.com/page/detail/"
+    },
     {
       "id": "divider",
       "label": "Divider",
       "documentationUrl": "https://spectrum.adobe.com/page/divider/"
     },
+    {
+      "id": "double-calendar",
+      "label": "Double Calendar",
+      "documentationUrl": "https://spectrum.adobe.com/page/double-calendar/"
+    },
     {
       "id": "drop-zone",
       "label": "Drop Zone",
       "documentationUrl": "https://spectrum.adobe.com/page/drop-zone/"
     },
+    {
+      "id": "field",
+      "label": "Field",
+      "description": "A cross-cutting anatomy sub-part shared by multiple form-adjacent components rather than a standalone top-level component."
+    },
     {
       "id": "field-label",
       "label": "Field Label",
       "documentationUrl": "https://spectrum.adobe.com/page/field-label/"
     },
+    {
+      "id": "floating-action-button",
+      "label": "Floating Action Button",
+      "documentationUrl": "https://spectrum.adobe.com/page/floating-action-button/"
+    },
+    {
+      "id": "form-item",
+      "label": "Form Item",
+      "documentationUrl": "https://spectrum.adobe.com/page/form-item/"
+    },
+    {
+      "id": "heading",
+      "label": "Heading",
+      "documentationUrl": "https://spectrum.adobe.com/page/heading/"
+    },
     {
       "id": "help-text",
       "label": "Help Text",
@@ -138,6 +228,16 @@
       "label": "Illustrated Message",
       "documentationUrl": "https://spectrum.adobe.com/page/illustrated-message/"
     },
+    {
+      "id": "in-field-button",
+      "label": "In-Field Button",
+      "description": "A cross-cutting anatomy sub-part shared by multiple field-adjacent components rather than a standalone top-level component."
+    },
+    {
+      "id": "in-field-progress-circle",
+      "label": "In-Field Progress Circle",
+      "documentationUrl": "https://spectrum.adobe.com/page/in-field-progress-circle/"
+    },
     {
       "id": "in-line-alert",
       "label": "In-Line Alert",
@@ -148,6 +248,11 @@
       "label": "Link",
       "documentationUrl": "https://spectrum.adobe.com/page/link/"
     },
+    {
+      "id": "list-view",
+      "label": "List View",
+      "documentationUrl": "https://spectrum.adobe.com/page/list-view/"
+    },
     {
       "id": "menu",
       "label": "Menu",
@@ -163,6 +268,11 @@
       "label": "Number Field",
       "documentationUrl": "https://spectrum.adobe.com/page/number-field/"
     },
+    {
+      "id": "opacity-checkerboard",
+      "label": "Opacity Checkerboard",
+      "documentationUrl": "https://spectrum.adobe.com/page/opacity-checkerboard/"
+    },
     {
       "id": "picker",
       "label": "Picker",
@@ -203,26 +313,71 @@
       "label": "Search Field",
       "documentationUrl": "https://spectrum.adobe.com/page/search-field/"
     },
+    {
+      "id": "segmented-control",
+      "label": "Segmented Control",
+      "documentationUrl": "https://spectrum.adobe.com/page/segmented-control/"
+    },
+    {
+      "id": "segmented-text-field",
+      "label": "Segmented Text Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/segmented-text-field/"
+    },
     {
       "id": "select-box",
       "label": "Select Box",
       "documentationUrl": "https://spectrum.adobe.com/page/select-box/"
     },
+    {
+      "id": "side-navigation",
+      "label": "Side Navigation",
+      "documentationUrl": "https://spectrum.adobe.com/page/side-navigation/"
+    },
+    {
+      "id": "single-calendar",
+      "label": "Single Calendar",
+      "documentationUrl": "https://spectrum.adobe.com/page/single-calendar/"
+    },
     {
       "id": "slider",
       "label": "Slider",
       "documentationUrl": "https://spectrum.adobe.com/page/slider/"
     },
+    {
+      "id": "stack-item",
+      "label": "Stack Item",
+      "description": "A cross-cutting anatomy sub-part shared by multiple stacking-layout components rather than a standalone top-level component."
+    },
+    {
+      "id": "standard-dialog",
+      "label": "Standard Dialog",
+      "documentationUrl": "https://spectrum.adobe.com/page/standard-dialog/"
+    },
+    {
+      "id": "standard-panel",
+      "label": "Standard Panel",
+      "documentationUrl": "https://spectrum.adobe.com/page/standard-panel/"
+    },
     {
       "id": "status-light",
       "label": "Status Light",
       "documentationUrl": "https://spectrum.adobe.com/page/status-light/"
     },
+    {
+      "id": "steplist",
+      "label": "Steplist",
+      "documentationUrl": "https://spectrum.adobe.com/page/steplist/"
+    },
     {
       "id": "swatch",
       "label": "Swatch",
       "documentationUrl": "https://spectrum.adobe.com/page/swatch/"
     },
+    {
+      "id": "swatch-group",
+      "label": "Swatch Group",
+      "documentationUrl": "https://spectrum.adobe.com/page/swatch-group/"
+    },
     {
       "id": "switch",
       "label": "Switch",
@@ -243,11 +398,21 @@
       "label": "Tag",
       "documentationUrl": "https://spectrum.adobe.com/page/tag/"
     },
+    {
+      "id": "tag-field",
+      "label": "Tag Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/tag-field/"
+    },
     {
       "id": "tag-group",
       "label": "Tag Group",
       "documentationUrl": "https://spectrum.adobe.com/page/tag-group/"
     },
+    {
+      "id": "takeover-dialog",
+      "label": "Takeover Dialog",
+      "documentationUrl": "https://spectrum.adobe.com/page/takeover-dialog/"
+    },
     {
       "id": "text-area",
       "label": "Text Area",
@@ -258,6 +423,21 @@
       "label": "Text Field",
       "documentationUrl": "https://spectrum.adobe.com/page/text-field/"
     },
+    {
+      "id": "thumbnail",
+      "label": "Thumbnail",
+      "documentationUrl": "https://spectrum.adobe.com/page/thumbnail/"
+    },
+    {
+      "id": "time-field",
+      "label": "Time Field",
+      "documentationUrl": "https://spectrum.adobe.com/page/time-field/"
+    },
+    {
+      "id": "title",
+      "label": "Title",
+      "documentationUrl": "https://spectrum.adobe.com/page/title/"
+    },
     {
       "id": "toast",
       "label": "Toast",
@@ -272,6 +452,21 @@
       "id": "tray",
       "label": "Tray",
       "documentationUrl": "https://spectrum.adobe.com/page/tray/"
+    },
+    {
+      "id": "tree-view",
+      "label": "Tree View",
+      "documentationUrl": "https://spectrum.adobe.com/page/tree-view/"
+    },
+    {
+      "id": "triple-calendar",
+      "label": "Triple Calendar",
+      "documentationUrl": "https://spectrum.adobe.com/page/triple-calendar/"
+    },
+    {
+      "id": "user-card",
+      "label": "User Card",
+      "documentationUrl": "https://spectrum.adobe.com/page/user-card/"
     }
   ]
 }

package/registry/icon-terms.json

@@ -0,0 +1,90 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
+  "type": "icon",
+  "description": "Icon identities used as the `icon` name-field value on icon-family tokens. `tokenName` gives the long form used in legacy keys (e.g. \"checkmark\" -> \"checkmark-icon\"); ids without a `tokenName` already match the legacy form.",
+  "values": [
+    {
+      "id": "icon",
+      "label": "Icon",
+      "description": "Generic icon token, not tied to a specific glyph",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "ui",
+      "label": "UI Icon",
+      "description": "Generic UI icon glyph",
+      "tokenName": "ui-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "checkmark",
+      "label": "Checkmark Icon",
+      "description": "Checkmark glyph",
+      "tokenName": "checkmark-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "chevron",
+      "label": "Chevron Icon",
+      "description": "Chevron glyph",
+      "tokenName": "chevron-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "dash",
+      "label": "Dash Icon",
+      "description": "Dash glyph",
+      "tokenName": "dash-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "arrow",
+      "label": "Arrow Icon",
+      "description": "Arrow glyph",
+      "tokenName": "arrow-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "cross",
+      "label": "Cross Icon",
+      "description": "Cross (close) glyph",
+      "tokenName": "cross-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "add",
+      "label": "Add Icon",
+      "description": "Add (plus) glyph",
+      "tokenName": "add-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "link-out",
+      "label": "Link Out Icon",
+      "description": "External-link glyph",
+      "tokenName": "link-out-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "drag-handle",
+      "label": "Drag Handle Icon",
+      "description": "Drag handle glyph",
+      "tokenName": "drag-handle-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "asterisk",
+      "label": "Asterisk Icon",
+      "description": "Asterisk glyph",
+      "tokenName": "asterisk-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "gripper",
+      "label": "Gripper Icon",
+      "description": "Gripper glyph",
+      "tokenName": "gripper-icon",
+      "usedIn": ["tokens"]
+    }
+  ]
+}

package/registry/positions.json

@@ -27,6 +27,44 @@
       "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"
+    },
+    {
+      "id": "inner",
+      "label": "Inner",
+      "description": "Interior-facing side of an element",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "outer",
+      "label": "Outer",
+      "description": "Exterior-facing side of an element",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "below",
+      "label": "Below",
+      "description": "Positioned underneath a reference element",
+      "usedIn": ["tokens"]
     }
   ]
 }