@adobe/spectrum-design-data 0.12.0 → 0.14.1

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": [
@@ -178,7 +179,7 @@
       "context": "Illustration color"
     },
     { "token": "neutral-content-color-hover", "context": "Illustration color" },
-    { "token": "netural-content-color-focus", "context": "Illustration color" },
+    { "token": "neutral-content-color-focus", "context": "Illustration color" },
     {
       "token": "select-box-selected-border-color",
       "context": "Border (selected)"

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" },
@@ -193,11 +194,11 @@
       "context": "Spacing (multi-level, no icon, start edge to content)"
     },
     {
-      "token": "side-navigation-with-icon-second-level-edge-to-indicator",
+      "token": "side-navigation-second-level-with-icon-edge-to-indicator",
       "context": "Spacing (multi-level, no icon, start edge to content)"
     },
     {
-      "token": "side-navigation-with-icon-third-level-edge-to-indicator",
+      "token": "side-navigation-third-level-with-icon-edge-to-indicator",
       "context": "Spacing (multi-level, no icon, start edge to content)"
     },
     {
@@ -225,7 +226,7 @@
       "context": "Spacing (text to trailing accessory area)"
     },
     {
-      "token": "navigation-trailing-accessory-area-to-edge",
+      "token": "side-navigation-trailing-accessory-area-to-edge",
       "context": "Spacing (single-level, end to content)"
     },
     {

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/page/single-calendar/"
+  },
+  "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" },
@@ -178,22 +181,22 @@
     { "token": "slider-handle-large", "context": "Handle (size)" },
     { "token": "slider-handle-extra-large", "context": "Handle (size)" },
     {
-      "token": "slider-precision-handle-height-small",
+      "token": "slider-handle-height-precision-small",
       "context": "Handle (size)"
     },
     {
-      "token": "slider-precision-handle-height-medium",
+      "token": "slider-handle-height-precision-medium",
       "context": "Handle (size)"
     },
     {
-      "token": "slider-precision-handle-height-large",
+      "token": "slider-handle-height-precision-large",
       "context": "Handle (size)"
     },
     {
-      "token": "slider-precision-handle-height-extra-large",
+      "token": "slider-handle-height-precision-extra-large",
       "context": "Handle (size)"
     },
-    { "token": "slider-precision-handle-width", "context": "Handle (size)" },
+    { "token": "slider-handle-precision-width", "context": "Handle (size)" },
     { "token": "border-width-200", "context": "Handle (border)" },
     { "token": "focus-indicator-thickness", "context": "Focus ring" },
     { "token": "focus-indicator-gap", "context": "Focus ring" },
@@ -262,19 +265,19 @@
       "context": "Spacing (field label to slider control)"
     },
     {
-      "token": "slider-control-to-side-field-label-small",
+      "token": "slider-control-to-field-label-side-small",
       "context": "Spacing (field label to slider control)"
     },
     {
-      "token": "slider-control-to-side-field-label-medium",
+      "token": "slider-control-to-field-label-side-medium",
       "context": "Spacing (field label to slider control)"
     },
     {
-      "token": "slider-control-to-side-field-label-large",
+      "token": "slider-control-to-field-label-side-large",
       "context": "Spacing (field label to slider control)"
     },
     {
-      "token": "slider-control-to-side-field-label-extra-large",
+      "token": "slider-control-to-field-label-side-extra-large",
       "context": "Spacing (field label to slider control)"
     },
     {
@@ -294,7 +297,6 @@
       "context": "Spacing (slider to field)"
     },
     { "token": "neutral-subdued-content-color-default", "context": "Value" },
-    { "token": "alias-track-default", "context": "Track" },
     { "token": "gray-700", "context": "Track" },
     { "token": "accent-content-color-default", "context": "Track" },
     { "token": "gray-800", "context": "Handle" },

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/page/stack-item/"
+  },
+  "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/standard-dialog.json

@@ -132,7 +132,7 @@
     { "token": "spacing-400", "context": "Spacing (edge to content)" },
     { "token": "spacing-300", "context": "Spacing (title to description)" },
     { "token": "spacing-200", "context": "Spacing (edge to close button)" },
-    { "token": "background-color-layer2", "context": "Background" },
+    { "token": "background-layer-2-color", "context": "Background" },
     { "token": "overlay-color", "context": "Overlay" },
     { "token": "overlay-opacity", "context": "Overlay" },
     { "token": "title-sans-serif-font-family", "context": "Title" },

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": [
@@ -116,7 +117,7 @@
     { "token": "status-light-dot-size-small", "context": "Dot size" },
     { "token": "status-light-dot-size-medium", "context": "Dot size" },
     { "token": "status-light-dot-size-large", "context": "Dot size" },
-    { "token": "status-light-dot-extra-large", "context": "Dot size" },
+    { "token": "status-light-dot-size-extra-large", "context": "Dot size" },
     {
       "token": "status-light-text-to-visual-75",
       "context": "Spacing (dot to label) "

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": [
@@ -155,7 +156,7 @@
     { "token": "steplist-visual-size-large", "context": "Visual size" },
     { "token": "steplist-visual-size-extra-large", "context": "Visual size" },
     {
-      "token": "steplist-track-thickness-thickness",
+      "token": "steplist-track-thickness-medium",
       "context": "Steplist track thickness"
     },
     {

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,11 +210,12 @@
     {
       "name": "header-row-checkbox",
       "description": "Select-all checkbox within the column header row."
-    }
+    },
+    { "name": "section-header" }
   ],
   "lifecycle": { "introduced": "1.0.0-draft" },
   "tokenBindings": [
-    { "token": "chevron-100", "context": "Header icons" },
+    { "token": "chevron-icon-size-100", "context": "Header icons" },
     {
       "token": "corner-radius-medium-size-extra-small",
       "context": "Note: desktop 6px, mobile 6px;"
@@ -336,15 +337,15 @@
       "context": "Row: selected, checkbox & highlight"
     },
     {
-      "token": "neutral-content-color-default-hover",
+      "token": "neutral-content-color-hover",
       "context": "Row: selected, checkbox & highlight"
     },
     {
-      "token": "neutral-content-color-default-down",
+      "token": "neutral-content-color-down",
       "context": "Row: selected, checkbox & highlight"
     },
     {
-      "token": "neutral-content-color-default-key-focus",
+      "token": "neutral-content-color-key-focus",
       "context": "Row: selected, checkbox & highlight"
     },
     {
@@ -407,7 +408,7 @@
     { "token": "cjk-line-height-100", "context": "Column header and row" },
     { "token": "regular-font-weight", "context": "Column header and row" },
     {
-      "token": "table-row-hover-color;",
+      "token": "table-row-hover-color",
       "context": "S1 Row (not selected, hover)"
     },
     {

package/components/tabs.json

@@ -133,14 +133,6 @@
       "token": "tab-item-top-to-workflow-icon-medium",
       "context": "Spacing (top/bottom to edge, workflow icon only)"
     },
-    {
-      "token": "tab-item-side-to-workflow-icon-compact-medium",
-      "context": "Spacing (side to edge, workflow icon only)"
-    },
-    {
-      "token": "tab-item-side-to-workflow-icon-medium",
-      "context": "Spacing (side to edge, workflow icon only)"
-    },
     { "token": "spacing-100", "context": "Spacing (edge to edge)" },
     {
       "token": "tab-item-top-to-text-compact-medium",

package/components/tag.json

@@ -236,19 +236,19 @@
     { "token": "accent-background-color-key-focus", "context": "Background" },
     { "token": "white", "context": "Icon and Clear icon" },
     {
-      "token": "neutral-selected-background-color-default",
+      "token": "neutral-background-color-selected-default",
       "context": "Background"
     },
     {
-      "token": "neutral-selected-background-color-hover",
+      "token": "neutral-background-color-selected-hover",
       "context": "Background"
     },
     {
-      "token": "neutral-selected-background-color-down",
+      "token": "neutral-background-color-selected-down",
       "context": "Background"
     },
     {
-      "token": "neutral-selected-background-color-key-focus",
+      "token": "neutral-background-color-selected-key-focus",
       "context": "Background"
     },
     { "token": "gray-25", "context": "Icon and Clear icon" },

package/components/takeover-dialog.json

@@ -101,7 +101,7 @@
       "token": "corner-radius-extra-large-default",
       "context": "Rounding (dialog option)"
     },
-    { "token": "background-color-layer2", "context": "Background" },
+    { "token": "background-layer-2-color", "context": "Background" },
     { "token": "overlay-color", "context": "Overlay" },
     { "token": "overlay-opacity", "context": "Overlay" },
     { "token": "heading-color", "context": "Title" }

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/page/time-field/"
+  },
+  "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": [
@@ -234,10 +239,6 @@
     { "token": "focus-indicator-thickness", "context": "Focus " },
     { "token": "focus-indicator-gap", "context": "Focus (drag handle)" },
     { "token": "component-height-200", "context": "Height" },
-    {
-      "token": "stack-item-minimum-vertical-padding",
-      "context": "Spacing (vertical)"
-    },
     {
       "token": "stack-item-item-to-item",
       "context": "Spacing (vertically, between tree view items)"

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/page/triple-calendar/"
+  },
+  "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/page/user-card/"
+  },
+  "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.12.0",
+  "version": "0.14.1",
   "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"
     },
     {