@adobe/spectrum-tokens 13.8.0 → 13.9.0

package/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @adobe/spectrum-tokens
 
+## 13.9.0
+
+### Minor Changes
+
+- [#504](https://github.com/adobe/spectrum-tokens/pull/504) [`6ec680a`](https://github.com/adobe/spectrum-tokens/commit/6ec680adb5f0372f86afdb415f1122630e6ac596) Thanks [@larz0](https://github.com/larz0)! - Added list view tokens
+
+  ## Design Motivation
+
+  These are the required tokens for the list view component.
+
+  ## Token Diff
+
+  <details open><summary>Added (28)</summary>
+
+  - `visual-to-control-100`
+  - `label-to-description-0`
+  - `list-view-minimum-height`
+  - `list-view-minimum-width`
+  - `list-view-item-top-corner-radius`
+  - `list-view-item-bottom-corner-radius`
+  - `list-view-end-edge-to-content`
+  - `stack-item-selected-background-opacity-emphasized`
+  - `stack-item-selected-background-opacity-emphasized-hover`
+  - `stack-item-selected-background-opacity-emphasized-down`
+  - `stack-item-selected-background-opacity-emphasized-key-focus`
+  - `stack-item-header-minimum-width`
+  - `stack-item-start-edge-to-content`
+  - `stack-item-drag-handle-to-control`
+  - `stack-item-text-to-control`
+  - `stack-item-edge-to-control`
+  - `stack-item-edge-to-visual`
+  - `stack-item-action-to-navigation`
+  - `stack-item-header-to-item`
+  - `stack-item-item-to-item`
+  - `stack-item-background-color-hover`
+  - `stack-item-background-color-down`
+  - `stack-item-background-color-key-focus`
+  - `stack-item-selected-background-color-default`
+  - `stack-item-selected-background-color-hover`
+  - `stack-item-selected-background-color-down`
+  - `stack-item-selected-background-color-key-focus`
+  - `stack-item-selected-background-color-emphasized`
+
+  </details>
+
 ## 13.8.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -628,6 +628,14 @@
       "silver-background-color-default": "rgb(114, 114, 114)",
       "silver-subtle-background-color-default": "rgb(239, 239, 239)",
       "silver-visual-color": "rgb(128, 128, 128)",
+      "stack-item-background-color-down": "rgb(233, 233, 233)",
+      "stack-item-background-color-hover": "rgb(233, 233, 233)",
+      "stack-item-background-color-key-focus": "rgb(233, 233, 233)",
+      "stack-item-selected-background-color-default": "rgb(233, 233, 233)",
+      "stack-item-selected-background-color-down": "rgb(225, 225, 225)",
+      "stack-item-selected-background-color-emphasized": "rgb(59, 99, 251)",
+      "stack-item-selected-background-color-hover": "rgb(225, 225, 225)",
+      "stack-item-selected-background-color-key-focus": "rgb(225, 225, 225)",
       "standard-panel-gripper-color": "rgb(225, 225, 225)",
       "standard-panel-gripper-color-drag": "rgb(41, 41, 41)",
       "static-black-focus-indicator-color": "rgb(0, 0, 0)",
@@ -1344,6 +1352,14 @@
       "silver-background-color-default": "rgb(118, 118, 118)",
       "silver-subtle-background-color-default": "rgb(44, 44, 44)",
       "silver-visual-color": "rgb(137, 137, 137)",
+      "stack-item-background-color-down": "rgb(44, 44, 44)",
+      "stack-item-background-color-hover": "rgb(44, 44, 44)",
+      "stack-item-background-color-key-focus": "rgb(44, 44, 44)",
+      "stack-item-selected-background-color-default": "rgb(44, 44, 44)",
+      "stack-item-selected-background-color-down": "rgb(50, 50, 50)",
+      "stack-item-selected-background-color-emphasized": "rgb(64, 105, 253)",
+      "stack-item-selected-background-color-hover": "rgb(50, 50, 50)",
+      "stack-item-selected-background-color-key-focus": "rgb(50, 50, 50)",
       "standard-panel-gripper-color": "rgb(50, 50, 50)",
       "standard-panel-gripper-color-drag": "rgb(219, 219, 219)",
       "static-black-focus-indicator-color": "rgb(0, 0, 0)",
@@ -2199,6 +2215,7 @@
     "in-field-stepper-to-end-medium": "3px",
     "in-field-stepper-to-end-small": "0px",
     "in-line-alert-minimum-width": "240px",
+    "label-to-description-0": "0px",
     "line-height-100": 1.3,
     "line-height-200": 1.5,
     "line-height-font-size-100": "18px",
@@ -2224,6 +2241,11 @@
     "link-out-icon-size-300": "14px",
     "link-out-icon-size-400": "16px",
     "link-out-icon-size-75": "10px",
+    "list-view-end-edge-to-content": "6px",
+    "list-view-item-bottom-corner-radius": "8px",
+    "list-view-item-top-corner-radius": "8px",
+    "list-view-minimum-height": "40px",
+    "list-view-minimum-width": "200px",
     "menu-item-edge-to-content-not-selected-extra-large": "45px",
     "menu-item-edge-to-content-not-selected-large": "38px",
     "menu-item-edge-to-content-not-selected-medium": "32px",
@@ -2412,6 +2434,19 @@
     "spacing-75": "4px",
     "spacing-800": "64px",
     "spacing-900": "80px",
+    "stack-item-action-to-navigation": "4px",
+    "stack-item-drag-handle-to-control": "8px",
+    "stack-item-edge-to-control": "12px",
+    "stack-item-edge-to-visual": "12px",
+    "stack-item-header-minimum-width": "200px",
+    "stack-item-header-to-item": "0px",
+    "stack-item-item-to-item": "-1px",
+    "stack-item-selected-background-opacity-emphasized": "0.1",
+    "stack-item-selected-background-opacity-emphasized-down": "0.15",
+    "stack-item-selected-background-opacity-emphasized-hover": "0.15",
+    "stack-item-selected-background-opacity-emphasized-key-focus": "0.15",
+    "stack-item-start-edge-to-content": "4px",
+    "stack-item-text-to-control": "8px",
     "standard-dialog-body-font-size": "16px",
     "standard-dialog-maximum-width-large": "640px",
     "standard-dialog-maximum-width-medium": "480px",
@@ -2764,6 +2799,7 @@
     "user-card-minimum-height-title-below-large": "244px",
     "user-card-minimum-height-title-below-medium": "224px",
     "user-card-minimum-height-title-below-small": "212px",
+    "visual-to-control-100": "8px",
     "window-to-edge": "40px",
     "workflow-icon-size-100": "20px",
     "workflow-icon-size-200": "22px",

package/dist/json/variables.json

@@ -7291,6 +7291,192 @@
     },
     "uuid": "6022f845-b182-493f-bdae-f86f6336efaa"
   },
+  "stack-item-background-color-hover": {
+    "ref": "{gray-100}",
+    "sets": {
+      "light": {
+        "value": "rgb(233, 233, 233)",
+        "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+      },
+      "dark": {
+        "value": "rgb(44, 44, 44)",
+        "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+      },
+      "wireframe": {
+        "value": "rgb(228, 234, 249)",
+        "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+      }
+    },
+    "uuid": "022a6244-ce6c-4c3f-82a1-e2f5118d3c5e"
+  },
+  "stack-item-background-color-down": {
+    "ref": "{gray-100}",
+    "sets": {
+      "light": {
+        "value": "rgb(233, 233, 233)",
+        "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+      },
+      "dark": {
+        "value": "rgb(44, 44, 44)",
+        "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+      },
+      "wireframe": {
+        "value": "rgb(228, 234, 249)",
+        "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+      }
+    },
+    "uuid": "c99360a4-de28-48e6-80ad-93adb714d388"
+  },
+  "stack-item-background-color-key-focus": {
+    "ref": "{gray-100}",
+    "sets": {
+      "light": {
+        "value": "rgb(233, 233, 233)",
+        "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+      },
+      "dark": {
+        "value": "rgb(44, 44, 44)",
+        "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+      },
+      "wireframe": {
+        "value": "rgb(228, 234, 249)",
+        "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+      }
+    },
+    "uuid": "a0251da6-7517-4712-85a1-29ca7f16ef91"
+  },
+  "stack-item-selected-background-color-default": {
+    "ref": "{gray-100}",
+    "sets": {
+      "light": {
+        "value": "rgb(233, 233, 233)",
+        "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+      },
+      "dark": {
+        "value": "rgb(44, 44, 44)",
+        "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+      },
+      "wireframe": {
+        "value": "rgb(228, 234, 249)",
+        "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+      }
+    },
+    "uuid": "128c4963-471a-44e3-9fb5-328d92d0266d"
+  },
+  "stack-item-selected-background-color-hover": {
+    "ref": "{gray-200}",
+    "sets": {
+      "light": {
+        "value": "rgb(225, 225, 225)",
+        "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+      },
+      "dark": {
+        "value": "rgb(50, 50, 50)",
+        "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+      },
+      "wireframe": {
+        "value": "rgb(214, 224, 246)",
+        "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+      }
+    },
+    "uuid": "a1bcd6c6-ef3e-42e4-8d88-2fafe2b318da"
+  },
+  "stack-item-selected-background-color-down": {
+    "ref": "{gray-200}",
+    "sets": {
+      "light": {
+        "value": "rgb(225, 225, 225)",
+        "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+      },
+      "dark": {
+        "value": "rgb(50, 50, 50)",
+        "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+      },
+      "wireframe": {
+        "value": "rgb(214, 224, 246)",
+        "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+      }
+    },
+    "uuid": "1ad58d16-66da-44ae-829e-9ee1ff56a857"
+  },
+  "stack-item-selected-background-color-key-focus": {
+    "ref": "{gray-200}",
+    "sets": {
+      "light": {
+        "value": "rgb(225, 225, 225)",
+        "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+      },
+      "dark": {
+        "value": "rgb(50, 50, 50)",
+        "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+      },
+      "wireframe": {
+        "value": "rgb(214, 224, 246)",
+        "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+      }
+    },
+    "uuid": "93f433f2-2d0b-4225-8b39-b10000808360"
+  },
+  "stack-item-selected-background-color-emphasized": {
+    "ref": "{accent-background-color-default}",
+    "sets": {
+      "light": {
+        "ref": "{accent-color-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(59, 99, 251)",
+            "uuid": "3451c170-3e78-449b-86f2-8b7dbea24c1c"
+          },
+          "dark": {
+            "value": "rgb(86, 129, 255)",
+            "uuid": "82b09b04-6a70-4a95-9eb5-a321a66a6465"
+          },
+          "wireframe": {
+            "value": "rgb(74, 111, 195)",
+            "uuid": "895407bb-8fda-4857-92a9-bf0cc06f2c3f"
+          }
+        },
+        "uuid": "d9d8488d-9b38-47e0-9660-dcad040f3ca8"
+      },
+      "dark": {
+        "ref": "{accent-color-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(75, 117, 255)",
+            "uuid": "5ac73d3a-a6cc-4403-a8d5-46bc262d62e9"
+          },
+          "dark": {
+            "value": "rgb(64, 105, 253)",
+            "uuid": "cf0bafc5-f5c6-4986-a17a-6660dc542b71"
+          },
+          "wireframe": {
+            "value": "rgb(93, 127, 201)",
+            "uuid": "84bc6532-7cb0-47ea-8951-b16bc2a7aab9"
+          }
+        },
+        "uuid": "f24eb871-6419-4cef-88a2-cca8548ae31e"
+      },
+      "wireframe": {
+        "ref": "{accent-color-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(59, 99, 251)",
+            "uuid": "3451c170-3e78-449b-86f2-8b7dbea24c1c"
+          },
+          "dark": {
+            "value": "rgb(86, 129, 255)",
+            "uuid": "82b09b04-6a70-4a95-9eb5-a321a66a6465"
+          },
+          "wireframe": {
+            "value": "rgb(74, 111, 195)",
+            "uuid": "895407bb-8fda-4857-92a9-bf0cc06f2c3f"
+          }
+        },
+        "uuid": "1f4f6c48-633c-4eb5-b7d6-bf5a9a7fde18"
+      }
+    },
+    "uuid": "95685612-09b7-477f-9c13-06eb58abe5c8"
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -26202,6 +26388,160 @@
       }
     }
   },
+  "list-view-minimum-height": {
+    "sets": {
+      "desktop": {
+        "value": "40px",
+        "uuid": "fe1dcf27-addf-4aa9-9057-7b98a4dcacdc"
+      },
+      "mobile": {
+        "value": "50px",
+        "uuid": "6ca2c317-7e17-41f7-8e2c-20a762fe284d"
+      }
+    }
+  },
+  "list-view-minimum-width": {
+    "sets": {
+      "desktop": {
+        "value": "200px",
+        "uuid": "82b718ef-6127-472b-b92f-f2f15833c49f"
+      },
+      "mobile": {
+        "value": "240px",
+        "uuid": "3f68b526-a22a-4086-a40d-3a875a6324b3"
+      }
+    }
+  },
+  "list-view-item-top-corner-radius": {
+    "ref": "{corner-radius-medium-default}",
+    "value": "8px",
+    "uuid": "6e4611f7-f202-4003-94b4-587d48d07e32"
+  },
+  "list-view-item-bottom-corner-radius": {
+    "ref": "{corner-radius-medium-default}",
+    "value": "8px",
+    "uuid": "57821e37-d39e-49d5-b978-4ece3747e531"
+  },
+  "list-view-end-edge-to-content": {
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "6dc382ce-8e48-4bd9-8078-1272da767b13"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "16552174-994e-41c3-9439-32b9876c399d"
+      }
+    }
+  },
+  "stack-item-selected-background-opacity-emphasized": {
+    "value": "0.1",
+    "uuid": "d1cd1fc2-5ad1-4a6e-bef8-55a385c1ce29"
+  },
+  "stack-item-selected-background-opacity-emphasized-hover": {
+    "value": "0.15",
+    "uuid": "bb522e19-6bb9-471c-95af-5ab7fa748557"
+  },
+  "stack-item-selected-background-opacity-emphasized-down": {
+    "value": "0.15",
+    "uuid": "67946e29-b480-4991-85eb-c57331a509f7"
+  },
+  "stack-item-selected-background-opacity-emphasized-key-focus": {
+    "value": "0.15",
+    "uuid": "35415d70-944b-4c5a-ae70-4810f991b70d"
+  },
+  "stack-item-header-minimum-width": {
+    "sets": {
+      "desktop": {
+        "value": "200px",
+        "uuid": "6880260b-1d48-4bfc-9745-3e7c506c40fb"
+      },
+      "mobile": {
+        "value": "240px",
+        "uuid": "e18832ec-c1f5-4cfb-9ac6-111204fc255c"
+      }
+    }
+  },
+  "stack-item-start-edge-to-content": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "abc302a3-c0b5-4f93-a141-39988ca3720b"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "799fbc36-ea79-44d2-8e8b-dc3aade544a0"
+      }
+    }
+  },
+  "stack-item-drag-handle-to-control": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "80800e9d-8b0d-4d1b-adfc-f85faee2bc2f"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "ed1689ea-2661-419b-ad18-7877712b0dfa"
+      }
+    }
+  },
+  "stack-item-text-to-control": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "e65d0e08-9c29-43f6-b7a2-281865a82b70"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "aaee547c-df72-420e-8d39-3028e79feac1"
+      }
+    }
+  },
+  "stack-item-edge-to-control": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "cb302d23-5dd8-4ca6-b104-3fc5f03f633b"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "ef8dc413-ef24-456c-aa91-6a80d107f6c6"
+      }
+    }
+  },
+  "stack-item-edge-to-visual": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "5405f82f-6022-468c-a150-b74210ef52cb"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "7e743edb-d49b-4750-88b3-e35b6e534a3b"
+      }
+    }
+  },
+  "stack-item-action-to-navigation": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "3b41366d-2c29-4477-95fa-528c762b8a3b"
+      },
+      "mobile": {
+        "value": "6px",
+        "uuid": "cd7df3af-975e-4d8a-addd-92a920173fd6"
+      }
+    }
+  },
+  "stack-item-header-to-item": {
+    "value": "0px",
+    "uuid": "c030a978-cf5b-4ad0-a3c7-dde81f1bf136"
+  },
+  "stack-item-item-to-item": {
+    "value": "-1px",
+    "uuid": "3862f137-37f5-44c3-a31b-68834d8e1c3c"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -26505,6 +26845,22 @@
       }
     }
   },
+  "visual-to-control-100": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "0a392deb-fee3-4968-bc52-1377f9e23307"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "16b8c9c7-a601-4ff9-bf9d-c5a118738506"
+      }
+    }
+  },
+  "label-to-description-0": {
+    "value": "0px",
+    "uuid": "4a00c810-c099-4de1-85b8-aaa7ed9538bb"
+  },
   "component-height-50": {
     "sets": {
       "desktop": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.8.0",
+  "version": "13.9.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",

package/src/color-component.json

@@ -546,5 +546,53 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{gray-100}",
     "uuid": "6022f845-b182-493f-bdae-f86f6336efaa"
+  },
+  "stack-item-background-color-hover": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-100}",
+    "uuid": "022a6244-ce6c-4c3f-82a1-e2f5118d3c5e"
+  },
+  "stack-item-background-color-down": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-100}",
+    "uuid": "c99360a4-de28-48e6-80ad-93adb714d388"
+  },
+  "stack-item-background-color-key-focus": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-100}",
+    "uuid": "a0251da6-7517-4712-85a1-29ca7f16ef91"
+  },
+  "stack-item-selected-background-color-default": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-100}",
+    "uuid": "128c4963-471a-44e3-9fb5-328d92d0266d"
+  },
+  "stack-item-selected-background-color-hover": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-200}",
+    "uuid": "a1bcd6c6-ef3e-42e4-8d88-2fafe2b318da"
+  },
+  "stack-item-selected-background-color-down": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-200}",
+    "uuid": "1ad58d16-66da-44ae-829e-9ee1ff56a857"
+  },
+  "stack-item-selected-background-color-key-focus": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-200}",
+    "uuid": "93f433f2-2d0b-4225-8b39-b10000808360"
+  },
+  "stack-item-selected-background-color-emphasized": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{accent-background-color-default}",
+    "uuid": "95685612-09b7-477f-9c13-06eb58abe5c8"
   }
-}
+}

package/src/layout-component.json

@@ -11423,5 +11423,213 @@
         "uuid": "1fda84ab-aa68-46fb-bd0f-d8174a08a41e"
       }
     }
+  },
+  "list-view-minimum-height": {
+    "component": "list-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "40px",
+        "uuid": "fe1dcf27-addf-4aa9-9057-7b98a4dcacdc"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "50px",
+        "uuid": "6ca2c317-7e17-41f7-8e2c-20a762fe284d"
+      }
+    }
+  },
+  "list-view-minimum-width": {
+    "component": "list-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "200px",
+        "uuid": "82b718ef-6127-472b-b92f-f2f15833c49f"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "240px",
+        "uuid": "3f68b526-a22a-4086-a40d-3a875a6324b3"
+      }
+    }
+  },
+  "list-view-item-top-corner-radius": {
+    "component": "list-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{corner-radius-medium-default}",
+    "uuid": "6e4611f7-f202-4003-94b4-587d48d07e32"
+  },
+  "list-view-item-bottom-corner-radius": {
+    "component": "list-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{corner-radius-medium-default}",
+    "uuid": "57821e37-d39e-49d5-b978-4ece3747e531"
+  },
+  "list-view-end-edge-to-content": {
+    "component": "list-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "6px",
+        "uuid": "6dc382ce-8e48-4bd9-8078-1272da767b13"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "16552174-994e-41c3-9439-32b9876c399d"
+      }
+    }
+  },
+  "stack-item-selected-background-opacity-emphasized": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.1",
+    "uuid": "d1cd1fc2-5ad1-4a6e-bef8-55a385c1ce29"
+  },
+  "stack-item-selected-background-opacity-emphasized-hover": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.15",
+    "uuid": "bb522e19-6bb9-471c-95af-5ab7fa748557"
+  },
+  "stack-item-selected-background-opacity-emphasized-down": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.15",
+    "uuid": "67946e29-b480-4991-85eb-c57331a509f7"
+  },
+  "stack-item-selected-background-opacity-emphasized-key-focus": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.15",
+    "uuid": "35415d70-944b-4c5a-ae70-4810f991b70d"
+  },
+  "stack-item-header-minimum-width": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "200px",
+        "uuid": "6880260b-1d48-4bfc-9745-3e7c506c40fb"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "240px",
+        "uuid": "e18832ec-c1f5-4cfb-9ac6-111204fc255c"
+      }
+    }
+  },
+  "stack-item-start-edge-to-content": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "4px",
+        "uuid": "abc302a3-c0b5-4f93-a141-39988ca3720b"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "799fbc36-ea79-44d2-8e8b-dc3aade544a0"
+      }
+    }
+  },
+  "stack-item-drag-handle-to-control": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "80800e9d-8b0d-4d1b-adfc-f85faee2bc2f"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "ed1689ea-2661-419b-ad18-7877712b0dfa"
+      }
+    }
+  },
+  "stack-item-text-to-control": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "e65d0e08-9c29-43f6-b7a2-281865a82b70"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "aaee547c-df72-420e-8d39-3028e79feac1"
+      }
+    }
+  },
+  "stack-item-edge-to-control": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "12px",
+        "uuid": "cb302d23-5dd8-4ca6-b104-3fc5f03f633b"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "ef8dc413-ef24-456c-aa91-6a80d107f6c6"
+      }
+    }
+  },
+  "stack-item-edge-to-visual": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "12px",
+        "uuid": "5405f82f-6022-468c-a150-b74210ef52cb"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "7e743edb-d49b-4750-88b3-e35b6e534a3b"
+      }
+    }
+  },
+  "stack-item-action-to-navigation": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "4px",
+        "uuid": "3b41366d-2c29-4477-95fa-528c762b8a3b"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "6px",
+        "uuid": "cd7df3af-975e-4d8a-addd-92a920173fd6"
+      }
+    }
+  },
+  "stack-item-header-to-item": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "c030a978-cf5b-4ad0-a3c7-dde81f1bf136"
+  },
+  "stack-item-item-to-item": {
+    "component": "stack-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "-1px",
+    "uuid": "3862f137-37f5-44c3-a31b-68834d8e1c3c"
   }
 }

package/src/layout.json

@@ -377,6 +377,26 @@
       }
     }
   },
+  "visual-to-control-100": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "0a392deb-fee3-4968-bc52-1377f9e23307"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "16b8c9c7-a601-4ff9-bf9d-c5a118738506"
+      }
+    }
+  },
+  "label-to-description-0": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "4a00c810-c099-4de1-85b8-aaa7ed9538bb"
+  },
   "component-height-50": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
     "sets": {
@@ -2419,4 +2439,4 @@
     "value": "96px",
     "uuid": "437f2e57-2aa6-41b5-bdcc-e4993dc42168"
   }
-}
+}