@vector-im/compound-design-tokens 6.4.3 → 6.5.0

package/assets/web/icons/advanced-settings.cjs

@@ -0,0 +1,25 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function AdvancedSettingsIcon(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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      d: "M13.49 11.38c.43-1.22.17-2.64-.81-3.62a3.47 3.47 0 0 0-4.1-.59l2.35 2.35-1.41 1.41-2.35-2.35c-.71 1.32-.52 2.99.59 4.1.98.98 2.4 1.24 3.62.81l3.41 3.41c.2.2.51.2.71 0l1.4-1.4c.2-.2.2-.51 0-.71z",
+      clipRule: "evenodd"
+    })]
+  });
+}
+;
+AdvancedSettingsIcon.displayName = "AdvancedSettingsIcon";
+module.exports = React.forwardRef(AdvancedSettingsIcon);

package/assets/web/icons/advanced-settings.d.ts

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

package/assets/web/icons/advanced-settings.js

@@ -0,0 +1,25 @@
+import { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function AdvancedSettingsIcon(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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8",
+      clipRule: "evenodd"
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M13.49 11.38c.43-1.22.17-2.64-.81-3.62a3.47 3.47 0 0 0-4.1-.59l2.35 2.35-1.41 1.41-2.35-2.35c-.71 1.32-.52 2.99.59 4.1.98.98 2.4 1.24 3.62.81l3.41 3.41c.2.2.51.2.71 0l1.4-1.4c.2-.2.2-.51 0-.71z",
+      clipRule: "evenodd"
+    })]
+  });
+}
+;
+AdvancedSettingsIcon.displayName = "AdvancedSettingsIcon";
+export default forwardRef(AdvancedSettingsIcon);

package/assets/web/icons/backspace.cjs

@@ -1,7 +1,7 @@
 var _reactJsxRuntime = require("react/jsx-runtime");
 var React = require("react");
 function BackspaceIcon(props, ref) {
-  return /*#__PURE__*/_reactJsxRuntime.jsxs("svg", {
+  return /*#__PURE__*/_reactJsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -9,19 +9,9 @@ function BackspaceIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: [/*#__PURE__*/_reactJsxRuntime.jsx("g", {
-      clipPath: "url(#a)",
-      children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-        d: "M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"
-      })
-    }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
-      children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
-        id: "a",
-        children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
-          d: "M0 0h24v24H0z"
-        })
-      })
-    })]
+    children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+      d: "M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"
+    })
   });
 }
 ;

package/assets/web/icons/backspace.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 BackspaceIcon(props, ref) {
-  return /*#__PURE__*/_jsxs("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -9,19 +9,9 @@ function BackspaceIcon(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref,
     ...props,
-    children: [/*#__PURE__*/_jsx("g", {
-      clipPath: "url(#a)",
-      children: /*#__PURE__*/_jsx("path", {
-        d: "M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"
-      })
-    }), /*#__PURE__*/_jsx("defs", {
-      children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
-        children: /*#__PURE__*/_jsx("path", {
-          d: "M0 0h24v24H0z"
-        })
-      })
-    })]
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"
+    })
   });
 }
 ;

package/assets/web/icons/bug.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function BugIcon(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: "M19 8h-1.81a6 6 0 0 0-1.82-1.96l.93-.93a.996.996 0 1 0-1.41-1.41l-1.47 1.47C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L9.11 3.7A.996.996 0 1 0 7.7 5.11l.92.93C7.88 6.55 7.26 7.22 6.81 8H5c-.55 0-1 .45-1 1s.45 1 1 1h1.09c-.05.33-.09.66-.09 1v1H5c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .34.04.67.09 1H5c-.55 0-1 .45-1 1s.45 1 1 1h1.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H19c.55 0 1-.45 1-1s-.45-1-1-1h-1.09c.05-.33.09-.66.09-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1h-1v-1c0-.34-.04-.67-.09-1H19c.55 0 1-.45 1-1s-.45-1-1-1m-6 8h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1m0-4h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1"
+    })
+  });
+}
+;
+BugIcon.displayName = "BugIcon";
+module.exports = React.forwardRef(BugIcon);

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

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

package/assets/web/icons/bug.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function BugIcon(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: "M19 8h-1.81a6 6 0 0 0-1.82-1.96l.93-.93a.996.996 0 1 0-1.41-1.41l-1.47 1.47C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L9.11 3.7A.996.996 0 1 0 7.7 5.11l.92.93C7.88 6.55 7.26 7.22 6.81 8H5c-.55 0-1 .45-1 1s.45 1 1 1h1.09c-.05.33-.09.66-.09 1v1H5c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .34.04.67.09 1H5c-.55 0-1 .45-1 1s.45 1 1 1h1.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H19c.55 0 1-.45 1-1s-.45-1-1-1h-1.09c.05-.33.09-.66.09-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1h-1v-1c0-.34-.04-.67-.09-1H19c.55 0 1-.45 1-1s-.45-1-1-1m-6 8h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1m0-4h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1"
+    })
+  });
+}
+;
+BugIcon.displayName = "BugIcon";
+export default forwardRef(BugIcon);

package/assets/web/icons/index.cjs

@@ -1,5 +1,6 @@
 module.exports = {
   AdminIcon: require("./admin.cjs"),
+  AdvancedSettingsIcon: require("./advanced-settings.cjs"),
   ArrowDownIcon: require("./arrow-down.cjs"),
   ArrowLeftIcon: require("./arrow-left.cjs"),
   ArrowRightIcon: require("./arrow-right.cjs"),
@@ -13,6 +14,7 @@ module.exports = {
   BackspaceIcon: require("./backspace.cjs"),
   BlockIcon: require("./block.cjs"),
   BoldIcon: require("./bold.cjs"),
+  BugIcon: require("./bug.cjs"),
   CalendarIcon: require("./calendar.cjs"),
   ChartIcon: require("./chart.cjs"),
   ChatNewIcon: require("./chat-new.cjs"),
@@ -151,6 +153,8 @@ module.exports = {
   ReplyIcon: require("./reply.cjs"),
   RestartIcon: require("./restart.cjs"),
   RoomIcon: require("./room.cjs"),
+  RotateLeftIcon: require("./rotate-left.cjs"),
+  RotateRightIcon: require("./rotate-right.cjs"),
   SearchIcon: require("./search.cjs"),
   SendSolidIcon: require("./send-solid.cjs"),
   SendIcon: require("./send.cjs"),
@@ -178,6 +182,8 @@ module.exports = {
   ThreadsSolidIcon: require("./threads-solid.cjs"),
   ThreadsIcon: require("./threads.cjs"),
   TimeIcon: require("./time.cjs"),
+  TranslateIcon: require("./translate.cjs"),
+  TreeIcon: require("./tree.cjs"),
   UnderlineIcon: require("./underline.cjs"),
   UnknownSolidIcon: require("./unknown-solid.cjs"),
   UnknownIcon: require("./unknown.cjs"),
@@ -205,5 +211,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"),
+  ZoomInIcon: require("./zoom-in.cjs"),
+  ZoomOutIcon: require("./zoom-out.cjs")
 };

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

@@ -1,4 +1,5 @@
 export { default as AdminIcon } from "./admin.js";
+export { default as AdvancedSettingsIcon } from "./advanced-settings.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";
@@ -12,6 +13,7 @@ export { default as BackspaceSolidIcon } from "./backspace-solid.js";
 export { default as BackspaceIcon } from "./backspace.js";
 export { default as BlockIcon } from "./block.js";
 export { default as BoldIcon } from "./bold.js";
+export { default as BugIcon } from "./bug.js";
 export { default as CalendarIcon } from "./calendar.js";
 export { default as ChartIcon } from "./chart.js";
 export { default as ChatNewIcon } from "./chat-new.js";
@@ -150,6 +152,8 @@ export { default as ReactionIcon } from "./reaction.js";
 export { default as ReplyIcon } from "./reply.js";
 export { default as RestartIcon } from "./restart.js";
 export { default as RoomIcon } from "./room.js";
+export { default as RotateLeftIcon } from "./rotate-left.js";
+export { default as RotateRightIcon } from "./rotate-right.js";
 export { default as SearchIcon } from "./search.js";
 export { default as SendSolidIcon } from "./send-solid.js";
 export { default as SendIcon } from "./send.js";
@@ -177,6 +181,8 @@ export { default as TextFormattingIcon } from "./text-formatting.js";
 export { default as ThreadsSolidIcon } from "./threads-solid.js";
 export { default as ThreadsIcon } from "./threads.js";
 export { default as TimeIcon } from "./time.js";
+export { default as TranslateIcon } from "./translate.js";
+export { default as TreeIcon } from "./tree.js";
 export { default as UnderlineIcon } from "./underline.js";
 export { default as UnknownSolidIcon } from "./unknown-solid.js";
 export { default as UnknownIcon } from "./unknown.js";
@@ -204,4 +210,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 ZoomInIcon } from "./zoom-in.js";
+export { default as ZoomOutIcon } from "./zoom-out.js";

package/assets/web/icons/index.js

@@ -1,4 +1,5 @@
 export { default as AdminIcon } from "./admin.js";
+export { default as AdvancedSettingsIcon } from "./advanced-settings.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";
@@ -12,6 +13,7 @@ export { default as BackspaceSolidIcon } from "./backspace-solid.js";
 export { default as BackspaceIcon } from "./backspace.js";
 export { default as BlockIcon } from "./block.js";
 export { default as BoldIcon } from "./bold.js";
+export { default as BugIcon } from "./bug.js";
 export { default as CalendarIcon } from "./calendar.js";
 export { default as ChartIcon } from "./chart.js";
 export { default as ChatNewIcon } from "./chat-new.js";
@@ -150,6 +152,8 @@ export { default as ReactionIcon } from "./reaction.js";
 export { default as ReplyIcon } from "./reply.js";
 export { default as RestartIcon } from "./restart.js";
 export { default as RoomIcon } from "./room.js";
+export { default as RotateLeftIcon } from "./rotate-left.js";
+export { default as RotateRightIcon } from "./rotate-right.js";
 export { default as SearchIcon } from "./search.js";
 export { default as SendSolidIcon } from "./send-solid.js";
 export { default as SendIcon } from "./send.js";
@@ -177,6 +181,8 @@ export { default as TextFormattingIcon } from "./text-formatting.js";
 export { default as ThreadsSolidIcon } from "./threads-solid.js";
 export { default as ThreadsIcon } from "./threads.js";
 export { default as TimeIcon } from "./time.js";
+export { default as TranslateIcon } from "./translate.js";
+export { default as TreeIcon } from "./tree.js";
 export { default as UnderlineIcon } from "./underline.js";
 export { default as UnknownSolidIcon } from "./unknown-solid.js";
 export { default as UnknownIcon } from "./unknown.js";
@@ -204,4 +210,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 ZoomInIcon } from "./zoom-in.js";
+export { default as ZoomOutIcon } from "./zoom-out.js";

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

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function RotateLeftIcon(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.56 7.98C6.1 7.52 5.31 7.6 5 8.17c-.28.51-.5 1.03-.67 1.58-.19.63.31 1.25.96 1.25h.01c.43 0 .82-.28.94-.7q.18-.6.48-1.17c.22-.37.15-.84-.16-1.15M5.31 13h-.02c-.65 0-1.15.62-.96 1.25.16.54.38 1.07.66 1.58.31.57 1.11.66 1.57.2.3-.31.38-.77.17-1.15-.2-.37-.36-.76-.48-1.16a.97.97 0 0 0-.94-.72m2.85 6.02q.765.42 1.59.66c.62.18 1.24-.32 1.24-.96v-.03c0-.43-.28-.82-.7-.94-.4-.12-.78-.28-1.15-.48a.97.97 0 0 0-1.16.17l-.03.03c-.45.45-.36 1.24.21 1.55M13 4.07v-.66c0-.89-1.08-1.34-1.71-.71L9.17 4.83c-.4.4-.4 1.04 0 1.43l2.13 2.08c.63.62 1.7.17 1.7-.72V6.09c2.84.48 5 2.94 5 5.91 0 2.73-1.82 5.02-4.32 5.75a.97.97 0 0 0-.68.94v.02c0 .65.61 1.14 1.23.96A7.976 7.976 0 0 0 20 12c0-4.08-3.05-7.44-7-7.93"
+    })
+  });
+}
+;
+RotateLeftIcon.displayName = "RotateLeftIcon";
+module.exports = React.forwardRef(RotateLeftIcon);

package/assets/web/icons/rotate-left.d.ts

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

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

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function RotateLeftIcon(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.56 7.98C6.1 7.52 5.31 7.6 5 8.17c-.28.51-.5 1.03-.67 1.58-.19.63.31 1.25.96 1.25h.01c.43 0 .82-.28.94-.7q.18-.6.48-1.17c.22-.37.15-.84-.16-1.15M5.31 13h-.02c-.65 0-1.15.62-.96 1.25.16.54.38 1.07.66 1.58.31.57 1.11.66 1.57.2.3-.31.38-.77.17-1.15-.2-.37-.36-.76-.48-1.16a.97.97 0 0 0-.94-.72m2.85 6.02q.765.42 1.59.66c.62.18 1.24-.32 1.24-.96v-.03c0-.43-.28-.82-.7-.94-.4-.12-.78-.28-1.15-.48a.97.97 0 0 0-1.16.17l-.03.03c-.45.45-.36 1.24.21 1.55M13 4.07v-.66c0-.89-1.08-1.34-1.71-.71L9.17 4.83c-.4.4-.4 1.04 0 1.43l2.13 2.08c.63.62 1.7.17 1.7-.72V6.09c2.84.48 5 2.94 5 5.91 0 2.73-1.82 5.02-4.32 5.75a.97.97 0 0 0-.68.94v.02c0 .65.61 1.14 1.23.96A7.976 7.976 0 0 0 20 12c0-4.08-3.05-7.44-7-7.93"
+    })
+  });
+}
+;
+RotateLeftIcon.displayName = "RotateLeftIcon";
+export default forwardRef(RotateLeftIcon);

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

@@ -0,0 +1,29 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function RotateRightIcon(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("g", {
+      clipPath: "url(#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",
+        children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+RotateRightIcon.displayName = "RotateRightIcon";
+module.exports = React.forwardRef(RotateRightIcon);

package/assets/web/icons/rotate-right.d.ts

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

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

@@ -0,0 +1,29 @@
+import { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function RotateRightIcon(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("g", {
+      clipPath: "url(#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",
+        children: /*#__PURE__*/_jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+RotateRightIcon.displayName = "RotateRightIcon";
+export default forwardRef(RotateRightIcon);

package/assets/web/icons/translate.cjs

@@ -0,0 +1,21 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function TranslateIcon(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: "M13 2a2 2 0 0 1 2 2v4h6a2 2 0 0 1 2 2v12.586c0 .89-1.077 1.337-1.707.707L19 21h-8a2 2 0 0 1-2-2v-4H5l-2.293 2.293c-.63.63-1.707.184-1.707-.707V4a2 2 0 0 1 2-2zm2.5 10.125H12v1.25h4.37c-.031.73-.325 1.457-.871 2.151a4.4 4.4 0 0 1-.613-1.026h-1.33c.202.69.57 1.335 1.067 1.932-.524.448-1.162.873-1.912 1.263l.578 1.11a11.3 11.3 0 0 0 2.21-1.483c.633.553 1.382 1.05 2.212 1.483l.578-1.11c-.75-.39-1.388-.815-1.912-1.263.758-.912 1.213-1.939 1.245-3.057H20v-1.25h-3.25V10.25H15.5zM3 14.172l.586-.586A2 2 0 0 1 5 13h4v-2.47H6.96L6.563 12H5l2.031-7H8.97l.96 3.312A2 2 0 0 1 11 8h2V4H3zm4.306-4.927h1.386l-.67-2.481h-.047z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+TranslateIcon.displayName = "TranslateIcon";
+module.exports = React.forwardRef(TranslateIcon);

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

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

package/assets/web/icons/translate.js

@@ -0,0 +1,21 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function TranslateIcon(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: "M13 2a2 2 0 0 1 2 2v4h6a2 2 0 0 1 2 2v12.586c0 .89-1.077 1.337-1.707.707L19 21h-8a2 2 0 0 1-2-2v-4H5l-2.293 2.293c-.63.63-1.707.184-1.707-.707V4a2 2 0 0 1 2-2zm2.5 10.125H12v1.25h4.37c-.031.73-.325 1.457-.871 2.151a4.4 4.4 0 0 1-.613-1.026h-1.33c.202.69.57 1.335 1.067 1.932-.524.448-1.162.873-1.912 1.263l.578 1.11a11.3 11.3 0 0 0 2.21-1.483c.633.553 1.382 1.05 2.212 1.483l.578-1.11c-.75-.39-1.388-.815-1.912-1.263.758-.912 1.213-1.939 1.245-3.057H20v-1.25h-3.25V10.25H15.5zM3 14.172l.586-.586A2 2 0 0 1 5 13h4v-2.47H6.96L6.563 12H5l2.031-7H8.97l.96 3.312A2 2 0 0 1 11 8h2V4H3zm4.306-4.927h1.386l-.67-2.481h-.047z",
+      clipRule: "evenodd"
+    })
+  });
+}
+;
+TranslateIcon.displayName = "TranslateIcon";
+export default forwardRef(TranslateIcon);

package/assets/web/icons/tree.cjs

@@ -0,0 +1,19 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function TreeIcon(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.01 5v1H11c.333 0 1 0 1.5.5S13 7.667 13 8v7.01c0 .54.45.99.99.99H15v-1a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-1h-1.01C12.34 18 11 16.66 11 15.01V9c0-1 0-1-1-1H9v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.01a2 2 0 0 1 2 2"
+    })
+  });
+}
+;
+TreeIcon.displayName = "TreeIcon";
+module.exports = React.forwardRef(TreeIcon);

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

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

package/assets/web/icons/tree.js

@@ -0,0 +1,19 @@
+import { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function TreeIcon(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.01 5v1H11c.333 0 1 0 1.5.5S13 7.667 13 8v7.01c0 .54.45.99.99.99H15v-1a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-1h-1.01C12.34 18 11 16.66 11 15.01V9c0-1 0-1-1-1H9v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.01a2 2 0 0 1 2 2"
+    })
+  });
+}
+;
+TreeIcon.displayName = "TreeIcon";
+export default forwardRef(TreeIcon);

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

@@ -0,0 +1,29 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function ZoomInIcon(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("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+        d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.78 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m0-7c-.28 0-.5.22-.5.5V9H7.5c-.28 0-.5.22-.5.5s.22.5.5.5H9v1.5c0 .28.22.5.5.5s.5-.22.5-.5V10h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H10V7.5c0-.28-.22-.5-.5-.5"
+      })
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
+      children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+ZoomInIcon.displayName = "ZoomInIcon";
+module.exports = React.forwardRef(ZoomInIcon);

package/assets/web/icons/zoom-in.d.ts

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

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

@@ -0,0 +1,29 @@
+import { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ZoomInIcon(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("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.78 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m0-7c-.28 0-.5.22-.5.5V9H7.5c-.28 0-.5.22-.5.5s.22.5.5.5H9v1.5c0 .28.22.5.5.5s.5-.22.5-.5V10h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H10V7.5c0-.28-.22-.5-.5-.5"
+      })
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+ZoomInIcon.displayName = "ZoomInIcon";
+export default forwardRef(ZoomInIcon);

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

@@ -0,0 +1,29 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+var React = require("react");
+function ZoomOutIcon(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("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+        d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m-2-5h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5"
+      })
+    }), /*#__PURE__*/_reactJsxRuntime.jsx("defs", {
+      children: /*#__PURE__*/_reactJsxRuntime.jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_reactJsxRuntime.jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+ZoomOutIcon.displayName = "ZoomOutIcon";
+module.exports = React.forwardRef(ZoomOutIcon);

package/assets/web/icons/zoom-out.d.ts

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

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

@@ -0,0 +1,29 @@
+import { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ZoomOutIcon(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("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m-2-5h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5"
+      })
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_jsx("path", {
+          d: "M0 0h24v24H0z"
+        })
+      })
+    })]
+  });
+}
+;
+ZoomOutIcon.displayName = "ZoomOutIcon";
+export default forwardRef(ZoomOutIcon);

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

@@ -284,6 +284,14 @@ export const cpdIconLeftPanelOpen: string;
 export const cpdIconBackspaceSolid: string;
 export const cpdIconBackspace: string;
 export const cpdIconSticker: string;
+export const cpdIconAdvancedSettings: string;
+export const cpdIconTree: string;
+export const cpdIconBug: string;
+export const cpdIconTranslate: string;
+export const cpdIconRotateLeft: string;
+export const cpdIconRotateRight: string;
+export const cpdIconZoomIn: string;
+export const cpdIconZoomOut: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDark.js

@@ -309,6 +309,14 @@ export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
 export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
 export const cpdIconBackspace = "icons/backspace.svg";
 export const cpdIconSticker = "icons/sticker.svg";
+export const cpdIconAdvancedSettings = "icons/advanced-settings.svg";
+export const cpdIconTree = "icons/tree.svg";
+export const cpdIconBug = "icons/bug.svg";
+export const cpdIconTranslate = "icons/translate.svg";
+export const cpdIconRotateLeft = "icons/rotate-left.svg";
+export const cpdIconRotateRight = "icons/rotate-right.svg";
+export const cpdIconZoomIn = "icons/zoom-in.svg";
+export const cpdIconZoomOut = "icons/zoom-out.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#14171b";
 export const cpdColorGray200 = "#181a1f";

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

@@ -284,6 +284,14 @@ export const cpdIconLeftPanelOpen: string;
 export const cpdIconBackspaceSolid: string;
 export const cpdIconBackspace: string;
 export const cpdIconSticker: string;
+export const cpdIconAdvancedSettings: string;
+export const cpdIconTree: string;
+export const cpdIconBug: string;
+export const cpdIconTranslate: string;
+export const cpdIconRotateLeft: string;
+export const cpdIconRotateRight: string;
+export const cpdIconZoomIn: string;
+export const cpdIconZoomOut: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdDarkHc.js

@@ -309,6 +309,14 @@ export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
 export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
 export const cpdIconBackspace = "icons/backspace.svg";
 export const cpdIconSticker = "icons/sticker.svg";
+export const cpdIconAdvancedSettings = "icons/advanced-settings.svg";
+export const cpdIconTree = "icons/tree.svg";
+export const cpdIconBug = "icons/bug.svg";
+export const cpdIconTranslate = "icons/translate.svg";
+export const cpdIconRotateLeft = "icons/rotate-left.svg";
+export const cpdIconRotateRight = "icons/rotate-right.svg";
+export const cpdIconZoomIn = "icons/zoom-in.svg";
+export const cpdIconZoomOut = "icons/zoom-out.svg";
 export const cpdColorThemeBg = "#101317";
 export const cpdColorGray100 = "#181a1f";
 export const cpdColorGray200 = "#1d1f24";

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

@@ -284,6 +284,14 @@ export const cpdIconLeftPanelOpen: string;
 export const cpdIconBackspaceSolid: string;
 export const cpdIconBackspace: string;
 export const cpdIconSticker: string;
+export const cpdIconAdvancedSettings: string;
+export const cpdIconTree: string;
+export const cpdIconBug: string;
+export const cpdIconTranslate: string;
+export const cpdIconRotateLeft: string;
+export const cpdIconRotateRight: string;
+export const cpdIconZoomIn: string;
+export const cpdIconZoomOut: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLight.js

@@ -309,6 +309,14 @@ export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
 export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
 export const cpdIconBackspace = "icons/backspace.svg";
 export const cpdIconSticker = "icons/sticker.svg";
+export const cpdIconAdvancedSettings = "icons/advanced-settings.svg";
+export const cpdIconTree = "icons/tree.svg";
+export const cpdIconBug = "icons/bug.svg";
+export const cpdIconTranslate = "icons/translate.svg";
+export const cpdIconRotateLeft = "icons/rotate-left.svg";
+export const cpdIconRotateRight = "icons/rotate-right.svg";
+export const cpdIconZoomIn = "icons/zoom-in.svg";
+export const cpdIconZoomOut = "icons/zoom-out.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#fbfcfd";
 export const cpdColorGray200 = "#f7f9fa";

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

@@ -284,6 +284,14 @@ export const cpdIconLeftPanelOpen: string;
 export const cpdIconBackspaceSolid: string;
 export const cpdIconBackspace: string;
 export const cpdIconSticker: string;
+export const cpdIconAdvancedSettings: string;
+export const cpdIconTree: string;
+export const cpdIconBug: string;
+export const cpdIconTranslate: string;
+export const cpdIconRotateLeft: string;
+export const cpdIconRotateRight: string;
+export const cpdIconZoomIn: string;
+export const cpdIconZoomOut: string;
 export const cpdColorThemeBg: string;
 export const cpdColorGray100: string;
 export const cpdColorGray200: string;

package/assets/web/js/cpdLightHc.js

@@ -309,6 +309,14 @@ export const cpdIconLeftPanelOpen = "icons/left-panel-open.svg";
 export const cpdIconBackspaceSolid = "icons/backspace-solid.svg";
 export const cpdIconBackspace = "icons/backspace.svg";
 export const cpdIconSticker = "icons/sticker.svg";
+export const cpdIconAdvancedSettings = "icons/advanced-settings.svg";
+export const cpdIconTree = "icons/tree.svg";
+export const cpdIconBug = "icons/bug.svg";
+export const cpdIconTranslate = "icons/translate.svg";
+export const cpdIconRotateLeft = "icons/rotate-left.svg";
+export const cpdIconRotateRight = "icons/rotate-right.svg";
+export const cpdIconZoomIn = "icons/zoom-in.svg";
+export const cpdIconZoomOut = "icons/zoom-out.svg";
 export const cpdColorThemeBg = "#ffffff";
 export const cpdColorGray100 = "#f7f9fa";
 export const cpdColorGray200 = "#f0f2f5";

package/icons/$icons.json

@@ -827,6 +827,38 @@
     "sticker": {
       "value": "icons/sticker.svg",
       "type": "icon"
+    },
+    "advanced-settings": {
+      "value": "icons/advanced-settings.svg",
+      "type": "icon"
+    },
+    "tree": {
+      "value": "icons/tree.svg",
+      "type": "icon"
+    },
+    "bug": {
+      "value": "icons/bug.svg",
+      "type": "icon"
+    },
+    "translate": {
+      "value": "icons/translate.svg",
+      "type": "icon"
+    },
+    "rotate-left": {
+      "value": "icons/rotate-left.svg",
+      "type": "icon"
+    },
+    "rotate-right": {
+      "value": "icons/rotate-right.svg",
+      "type": "icon"
+    },
+    "zoom-in": {
+      "value": "icons/zoom-in.svg",
+      "type": "icon"
+    },
+    "zoom-out": {
+      "value": "icons/zoom-out.svg",
+      "type": "icon"
     }
   }
 }

package/icons/advanced-settings.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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" clip-rule="evenodd"/><path fill-rule="evenodd" d="M13.49 11.38c.43-1.22.17-2.64-.81-3.62a3.47 3.47 0 0 0-4.1-.59l2.35 2.35-1.41 1.41-2.35-2.35c-.71 1.32-.52 2.99.59 4.1.98.98 2.4 1.24 3.62.81l3.41 3.41c.2.2.51.2.71 0l1.4-1.4c.2-.2.2-.51 0-.71z" clip-rule="evenodd"/></svg>

package/icons/backspace.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 d="M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"/></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 d="M21.167 3.75H7.417c-.633 0-1.128.32-1.458.807L1 12l4.96 7.434c.33.486.824.816 1.457.816h13.75A1.84 1.84 0 0 0 23 18.417V5.583a1.84 1.84 0 0 0-1.833-1.833m0 14.667H7.48L3.2 12l4.272-6.417h13.695zm-10.625-1.834 3.291-3.29 3.291 3.29 1.293-1.292L15.126 12l3.29-3.29-1.292-1.293-3.29 3.29-3.291-3.29L9.25 8.709 12.54 12l-3.29 3.29z"/></svg>

package/icons/bug.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="M19 8h-1.81a6 6 0 0 0-1.82-1.96l.93-.93a.996.996 0 1 0-1.41-1.41l-1.47 1.47C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L9.11 3.7A.996.996 0 1 0 7.7 5.11l.92.93C7.88 6.55 7.26 7.22 6.81 8H5c-.55 0-1 .45-1 1s.45 1 1 1h1.09c-.05.33-.09.66-.09 1v1H5c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .34.04.67.09 1H5c-.55 0-1 .45-1 1s.45 1 1 1h1.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H19c.55 0 1-.45 1-1s-.45-1-1-1h-1.09c.05-.33.09-.66.09-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1h-1v-1c0-.34-.04-.67-.09-1H19c.55 0 1-.45 1-1s-.45-1-1-1m-6 8h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1m0-4h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1"/></svg>

package/icons/rotate-left.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.56 7.98C6.1 7.52 5.31 7.6 5 8.17c-.28.51-.5 1.03-.67 1.58-.19.63.31 1.25.96 1.25h.01c.43 0 .82-.28.94-.7q.18-.6.48-1.17c.22-.37.15-.84-.16-1.15M5.31 13h-.02c-.65 0-1.15.62-.96 1.25.16.54.38 1.07.66 1.58.31.57 1.11.66 1.57.2.3-.31.38-.77.17-1.15-.2-.37-.36-.76-.48-1.16a.97.97 0 0 0-.94-.72m2.85 6.02q.765.42 1.59.66c.62.18 1.24-.32 1.24-.96v-.03c0-.43-.28-.82-.7-.94-.4-.12-.78-.28-1.15-.48a.97.97 0 0 0-1.16.17l-.03.03c-.45.45-.36 1.24.21 1.55M13 4.07v-.66c0-.89-1.08-1.34-1.71-.71L9.17 4.83c-.4.4-.4 1.04 0 1.43l2.13 2.08c.63.62 1.7.17 1.7-.72V6.09c2.84.48 5 2.94 5 5.91 0 2.73-1.82 5.02-4.32 5.75a.97.97 0 0 0-.68.94v.02c0 .65.61 1.14 1.23.96A7.976 7.976 0 0 0 20 12c0-4.08-3.05-7.44-7-7.93"/></svg>

package/icons/rotate-right.svg

@@ -0,0 +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 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"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/icons/translate.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="M13 2a2 2 0 0 1 2 2v4h6a2 2 0 0 1 2 2v12.586c0 .89-1.077 1.337-1.707.707L19 21h-8a2 2 0 0 1-2-2v-4H5l-2.293 2.293c-.63.63-1.707.184-1.707-.707V4a2 2 0 0 1 2-2zm2.5 10.125H12v1.25h4.37c-.031.73-.325 1.457-.871 2.151a4.4 4.4 0 0 1-.613-1.026h-1.33c.202.69.57 1.335 1.067 1.932-.524.448-1.162.873-1.912 1.263l.578 1.11a11.3 11.3 0 0 0 2.21-1.483c.633.553 1.382 1.05 2.212 1.483l.578-1.11c-.75-.39-1.388-.815-1.912-1.263.758-.912 1.213-1.939 1.245-3.057H20v-1.25h-3.25V10.25H15.5zM3 14.172l.586-.586A2 2 0 0 1 5 13h4v-2.47H6.96L6.563 12H5l2.031-7H8.97l.96 3.312A2 2 0 0 1 11 8h2V4H3zm4.306-4.927h1.386l-.67-2.481h-.047z" clip-rule="evenodd"/></svg>

package/icons/tree.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.01 5v1H11c.333 0 1 0 1.5.5S13 7.667 13 8v7.01c0 .54.45.99.99.99H15v-1a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-1h-1.01C12.34 18 11 16.66 11 15.01V9c0-1 0-1-1-1H9v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.01a2 2 0 0 1 2 2"/></svg>

package/icons/zoom-in.svg

@@ -0,0 +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 d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.78 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m0-7c-.28 0-.5.22-.5.5V9H7.5c-.28 0-.5.22-.5.5s.22.5.5.5H9v1.5c0 .28.22.5.5.5s.5-.22.5-.5V10h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H10V7.5c0-.28-.22-.5-.5-.5"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/icons/zoom-out.svg

@@ -0,0 +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 d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m-2-5h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/package.json

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