@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.
Files changed (46) hide show
  1. package/lib/__generated__/chevron-big-down.js +23 -0
  2. package/lib/__generated__/chevron-big-left.js +23 -0
  3. package/lib/__generated__/chevron-big-right.js +23 -0
  4. package/lib/__generated__/chevron-big-up.js +23 -0
  5. package/lib/__generated__/chevron-filled-down.js +23 -0
  6. package/lib/__generated__/chevron-filled-left.js +23 -0
  7. package/lib/__generated__/chevron-filled-right.js +23 -0
  8. package/lib/__generated__/chevron-filled-up.js +23 -0
  9. package/lib/__generated__/dot.js +23 -0
  10. package/lib/__generated__/index.js +11 -0
  11. package/lib/__generated__/info.js +29 -0
  12. package/lib/__generated__/webstudio.js +548 -0
  13. package/lib/check-mark.js +26 -0
  14. package/lib/cjs/__generated__/chevron-big-down.cjs +43 -0
  15. package/lib/cjs/__generated__/chevron-big-left.cjs +43 -0
  16. package/lib/cjs/__generated__/chevron-big-right.cjs +43 -0
  17. package/lib/cjs/__generated__/chevron-big-up.cjs +43 -0
  18. package/lib/cjs/__generated__/chevron-filled-down.cjs +43 -0
  19. package/lib/cjs/__generated__/chevron-filled-left.cjs +43 -0
  20. package/lib/cjs/__generated__/chevron-filled-right.cjs +43 -0
  21. package/lib/cjs/__generated__/chevron-filled-up.cjs +43 -0
  22. package/lib/cjs/__generated__/dot.cjs +43 -0
  23. package/lib/cjs/__generated__/index.cjs +11 -0
  24. package/lib/cjs/__generated__/info.cjs +49 -0
  25. package/lib/cjs/__generated__/webstudio.cjs +568 -0
  26. package/lib/cjs/check-mark.cjs +46 -0
  27. package/lib/cjs/index.cjs +1 -0
  28. package/lib/cjs/legacy.cjs +0 -2
  29. package/lib/index.js +1 -0
  30. package/lib/legacy.js +1 -5
  31. package/package.json +2 -2
  32. package/src/__generated__/chevron-big-down.tsx +15 -0
  33. package/src/__generated__/chevron-big-left.tsx +15 -0
  34. package/src/__generated__/chevron-big-right.tsx +15 -0
  35. package/src/__generated__/chevron-big-up.tsx +15 -0
  36. package/src/__generated__/chevron-filled-down.tsx +15 -0
  37. package/src/__generated__/chevron-filled-left.tsx +15 -0
  38. package/src/__generated__/chevron-filled-right.tsx +15 -0
  39. package/src/__generated__/chevron-filled-up.tsx +15 -0
  40. package/src/__generated__/dot.tsx +15 -0
  41. package/src/__generated__/index.ts +11 -0
  42. package/src/__generated__/info.tsx +15 -0
  43. package/src/__generated__/webstudio.tsx +15 -0
  44. package/src/check-mark.tsx +28 -0
  45. package/src/index.ts +1 -0
  46. 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
+ };