@vector-im/compound-design-tokens 5.0.2 → 6.2.0

package/README.md

@@ -1,8 +1,8 @@
-<p align="center"><img src="https://element.io/images/logo-ele-secondary.svg" width="300" /></p>
+<p align="center"><img src="https://compound.element.io/logo-readme.png" width="300" alt="" /></p>
 
 # Compound design tokens
 
-[![](https://img.shields.io/github/license/vector-im/compound)](https://github.com/vector-im/compound/blob/main/LICENSE)
+[![](https://img.shields.io/github/license/element-hq/compound)](https://github.com/element-hq/compound/blob/main/LICENSE)
 [![npm](https://img.shields.io/npm/v/@vector-im/compound-design-tokens)](https://www.npmjs.com/package/@vector-im/compound-design-tokens)
 
 Home to the design tokens.

package/assets/web/icons/exit-full-screen.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function ExitFullScreenIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M10 20a1 1 0 1 1-2 0v-4H4a1 1 0 1 1 0-2h6zm10-6a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-6zM9 3a1 1 0 0 1 1 1v6H4a1 1 0 0 1 0-2h4V4a1 1 0 0 1 1-1m6 0a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-6V4a1 1 0 0 1 1-1"
+    })
+  });
+}
+;
+ExitFullScreenIcon.displayName = "ExitFullScreenIcon";
+module.exports = React.forwardRef(ExitFullScreenIcon);

package/assets/web/icons/{workspace-solid.d.ts → exit-full-screen.d.ts}

@@ -1,11 +1,11 @@
 import React from "react";
 
 /**
- * workspace-solid.svg
+ * exit-full-screen.svg
  */
-declare const WorkspaceSolidIcon: React.ForwardRefExoticComponent<
+declare const ExitFullScreenIcon: React.ForwardRefExoticComponent<
     Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
     React.RefAttributes<SVGSVGElement>
 >;
 
-export default WorkspaceSolidIcon;
+export default ExitFullScreenIcon;

package/assets/web/icons/exit-full-screen.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ExitFullScreenIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M10 20a1 1 0 1 1-2 0v-4H4a1 1 0 1 1 0-2h6zm10-6a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-6zM9 3a1 1 0 0 1 1 1v6H4a1 1 0 0 1 0-2h4V4a1 1 0 0 1 1-1m6 0a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-6V4a1 1 0 0 1 1-1"
+    })
+  });
+}
+;
+ExitFullScreenIcon.displayName = "ExitFullScreenIcon";
+export default forwardRef(ExitFullScreenIcon);

package/assets/web/icons/full-screen.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function FullScreenIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M4 14a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2H3v-6a1 1 0 0 1 1-1m16 0a1 1 0 0 1 1 1v6h-6a1 1 0 1 1 0-2h4v-4a1 1 0 0 1 1-1M9 3a1 1 0 0 1 0 2H5v4a1 1 0 0 1-2 0V3zm12 6a1 1 0 1 1-2 0V5h-4a1 1 0 1 1 0-2h6z"
+    })
+  });
+}
+;
+FullScreenIcon.displayName = "FullScreenIcon";
+module.exports = React.forwardRef(FullScreenIcon);

package/assets/web/icons/full-screen.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * full-screen.svg
+ */
+declare const FullScreenIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default FullScreenIcon;

package/assets/web/icons/full-screen.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function FullScreenIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M4 14a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2H3v-6a1 1 0 0 1 1-1m16 0a1 1 0 0 1 1 1v6h-6a1 1 0 1 1 0-2h4v-4a1 1 0 0 1 1-1M9 3a1 1 0 0 1 0 2H5v4a1 1 0 0 1-2 0V3zm12 6a1 1 0 1 1-2 0V5h-4a1 1 0 1 1 0-2h6z"
+    })
+  });
+}
+;
+FullScreenIcon.displayName = "FullScreenIcon";
+export default forwardRef(FullScreenIcon);

package/assets/web/icons/index.cjs

@@ -52,6 +52,7 @@ module.exports = {
   EndCallIcon: require("./end-call.cjs"),
   ErrorSolidIcon: require("./error-solid.cjs"),
   ErrorIcon: require("./error.cjs"),
+  ExitFullScreenIcon: require("./exit-full-screen.cjs"),
   ExpandIcon: require("./expand.cjs"),
   ExploreIcon: require("./explore.cjs"),
   ExportArchiveIcon: require("./export-archive.cjs"),
@@ -63,6 +64,7 @@ module.exports = {
   FilesIcon: require("./files.cjs"),
   FilterIcon: require("./filter.cjs"),
   ForwardIcon: require("./forward.cjs"),
+  FullScreenIcon: require("./full-screen.cjs"),
   GridIcon: require("./grid.cjs"),
   GroupIcon: require("./group.cjs"),
   GuestIcon: require("./guest.cjs"),
@@ -89,6 +91,7 @@ module.exports = {
   KeyboardIcon: require("./keyboard.cjs"),
   LabsIcon: require("./labs.cjs"),
   LeaveIcon: require("./leave.cjs"),
+  LeftPanelCloseIcon: require("./left-panel-close.cjs"),
   LinkIcon: require("./link.cjs"),
   LinuxIcon: require("./linux.cjs"),
   ListBulletedIcon: require("./list-bulleted.cjs"),
@@ -158,6 +161,8 @@ module.exports = {
   ShieldIcon: require("./shield.cjs"),
   SidebarIcon: require("./sidebar.cjs"),
   SignOutIcon: require("./sign-out.cjs"),
+  SpaceSolidIcon: require("./space-solid.cjs"),
+  SpaceIcon: require("./space.cjs"),
   SpinnerIcon: require("./spinner.cjs"),
   SpotlightViewIcon: require("./spotlight-view.cjs"),
   SpotlightIcon: require("./spotlight.cjs"),
@@ -196,7 +201,5 @@ module.exports = {
   VolumeOnIcon: require("./volume-on.cjs"),
   WarningIcon: require("./warning.cjs"),
   WebBrowserIcon: require("./web-browser.cjs"),
-  WindowsIcon: require("./windows.cjs"),
-  WorkspaceSolidIcon: require("./workspace-solid.cjs"),
-  WorkspaceIcon: require("./workspace.cjs")
+  WindowsIcon: require("./windows.cjs")
 };

package/assets/web/icons/index.d.ts

@@ -51,6 +51,7 @@ export { default as EmailIcon } from "./email.js";
 export { default as EndCallIcon } from "./end-call.js";
 export { default as ErrorSolidIcon } from "./error-solid.js";
 export { default as ErrorIcon } from "./error.js";
+export { default as ExitFullScreenIcon } from "./exit-full-screen.js";
 export { default as ExpandIcon } from "./expand.js";
 export { default as ExploreIcon } from "./explore.js";
 export { default as ExportArchiveIcon } from "./export-archive.js";
@@ -62,6 +63,7 @@ export { default as FileErrorIcon } from "./file-error.js";
 export { default as FilesIcon } from "./files.js";
 export { default as FilterIcon } from "./filter.js";
 export { default as ForwardIcon } from "./forward.js";
+export { default as FullScreenIcon } from "./full-screen.js";
 export { default as GridIcon } from "./grid.js";
 export { default as GroupIcon } from "./group.js";
 export { default as GuestIcon } from "./guest.js";
@@ -88,6 +90,7 @@ export { default as KeyIcon } from "./key.js";
 export { default as KeyboardIcon } from "./keyboard.js";
 export { default as LabsIcon } from "./labs.js";
 export { default as LeaveIcon } from "./leave.js";
+export { default as LeftPanelCloseIcon } from "./left-panel-close.js";
 export { default as LinkIcon } from "./link.js";
 export { default as LinuxIcon } from "./linux.js";
 export { default as ListBulletedIcon } from "./list-bulleted.js";
@@ -157,6 +160,8 @@ export { default as ShareIcon } from "./share.js";
 export { default as ShieldIcon } from "./shield.js";
 export { default as SidebarIcon } from "./sidebar.js";
 export { default as SignOutIcon } from "./sign-out.js";
+export { default as SpaceSolidIcon } from "./space-solid.js";
+export { default as SpaceIcon } from "./space.js";
 export { default as SpinnerIcon } from "./spinner.js";
 export { default as SpotlightViewIcon } from "./spotlight-view.js";
 export { default as SpotlightIcon } from "./spotlight.js";
@@ -195,6 +200,4 @@ export { default as VolumeOnSolidIcon } from "./volume-on-solid.js";
 export { default as VolumeOnIcon } from "./volume-on.js";
 export { default as WarningIcon } from "./warning.js";
 export { default as WebBrowserIcon } from "./web-browser.js";
-export { default as WindowsIcon } from "./windows.js";
-export { default as WorkspaceSolidIcon } from "./workspace-solid.js";
-export { default as WorkspaceIcon } from "./workspace.js";
+export { default as WindowsIcon } from "./windows.js";

package/assets/web/icons/index.js

@@ -51,6 +51,7 @@ export { default as EmailIcon } from "./email.js";
 export { default as EndCallIcon } from "./end-call.js";
 export { default as ErrorSolidIcon } from "./error-solid.js";
 export { default as ErrorIcon } from "./error.js";
+export { default as ExitFullScreenIcon } from "./exit-full-screen.js";
 export { default as ExpandIcon } from "./expand.js";
 export { default as ExploreIcon } from "./explore.js";
 export { default as ExportArchiveIcon } from "./export-archive.js";
@@ -62,6 +63,7 @@ export { default as FileErrorIcon } from "./file-error.js";
 export { default as FilesIcon } from "./files.js";
 export { default as FilterIcon } from "./filter.js";
 export { default as ForwardIcon } from "./forward.js";
+export { default as FullScreenIcon } from "./full-screen.js";
 export { default as GridIcon } from "./grid.js";
 export { default as GroupIcon } from "./group.js";
 export { default as GuestIcon } from "./guest.js";
@@ -88,6 +90,7 @@ export { default as KeyIcon } from "./key.js";
 export { default as KeyboardIcon } from "./keyboard.js";
 export { default as LabsIcon } from "./labs.js";
 export { default as LeaveIcon } from "./leave.js";
+export { default as LeftPanelCloseIcon } from "./left-panel-close.js";
 export { default as LinkIcon } from "./link.js";
 export { default as LinuxIcon } from "./linux.js";
 export { default as ListBulletedIcon } from "./list-bulleted.js";
@@ -157,6 +160,8 @@ export { default as ShareIcon } from "./share.js";
 export { default as ShieldIcon } from "./shield.js";
 export { default as SidebarIcon } from "./sidebar.js";
 export { default as SignOutIcon } from "./sign-out.js";
+export { default as SpaceSolidIcon } from "./space-solid.js";
+export { default as SpaceIcon } from "./space.js";
 export { default as SpinnerIcon } from "./spinner.js";
 export { default as SpotlightViewIcon } from "./spotlight-view.js";
 export { default as SpotlightIcon } from "./spotlight.js";
@@ -195,6 +200,4 @@ export { default as VolumeOnSolidIcon } from "./volume-on-solid.js";
 export { default as VolumeOnIcon } from "./volume-on.js";
 export { default as WarningIcon } from "./warning.js";
 export { default as WebBrowserIcon } from "./web-browser.js";
-export { default as WindowsIcon } from "./windows.js";
-export { default as WorkspaceSolidIcon } from "./workspace-solid.js";
-export { default as WorkspaceIcon } from "./workspace.js";
+export { default as WindowsIcon } from "./windows.js";

package/assets/web/icons/left-panel-close.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function LeftPanelCloseIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M16.5 14.8V9.2q0-.35-.3-.475t-.55.125L13.2 11.3q-.3.3-.3.7t.3.7l2.45 2.45q.25.25.55.125t.3-.475M5 19q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.824 0 1.413.588Q21 6.175 21 7v10q0 .824-.587 1.413A1.93 1.93 0 0 1 19 19zm3-2V7H5v10zm2 0h9V7h-9z"
+    })
+  });
+}
+;
+LeftPanelCloseIcon.displayName = "LeftPanelCloseIcon";
+module.exports = React.forwardRef(LeftPanelCloseIcon);

package/assets/web/icons/left-panel-close.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * left-panel-close.svg
+ */
+declare const LeftPanelCloseIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default LeftPanelCloseIcon;

package/assets/web/icons/left-panel-close.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function LeftPanelCloseIcon(props, ref) {
+  return /*#__PURE__*/_jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M16.5 14.8V9.2q0-.35-.3-.475t-.55.125L13.2 11.3q-.3.3-.3.7t.3.7l2.45 2.45q.25.25.55.125t.3-.475M5 19q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.824 0 1.413.588Q21 6.175 21 7v10q0 .824-.587 1.413A1.93 1.93 0 0 1 19 19zm3-2V7H5v10zm2 0h9V7h-9z"
+    })
+  });
+}
+;
+LeftPanelCloseIcon.displayName = "LeftPanelCloseIcon";
+export default forwardRef(LeftPanelCloseIcon);

package/assets/web/icons/{workspace-solid.cjs → space-solid.cjs}

@@ -1,6 +1,6 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
-function WorkspaceSolidIcon(props, ref) {
+function SpaceSolidIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceSolidIcon(props, ref) {
   });
 }
 ;
-WorkspaceSolidIcon.displayName = "WorkspaceSolidIcon";
-module.exports = React.forwardRef(WorkspaceSolidIcon);
+SpaceSolidIcon.displayName = "SpaceSolidIcon";
+module.exports = React.forwardRef(SpaceSolidIcon);

package/assets/web/icons/space-solid.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * space-solid.svg
+ */
+declare const SpaceSolidIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+export default SpaceSolidIcon;

package/assets/web/icons/{workspace-solid.js → space-solid.js}

@@ -1,6 +1,6 @@
 import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function WorkspaceSolidIcon(props, ref) {
+function SpaceSolidIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceSolidIcon(props, ref) {
   });
 }
 ;
-WorkspaceSolidIcon.displayName = "WorkspaceSolidIcon";
-export default forwardRef(WorkspaceSolidIcon);
+SpaceSolidIcon.displayName = "SpaceSolidIcon";
+export default forwardRef(SpaceSolidIcon);

package/assets/web/icons/{workspace.cjs → space.cjs}

@@ -1,6 +1,6 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
-function WorkspaceIcon(props, ref) {
+function SpaceIcon(props, ref) {
   return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceIcon(props, ref) {
   });
 }
 ;
-WorkspaceIcon.displayName = "WorkspaceIcon";
-module.exports = React.forwardRef(WorkspaceIcon);
+SpaceIcon.displayName = "SpaceIcon";
+module.exports = React.forwardRef(SpaceIcon);

package/assets/web/icons/{workspace.d.ts → space.d.ts}

@@ -1,11 +1,11 @@
 import React from "react";
 
 /**
- * workspace.svg
+ * space.svg
  */
-declare const WorkspaceIcon: React.ForwardRefExoticComponent<
+declare const SpaceIcon: React.ForwardRefExoticComponent<
     Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
     React.RefAttributes<SVGSVGElement>
 >;
 
-export default WorkspaceIcon;
+export default SpaceIcon;

package/assets/web/icons/{workspace.js → space.js}

@@ -1,6 +1,6 @@
 import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function WorkspaceIcon(props, ref) {
+function SpaceIcon(props, ref) {
   return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
@@ -15,5 +15,5 @@ function WorkspaceIcon(props, ref) {
   });
 }
 ;
-WorkspaceIcon.displayName = "WorkspaceIcon";
-export default forwardRef(WorkspaceIcon);
+SpaceIcon.displayName = "SpaceIcon";
+export default forwardRef(SpaceIcon);

package/assets/web/icons/threads-solid.cjs

@@ -1,7 +1,7 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
 function ThreadsSolidIcon(props, ref) {
-  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
+  return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -9,9 +9,13 @@ function ThreadsSolidIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-      d: "M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
-    })
+    children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M15.792 3A4 4 0 0 0 22 7.621V17a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2zM7 12a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .425.287.713Q6.575 14 7 14h6a.97.97 0 0 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12zm0-4a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .425.287.713Q6.575 10 7 10h10a.97.97 0 0 0 .713-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 17 8z",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M19.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5"
+    })]
   });
 }
 ;

package/assets/web/icons/threads-solid.js

@@ -1,7 +1,7 @@
 import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function ThreadsSolidIcon(props, ref) {
-  return /*#__PURE__*/_jsx("svg", {
+  return /*#__PURE__*/_jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -9,9 +9,13 @@ function ThreadsSolidIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
-    })
+    children: [/*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M15.792 3A4 4 0 0 0 22 7.621V17a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2zM7 12a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .425.287.713Q6.575 14 7 14h6a.97.97 0 0 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12zm0-4a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .425.287.713Q6.575 10 7 10h10a.97.97 0 0 0 .713-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 17 8z",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M19.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5"
+    })]
   });
 }
 ;

package/assets/web/icons/threads.cjs

@@ -10,9 +10,11 @@ function ThreadsIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
-      d: "M7 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+      d: "M13 14H7a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14m4-4H7a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10"
     }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-      d: "M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+      d: "M15.792 3a4 4 0 0 0-.26 2H4v13.172l.586-.586.146-.133A2 2 0 0 1 6 17h14V8.468a4 4 0 0 0 2-.847V17a2 2 0 0 1-2 2H6l-2.293 2.293-.123.105a1 1 0 0 1-1.571-.65L2 20.585V5a2 2 0 0 1 2-2z"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M19.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5"
     })]
   });
 }

package/assets/web/icons/threads.js

@@ -10,9 +10,11 @@ function ThreadsIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsx("path", {
-      d: "M7 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+      d: "M13 14H7a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14m4-4H7a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10"
     }), /*#__PURE__*/_jsx("path", {
-      d: "M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+      d: "M15.792 3a4 4 0 0 0-.26 2H4v13.172l.586-.586.146-.133A2 2 0 0 1 6 17h14V8.468a4 4 0 0 0 2-.847V17a2 2 0 0 1-2 2H6l-2.293 2.293-.123.105a1 1 0 0 1-1.571-.65L2 20.585V5a2 2 0 0 1 2-2z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M19.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5"
     })]
   });
 }

package/assets/web/js/cpdDark.d.ts

@@ -205,6 +205,8 @@ export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
 export const cpdIconEarpiece: string;
+export const cpdIconFullScreen: string;
+export const cpdIconExitFullScreen: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -274,9 +276,10 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
+export const cpdIconLeftPanelClose: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDark.js

@@ -228,6 +228,8 @@ export const cpdIconAudio = "icons/audio.svg";
 export const cpdIconSpotlightView = "icons/spotlight-view.svg";
 export const cpdIconListView = "icons/list-view.svg";
 export const cpdIconEarpiece = "icons/earpiece.svg";
+export const cpdIconFullScreen = "icons/full-screen.svg";
+export const cpdIconExitFullScreen = "icons/exit-full-screen.svg";
 export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -299,9 +301,10 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
+export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
 export const cpdColorGray200 = "#181a1f";

package/assets/web/js/cpdDarkHc.d.ts

@@ -205,6 +205,8 @@ export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
 export const cpdIconEarpiece: string;
+export const cpdIconFullScreen: string;
+export const cpdIconExitFullScreen: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -274,9 +276,10 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
+export const cpdIconLeftPanelClose: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDarkHc.js

@@ -228,6 +228,8 @@ export const cpdIconAudio = "icons/audio.svg";
 export const cpdIconSpotlightView = "icons/spotlight-view.svg";
 export const cpdIconListView = "icons/list-view.svg";
 export const cpdIconEarpiece = "icons/earpiece.svg";
+export const cpdIconFullScreen = "icons/full-screen.svg";
+export const cpdIconExitFullScreen = "icons/exit-full-screen.svg";
 export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -299,9 +301,10 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
+export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
 export const cpdColorGray200 = "#1d1f24";

package/assets/web/js/cpdLight.d.ts

@@ -205,6 +205,8 @@ export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
 export const cpdIconEarpiece: string;
+export const cpdIconFullScreen: string;
+export const cpdIconExitFullScreen: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -274,9 +276,10 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
+export const cpdIconLeftPanelClose: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLight.js

@@ -228,6 +228,8 @@ export const cpdIconAudio = "icons/audio.svg";
 export const cpdIconSpotlightView = "icons/spotlight-view.svg";
 export const cpdIconListView = "icons/list-view.svg";
 export const cpdIconEarpiece = "icons/earpiece.svg";
+export const cpdIconFullScreen = "icons/full-screen.svg";
+export const cpdIconExitFullScreen = "icons/exit-full-screen.svg";
 export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -299,9 +301,10 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
+export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
 export const cpdColorGray200 = "#f7f9fa";

package/assets/web/js/cpdLightHc.d.ts

@@ -205,6 +205,8 @@ export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
 export const cpdIconEarpiece: string;
+export const cpdIconFullScreen: string;
+export const cpdIconExitFullScreen: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -274,9 +276,10 @@ export const cpdIconPresenceOutline8X8: string;
 export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
-export const cpdIconWorkspace: string;
-export const cpdIconWorkspaceSolid: string;
+export const cpdIconSpace: string;
+export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
+export const cpdIconLeftPanelClose: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLightHc.js

@@ -228,6 +228,8 @@ export const cpdIconAudio = "icons/audio.svg";
 export const cpdIconSpotlightView = "icons/spotlight-view.svg";
 export const cpdIconListView = "icons/list-view.svg";
 export const cpdIconEarpiece = "icons/earpiece.svg";
+export const cpdIconFullScreen = "icons/full-screen.svg";
+export const cpdIconExitFullScreen = "icons/exit-full-screen.svg";
 export const cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -299,9 +301,10 @@ export const cpdIconPresenceStrikethrough8X8 =
   "icons/presence-strikethrough-8x8.svg";
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
-export const cpdIconWorkspace = "icons/workspace.svg";
-export const cpdIconWorkspaceSolid = "icons/workspace-solid.svg";
+export const cpdIconSpace = "icons/space.svg";
+export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
+export const cpdIconLeftPanelClose = "icons/left-panel-close.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#f7f9fa";
 export const cpdColorGray200 = "#f0f2f5";

package/icons/$icons.json

@@ -512,6 +512,14 @@
       "value": "icons/earpiece.svg",
       "type": "icon"
     },
+    "full-screen": {
+      "value": "icons/full-screen.svg",
+      "type": "icon"
+    },
+    "exit-full-screen": {
+      "value": "icons/exit-full-screen.svg",
+      "type": "icon"
+    },
     "key-off-solid": {
       "value": "icons/key-off-solid.svg",
       "type": "icon"
@@ -788,17 +796,21 @@
       "value": "icons/dial-pad.svg",
       "type": "icon"
     },
-    "workspace": {
-      "value": "icons/workspace.svg",
+    "space": {
+      "value": "icons/space.svg",
       "type": "icon"
     },
-    "workspace-solid": {
-      "value": "icons/workspace-solid.svg",
+    "space-solid": {
+      "value": "icons/space-solid.svg",
       "type": "icon"
     },
     "guest": {
       "value": "icons/guest.svg",
       "type": "icon"
+    },
+    "left-panel-close": {
+      "value": "icons/left-panel-close.svg",
+      "type": "icon"
     }
   }
 }

package/icons/exit-full-screen.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M10 20a1 1 0 1 1-2 0v-4H4a1 1 0 1 1 0-2h6zm10-6a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-6zM9 3a1 1 0 0 1 1 1v6H4a1 1 0 0 1 0-2h4V4a1 1 0 0 1 1-1m6 0a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-6V4a1 1 0 0 1 1-1"/></svg>

package/icons/full-screen.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M4 14a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2H3v-6a1 1 0 0 1 1-1m16 0a1 1 0 0 1 1 1v6h-6a1 1 0 1 1 0-2h4v-4a1 1 0 0 1 1-1M9 3a1 1 0 0 1 0 2H5v4a1 1 0 0 1-2 0V3zm12 6a1 1 0 1 1-2 0V5h-4a1 1 0 1 1 0-2h6z"/></svg>

package/icons/left-panel-close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M16.5 14.8V9.2q0-.35-.3-.475t-.55.125L13.2 11.3q-.3.3-.3.7t.3.7l2.45 2.45q.25.25.55.125t.3-.475M5 19q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.824 0 1.413.588Q21 6.175 21 7v10q0 .824-.587 1.413A1.93 1.93 0 0 1 19 19zm3-2V7H5v10zm2 0h9V7h-9z"/></svg>

package/icons/threads-solid.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M15.792 3A4 4 0 0 0 22 7.621V17a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2zM7 12a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .425.287.713Q6.575 14 7 14h6a.97.97 0 0 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12zm0-4a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .425.287.713Q6.575 10 7 10h10a.97.97 0 0 0 .713-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 17 8z" clip-rule="evenodd"/><path d="M19.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5"/></svg>

package/icons/threads.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M7 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"/><path d="M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path d="M13 14H7a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14m4-4H7a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10"/><path d="M15.792 3a4 4 0 0 0-.26 2H4v13.172l.586-.586.146-.133A2 2 0 0 1 6 17h14V8.468a4 4 0 0 0 2-.847V17a2 2 0 0 1-2 2H6l-2.293 2.293-.123.105a1 1 0 0 1-1.571-.65L2 20.585V5a2 2 0 0 1 2-2z"/><path d="M19.5 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-im/compound-design-tokens",
-  "version": "5.0.2",
+  "version": "6.2.0",
   "description": "Compound design tokens",
   "sideEffects": false,
   "scripts": {
@@ -44,13 +44,13 @@
   },
   "author": "",
   "license": "SEE LICENSE IN README.md",
-  "homepage": "https://github.com/vector-im/compound-design-tokens",
+  "homepage": "https://github.com/element-hq/compound-design-tokens",
   "bugs": {
-    "url": "https://github.com/vector-im/compound/issues"
+    "url": "https://github.com/element-hq/compound/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vector-im/compound-design-tokens.git"
+    "url": "https://github.com/element-hq/compound-design-tokens"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
@@ -66,18 +66,18 @@
     "@types/babel__core": "^7.20.5",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.0.0",
+    "@types/node": "^24.0.0",
     "fast-glob": "^3.3.2",
+    "fs-extra": "^11.3.1",
     "http-server": "^14.1.1",
     "lodash-es": "^4.17.21",
     "prettier": "^3.3.3",
     "style-dictionary": "^5.0.0",
-    "svg2vectordrawable": "^2.9.1",
     "svgo": "^4.0.0",
     "tsx": "^4.15.6",
     "typescript": "^5.4.5",
     "undici": "^7.2.0",
-    "zod": "^3.24.1"
+    "zod": "^4.0.0"
   },
   "dependencies": {},
   "peerDependencies": {