@vector-im/compound-design-tokens 6.10.1 → 7.0.0

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/folder.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function FolderIcon(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 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h6l2 2h8q.824 0 1.413.588Q22 7.175 22 8v10q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4z"
+    })
+  });
+}
+;
+FolderIcon.displayName = "FolderIcon";
+module.exports = React.forwardRef(FolderIcon);

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

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

package/assets/web/icons/folder.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function FolderIcon(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 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h6l2 2h8q.824 0 1.413.588Q22 7.175 22 8v10q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4z"
+    })
+  });
+}
+;
+FolderIcon.displayName = "FolderIcon";
+export default forwardRef(FolderIcon);

package/assets/web/icons/index.cjs

@@ -41,6 +41,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"),
@@ -67,6 +68,7 @@ module.exports = {
   FileErrorIcon: require("./file-error.cjs"),
   FilesIcon: require("./files.cjs"),
   FilterIcon: require("./filter.cjs"),
+  FolderIcon: require("./folder.cjs"),
   ForwardIcon: require("./forward.cjs"),
   FullScreenIcon: require("./full-screen.cjs"),
   GridIcon: require("./grid.cjs"),

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

@@ -40,6 +40,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";
@@ -66,6 +67,7 @@ export { default as FavouriteIcon } from "./favourite.js";
 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 FolderIcon } from "./folder.js";
 export { default as ForwardIcon } from "./forward.js";
 export { default as FullScreenIcon } from "./full-screen.js";
 export { default as GridIcon } from "./grid.js";

package/assets/web/icons/index.js

@@ -40,6 +40,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";
@@ -66,6 +67,7 @@ export { default as FavouriteIcon } from "./favourite.js";
 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 FolderIcon } from "./folder.js";
 export { default as ForwardIcon } from "./forward.js";
 export { default as FullScreenIcon } from "./full-screen.js";
 export { default as GridIcon } from "./grid.js";

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 cpdIconFolder: 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 cpdIconFolder = "icons/folder.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 cpdIconFolder: 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 cpdIconFolder = "icons/folder.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 cpdIconFolder: 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 cpdIconFolder = "icons/folder.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 cpdIconFolder: 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 cpdIconFolder = "icons/folder.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"
+    },
+    "folder": {
+      "value": "icons/folder.svg",
+      "type": "icon"
     }
   }
 }

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/folder.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 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h6l2 2h8q.824 0 1.413.588Q22 7.175 22 8v10q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4z"/></svg>

package/package.json

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