@vector-im/compound-design-tokens 4.0.1 → 4.0.3

package/assets/web/css/cpd-font-fallbacks.css

@@ -22,7 +22,7 @@
 }
 @font-face {
   font-family: "Inter Fallback: Roboto";
-  src: local('Roboto'), local('Roboto-Regular');
+  src: local('Roboto Regular'), local('Roboto-Regular');
   font-style: normal;
   font-weight: 400;
   font-display: swap;
@@ -100,9 +100,9 @@
   font-style: italic;
   font-weight: 400;
   font-display: swap;
-  ascent-override: 87.916%;
-  descent-override: 21.8904%;
-  size-adjust: 110.1904%;
+  ascent-override: 87.2269%;
+  descent-override: 21.7188%;
+  size-adjust: 111.0609%;
 }
 @font-face {
   font-family: "Inter Fallback: Ubuntu";
@@ -176,9 +176,9 @@
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  ascent-override: 90.2075%;
-  descent-override: 22.4609%;
-  size-adjust: 107.3913%;
+  ascent-override: 90.1094%;
+  descent-override: 22.4365%;
+  size-adjust: 107.5082%;
 }
 @font-face {
   font-family: "Inter Fallback: Ubuntu";
@@ -240,9 +240,9 @@
   font-style: italic;
   font-weight: 500;
   font-display: swap;
-  ascent-override: 87.9087%;
-  descent-override: 21.8886%;
-  size-adjust: 110.1996%;
+  ascent-override: 87.0316%;
+  descent-override: 21.6702%;
+  size-adjust: 111.3102%;
 }
 @font-face {
   font-family: "Inter Fallback: Ubuntu";
@@ -379,9 +379,9 @@
   font-style: italic;
   font-weight: 600;
   font-display: swap;
-  ascent-override: 87.6213%;
-  descent-override: 21.817%;
-  size-adjust: 110.5611%;
+  ascent-override: 86.7537%;
+  descent-override: 21.601%;
+  size-adjust: 111.6667%;
 }
 @font-face {
   font-family: "Inter Fallback: Ubuntu";

package/assets/web/icons/earpiece.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function EarpieceIcon(props, ref) {
+  return /*#__PURE__*/_reactJsxRuntime.jsxs("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: "M14 2c3.93 0 7 3.07 7 7a1 1 0 0 1-2 0c0-2.8-2.2-5-5-5S9 6.2 9 9c0 .93.29 1.98.82 2.94.71 1.29 1.53 1.92 2.32 2.53.92.71 1.88 1.44 2.39 3 .5 1.5 1 2.01 1.71 2.38.2.09.47.15.76.15 1.1 0 2-.9 2-2a1 1 0 1 1 2 0 4 4 0 0 1-5.64 3.65c-1.36-.71-2.13-1.73-2.73-3.55-.32-.98-.9-1.43-1.71-2.05-.87-.67-1.94-1.5-2.85-3.15C7.38 11.65 7 10.26 7 9c0-3.93 3.07-7 7-7"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M6.145 1.3a1 1 0 0 1 1.427 1.4A8.97 8.97 0 0 0 5 9c0 2.3.862 4.397 2.281 5.988l.291.312.069.077A1 1 0 0 1 6.22 16.77l-.075-.07-.356-.38A10.96 10.96 0 0 1 3 9c0-2.998 1.2-5.717 3.145-7.7M14 6.5a2.5 2.5 0 0 1 0 5 2.501 2.501 0 0 1 0-5"
+    })]
+  });
+}
+;
+EarpieceIcon.displayName = "EarpieceIcon";
+module.exports = React.forwardRef(EarpieceIcon);

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

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

package/assets/web/icons/earpiece.js

@@ -0,0 +1,21 @@
+import { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function EarpieceIcon(props, ref) {
+  return /*#__PURE__*/_jsxs("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: "M14 2c3.93 0 7 3.07 7 7a1 1 0 0 1-2 0c0-2.8-2.2-5-5-5S9 6.2 9 9c0 .93.29 1.98.82 2.94.71 1.29 1.53 1.92 2.32 2.53.92.71 1.88 1.44 2.39 3 .5 1.5 1 2.01 1.71 2.38.2.09.47.15.76.15 1.1 0 2-.9 2-2a1 1 0 1 1 2 0 4 4 0 0 1-5.64 3.65c-1.36-.71-2.13-1.73-2.73-3.55-.32-.98-.9-1.43-1.71-2.05-.87-.67-1.94-1.5-2.85-3.15C7.38 11.65 7 10.26 7 9c0-3.93 3.07-7 7-7"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.145 1.3a1 1 0 0 1 1.427 1.4A8.97 8.97 0 0 0 5 9c0 2.3.862 4.397 2.281 5.988l.291.312.069.077A1 1 0 0 1 6.22 16.77l-.075-.07-.356-.38A10.96 10.96 0 0 1 3 9c0-2.998 1.2-5.717 3.145-7.7M14 6.5a2.5 2.5 0 0 1 0 5 2.501 2.501 0 0 1 0-5"
+    })]
+  });
+}
+;
+EarpieceIcon.displayName = "EarpieceIcon";
+export default forwardRef(EarpieceIcon);

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

@@ -1,7 +1,7 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
 function EditSolidIcon(props, ref) {
-  return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -9,21 +9,11 @@ function EditSolidIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: [/*#__PURE__*/_reactJsxRuntime.jsx("mask", {
-      id: "a",
-      children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-        fillRule: "evenodd",
-        d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
-        clipRule: "evenodd"
-      })
-    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
       fillRule: "evenodd",
       d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
       clipRule: "evenodd"
-    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-      d: "m4.373 13.97 1.414 1.414.01-.01zm.02-.02-1.415-1.414-.01.01zm-.44.44 1.414 1.415zm-.264.465 1.94.485zm-1.414 5.657-1.94-.485zm1.213 1.213-.485-1.94zm5.657-1.414.485 1.94zm.464-.263 1.415 1.414zM21.363 8.294 19.95 6.88zm0-2.829 1.414-1.414zm-2.828-2.828L17.12 4.05zm-2.829 0-1.414-1.414zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415zM5.797 15.375l.02-.02-2.848-2.81-.02.02zm-.43.43.42-.42-2.828-2.83-.42.422zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.828a3 3 0 0 0-.789 1.393zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638zM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79zM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828zm0 0 2.829-2.828a4 4 0 0 0-5.657 0zM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536zm9.756-6.928 2.972-2.972-2.829-2.828-2.972 2.972zm2.828 0L15.563 5.61l-2.829 2.828 2.829 2.829zm.144-2.972-2.972 2.972 2.828 2.829 2.972-2.972zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828zM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708z",
-      mask: "url(#a)"
-    })]
+    })
   });
 }
 ;

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

@@ -1,7 +1,7 @@
 import { forwardRef } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 function EditSolidIcon(props, ref) {
-  return /*#__PURE__*/_jsxs("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -9,21 +9,11 @@ function EditSolidIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: [/*#__PURE__*/_jsx("mask", {
-      id: "a",
-      children: /*#__PURE__*/_jsx("path", {
-        fillRule: "evenodd",
-        d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
-        clipRule: "evenodd"
-      })
-    }), /*#__PURE__*/_jsx("path", {
+    children: /*#__PURE__*/_jsx("path", {
       fillRule: "evenodd",
       d: "m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z",
       clipRule: "evenodd"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m4.373 13.97 1.414 1.414.01-.01zm.02-.02-1.415-1.414-.01.01zm-.44.44 1.414 1.415zm-.264.465 1.94.485zm-1.414 5.657-1.94-.485zm1.213 1.213-.485-1.94zm5.657-1.414.485 1.94zm.464-.263 1.415 1.414zM21.363 8.294 19.95 6.88zm0-2.829 1.414-1.414zm-2.828-2.828L17.12 4.05zm-2.829 0-1.414-1.414zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415zM5.797 15.375l.02-.02-2.848-2.81-.02.02zm-.43.43.42-.42-2.828-2.83-.42.422zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.828a3 3 0 0 0-.789 1.393zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638zM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79zM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828zm0 0 2.829-2.828a4 4 0 0 0-5.657 0zM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536zm9.756-6.928 2.972-2.972-2.829-2.828-2.972 2.972zm2.828 0L15.563 5.61l-2.829 2.828 2.829 2.829zm.144-2.972-2.972 2.972 2.828 2.829 2.972-2.972zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828zM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708z",
-      mask: "url(#a)"
-    })]
+    })
   });
 }
 ;

package/assets/web/icons/guest.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function GuestIcon(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", {
+      fillRule: "evenodd",
+      d: "M1.304 12.617a1.04 1.04 0 0 1 0-1.47l6.844-6.843a1.04 1.04 0 0 1 1.47 0l1.343 1.344-5.5 5.5a1.04 1.04 0 0 0 0 1.47l5.5 5.5-1.344 1.343a1.04 1.04 0 0 1-1.47 0zm6.235-1.47a1.04 1.04 0 0 0 0 1.47l6.844 6.844a1.04 1.04 0 0 0 1.47 0l6.843-6.843a1.04 1.04 0 0 0 0-1.47l-6.844-6.844a1.04 1.04 0 0 0-1.47 0z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+GuestIcon.displayName = "GuestIcon";
+module.exports = React.forwardRef(GuestIcon);

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

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

package/assets/web/icons/guest.js

@@ -0,0 +1,21 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function GuestIcon(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", {
+      fillRule: "evenodd",
+      d: "M1.304 12.617a1.04 1.04 0 0 1 0-1.47l6.844-6.843a1.04 1.04 0 0 1 1.47 0l1.343 1.344-5.5 5.5a1.04 1.04 0 0 0 0 1.47l5.5 5.5-1.344 1.343a1.04 1.04 0 0 1-1.47 0zm6.235-1.47a1.04 1.04 0 0 0 0 1.47l6.844 6.844a1.04 1.04 0 0 0 1.47 0l6.843-6.843a1.04 1.04 0 0 0 0-1.47l-6.844-6.844a1.04 1.04 0 0 0-1.47 0z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+GuestIcon.displayName = "GuestIcon";
+export default forwardRef(GuestIcon);

package/assets/web/icons/index.cjs

@@ -44,6 +44,7 @@ module.exports = {
   DownloadIcon: require("./download.cjs"),
   DragGridIcon: require("./drag-grid.cjs"),
   DragListIcon: require("./drag-list.cjs"),
+  EarpieceIcon: require("./earpiece.cjs"),
   EditSolidIcon: require("./edit-solid.cjs"),
   EditIcon: require("./edit.cjs"),
   EmailSolidIcon: require("./email-solid.cjs"),
@@ -64,6 +65,7 @@ module.exports = {
   ForwardIcon: require("./forward.cjs"),
   GridIcon: require("./grid.cjs"),
   GroupIcon: require("./group.cjs"),
+  GuestIcon: require("./guest.cjs"),
   HeadphonesOffSolidIcon: require("./headphones-off-solid.cjs"),
   HeadphonesSolidIcon: require("./headphones-solid.cjs"),
   HelpSolidIcon: require("./help-solid.cjs"),
@@ -193,5 +195,7 @@ module.exports = {
   VolumeOnIcon: require("./volume-on.cjs"),
   WarningIcon: require("./warning.cjs"),
   WebBrowserIcon: require("./web-browser.cjs"),
-  WindowsIcon: require("./windows.cjs")
+  WindowsIcon: require("./windows.cjs"),
+  WorkspaceSolidIcon: require("./workspace-solid.cjs"),
+  WorkspaceIcon: require("./workspace.cjs")
 };

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

@@ -43,6 +43,7 @@ export { default as DownloadIosIcon } from "./download-ios.js";
 export { default as DownloadIcon } from "./download.js";
 export { default as DragGridIcon } from "./drag-grid.js";
 export { default as DragListIcon } from "./drag-list.js";
+export { default as EarpieceIcon } from "./earpiece.js";
 export { default as EditSolidIcon } from "./edit-solid.js";
 export { default as EditIcon } from "./edit.js";
 export { default as EmailSolidIcon } from "./email-solid.js";
@@ -63,6 +64,7 @@ export { default as FilterIcon } from "./filter.js";
 export { default as ForwardIcon } from "./forward.js";
 export { default as GridIcon } from "./grid.js";
 export { default as GroupIcon } from "./group.js";
+export { default as GuestIcon } from "./guest.js";
 export { default as HeadphonesOffSolidIcon } from "./headphones-off-solid.js";
 export { default as HeadphonesSolidIcon } from "./headphones-solid.js";
 export { default as HelpSolidIcon } from "./help-solid.js";
@@ -192,4 +194,6 @@ 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 WindowsIcon } from "./windows.js";
+export { default as WorkspaceSolidIcon } from "./workspace-solid.js";
+export { default as WorkspaceIcon } from "./workspace.js";

package/assets/web/icons/index.js

@@ -43,6 +43,7 @@ export { default as DownloadIosIcon } from "./download-ios.js";
 export { default as DownloadIcon } from "./download.js";
 export { default as DragGridIcon } from "./drag-grid.js";
 export { default as DragListIcon } from "./drag-list.js";
+export { default as EarpieceIcon } from "./earpiece.js";
 export { default as EditSolidIcon } from "./edit-solid.js";
 export { default as EditIcon } from "./edit.js";
 export { default as EmailSolidIcon } from "./email-solid.js";
@@ -63,6 +64,7 @@ export { default as FilterIcon } from "./filter.js";
 export { default as ForwardIcon } from "./forward.js";
 export { default as GridIcon } from "./grid.js";
 export { default as GroupIcon } from "./group.js";
+export { default as GuestIcon } from "./guest.js";
 export { default as HeadphonesOffSolidIcon } from "./headphones-off-solid.js";
 export { default as HeadphonesSolidIcon } from "./headphones-solid.js";
 export { default as HelpSolidIcon } from "./help-solid.js";
@@ -192,4 +194,6 @@ 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 WindowsIcon } from "./windows.js";
+export { default as WorkspaceSolidIcon } from "./workspace-solid.js";
+export { default as WorkspaceIcon } from "./workspace.js";

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

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function WorkspaceSolidIcon(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: "M3.175 19.825Q4.35 21 6 21t2.825-1.175T10 17t-1.175-2.825T6 13t-2.825 1.175T2 17t1.175 2.825m12 0Q16.35 21 18 21t2.825-1.175T22 17t-1.175-2.825T18 13t-2.825 1.175T14 17t1.175 2.825m-6-10Q10.35 11 12 11t2.825-1.175T16 7t-1.175-2.825T12 3 9.175 4.175 8 7t1.175 2.825"
+    })
+  });
+}
+;
+WorkspaceSolidIcon.displayName = "WorkspaceSolidIcon";
+module.exports = React.forwardRef(WorkspaceSolidIcon);

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

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

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

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function WorkspaceSolidIcon(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: "M3.175 19.825Q4.35 21 6 21t2.825-1.175T10 17t-1.175-2.825T6 13t-2.825 1.175T2 17t1.175 2.825m12 0Q16.35 21 18 21t2.825-1.175T22 17t-1.175-2.825T18 13t-2.825 1.175T14 17t1.175 2.825m-6-10Q10.35 11 12 11t2.825-1.175T16 7t-1.175-2.825T12 3 9.175 4.175 8 7t1.175 2.825"
+    })
+  });
+}
+;
+WorkspaceSolidIcon.displayName = "WorkspaceSolidIcon";
+export default forwardRef(WorkspaceSolidIcon);

package/assets/web/icons/workspace.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function WorkspaceIcon(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: "M6 21q-1.65 0-2.825-1.175T2 17t1.175-2.825T6 13t2.825 1.175T10 17t-1.175 2.825T6 21m12 0q-1.65 0-2.825-1.175T14 17t1.175-2.825T18 13t2.825 1.175T22 17t-1.175 2.825T18 21M6 19q.824 0 1.412-.587Q8 17.825 8 17t-.588-1.412A1.93 1.93 0 0 0 6 15q-.824 0-1.412.588A1.93 1.93 0 0 0 4 17q0 .824.588 1.413Q5.175 19 6 19m12 0q.824 0 1.413-.587Q20 17.825 20 17t-.587-1.412A1.93 1.93 0 0 0 18 15q-.824 0-1.413.588A1.93 1.93 0 0 0 16 17q0 .824.587 1.413Q17.176 19 18 19m-6-8q-1.65 0-2.825-1.175T8 7t1.175-2.825T12 3t2.825 1.175T16 7t-1.175 2.825T12 11m0-2q.825 0 1.412-.588Q14 7.826 14 7q0-.824-.588-1.412A1.93 1.93 0 0 0 12 5q-.825 0-1.412.588A1.93 1.93 0 0 0 10 7q0 .824.588 1.412Q11.175 9 12 9"
+    })
+  });
+}
+;
+WorkspaceIcon.displayName = "WorkspaceIcon";
+module.exports = React.forwardRef(WorkspaceIcon);

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

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

package/assets/web/icons/workspace.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function WorkspaceIcon(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: "M6 21q-1.65 0-2.825-1.175T2 17t1.175-2.825T6 13t2.825 1.175T10 17t-1.175 2.825T6 21m12 0q-1.65 0-2.825-1.175T14 17t1.175-2.825T18 13t2.825 1.175T22 17t-1.175 2.825T18 21M6 19q.824 0 1.412-.587Q8 17.825 8 17t-.588-1.412A1.93 1.93 0 0 0 6 15q-.824 0-1.412.588A1.93 1.93 0 0 0 4 17q0 .824.588 1.413Q5.175 19 6 19m12 0q.824 0 1.413-.587Q20 17.825 20 17t-.587-1.412A1.93 1.93 0 0 0 18 15q-.824 0-1.413.588A1.93 1.93 0 0 0 16 17q0 .824.587 1.413Q17.176 19 18 19m-6-8q-1.65 0-2.825-1.175T8 7t1.175-2.825T12 3t2.825 1.175T16 7t-1.175 2.825T12 11m0-2q.825 0 1.412-.588Q14 7.826 14 7q0-.824-.588-1.412A1.93 1.93 0 0 0 12 5q-.825 0-1.412.588A1.93 1.93 0 0 0 10 7q0 .824.588 1.412Q11.175 9 12 9"
+    })
+  });
+}
+;
+WorkspaceIcon.displayName = "WorkspaceIcon";
+export default forwardRef(WorkspaceIcon);

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

@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
 export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
+export const cpdIconEarpiece: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -272,6 +273,9 @@ 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 cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDark.js

@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
 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 cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -297,6 +298,9 @@ 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 cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
 export const cpdColorGray200 = "#181a1f";

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

@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
 export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
+export const cpdIconEarpiece: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -272,6 +273,9 @@ 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 cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDarkHc.js

@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
 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 cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -297,6 +298,9 @@ 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 cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
 export const cpdColorGray200 = "#1d1f24";

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

@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
 export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
+export const cpdIconEarpiece: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -272,6 +273,9 @@ 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 cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLight.js

@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
 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 cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -297,6 +298,9 @@ 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 cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
 export const cpdColorGray200 = "#f7f9fa";

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

@@ -204,6 +204,7 @@ export const cpdIconRaisedHandSolid: string;
 export const cpdIconAudio: string;
 export const cpdIconSpotlightView: string;
 export const cpdIconListView: string;
+export const cpdIconEarpiece: string;
 export const cpdIconKeyOffSolid: string;
 export const cpdIconCloudSolid: string;
 export const cpdIconKeyOff: string;
@@ -272,6 +273,9 @@ 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 cpdIconGuest: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLightHc.js

@@ -227,6 +227,7 @@ export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
 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 cpdIconKeyOffSolid = "icons/key-off-solid.svg";
 export const cpdIconCloudSolid = "icons/cloud-solid.svg";
 export const cpdIconKeyOff = "icons/key-off.svg";
@@ -297,6 +298,9 @@ 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 cpdIconGuest = "icons/guest.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#f7f9fa";
 export const cpdColorGray200 = "#f0f2f5";

package/icons/$icons.json

@@ -508,6 +508,10 @@
       "value": "icons/list-view.svg",
       "type": "icon"
     },
+    "earpiece": {
+      "value": "icons/earpiece.svg",
+      "type": "icon"
+    },
     "key-off-solid": {
       "value": "icons/key-off-solid.svg",
       "type": "icon"
@@ -779,6 +783,18 @@
     "dial-pad": {
       "value": "icons/dial-pad.svg",
       "type": "icon"
+    },
+    "workspace": {
+      "value": "icons/workspace.svg",
+      "type": "icon"
+    },
+    "workspace-solid": {
+      "value": "icons/workspace-solid.svg",
+      "type": "icon"
+    },
+    "guest": {
+      "value": "icons/guest.svg",
+      "type": "icon"
     }
   }
 }

package/icons/earpiece.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="M14 2c3.93 0 7 3.07 7 7a1 1 0 0 1-2 0c0-2.8-2.2-5-5-5S9 6.2 9 9c0 .93.29 1.98.82 2.94.71 1.29 1.53 1.92 2.32 2.53.92.71 1.88 1.44 2.39 3 .5 1.5 1 2.01 1.71 2.38.2.09.47.15.76.15 1.1 0 2-.9 2-2a1 1 0 1 1 2 0 4 4 0 0 1-5.64 3.65c-1.36-.71-2.13-1.73-2.73-3.55-.32-.98-.9-1.43-1.71-2.05-.87-.67-1.94-1.5-2.85-3.15C7.38 11.65 7 10.26 7 9c0-3.93 3.07-7 7-7"/><path d="M6.145 1.3a1 1 0 0 1 1.427 1.4A8.97 8.97 0 0 0 5 9c0 2.3.862 4.397 2.281 5.988l.291.312.069.077A1 1 0 0 1 6.22 16.77l-.075-.07-.356-.38A10.96 10.96 0 0 1 3 9c0-2.998 1.2-5.717 3.145-7.7M14 6.5a2.5 2.5 0 0 1 0 5 2.501 2.501 0 0 1 0-5"/></svg>

package/icons/edit-solid.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><mask id="a"><path fill-rule="evenodd" d="m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z" clip-rule="evenodd"/></mask><path fill-rule="evenodd" d="m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z" clip-rule="evenodd"/><path d="m4.373 13.97 1.414 1.414.01-.01zm.02-.02-1.415-1.414-.01.01zm-.44.44 1.414 1.415zm-.264.465 1.94.485zm-1.414 5.657-1.94-.485zm1.213 1.213-.485-1.94zm5.657-1.414.485 1.94zm.464-.263 1.415 1.414zM21.363 8.294 19.95 6.88zm0-2.829 1.414-1.414zm-2.828-2.828L17.12 4.05zm-2.829 0-1.414-1.414zm-1.558 4.386L12.734 5.61 11.32 7.023l1.414 1.414zm2.973-2.972 1.414-1.414-1.415-1.414-1.414 1.414zm-.144 5.8-1.415 1.415 1.415 1.414 1.414-1.414zm2.972-2.971 1.414 1.414 1.414-1.414-1.414-1.415zM5.797 15.375l.02-.02-2.848-2.81-.02.02zm-.43.43.42-.42-2.828-2.83-.42.422zm.263-.465a1 1 0 0 1-.263.465l-2.829-2.828a3 3 0 0 0-.789 1.393zm-1.414 5.657L5.63 15.34l-3.88-.97-1.415 5.657zm-1.213-1.212a1 1 0 0 1 1.213 1.212l-3.88-.97c-.55 2.197 1.44 4.187 3.637 3.638zM8.66 18.37l-5.657 1.415.97 3.88 5.657-1.414zm-.465.263a1 1 0 0 1 .465-.263l.97 3.881a3 3 0 0 0 1.394-.79zM19.95 6.88l2.828 2.828a4 4 0 0 0 0-5.657zm-2.83-2.83 2.83 2.83 2.828-2.829-2.828-2.828zm0 0 2.829-2.828a4 4 0 0 0-5.657 0zM5.807 15.365 17.12 4.05l-2.828-2.828L2.978 12.536zm9.756-6.928 2.972-2.972-2.829-2.828-2.972 2.972zm2.828 0L15.563 5.61l-2.829 2.828 2.829 2.829zm.144-2.972-2.972 2.972 2.828 2.829 2.972-2.972zm-2.829 0 2.829 2.829 2.828-2.829-2.828-2.828zM19.95 6.88 8.195 18.634l2.829 2.828L22.777 9.708z" mask="url(#a)"/></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="m4.393 13.95-.02.02-.42.42a1 1 0 0 0-.264.465l-1.414 5.657a1 1 0 0 0 1.213 1.213l5.657-1.414a1 1 0 0 0 .464-.263L21.363 8.294a2 2 0 0 0 0-2.829l-2.828-2.828a2 2 0 0 0-2.829 0zM17.12 4.052l-2.973 2.972 2.829 2.829 2.972-2.972z" clip-rule="evenodd"/></svg>

package/icons/guest.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M1.304 12.617a1.04 1.04 0 0 1 0-1.47l6.844-6.843a1.04 1.04 0 0 1 1.47 0l1.343 1.344-5.5 5.5a1.04 1.04 0 0 0 0 1.47l5.5 5.5-1.344 1.343a1.04 1.04 0 0 1-1.47 0zm6.235-1.47a1.04 1.04 0 0 0 0 1.47l6.844 6.844a1.04 1.04 0 0 0 1.47 0l6.843-6.843a1.04 1.04 0 0 0 0-1.47l-6.844-6.844a1.04 1.04 0 0 0-1.47 0z" clip-rule="evenodd"/></svg>

package/icons/workspace-solid.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="M3.175 19.825Q4.35 21 6 21t2.825-1.175T10 17t-1.175-2.825T6 13t-2.825 1.175T2 17t1.175 2.825m12 0Q16.35 21 18 21t2.825-1.175T22 17t-1.175-2.825T18 13t-2.825 1.175T14 17t1.175 2.825m-6-10Q10.35 11 12 11t2.825-1.175T16 7t-1.175-2.825T12 3 9.175 4.175 8 7t1.175 2.825"/></svg>

package/icons/workspace.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="M6 21q-1.65 0-2.825-1.175T2 17t1.175-2.825T6 13t2.825 1.175T10 17t-1.175 2.825T6 21m12 0q-1.65 0-2.825-1.175T14 17t1.175-2.825T18 13t2.825 1.175T22 17t-1.175 2.825T18 21M6 19q.824 0 1.412-.587Q8 17.825 8 17t-.588-1.412A1.93 1.93 0 0 0 6 15q-.824 0-1.412.588A1.93 1.93 0 0 0 4 17q0 .824.588 1.413Q5.175 19 6 19m12 0q.824 0 1.413-.587Q20 17.825 20 17t-.587-1.412A1.93 1.93 0 0 0 18 15q-.824 0-1.413.588A1.93 1.93 0 0 0 16 17q0 .824.587 1.413Q17.176 19 18 19m-6-8q-1.65 0-2.825-1.175T8 7t1.175-2.825T12 3t2.825 1.175T16 7t-1.175 2.825T12 11m0-2q.825 0 1.412-.588Q14 7.826 14 7q0-.824-.588-1.412A1.93 1.93 0 0 0 12 5q-.825 0-1.412.588A1.93 1.93 0 0 0 10 7q0 .824.588 1.412Q11.175 9 12 9"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-im/compound-design-tokens",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "Compound design tokens",
   "sideEffects": false,
   "scripts": {