@adobe/spectrum-design-data 0.14.1 → 0.15.0

package/components/cards.json

@@ -289,18 +289,6 @@
     },
     { "token": "spacing-100", "context": "Spacing (header to footer)" },
     { "token": "card-header-to-footer", "context": "Spacing (text to visual)" },
-    {
-      "token": "card-edge-to-content-compact-extra-medium",
-      "context": "Spacing (top/side/bottom edge to content, medium)"
-    },
-    {
-      "token": "card-edge-to-content-default-extra-medium",
-      "context": "Spacing (top/side/bottom edge to content, medium)"
-    },
-    {
-      "token": "card-edge-to-content-spacious-extra-medium",
-      "context": "Spacing (top/side/bottom edge to content, medium)"
-    },
     {
       "token": "user-card-minimum-height-small",
       "context": "Height (minimum), default variant"

package/components/stack-item.json

@@ -12,7 +12,7 @@
   "states": [
     { "name": "down", "trigger": "interaction" },
     { "name": "hover", "trigger": "interaction" },
-    { "name": "key-focus", "trigger": "interaction" },
+    { "name": "keyboard-focus", "trigger": "interaction" },
     { "name": "selected", "trigger": "interaction" },
     { "name": "selected-default", "trigger": "interaction" },
     { "name": "selected-down", "trigger": "interaction" },

package/components/table.json

@@ -201,7 +201,11 @@
     {
       "name": "row",
       "description": "A single data row.",
-      "contains": ["row-checkbox"]
+      "contains": ["row-checkbox", "item"]
+    },
+    {
+      "name": "item",
+      "description": "Generic item element within a table row; used for item-level padding tokens (e.g. table-item-padding-*)."
     },
     {
       "name": "row-checkbox",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-design-data",
-  "version": "0.14.1",
+  "version": "0.15.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.8.0"
+    "@adobe/design-data-spec": "2.9.0"
   },
   "scripts": {}
 }

package/registry/anatomy-terms.json

@@ -241,13 +241,15 @@
       "id": "focus-ring",
       "label": "Focus Ring",
       "description": "Visible ring drawn around a focused component for accessibility",
-      "usedIn": ["tokens"]
+      "usedIn": ["tokens"],
+      "standaloneScope": true
     },
     {
       "id": "focus-indicator",
       "label": "Focus Indicator",
       "description": "Visual indicator showing keyboard focus state on a component",
-      "usedIn": ["tokens"]
+      "usedIn": ["tokens"],
+      "standaloneScope": true
     },
     {
       "id": "workflow-icon",

package/registry/icon-terms.json

@@ -85,6 +85,20 @@
       "description": "Gripper glyph",
       "tokenName": "gripper-icon",
       "usedIn": ["tokens"]
+    },
+    {
+      "id": "alert",
+      "label": "Alert Icon",
+      "description": "Alert/error glyph",
+      "tokenName": "alert-icon",
+      "usedIn": ["tokens"]
+    },
+    {
+      "id": "validation",
+      "label": "Validation Icon",
+      "description": "Field validation-state glyph",
+      "tokenName": "validation-icon",
+      "usedIn": ["tokens"]
     }
   ]
 }

package/registry/property-terms.json

@@ -73,6 +73,11 @@
       "label": "Width",
       "description": "Element width"
     },
+    {
+      "id": "indent",
+      "label": "Indent",
+      "description": "Horizontal offset applied to nested or hierarchical elements"
+    },
     {
       "id": "height",
       "label": "Height",

package/tokens/color-aliases.tokens.json

@@ -129,7 +129,7 @@
     "name": {
       "colorRole": "accent",
       "property": "background-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "colorScheme": "light",
       "legacyKey": "accent-background-color-key-focus"
     },
@@ -143,7 +143,7 @@
     "name": {
       "colorRole": "accent",
       "property": "background-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "colorScheme": "dark",
       "legacyKey": "accent-background-color-key-focus"
     },
@@ -157,7 +157,7 @@
     "name": {
       "colorRole": "accent",
       "property": "background-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "colorScheme": "wireframe",
       "legacyKey": "accent-background-color-key-focus"
     },
@@ -204,7 +204,7 @@
     "name": {
       "colorRole": "accent",
       "property": "content-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "legacyKey": "accent-content-color-key-focus"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -394,7 +394,7 @@
   {
     "name": {
       "property": "background-opacity",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "legacyKey": "background-opacity-key-focus"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -1747,8 +1747,12 @@
   },
   {
     "name": {
-      "property": "drop-shadow-emphasized-hover-key-color",
-      "colorScheme": "light"
+      "property": "key-color",
+      "emphasis": "emphasized",
+      "structure": "drop-shadow",
+      "state": "hover",
+      "colorScheme": "light",
+      "legacyKey": "drop-shadow-emphasized-hover-key-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color.json",
     "value": "rgba(0, 0, 0, 0.12)",
@@ -1758,8 +1762,12 @@
   },
   {
     "name": {
-      "property": "drop-shadow-emphasized-hover-key-color",
-      "colorScheme": "dark"
+      "property": "key-color",
+      "emphasis": "emphasized",
+      "structure": "drop-shadow",
+      "state": "hover",
+      "colorScheme": "dark",
+      "legacyKey": "drop-shadow-emphasized-hover-key-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color.json",
     "value": "rgba(0, 0, 0, 0.36)",
@@ -1769,8 +1777,12 @@
   },
   {
     "name": {
-      "property": "drop-shadow-emphasized-hover-key-color",
-      "colorScheme": "wireframe"
+      "property": "key-color",
+      "emphasis": "emphasized",
+      "structure": "drop-shadow",
+      "state": "hover",
+      "colorScheme": "wireframe",
+      "legacyKey": "drop-shadow-emphasized-hover-key-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color.json",
     "value": "rgba(0, 0, 0, 0.12)",
@@ -1780,8 +1792,11 @@
   },
   {
     "name": {
-      "property": "drop-shadow-emphasized-key-color",
-      "colorScheme": "light"
+      "property": "key-color",
+      "emphasis": "emphasized",
+      "structure": "drop-shadow",
+      "colorScheme": "light",
+      "legacyKey": "drop-shadow-emphasized-key-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color.json",
     "value": "rgba(0, 0, 0, 0.08)",
@@ -1791,8 +1806,11 @@
   },
   {
     "name": {
-      "property": "drop-shadow-emphasized-key-color",
-      "colorScheme": "dark"
+      "property": "key-color",
+      "emphasis": "emphasized",
+      "structure": "drop-shadow",
+      "colorScheme": "dark",
+      "legacyKey": "drop-shadow-emphasized-key-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color.json",
     "value": "rgba(0, 0, 0, 0.24)",
@@ -1802,8 +1820,11 @@
   },
   {
     "name": {
-      "property": "drop-shadow-emphasized-key-color",
-      "colorScheme": "wireframe"
+      "property": "key-color",
+      "emphasis": "emphasized",
+      "structure": "drop-shadow",
+      "colorScheme": "wireframe",
+      "legacyKey": "drop-shadow-emphasized-key-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/color.json",
     "value": "rgba(0, 0, 0, 0.08)",
@@ -1855,7 +1876,9 @@
   },
   {
     "name": {
-      "property": "focus-indicator-color"
+      "object": "focus-indicator",
+      "property": "color",
+      "legacyKey": "focus-indicator-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "85be576c-6810-4971-9748-e558384b903d",
@@ -2484,10 +2507,11 @@
   },
   {
     "name": {
-      "property": "informative-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "light",
-      "legacyKey": "informative-background-color-key-focus"
+      "legacyKey": "informative-background-color-key-focus",
+      "variant": "informative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "6b609325-2bcf-491a-ad38-1409025caae0",
@@ -2497,10 +2521,11 @@
   },
   {
     "name": {
-      "property": "informative-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "dark",
-      "legacyKey": "informative-background-color-key-focus"
+      "legacyKey": "informative-background-color-key-focus",
+      "variant": "informative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "04a018bd-229c-47da-99e9-d338d05f0fb6",
@@ -2510,10 +2535,11 @@
   },
   {
     "name": {
-      "property": "informative-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "wireframe",
-      "legacyKey": "informative-background-color-key-focus"
+      "legacyKey": "informative-background-color-key-focus",
+      "variant": "informative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "6b609325-2bcf-491a-ad38-1409025caae0",
@@ -2805,10 +2831,11 @@
   },
   {
     "name": {
-      "property": "negative-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "light",
-      "legacyKey": "negative-background-color-key-focus"
+      "legacyKey": "negative-background-color-key-focus",
+      "variant": "negative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2818,10 +2845,11 @@
   },
   {
     "name": {
-      "property": "negative-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "dark",
-      "legacyKey": "negative-background-color-key-focus"
+      "legacyKey": "negative-background-color-key-focus",
+      "variant": "negative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "b7d5d2db-0282-436b-8cb0-873e891b22a6",
@@ -2831,10 +2859,11 @@
   },
   {
     "name": {
-      "property": "negative-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "wireframe",
-      "legacyKey": "negative-background-color-key-focus"
+      "legacyKey": "negative-background-color-key-focus",
+      "variant": "negative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2895,9 +2924,10 @@
   },
   {
     "name": {
-      "property": "negative-border-color",
-      "state": "key-focus",
-      "legacyKey": "negative-border-color-key-focus"
+      "property": "border-color",
+      "state": "keyboard-focus",
+      "legacyKey": "negative-border-color-key-focus",
+      "variant": "negative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -2938,9 +2968,10 @@
   },
   {
     "name": {
-      "property": "negative-content-color",
-      "state": "key-focus",
-      "legacyKey": "negative-content-color-key-focus"
+      "property": "content-color",
+      "state": "keyboard-focus",
+      "legacyKey": "negative-content-color-key-focus",
+      "variant": "negative"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "2ea616aa-e08f-47cb-a3b0-3d7a06bd6ec2",
@@ -3017,9 +3048,10 @@
   },
   {
     "name": {
-      "property": "neutral-background-color",
-      "state": "key-focus",
-      "legacyKey": "neutral-background-color-key-focus"
+      "property": "background-color",
+      "state": "keyboard-focus",
+      "legacyKey": "neutral-background-color-key-focus",
+      "variant": "neutral"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
@@ -3126,9 +3158,10 @@
   },
   {
     "name": {
-      "property": "neutral-content-color",
-      "state": "key-focus",
-      "legacyKey": "neutral-content-color-key-focus"
+      "property": "content-color",
+      "state": "keyboard-focus",
+      "legacyKey": "neutral-content-color-key-focus",
+      "variant": "neutral"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
@@ -3274,7 +3307,7 @@
       "colorRole": "neutral",
       "variant": "subdued",
       "property": "background-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "colorScheme": "light",
       "legacyKey": "neutral-subdued-background-color-key-focus"
     },
@@ -3289,7 +3322,7 @@
       "colorRole": "neutral",
       "variant": "subdued",
       "property": "background-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "colorScheme": "dark",
       "legacyKey": "neutral-subdued-background-color-key-focus"
     },
@@ -3304,7 +3337,7 @@
       "colorRole": "neutral",
       "variant": "subdued",
       "property": "background-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "colorScheme": "wireframe",
       "legacyKey": "neutral-subdued-background-color-key-focus"
     },
@@ -3355,7 +3388,7 @@
       "colorRole": "neutral",
       "variant": "subdued",
       "property": "content-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "legacyKey": "neutral-subdued-content-color-key-focus"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -3957,10 +3990,11 @@
   },
   {
     "name": {
-      "property": "positive-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "light",
-      "legacyKey": "positive-background-color-key-focus"
+      "legacyKey": "positive-background-color-key-focus",
+      "variant": "positive"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "82d9fc42-d750-43d2-b227-b8df29abaca4",
@@ -3970,10 +4004,11 @@
   },
   {
     "name": {
-      "property": "positive-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "dark",
-      "legacyKey": "positive-background-color-key-focus"
+      "legacyKey": "positive-background-color-key-focus",
+      "variant": "positive"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "ffdde321-5c1d-489e-8a0f-afc582248594",
@@ -3983,10 +4018,11 @@
   },
   {
     "name": {
-      "property": "positive-background-color",
-      "state": "key-focus",
+      "property": "background-color",
+      "state": "keyboard-focus",
       "colorScheme": "wireframe",
-      "legacyKey": "positive-background-color-key-focus"
+      "legacyKey": "positive-background-color-key-focus",
+      "variant": "positive"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "82d9fc42-d750-43d2-b227-b8df29abaca4",
@@ -4539,7 +4575,11 @@
   },
   {
     "name": {
-      "property": "static-black-focus-indicator-color"
+      "variant": "static",
+      "colorFamily": "black",
+      "object": "focus-indicator",
+      "property": "color",
+      "legacyKey": "static-black-focus-indicator-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "28dea8b0-4e9a-46f9-babb-c8910e6ae783",
@@ -4577,7 +4617,11 @@
   },
   {
     "name": {
-      "property": "static-white-focus-indicator-color"
+      "variant": "static",
+      "colorFamily": "white",
+      "object": "focus-indicator",
+      "property": "color",
+      "legacyKey": "static-white-focus-indicator-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "9b799da8-2130-417e-b7ee-5e1154a89837",
@@ -4615,7 +4659,9 @@
   },
   {
     "name": {
-      "property": "title-color"
+      "object": "title",
+      "property": "color",
+      "legacyKey": "title-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
@@ -4623,7 +4669,9 @@
   },
   {
     "name": {
-      "property": "track-color"
+      "object": "track",
+      "property": "color",
+      "legacyKey": "track-color"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "dac01571-b26a-4aef-ace7-d0e34e917570",

package/tokens/color-component.tokens.json

@@ -625,7 +625,8 @@
     "name": {
       "component": "opacity-checkerboard",
       "property": "square-dark",
-      "colorScheme": "light"
+      "colorScheme": "light",
+      "legacyKey": "opacity-checkerboard-square-dark"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -637,7 +638,8 @@
     "name": {
       "component": "opacity-checkerboard",
       "property": "square-dark",
-      "colorScheme": "dark"
+      "colorScheme": "dark",
+      "legacyKey": "opacity-checkerboard-square-dark"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "f417fb5b-c7cc-41c2-a870-f6cd9a280c22",
@@ -649,7 +651,8 @@
     "name": {
       "component": "opacity-checkerboard",
       "property": "square-dark",
-      "colorScheme": "wireframe"
+      "colorScheme": "wireframe",
+      "legacyKey": "opacity-checkerboard-square-dark"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
     "$ref": "8a182a6b-149b-41a6-b608-fc247bcc298f",
@@ -774,7 +777,7 @@
     "name": {
       "component": "stack-item",
       "property": "background-color",
-      "state": "key-focus",
+      "state": "keyboard-focus",
       "legacyKey": "stack-item-background-color-key-focus"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",

package/tokens/color-palette.tokens.json

@@ -4715,7 +4715,9 @@
   },
   {
     "name": {
-      "property": "gradient-stop-1-avatar"
+      "component": "avatar",
+      "property": "gradient-stop-1",
+      "legacyKey": "gradient-stop-1-avatar"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/gradient-stop.json",
     "value": 0,
@@ -4724,7 +4726,9 @@
   },
   {
     "name": {
-      "property": "gradient-stop-2-avatar"
+      "component": "avatar",
+      "property": "gradient-stop-2",
+      "legacyKey": "gradient-stop-2-avatar"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/gradient-stop.json",
     "value": 0.6666,
@@ -4733,7 +4737,9 @@
   },
   {
     "name": {
-      "property": "gradient-stop-3-avatar"
+      "component": "avatar",
+      "property": "gradient-stop-3",
+      "legacyKey": "gradient-stop-3-avatar"
     },
     "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/gradient-stop.json",
     "value": 1,