@webstudio-is/icons 0.21.0 → 0.23.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__/chevron-big-down.js +23 -0
- package/lib/__generated__/chevron-big-left.js +23 -0
- package/lib/__generated__/chevron-big-right.js +23 -0
- package/lib/__generated__/chevron-big-up.js +23 -0
- package/lib/__generated__/chevron-filled-down.js +23 -0
- package/lib/__generated__/chevron-filled-left.js +23 -0
- package/lib/__generated__/chevron-filled-right.js +23 -0
- package/lib/__generated__/chevron-filled-up.js +23 -0
- package/lib/__generated__/dot.js +23 -0
- package/lib/__generated__/index.js +11 -0
- package/lib/__generated__/info.js +29 -0
- package/lib/__generated__/webstudio.js +548 -0
- package/lib/check-mark.js +26 -0
- package/lib/cjs/__generated__/chevron-big-down.cjs +43 -0
- package/lib/cjs/__generated__/chevron-big-left.cjs +43 -0
- package/lib/cjs/__generated__/chevron-big-right.cjs +43 -0
- package/lib/cjs/__generated__/chevron-big-up.cjs +43 -0
- package/lib/cjs/__generated__/chevron-filled-down.cjs +43 -0
- package/lib/cjs/__generated__/chevron-filled-left.cjs +43 -0
- package/lib/cjs/__generated__/chevron-filled-right.cjs +43 -0
- package/lib/cjs/__generated__/chevron-filled-up.cjs +43 -0
- package/lib/cjs/__generated__/dot.cjs +43 -0
- package/lib/cjs/__generated__/index.cjs +11 -0
- package/lib/cjs/__generated__/info.cjs +49 -0
- package/lib/cjs/__generated__/webstudio.cjs +568 -0
- package/lib/cjs/check-mark.cjs +46 -0
- package/lib/cjs/index.cjs +1 -0
- package/lib/cjs/legacy.cjs +0 -2
- package/lib/index.js +1 -0
- package/lib/legacy.js +1 -5
- package/package.json +2 -2
- package/src/__generated__/chevron-big-down.tsx +15 -0
- package/src/__generated__/chevron-big-left.tsx +15 -0
- package/src/__generated__/chevron-big-right.tsx +15 -0
- package/src/__generated__/chevron-big-up.tsx +15 -0
- package/src/__generated__/chevron-filled-down.tsx +15 -0
- package/src/__generated__/chevron-filled-left.tsx +15 -0
- package/src/__generated__/chevron-filled-right.tsx +15 -0
- package/src/__generated__/chevron-filled-up.tsx +15 -0
- package/src/__generated__/dot.tsx +15 -0
- package/src/__generated__/index.ts +11 -0
- package/src/__generated__/info.tsx +15 -0
- package/src/__generated__/webstudio.tsx +15 -0
- package/src/check-mark.tsx +28 -0
- package/src/index.ts +1 -0
- package/src/legacy.ts +0 -2
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronBigDownIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronBigDownIcon.displayName = "ChevronBigDownIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronBigDownIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronBigLeftIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronBigLeftIcon.displayName = "ChevronBigLeftIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronBigLeftIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronBigRightIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronBigRightIcon.displayName = "ChevronBigRightIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronBigRightIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronBigUpIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronBigUpIcon.displayName = "ChevronBigUpIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronBigUpIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronFilledDownIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronFilledDownIcon.displayName = "ChevronFilledDownIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronFilledDownIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronFilledLeftIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronFilledLeftIcon.displayName = "ChevronFilledLeftIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronFilledLeftIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronFilledRightIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronFilledRightIcon.displayName = "ChevronFilledRightIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronFilledRightIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const ChevronFilledUpIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
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"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
ChevronFilledUpIcon.displayName = "ChevronFilledUpIcon";
|
|
21
|
+
export {
|
|
22
|
+
ChevronFilledUpIcon
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const DotIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
14
|
+
fill: "#11181C",
|
|
15
|
+
d: "M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
DotIcon.displayName = "DotIcon";
|
|
21
|
+
export {
|
|
22
|
+
DotIcon
|
|
23
|
+
};
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
export * from "./auto-scroll";
|
|
2
|
+
export * from "./chevron-big-down";
|
|
3
|
+
export * from "./chevron-big-left";
|
|
4
|
+
export * from "./chevron-big-right";
|
|
5
|
+
export * from "./chevron-big-up";
|
|
6
|
+
export * from "./chevron-filled-down";
|
|
7
|
+
export * from "./chevron-filled-left";
|
|
8
|
+
export * from "./chevron-filled-right";
|
|
9
|
+
export * from "./chevron-filled-up";
|
|
10
|
+
export * from "./dot";
|
|
2
11
|
export * from "./eyecon-closed";
|
|
3
12
|
export * from "./eyecon-open";
|
|
13
|
+
export * from "./info";
|
|
4
14
|
export * from "./linked";
|
|
5
15
|
export * from "./scroll";
|
|
6
16
|
export * from "./subscript";
|
|
7
17
|
export * from "./superscript";
|
|
8
18
|
export * from "./unlinked";
|
|
19
|
+
export * from "./webstudio";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
const InfoIcon = forwardRef(
|
|
4
|
+
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
+
return /* @__PURE__ */ jsxs("svg", {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "16",
|
|
9
|
+
height: "16",
|
|
10
|
+
fill: color,
|
|
11
|
+
...props,
|
|
12
|
+
ref: forwardedRef,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ jsx("path", {
|
|
15
|
+
d: "M8.76 5.628a.75.75 0 1 0-1.5 0v2.828a.75.75 0 1 0 1.5 0V5.628ZM8 9.626a.75.75 0 1 0 0 1.5h.007a.75.75 0 1 0 0-1.5H8Z"
|
|
16
|
+
}),
|
|
17
|
+
/* @__PURE__ */ jsx("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
d: "M8 2.35a5.65 5.65 0 1 0 0 11.3 5.65 5.65 0 0 0 0-11.3ZM4.924 4.924a4.35 4.35 0 1 1 6.152 6.152 4.35 4.35 0 0 1-6.152-6.152Z",
|
|
20
|
+
clipRule: "evenodd"
|
|
21
|
+
})
|
|
22
|
+
]
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
InfoIcon.displayName = "InfoIcon";
|
|
27
|
+
export {
|
|
28
|
+
InfoIcon
|
|
29
|
+
};
|