@webstudio-is/icons 0.35.0 → 0.36.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,22 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ const BlockquoteIcon = forwardRef(
4
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
5
+ return /* @__PURE__ */ jsx("svg", {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 16 16",
8
+ width: size,
9
+ height: size,
10
+ fill: color,
11
+ ...props,
12
+ ref: forwardedRef,
13
+ children: /* @__PURE__ */ jsx("path", {
14
+ d: "M3.764 11.31c-.595-.64-.914-1.357-.914-2.52 0-1.918 1.245-3.65 3.1-4.607a.472.472 0 0 1 .612.175.53.53 0 0 1-.17.722C4.86 6.09 4.534 7.304 4.397 8.094c.31-.163.716-.22 1.114-.182a2.049 2.049 0 0 1 1.864 2.04A2.06 2.06 0 0 1 6.78 11.4c-.379.384-.893.6-1.43.6-.619 0-1.212-.287-1.587-.69Zm5.777 0c-.595-.64-.915-1.357-.915-2.52 0-1.918 1.246-3.65 3.1-4.607a.472.472 0 0 1 .613.175.53.53 0 0 1-.17.722c-1.532 1.01-1.86 2.224-1.997 3.014.31-.163.716-.22 1.114-.182a2.049 2.049 0 0 1 1.864 2.04 2.06 2.06 0 0 1-.592 1.448c-.38.384-.894.6-1.43.6-.62 0-1.212-.287-1.587-.69Z"
15
+ })
16
+ });
17
+ }
18
+ );
19
+ BlockquoteIcon.displayName = "BlockquoteIcon";
20
+ export {
21
+ BlockquoteIcon
22
+ };
@@ -0,0 +1,24 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ const CodeIcon = forwardRef(
4
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
5
+ return /* @__PURE__ */ jsx("svg", {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 22 22",
8
+ width: size,
9
+ height: size,
10
+ fill: color,
11
+ ...props,
12
+ ref: forwardedRef,
13
+ children: /* @__PURE__ */ jsx("path", {
14
+ fillRule: "evenodd",
15
+ d: "M12.996 2.018c.404.09.66.49.57.895l-3.667 16.5a.75.75 0 0 1-1.464-.326l3.666-16.5a.75.75 0 0 1 .895-.569ZM6.947 5.887a.75.75 0 0 1 0 1.06L2.894 11l4.053 4.053a.75.75 0 1 1-1.06 1.06l-4.584-4.582a.75.75 0 0 1 0-1.061l4.583-4.584a.75.75 0 0 1 1.061 0Zm8.106 0a.75.75 0 0 1 1.06 0l4.584 4.583a.75.75 0 0 1 0 1.06l-4.583 4.584a.75.75 0 0 1-1.061-1.06L19.106 11l-4.053-4.053a.75.75 0 0 1 0-1.06Z",
16
+ clipRule: "evenodd"
17
+ })
18
+ });
19
+ }
20
+ );
21
+ CodeIcon.displayName = "CodeIcon";
22
+ export {
23
+ CodeIcon
24
+ };
@@ -0,0 +1,24 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ const DashIcon = forwardRef(
4
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
5
+ return /* @__PURE__ */ jsx("svg", {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 16 16",
8
+ width: size,
9
+ height: size,
10
+ fill: color,
11
+ ...props,
12
+ ref: forwardedRef,
13
+ children: /* @__PURE__ */ jsx("path", {
14
+ fillRule: "evenodd",
15
+ d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z",
16
+ clipRule: "evenodd"
17
+ })
18
+ });
19
+ }
20
+ );
21
+ DashIcon.displayName = "DashIcon";
22
+ export {
23
+ DashIcon
24
+ };
@@ -1,4 +1,5 @@
1
1
  export * from "./auto-scroll";
2
+ export * from "./blockquote";
2
3
  export * from "./chevron-big-down";
3
4
  export * from "./chevron-big-left";
4
5
  export * from "./chevron-big-right";
@@ -7,12 +8,16 @@ export * from "./chevron-filled-down";
7
8
  export * from "./chevron-filled-left";
8
9
  export * from "./chevron-filled-right";
9
10
  export * from "./chevron-filled-up";
11
+ export * from "./code";
12
+ export * from "./dash";
10
13
  export * from "./dot";
11
14
  export * from "./eyecon-closed";
12
15
  export * from "./eyecon-open";
13
16
  export * from "./hamburger-menu";
14
17
  export * from "./info";
15
18
  export * from "./linked";
19
+ export * from "./list-item";
20
+ export * from "./list";
16
21
  export * from "./offline";
17
22
  export * from "./play";
18
23
  export * from "./scroll";
@@ -0,0 +1,29 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ const ListItemIcon = forwardRef(
4
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
5
+ return /* @__PURE__ */ jsxs("svg", {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 16 16",
8
+ width: size,
9
+ height: size,
10
+ fill: color,
11
+ ...props,
12
+ ref: forwardedRef,
13
+ children: [
14
+ /* @__PURE__ */ jsx("path", {
15
+ d: "M3.7 6.175a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z"
16
+ }),
17
+ /* @__PURE__ */ jsx("path", {
18
+ fillRule: "evenodd",
19
+ d: "M5 6.175c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 6.175ZM5 10.05c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 10.05Z",
20
+ clipRule: "evenodd"
21
+ })
22
+ ]
23
+ });
24
+ }
25
+ );
26
+ ListItemIcon.displayName = "ListItemIcon";
27
+ export {
28
+ ListItemIcon
29
+ };
@@ -0,0 +1,45 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ const ListIcon = forwardRef(
4
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
5
+ return /* @__PURE__ */ jsxs("svg", {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 0 16 16",
8
+ width: size,
9
+ height: size,
10
+ fill: color,
11
+ ...props,
12
+ ref: forwardedRef,
13
+ children: [
14
+ /* @__PURE__ */ jsx("path", {
15
+ d: "M3.7 4.35a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z"
16
+ }),
17
+ /* @__PURE__ */ jsx("path", {
18
+ fillRule: "evenodd",
19
+ d: "M5 4.35c0-.346.28-.626.625-.626h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 4.35Z",
20
+ clipRule: "evenodd"
21
+ }),
22
+ /* @__PURE__ */ jsx("path", {
23
+ d: "M3.7 8A.85.85 0 1 1 2 8a.85.85 0 0 1 1.7 0Z"
24
+ }),
25
+ /* @__PURE__ */ jsx("path", {
26
+ fillRule: "evenodd",
27
+ d: "M5 8c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 8Z",
28
+ clipRule: "evenodd"
29
+ }),
30
+ /* @__PURE__ */ jsx("path", {
31
+ d: "M3.7 11.65a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z"
32
+ }),
33
+ /* @__PURE__ */ jsx("path", {
34
+ fillRule: "evenodd",
35
+ d: "M5 11.65c0-.346.28-.626.625-.626h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 11.65Z",
36
+ clipRule: "evenodd"
37
+ })
38
+ ]
39
+ });
40
+ }
41
+ );
42
+ ListIcon.displayName = "ListIcon";
43
+ export {
44
+ ListIcon
45
+ };
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var blockquote_exports = {};
20
+ __export(blockquote_exports, {
21
+ BlockquoteIcon: () => BlockquoteIcon
22
+ });
23
+ module.exports = __toCommonJS(blockquote_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_react = require("react");
26
+ const BlockquoteIcon = (0, import_react.forwardRef)(
27
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ viewBox: "0 0 16 16",
31
+ width: size,
32
+ height: size,
33
+ fill: color,
34
+ ...props,
35
+ ref: forwardedRef,
36
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
37
+ d: "M3.764 11.31c-.595-.64-.914-1.357-.914-2.52 0-1.918 1.245-3.65 3.1-4.607a.472.472 0 0 1 .612.175.53.53 0 0 1-.17.722C4.86 6.09 4.534 7.304 4.397 8.094c.31-.163.716-.22 1.114-.182a2.049 2.049 0 0 1 1.864 2.04A2.06 2.06 0 0 1 6.78 11.4c-.379.384-.893.6-1.43.6-.619 0-1.212-.287-1.587-.69Zm5.777 0c-.595-.64-.915-1.357-.915-2.52 0-1.918 1.246-3.65 3.1-4.607a.472.472 0 0 1 .613.175.53.53 0 0 1-.17.722c-1.532 1.01-1.86 2.224-1.997 3.014.31-.163.716-.22 1.114-.182a2.049 2.049 0 0 1 1.864 2.04 2.06 2.06 0 0 1-.592 1.448c-.38.384-.894.6-1.43.6-.62 0-1.212-.287-1.587-.69Z"
38
+ })
39
+ });
40
+ }
41
+ );
42
+ BlockquoteIcon.displayName = "BlockquoteIcon";
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var code_exports = {};
20
+ __export(code_exports, {
21
+ CodeIcon: () => CodeIcon
22
+ });
23
+ module.exports = __toCommonJS(code_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_react = require("react");
26
+ const CodeIcon = (0, import_react.forwardRef)(
27
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ viewBox: "0 0 22 22",
31
+ width: size,
32
+ height: size,
33
+ fill: color,
34
+ ...props,
35
+ ref: forwardedRef,
36
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
37
+ fillRule: "evenodd",
38
+ d: "M12.996 2.018c.404.09.66.49.57.895l-3.667 16.5a.75.75 0 0 1-1.464-.326l3.666-16.5a.75.75 0 0 1 .895-.569ZM6.947 5.887a.75.75 0 0 1 0 1.06L2.894 11l4.053 4.053a.75.75 0 1 1-1.06 1.06l-4.584-4.582a.75.75 0 0 1 0-1.061l4.583-4.584a.75.75 0 0 1 1.061 0Zm8.106 0a.75.75 0 0 1 1.06 0l4.584 4.583a.75.75 0 0 1 0 1.06l-4.583 4.584a.75.75 0 0 1-1.061-1.06L19.106 11l-4.053-4.053a.75.75 0 0 1 0-1.06Z",
39
+ clipRule: "evenodd"
40
+ })
41
+ });
42
+ }
43
+ );
44
+ CodeIcon.displayName = "CodeIcon";
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var dash_exports = {};
20
+ __export(dash_exports, {
21
+ DashIcon: () => DashIcon
22
+ });
23
+ module.exports = __toCommonJS(dash_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_react = require("react");
26
+ const DashIcon = (0, import_react.forwardRef)(
27
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ viewBox: "0 0 16 16",
31
+ width: size,
32
+ height: size,
33
+ fill: color,
34
+ ...props,
35
+ ref: forwardedRef,
36
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
37
+ fillRule: "evenodd",
38
+ d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z",
39
+ clipRule: "evenodd"
40
+ })
41
+ });
42
+ }
43
+ );
44
+ DashIcon.displayName = "DashIcon";
@@ -16,6 +16,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
16
16
  var generated_exports = {};
17
17
  module.exports = __toCommonJS(generated_exports);
18
18
  __reExport(generated_exports, require("./auto-scroll"), module.exports);
19
+ __reExport(generated_exports, require("./blockquote"), module.exports);
19
20
  __reExport(generated_exports, require("./chevron-big-down"), module.exports);
20
21
  __reExport(generated_exports, require("./chevron-big-left"), module.exports);
21
22
  __reExport(generated_exports, require("./chevron-big-right"), module.exports);
@@ -24,12 +25,16 @@ __reExport(generated_exports, require("./chevron-filled-down"), module.exports);
24
25
  __reExport(generated_exports, require("./chevron-filled-left"), module.exports);
25
26
  __reExport(generated_exports, require("./chevron-filled-right"), module.exports);
26
27
  __reExport(generated_exports, require("./chevron-filled-up"), module.exports);
28
+ __reExport(generated_exports, require("./code"), module.exports);
29
+ __reExport(generated_exports, require("./dash"), module.exports);
27
30
  __reExport(generated_exports, require("./dot"), module.exports);
28
31
  __reExport(generated_exports, require("./eyecon-closed"), module.exports);
29
32
  __reExport(generated_exports, require("./eyecon-open"), module.exports);
30
33
  __reExport(generated_exports, require("./hamburger-menu"), module.exports);
31
34
  __reExport(generated_exports, require("./info"), module.exports);
32
35
  __reExport(generated_exports, require("./linked"), module.exports);
36
+ __reExport(generated_exports, require("./list-item"), module.exports);
37
+ __reExport(generated_exports, require("./list"), module.exports);
33
38
  __reExport(generated_exports, require("./offline"), module.exports);
34
39
  __reExport(generated_exports, require("./play"), module.exports);
35
40
  __reExport(generated_exports, require("./scroll"), module.exports);
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var list_item_exports = {};
20
+ __export(list_item_exports, {
21
+ ListItemIcon: () => ListItemIcon
22
+ });
23
+ module.exports = __toCommonJS(list_item_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_react = require("react");
26
+ const ListItemIcon = (0, import_react.forwardRef)(
27
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ viewBox: "0 0 16 16",
31
+ width: size,
32
+ height: size,
33
+ fill: color,
34
+ ...props,
35
+ ref: forwardedRef,
36
+ children: [
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
38
+ d: "M3.7 6.175a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z"
39
+ }),
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
41
+ fillRule: "evenodd",
42
+ d: "M5 6.175c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 6.175ZM5 10.05c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 10.05Z",
43
+ clipRule: "evenodd"
44
+ })
45
+ ]
46
+ });
47
+ }
48
+ );
49
+ ListItemIcon.displayName = "ListItemIcon";
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var list_exports = {};
20
+ __export(list_exports, {
21
+ ListIcon: () => ListIcon
22
+ });
23
+ module.exports = __toCommonJS(list_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_react = require("react");
26
+ const ListIcon = (0, import_react.forwardRef)(
27
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ viewBox: "0 0 16 16",
31
+ width: size,
32
+ height: size,
33
+ fill: color,
34
+ ...props,
35
+ ref: forwardedRef,
36
+ children: [
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
38
+ d: "M3.7 4.35a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z"
39
+ }),
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
41
+ fillRule: "evenodd",
42
+ d: "M5 4.35c0-.346.28-.626.625-.626h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 4.35Z",
43
+ clipRule: "evenodd"
44
+ }),
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
46
+ d: "M3.7 8A.85.85 0 1 1 2 8a.85.85 0 0 1 1.7 0Z"
47
+ }),
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
49
+ fillRule: "evenodd",
50
+ d: "M5 8c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 8Z",
51
+ clipRule: "evenodd"
52
+ }),
53
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
54
+ d: "M3.7 11.65a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z"
55
+ }),
56
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
57
+ fillRule: "evenodd",
58
+ d: "M5 11.65c0-.346.28-.626.625-.626h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 11.65Z",
59
+ clipRule: "evenodd"
60
+ })
61
+ ]
62
+ });
63
+ }
64
+ );
65
+ ListIcon.displayName = "ListIcon";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/icons",
3
- "version": "0.35.0",
3
+ "version": "0.36.0",
4
4
  "description": "Webstudio Icons",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -24,7 +24,7 @@
24
24
  "dependencies": {
25
25
  "@radix-ui/react-icons": "^1.1.0",
26
26
  "react": "^17.0.2",
27
- "@webstudio-is/css-vars": "^0.35.0"
27
+ "@webstudio-is/css-vars": "^0.36.0"
28
28
  },
29
29
  "module": "./lib/index.js",
30
30
  "exports": {
@@ -0,0 +1,15 @@
1
+ // Generated from icons/blockquote.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const BlockquoteIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M3.764 11.31c-.595-.64-.914-1.357-.914-2.52 0-1.918 1.245-3.65 3.1-4.607a.472.472 0 0 1 .612.175.53.53 0 0 1-.17.722C4.86 6.09 4.534 7.304 4.397 8.094c.31-.163.716-.22 1.114-.182a2.049 2.049 0 0 1 1.864 2.04A2.06 2.06 0 0 1 6.78 11.4c-.379.384-.893.6-1.43.6-.619 0-1.212-.287-1.587-.69Zm5.777 0c-.595-.64-.915-1.357-.915-2.52 0-1.918 1.246-3.65 3.1-4.607a.472.472 0 0 1 .613.175.53.53 0 0 1-.17.722c-1.532 1.01-1.86 2.224-1.997 3.014.31-.163.716-.22 1.114-.182a2.049 2.049 0 0 1 1.864 2.04 2.06 2.06 0 0 1-.592 1.448c-.38.384-.894.6-1.43.6-.62 0-1.212-.287-1.587-.69Z" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ BlockquoteIcon.displayName = "BlockquoteIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/code.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const CodeIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <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="M12.996 2.018c.404.09.66.49.57.895l-3.667 16.5a.75.75 0 0 1-1.464-.326l3.666-16.5a.75.75 0 0 1 .895-.569ZM6.947 5.887a.75.75 0 0 1 0 1.06L2.894 11l4.053 4.053a.75.75 0 1 1-1.06 1.06l-4.584-4.582a.75.75 0 0 1 0-1.061l4.583-4.584a.75.75 0 0 1 1.061 0Zm8.106 0a.75.75 0 0 1 1.06 0l4.584 4.583a.75.75 0 0 1 0 1.06l-4.583 4.584a.75.75 0 0 1-1.061-1.06L19.106 11l-4.053-4.053a.75.75 0 0 1 0-1.06Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ CodeIcon.displayName = "CodeIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/dash.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const DashIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ DashIcon.displayName = "DashIcon";
@@ -1,4 +1,5 @@
1
1
  export * from "./auto-scroll";
2
+ export * from "./blockquote";
2
3
  export * from "./chevron-big-down";
3
4
  export * from "./chevron-big-left";
4
5
  export * from "./chevron-big-right";
@@ -7,12 +8,16 @@ export * from "./chevron-filled-down";
7
8
  export * from "./chevron-filled-left";
8
9
  export * from "./chevron-filled-right";
9
10
  export * from "./chevron-filled-up";
11
+ export * from "./code";
12
+ export * from "./dash";
10
13
  export * from "./dot";
11
14
  export * from "./eyecon-closed";
12
15
  export * from "./eyecon-open";
13
16
  export * from "./hamburger-menu";
14
17
  export * from "./info";
15
18
  export * from "./linked";
19
+ export * from "./list-item";
20
+ export * from "./list";
16
21
  export * from "./offline";
17
22
  export * from "./play";
18
23
  export * from "./scroll";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/list-item.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const ListItemIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M3.7 6.175a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z" /><path fillRule="evenodd" d="M5 6.175c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 6.175ZM5 10.05c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 10.05Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ ListItemIcon.displayName = "ListItemIcon";
@@ -0,0 +1,15 @@
1
+ // Generated from icons/list.svg
2
+
3
+ import { forwardRef } from "react";
4
+ import type { IconProps } from "../types";
5
+
6
+ // prettier-ignore
7
+ export const ListIcon = forwardRef<SVGSVGElement, IconProps>(
8
+ ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
9
+ return (
10
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M3.7 4.35a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z" /><path fillRule="evenodd" d="M5 4.35c0-.346.28-.626.625-.626h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 4.35Z" clipRule="evenodd" /><path d="M3.7 8A.85.85 0 1 1 2 8a.85.85 0 0 1 1.7 0Z" /><path fillRule="evenodd" d="M5 8c0-.345.28-.625.625-.625h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 8Z" clipRule="evenodd" /><path d="M3.7 11.65a.85.85 0 1 1-1.7 0 .85.85 0 0 1 1.7 0Z" /><path fillRule="evenodd" d="M5 11.65c0-.346.28-.626.625-.626h7.75a.625.625 0 1 1 0 1.25h-7.75A.625.625 0 0 1 5 11.65Z" clipRule="evenodd" /></svg>
11
+ );
12
+ }
13
+ );
14
+
15
+ ListIcon.displayName = "ListIcon";