@adobe/spectrum-tokens 13.0.0-beta.51 → 13.0.0-beta.53

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.53
+
+### Minor Changes
+
+- [#446](https://github.com/adobe/spectrum-tokens/pull/446) [`dbc5398`](https://github.com/adobe/spectrum-tokens/commit/dbc53986b64200e1e9a727f15a7ed5d83926eb6b) Thanks [@PaliwalSparsh](https://github.com/PaliwalSparsh)! - Added S2 Treeview tokens
+
+  ## Token Diff
+
+  _Tokens added (27):_
+
+  - `tree-view-disclosure-indicator-height`
+  - `tree-view-disclosure-indicator-width`
+  - `tree-view-minimum-height`
+  - `tree-view-minimum-width`
+  - `tree-view-bottom-to-label`
+  - `tree-view-drag-handle-to-checkbox`
+  - `tree-view-edge-to-checkbox`
+  - `tree-view-edge-to-drag-handle`
+  - `tree-view-end-edge-to-action-area`
+  - `tree-view-header-to-item`
+  - `tree-view-item-to-header`
+  - `tree-view-item-to-item`
+  - `tree-view-item-to-item-detached`
+  - `tree-view-label-to-action-area`
+  - `tree-view-level-increment`
+  - `tree-view-minimum-top-to-context-area`
+  - `tree-view-top-to-action-button`
+  - `tree-view-top-to-checkbox`
+  - `tree-view-top-to-disclosure-indicator`
+  - `tree-view-top-to-drag-handle`
+  - `tree-view-top-to-label`
+  - `tree-view-selected-row-background-opacity-emphasized`
+  - `tree-view-selected-row-background-opacity-emphasized-hover`
+  - `tree-view-row-background-hover`
+  - `tree-view-selected-row-background-color-emphasized`
+  - `tree-view-selected-row-background-default`
+  - `tree-view-selected-row-background-hover`
+
+## 13.0.0-beta.52
+
+### Patch Changes
+
+- [#444](https://github.com/adobe/spectrum-tokens/pull/444) [`51904cd`](https://github.com/adobe/spectrum-tokens/commit/51904cdabfcb165a560c58664c8bc75be601f28b) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - fixing a typo with takeover-dialog-height
+
+  ## Token Diff
+
+  **Updated Token (1):**
+
+  - `takeover-dialog-height`: `1.00%` -> `100%`
+
 ## 13.0.0-beta.51
 
 ### Patch Changes
@@ -11,7 +61,7 @@
   **Updated Tokens (2):**
 
   - `takeover-dialog-height`: `1.00em` -> `1.00%`
-  - `takeover-dialog-width`: `1.00em` -> `1.00%`
+  - `takeover-dialog-width`: `1.00em` -> `100%`
 
 ## 13.0.0-beta.50
 

package/dist/json/drover.json

@@ -679,6 +679,10 @@
       "transparent-white-75": "rgba(255, 255, 255, 0.07)",
       "transparent-white-800": "rgba(255, 255, 255, 0.85)",
       "transparent-white-900": "rgba(255, 255, 255, 0.94)",
+      "tree-view-row-background-hover": "rgb(233, 233, 233)",
+      "tree-view-selected-row-background-color-emphasized": "rgb(59, 99, 251)",
+      "tree-view-selected-row-background-default": "rgb(233, 233, 233)",
+      "tree-view-selected-row-background-hover": "rgb(233, 233, 233)",
       "turquoise-100": "rgb(238, 251, 251)",
       "turquoise-1000": "rgb(5, 107, 116)",
       "turquoise-1100": "rgb(3, 90, 98)",
@@ -1387,6 +1391,10 @@
       "transparent-white-75": "rgba(255, 255, 255, 0.07)",
       "transparent-white-800": "rgba(255, 255, 255, 0.85)",
       "transparent-white-900": "rgba(255, 255, 255, 0.94)",
+      "tree-view-row-background-hover": "rgb(44, 44, 44)",
+      "tree-view-selected-row-background-color-emphasized": "rgb(64, 105, 253)",
+      "tree-view-selected-row-background-default": "rgb(44, 44, 44)",
+      "tree-view-selected-row-background-hover": "rgb(44, 44, 44)",
       "turquoise-100": "rgb(0, 30, 33)",
       "turquoise-1000": "rgb(13, 168, 182)",
       "turquoise-1100": "rgb(16, 186, 202)",
@@ -2521,7 +2529,6 @@
     "tag-top-to-cross-icon-large": "15px",
     "tag-top-to-cross-icon-medium": "12px",
     "tag-top-to-cross-icon-small": "8px",
-    "takeover-dialog-height": "1.00%",
     "text-area-minimum-height": "56px",
     "text-area-minimum-width": "112px",
     "text-field-minimum-width-multiplier": 1.5,
@@ -2582,6 +2589,29 @@
     "tooltip-tip-height": "5px",
     "tooltip-tip-width": "10px",
     "tray-top-to-content-area": "4px",
+    "tree-view-bottom-to-label": "12px",
+    "tree-view-disclosure-indicator-height": "32px",
+    "tree-view-disclosure-indicator-width": "34px",
+    "tree-view-drag-handle-to-checkbox": "8px",
+    "tree-view-edge-to-checkbox": "12px",
+    "tree-view-edge-to-drag-handle": "4px",
+    "tree-view-end-edge-to-action-area": "6px",
+    "tree-view-header-to-item": "-1px",
+    "tree-view-item-to-header": "24px",
+    "tree-view-item-to-item": "-1px",
+    "tree-view-item-to-item-detached": "2px",
+    "tree-view-label-to-action-area": "6px",
+    "tree-view-level-increment": "16px",
+    "tree-view-minimum-height": "40px",
+    "tree-view-minimum-top-to-context-area": "8px",
+    "tree-view-minimum-width": "160px",
+    "tree-view-selected-row-background-opacity-emphasized": "0.1",
+    "tree-view-selected-row-background-opacity-emphasized-hover": "0.15",
+    "tree-view-top-to-action-button": "4px",
+    "tree-view-top-to-checkbox": "4px",
+    "tree-view-top-to-disclosure-indicator": "15px",
+    "tree-view-top-to-drag-handle": "15px",
+    "tree-view-top-to-label": "10px",
     "window-to-edge": "40px",
     "workflow-icon-size-100": "20px",
     "workflow-icon-size-200": "22px",

package/dist/json/variables.json

@@ -6691,6 +6691,120 @@
     },
     "uuid": "4bbb81b1-09fb-4ebe-80b5-cebb75c13839"
   },
+  "tree-view-row-background-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(244, 246, 252)",
+        "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+      }
+    },
+    "uuid": "39d26185-da40-47b5-b4b3-e47689129256"
+  },
+  "tree-view-selected-row-background-color-emphasized": {
+    "ref": "{informative-background-color-default}",
+    "sets": {
+      "light": {
+        "ref": "{informative-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": "3acd52f0-d19c-4174-9ad5-42885ec9d49d"
+      },
+      "dark": {
+        "ref": "{informative-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": "da3a7c08-7f54-4486-bb66-146db21f0627"
+      },
+      "wireframe": {
+        "ref": "{informative-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": "d3fda217-e0cb-4dd8-8d13-a22bcc648f4d"
+      }
+    },
+    "uuid": "65854450-ed1a-49ea-ab29-d257b8a0569e"
+  },
+  "tree-view-selected-row-background-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(244, 246, 252)",
+        "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+      }
+    },
+    "uuid": "8f19994d-f49a-42ea-97bd-98ab1d76d02d"
+  },
+  "tree-view-selected-row-background-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(244, 246, 252)",
+        "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+      }
+    },
+    "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -23738,13 +23852,249 @@
     "uuid": "9e24d9b5-1c8b-4693-b10e-8922d519d7e0"
   },
   "takeover-dialog-height": {
-    "value": "1.00%",
+    "value": "100%",
     "uuid": "be327284-79fe-40b7-b996-8ad176d40d8e"
   },
   "takeover-dialog-width": {
     "value": "100%",
     "uuid": "bb70e39d-c686-4cd2-a991-6b51fa16d9df"
   },
+  "tree-view-disclosure-indicator-height": {
+    "sets": {
+      "desktop": {
+        "value": "32px",
+        "uuid": "f9fcb5e0-d8aa-4077-bb8d-dd487ba9d7de"
+      },
+      "mobile": {
+        "value": "40px",
+        "uuid": "82ac143f-6009-4eaa-a797-c4b17277d416"
+      }
+    }
+  },
+  "tree-view-disclosure-indicator-width": {
+    "sets": {
+      "desktop": {
+        "value": "34px",
+        "uuid": "824d592b-c305-4c56-81db-c6566e6ebb2f"
+      },
+      "mobile": {
+        "value": "42px",
+        "uuid": "e24897f6-7bfb-45c0-ab07-30bc1efc0b59"
+      }
+    }
+  },
+  "tree-view-minimum-height": {
+    "sets": {
+      "desktop": {
+        "value": "40px",
+        "uuid": "de8ed8b3-aee4-4d18-8728-01e6807bec7d"
+      },
+      "mobile": {
+        "value": "50px",
+        "uuid": "36d1219e-f34a-4ee9-bfa0-a93a42046d94"
+      }
+    }
+  },
+  "tree-view-minimum-width": {
+    "sets": {
+      "desktop": {
+        "value": "160px",
+        "uuid": "2ab54eb5-8f32-4a01-b4ff-d5dc7a70f827"
+      },
+      "mobile": {
+        "value": "200px",
+        "uuid": "06c90c91-1598-4150-a431-e733ba39bec5"
+      }
+    }
+  },
+  "tree-view-bottom-to-label": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "7ab9177a-d035-4e78-b6b9-d80a6470bd7b"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "9136f55b-d28b-4802-873c-db6205b8632b"
+      }
+    }
+  },
+  "tree-view-drag-handle-to-checkbox": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "e8c03b6e-d493-43b6-ae46-a6a92de5c9b8"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "5a77899c-1547-40da-bce3-d892cfbc0450"
+      }
+    }
+  },
+  "tree-view-edge-to-checkbox": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "2e3817ed-206b-45e5-b55c-6116e9731cd8"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "fba49c63-444e-42fc-b27c-7ce43b8419a7"
+      }
+    }
+  },
+  "tree-view-edge-to-drag-handle": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "e8127c62-d8fa-405f-a5d5-d4f79bdffa5f"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "f51d97ac-06c4-45a4-87ff-349b3ffbc36d"
+      }
+    }
+  },
+  "tree-view-end-edge-to-action-area": {
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "91c6c1db-1f68-43b3-80ba-aa3c7ebecaec"
+      },
+      "mobile": {
+        "value": "7px",
+        "uuid": "66d490aa-b658-474d-99cf-f18d15cb4098"
+      }
+    }
+  },
+  "tree-view-header-to-item": {
+    "value": "-1px",
+    "uuid": "8f92e6b8-907f-42b2-81d6-83d1786495bf"
+  },
+  "tree-view-item-to-header": {
+    "sets": {
+      "desktop": {
+        "value": "24px",
+        "uuid": "ebf7358c-b691-45d7-a1c4-c346e75e800e"
+      },
+      "mobile": {
+        "value": "30px",
+        "uuid": "a06c6929-1acc-4084-a8ee-3d4ad5a0064e"
+      }
+    }
+  },
+  "tree-view-item-to-item": {
+    "value": "-1px",
+    "uuid": "9a04f19a-9e2a-43b9-9b1f-3385aef214ac"
+  },
+  "tree-view-item-to-item-detached": {
+    "value": "2px",
+    "uuid": "c7c837c3-47ad-4ef1-a2eb-e4629628eb44"
+  },
+  "tree-view-label-to-action-area": {
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "e5e3b415-97a9-436d-b46d-9bf48d7a2104"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "096032da-c0b4-4086-82e9-ab80c2b3d90b"
+      }
+    }
+  },
+  "tree-view-level-increment": {
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "cf7044fe-e79d-44e4-8ae0-c9c23ac5b9ac"
+      },
+      "mobile": {
+        "value": "20px",
+        "uuid": "038d525f-357a-4441-934e-093d7342eba8"
+      }
+    }
+  },
+  "tree-view-minimum-top-to-context-area": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "1569ef2c-0e00-4314-87d0-e8f703b9fee8"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "50ce9fc5-eab5-4ab5-8dfa-a22d5b4361e9"
+      }
+    }
+  },
+  "tree-view-top-to-action-button": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "20a69a94-ddc0-4581-bac9-1d0d2b3e0a48"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "7bea161d-9ee0-41b0-a31b-162926b28637"
+      }
+    }
+  },
+  "tree-view-top-to-checkbox": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "6f33e161-86d3-40a4-b631-e7c8b9e9d337"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "b148e202-b43d-4089-b0d8-885fc99cb983"
+      }
+    }
+  },
+  "tree-view-top-to-disclosure-indicator": {
+    "sets": {
+      "desktop": {
+        "value": "15px",
+        "uuid": "138541e2-022a-4b03-b4d2-c6932ec56ac2"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "aae1c8b3-2aa1-4463-ad84-a52f80a6a09b"
+      }
+    }
+  },
+  "tree-view-top-to-drag-handle": {
+    "sets": {
+      "desktop": {
+        "value": "15px",
+        "uuid": "7fc57ed1-9ca8-4b08-b19f-4aa8c49ca6f3"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "bb805e5e-d65b-4daf-9116-288fa59ddbfd"
+      }
+    }
+  },
+  "tree-view-top-to-label": {
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "a6a556b7-ff51-41e3-84d0-92fa8ef01ed6"
+      },
+      "mobile": {
+        "value": "13px",
+        "uuid": "d2e3ca68-015b-47a4-96ea-0c380e931c09"
+      }
+    }
+  },
+  "tree-view-selected-row-background-opacity-emphasized": {
+    "value": "0.1",
+    "uuid": "d31772fd-95f3-413d-ab20-826033d71938"
+  },
+  "tree-view-selected-row-background-opacity-emphasized-hover": {
+    "value": "0.15",
+    "uuid": "a83e023c-dc92-4b3e-8375-351bbf8ec9bb"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/package.json

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

package/src/color-component.json

@@ -447,5 +447,29 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{gray-800}",
     "uuid": "4bbb81b1-09fb-4ebe-80b5-cebb75c13839"
+  },
+  "tree-view-row-background-hover": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-100}",
+    "uuid": "39d26185-da40-47b5-b4b3-e47689129256"
+  },
+  "tree-view-selected-row-background-color-emphasized": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{informative-background-color-default}",
+    "uuid": "65854450-ed1a-49ea-ab29-d257b8a0569e"
+  },
+  "tree-view-selected-row-background-default": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-100}",
+    "uuid": "8f19994d-f49a-42ea-97bd-98ab1d76d02d"
+  },
+  "tree-view-selected-row-background-hover": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-100}",
+    "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
   }
 }

package/src/layout-component.json

@@ -10142,7 +10142,7 @@
   "takeover-dialog-height": {
     "component": "takeover-dialog",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "1.00%",
+    "value": "100%",
     "uuid": "be327284-79fe-40b7-b996-8ad176d40d8e"
   },
   "takeover-dialog-width": {
@@ -10150,5 +10150,323 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "100%",
     "uuid": "bb70e39d-c686-4cd2-a991-6b51fa16d9df"
+  },
+  "tree-view-disclosure-indicator-height": {
+    "component": "tree-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": "32px",
+        "uuid": "f9fcb5e0-d8aa-4077-bb8d-dd487ba9d7de"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "40px",
+        "uuid": "82ac143f-6009-4eaa-a797-c4b17277d416"
+      }
+    }
+  },
+  "tree-view-disclosure-indicator-width": {
+    "component": "tree-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": "34px",
+        "uuid": "824d592b-c305-4c56-81db-c6566e6ebb2f"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "42px",
+        "uuid": "e24897f6-7bfb-45c0-ab07-30bc1efc0b59"
+      }
+    }
+  },
+  "tree-view-minimum-height": {
+    "component": "tree-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": "de8ed8b3-aee4-4d18-8728-01e6807bec7d"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "50px",
+        "uuid": "36d1219e-f34a-4ee9-bfa0-a93a42046d94"
+      }
+    }
+  },
+  "tree-view-minimum-width": {
+    "component": "tree-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": "160px",
+        "uuid": "2ab54eb5-8f32-4a01-b4ff-d5dc7a70f827"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "200px",
+        "uuid": "06c90c91-1598-4150-a431-e733ba39bec5"
+      }
+    }
+  },
+  "tree-view-bottom-to-label": {
+    "component": "tree-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": "12px",
+        "uuid": "7ab9177a-d035-4e78-b6b9-d80a6470bd7b"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "16px",
+        "uuid": "9136f55b-d28b-4802-873c-db6205b8632b"
+      }
+    }
+  },
+  "tree-view-drag-handle-to-checkbox": {
+    "component": "tree-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": "8px",
+        "uuid": "e8c03b6e-d493-43b6-ae46-a6a92de5c9b8"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "5a77899c-1547-40da-bce3-d892cfbc0450"
+      }
+    }
+  },
+  "tree-view-edge-to-checkbox": {
+    "component": "tree-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": "12px",
+        "uuid": "2e3817ed-206b-45e5-b55c-6116e9731cd8"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "fba49c63-444e-42fc-b27c-7ce43b8419a7"
+      }
+    }
+  },
+  "tree-view-edge-to-drag-handle": {
+    "component": "tree-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": "4px",
+        "uuid": "e8127c62-d8fa-405f-a5d5-d4f79bdffa5f"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "f51d97ac-06c4-45a4-87ff-349b3ffbc36d"
+      }
+    }
+  },
+  "tree-view-end-edge-to-action-area": {
+    "component": "tree-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": "91c6c1db-1f68-43b3-80ba-aa3c7ebecaec"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "7px",
+        "uuid": "66d490aa-b658-474d-99cf-f18d15cb4098"
+      }
+    }
+  },
+  "tree-view-header-to-item": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "-1px",
+    "uuid": "8f92e6b8-907f-42b2-81d6-83d1786495bf"
+  },
+  "tree-view-item-to-header": {
+    "component": "tree-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": "24px",
+        "uuid": "ebf7358c-b691-45d7-a1c4-c346e75e800e"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "30px",
+        "uuid": "a06c6929-1acc-4084-a8ee-3d4ad5a0064e"
+      }
+    }
+  },
+  "tree-view-item-to-item": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "-1px",
+    "uuid": "9a04f19a-9e2a-43b9-9b1f-3385aef214ac"
+  },
+  "tree-view-item-to-item-detached": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "2px",
+    "uuid": "c7c837c3-47ad-4ef1-a2eb-e4629628eb44"
+  },
+  "tree-view-label-to-action-area": {
+    "component": "tree-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": "e5e3b415-97a9-436d-b46d-9bf48d7a2104"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "096032da-c0b4-4086-82e9-ab80c2b3d90b"
+      }
+    }
+  },
+  "tree-view-level-increment": {
+    "component": "tree-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": "16px",
+        "uuid": "cf7044fe-e79d-44e4-8ae0-c9c23ac5b9ac"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "20px",
+        "uuid": "038d525f-357a-4441-934e-093d7342eba8"
+      }
+    }
+  },
+  "tree-view-minimum-top-to-context-area": {
+    "component": "tree-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": "8px",
+        "uuid": "1569ef2c-0e00-4314-87d0-e8f703b9fee8"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "50ce9fc5-eab5-4ab5-8dfa-a22d5b4361e9"
+      }
+    }
+  },
+  "tree-view-top-to-action-button": {
+    "component": "tree-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": "4px",
+        "uuid": "20a69a94-ddc0-4581-bac9-1d0d2b3e0a48"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "7bea161d-9ee0-41b0-a31b-162926b28637"
+      }
+    }
+  },
+  "tree-view-top-to-checkbox": {
+    "component": "tree-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": "4px",
+        "uuid": "6f33e161-86d3-40a4-b631-e7c8b9e9d337"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "b148e202-b43d-4089-b0d8-885fc99cb983"
+      }
+    }
+  },
+  "tree-view-top-to-disclosure-indicator": {
+    "component": "tree-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": "15px",
+        "uuid": "138541e2-022a-4b03-b4d2-c6932ec56ac2"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "19px",
+        "uuid": "aae1c8b3-2aa1-4463-ad84-a52f80a6a09b"
+      }
+    }
+  },
+  "tree-view-top-to-drag-handle": {
+    "component": "tree-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": "15px",
+        "uuid": "7fc57ed1-9ca8-4b08-b19f-4aa8c49ca6f3"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "19px",
+        "uuid": "bb805e5e-d65b-4daf-9116-288fa59ddbfd"
+      }
+    }
+  },
+  "tree-view-top-to-label": {
+    "component": "tree-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": "10px",
+        "uuid": "a6a556b7-ff51-41e3-84d0-92fa8ef01ed6"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "13px",
+        "uuid": "d2e3ca68-015b-47a4-96ea-0c380e931c09"
+      }
+    }
+  },
+  "tree-view-selected-row-background-opacity-emphasized": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.1",
+    "uuid": "d31772fd-95f3-413d-ab20-826033d71938"
+  },
+  "tree-view-selected-row-background-opacity-emphasized-hover": {
+    "component": "tree-view",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.15",
+    "uuid": "a83e023c-dc92-4b3e-8375-351bbf8ec9bb"
   }
 }