S2 tree view tokens

.changeset/fair-bats-travel.md

@@ -0,0 +1,37 @@
+---
+"@adobe/spectrum-tokens": minor
+---
+
+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`

packages/tokens/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"
   }
 }

packages/tokens/src/layout-component.json

@@ -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"
   }
 }