@adobe/spectrum-design-data 0.11.0 → 0.13.0

package/components/action-bar.json

@@ -62,7 +62,8 @@
     {
       "name": "item-counter",
       "description": "Badge showing a count of items or actions."
-    }
+    },
+    { "name": "counter" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/avatar.json

@@ -91,7 +91,8 @@
   },
   "states": [
     { "name": "down", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" }
+    { "name": "keyboard-focus", "trigger": "interaction" },
+    { "name": "disabled", "trigger": "prop" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/bar-panel.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/bar-panel.json",
+  "specVersion": "1.0.0-draft",
+  "name": "bar-panel",
+  "displayName": "Bar panel",
+  "description": "A panel anchored to an edge, exposing a draggable gripper for resizing.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "anatomy": [{ "name": "gripper" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/card-horizontal.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/card-horizontal.json",
+  "specVersion": "1.0.0-draft",
+  "name": "card-horizontal",
+  "displayName": "Horizontal card",
+  "description": "A card variant laid out horizontally, pairing a preview with content side by side.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "states": [{ "name": "default" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/card.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/card.json",
+  "specVersion": "1.0.0-draft",
+  "name": "card",
+  "displayName": "Card",
+  "description": "A single card surface used to group related content and actions; the base of the cards family (cards.json documents the group).",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "anatomy": [{ "name": "selection" }, { "name": "well" }],
+  "states": [{ "name": "default" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/coach-mark.json

@@ -115,7 +115,11 @@
     {
       "name": "pagination-text",
       "description": "Text indicating step position (e.g. '2 of 5')."
-    }
+    },
+    { "name": "body" },
+    { "name": "media" },
+    { "name": "pagination" },
+    { "name": "title" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/collection-card.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/collection-card.json",
+  "specVersion": "1.0.0-draft",
+  "name": "collection-card",
+  "displayName": "Collection card",
+  "description": "A card variant representing a collection of items rather than a single asset.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/color-control.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/color-control.json",
+  "specVersion": "1.0.0-draft",
+  "name": "color-control",
+  "displayName": "Color control",
+  "description": "Shared interactive control (slider/area) underlying color-picker components.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "anatomy": [{ "name": "track" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/combo-box.json

@@ -213,10 +213,26 @@
     "errorMessage": { "type": "string" }
   },
   "states": [
-    { "name": "hover-(text-area)", "trigger": "prop" },
-    { "name": "hover-(button-area)", "trigger": "prop" },
-    { "name": "focus-+-hover", "trigger": "prop" },
-    { "name": "focus-+-not-hover", "trigger": "prop" },
+    {
+      "name": "hover-text-area",
+      "trigger": "prop",
+      "description": "Hover scoped to the text-entry anatomy part, distinct from hover over the field button."
+    },
+    {
+      "name": "hover-button-area",
+      "trigger": "prop",
+      "description": "Hover scoped to the field button anatomy part, distinct from hover over the text-entry area."
+    },
+    {
+      "name": "focus-hover",
+      "trigger": "prop",
+      "description": "Combined focus and hover, when the field is focused and the pointer is also over it."
+    },
+    {
+      "name": "focus-not-hover",
+      "trigger": "prop",
+      "description": "Focus without hover, when the field is focused but the pointer is not over it."
+    },
     { "name": "keyboard-focus", "trigger": "interaction" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },

package/components/date-field.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/date-field.json",
+  "specVersion": "1.0.0-draft",
+  "name": "date-field",
+  "displayName": "Date field",
+  "description": "A field for entering a date value.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/double-calendar.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/double-calendar.json",
+  "specVersion": "1.0.0-draft",
+  "name": "double-calendar",
+  "displayName": "Double calendar",
+  "description": "A date-picker calendar variant displaying two consecutive months.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/field.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/field.json",
+  "specVersion": "1.0.0-draft",
+  "name": "field",
+  "displayName": "Field",
+  "description": "Shared layout primitive underlying labeled form fields (text field, picker, etc.).",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/floating-action-button.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/floating-action-button.json",
+  "specVersion": "1.0.0-draft",
+  "name": "floating-action-button",
+  "displayName": "Floating action button",
+  "description": "A circular button that floats above content to surface a primary action.",
+  "meta": {
+    "category": "actions",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/form-item.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/form-item.json",
+  "specVersion": "1.0.0-draft",
+  "name": "form-item",
+  "displayName": "Form item",
+  "description": "Layout wrapper pairing a form field with its label and helper text.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/in-field-button.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/in-field-button.json",
+  "specVersion": "1.0.0-draft",
+  "name": "in-field-button",
+  "displayName": "In-field button",
+  "description": "A button embedded inside a field's input area, such as a clear or disclosure action.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "anatomy": [{ "name": "fill" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/menu.json

@@ -210,7 +210,9 @@
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" }
+    { "name": "keyboard-focus", "trigger": "interaction" },
+    { "name": "default", "trigger": "prop" },
+    { "name": "disabled", "trigger": "prop" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/segmented-text-field.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/segmented-text-field.json",
+  "specVersion": "1.0.0-draft",
+  "name": "segmented-text-field",
+  "displayName": "Segmented text field",
+  "description": "A text field split into discrete segments, such as for structured input.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/select-box.json

@@ -104,7 +104,8 @@
   "states": [
     { "name": "down", "trigger": "interaction" },
     { "name": "hover", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" }
+    { "name": "keyboard-focus", "trigger": "interaction" },
+    { "name": "selected", "trigger": "interaction" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/side-navigation.json

@@ -137,7 +137,8 @@
     {
       "name": "trailing-accessory-area",
       "description": "Trailing area for accessory content such as counts or actions."
-    }
+    },
+    { "name": "indicator" }
   ],
   "states": [
     { "name": "hover", "trigger": "interaction" },

package/components/single-calendar.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/single-calendar.json",
+  "specVersion": "1.0.0-draft",
+  "name": "single-calendar",
+  "displayName": "Single calendar",
+  "description": "A date-picker calendar variant displaying a single month.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/slider.json

@@ -139,7 +139,10 @@
     {
       "name": "text-field",
       "description": "Editable numeric value field."
-    }
+    },
+    { "name": "handle" },
+    { "name": "track" },
+    { "name": "control" }
   ],
   "states": [
     { "name": "hover", "trigger": "interaction" },

package/components/stack-item.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/stack-item.json",
+  "specVersion": "1.0.0-draft",
+  "name": "stack-item",
+  "displayName": "Stack item",
+  "description": "A single row primitive used by list-like containers such as list-view and tree-view.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "states": [
+    { "name": "down", "trigger": "interaction" },
+    { "name": "hover", "trigger": "interaction" },
+    { "name": "key-focus", "trigger": "interaction" },
+    { "name": "selected", "trigger": "interaction" },
+    { "name": "selected-default", "trigger": "interaction" },
+    { "name": "selected-down", "trigger": "interaction" },
+    { "name": "selected-hover", "trigger": "interaction" },
+    { "name": "selected-keyboard-focus", "trigger": "interaction" }
+  ],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/status-light.json

@@ -105,7 +105,8 @@
     {
       "name": "visual-300",
       "description": "Severity dot, 300 size variant."
-    }
+    },
+    { "name": "dot" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/steplist.json

@@ -92,7 +92,8 @@
     {
       "name": "track-size",
       "description": "The connecting track between steps."
-    }
+    },
+    { "name": "track" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/swatch.json

@@ -76,10 +76,18 @@
     "isSelected": { "type": "boolean", "default": false },
     "isDisabled": { "type": "boolean", "default": false }
   },
+  "anatomy": [
+    {
+      "name": "slash",
+      "description": "Diagonal slash indicating an empty or \"none\" swatch."
+    },
+    { "name": "icon" }
+  ],
   "states": [
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" }
+    { "name": "keyboard-focus", "trigger": "interaction" },
+    { "name": "disabled", "trigger": "prop" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/table.json

@@ -210,7 +210,8 @@
     {
       "name": "header-row-checkbox",
       "description": "Select-all checkbox within the column header row."
-    }
+    },
+    { "name": "section-header" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/time-field.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/time-field.json",
+  "specVersion": "1.0.0-draft",
+  "name": "time-field",
+  "displayName": "Time field",
+  "description": "A field for entering a time value.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/tree-view.json

@@ -169,12 +169,17 @@
     {
       "name": "action-area",
       "description": "Trailing area containing item actions."
-    }
+    },
+    { "name": "row" }
   ],
   "states": [
+    { "name": "default", "description": "Resting base state." },
     { "name": "hover", "trigger": "interaction" },
     { "name": "down", "trigger": "interaction" },
-    { "name": "keyboard-focus", "trigger": "interaction" }
+    { "name": "keyboard-focus", "trigger": "interaction" },
+    { "name": "selected", "trigger": "interaction" },
+    { "name": "selected-default", "trigger": "interaction" },
+    { "name": "selected-hover", "trigger": "interaction" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [

package/components/triple-calendar.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/triple-calendar.json",
+  "specVersion": "1.0.0-draft",
+  "name": "triple-calendar",
+  "displayName": "Triple calendar",
+  "description": "A date-picker calendar variant displaying three consecutive months.",
+  "meta": {
+    "category": "inputs",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/components/user-card.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
+  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/user-card.json",
+  "specVersion": "1.0.0-draft",
+  "name": "user-card",
+  "displayName": "User card",
+  "description": "A card variant surfacing a user's identity (avatar, name) alongside supporting content.",
+  "meta": {
+    "category": "containers",
+    "documentationUrl": "https://spectrum.adobe.com/"
+  },
+  "anatomy": [{ "name": "title" }],
+  "lifecycle": { "introduced": "1.0.0-draft" }
+}

package/fields/referenceScaleIndex.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
+  "specVersion": "1.0.0-draft",
+  "name": "referenceScaleIndex",
+  "description": "Numeric index referencing a step in ANOTHER scale that this token corresponds to (e.g. a line-height paired with font-size tier N), distinct from scaleIndex (this token's own ramp position).",
+  "kind": "numeric",
+  "registry": null,
+  "validation": "none",
+  "serialization": {
+    "position": 98
+  },
+  "scope": null,
+  "required": false,
+  "valueType": "integer",
+  "excludeFromLegacyKey": true
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-design-data",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "Spectrum design tokens in cascade format — the canonical source of truth for @adobe/spectrum-tokens",
   "type": "module",
   "repository": {

package/registry/property-terms.json

@@ -134,8 +134,8 @@
       "description": "Border or stroke thickness"
     },
     {
-      "id": "border-radius",
-      "label": "Border Radius",
+      "id": "corner-radius",
+      "label": "Corner Radius",
       "description": "Corner rounding radius"
     },
     {