@vector-im/compound-design-tokens 6.0.0 → 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/exit-full-screen.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+/**
+ * exit-full-screen.svg
+ */
+declare const ExitFullScreenIcon: React.ForwardRefExoticComponent<
+    Omit<React.SVGProps<SVGSVGElement>, "ref" | "children"> &
+    React.RefAttributes<SVGSVGElement>
+>;
+
+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"),

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";

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";

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/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;
@@ -277,6 +279,7 @@ export const cpdIconDialPad: 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";
@@ -302,6 +304,7 @@ export const cpdIconDialPad = "icons/dial-pad.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;
@@ -277,6 +279,7 @@ export const cpdIconDialPad: 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";
@@ -302,6 +304,7 @@ export const cpdIconDialPad = "icons/dial-pad.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;
@@ -277,6 +279,7 @@ export const cpdIconDialPad: 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";
@@ -302,6 +304,7 @@ export const cpdIconDialPad = "icons/dial-pad.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;
@@ -277,6 +279,7 @@ export const cpdIconDialPad: 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";
@@ -302,6 +304,7 @@ export const cpdIconDialPad = "icons/dial-pad.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"
@@ -799,6 +807,10 @@
     "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": "6.0.0",
+  "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,13 +66,13 @@
     "@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",