@vector-im/compound-design-tokens 6.10.0 → 6.10.2

package/assets/web/css/cpd-common-semantic.css

@@ -79,11 +79,11 @@
   --cpd-color-gradient-subtle-stop4: var(--cpd-color-alpha-green-200);
   --cpd-color-gradient-subtle-stop5: var(--cpd-color-alpha-green-100);
   --cpd-color-gradient-subtle-stop6: var(--cpd-color-transparent);
+  --cpd-color-gradient-info-stop1: var(--cpd-color-blue-200);
   --cpd-color-gradient-info-stop2: var(--cpd-color-theme-bg);
+  --cpd-color-gradient-critical-stop1: var(--cpd-color-red-200);
   --cpd-color-gradient-critical-stop2: var(--cpd-color-theme-bg);
   --cpd-color-gradient-subtle-linear: linear-gradient(180deg, var(--cpd-color-gradient-subtle-stop1) 0%, var(--cpd-color-gradient-subtle-stop2) 20%, var(--cpd-color-gradient-subtle-stop3) 40%, var(--cpd-color-gradient-subtle-stop4) 60%, var(--cpd-color-gradient-subtle-stop5) 80%, var(--cpd-color-gradient-subtle-stop6) 100%);
-  --cpd-color-gradient-info-stop1: var(--cpd-color-bg-info-subtle);
-  --cpd-color-gradient-critical-stop1: var(--cpd-color-bg-critical-subtle);
   --cpd-color-gradient-info-linear: linear-gradient(180deg, var(--cpd-color-gradient-info-stop1) 0%, var(--cpd-color-gradient-info-stop2) 100%);
   --cpd-color-gradient-critical-linear: linear-gradient(180deg, var(--cpd-color-gradient-critical-stop1) 0%, var(--cpd-color-gradient-critical-stop2) 100%);
 }

package/assets/web/icons/ai.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function AiIcon(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: "M9.5 2 11 6.5 15.5 8 11 9.5 9.5 14 8 9.5 3.5 8 8 6.5zm9.5 9 1 3 3 1-3 1-1 3-1-3-3-1 3-1zm-7 6 .75 2.25L15 20l-2.25.75L12 23l-.75-2.25L9 20l2.25-.75z"
+    })
+  });
+}
+;
+AiIcon.displayName = "AiIcon";
+module.exports = React.forwardRef(AiIcon);

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

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

package/assets/web/icons/ai.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function AiIcon(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: "M9.5 2 11 6.5 15.5 8 11 9.5 9.5 14 8 9.5 3.5 8 8 6.5zm9.5 9 1 3 3 1-3 1-1 3-1-3-3-1 3-1zm-7 6 .75 2.25L15 20l-2.25.75L12 23l-.75-2.25L9 20l2.25-.75z"
+    })
+  });
+}
+;
+AiIcon.displayName = "AiIcon";
+export default forwardRef(AiIcon);

package/assets/web/icons/device-passkey.cjs

@@ -0,0 +1,23 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function DevicePasskeyIcon(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", {
+      fillRule: "evenodd",
+      d: "M19.5 9.385q1.458 0 2.48 1.021Q23 11.426 23 12.885q0 1.122-.642 2.027a3.4 3.4 0 0 1-1.691 1.269v.204l.758.759q.088.087.124.189a.7.7 0 0 1 .036.219q0 .116-.036.218a.5.5 0 0 1-.124.19l-.758.759.802 1.02a.6.6 0 0 1 .11.197.5.5 0 0 1 .02.226.57.57 0 0 1-.204.38l-1.501 1.313a.62.62 0 0 1-.409.145.5.5 0 0 1-.212-.044.6.6 0 0 1-.167-.116l-.598-.599a.58.58 0 0 1-.175-.423v-4.637a3.54 3.54 0 0 1-1.875-1.553A3.36 3.36 0 0 1 16 12.885q0-1.458 1.02-2.479 1.022-1.02 2.48-1.021m0 2.334q-.481 0-.824.343a1.12 1.12 0 0 0-.343.823q0 .48.343.824.342.343.824.343t.824-.343q.343-.342.343-.824 0-.48-.343-.823a1.12 1.12 0 0 0-.824-.343",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M11 13.125q1.532 0 3.025.298a5.25 5.25 0 0 0 1.054 2.737q.542.714 1.254 1.217v3.441q0 .092.007.182H3.125q-.478 0-.802-.323A1.1 1.1 0 0 1 2 19.875V17.85q0-.957.492-1.758A3.3 3.3 0 0 1 3.8 14.869a16.7 16.7 0 0 1 3.544-1.309A15.5 15.5 0 0 1 11 13.125M11 3q1.857 0 3.178 1.322Q15.5 5.644 15.5 7.5t-1.322 3.178T11 12t-3.178-1.322T6.5 7.5t1.322-3.178T11 3"
+    })]
+  });
+}
+;
+DevicePasskeyIcon.displayName = "DevicePasskeyIcon";
+module.exports = React.forwardRef(DevicePasskeyIcon);

package/assets/web/icons/device-passkey.d.ts

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

package/assets/web/icons/device-passkey.js

@@ -0,0 +1,23 @@
+import { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function DevicePasskeyIcon(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", {
+      fillRule: "evenodd",
+      d: "M19.5 9.385q1.458 0 2.48 1.021Q23 11.426 23 12.885q0 1.122-.642 2.027a3.4 3.4 0 0 1-1.691 1.269v.204l.758.759q.088.087.124.189a.7.7 0 0 1 .036.219q0 .116-.036.218a.5.5 0 0 1-.124.19l-.758.759.802 1.02a.6.6 0 0 1 .11.197.5.5 0 0 1 .02.226.57.57 0 0 1-.204.38l-1.501 1.313a.62.62 0 0 1-.409.145.5.5 0 0 1-.212-.044.6.6 0 0 1-.167-.116l-.598-.599a.58.58 0 0 1-.175-.423v-4.637a3.54 3.54 0 0 1-1.875-1.553A3.36 3.36 0 0 1 16 12.885q0-1.458 1.02-2.479 1.022-1.02 2.48-1.021m0 2.334q-.481 0-.824.343a1.12 1.12 0 0 0-.343.823q0 .48.343.824.342.343.824.343t.824-.343q.343-.342.343-.824 0-.48-.343-.823a1.12 1.12 0 0 0-.824-.343",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11 13.125q1.532 0 3.025.298a5.25 5.25 0 0 0 1.054 2.737q.542.714 1.254 1.217v3.441q0 .092.007.182H3.125q-.478 0-.802-.323A1.1 1.1 0 0 1 2 19.875V17.85q0-.957.492-1.758A3.3 3.3 0 0 1 3.8 14.869a16.7 16.7 0 0 1 3.544-1.309A15.5 15.5 0 0 1 11 13.125M11 3q1.857 0 3.178 1.322Q15.5 5.644 15.5 7.5t-1.322 3.178T11 12t-3.178-1.322T6.5 7.5t1.322-3.178T11 3"
+    })]
+  });
+}
+;
+DevicePasskeyIcon.displayName = "DevicePasskeyIcon";
+export default forwardRef(DevicePasskeyIcon);

package/assets/web/icons/index.cjs

@@ -1,6 +1,7 @@
 module.exports = {
   AdminIcon: require("./admin.cjs"),
   AdvancedSettingsIcon: require("./advanced-settings.cjs"),
+  AiIcon: require("./ai.cjs"),
   ArrowDownIcon: require("./arrow-down.cjs"),
   ArrowLeftIcon: require("./arrow-left.cjs"),
   ArrowRightIcon: require("./arrow-right.cjs"),
@@ -41,6 +42,7 @@ module.exports = {
   CopyIcon: require("./copy.cjs"),
   DarkModeIcon: require("./dark-mode.cjs"),
   DeleteIcon: require("./delete.cjs"),
+  DevicePasskeyIcon: require("./device-passkey.cjs"),
   DevicesIcon: require("./devices.cjs"),
   DialPadIcon: require("./dial-pad.cjs"),
   DocumentIcon: require("./document.cjs"),

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

@@ -1,5 +1,6 @@
 export { default as AdminIcon } from "./admin.js";
 export { default as AdvancedSettingsIcon } from "./advanced-settings.js";
+export { default as AiIcon } from "./ai.js";
 export { default as ArrowDownIcon } from "./arrow-down.js";
 export { default as ArrowLeftIcon } from "./arrow-left.js";
 export { default as ArrowRightIcon } from "./arrow-right.js";
@@ -40,6 +41,7 @@ export { default as ComputerIcon } from "./computer.js";
 export { default as CopyIcon } from "./copy.js";
 export { default as DarkModeIcon } from "./dark-mode.js";
 export { default as DeleteIcon } from "./delete.js";
+export { default as DevicePasskeyIcon } from "./device-passkey.js";
 export { default as DevicesIcon } from "./devices.js";
 export { default as DialPadIcon } from "./dial-pad.js";
 export { default as DocumentIcon } from "./document.js";

package/assets/web/icons/index.js

@@ -1,5 +1,6 @@
 export { default as AdminIcon } from "./admin.js";
 export { default as AdvancedSettingsIcon } from "./advanced-settings.js";
+export { default as AiIcon } from "./ai.js";
 export { default as ArrowDownIcon } from "./arrow-down.js";
 export { default as ArrowLeftIcon } from "./arrow-left.js";
 export { default as ArrowRightIcon } from "./arrow-right.js";
@@ -40,6 +41,7 @@ export { default as ComputerIcon } from "./computer.js";
 export { default as CopyIcon } from "./copy.js";
 export { default as DarkModeIcon } from "./dark-mode.js";
 export { default as DeleteIcon } from "./delete.js";
+export { default as DevicePasskeyIcon } from "./device-passkey.js";
 export { default as DevicesIcon } from "./devices.js";
 export { default as DialPadIcon } from "./dial-pad.js";
 export { default as DocumentIcon } from "./document.js";

package/assets/web/icons/linux.cjs

@@ -10,7 +10,7 @@ function LinuxIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsxs("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_LinuxIcon_a)",
       children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
         d: "M13.206 20.644a2.7 2.7 0 0 1-1.097.248 2.8 2.8 0 0 1-1.567-.495c-.153.38-.392.723-.7 1a2.8 2.8 0 0 1-1.078.604h6.141a2.8 2.8 0 0 1-.99-.51 2.8 2.8 0 0 1-.709-.847M6.71 16.673a.2.2 0 0 0 .067-.03q.056-.49.13-.94c-.01-.169.017-.338.08-.495.348-1.904.834-3.24 1.504-4.052a.13.13 0 0 1 .18-.018.123.123 0 0 1 .018.174 4 4 0 0 0-.203.272q-.764 1.113-1.199 3.389h.03a.6.6 0 0 1 .166 0c.198.042.508.203.985.67.061-2.72 1.661-4.913 3.642-4.913 1.748 0 3.208 1.715 3.556 3.997a1.7 1.7 0 0 1 .762-.742.8.8 0 0 1 .254-.047 7.5 7.5 0 0 0-.948-2.342 4 4 0 0 0-.2-.272.12.12 0 0 1-.03-.09.12.12 0 0 1 .048-.083.13.13 0 0 1 .092-.028.13.13 0 0 1 .085.045c.508.624.93 1.557 1.245 2.822.678.247.696 1.361.71 2.267 0 .43 0 .877.105.99.104.114.325.09.635-.04.036-.393.053-.742.063-1.036v-1.082c0-2.475-3.266-6.755-3.266-6.755l-.378-3.218c0-2.953-2.733-2.926-2.733-2.926s-2.743-.027-2.743 2.914l-.365 3.23s-3.267 4.277-3.267 6.755v.31s-.012.299 0 .767v.227c.414.154.839.315.976.28m5.388-10.41c.761.068 1.975.247 2.031.613.04.282-.429.822-.523.926-.195.215-.876.92-1.49.92-.615 0-1.296-.705-1.49-.92-.093-.104-.563-.644-.525-.926.046-.374 1.273-.545 1.996-.614"
       }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
@@ -20,7 +20,7 @@ function LinuxIcon(props, ref) {
       })]
     }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
       children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
+        id: "cpd_LinuxIcon_a",
         children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
           d: "M3.167 2.19H20.5V22H3.165z"
         })

package/assets/web/icons/linux.js

@@ -10,7 +10,7 @@ function LinuxIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsxs("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_LinuxIcon_a)",
       children: [/*#__PURE__*/_jsx("path", {
         d: "M13.206 20.644a2.7 2.7 0 0 1-1.097.248 2.8 2.8 0 0 1-1.567-.495c-.153.38-.392.723-.7 1a2.8 2.8 0 0 1-1.078.604h6.141a2.8 2.8 0 0 1-.99-.51 2.8 2.8 0 0 1-.709-.847M6.71 16.673a.2.2 0 0 0 .067-.03q.056-.49.13-.94c-.01-.169.017-.338.08-.495.348-1.904.834-3.24 1.504-4.052a.13.13 0 0 1 .18-.018.123.123 0 0 1 .018.174 4 4 0 0 0-.203.272q-.764 1.113-1.199 3.389h.03a.6.6 0 0 1 .166 0c.198.042.508.203.985.67.061-2.72 1.661-4.913 3.642-4.913 1.748 0 3.208 1.715 3.556 3.997a1.7 1.7 0 0 1 .762-.742.8.8 0 0 1 .254-.047 7.5 7.5 0 0 0-.948-2.342 4 4 0 0 0-.2-.272.12.12 0 0 1-.03-.09.12.12 0 0 1 .048-.083.13.13 0 0 1 .092-.028.13.13 0 0 1 .085.045c.508.624.93 1.557 1.245 2.822.678.247.696 1.361.71 2.267 0 .43 0 .877.105.99.104.114.325.09.635-.04.036-.393.053-.742.063-1.036v-1.082c0-2.475-3.266-6.755-3.266-6.755l-.378-3.218c0-2.953-2.733-2.926-2.733-2.926s-2.743-.027-2.743 2.914l-.365 3.23s-3.267 4.277-3.267 6.755v.31s-.012.299 0 .767v.227c.414.154.839.315.976.28m5.388-10.41c.761.068 1.975.247 2.031.613.04.282-.429.822-.523.926-.195.215-.876.92-1.49.92-.615 0-1.296-.705-1.49-.92-.093-.104-.563-.644-.525-.926.046-.374 1.273-.545 1.996-.614"
       }), /*#__PURE__*/_jsx("path", {
@@ -20,7 +20,7 @@ function LinuxIcon(props, ref) {
       })]
     }), /*#__PURE__*/_jsx("defs", {
       children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
+        id: "cpd_LinuxIcon_a",
         children: /*#__PURE__*/_jsx("path", {
           d: "M3.167 2.19H20.5V22H3.165z"
         })

package/assets/web/icons/presence-outline-8x8.cjs

@@ -10,7 +10,7 @@ function PresenceOutline8X8Icon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_PresenceOutline8X8Icon_a)",
       children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
         fillRule: "evenodd",
         d: "M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8",
@@ -18,7 +18,7 @@ function PresenceOutline8X8Icon(props, ref) {
       })
     }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
       children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
+        id: "cpd_PresenceOutline8X8Icon_a",
         children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
           d: "M0 0h8v8H0z"
         })

package/assets/web/icons/presence-outline-8x8.js

@@ -10,7 +10,7 @@ function PresenceOutline8X8Icon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_PresenceOutline8X8Icon_a)",
       children: /*#__PURE__*/_jsx("path", {
         fillRule: "evenodd",
         d: "M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8",
@@ -18,7 +18,7 @@ function PresenceOutline8X8Icon(props, ref) {
       })
     }), /*#__PURE__*/_jsx("defs", {
       children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
+        id: "cpd_PresenceOutline8X8Icon_a",
         children: /*#__PURE__*/_jsx("path", {
           d: "M0 0h8v8H0z"
         })

package/assets/web/icons/presence-solid-8x8.cjs

@@ -10,13 +10,13 @@ function PresenceSolid8X8Icon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_PresenceSolid8X8Icon_a)",
       children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
         d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
       })
     }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
       children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
+        id: "cpd_PresenceSolid8X8Icon_a",
         children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
           d: "M0 0h8v8H0z"
         })

package/assets/web/icons/presence-solid-8x8.js

@@ -10,13 +10,13 @@ function PresenceSolid8X8Icon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_PresenceSolid8X8Icon_a)",
       children: /*#__PURE__*/_jsx("path", {
         d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
       })
     }), /*#__PURE__*/_jsx("defs", {
       children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
+        id: "cpd_PresenceSolid8X8Icon_a",
         children: /*#__PURE__*/_jsx("path", {
           d: "M0 0h8v8H0z"
         })

package/assets/web/icons/presence-strikethrough-8x8.cjs

@@ -10,7 +10,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_PresenceStrikethrough8X8Icon_a)",
       children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
         fillRule: "evenodd",
         d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961",
@@ -18,7 +18,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
       })
     }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
       children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
+        id: "cpd_PresenceStrikethrough8X8Icon_a",
         children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
           d: "M0 0h8v8H0z"
         })

package/assets/web/icons/presence-strikethrough-8x8.js

@@ -10,7 +10,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_PresenceStrikethrough8X8Icon_a)",
       children: /*#__PURE__*/_jsx("path", {
         fillRule: "evenodd",
         d: "M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961",
@@ -18,7 +18,7 @@ function PresenceStrikethrough8X8Icon(props, ref) {
       })
     }), /*#__PURE__*/_jsx("defs", {
       children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
+        id: "cpd_PresenceStrikethrough8X8Icon_a",
         children: /*#__PURE__*/_jsx("path", {
           d: "M0 0h8v8H0z"
         })

package/assets/web/icons/rotate-right.cjs

@@ -10,13 +10,13 @@ function RotateRightIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_RotateRightIcon_a)",
       children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
         d: "M14.83 4.83 12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16.2.37.36.76.48 1.16.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2.28-.51.5-1.04.67-1.59.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"
       })
     }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
       children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
+        id: "cpd_RotateRightIcon_a",
         children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
           d: "M0 0h24v24H0z"
         })

package/assets/web/icons/rotate-right.js

@@ -10,13 +10,13 @@ function RotateRightIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsx("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_RotateRightIcon_a)",
       children: /*#__PURE__*/_jsx("path", {
         d: "M14.83 4.83 12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16.2.37.36.76.48 1.16.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2.28-.51.5-1.04.67-1.59.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"
       })
     }), /*#__PURE__*/_jsx("defs", {
       children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
+        id: "cpd_RotateRightIcon_a",
         children: /*#__PURE__*/_jsx("path", {
           d: "M0 0h24v24H0z"
         })

package/assets/web/icons/voice-call.cjs

@@ -1,7 +1,7 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
 function VoiceCallIcon(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 VoiceCallIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
-      clipPath: "url(#a)",
-      children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-        fillRule: "evenodd",
-        d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.644 1.792-1.792-.483-3.519-3.123-.034-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.4 11.4 0 0 0 3.206 3.54q.457.33.948.614l.762-.761a2 2 0 0 1 .774-.486c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.361.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
-        clipRule: "evenodd"
-      })
-    }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
-      children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
-        children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-          d: "M0 0h24v24H0z"
-        })
-      })
-    })]
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
+      clipRule: "evenodd"
+    })
   });
 }
 ;

package/assets/web/icons/voice-call.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 VoiceCallIcon(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 VoiceCallIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: [/*#__PURE__*/_jsx("g", {
-      clipPath: "url(#a)",
-      children: /*#__PURE__*/_jsx("path", {
-        fillRule: "evenodd",
-        d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.644 1.792-1.792-.483-3.519-3.123-.034-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.4 11.4 0 0 0 3.206 3.54q.457.33.948.614l.762-.761a2 2 0 0 1 .774-.486c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.361.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
-        clipRule: "evenodd"
-      })
-    }), /*#__PURE__*/_jsx("defs", {
-      children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
-        children: /*#__PURE__*/_jsx("path", {
-          d: "M0 0h24v24H0z"
-        })
-      })
-    })]
+    children: /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062",
+      clipRule: "evenodd"
+    })
   });
 }
 ;

package/assets/web/icons/zoom-in.cjs

@@ -10,7 +10,7 @@ function ZoomInIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_reactJsxRuntime.jsxs("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_ZoomInIcon_a)",
       children: [/*#__PURE__*/_reactJsxRuntime.jsx("path", {
         d: "M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"
       }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
@@ -24,7 +24,7 @@ function ZoomInIcon(props, ref) {
       })]
     }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
       children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
+        id: "cpd_ZoomInIcon_a",
         children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
           d: "M0 0h24v24H0z"
         })

package/assets/web/icons/zoom-in.js

@@ -10,7 +10,7 @@ function ZoomInIcon(props, ref) {
     ref: ref,
     ...props,
     children: [/*#__PURE__*/_jsxs("g", {
-      clipPath: "url(#a)",
+      clipPath: "url(#cpd_ZoomInIcon_a)",
       children: [/*#__PURE__*/_jsx("path", {
         d: "M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"
       }), /*#__PURE__*/_jsx("path", {
@@ -24,7 +24,7 @@ function ZoomInIcon(props, ref) {
       })]
     }), /*#__PURE__*/_jsx("defs", {
       children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
+        id: "cpd_ZoomInIcon_a",
         children: /*#__PURE__*/_jsx("path", {
           d: "M0 0h24v24H0z"
         })

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

@@ -277,6 +277,7 @@ export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
 export const cpdIconReOrder: string;
+export const cpdIconDevicePasskey: string;
 export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
@@ -301,6 +302,7 @@ export const cpdIconStopSolid: string;
 export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdIconSection: string;
+export const cpdIconAi: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDark.js

@@ -302,6 +302,7 @@ export const cpdIconPresenceStrikethrough8X8 =
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
 export const cpdIconReOrder = "icons/re-order.svg";
+export const cpdIconDevicePasskey = "icons/device-passkey.svg";
 export const cpdIconSpace = "icons/space.svg";
 export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
@@ -329,6 +330,7 @@ export const cpdIconStopSolid = "icons/stop-solid.svg";
 export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdIconSection = "icons/section.svg";
+export const cpdIconAi = "icons/ai.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
 export const cpdColorGray200 = "#181a1f";

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

@@ -277,6 +277,7 @@ export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
 export const cpdIconReOrder: string;
+export const cpdIconDevicePasskey: string;
 export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
@@ -301,6 +302,7 @@ export const cpdIconStopSolid: string;
 export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdIconSection: string;
+export const cpdIconAi: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDarkHc.js

@@ -302,6 +302,7 @@ export const cpdIconPresenceStrikethrough8X8 =
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
 export const cpdIconReOrder = "icons/re-order.svg";
+export const cpdIconDevicePasskey = "icons/device-passkey.svg";
 export const cpdIconSpace = "icons/space.svg";
 export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
@@ -329,6 +330,7 @@ export const cpdIconStopSolid = "icons/stop-solid.svg";
 export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdIconSection = "icons/section.svg";
+export const cpdIconAi = "icons/ai.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
 export const cpdColorGray200 = "#1d1f24";

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

@@ -277,6 +277,7 @@ export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
 export const cpdIconReOrder: string;
+export const cpdIconDevicePasskey: string;
 export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
@@ -301,6 +302,7 @@ export const cpdIconStopSolid: string;
 export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdIconSection: string;
+export const cpdIconAi: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLight.js

@@ -302,6 +302,7 @@ export const cpdIconPresenceStrikethrough8X8 =
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
 export const cpdIconReOrder = "icons/re-order.svg";
+export const cpdIconDevicePasskey = "icons/device-passkey.svg";
 export const cpdIconSpace = "icons/space.svg";
 export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
@@ -329,6 +330,7 @@ export const cpdIconStopSolid = "icons/stop-solid.svg";
 export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdIconSection = "icons/section.svg";
+export const cpdIconAi = "icons/ai.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
 export const cpdColorGray200 = "#f7f9fa";

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

@@ -277,6 +277,7 @@ export const cpdIconPresenceStrikethrough8X8: string;
 export const cpdIconError: string;
 export const cpdIconDialPad: string;
 export const cpdIconReOrder: string;
+export const cpdIconDevicePasskey: string;
 export const cpdIconSpace: string;
 export const cpdIconSpaceSolid: string;
 export const cpdIconGuest: string;
@@ -301,6 +302,7 @@ export const cpdIconStopSolid: string;
 export const cpdIconStop: string;
 export const cpdIconTheme: string;
 export const cpdIconSection: string;
+export const cpdIconAi: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLightHc.js

@@ -302,6 +302,7 @@ export const cpdIconPresenceStrikethrough8X8 =
 export const cpdIconError = "icons/error.svg";
 export const cpdIconDialPad = "icons/dial-pad.svg";
 export const cpdIconReOrder = "icons/re-order.svg";
+export const cpdIconDevicePasskey = "icons/device-passkey.svg";
 export const cpdIconSpace = "icons/space.svg";
 export const cpdIconSpaceSolid = "icons/space-solid.svg";
 export const cpdIconGuest = "icons/guest.svg";
@@ -329,6 +330,7 @@ export const cpdIconStopSolid = "icons/stop-solid.svg";
 export const cpdIconStop = "icons/stop.svg";
 export const cpdIconTheme = "icons/theme.svg";
 export const cpdIconSection = "icons/section.svg";
+export const cpdIconAi = "icons/ai.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#f7f9fa";
 export const cpdColorGray200 = "#f0f2f5";

package/icons/$icons.json

@@ -800,6 +800,10 @@
       "value": "icons/re-order.svg",
       "type": "icon"
     },
+    "device-passkey": {
+      "value": "icons/device-passkey.svg",
+      "type": "icon"
+    },
     "space": {
       "value": "icons/space.svg",
       "type": "icon"
@@ -895,6 +899,10 @@
     "section": {
       "value": "icons/section.svg",
       "type": "icon"
+    },
+    "ai": {
+      "value": "icons/ai.svg",
+      "type": "icon"
     }
   }
 }

package/icons/ai.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="M9.5 2 11 6.5 15.5 8 11 9.5 9.5 14 8 9.5 3.5 8 8 6.5zm9.5 9 1 3 3 1-3 1-1 3-1-3-3-1 3-1zm-7 6 .75 2.25L15 20l-2.25.75L12 23l-.75-2.25L9 20l2.25-.75z"/></svg>

package/icons/device-passkey.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="M19.5 9.385q1.458 0 2.48 1.021Q23 11.426 23 12.885q0 1.122-.642 2.027a3.4 3.4 0 0 1-1.691 1.269v.204l.758.759q.088.087.124.189a.7.7 0 0 1 .036.219q0 .116-.036.218a.5.5 0 0 1-.124.19l-.758.759.802 1.02a.6.6 0 0 1 .11.197.5.5 0 0 1 .02.226.57.57 0 0 1-.204.38l-1.501 1.313a.62.62 0 0 1-.409.145.5.5 0 0 1-.212-.044.6.6 0 0 1-.167-.116l-.598-.599a.58.58 0 0 1-.175-.423v-4.637a3.54 3.54 0 0 1-1.875-1.553A3.36 3.36 0 0 1 16 12.885q0-1.458 1.02-2.479 1.022-1.02 2.48-1.021m0 2.334q-.481 0-.824.343a1.12 1.12 0 0 0-.343.823q0 .48.343.824.342.343.824.343t.824-.343q.343-.342.343-.824 0-.48-.343-.823a1.12 1.12 0 0 0-.824-.343" clip-rule="evenodd"/><path d="M11 13.125q1.532 0 3.025.298a5.25 5.25 0 0 0 1.054 2.737q.542.714 1.254 1.217v3.441q0 .092.007.182H3.125q-.478 0-.802-.323A1.1 1.1 0 0 1 2 19.875V17.85q0-.957.492-1.758A3.3 3.3 0 0 1 3.8 14.869a16.7 16.7 0 0 1 3.544-1.309A15.5 15.5 0 0 1 11 13.125M11 3q1.857 0 3.178 1.322Q15.5 5.644 15.5 7.5t-1.322 3.178T11 12t-3.178-1.322T6.5 7.5t1.322-3.178T11 3"/></svg>

package/icons/voice-call.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.644 1.792-1.792-.483-3.519-3.123-.034-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.4 11.4 0 0 0 3.206 3.54q.457.33.948.614l.762-.761a2 2 0 0 1 .774-.486c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.361.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062" clip-rule="evenodd"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></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="M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062" clip-rule="evenodd"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-im/compound-design-tokens",
-  "version": "6.10.0",
+  "version": "6.10.2",
   "description": "Compound design tokens",
   "sideEffects": false,
   "scripts": {
@@ -64,6 +64,7 @@
     "@capsizecss/metrics": "^3.3.0",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
     "@tokens-studio/sd-transforms": "^2.0.0",
     "@types/babel__core": "^7.20.5",
     "@types/fs-extra": "^11.0.4",