@webstudio-is/icons 0.145.0 → 0.163.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const CalendarIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import type { IconProps } from "../types";
3
- export declare const MenuEllipsesIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
3
+ export declare const ContentEmbedIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const EllipsesIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const EyedropperIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -47,6 +47,7 @@ export * from "./bp-star-off";
47
47
  export * from "./bp-star-on";
48
48
  export * from "./bug";
49
49
  export * from "./button-element";
50
+ export * from "./calendar";
50
51
  export * from "./check-circle";
51
52
  export * from "./check-mark";
52
53
  export * from "./checkbox-checked-filled";
@@ -69,6 +70,7 @@ export * from "./cloud";
69
70
  export * from "./code-text";
70
71
  export * from "./collapsible";
71
72
  export * from "./commit";
73
+ export * from "./content-embed";
72
74
  export * from "./content";
73
75
  export * from "./copy";
74
76
  export * from "./custom-code";
@@ -85,12 +87,14 @@ export * from "./dot";
85
87
  export * from "./dotted-border";
86
88
  export * from "./drag-handle";
87
89
  export * from "./dynamic-page";
90
+ export * from "./ellipses";
88
91
  export * from "./email";
89
92
  export * from "./embed";
90
93
  export * from "./extension";
91
94
  export * from "./external-link";
92
95
  export * from "./eyecon-closed";
93
96
  export * from "./eyecon-open";
97
+ export * from "./eyedropper";
94
98
  export * from "./folder";
95
99
  export * from "./footer";
96
100
  export * from "./form-text-area";
@@ -125,7 +129,6 @@ export * from "./list";
125
129
  export * from "./loading-dots";
126
130
  export * from "./local-style";
127
131
  export * from "./maximize";
128
- export * from "./menu-ellipses";
129
132
  export * from "./mic-off";
130
133
  export * from "./mic";
131
134
  export * from "./minimize";
@@ -177,8 +180,10 @@ export * from "./upload";
177
180
  export * from "./video";
178
181
  export * from "./viewport";
179
182
  export * from "./vimeo";
183
+ export * from "./webhook-form";
180
184
  export * from "./webstudio-1c";
181
185
  export * from "./webstudio";
182
186
  export * from "./wrap";
183
187
  export * from "./x";
188
+ export * from "./xml";
184
189
  export * from "./youtube-1c";
@@ -0,0 +1 @@
1
+ export declare const CalendarIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 14 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.203.702a.713.713 0 0 0-.366.213c-.124.148-.137.208-.15.672l-.012.431-.443.015c-.481.017-.686.041-.991.117-.651.161-1.273.668-1.586 1.29a2.834 2.834 0 0 0-.252.839c-.038.241-.041.553-.041 4.366 0 4.4-.002 4.323.117 4.784.107.412.325.79.639 1.106.422.426.865.64 1.536.742.255.038.554.041 4.346.041s4.091-.003 4.346-.041c.671-.102 1.114-.316 1.536-.742.314-.316.532-.694.639-1.106.119-.461.117-.384.117-4.784 0-3.813-.003-4.125-.041-4.366a2.834 2.834 0 0 0-.252-.839c-.313-.622-.935-1.129-1.586-1.29-.305-.076-.51-.1-.991-.117l-.443-.015-.012-.431c-.013-.488-.039-.581-.204-.726C9.91.687 9.61.64 9.39.75c-.132.066-.302.249-.339.366a3.432 3.432 0 0 0-.038.5l-.011.414H4.998l-.011-.414a3.432 3.432 0 0 0-.038-.5c-.036-.115-.207-.3-.332-.361a.689.689 0 0 0-.414-.053m-.516 3.026c0 .386.004.422.055.532a.734.734 0 0 0 .314.328.777.777 0 0 0 .523.014.699.699 0 0 0 .346-.338c.048-.109.055-.167.064-.536l.01-.415h4.002l.01.415c.009.369.016.427.064.536a.699.699 0 0 0 .346.338c.129.057.391.05.523-.014a.734.734 0 0 0 .314-.328c.051-.11.055-.146.055-.53v-.412l.333.01c.407.013.692.045.846.095.333.107.672.458.765.792.059.212.086.598.086 1.227v.578H1.657v-.578c0-.629.027-1.015.086-1.227.093-.335.434-.688.765-.791.182-.057.277-.07.665-.087l.438-.02.076-.004v.415m8.656 6.183c-.001 2.471-.01 2.897-.072 3.167-.065.288-.345.632-.63.777-.324.165-.086.157-4.641.157s-4.317.008-4.641-.157c-.285-.145-.565-.489-.63-.777-.062-.27-.071-.696-.072-3.167V7.327h10.686v2.584m-5.547-1.86c-.098.03-1.16.736-1.264.841-.233.233-.236.626-.008.886a.666.666 0 0 0 .7.167l.123-.047v1.459l-.195.011c-.211.011-.337.064-.463.197-.231.244-.215.685.033.909.194.175.168.172 1.278.172s1.084.003 1.278-.172c.248-.224.264-.665.033-.909-.126-.133-.252-.186-.463-.197l-.195-.011V9.976c0-1.555.002-1.534-.166-1.725a.562.562 0 0 0-.452-.216.98.98 0 0 0-.239.016\"/></svg>";
@@ -0,0 +1 @@
1
+ export declare const ContentEmbedIcon = "<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=\"M12.5 7.854v-3.8c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C10.98.854 10.42.854 9.3.854H5.033c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874c-.218.428-.218.988-.218 2.108v6.934c0 1.12 0 1.68.218 2.107a2 2 0 0 0 .874.874c.428.219.988.219 2.108.219h2.134M8.5 6.854h-4m1.333 2.667H4.5m5.333-5.334H4.5m7.917 9.598 1.75-1.702-1.75-1.701m-3.5 0-1.75 1.701 1.75 1.702m2.45-4.764-1.4 6.125\"/></svg>";
@@ -0,0 +1 @@
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>";
@@ -0,0 +1 @@
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>";
@@ -47,6 +47,7 @@ export { BpStarOffIcon } from "./bp-star-off";
47
47
  export { BpStarOnIcon } from "./bp-star-on";
48
48
  export { BugIcon } from "./bug";
49
49
  export { ButtonElementIcon } from "./button-element";
50
+ export { CalendarIcon } from "./calendar";
50
51
  export { CheckCircleIcon } from "./check-circle";
51
52
  export { CheckMarkIcon } from "./check-mark";
52
53
  export { CheckboxCheckedFilledIcon } from "./checkbox-checked-filled";
@@ -69,6 +70,7 @@ export { CloudIcon } from "./cloud";
69
70
  export { CodeTextIcon } from "./code-text";
70
71
  export { CollapsibleIcon } from "./collapsible";
71
72
  export { CommitIcon } from "./commit";
73
+ export { ContentEmbedIcon } from "./content-embed";
72
74
  export { ContentIcon } from "./content";
73
75
  export { CopyIcon } from "./copy";
74
76
  export { CustomCodeIcon } from "./custom-code";
@@ -85,12 +87,14 @@ export { DotIcon } from "./dot";
85
87
  export { DottedBorderIcon } from "./dotted-border";
86
88
  export { DragHandleIcon } from "./drag-handle";
87
89
  export { DynamicPageIcon } from "./dynamic-page";
90
+ export { EllipsesIcon } from "./ellipses";
88
91
  export { EmailIcon } from "./email";
89
92
  export { EmbedIcon } from "./embed";
90
93
  export { ExtensionIcon } from "./extension";
91
94
  export { ExternalLinkIcon } from "./external-link";
92
95
  export { EyeconClosedIcon } from "./eyecon-closed";
93
96
  export { EyeconOpenIcon } from "./eyecon-open";
97
+ export { EyedropperIcon } from "./eyedropper";
94
98
  export { FolderIcon } from "./folder";
95
99
  export { FooterIcon } from "./footer";
96
100
  export { FormTextAreaIcon } from "./form-text-area";
@@ -125,7 +129,6 @@ export { ListIcon } from "./list";
125
129
  export { LoadingDotsIcon } from "./loading-dots";
126
130
  export { LocalStyleIcon } from "./local-style";
127
131
  export { MaximizeIcon } from "./maximize";
128
- export { MenuEllipsesIcon } from "./menu-ellipses";
129
132
  export { MicOffIcon } from "./mic-off";
130
133
  export { MicIcon } from "./mic";
131
134
  export { MinimizeIcon } from "./minimize";
@@ -177,8 +180,10 @@ export { UploadIcon } from "./upload";
177
180
  export { VideoIcon } from "./video";
178
181
  export { ViewportIcon } from "./viewport";
179
182
  export { VimeoIcon } from "./vimeo";
183
+ export { WebhookFormIcon } from "./webhook-form";
180
184
  export { Webstudio1cIcon } from "./webstudio-1c";
181
185
  export { WebstudioIcon } from "./webstudio";
182
186
  export { WrapIcon } from "./wrap";
183
187
  export { XIcon } from "./x";
188
+ export { XmlIcon } from "./xml";
184
189
  export { Youtube1cIcon } from "./youtube-1c";
@@ -0,0 +1 @@
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>";
@@ -0,0 +1 @@
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>";
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const WebhookFormIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { IconProps } from "../types";
3
+ export declare const XmlIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -22,7 +22,6 @@ export * from "./cross";
22
22
  export * from "./magnifying-glass";
23
23
  export * from "./cross-small";
24
24
  export * from "./cross-large";
25
- export * from "./ellipses";
26
25
  export * from "./text-align-center";
27
26
  export * from "./text-align-justify";
28
27
  export * from "./text-align-right";
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@webstudio-is/icons",
3
- "version": "0.145.0",
3
+ "version": "0.163.0",
4
4
  "description": "Webstudio Icons",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
7
7
  "type": "module",
8
8
  "devDependencies": {
9
- "@storybook/addon-essentials": "^7.4.0",
10
- "@storybook/addon-links": "^7.4.0",
11
- "@storybook/react": "^7.4.0",
9
+ "@storybook/addon-essentials": "^8.1.2",
10
+ "@storybook/addon-links": "^8.1.2",
11
+ "@storybook/react": "^8.1.2",
12
12
  "@svgo/jsx": "^0.4.2",
13
- "@types/node": "^18.17.1",
13
+ "@types/node": "^20.12.7",
14
14
  "@types/react": "^18.2.70",
15
15
  "@types/react-dom": "^18.2.25",
16
16
  "react": "18.3.0-canary-14898b6a9-20240318",
@@ -29,14 +29,12 @@
29
29
  ".": {
30
30
  "webstudio": "./src/index.ts",
31
31
  "types": "./lib/types/index.d.ts",
32
- "import": "./lib/index.js",
33
- "require": "./lib/index.js"
32
+ "import": "./lib/index.js"
34
33
  },
35
34
  "./svg": {
36
35
  "webstudio": "./src/__generated__/svg/index.ts",
37
36
  "types": "./lib/types/__generated__/svg/index.d.ts",
38
- "import": "./lib/__generated__/svg/index.js",
39
- "require": "./lib/__generated__/svg/index.js"
37
+ "import": "./lib/__generated__/svg/index.js"
40
38
  }
41
39
  },
42
40
  "files": [
@@ -50,7 +48,7 @@
50
48
  "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
51
49
  "build": "rm -rf lib && esbuild src/index.ts src/__generated__/svg/index.ts --outdir=lib --bundle --format=esm --packages=external",
52
50
  "dts": "tsc --declarationDir lib/types",
53
- "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--loader=tsx' svgo-jsx svgo-jsx.config.ts && tsx svg-string.ts && prettier --write src/__generated__",
51
+ "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--import=tsx' svgo-jsx svgo-jsx.config.ts && tsx svg-string.ts && prettier --write src/__generated__",
54
52
  "typecheck": "tsc",
55
53
  "checks": "pnpm typecheck",
56
54
  "storybook:dev": "storybook dev -p 6006",
@@ -1 +0,0 @@
1
- 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>";
@@ -1,5 +0,0 @@
1
- import * as React from "react";
2
- import type { IconProps } from "./types";
3
- export declare const EllipsesIcon: React.ForwardRefExoticComponent<IconProps & {
4
- colors?: string[] | undefined;
5
- } & React.RefAttributes<SVGSVGElement>>;