@webstudio-is/icons 0.34.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.
- package/lib/__generated__/blockquote.js +22 -0
- package/lib/__generated__/code.js +24 -0
- package/lib/__generated__/dash.js +24 -0
- package/lib/__generated__/index.js +5 -0
- package/lib/__generated__/list-item.js +29 -0
- package/lib/__generated__/list.js +45 -0
- package/lib/cjs/__generated__/blockquote.cjs +42 -0
- package/lib/cjs/__generated__/code.cjs +44 -0
- package/lib/cjs/__generated__/dash.cjs +44 -0
- package/lib/cjs/__generated__/index.cjs +5 -0
- package/lib/cjs/__generated__/list-item.cjs +49 -0
- package/lib/cjs/__generated__/list.cjs +65 -0
- package/package.json +2 -2
- package/src/__generated__/blockquote.tsx +15 -0
- package/src/__generated__/code.tsx +15 -0
- package/src/__generated__/dash.tsx +15 -0
- package/src/__generated__/index.ts +5 -0
- package/src/__generated__/list-item.tsx +15 -0
- package/src/__generated__/list.tsx +15 -0
|
@@ -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.
|
|
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.
|
|
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";
|