@webstudio-is/icons 0.87.1 → 0.88.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 (138) hide show
  1. package/lib/__generated__/check-mark.js +11 -0
  2. package/lib/__generated__/chevron-down.js +11 -0
  3. package/lib/__generated__/chevron-left.js +11 -0
  4. package/lib/__generated__/chevron-right.js +11 -0
  5. package/lib/__generated__/chevron-up.js +11 -0
  6. package/lib/__generated__/discord.js +14 -0
  7. package/lib/__generated__/help.js +14 -0
  8. package/lib/__generated__/index.js +12 -0
  9. package/lib/__generated__/navigation-menu.js +1 -1
  10. package/lib/__generated__/radio-dot.js +11 -0
  11. package/lib/__generated__/svg/check-mark.js +4 -0
  12. package/lib/__generated__/svg/chevron-down.js +4 -0
  13. package/lib/__generated__/svg/chevron-left.js +4 -0
  14. package/lib/__generated__/svg/chevron-right.js +4 -0
  15. package/lib/__generated__/svg/chevron-up.js +4 -0
  16. package/lib/__generated__/svg/discord.js +4 -0
  17. package/lib/__generated__/svg/help.js +4 -0
  18. package/lib/__generated__/svg/index.js +25 -1
  19. package/lib/__generated__/svg/navigation-menu.js +1 -1
  20. package/lib/__generated__/svg/radio-dot.js +4 -0
  21. package/lib/__generated__/svg/twitter.js +4 -0
  22. package/lib/__generated__/svg/viewport.js +4 -0
  23. package/lib/__generated__/svg/webstudio-1c.js +4 -0
  24. package/lib/__generated__/svg/youtube-1c.js +4 -0
  25. package/lib/__generated__/twitter.js +11 -0
  26. package/lib/__generated__/viewport.js +11 -0
  27. package/lib/__generated__/webstudio-1c.js +15 -0
  28. package/lib/__generated__/youtube-1c.js +11 -0
  29. package/lib/cjs/{check-mark.js → __generated__/check-mark.js} +2 -23
  30. package/lib/cjs/__generated__/chevron-down.js +31 -0
  31. package/lib/cjs/__generated__/chevron-left.js +31 -0
  32. package/lib/cjs/__generated__/chevron-right.js +31 -0
  33. package/lib/cjs/__generated__/chevron-up.js +31 -0
  34. package/lib/cjs/__generated__/discord.js +34 -0
  35. package/lib/cjs/__generated__/help.js +34 -0
  36. package/lib/cjs/__generated__/index.js +12 -0
  37. package/lib/cjs/__generated__/navigation-menu.js +1 -1
  38. package/lib/cjs/__generated__/radio-dot.js +31 -0
  39. package/lib/cjs/__generated__/svg/check-mark.js +24 -0
  40. package/lib/cjs/__generated__/svg/chevron-down.js +24 -0
  41. package/lib/cjs/__generated__/svg/chevron-left.js +24 -0
  42. package/lib/cjs/__generated__/svg/chevron-right.js +24 -0
  43. package/lib/cjs/__generated__/svg/chevron-up.js +24 -0
  44. package/lib/cjs/__generated__/svg/discord.js +24 -0
  45. package/lib/cjs/__generated__/svg/help.js +24 -0
  46. package/lib/cjs/__generated__/svg/index.js +25 -1
  47. package/lib/cjs/__generated__/svg/navigation-menu.js +1 -1
  48. package/lib/cjs/__generated__/svg/radio-dot.js +24 -0
  49. package/lib/cjs/__generated__/svg/twitter.js +24 -0
  50. package/lib/cjs/__generated__/svg/viewport.js +24 -0
  51. package/lib/cjs/__generated__/svg/webstudio-1c.js +24 -0
  52. package/lib/cjs/__generated__/svg/youtube-1c.js +24 -0
  53. package/lib/cjs/__generated__/twitter.js +31 -0
  54. package/lib/cjs/__generated__/viewport.js +31 -0
  55. package/lib/cjs/__generated__/webstudio-1c.js +35 -0
  56. package/lib/cjs/__generated__/youtube-1c.js +31 -0
  57. package/lib/cjs/index.js +0 -5
  58. package/lib/cjs/twitter.js +49 -0
  59. package/lib/index.js +0 -5
  60. package/lib/twitter.js +29 -0
  61. package/lib/types/src/{check-mark.d.ts → __generated__/check-mark.d.ts} +1 -1
  62. package/lib/types/src/__generated__/chevron-down.d.ts +3 -0
  63. package/lib/types/src/__generated__/chevron-left.d.ts +3 -0
  64. package/lib/types/src/__generated__/chevron-right.d.ts +3 -0
  65. package/lib/types/src/__generated__/chevron-up.d.ts +3 -0
  66. package/lib/types/src/__generated__/discord.d.ts +3 -0
  67. package/lib/types/src/__generated__/help.d.ts +3 -0
  68. package/lib/types/src/__generated__/index.d.ts +12 -0
  69. package/lib/types/src/__generated__/radio-dot.d.ts +3 -0
  70. package/lib/types/src/__generated__/svg/check-mark.d.ts +1 -0
  71. package/lib/types/src/__generated__/svg/chevron-down.d.ts +1 -0
  72. package/lib/types/src/__generated__/svg/chevron-left.d.ts +1 -0
  73. package/lib/types/src/__generated__/svg/chevron-right.d.ts +1 -0
  74. package/lib/types/src/__generated__/svg/chevron-up.d.ts +1 -0
  75. package/lib/types/src/__generated__/svg/discord.d.ts +1 -0
  76. package/lib/types/src/__generated__/svg/help.d.ts +1 -0
  77. package/lib/types/src/__generated__/svg/index.d.ts +12 -0
  78. package/lib/types/src/__generated__/svg/navigation-menu.d.ts +1 -1
  79. package/lib/types/src/__generated__/svg/radio-dot.d.ts +1 -0
  80. package/lib/types/src/__generated__/svg/twitter.d.ts +1 -0
  81. package/lib/types/src/__generated__/svg/viewport.d.ts +1 -0
  82. package/lib/types/src/__generated__/svg/webstudio-1c.d.ts +1 -0
  83. package/lib/types/src/__generated__/svg/youtube-1c.d.ts +1 -0
  84. package/lib/types/src/__generated__/twitter.d.ts +3 -0
  85. package/lib/types/src/__generated__/viewport.d.ts +3 -0
  86. package/lib/types/src/__generated__/webstudio-1c.d.ts +3 -0
  87. package/lib/types/src/__generated__/youtube-1c.d.ts +3 -0
  88. package/lib/types/src/index.d.ts +0 -5
  89. package/lib/types/src/twitter.d.ts +3 -0
  90. package/package.json +3 -3
  91. package/src/__generated__/check-mark.tsx +15 -0
  92. package/src/__generated__/chevron-down.tsx +15 -0
  93. package/src/__generated__/chevron-left.tsx +15 -0
  94. package/src/__generated__/chevron-right.tsx +15 -0
  95. package/src/__generated__/chevron-up.tsx +15 -0
  96. package/src/__generated__/discord.tsx +15 -0
  97. package/src/__generated__/help.tsx +15 -0
  98. package/src/__generated__/index.ts +12 -0
  99. package/src/__generated__/navigation-menu.tsx +1 -1
  100. package/src/__generated__/radio-dot.tsx +15 -0
  101. package/src/__generated__/svg/check-mark.ts +1 -0
  102. package/src/__generated__/svg/chevron-down.ts +1 -0
  103. package/src/__generated__/svg/chevron-left.ts +1 -0
  104. package/src/__generated__/svg/chevron-right.ts +1 -0
  105. package/src/__generated__/svg/chevron-up.ts +1 -0
  106. package/src/__generated__/svg/discord.ts +1 -0
  107. package/src/__generated__/svg/help.ts +1 -0
  108. package/src/__generated__/svg/index.ts +12 -0
  109. package/src/__generated__/svg/navigation-menu.ts +1 -1
  110. package/src/__generated__/svg/radio-dot.ts +1 -0
  111. package/src/__generated__/svg/twitter.ts +1 -0
  112. package/src/__generated__/svg/viewport.ts +1 -0
  113. package/src/__generated__/svg/webstudio-1c.ts +1 -0
  114. package/src/__generated__/svg/youtube-1c.ts +1 -0
  115. package/src/__generated__/twitter.tsx +15 -0
  116. package/src/__generated__/viewport.tsx +15 -0
  117. package/src/__generated__/webstudio-1c.tsx +15 -0
  118. package/src/__generated__/youtube-1c.tsx +15 -0
  119. package/src/index.ts +0 -5
  120. package/src/twitter.tsx +25 -0
  121. package/lib/check-mark.js +0 -32
  122. package/lib/chevron-down.js +0 -29
  123. package/lib/chevron-left.js +0 -31
  124. package/lib/chevron-right.js +0 -31
  125. package/lib/chevron-up.js +0 -31
  126. package/lib/cjs/chevron-down.js +0 -59
  127. package/lib/cjs/chevron-left.js +0 -61
  128. package/lib/cjs/chevron-right.js +0 -61
  129. package/lib/cjs/chevron-up.js +0 -61
  130. package/lib/types/src/chevron-down.d.ts +0 -3
  131. package/lib/types/src/chevron-left.d.ts +0 -3
  132. package/lib/types/src/chevron-right.d.ts +0 -3
  133. package/lib/types/src/chevron-up.d.ts +0 -3
  134. package/src/check-mark.tsx +0 -28
  135. package/src/chevron-down.tsx +0 -25
  136. package/src/chevron-left.tsx +0 -27
  137. package/src/chevron-right.tsx +0 -27
  138. 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 fillRule="evenodd" d="M7.656.907c.225-.061.463-.061.688 0 .262.07.482.244.66.384l.05.039 4.521 3.516.052.04c.251.196.47.366.634.587.144.194.25.412.316.644.074.265.073.543.073.862v4.913c0 .352 0 .654-.02.903a2.02 2.02 0 0 1-.196.772c-.19.373-.494.677-.867.867a2.02 2.02 0 0 1-.772.196c-.249.02-.551.02-.903.02h-1.374c-.08 0-.174 0-.257-.007a.987.987 0 0 1-.374-.1.984.984 0 0 1-.43-.43.989.989 0 0 1-.1-.374 3.277 3.277 0 0 1-.007-.257V9.067a5.468 5.468 0 0 0-.01-.408 5.466 5.466 0 0 0-.408-.01H7.068a5.466 5.466 0 0 0-.408.01 5.466 5.466 0 0 0-.01.408l.001 4.415c0 .08 0 .174-.007.257a.989.989 0 0 1-.1.374.984.984 0 0 1-.43.43.987.987 0 0 1-.374.1c-.083.007-.177.007-.257.007H4.108c-.352 0-.654 0-.903-.02a2.02 2.02 0 0 1-.772-.196 1.983 1.983 0 0 1-.867-.867 2.02 2.02 0 0 1-.196-.772c-.02-.249-.02-.551-.02-.903V6.979c0-.32 0-.597.073-.862.065-.232.172-.45.316-.644.163-.221.383-.391.634-.587l.052-.04L6.946 1.33l.05-.04c.178-.14.398-.312.66-.383ZM8 2.165a4.861 4.861 0 0 1 .256.191l4.521 3.516c.332.258.396.315.44.374.048.067.085.142.108.222.02.07.025.156.025.575v4.824c0 .384 0 .633-.016.822-.015.183-.04.252-.059.288a.683.683 0 0 1-.298.298c-.036.019-.105.044-.287.059-.19.016-.44.016-.823.016H10.65V9.046c0-.169 0-.332-.011-.47a1.332 1.332 0 0 0-.132-.507 1.317 1.317 0 0 0-.576-.576 1.331 1.331 0 0 0-.507-.132 6.11 6.11 0 0 0-.47-.011H7.046c-.169 0-.332 0-.47.011a1.331 1.331 0 0 0-.507.133c-.248.126-.45.327-.575.575-.091.178-.12.355-.133.507-.011.138-.011.301-.011.47v4.304H4.133c-.384 0-.633 0-.822-.016-.183-.015-.252-.04-.288-.059a.683.683 0 0 1-.299-.298c-.018-.036-.043-.105-.058-.287-.015-.19-.016-.44-.016-.823V7.043c0-.42.006-.505.025-.575a.683.683 0 0 1 .109-.222c.043-.059.107-.116.439-.374l4.521-3.516A4.86 4.86 0 0 1 8 2.165Z" clipRule="evenodd" /></svg>
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 fill-rule="evenodd" d="M7.656.907c.225-.061.463-.061.688 0 .262.07.482.244.66.384l.05.039 4.521 3.516.052.04c.251.196.47.366.634.587.144.194.25.412.316.644.074.265.073.543.073.862v4.913c0 .352 0 .654-.02.903a2.02 2.02 0 0 1-.196.772c-.19.373-.494.677-.867.867a2.02 2.02 0 0 1-.772.196c-.249.02-.551.02-.903.02h-1.374c-.08 0-.174 0-.257-.007a.987.987 0 0 1-.374-.1.984.984 0 0 1-.43-.43.989.989 0 0 1-.1-.374 3.277 3.277 0 0 1-.007-.257V9.067a5.468 5.468 0 0 0-.01-.408 5.466 5.466 0 0 0-.408-.01H7.068a5.466 5.466 0 0 0-.408.01 5.466 5.466 0 0 0-.01.408l.001 4.415c0 .08 0 .174-.007.257a.989.989 0 0 1-.1.374.984.984 0 0 1-.43.43.987.987 0 0 1-.374.1c-.083.007-.177.007-.257.007H4.108c-.352 0-.654 0-.903-.02a2.02 2.02 0 0 1-.772-.196 1.983 1.983 0 0 1-.867-.867 2.02 2.02 0 0 1-.196-.772c-.02-.249-.02-.551-.02-.903V6.979c0-.32 0-.597.073-.862.065-.232.172-.45.316-.644.163-.221.383-.391.634-.587l.052-.04L6.946 1.33l.05-.04c.178-.14.398-.312.66-.383ZM8 2.165a4.861 4.861 0 0 1 .256.191l4.521 3.516c.332.258.396.315.44.374.048.067.085.142.108.222.02.07.025.156.025.575v4.824c0 .384 0 .633-.016.822-.015.183-.04.252-.059.288a.683.683 0 0 1-.298.298c-.036.019-.105.044-.287.059-.19.016-.44.016-.823.016H10.65V9.046c0-.169 0-.332-.011-.47a1.332 1.332 0 0 0-.132-.507 1.317 1.317 0 0 0-.576-.576 1.331 1.331 0 0 0-.507-.132 6.11 6.11 0 0 0-.47-.011H7.046c-.169 0-.332 0-.47.011a1.331 1.331 0 0 0-.507.133c-.248.126-.45.327-.575.575-.091.178-.12.355-.133.507-.011.138-.011.301-.011.47v4.304H4.133c-.384 0-.633 0-.822-.016-.183-.015-.252-.04-.288-.059a.683.683 0 0 1-.299-.298c-.018-.036-.043-.105-.058-.287-.015-.19-.016-.44-.016-.823V7.043c0-.42.006-.505.025-.575a.683.683 0 0 1 .109-.222c.043-.059.107-.116.439-.374l4.521-3.516A4.86 4.86 0 0 1 8 2.165Z" clip-rule="evenodd"/></svg>`;
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";
@@ -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
- };
@@ -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
- };
@@ -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
- };
@@ -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
- };