@adobe/spectrum-tokens 13.0.0-beta.52 → 13.0.0-beta.54

package/CHANGELOG.md

@@ -1,5 +1,94 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.54
+
+### Minor Changes
+
+- [#457](https://github.com/adobe/spectrum-tokens/pull/457) [`a923472`](https://github.com/adobe/spectrum-tokens/commit/a923472e8daf52e710471467131baf3b5ae4d8da) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - ## Design Motivation
+
+  - Updated desktop and mobile values for checkbox-control-size-[size] and checkbox-top-to-control-[size] tokens
+  - Made token changes required for the S2 action bar update
+
+  ## Tokens Diff
+
+  **Tokens Changed (10)**
+
+  <details open><summary>Added (2)</summary>
+
+  - `action-bar-minimum-width`
+  - `action-bar-label-to-action-group-area`
+
+  </details>
+
+  Updated (8)
+
+  <details open><summary>Updated Properties (8)</summary>
+
+  - `checkbox-control-size-small`
+    - `desktop.value`: `12px` -> `14px`
+    - `mobile.value`: `16px` -> `18px`
+  - `checkbox-control-size-medium`
+    - `desktop.value`: `14px` -> `16px`
+    - `mobile.value`: `18px` -> `20px`
+  - `checkbox-control-size-large`
+    - `desktop.value`: `16px` -> `18px`
+    - `mobile.value`: `20px` -> `22px`
+  - `checkbox-control-size-extra-large`
+    - `desktop.value`: `18px` -> `20px`
+    - `mobile.value`: `22px` -> `26px`
+  - `checkbox-top-to-control-small`
+    - `desktop.value`: `6px` -> `5px`
+    - `mobile.value`: `7px` -> `6px`
+  - `checkbox-top-to-control-medium`
+    - `desktop.value`: `9px` -> `8px`
+    - `mobile.value`: `11px` -> `10px`
+  - `checkbox-top-to-control-large`
+    - `desktop.value`: `12px` -> `11px`
+    - `mobile.value`: `15px` -> `14px`
+  - `checkbox-top-to-control-extra-large`
+    - `desktop.value`: `15px` -> `14px`
+    - `mobile.value`: `19px` -> `17px`
+
+  </details>
+
+## 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

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)",
@@ -1540,6 +1548,8 @@
     "action-bar-counter-font-size": "14px",
     "action-bar-edge-to-content-area": "8px",
     "action-bar-height": "56px",
+    "action-bar-label-to-action-group-area": "16px",
+    "action-bar-minimum-width": "176px",
     "action-bar-top-to-content-area": "12px",
     "action-bar-top-to-item-counter": "12px",
     "action-button-edge-to-hold-icon-extra-large": "6px",
@@ -1676,14 +1686,14 @@
     "character-count-to-field-quiet-large": "-3px",
     "character-count-to-field-quiet-medium": "-3px",
     "character-count-to-field-quiet-small": "-3px",
-    "checkbox-control-size-extra-large": "18px",
-    "checkbox-control-size-large": "16px",
-    "checkbox-control-size-medium": "14px",
-    "checkbox-control-size-small": "12px",
-    "checkbox-top-to-control-extra-large": "15px",
-    "checkbox-top-to-control-large": "12px",
-    "checkbox-top-to-control-medium": "9px",
-    "checkbox-top-to-control-small": "6px",
+    "checkbox-control-size-extra-large": "20px",
+    "checkbox-control-size-large": "18px",
+    "checkbox-control-size-medium": "16px",
+    "checkbox-control-size-small": "14px",
+    "checkbox-top-to-control-extra-large": "14px",
+    "checkbox-top-to-control-large": "11px",
+    "checkbox-top-to-control-medium": "8px",
+    "checkbox-top-to-control-small": "5px",
     "checkmark-icon-size-100": "10px",
     "checkmark-icon-size-200": "12px",
     "checkmark-icon-size-300": "14px",
@@ -2581,6 +2591,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"
@@ -14370,11 +14484,11 @@
   "checkbox-control-size-small": {
     "sets": {
       "desktop": {
-        "value": "12px",
+        "value": "14px",
         "uuid": "460e8170-de69-4f8e-8420-6c87a1f6f5cd"
       },
       "mobile": {
-        "value": "16px",
+        "value": "18px",
         "uuid": "af31c1a5-ffce-4a54-8862-3e711ca53d25"
       }
     }
@@ -14382,11 +14496,11 @@
   "checkbox-control-size-medium": {
     "sets": {
       "desktop": {
-        "value": "14px",
+        "value": "16px",
         "uuid": "86288454-7192-4e4c-b55f-fc509fc58c01"
       },
       "mobile": {
-        "value": "18px",
+        "value": "20px",
         "uuid": "00fee3f7-a743-45d6-a2b6-028d5d96964a"
       }
     }
@@ -14394,11 +14508,11 @@
   "checkbox-control-size-large": {
     "sets": {
       "desktop": {
-        "value": "16px",
+        "value": "18px",
         "uuid": "839a52bc-b9ee-473f-acde-0799b4f55ded"
       },
       "mobile": {
-        "value": "20px",
+        "value": "22px",
         "uuid": "b4367578-989e-438d-9a3e-7cb077f2f7c9"
       }
     }
@@ -14406,11 +14520,11 @@
   "checkbox-control-size-extra-large": {
     "sets": {
       "desktop": {
-        "value": "18px",
+        "value": "20px",
         "uuid": "4ba47ba1-c9bd-447e-8948-009d5b424e0d"
       },
       "mobile": {
-        "value": "22px",
+        "value": "26px",
         "uuid": "13093f8b-e38e-449f-a982-7f960bb84dfa"
       }
     }
@@ -14418,11 +14532,11 @@
   "checkbox-top-to-control-small": {
     "sets": {
       "desktop": {
-        "value": "6px",
+        "value": "5px",
         "uuid": "20518175-5bc7-4659-8007-e74339c39433"
       },
       "mobile": {
-        "value": "7px",
+        "value": "6px",
         "uuid": "f254146e-f469-44b1-b0c9-1ac72e88f9e3"
       }
     }
@@ -14430,11 +14544,11 @@
   "checkbox-top-to-control-medium": {
     "sets": {
       "desktop": {
-        "value": "9px",
+        "value": "8px",
         "uuid": "dcde5d2d-60f8-4d56-bfb1-bba44a087515"
       },
       "mobile": {
-        "value": "11px",
+        "value": "10px",
         "uuid": "e3751526-2db9-421c-85f9-d60071aac49b"
       }
     }
@@ -14442,11 +14556,11 @@
   "checkbox-top-to-control-large": {
     "sets": {
       "desktop": {
-        "value": "12px",
+        "value": "11px",
         "uuid": "93edae08-5320-4e7e-a006-a9af1d3665ad"
       },
       "mobile": {
-        "value": "15px",
+        "value": "14px",
         "uuid": "d040d2f4-9bb4-4d27-adac-40fef079d958"
       }
     }
@@ -14454,11 +14568,11 @@
   "checkbox-top-to-control-extra-large": {
     "sets": {
       "desktop": {
-        "value": "15px",
+        "value": "14px",
         "uuid": "3c4217bb-91f2-4347-9f65-a0528992f600"
       },
       "mobile": {
-        "value": "19px",
+        "value": "17px",
         "uuid": "b3be5ac8-2415-4490-8b4a-c08661ec84d1"
       }
     }
@@ -23745,6 +23859,251 @@
     "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"
+  },
+  "action-bar-minimum-width": {
+    "value": "176px",
+    "uuid": "9fb582b4-38e6-43d0-9b94-69964fb24c9f"
+  },
+  "action-bar-label-to-action-group-area": {
+    "ref": "{spacing-300}",
+    "value": "16px",
+    "uuid": "72e276ce-d6ee-4bcf-9955-91c833b8b2cd"
+  },
   "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.52",
+  "version": "13.0.0-beta.54",
   "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

@@ -5,12 +5,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "12px",
+        "value": "14px",
         "uuid": "460e8170-de69-4f8e-8420-6c87a1f6f5cd"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
+        "value": "18px",
         "uuid": "af31c1a5-ffce-4a54-8862-3e711ca53d25"
       }
     }
@@ -21,12 +21,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "14px",
+        "value": "16px",
         "uuid": "86288454-7192-4e4c-b55f-fc509fc58c01"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "18px",
+        "value": "20px",
         "uuid": "00fee3f7-a743-45d6-a2b6-028d5d96964a"
       }
     }
@@ -37,12 +37,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
+        "value": "18px",
         "uuid": "839a52bc-b9ee-473f-acde-0799b4f55ded"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "20px",
+        "value": "22px",
         "uuid": "b4367578-989e-438d-9a3e-7cb077f2f7c9"
       }
     }
@@ -53,12 +53,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "18px",
+        "value": "20px",
         "uuid": "4ba47ba1-c9bd-447e-8948-009d5b424e0d"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "22px",
+        "value": "26px",
         "uuid": "13093f8b-e38e-449f-a982-7f960bb84dfa"
       }
     }
@@ -69,12 +69,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "6px",
+        "value": "5px",
         "uuid": "20518175-5bc7-4659-8007-e74339c39433"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "7px",
+        "value": "6px",
         "uuid": "f254146e-f469-44b1-b0c9-1ac72e88f9e3"
       }
     }
@@ -85,12 +85,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "9px",
+        "value": "8px",
         "uuid": "dcde5d2d-60f8-4d56-bfb1-bba44a087515"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "11px",
+        "value": "10px",
         "uuid": "e3751526-2db9-421c-85f9-d60071aac49b"
       }
     }
@@ -101,12 +101,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "12px",
+        "value": "11px",
         "uuid": "93edae08-5320-4e7e-a006-a9af1d3665ad"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
+        "value": "14px",
         "uuid": "d040d2f4-9bb4-4d27-adac-40fef079d958"
       }
     }
@@ -117,12 +117,12 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
+        "value": "14px",
         "uuid": "3c4217bb-91f2-4347-9f65-a0528992f600"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
+        "value": "17px",
         "uuid": "b3be5ac8-2415-4490-8b4a-c08661ec84d1"
       }
     }
@@ -10150,5 +10150,335 @@
     "$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"
+  },
+  "action-bar-minimum-width": {
+    "component": "action-bar",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "176px",
+    "uuid": "9fb582b4-38e6-43d0-9b94-69964fb24c9f"
+  },
+  "action-bar-label-to-action-group-area": {
+    "component": "action-bar",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{spacing-300}",
+    "uuid": "72e276ce-d6ee-4bcf-9955-91c833b8b2cd"
   }
 }