@webstudio-is/icons 0.145.0 → 0.151.0

package/lib/types/src/__generated__/ellipses.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "../types";
+export declare const EllipsesIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/lib/types/src/__generated__/eyedropper.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "../types";
+export declare const EyedropperIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/lib/types/src/__generated__/index.d.ts

@@ -85,12 +85,14 @@ export * from "./dot";
 export * from "./dotted-border";
 export * from "./drag-handle";
 export * from "./dynamic-page";
+export * from "./ellipses";
 export * from "./email";
 export * from "./embed";
 export * from "./extension";
 export * from "./external-link";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
+export * from "./eyedropper";
 export * from "./folder";
 export * from "./footer";
 export * from "./form-text-area";
@@ -125,7 +127,6 @@ export * from "./list";
 export * from "./loading-dots";
 export * from "./local-style";
 export * from "./maximize";
-export * from "./menu-ellipses";
 export * from "./mic-off";
 export * from "./mic";
 export * from "./minimize";
@@ -177,8 +178,10 @@ export * from "./upload";
 export * from "./video";
 export * from "./viewport";
 export * from "./vimeo";
+export * from "./webhook-form";
 export * from "./webstudio-1c";
 export * from "./webstudio";
 export * from "./wrap";
 export * from "./x";
+export * from "./xml";
 export * from "./youtube-1c";

package/lib/types/src/__generated__/svg/ellipses.d.ts

@@ -0,0 +1 @@
+export declare const EllipsesIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path d=\"M4 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\"/></svg>";

package/lib/types/src/__generated__/svg/eyedropper.d.ts

@@ -0,0 +1 @@
+export declare const EyedropperIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path d=\"M10.724 2.002a2.315 2.315 0 0 1 3.274 3.274L11.393 7.88l.485.484a.65.65 0 0 1-.92.92l-.724-.725-5.436 5.436A1.978 1.978 0 0 1 2 11.2l5.437-5.436-.721-.721a.65.65 0 0 1 .92-.92l.483.485 2.605-2.605Zm-2.368 4.68L2.92 12.118a.678.678 0 0 0 .958.96L9.315 7.64l-.959-.959Z\" clip-rule=\"evenodd\"/></svg>";

package/lib/types/src/__generated__/svg/index.d.ts

@@ -85,12 +85,14 @@ export { DotIcon } from "./dot";
 export { DottedBorderIcon } from "./dotted-border";
 export { DragHandleIcon } from "./drag-handle";
 export { DynamicPageIcon } from "./dynamic-page";
+export { EllipsesIcon } from "./ellipses";
 export { EmailIcon } from "./email";
 export { EmbedIcon } from "./embed";
 export { ExtensionIcon } from "./extension";
 export { ExternalLinkIcon } from "./external-link";
 export { EyeconClosedIcon } from "./eyecon-closed";
 export { EyeconOpenIcon } from "./eyecon-open";
+export { EyedropperIcon } from "./eyedropper";
 export { FolderIcon } from "./folder";
 export { FooterIcon } from "./footer";
 export { FormTextAreaIcon } from "./form-text-area";
@@ -125,7 +127,6 @@ export { ListIcon } from "./list";
 export { LoadingDotsIcon } from "./loading-dots";
 export { LocalStyleIcon } from "./local-style";
 export { MaximizeIcon } from "./maximize";
-export { MenuEllipsesIcon } from "./menu-ellipses";
 export { MicOffIcon } from "./mic-off";
 export { MicIcon } from "./mic";
 export { MinimizeIcon } from "./minimize";
@@ -177,8 +178,10 @@ export { UploadIcon } from "./upload";
 export { VideoIcon } from "./video";
 export { ViewportIcon } from "./viewport";
 export { VimeoIcon } from "./vimeo";
+export { WebhookFormIcon } from "./webhook-form";
 export { Webstudio1cIcon } from "./webstudio-1c";
 export { WebstudioIcon } from "./webstudio";
 export { WrapIcon } from "./wrap";
 export { XIcon } from "./x";
+export { XmlIcon } from "./xml";
 export { Youtube1cIcon } from "./youtube-1c";

package/lib/types/src/__generated__/svg/webhook-form.d.ts

@@ -0,0 +1 @@
+export declare const WebhookFormIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path fill=\"currentColor\" d=\"M11.25 14.175c.9 0 1.666-.317 2.3-.95.634-.635.95-1.401.95-2.3 0-.79-.246-1.482-.74-2.072A3.18 3.18 0 0 0 11.9 7.74v1.349c.38.13.69.363.935.699.244.335.365.714.365 1.137a1.88 1.88 0 0 1-.569 1.381c-.379.38-.84.569-1.381.569a1.88 1.88 0 0 1-1.381-.569 1.88 1.88 0 0 1-.569-1.381v-.65H5.481a.992.992 0 0 0-.317-.236.939.939 0 0 0-.414-.089.94.94 0 0 0-.691.285.938.938 0 0 0-.284.69c0 .27.095.501.285.691.19.19.42.284.69.284.152 0 .29-.03.415-.09a.982.982 0 0 0 .316-.235h2.584a3.186 3.186 0 0 0 1.113 1.861 3.13 3.13 0 0 0 2.072.739Zm-6.5 0c.607 0 1.157-.15 1.65-.447A3.27 3.27 0 0 0 7.56 12.55H5.822c-.151.108-.32.19-.503.244a2.008 2.008 0 0 1-.569.081 1.88 1.88 0 0 1-1.381-.569 1.88 1.88 0 0 1-.569-1.381c0-.542.19-1.002.569-1.381.379-.38.84-.569 1.381-.569a1.842 1.842 0 0 1 1.121.357l1.983-3.298a.979.979 0 0 0 .568-.325.929.929 0 0 0 .228-.634.94.94 0 0 0-.285-.69.938.938 0 0 0-.69-.285.94.94 0 0 0-.691.285.938.938 0 0 0-.284.69v.138c0 .038.01.084.032.138L5.32 7.724a1.458 1.458 0 0 0-.276-.04 6 6 0 0 0-.293-.009c-.9 0-1.666.317-2.3.951a3.13 3.13 0 0 0-.95 2.299c0 .9.317 1.666.951 2.3.634.634 1.4.95 2.299.95Zm6.5-2.275a.94.94 0 0 0 .69-.285c.19-.19.285-.42.285-.69a.907.907 0 0 0-.227-.618 1.062 1.062 0 0 0-.553-.34L9.918 7.43a3.202 3.202 0 0 0 1.008-2.356c-.001-.9-.318-1.666-.952-2.3a3.13 3.13 0 0 0-2.299-.95c-.9 0-1.666.317-2.3.951a3.13 3.13 0 0 0-.95 2.299h1.3c0-.542.19-1.002.569-1.381.379-.38.84-.569 1.381-.569.542 0 1.002.19 1.381.569.38.379.569.84.569 1.381 0 .466-.14.875-.422 1.227-.282.353-.64.577-1.073.674l2.194 3.657a.61.61 0 0 0-.041.146 1.085 1.085 0 0 0-.008.146c0 .27.095.501.285.691.19.19.42.284.69.284Z\"/></svg>";

package/lib/types/src/__generated__/svg/xml.d.ts

@@ -0,0 +1 @@
+export declare const XmlIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.3\" d=\"M2.667 8V3.333A1.333 1.333 0 0 1 4 2h4.667m0 0L12 5.333M8.667 2v2.667a.667.667 0 0 0 .666.666H12m0 0V8M2 10l2.667 4M2 14l2.667-4M12 10v4h2m-7.333 0v-4l1.666 2L10 10v4\"/></svg>";

package/lib/types/src/__generated__/webhook-form.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "../types";
+export declare const WebhookFormIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/lib/types/src/__generated__/xml.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "../types";
+export declare const XmlIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/lib/types/src/index.d.ts

@@ -22,7 +22,6 @@ export * from "./cross";
 export * from "./magnifying-glass";
 export * from "./cross-small";
 export * from "./cross-large";
-export * from "./ellipses";
 export * from "./text-align-center";
 export * from "./text-align-justify";
 export * from "./text-align-right";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.145.0",
+  "version": "0.151.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -10,7 +10,7 @@
     "@storybook/addon-links": "^7.4.0",
     "@storybook/react": "^7.4.0",
     "@svgo/jsx": "^0.4.2",
-    "@types/node": "^18.17.1",
+    "@types/node": "^20.12.7",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
@@ -50,7 +50,7 @@
     "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
     "build": "rm -rf lib && esbuild src/index.ts src/__generated__/svg/index.ts --outdir=lib --bundle --format=esm --packages=external",
     "dts": "tsc --declarationDir lib/types",
-    "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--loader=tsx' svgo-jsx svgo-jsx.config.ts && tsx svg-string.ts && prettier --write src/__generated__",
+    "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--import=tsx' svgo-jsx svgo-jsx.config.ts && tsx svg-string.ts && prettier --write src/__generated__",
     "typecheck": "tsc",
     "checks": "pnpm typecheck",
     "storybook:dev": "storybook dev -p 6006",

package/lib/types/src/__generated__/menu-ellipses.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../types";
-export declare const MenuEllipsesIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/lib/types/src/__generated__/svg/menu-ellipses.d.ts

@@ -1 +0,0 @@
-export declare const MenuEllipsesIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path d=\"M4 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\"/></svg>";

package/lib/types/src/ellipses.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-export declare const EllipsesIcon: React.ForwardRefExoticComponent<IconProps & {
-    colors?: string[] | undefined;
-} & React.RefAttributes<SVGSVGElement>>;