@webstudio-is/icons 0.23.0 → 0.25.0

package/lib/cjs/{tablet.cjs → __generated__/hamburger-menu.cjs}

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,33 +15,30 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var tablet_exports = {};
-__export(tablet_exports, {
-  TabletIcon: () => TabletIcon
+var hamburger_menu_exports = {};
+__export(hamburger_menu_exports, {
+  HamburgerMenuIcon: () => HamburgerMenuIcon
 });
-module.exports = __toCommonJS(tablet_exports);
+module.exports = __toCommonJS(hamburger_menu_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const TabletIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+var import_react = require("react");
+const HamburgerMenuIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
-      width: "15",
-      height: "15",
-      viewBox: "0 0 24 24",
-      fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
       ...props,
       ref: forwardedRef,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-        fill: color,
-        d: "M20 0H6C4.34 0 4 0.84 4 2.5V20.5C4 22.16 5.34 23.5 7 23.5H19C20.66 23.5 22 22.16 22 20.5V2.5C22 0.84 21.66 0 20 0ZM15 22.5H13H11V22H13H15V22.5ZM21 21H13H5V10.5V1H13H21V21Z"
+        fillRule: "evenodd",
+        d: "M2 5.998a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm0 5.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm0 5.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z",
+        clipRule: "evenodd"
       })
     });
   }
 );
-TabletIcon.displayName = "TabletIcon";
+HamburgerMenuIcon.displayName = "HamburgerMenuIcon";

package/lib/cjs/__generated__/index.cjs

@@ -27,8 +27,11 @@ __reExport(generated_exports, require("./chevron-filled-up"), module.exports);
 __reExport(generated_exports, require("./dot"), module.exports);
 __reExport(generated_exports, require("./eyecon-closed"), module.exports);
 __reExport(generated_exports, require("./eyecon-open"), module.exports);
+__reExport(generated_exports, require("./hamburger-menu"), module.exports);
 __reExport(generated_exports, require("./info"), module.exports);
 __reExport(generated_exports, require("./linked"), module.exports);
+__reExport(generated_exports, require("./offline"), module.exports);
+__reExport(generated_exports, require("./play"), module.exports);
 __reExport(generated_exports, require("./scroll"), module.exports);
 __reExport(generated_exports, require("./subscript"), module.exports);
 __reExport(generated_exports, require("./superscript"), module.exports);

package/lib/cjs/__generated__/info.cjs

@@ -24,12 +24,12 @@ module.exports = __toCommonJS(info_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const InfoIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
+      width: size,
+      height: size,
       fill: color,
       ...props,
       ref: forwardedRef,

package/lib/cjs/__generated__/linked.cjs

@@ -24,12 +24,12 @@ module.exports = __toCommonJS(linked_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const LinkedIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
+      width: size,
+      height: size,
       fill: color,
       ...props,
       ref: forwardedRef,

package/lib/cjs/__generated__/offline.cjs

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var offline_exports = {};
+__export(offline_exports, {
+  OfflineIcon: () => OfflineIcon
+});
+module.exports = __toCommonJS(offline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const OfflineIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+        d: "M3.301 3.14a.75.75 0 0 1 1.061 0l14.67 14.67a.75.75 0 1 1-1.061 1.06l-1.53-1.53a4.521 4.521 0 0 1-.857.082H6.416a4.5 4.5 0 0 1-.975-8.895 5.723 5.723 0 0 1 .656-1.53L3.301 4.2a.75.75 0 0 1 0-1.06ZM7.2 8.098a4.216 4.216 0 0 0-.394 1.21.75.75 0 0 1-.67.626 3.001 3.001 0 0 0 .28 5.988h8.609L7.199 8.098Zm2.555-3.71a5.753 5.753 0 0 1 6.805 4.138 4.502 4.502 0 0 1 3.226 6.014.75.75 0 1 1-1.4-.54 3.001 3.001 0 0 0-2.52-4.067.75.75 0 0 1-.67-.624 4.252 4.252 0 0 0-5.117-3.455.75.75 0 0 1-.324-1.465Z",
+        clipRule: "evenodd"
+      })
+    });
+  }
+);
+OfflineIcon.displayName = "OfflineIcon";

package/lib/cjs/__generated__/play.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var play_exports = {};
+__export(play_exports, {
+  PlayIcon: () => PlayIcon
+});
+module.exports = __toCommonJS(play_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const PlayIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+        d: "M4.766 5.765c0-.725 0-1.088.178-1.288a.93.93 0 0 1 .648-.294c.294-.015.65.186 1.359.588l9.234 5.235c.586.332.88.498.982.708.09.183.09.389 0 .572-.102.21-.396.376-.982.708l-9.234 5.235c-.71.402-1.065.603-1.359.588a.93.93 0 0 1-.648-.294c-.178-.2-.178-.563-.178-1.288V5.765Z"
+      })
+    });
+  }
+);
+PlayIcon.displayName = "PlayIcon";

package/lib/cjs/__generated__/scroll.cjs

@@ -24,12 +24,12 @@ module.exports = __toCommonJS(scroll_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const ScrollIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
+      width: size,
+      height: size,
       fill: color,
       ...props,
       ref: forwardedRef,

package/lib/cjs/__generated__/subscript.cjs

@@ -24,12 +24,12 @@ module.exports = __toCommonJS(subscript_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const SubscriptIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 48 48",
-      width: "16",
-      height: "16",
+      width: size,
+      height: size,
       fill: color,
       ...props,
       ref: forwardedRef,

package/lib/cjs/__generated__/superscript.cjs

@@ -24,12 +24,12 @@ module.exports = __toCommonJS(superscript_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const SuperscriptIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 48 48",
-      width: "16",
-      height: "16",
+      width: size,
+      height: size,
       fill: color,
       ...props,
       ref: forwardedRef,

package/lib/cjs/__generated__/unlinked.cjs

@@ -24,12 +24,12 @@ module.exports = __toCommonJS(unlinked_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const UnlinkedIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
+      width: size,
+      height: size,
       fill: color,
       ...props,
       ref: forwardedRef,

package/lib/cjs/__generated__/webstudio.cjs

@@ -24,12 +24,12 @@ module.exports = __toCommonJS(webstudio_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 const WebstudioIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 280 210",
-      width: "16",
-      height: "16",
+      width: size,
+      height: size,
       fill: color,
       ...props,
       ref: forwardedRef,

package/lib/cjs/index.cjs

@@ -25,7 +25,6 @@ __reExport(src_exports, require("./redo"), module.exports);
 __reExport(src_exports, require("./google"), module.exports);
 __reExport(src_exports, require("./github"), module.exports);
 __reExport(src_exports, require("./devices"), module.exports);
-__reExport(src_exports, require("./tablet"), module.exports);
 __reExport(src_exports, require("./body"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);
 __reExport(src_exports, require("./align-content-center"), module.exports);

package/lib/cjs/legacy.cjs

@@ -23,21 +23,16 @@ __export(legacy_exports, {
   CheckIcon: () => import_react_icons.CheckIcon,
   CommitIcon: () => import_react_icons.CommitIcon,
   CrossCircledIcon: () => import_react_icons.CrossCircledIcon,
-  DesktopIcon: () => import_react_icons.DesktopIcon,
   DotFilledIcon: () => import_react_icons.DotFilledIcon,
   DotsHorizontalIcon: () => import_react_icons.DotsHorizontalIcon,
   ExclamationTriangleIcon: () => import_react_icons.ExclamationTriangleIcon,
   ExternalLinkIcon: () => import_react_icons.ExternalLinkIcon,
-  EyeOpenIcon: () => import_react_icons.EyeOpenIcon,
   FontBoldIcon: () => import_react_icons.FontBoldIcon,
   FontItalicIcon: () => import_react_icons.FontItalicIcon,
-  HamburgerMenuIcon: () => import_react_icons.HamburgerMenuIcon,
   HeadingIcon: () => import_react_icons.HeadingIcon,
   ImageIcon: () => import_react_icons.ImageIcon,
   InputIcon: () => import_react_icons.InputIcon,
-  LaptopIcon: () => import_react_icons.LaptopIcon,
   Link2Icon: () => import_react_icons.Link2Icon,
-  MobileIcon: () => import_react_icons.MobileIcon,
   PlusIcon: () => import_react_icons.PlusIcon,
   RocketIcon: () => import_react_icons.RocketIcon,
   Share1Icon: () => import_react_icons.Share1Icon,

package/lib/index.js

@@ -8,7 +8,6 @@ export * from "./redo";
 export * from "./google";
 export * from "./github";
 export * from "./devices";
-export * from "./tablet";
 export * from "./body";
 export * from "./types";
 export * from "./align-content-center";

package/lib/legacy.js

@@ -3,17 +3,12 @@ import {
   FontBoldIcon,
   FontItalicIcon,
   Link2Icon,
-  MobileIcon,
-  LaptopIcon,
-  DesktopIcon,
   PlusIcon,
-  HamburgerMenuIcon,
   DotsHorizontalIcon,
   CheckIcon,
   RocketIcon,
   ExternalLinkIcon,
   Share1Icon,
-  EyeOpenIcon,
   ExclamationTriangleIcon,
   DotFilledIcon,
   TriangleRightIcon,
@@ -33,21 +28,16 @@ export {
   CheckIcon,
   CommitIcon,
   CrossCircledIcon,
-  DesktopIcon,
   DotFilledIcon,
   DotsHorizontalIcon,
   ExclamationTriangleIcon,
   ExternalLinkIcon,
-  EyeOpenIcon,
   FontBoldIcon,
   FontItalicIcon,
-  HamburgerMenuIcon,
   HeadingIcon,
   ImageIcon,
   InputIcon,
-  LaptopIcon,
   Link2Icon,
-  MobileIcon,
   PlusIcon,
   RocketIcon,
   Share1Icon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -24,7 +24,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.1.0",
     "react": "^17.0.2",
-    "@webstudio-is/css-vars": "^0.23.0"
+    "@webstudio-is/css-vars": "^0.25.0"
   },
   "module": "./lib/index.js",
   "exports": {

package/src/__generated__/auto-scroll.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/auto-scroll.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const AutoScrollIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path d="M2.375 3.302c0-.305.28-.552.625-.552h10c.345 0 .625.247.625.552 0 .305-.28.552-.625.552H3c-.345 0-.625-.247-.625-.552ZM2.375 12.698c0-.305.28-.552.625-.552h10c.345 0 .625.247.625.552 0 .305-.28.552-.625.552H3c-.345 0-.625-.247-.625-.552ZM11.23 5.429c0-.26-.211-.47-.473-.47a.472.472 0 0 0-.474.47v3.946l-1.238-1.23a.476.476 0 0 0-.67 0 .468.468 0 0 0 0 .666l2.047 2.033a.476.476 0 0 0 .67 0L13.14 8.81a.468.468 0 0 0 0-.666.476.476 0 0 0-.67 0l-1.238 1.23V5.429Z" /><path fillRule="evenodd" d="M5.487 4.965a.749.749 0 0 1 .262.345c.037.087.075.2.115.317l1.629 4.825a.482.482 0 0 1-.913.304l-.581-1.722H4.272l-.58 1.722a.482.482 0 0 1-.913-.304l1.623-4.81.005-.015c.04-.117.078-.23.114-.316l.001-.001c.028-.067.1-.237.262-.345a.631.631 0 0 1 .703 0Zm-.892 3.113h1.081l-.54-1.6-.54 1.6Z" clipRule="evenodd" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M2.375 3.302c0-.305.28-.552.625-.552h10c.345 0 .625.247.625.552 0 .305-.28.552-.625.552H3c-.345 0-.625-.247-.625-.552ZM2.375 12.698c0-.305.28-.552.625-.552h10c.345 0 .625.247.625.552 0 .305-.28.552-.625.552H3c-.345 0-.625-.247-.625-.552ZM11.23 5.429c0-.26-.211-.47-.473-.47a.472.472 0 0 0-.474.47v3.946l-1.238-1.23a.476.476 0 0 0-.67 0 .468.468 0 0 0 0 .666l2.047 2.033a.476.476 0 0 0 .67 0L13.14 8.81a.468.468 0 0 0 0-.666.476.476 0 0 0-.67 0l-1.238 1.23V5.429Z" /><path fillRule="evenodd" d="M5.487 4.965a.749.749 0 0 1 .262.345c.037.087.075.2.115.317l1.629 4.825a.482.482 0 0 1-.913.304l-.581-1.722H4.272l-.58 1.722a.482.482 0 0 1-.913-.304l1.623-4.81.005-.015c.04-.117.078-.23.114-.316l.001-.001c.028-.067.1-.237.262-.345a.631.631 0 0 1 .703 0Zm-.892 3.113h1.081l-.54-1.6-.54 1.6Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/chevron-big-down.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-big-down.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronBigDownIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m8.46 10.947 4.553-5.463a.6.6 0 0 0-.46-.984H3.447a.6.6 0 0 0-.461.984l4.552 5.463a.6.6 0 0 0 .922 0Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m8.46 10.947 4.553-5.463a.6.6 0 0 0-.46-.984H3.447a.6.6 0 0 0-.461.984l4.552 5.463a.6.6 0 0 0 .922 0Z" /></svg>
     );
   }
 );

package/src/__generated__/chevron-big-left.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-big-left.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronBigLeftIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m5.053 8.46 5.463 4.553a.6.6 0 0 0 .984-.46V3.447a.6.6 0 0 0-.984-.461L5.053 7.539a.6.6 0 0 0 0 .922Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m5.053 8.46 5.463 4.553a.6.6 0 0 0 .984-.46V3.447a.6.6 0 0 0-.984-.461L5.053 7.539a.6.6 0 0 0 0 .922Z" /></svg>
     );
   }
 );

package/src/__generated__/chevron-big-right.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-big-right.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronBigRightIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10.947 7.54 5.484 2.986a.6.6 0 0 0-.984.46v9.105a.6.6 0 0 0 .984.461l5.463-4.552a.6.6 0 0 0 0-.922Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10.947 7.54 5.484 2.986a.6.6 0 0 0-.984.46v9.105a.6.6 0 0 0 .984.461l5.463-4.552a.6.6 0 0 0 0-.922Z" /></svg>
     );
   }
 );

package/src/__generated__/chevron-big-up.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-big-up.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronBigUpIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m7.54 5.053-4.553 5.463a.6.6 0 0 0 .46.984h9.105a.6.6 0 0 0 .461-.984L8.461 5.053a.6.6 0 0 0-.922 0Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m7.54 5.053-4.553 5.463a.6.6 0 0 0 .46.984h9.105a.6.6 0 0 0 .461-.984L8.461 5.053a.6.6 0 0 0-.922 0Z" /></svg>
     );
   }
 );

package/src/__generated__/chevron-filled-down.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-filled-down.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronFilledDownIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m8.5 10.251 2.878-4.318a.6.6 0 0 0-.5-.933H5.122a.6.6 0 0 0-.5.933l2.88 4.318a.6.6 0 0 0 .998 0Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m8.5 10.251 2.878-4.318a.6.6 0 0 0-.5-.933H5.122a.6.6 0 0 0-.5.933l2.88 4.318a.6.6 0 0 0 .998 0Z" /></svg>
     );
   }
 );

package/src/__generated__/chevron-filled-left.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-filled-left.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronFilledLeftIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m5.749 8.5 4.318 2.878a.6.6 0 0 0 .933-.5V5.122a.6.6 0 0 0-.933-.5L5.75 7.502a.6.6 0 0 0 0 .998Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m5.749 8.5 4.318 2.878a.6.6 0 0 0 .933-.5V5.122a.6.6 0 0 0-.933-.5L5.75 7.502a.6.6 0 0 0 0 .998Z" /></svg>
     );
   }
 );

package/src/__generated__/chevron-filled-right.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-filled-right.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronFilledRightIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10.251 7.5 5.933 4.623a.6.6 0 0 0-.933.5v5.757a.6.6 0 0 0 .933.5l4.318-2.88a.6.6 0 0 0 0-.998Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10.251 7.5 5.933 4.623a.6.6 0 0 0-.933.5v5.757a.6.6 0 0 0 .933.5l4.318-2.88a.6.6 0 0 0 0-.998Z" /></svg>
     );
   }
 );

package/src/__generated__/chevron-filled-up.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/chevron-filled-up.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const ChevronFilledUpIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M7.5 5.508 4.623 9.826a.6.6 0 0 0 .5.933h5.757a.6.6 0 0 0 .5-.933l-2.88-4.318a.6.6 0 0 0-.998 0Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M7.5 5.508 4.623 9.826a.6.6 0 0 0 .5.933h5.757a.6.6 0 0 0 .5-.933l-2.88-4.318a.6.6 0 0 0-.998 0Z" /></svg>
     );
   }
 );

package/src/__generated__/dot.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/dot.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const DotIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" /></svg>
     );
   }
 );

package/src/__generated__/eyecon-closed.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/eyecon-closed.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const EyeconClosedIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path d="M2.209 7.594a.55.55 0 0 1 .757.175 6.463 6.463 0 0 0 1.36 1.562A5.708 5.708 0 0 0 8 10.653c2.146 0 3.944-1.14 5.034-2.884a.55.55 0 0 1 .933.583c-.323.516-.702.99-1.13 1.41l.832.831a.55.55 0 1 1-.778.778l-.899-.898a6.815 6.815 0 0 1-1.889.954l.314 1.172a.55.55 0 0 1-1.062.284l-.323-1.206a6.992 6.992 0 0 1-2.063 0l-.323 1.206a.55.55 0 1 1-1.062-.284l.314-1.171a6.812 6.812 0 0 1-1.89-.955l-.897.898a.55.55 0 0 1-.778-.777l.83-.831a7.665 7.665 0 0 1-1.13-1.411.55.55 0 0 1 .176-.758Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M2.209 7.594a.55.55 0 0 1 .757.175 6.463 6.463 0 0 0 1.36 1.562A5.708 5.708 0 0 0 8 10.653c2.146 0 3.944-1.14 5.034-2.884a.55.55 0 0 1 .933.583c-.323.516-.702.99-1.13 1.41l.832.831a.55.55 0 1 1-.778.778l-.899-.898a6.815 6.815 0 0 1-1.889.954l.314 1.172a.55.55 0 0 1-1.062.284l-.323-1.206a6.992 6.992 0 0 1-2.063 0l-.323 1.206a.55.55 0 1 1-1.062-.284l.314-1.171a6.812 6.812 0 0 1-1.89-.955l-.897.898a.55.55 0 0 1-.778-.777l.83-.831a7.665 7.665 0 0 1-1.13-1.411.55.55 0 0 1 .176-.758Z" /></svg>
     );
   }
 );

package/src/__generated__/eyecon-open.tsx

@@ -1,13 +1,13 @@
 // Generated from icons/eyecon-open.svg
 
 import { forwardRef } from "react";
-import { IconProps } from "../types";
+import type { IconProps } from "../types";
 
 // prettier-ignore
 export const EyeconOpenIcon = forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path d="M8 9.849A1.849 1.849 0 1 0 8 6.15 1.849 1.849 0 0 0 8 9.85Z" /><path fillRule="evenodd" d="M2.132 8.458a.857.857 0 0 1 0-.915A6.927 6.927 0 0 1 8 4.303a6.927 6.927 0 0 1 5.868 3.24.857.857 0 0 1 0 .915A6.927 6.927 0 0 1 8 11.698a6.927 6.927 0 0 1-5.868-3.24ZM8 10.698A5.926 5.926 0 0 1 3.027 8 5.926 5.926 0 0 1 8 5.303 5.926 5.926 0 0 1 12.973 8 5.926 5.926 0 0 1 8 10.697Z" clipRule="evenodd" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M8 9.849A1.849 1.849 0 1 0 8 6.15 1.849 1.849 0 0 0 8 9.85Z" /><path fillRule="evenodd" d="M2.132 8.458a.857.857 0 0 1 0-.915A6.927 6.927 0 0 1 8 4.303a6.927 6.927 0 0 1 5.868 3.24.857.857 0 0 1 0 .915A6.927 6.927 0 0 1 8 11.698a6.927 6.927 0 0 1-5.868-3.24ZM8 10.698A5.926 5.926 0 0 1 3.027 8 5.926 5.926 0 0 1 8 5.303 5.926 5.926 0 0 1 12.973 8 5.926 5.926 0 0 1 8 10.697Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/hamburger-menu.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/hamburger-menu.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const HamburgerMenuIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M2 5.998a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm0 5.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm0 5.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+HamburgerMenuIcon.displayName = "HamburgerMenuIcon";