@webstudio-is/icons 0.87.1 → 0.89.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__/check-mark.js +11 -0
- package/lib/__generated__/chevron-down.js +11 -0
- package/lib/__generated__/chevron-left.js +11 -0
- package/lib/__generated__/chevron-right.js +11 -0
- package/lib/__generated__/chevron-up.js +11 -0
- package/lib/__generated__/discord.js +14 -0
- package/lib/__generated__/help.js +14 -0
- package/lib/__generated__/index.js +12 -0
- package/lib/__generated__/navigation-menu.js +1 -1
- package/lib/__generated__/radio-dot.js +11 -0
- package/lib/__generated__/svg/check-mark.js +4 -0
- package/lib/__generated__/svg/chevron-down.js +4 -0
- package/lib/__generated__/svg/chevron-left.js +4 -0
- package/lib/__generated__/svg/chevron-right.js +4 -0
- package/lib/__generated__/svg/chevron-up.js +4 -0
- package/lib/__generated__/svg/discord.js +4 -0
- package/lib/__generated__/svg/help.js +4 -0
- package/lib/__generated__/svg/index.js +25 -1
- package/lib/__generated__/svg/navigation-menu.js +1 -1
- package/lib/__generated__/svg/radio-dot.js +4 -0
- package/lib/__generated__/svg/twitter.js +4 -0
- package/lib/__generated__/svg/viewport.js +4 -0
- package/lib/__generated__/svg/webstudio-1c.js +4 -0
- package/lib/__generated__/svg/youtube-1c.js +4 -0
- package/lib/__generated__/twitter.js +11 -0
- package/lib/__generated__/viewport.js +11 -0
- package/lib/__generated__/webstudio-1c.js +15 -0
- package/lib/__generated__/youtube-1c.js +11 -0
- package/lib/cjs/{check-mark.js → __generated__/check-mark.js} +2 -23
- package/lib/cjs/__generated__/chevron-down.js +31 -0
- package/lib/cjs/__generated__/chevron-left.js +31 -0
- package/lib/cjs/__generated__/chevron-right.js +31 -0
- package/lib/cjs/__generated__/chevron-up.js +31 -0
- package/lib/cjs/__generated__/discord.js +34 -0
- package/lib/cjs/__generated__/help.js +34 -0
- package/lib/cjs/__generated__/index.js +12 -0
- package/lib/cjs/__generated__/navigation-menu.js +1 -1
- package/lib/cjs/__generated__/radio-dot.js +31 -0
- package/lib/cjs/__generated__/svg/check-mark.js +24 -0
- package/lib/cjs/__generated__/svg/chevron-down.js +24 -0
- package/lib/cjs/__generated__/svg/chevron-left.js +24 -0
- package/lib/cjs/__generated__/svg/chevron-right.js +24 -0
- package/lib/cjs/__generated__/svg/chevron-up.js +24 -0
- package/lib/cjs/__generated__/svg/discord.js +24 -0
- package/lib/cjs/__generated__/svg/help.js +24 -0
- package/lib/cjs/__generated__/svg/index.js +25 -1
- package/lib/cjs/__generated__/svg/navigation-menu.js +1 -1
- package/lib/cjs/__generated__/svg/radio-dot.js +24 -0
- package/lib/cjs/__generated__/svg/twitter.js +24 -0
- package/lib/cjs/__generated__/svg/viewport.js +24 -0
- package/lib/cjs/__generated__/svg/webstudio-1c.js +24 -0
- package/lib/cjs/__generated__/svg/youtube-1c.js +24 -0
- package/lib/cjs/__generated__/twitter.js +31 -0
- package/lib/cjs/__generated__/viewport.js +31 -0
- package/lib/cjs/__generated__/webstudio-1c.js +35 -0
- package/lib/cjs/__generated__/youtube-1c.js +31 -0
- package/lib/cjs/index.js +0 -5
- package/lib/cjs/twitter.js +49 -0
- package/lib/index.js +0 -5
- package/lib/twitter.js +29 -0
- package/lib/types/src/{check-mark.d.ts → __generated__/check-mark.d.ts} +1 -1
- package/lib/types/src/__generated__/chevron-down.d.ts +3 -0
- package/lib/types/src/__generated__/chevron-left.d.ts +3 -0
- package/lib/types/src/__generated__/chevron-right.d.ts +3 -0
- package/lib/types/src/__generated__/chevron-up.d.ts +3 -0
- package/lib/types/src/__generated__/discord.d.ts +3 -0
- package/lib/types/src/__generated__/help.d.ts +3 -0
- package/lib/types/src/__generated__/index.d.ts +12 -0
- package/lib/types/src/__generated__/radio-dot.d.ts +3 -0
- package/lib/types/src/__generated__/svg/check-mark.d.ts +1 -0
- package/lib/types/src/__generated__/svg/chevron-down.d.ts +1 -0
- package/lib/types/src/__generated__/svg/chevron-left.d.ts +1 -0
- package/lib/types/src/__generated__/svg/chevron-right.d.ts +1 -0
- package/lib/types/src/__generated__/svg/chevron-up.d.ts +1 -0
- package/lib/types/src/__generated__/svg/discord.d.ts +1 -0
- package/lib/types/src/__generated__/svg/help.d.ts +1 -0
- package/lib/types/src/__generated__/svg/index.d.ts +12 -0
- package/lib/types/src/__generated__/svg/navigation-menu.d.ts +1 -1
- package/lib/types/src/__generated__/svg/radio-dot.d.ts +1 -0
- package/lib/types/src/__generated__/svg/twitter.d.ts +1 -0
- package/lib/types/src/__generated__/svg/viewport.d.ts +1 -0
- package/lib/types/src/__generated__/svg/webstudio-1c.d.ts +1 -0
- package/lib/types/src/__generated__/svg/youtube-1c.d.ts +1 -0
- package/lib/types/src/__generated__/twitter.d.ts +3 -0
- package/lib/types/src/__generated__/viewport.d.ts +3 -0
- package/lib/types/src/__generated__/webstudio-1c.d.ts +3 -0
- package/lib/types/src/__generated__/youtube-1c.d.ts +3 -0
- package/lib/types/src/index.d.ts +0 -5
- package/lib/types/src/twitter.d.ts +3 -0
- package/package.json +3 -3
- package/src/__generated__/check-mark.tsx +15 -0
- package/src/__generated__/chevron-down.tsx +15 -0
- package/src/__generated__/chevron-left.tsx +15 -0
- package/src/__generated__/chevron-right.tsx +15 -0
- package/src/__generated__/chevron-up.tsx +15 -0
- package/src/__generated__/discord.tsx +15 -0
- package/src/__generated__/help.tsx +15 -0
- package/src/__generated__/index.ts +12 -0
- package/src/__generated__/navigation-menu.tsx +1 -1
- package/src/__generated__/radio-dot.tsx +15 -0
- package/src/__generated__/svg/check-mark.ts +1 -0
- package/src/__generated__/svg/chevron-down.ts +1 -0
- package/src/__generated__/svg/chevron-left.ts +1 -0
- package/src/__generated__/svg/chevron-right.ts +1 -0
- package/src/__generated__/svg/chevron-up.ts +1 -0
- package/src/__generated__/svg/discord.ts +1 -0
- package/src/__generated__/svg/help.ts +1 -0
- package/src/__generated__/svg/index.ts +12 -0
- package/src/__generated__/svg/navigation-menu.ts +1 -1
- package/src/__generated__/svg/radio-dot.ts +1 -0
- package/src/__generated__/svg/twitter.ts +1 -0
- package/src/__generated__/svg/viewport.ts +1 -0
- package/src/__generated__/svg/webstudio-1c.ts +1 -0
- package/src/__generated__/svg/youtube-1c.ts +1 -0
- package/src/__generated__/twitter.tsx +15 -0
- package/src/__generated__/viewport.tsx +15 -0
- package/src/__generated__/webstudio-1c.tsx +15 -0
- package/src/__generated__/youtube-1c.tsx +15 -0
- package/src/index.ts +0 -5
- package/src/twitter.tsx +25 -0
- package/lib/check-mark.js +0 -32
- package/lib/chevron-down.js +0 -29
- package/lib/chevron-left.js +0 -31
- package/lib/chevron-right.js +0 -31
- package/lib/chevron-up.js +0 -31
- package/lib/cjs/chevron-down.js +0 -59
- package/lib/cjs/chevron-left.js +0 -61
- package/lib/cjs/chevron-right.js +0 -61
- package/lib/cjs/chevron-up.js +0 -61
- package/lib/types/src/chevron-down.d.ts +0 -3
- package/lib/types/src/chevron-left.d.ts +0 -3
- package/lib/types/src/chevron-right.d.ts +0 -3
- package/lib/types/src/chevron-up.d.ts +0 -3
- package/src/check-mark.tsx +0 -28
- package/src/chevron-down.tsx +0 -25
- package/src/chevron-left.tsx +0 -27
- package/src/chevron-right.tsx +0 -27
- package/src/chevron-up.tsx +0 -27
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/check-mark.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const CheckMarkIcon = 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="M11.957 5.043a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.75 8.836l3.793-3.793a1 1 0 0 1 1.414 0Z" clipRule="evenodd" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
CheckMarkIcon.displayName = "CheckMarkIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/chevron-down.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const ChevronDownIcon = 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="M4.04 6.284a.65.65 0 0 1 .92.001L8 9.335l3.04-3.05a.65.65 0 1 1 .921.918l-3.5 3.512a.65.65 0 0 1-.921 0L4.039 7.203a.65.65 0 0 1 .001-.92Z" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
ChevronDownIcon.displayName = "ChevronDownIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/chevron-left.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const ChevronLeftIcon = 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 fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.3" d="m9.256 4.499-3.512 3.5 3.512 3.502" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
ChevronLeftIcon.displayName = "ChevronLeftIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/chevron-right.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const ChevronRightIcon = 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 fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.3" d="m6.744 11.501 3.512-3.5-3.512-3.502" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
ChevronRightIcon.displayName = "ChevronRightIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/chevron-up.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const ChevronUpIcon = 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 fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.3" d="m11.501 9.256-3.5-3.512-3.502 3.512" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
ChevronUpIcon.displayName = "ChevronUpIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/discord.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const DiscordIcon = 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="M6.888 6.7c-.347 0-.621.39-.621.867 0 .476.28.866.621.866.347 0 .622-.39.622-.866.006-.477-.275-.867-.622-.867Zm2.224 0c-.347 0-.622.39-.622.867 0 .476.28.866.622.866.347 0 .621-.39.621-.866 0-.477-.274-.867-.621-.867Z" /><path d="M12.977 1.5H3.023c-.84 0-1.523.598-1.523 1.339v8.788c0 .741.683 1.339 1.523 1.339h8.424l-.394-1.202.951.773.899.728L14.5 14.5V2.839c0-.741-.683-1.339-1.523-1.339ZM10.11 9.989s-.268-.28-.49-.527c.973-.24 1.344-.773 1.344-.773a4.509 4.509 0 0 1-.854.383 5.935 5.935 0 0 1-3.001.273 6.928 6.928 0 0 1-1.092-.279 4.665 4.665 0 0 1-.543-.221c-.022-.013-.044-.02-.067-.033a.102.102 0 0 1-.03-.019c-.133-.065-.207-.11-.207-.11s.356.52 1.3.767c-.223.247-.498.539-.498.539-1.642-.046-2.266-.988-2.266-.988 0-2.093 1.07-3.79 1.07-3.79 1.07-.702 2.087-.682 2.087-.682l.075.078c-1.337.338-1.954.851-1.954.851s.163-.078.438-.188c.795-.305 1.427-.39 1.687-.41.044-.006.081-.013.126-.013a6.8 6.8 0 0 1 3.736.611s-.586-.487-1.85-.825l.105-.104s1.017-.02 2.087.683c0 0 1.07 1.696 1.07 3.789 0 0-.632.943-2.273.988Z" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
DiscordIcon.displayName = "DiscordIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/help.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const HelpIcon = 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="M8 14.65c-3.67 0-6.65-2.98-6.65-6.65 0-3.67 2.98-6.65 6.65-6.65 3.67 0 6.65 2.98 6.65 6.65 0 3.67-2.98 6.65-6.65 6.65Zm0-12c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.95 0 5.35-2.4 5.35-5.35 0-2.95-2.4-5.35-5.35-5.35Z" /><path d="M8.01 11.89c-.44 0-.8-.36-.8-.8 0-.44.35-.8.8-.8.44 0 .8.36.8.8 0 .44-.36.8-.8.8ZM7.95 9.17c-.27 0-.52-.17-.62-.44a.65.65 0 0 1 .41-.82c.44-.15 1.36-.64 1.36-1.18 0-.27-.09-.54-.27-.74-.17-.21-.42-.35-.69-.39-.27-.05-.54 0-.78.14s-.41.35-.5.61a.65.65 0 1 1-1.23-.43c.19-.55.57-1.01 1.07-1.3.5-.29 1.09-.4 1.65-.3.57.1 1.09.39 1.46.84.37.44.58 1.01.58 1.58 0 1.62-2.01 2.34-2.24 2.42-.07.02-.14.03-.21.03l.01-.02Z" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
HelpIcon.displayName = "HelpIcon";
|
|
@@ -42,6 +42,7 @@ export * from "./bp-star-on";
|
|
|
42
42
|
export * from "./bug";
|
|
43
43
|
export * from "./button-element";
|
|
44
44
|
export * from "./check-circle";
|
|
45
|
+
export * from "./check-mark";
|
|
45
46
|
export * from "./checkbox-checked-filled";
|
|
46
47
|
export * from "./checkbox-checked";
|
|
47
48
|
export * from "./checkbox-empty";
|
|
@@ -50,10 +51,14 @@ export * from "./chevron-big-down";
|
|
|
50
51
|
export * from "./chevron-big-left";
|
|
51
52
|
export * from "./chevron-big-right";
|
|
52
53
|
export * from "./chevron-big-up";
|
|
54
|
+
export * from "./chevron-down";
|
|
53
55
|
export * from "./chevron-filled-down";
|
|
54
56
|
export * from "./chevron-filled-left";
|
|
55
57
|
export * from "./chevron-filled-right";
|
|
56
58
|
export * from "./chevron-filled-up";
|
|
59
|
+
export * from "./chevron-left";
|
|
60
|
+
export * from "./chevron-right";
|
|
61
|
+
export * from "./chevron-up";
|
|
57
62
|
export * from "./code-text";
|
|
58
63
|
export * from "./collapsible";
|
|
59
64
|
export * from "./commit";
|
|
@@ -64,6 +69,7 @@ export * from "./dash";
|
|
|
64
69
|
export * from "./dashed-border";
|
|
65
70
|
export * from "./description";
|
|
66
71
|
export * from "./dialog";
|
|
72
|
+
export * from "./discord";
|
|
67
73
|
export * from "./div";
|
|
68
74
|
export * from "./dot";
|
|
69
75
|
export * from "./dotted-border";
|
|
@@ -85,6 +91,7 @@ export * from "./grow";
|
|
|
85
91
|
export * from "./hamburger-menu";
|
|
86
92
|
export * from "./header";
|
|
87
93
|
export * from "./heading";
|
|
94
|
+
export * from "./help";
|
|
88
95
|
export * from "./image";
|
|
89
96
|
export * from "./info";
|
|
90
97
|
export * from "./information";
|
|
@@ -116,6 +123,7 @@ export * from "./play";
|
|
|
116
123
|
export * from "./plus";
|
|
117
124
|
export * from "./popover";
|
|
118
125
|
export * from "./radio-checked";
|
|
126
|
+
export * from "./radio-dot";
|
|
119
127
|
export * from "./radio-unchecked";
|
|
120
128
|
export * from "./refresh";
|
|
121
129
|
export * from "./repeat-column";
|
|
@@ -140,7 +148,11 @@ export * from "./text-italic";
|
|
|
140
148
|
export * from "./text";
|
|
141
149
|
export * from "./tooltip";
|
|
142
150
|
export * from "./trigger";
|
|
151
|
+
export * from "./twitter";
|
|
143
152
|
export * from "./video";
|
|
153
|
+
export * from "./viewport";
|
|
144
154
|
export * from "./vimeo";
|
|
155
|
+
export * from "./webstudio-1c";
|
|
145
156
|
export * from "./webstudio";
|
|
146
157
|
export * from "./wrap";
|
|
158
|
+
export * from "./youtube-1c";
|
|
@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
|
|
|
7
7
|
export const NavigationMenuIcon = forwardRef<SVGSVGElement, IconProps>(
|
|
8
8
|
({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
|
|
9
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
|
|
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="M10.827 1.35H5.173c-.537 0-.98 0-1.34.03-.373.03-.715.095-1.036.259a2.65 2.65 0 0 0-1.158 1.158c-.181.355-.243.739-.269 1.163a.65.65 0 0 0 .65.69h11.96a.65.65 0 0 0 .65-.69c-.026-.424-.088-.808-.269-1.163a2.65 2.65 0 0 0-1.158-1.158c-.32-.164-.663-.229-1.037-.26-.36-.029-.802-.029-1.34-.029ZM2 6.02a.65.65 0 0 1 .65.65v4.13c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V6.67a.65.65 0 1 1 1.3 0v4.156c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V6.67A.65.65 0 0 1 2 6.02Z" /></svg>
|
|
11
11
|
);
|
|
12
12
|
}
|
|
13
13
|
);
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/radio-dot.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const RadioDotIcon = 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="M8 5.35a2.65 2.65 0 1 0 0 5.3 2.65 2.65 0 0 0 0-5.3Z" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
RadioDotIcon.displayName = "RadioDotIcon";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const CheckMarkIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path fill-rule="evenodd" d="M11.957 5.043a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.75 8.836l3.793-3.793a1 1 0 0 1 1.414 0Z" clip-rule="evenodd"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const ChevronDownIcon = `<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.04 6.284a.65.65 0 0 1 .92.001L8 9.335l3.04-3.05a.65.65 0 1 1 .921.918l-3.5 3.512a.65.65 0 0 1-.921 0L4.039 7.203a.65.65 0 0 1 .001-.92Z"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const ChevronLeftIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="m9.256 4.499-3.512 3.5 3.512 3.502"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const ChevronRightIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="m6.744 11.501 3.512-3.5-3.512-3.502"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const ChevronUpIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="m11.501 9.256-3.5-3.512-3.502 3.512"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const DiscordIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="100%" height="100%" style="display: block;"><path d="M6.888 6.7c-.347 0-.621.39-.621.867 0 .476.28.866.621.866.347 0 .622-.39.622-.866.006-.477-.275-.867-.622-.867Zm2.224 0c-.347 0-.622.39-.622.867 0 .476.28.866.622.866.347 0 .621-.39.621-.866 0-.477-.274-.867-.621-.867Z"/><path d="M12.977 1.5H3.023c-.84 0-1.523.598-1.523 1.339v8.788c0 .741.683 1.339 1.523 1.339h8.424l-.394-1.202.951.773.899.728L14.5 14.5V2.839c0-.741-.683-1.339-1.523-1.339ZM10.11 9.989s-.268-.28-.49-.527c.973-.24 1.344-.773 1.344-.773a4.509 4.509 0 0 1-.854.383 5.935 5.935 0 0 1-3.001.273 6.928 6.928 0 0 1-1.092-.279 4.665 4.665 0 0 1-.543-.221c-.022-.013-.044-.02-.067-.033a.102.102 0 0 1-.03-.019c-.133-.065-.207-.11-.207-.11s.356.52 1.3.767c-.223.247-.498.539-.498.539-1.642-.046-2.266-.988-2.266-.988 0-2.093 1.07-3.79 1.07-3.79 1.07-.702 2.087-.682 2.087-.682l.075.078c-1.337.338-1.954.851-1.954.851s.163-.078.438-.188c.795-.305 1.427-.39 1.687-.41.044-.006.081-.013.126-.013a6.8 6.8 0 0 1 3.736.611s-.586-.487-1.85-.825l.105-.104s1.017-.02 2.087.683c0 0 1.07 1.696 1.07 3.789 0 0-.632.943-2.273.988Z"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const HelpIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="100%" height="100%" style="display: block;"><path d="M8 14.65c-3.67 0-6.65-2.98-6.65-6.65 0-3.67 2.98-6.65 6.65-6.65 3.67 0 6.65 2.98 6.65 6.65 0 3.67-2.98 6.65-6.65 6.65Zm0-12c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.95 0 5.35-2.4 5.35-5.35 0-2.95-2.4-5.35-5.35-5.35Z"/><path d="M8.01 11.89c-.44 0-.8-.36-.8-.8 0-.44.35-.8.8-.8.44 0 .8.36.8.8 0 .44-.36.8-.8.8ZM7.95 9.17c-.27 0-.52-.17-.62-.44a.65.65 0 0 1 .41-.82c.44-.15 1.36-.64 1.36-1.18 0-.27-.09-.54-.27-.74-.17-.21-.42-.35-.69-.39-.27-.05-.54 0-.78.14s-.41.35-.5.61a.65.65 0 1 1-1.23-.43c.19-.55.57-1.01 1.07-1.3.5-.29 1.09-.4 1.65-.3.57.1 1.09.39 1.46.84.37.44.58 1.01.58 1.58 0 1.62-2.01 2.34-2.24 2.42-.07.02-.14.03-.21.03l.01-.02Z"/></svg>`;
|
|
@@ -42,6 +42,7 @@ export { BpStarOnIcon } from "./bp-star-on";
|
|
|
42
42
|
export { BugIcon } from "./bug";
|
|
43
43
|
export { ButtonElementIcon } from "./button-element";
|
|
44
44
|
export { CheckCircleIcon } from "./check-circle";
|
|
45
|
+
export { CheckMarkIcon } from "./check-mark";
|
|
45
46
|
export { CheckboxCheckedFilledIcon } from "./checkbox-checked-filled";
|
|
46
47
|
export { CheckboxCheckedIcon } from "./checkbox-checked";
|
|
47
48
|
export { CheckboxEmptyIcon } from "./checkbox-empty";
|
|
@@ -50,10 +51,14 @@ export { ChevronBigDownIcon } from "./chevron-big-down";
|
|
|
50
51
|
export { ChevronBigLeftIcon } from "./chevron-big-left";
|
|
51
52
|
export { ChevronBigRightIcon } from "./chevron-big-right";
|
|
52
53
|
export { ChevronBigUpIcon } from "./chevron-big-up";
|
|
54
|
+
export { ChevronDownIcon } from "./chevron-down";
|
|
53
55
|
export { ChevronFilledDownIcon } from "./chevron-filled-down";
|
|
54
56
|
export { ChevronFilledLeftIcon } from "./chevron-filled-left";
|
|
55
57
|
export { ChevronFilledRightIcon } from "./chevron-filled-right";
|
|
56
58
|
export { ChevronFilledUpIcon } from "./chevron-filled-up";
|
|
59
|
+
export { ChevronLeftIcon } from "./chevron-left";
|
|
60
|
+
export { ChevronRightIcon } from "./chevron-right";
|
|
61
|
+
export { ChevronUpIcon } from "./chevron-up";
|
|
57
62
|
export { CodeTextIcon } from "./code-text";
|
|
58
63
|
export { CollapsibleIcon } from "./collapsible";
|
|
59
64
|
export { CommitIcon } from "./commit";
|
|
@@ -64,6 +69,7 @@ export { DashIcon } from "./dash";
|
|
|
64
69
|
export { DashedBorderIcon } from "./dashed-border";
|
|
65
70
|
export { DescriptionIcon } from "./description";
|
|
66
71
|
export { DialogIcon } from "./dialog";
|
|
72
|
+
export { DiscordIcon } from "./discord";
|
|
67
73
|
export { DivIcon } from "./div";
|
|
68
74
|
export { DotIcon } from "./dot";
|
|
69
75
|
export { DottedBorderIcon } from "./dotted-border";
|
|
@@ -85,6 +91,7 @@ export { GrowIcon } from "./grow";
|
|
|
85
91
|
export { HamburgerMenuIcon } from "./hamburger-menu";
|
|
86
92
|
export { HeaderIcon } from "./header";
|
|
87
93
|
export { HeadingIcon } from "./heading";
|
|
94
|
+
export { HelpIcon } from "./help";
|
|
88
95
|
export { ImageIcon } from "./image";
|
|
89
96
|
export { InfoIcon } from "./info";
|
|
90
97
|
export { InformationIcon } from "./information";
|
|
@@ -116,6 +123,7 @@ export { PlayIcon } from "./play";
|
|
|
116
123
|
export { PlusIcon } from "./plus";
|
|
117
124
|
export { PopoverIcon } from "./popover";
|
|
118
125
|
export { RadioCheckedIcon } from "./radio-checked";
|
|
126
|
+
export { RadioDotIcon } from "./radio-dot";
|
|
119
127
|
export { RadioUncheckedIcon } from "./radio-unchecked";
|
|
120
128
|
export { RefreshIcon } from "./refresh";
|
|
121
129
|
export { RepeatColumnIcon } from "./repeat-column";
|
|
@@ -140,7 +148,11 @@ export { TextItalicIcon } from "./text-italic";
|
|
|
140
148
|
export { TextIcon } from "./text";
|
|
141
149
|
export { TooltipIcon } from "./tooltip";
|
|
142
150
|
export { TriggerIcon } from "./trigger";
|
|
151
|
+
export { TwitterIcon } from "./twitter";
|
|
143
152
|
export { VideoIcon } from "./video";
|
|
153
|
+
export { ViewportIcon } from "./viewport";
|
|
144
154
|
export { VimeoIcon } from "./vimeo";
|
|
155
|
+
export { Webstudio1cIcon } from "./webstudio-1c";
|
|
145
156
|
export { WebstudioIcon } from "./webstudio";
|
|
146
157
|
export { WrapIcon } from "./wrap";
|
|
158
|
+
export { Youtube1cIcon } from "./youtube-1c";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const NavigationMenuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path
|
|
1
|
+
export const NavigationMenuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path d="M10.827 1.35H5.173c-.537 0-.98 0-1.34.03-.373.03-.715.095-1.036.259a2.65 2.65 0 0 0-1.158 1.158c-.181.355-.243.739-.269 1.163a.65.65 0 0 0 .65.69h11.96a.65.65 0 0 0 .65-.69c-.026-.424-.088-.808-.269-1.163a2.65 2.65 0 0 0-1.158-1.158c-.32-.164-.663-.229-1.037-.26-.36-.029-.802-.029-1.34-.029ZM2 6.02a.65.65 0 0 1 .65.65v4.13c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V6.67a.65.65 0 1 1 1.3 0v4.156c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V6.67A.65.65 0 0 1 2 6.02Z"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const RadioDotIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path d="M8 5.35a2.65 2.65 0 1 0 0 5.3 2.65 2.65 0 0 0 0-5.3Z"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const TwitterIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="100%" height="100%" style="display: block;"><path d="M13.566 5.144c.007.123.009.248.009.371 0 3.797-2.89 8.173-8.172 8.173A8.124 8.124 0 0 1 1 12.398a5.765 5.765 0 0 0 4.252-1.188 2.875 2.875 0 0 1-2.683-1.996 2.936 2.936 0 0 0 1.297-.05 2.875 2.875 0 0 1-2.304-2.817v-.035c.388.215.831.344 1.301.36a2.872 2.872 0 0 1-.888-3.836 8.153 8.153 0 0 0 5.92 3.002 2.87 2.87 0 0 1 2.798-3.526c.826 0 1.572.347 2.097.906a5.785 5.785 0 0 0 1.824-.697A2.883 2.883 0 0 1 13.35 4.11 5.746 5.746 0 0 0 15 3.658a5.8 5.8 0 0 1-1.434 1.486Z"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const ViewportIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="100%" height="100%" style="display: block;"><path fill-rule="evenodd" d="M5.173 1.35h.157a.65.65 0 0 1 0 1.3H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.025.301-.025.69-.025 1.261v.13a.65.65 0 0 1-1.3 0v-.157c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029Zm6.888 1.325c-.301-.024-.69-.025-1.261-.025h-.13a.65.65 0 1 1 0-1.3h.157c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.036.029.36.029.803.029 1.34v.157a.65.65 0 1 1-1.3 0V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122ZM2 10.02a.65.65 0 0 1 .65.65v.13c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.025.69.025 1.261.025h.13a.65.65 0 1 1 0 1.3h-.157c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.029-.36-.029-.802-.029-1.34v-.156a.65.65 0 0 1 .65-.65Zm12 0a.65.65 0 0 1 .65.65v.157c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.029-.802.029-1.34.029h-.156a.65.65 0 1 1 0-1.3h.13c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.261v-.13a.65.65 0 0 1 .65-.65ZM8 10.033a2.033 2.033 0 1 0 0-4.066 2.033 2.033 0 0 0 0 4.066Zm0 1.3a3.333 3.333 0 1 0 0-6.666 3.333 3.333 0 0 0 0 6.666Z" clip-rule="evenodd"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const Webstudio1cIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="100%" height="100%" style="display: block;"><path fill-rule="evenodd" d="m12.32 12.416 2.62-8.085a1.205 1.205 0 1 0-2.292-.746l-2.62 8.084a1.205 1.205 0 1 0 2.292.747Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M8 7.624c.297 0 .517.175.704.394.207.243.373.545.514.866.634 1.44.753 3.241.753 3.241a1.206 1.206 0 0 0 1.285 1.122 1.207 1.207 0 0 0 1.12-1.287s-.16-2.25-.952-4.05C10.744 6.364 9.594 5.208 8 5.208c-1.594 0-2.744 1.156-3.424 2.7-.792 1.8-.951 4.05-.951 4.05a1.207 1.207 0 0 0 1.12 1.288 1.206 1.206 0 0 0 1.284-1.122s.119-1.8.753-3.24a3.52 3.52 0 0 1 .514-.867c.187-.22.406-.394.704-.394Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M5.973 11.669 3.352 3.585a1.205 1.205 0 1 0-2.293.746l2.622 8.084a1.205 1.205 0 1 0 2.292-.746Z" clip-rule="evenodd"/></svg>`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const Youtube1cIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="100%" height="100%" style="display: block;"><path fill-rule="evenodd" d="M13.47 3.299a1.771 1.771 0 0 1 1.238 1.263C15 5.675 15 8 15 8s0 2.325-.293 3.438a1.771 1.771 0 0 1-1.238 1.263C12.38 13 8 13 8 13s-4.378 0-5.47-.299a1.771 1.771 0 0 1-1.237-1.263C1 10.325 1 8 1 8s0-2.325.293-3.438A1.771 1.771 0 0 1 2.53 3.299C3.622 3 8 3 8 3s4.378 0 5.47.299Zm-3.232 4.7L6.6 10.144V5.857L10.238 8Z" clip-rule="evenodd"/></svg>`;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/twitter.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const TwitterIcon = 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="M13.566 5.144c.007.123.009.248.009.371 0 3.797-2.89 8.173-8.172 8.173A8.124 8.124 0 0 1 1 12.398a5.765 5.765 0 0 0 4.252-1.188 2.875 2.875 0 0 1-2.683-1.996 2.936 2.936 0 0 0 1.297-.05 2.875 2.875 0 0 1-2.304-2.817v-.035c.388.215.831.344 1.301.36a2.872 2.872 0 0 1-.888-3.836 8.153 8.153 0 0 0 5.92 3.002 2.87 2.87 0 0 1 2.798-3.526c.826 0 1.572.347 2.097.906a5.785 5.785 0 0 0 1.824-.697A2.883 2.883 0 0 1 13.35 4.11 5.746 5.746 0 0 0 15 3.658a5.8 5.8 0 0 1-1.434 1.486Z" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
TwitterIcon.displayName = "TwitterIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/viewport.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const ViewportIcon = 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="M5.173 1.35h.157a.65.65 0 0 1 0 1.3H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.025.301-.025.69-.025 1.261v.13a.65.65 0 0 1-1.3 0v-.157c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029Zm6.888 1.325c-.301-.024-.69-.025-1.261-.025h-.13a.65.65 0 1 1 0-1.3h.157c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.036.029.36.029.803.029 1.34v.157a.65.65 0 1 1-1.3 0V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122ZM2 10.02a.65.65 0 0 1 .65.65v.13c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.025.69.025 1.261.025h.13a.65.65 0 1 1 0 1.3h-.157c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.029-.36-.029-.802-.029-1.34v-.156a.65.65 0 0 1 .65-.65Zm12 0a.65.65 0 0 1 .65.65v.157c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.029-.802.029-1.34.029h-.156a.65.65 0 1 1 0-1.3h.13c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.261v-.13a.65.65 0 0 1 .65-.65ZM8 10.033a2.033 2.033 0 1 0 0-4.066 2.033 2.033 0 0 0 0 4.066Zm0 1.3a3.333 3.333 0 1 0 0-6.666 3.333 3.333 0 0 0 0 6.666Z" clipRule="evenodd" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
ViewportIcon.displayName = "ViewportIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/webstudio-1c.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const Webstudio1cIcon = 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="m12.32 12.416 2.62-8.085a1.205 1.205 0 1 0-2.292-.746l-2.62 8.084a1.205 1.205 0 1 0 2.292.747Z" clipRule="evenodd" /><path fillRule="evenodd" d="M8 7.624c.297 0 .517.175.704.394.207.243.373.545.514.866.634 1.44.753 3.241.753 3.241a1.206 1.206 0 0 0 1.285 1.122 1.207 1.207 0 0 0 1.12-1.287s-.16-2.25-.952-4.05C10.744 6.364 9.594 5.208 8 5.208c-1.594 0-2.744 1.156-3.424 2.7-.792 1.8-.951 4.05-.951 4.05a1.207 1.207 0 0 0 1.12 1.288 1.206 1.206 0 0 0 1.284-1.122s.119-1.8.753-3.24a3.52 3.52 0 0 1 .514-.867c.187-.22.406-.394.704-.394Z" clipRule="evenodd" /><path fillRule="evenodd" d="M5.973 11.669 3.352 3.585a1.205 1.205 0 1 0-2.293.746l2.622 8.084a1.205 1.205 0 1 0 2.292-.746Z" clipRule="evenodd" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
Webstudio1cIcon.displayName = "Webstudio1cIcon";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Generated from icons/youtube-1c.svg
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
export const Youtube1cIcon = 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="M13.47 3.299a1.771 1.771 0 0 1 1.238 1.263C15 5.675 15 8 15 8s0 2.325-.293 3.438a1.771 1.771 0 0 1-1.238 1.263C12.38 13 8 13 8 13s-4.378 0-5.47-.299a1.771 1.771 0 0 1-1.237-1.263C1 10.325 1 8 1 8s0-2.325.293-3.438A1.771 1.771 0 0 1 2.53 3.299C3.622 3 8 3 8 3s4.378 0 5.47.299Zm-3.232 4.7L6.6 10.144V5.857L10.238 8Z" clipRule="evenodd" /></svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
|
|
15
|
+
Youtube1cIcon.displayName = "Youtube1cIcon";
|
package/src/index.ts
CHANGED
|
@@ -21,10 +21,6 @@ export * from "./chevron-double-up";
|
|
|
21
21
|
export * from "./chevron-double-down";
|
|
22
22
|
export * from "./chevron-double-left";
|
|
23
23
|
export * from "./chevron-double-right";
|
|
24
|
-
export * from "./chevron-up";
|
|
25
|
-
export * from "./chevron-down";
|
|
26
|
-
export * from "./chevron-left";
|
|
27
|
-
export * from "./chevron-right";
|
|
28
24
|
export * from "./cross-circled-filled";
|
|
29
25
|
export * from "./cross";
|
|
30
26
|
export * from "./magnifying-glass";
|
|
@@ -44,4 +40,3 @@ export * from "./text-underline";
|
|
|
44
40
|
export * from "./text-uppercase";
|
|
45
41
|
export * from "./text-direction-ltr";
|
|
46
42
|
export * from "./text-direction-rtl";
|
|
47
|
-
export * from "./check-mark";
|
package/src/twitter.tsx
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { forwardRef } from "react";
|
|
2
|
+
import type { IconProps } from "./types";
|
|
3
|
+
|
|
4
|
+
export const TwitterIcon = forwardRef<SVGSVGElement, IconProps>(
|
|
5
|
+
({ color = "#fff", size = 16, ...props }, forwardedRef) => {
|
|
6
|
+
return (
|
|
7
|
+
<svg
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
viewBox="0 0 16 16"
|
|
10
|
+
width={size}
|
|
11
|
+
height={size}
|
|
12
|
+
fill={color}
|
|
13
|
+
{...props}
|
|
14
|
+
ref={forwardedRef}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
fill={color}
|
|
18
|
+
d="M13.566 5.144c.007.123.009.248.009.371 0 3.797-2.89 8.173-8.172 8.173A8.124 8.124 0 0 1 1 12.398a5.765 5.765 0 0 0 4.252-1.188 2.875 2.875 0 0 1-2.683-1.996 2.936 2.936 0 0 0 1.297-.05 2.875 2.875 0 0 1-2.304-2.817v-.035c.388.215.831.344 1.301.36a2.872 2.872 0 0 1-.888-3.836 8.153 8.153 0 0 0 5.92 3.002 2.87 2.87 0 0 1 2.798-3.526c.826 0 1.572.347 2.097.906a5.785 5.785 0 0 0 1.824-.697A2.883 2.883 0 0 1 13.35 4.11 5.746 5.746 0 0 0 15 3.658a5.8 5.8 0 0 1-1.434 1.486Z"
|
|
19
|
+
/>
|
|
20
|
+
</svg>
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
|
|
25
|
+
TwitterIcon.displayName = "TwitterIcon";
|
package/lib/check-mark.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from "react";
|
|
3
|
-
const CheckMarkIcon = forwardRef(
|
|
4
|
-
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
-
"svg",
|
|
7
|
-
{
|
|
8
|
-
width: "16",
|
|
9
|
-
height: "16",
|
|
10
|
-
viewBox: "0 0 16 16",
|
|
11
|
-
fill: "none",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
-
...props,
|
|
14
|
-
ref: forwardedRef,
|
|
15
|
-
children: /* @__PURE__ */ jsx(
|
|
16
|
-
"path",
|
|
17
|
-
{
|
|
18
|
-
d: "M4.75 8.25L6.75 10.25L11.25 5.75",
|
|
19
|
-
stroke: color,
|
|
20
|
-
strokeWidth: "2",
|
|
21
|
-
strokeLinecap: "round",
|
|
22
|
-
strokeLinejoin: "round"
|
|
23
|
-
}
|
|
24
|
-
)
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
CheckMarkIcon.displayName = "CheckMarkIcon";
|
|
30
|
-
export {
|
|
31
|
-
CheckMarkIcon
|
|
32
|
-
};
|
package/lib/chevron-down.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
const ChevronDownIcon = React.forwardRef(
|
|
4
|
-
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
-
"svg",
|
|
7
|
-
{
|
|
8
|
-
width: "16",
|
|
9
|
-
height: "16",
|
|
10
|
-
viewBox: "0 0 16 16",
|
|
11
|
-
fill: "none",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
-
...props,
|
|
14
|
-
ref: forwardedRef,
|
|
15
|
-
children: /* @__PURE__ */ jsx(
|
|
16
|
-
"path",
|
|
17
|
-
{
|
|
18
|
-
d: "M4.04008 6.28383C4.29431 6.03037 4.70587 6.031 4.95932 6.28523L7.99985 9.33506L11.0404 6.28523C11.2938 6.031 11.7054 6.03037 11.9596 6.28383C12.2139 6.53728 12.2145 6.94884 11.961 7.20306L8.46017 10.7146C8.33822 10.837 8.17259 10.9057 7.99985 10.9057C7.82712 10.9057 7.66149 10.837 7.53953 10.7146L4.03868 7.20306C3.78523 6.94884 3.78585 6.53728 4.04008 6.28383Z",
|
|
19
|
-
fill: color
|
|
20
|
-
}
|
|
21
|
-
)
|
|
22
|
-
}
|
|
23
|
-
);
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
ChevronDownIcon.displayName = "ChevronDownIcon";
|
|
27
|
-
export {
|
|
28
|
-
ChevronDownIcon
|
|
29
|
-
};
|
package/lib/chevron-left.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
const ChevronLeftIcon = React.forwardRef(
|
|
4
|
-
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
-
"svg",
|
|
7
|
-
{
|
|
8
|
-
width: "16",
|
|
9
|
-
height: "16",
|
|
10
|
-
viewBox: "0 0 16 16",
|
|
11
|
-
fill: "none",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
-
...props,
|
|
14
|
-
ref: forwardedRef,
|
|
15
|
-
children: /* @__PURE__ */ jsx(
|
|
16
|
-
"path",
|
|
17
|
-
{
|
|
18
|
-
fillRule: "evenodd",
|
|
19
|
-
clipRule: "evenodd",
|
|
20
|
-
d: "M9.7162 4.04011C9.96966 4.29434 9.96903 4.7059 9.7148 4.95935L6.66497 7.99988L9.7148 11.0404C9.96903 11.2939 9.96966 11.7054 9.7162 11.9597C9.46275 12.2139 9.05119 12.2145 8.79697 11.9611L5.28541 8.4602C5.16308 8.33825 5.09432 8.17262 5.09432 7.99988C5.09432 7.82715 5.16308 7.66152 5.28541 7.53956L8.79697 4.03871C9.05119 3.78526 9.46275 3.78588 9.7162 4.04011Z",
|
|
21
|
-
fill: color
|
|
22
|
-
}
|
|
23
|
-
)
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
ChevronLeftIcon.displayName = "ChevronLeftIcon";
|
|
29
|
-
export {
|
|
30
|
-
ChevronLeftIcon
|
|
31
|
-
};
|
package/lib/chevron-right.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
const ChevronRightIcon = React.forwardRef(
|
|
4
|
-
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
-
"svg",
|
|
7
|
-
{
|
|
8
|
-
width: "16",
|
|
9
|
-
height: "16",
|
|
10
|
-
viewBox: "0 0 16 16",
|
|
11
|
-
fill: "none",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
-
...props,
|
|
14
|
-
ref: forwardedRef,
|
|
15
|
-
children: /* @__PURE__ */ jsx(
|
|
16
|
-
"path",
|
|
17
|
-
{
|
|
18
|
-
fillRule: "evenodd",
|
|
19
|
-
clipRule: "evenodd",
|
|
20
|
-
d: "M6.2838 11.9599C6.03034 11.7057 6.03097 11.2941 6.2852 11.0407L9.33503 8.00013L6.2852 4.95959C6.03097 4.70614 6.03034 4.29458 6.2838 4.04036C6.53725 3.78613 6.94881 3.7855 7.20303 4.03895L10.7146 7.5398C10.8369 7.66176 10.9057 7.82739 10.9057 8.00013C10.9057 8.17286 10.8369 8.33849 10.7146 8.46045L7.20303 11.9613C6.94881 12.2148 6.53725 12.2141 6.2838 11.9599Z",
|
|
21
|
-
fill: color
|
|
22
|
-
}
|
|
23
|
-
)
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
ChevronRightIcon.displayName = "ChevronRightIcon";
|
|
29
|
-
export {
|
|
30
|
-
ChevronRightIcon
|
|
31
|
-
};
|
package/lib/chevron-up.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
const ChevronUpIcon = React.forwardRef(
|
|
4
|
-
({ color = "currentColor", ...props }, forwardedRef) => {
|
|
5
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
-
"svg",
|
|
7
|
-
{
|
|
8
|
-
width: "16",
|
|
9
|
-
height: "16",
|
|
10
|
-
viewBox: "0 0 16 16",
|
|
11
|
-
fill: "none",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
-
...props,
|
|
14
|
-
ref: forwardedRef,
|
|
15
|
-
children: /* @__PURE__ */ jsx(
|
|
16
|
-
"path",
|
|
17
|
-
{
|
|
18
|
-
fillRule: "evenodd",
|
|
19
|
-
clipRule: "evenodd",
|
|
20
|
-
d: "M11.9599 9.71617C11.7057 9.96963 11.2941 9.969 11.0407 9.71477L8.00015 6.66494L4.95962 9.71477C4.70616 9.969 4.29461 9.96963 4.04038 9.71617C3.78615 9.46272 3.78552 9.05116 4.03897 8.79694L7.53983 5.28538C7.66178 5.16305 7.82741 5.09429 8.00015 5.09429C8.17288 5.09429 8.33851 5.16305 8.46047 5.28538L11.9613 8.79694C12.2148 9.05116 12.2141 9.46272 11.9599 9.71617Z",
|
|
21
|
-
fill: color
|
|
22
|
-
}
|
|
23
|
-
)
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
ChevronUpIcon.displayName = "ChevronUpIcon";
|
|
29
|
-
export {
|
|
30
|
-
ChevronUpIcon
|
|
31
|
-
};
|