dst-rg 1.0.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 (249) hide show
  1. package/.gitlab-ci.yml +43 -0
  2. package/.storybook/main.ts +15 -0
  3. package/.storybook/preview.ts +15 -0
  4. package/README.md +254 -0
  5. package/components.json +21 -0
  6. package/dist/Avatar.png +0 -0
  7. package/dist/assets/index-CCq7hmG3.js +186 -0
  8. package/dist/assets/index-Mg-hjQGu.css +1 -0
  9. package/dist/index.html +15 -0
  10. package/dist/test.png +0 -0
  11. package/dist/vite.svg +1 -0
  12. package/eslint.config.js +29 -0
  13. package/index.html +14 -0
  14. package/package.json +102 -0
  15. package/postcss.config.mjs +11 -0
  16. package/rollup.config.mjs +55 -0
  17. package/src/assets/react.svg +1 -0
  18. package/src/assets/style/animation.css +27 -0
  19. package/src/assets/style/box-shadow.css +25 -0
  20. package/src/assets/style/colors.css +402 -0
  21. package/src/assets/style/dark-theme.css +288 -0
  22. package/src/assets/style/font-size.css +14 -0
  23. package/src/assets/style/gradient.css +3 -0
  24. package/src/assets/style/index.css +12 -0
  25. package/src/assets/style/light-theme.css +148 -0
  26. package/src/assets/style/line-height.css +13 -0
  27. package/src/assets/style/max-width.css +5 -0
  28. package/src/assets/style/radius.css +13 -0
  29. package/src/assets/style/utility-colors.css +166 -0
  30. package/src/components/Accordion/_.stories.tsx +75 -0
  31. package/src/components/Accordion/_.test.tsx +77 -0
  32. package/src/components/Accordion/index.tsx +47 -0
  33. package/src/components/Accordion/type.ts +24 -0
  34. package/src/components/Avatar/_.stories.tsx +179 -0
  35. package/src/components/Avatar/_.style.ts +40 -0
  36. package/src/components/Avatar/_.test.tsx +150 -0
  37. package/src/components/Avatar/_.types.ts +66 -0
  38. package/src/components/Avatar/index.tsx +63 -0
  39. package/src/components/Badge/_.stories.tsx +75 -0
  40. package/src/components/Badge/_.style.ts +53 -0
  41. package/src/components/Badge/_.test.tsx +27 -0
  42. package/src/components/Badge/_.types.ts +11 -0
  43. package/src/components/Badge/index.tsx +42 -0
  44. package/src/components/Breadcrumbs/_.stories.tsx +95 -0
  45. package/src/components/Breadcrumbs/_.test.tsx +29 -0
  46. package/src/components/Breadcrumbs/_.type.ts +15 -0
  47. package/src/components/Breadcrumbs/index.tsx +103 -0
  48. package/src/components/Button/_.stories.tsx +85 -0
  49. package/src/components/Button/_.style.ts +56 -0
  50. package/src/components/Button/_.test.tsx +103 -0
  51. package/src/components/Button/_.types.ts +14 -0
  52. package/src/components/Button/index.tsx +70 -0
  53. package/src/components/Checkbox/_.stories.tsx +96 -0
  54. package/src/components/Checkbox/_.style.ts +24 -0
  55. package/src/components/Checkbox/_.test.tsx +85 -0
  56. package/src/components/Checkbox/_.types.ts +23 -0
  57. package/src/components/Checkbox/index.tsx +93 -0
  58. package/src/components/CheckboxGroup/PaymentCard/_.stories.tsx +104 -0
  59. package/src/components/CheckboxGroup/PaymentCard/_.style.ts +28 -0
  60. package/src/components/CheckboxGroup/PaymentCard/_.test.tsx +58 -0
  61. package/src/components/CheckboxGroup/PaymentCard/_.types.ts +28 -0
  62. package/src/components/CheckboxGroup/PaymentCard/index.tsx +71 -0
  63. package/src/components/CheckboxGroup/PlanCard/_.stories.tsx +165 -0
  64. package/src/components/CheckboxGroup/PlanCard/_.style.ts +32 -0
  65. package/src/components/CheckboxGroup/PlanCard/_.test.tsx +54 -0
  66. package/src/components/CheckboxGroup/PlanCard/_.types.ts +35 -0
  67. package/src/components/CheckboxGroup/PlanCard/index.tsx +53 -0
  68. package/src/components/CheckboxGroup/UserCard/_.stories.tsx +89 -0
  69. package/src/components/CheckboxGroup/UserCard/_.style.ts +42 -0
  70. package/src/components/CheckboxGroup/UserCard/_.test.tsx +66 -0
  71. package/src/components/CheckboxGroup/UserCard/_.types.ts +26 -0
  72. package/src/components/CheckboxGroup/UserCard/index.tsx +75 -0
  73. package/src/components/Dropdown/_.stories.tsx +180 -0
  74. package/src/components/Dropdown/_.style.ts +108 -0
  75. package/src/components/Dropdown/_.test.tsx +334 -0
  76. package/src/components/Dropdown/_.types.ts +12 -0
  77. package/src/components/Dropdown/index.tsx +130 -0
  78. package/src/components/FileUpload/_.stories.tsx +74 -0
  79. package/src/components/FileUpload/_.style.ts +0 -0
  80. package/src/components/FileUpload/_.test.tsx +222 -0
  81. package/src/components/FileUpload/_.types.ts +53 -0
  82. package/src/components/FileUpload/index.tsx +44 -0
  83. package/src/components/ImageMagnify/_.stories.tsx +226 -0
  84. package/src/components/ImageMagnify/_.style.ts +109 -0
  85. package/src/components/ImageMagnify/_.types.ts +44 -0
  86. package/src/components/ImageMagnify/index.tsx +204 -0
  87. package/src/components/Input/_.stories.tsx +177 -0
  88. package/src/components/Input/_.style.ts +79 -0
  89. package/src/components/Input/_.test.tsx +146 -0
  90. package/src/components/Input/_.types.ts +66 -0
  91. package/src/components/Input/index.tsx +231 -0
  92. package/src/components/InputTags/_.stories.tsx +51 -0
  93. package/src/components/InputTags/_.style.ts +28 -0
  94. package/src/components/InputTags/_.test.tsx +123 -0
  95. package/src/components/InputTags/_.types.ts +26 -0
  96. package/src/components/InputTags/index.tsx +140 -0
  97. package/src/components/Message/_.stories.tsx +79 -0
  98. package/src/components/Message/_.style.ts +87 -0
  99. package/src/components/Message/_.test.tsx +73 -0
  100. package/src/components/Message/_.types.ts +13 -0
  101. package/src/components/Message/index.tsx +57 -0
  102. package/src/components/Metric/_.stories.tsx +142 -0
  103. package/src/components/Metric/_.style.ts +14 -0
  104. package/src/components/Metric/_.test.tsx +166 -0
  105. package/src/components/Metric/_.types.ts +18 -0
  106. package/src/components/Metric/index.tsx +100 -0
  107. package/src/components/Modal/_.stories.tsx +93 -0
  108. package/src/components/Modal/_.style.ts +31 -0
  109. package/src/components/Modal/_.test.tsx +90 -0
  110. package/src/components/Modal/_.types.ts +14 -0
  111. package/src/components/Modal/index.tsx +82 -0
  112. package/src/components/Pagination/_.stories.tsx +118 -0
  113. package/src/components/Pagination/_.test.tsx +51 -0
  114. package/src/components/Pagination/index.tsx +256 -0
  115. package/src/components/Pagination/type.ts +48 -0
  116. package/src/components/PriceSlider/_.stories.tsx +107 -0
  117. package/src/components/PriceSlider/_.test.tsx +63 -0
  118. package/src/components/PriceSlider/_.type.tsx +19 -0
  119. package/src/components/PriceSlider/index.tsx +86 -0
  120. package/src/components/Progress/_.stories.tsx +93 -0
  121. package/src/components/Progress/_.style.ts +15 -0
  122. package/src/components/Progress/_.test.tsx +34 -0
  123. package/src/components/Progress/_.types.ts +17 -0
  124. package/src/components/Progress/index.tsx +173 -0
  125. package/src/components/Radio/_.stories.tsx +391 -0
  126. package/src/components/Radio/_.style.ts +33 -0
  127. package/src/components/Radio/_.test.tsx +77 -0
  128. package/src/components/Radio/_.types.ts +14 -0
  129. package/src/components/Radio/index.tsx +59 -0
  130. package/src/components/Select/_.stories.tsx +308 -0
  131. package/src/components/Select/_.style.ts +5 -0
  132. package/src/components/Select/_.types.ts +24 -0
  133. package/src/components/Select/index.tsx +172 -0
  134. package/src/components/Switch/_.stories.tsx +61 -0
  135. package/src/components/Switch/_.test.tsx +69 -0
  136. package/src/components/Switch/_.type.ts +12 -0
  137. package/src/components/Switch/index.tsx +70 -0
  138. package/src/components/Tabs/_.stories.tsx +508 -0
  139. package/src/components/Tabs/_.style.ts +63 -0
  140. package/src/components/Tabs/_.test.tsx +174 -0
  141. package/src/components/Tabs/_.type.ts +19 -0
  142. package/src/components/Tabs/index.tsx +35 -0
  143. package/src/components/Tag/_.stories.tsx +78 -0
  144. package/src/components/Tag/_.style.ts +71 -0
  145. package/src/components/Tag/_.test.tsx +44 -0
  146. package/src/components/Tag/_.types.ts +27 -0
  147. package/src/components/Tag/index.tsx +46 -0
  148. package/src/components/TextArea/_.stories.tsx +62 -0
  149. package/src/components/TextArea/_.style.ts +11 -0
  150. package/src/components/TextArea/_.test.tsx +43 -0
  151. package/src/components/TextArea/_.types.ts +29 -0
  152. package/src/components/TextArea/index.tsx +83 -0
  153. package/src/components/Toast/_.style.tsx +27 -0
  154. package/src/components/Toast/_.type.ts +30 -0
  155. package/src/components/Toast/_.utils.ts +23 -0
  156. package/src/components/Toast/container.tsx +171 -0
  157. package/src/components/Toast/index.tsx +29 -0
  158. package/src/components/Tooltip/_.stories.tsx +106 -0
  159. package/src/components/Tooltip/_.style.ts +27 -0
  160. package/src/components/Tooltip/_.test.tsx +54 -0
  161. package/src/components/Tooltip/_.types.ts +31 -0
  162. package/src/components/Tooltip/index.tsx +80 -0
  163. package/src/components/developers/AmirHossein.tsx +149 -0
  164. package/src/components/developers/Fardin.tsx +130 -0
  165. package/src/components/developers/Maryam.tsx +260 -0
  166. package/src/components/developers/Milad.tsx +431 -0
  167. package/src/components/developers/Rasoul.tsx +198 -0
  168. package/src/components/index.ts +28 -0
  169. package/src/components/ui/accordion.tsx +162 -0
  170. package/src/components/ui/avatars-component/avatar-description.tsx +30 -0
  171. package/src/components/ui/avatars-component/avatar-groups.tsx +68 -0
  172. package/src/components/ui/avatars-component/avatar-single.tsx +50 -0
  173. package/src/components/ui/card.tsx +92 -0
  174. package/src/components/ui/checkbox-group/plan-card/basic/_.test.tsx +66 -0
  175. package/src/components/ui/checkbox-group/plan-card/basic/index.tsx +70 -0
  176. package/src/components/ui/checkbox-group/plan-card/with-header/_.test.tsx +110 -0
  177. package/src/components/ui/checkbox-group/plan-card/with-header/header.test.tsx +96 -0
  178. package/src/components/ui/checkbox-group/plan-card/with-header/header.tsx +74 -0
  179. package/src/components/ui/checkbox-group/plan-card/with-header/index.tsx +65 -0
  180. package/src/components/ui/file-content/File-content.tsx +43 -0
  181. package/src/components/ui/file-uploader-components/file-uploader-box.tsx +76 -0
  182. package/src/components/ui/file-uploader-components/file-uploader-item.tsx +64 -0
  183. package/src/components/ui/icon-wrapper/_.test.tsx +60 -0
  184. package/src/components/ui/icon-wrapper/index.tsx +19 -0
  185. package/src/components/ui/input-component/input-label.tsx +11 -0
  186. package/src/components/ui/number.tsx +18 -0
  187. package/src/components/ui/pagination/card-minimal-center-align.tsx +96 -0
  188. package/src/components/ui/pagination/card-minimal-right-aligne.tsx +90 -0
  189. package/src/components/ui/pagination/default-pagination.tsx +128 -0
  190. package/src/components/ui/pagination/get-pagination-item.tsx +36 -0
  191. package/src/components/ui/pagination/pagination-card-button-group-aligned.tsx +94 -0
  192. package/src/components/ui/pagination/pagination-card-minimal-left-aligned.tsx +90 -0
  193. package/src/components/ui/pagination/pagination-content.tsx +15 -0
  194. package/src/components/ui/pagination/pagination-item.tsx +11 -0
  195. package/src/components/ui/pagination/pagination-link.tsx +42 -0
  196. package/src/components/ui/tab-components/tabs-content.tsx +15 -0
  197. package/src/components/ui/tab-components/tabs-list.tsx +27 -0
  198. package/src/components/ui/tab-components/tabs-trigger.tsx +25 -0
  199. package/src/components/ui/text-content-wrapper.tsx +36 -0
  200. package/src/hooks/useClickOutside.ts +23 -0
  201. package/src/icons/general/ArrowLeft.tsx +31 -0
  202. package/src/icons/general/ArrowRight.tsx +31 -0
  203. package/src/icons/general/activity-heart.tsx +31 -0
  204. package/src/icons/general/activity.tsx +31 -0
  205. package/src/icons/general/anchor.tsx +31 -0
  206. package/src/icons/general/archive.tsx +31 -0
  207. package/src/icons/general/arrow-left.tsx +25 -0
  208. package/src/icons/general/arrow-right.tsx +25 -0
  209. package/src/icons/general/asterisk-01.tsx +31 -0
  210. package/src/icons/general/asterisk-02.tsx +31 -0
  211. package/src/icons/general/at-sign.tsx +31 -0
  212. package/src/icons/general/attention-mark.tsx +43 -0
  213. package/src/icons/general/bookmark-add.tsx +31 -0
  214. package/src/icons/general/bookmark.tsx +31 -0
  215. package/src/icons/general/chevron-left.tsx +25 -0
  216. package/src/icons/general/chevron-right.tsx +25 -0
  217. package/src/icons/general/circle-minues.tsx +25 -0
  218. package/src/icons/general/circle-plus.tsx +25 -0
  219. package/src/icons/general/circle-question-mark.tsx +32 -0
  220. package/src/icons/general/circle.tsx +32 -0
  221. package/src/icons/general/copy.tsx +43 -0
  222. package/src/icons/general/email.tsx +32 -0
  223. package/src/icons/general/home.tsx +25 -0
  224. package/src/icons/general/layer.tsx +36 -0
  225. package/src/icons/general/leading.tsx +19 -0
  226. package/src/icons/general/master-card.tsx +37 -0
  227. package/src/icons/general/minus.tsx +36 -0
  228. package/src/icons/general/plus.tsx +19 -0
  229. package/src/icons/general/remove.tsx +32 -0
  230. package/src/icons/general/slash-divider.tsx +26 -0
  231. package/src/icons/general/tick-box.tsx +37 -0
  232. package/src/icons/general/trailing.tsx +19 -0
  233. package/src/icons/general/unkown-format.tsx +25 -0
  234. package/src/icons/general/visa-card.tsx +38 -0
  235. package/src/icons/general/x-close.tsx +35 -0
  236. package/src/icons/icons.type.ts +7 -0
  237. package/src/index.css +21 -0
  238. package/src/index.ts +3 -0
  239. package/src/lib/utils.ts +6 -0
  240. package/src/lib/zIndexUtils.ts +2 -0
  241. package/src/main.tsx +50 -0
  242. package/src/vite-env.d.ts +1 -0
  243. package/tests/setup.ts +8 -0
  244. package/tsconfig.app.json +31 -0
  245. package/tsconfig.json +7 -0
  246. package/tsconfig.node.json +24 -0
  247. package/tsconfig.rollup.json +12 -0
  248. package/vite.config.ts +20 -0
  249. package/vitest.config.ts +47 -0
@@ -0,0 +1,31 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoArrowRight = ({
5
+ stroke = "#344054",
6
+ fill = "none",
7
+ width = "14",
8
+ height = "14",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ width={width}
13
+ height={height}
14
+ viewBox="0 0 14 14"
15
+ fill={fill}
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ >
18
+ <path
19
+ d="M1.16675 7.00002H12.8334M12.8334 7.00002L7.00008 1.16669M12.8334 7.00002L7.00008 12.8334"
20
+ stroke={stroke}
21
+ strokeWidth="1.66667"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const ArrowRight = memo(MemoArrowRight);
30
+
31
+ export default ArrowRight;
@@ -0,0 +1,31 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoActivityHeart = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M15.5 11.5H14.5L13 14.5L11 8.5L9.5 11.5H8.5M11.9932 5.13581C9.9938 2.7984 6.65975 2.16964 4.15469 4.31001C1.64964 6.45038 1.29697 10.029 3.2642 12.5604C4.75009 14.4724 8.97129 18.311 10.948 20.0749C11.3114 20.3991 11.4931 20.5613 11.7058 20.6251C11.8905 20.6805 12.0958 20.6805 12.2805 20.6251C12.4932 20.5613 12.6749 20.3991 13.0383 20.0749C15.015 18.311 19.2362 14.4724 20.7221 12.5604C22.6893 10.029 22.3797 6.42787 19.8316 4.31001C17.2835 2.19216 13.9925 2.7984 11.9932 5.13581Z"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const ActivityHeart = memo(MemoActivityHeart);
30
+
31
+ export default ActivityHeart;
@@ -0,0 +1,31 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoActivity = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M22 12H18L15 21L9 3L6 12H2"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const Activity = memo(MemoActivity);
30
+
31
+ export default Activity;
@@ -0,0 +1,31 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoAnchor = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M12 8C13.6569 8 15 6.65685 15 5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5C9 6.65685 10.3431 8 12 8ZM12 8V22M12 22C9.34784 22 6.8043 20.9464 4.92893 19.0711C3.05357 17.1957 2 14.6522 2 12H5M12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12H19"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const Anchor = memo(MemoAnchor);
30
+
31
+ export default Anchor;
@@ -0,0 +1,31 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoArchive = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M4 7.9966C3.83599 7.99236 3.7169 7.98287 3.60982 7.96157C2.81644 7.80376 2.19624 7.18356 2.03843 6.39018C2 6.19698 2 5.96466 2 5.5C2 5.03534 2 4.80302 2.03843 4.60982C2.19624 3.81644 2.81644 3.19624 3.60982 3.03843C3.80302 3 4.03534 3 4.5 3H19.5C19.9647 3 20.197 3 20.3902 3.03843C21.1836 3.19624 21.8038 3.81644 21.9616 4.60982C22 4.80302 22 5.03534 22 5.5C22 5.96466 22 6.19698 21.9616 6.39018C21.8038 7.18356 21.1836 7.80376 20.3902 7.96157C20.2831 7.98287 20.164 7.99236 20 7.9966M10 13H14M4 8H20V16.2C20 17.8802 20 18.7202 19.673 19.362C19.3854 19.9265 18.9265 20.3854 18.362 20.673C17.7202 21 16.8802 21 15.2 21H8.8C7.11984 21 6.27976 21 5.63803 20.673C5.07354 20.3854 4.6146 19.9265 4.32698 19.362C4 18.7202 4 17.8802 4 16.2V8Z"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const Archive = memo(MemoArchive);
30
+
31
+ export default Archive;
@@ -0,0 +1,25 @@
1
+ import { memo } from "react";
2
+
3
+ const MemoArrowLeft = () => {
4
+ return (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width="20"
8
+ height="20"
9
+ viewBox="0 0 20 20"
10
+ fill="none"
11
+ >
12
+ <path
13
+ d="M15.8334 9.99996H4.16675M4.16675 9.99996L10.0001 15.8333M4.16675 9.99996L10.0001 4.16663"
14
+ stroke="#344054"
15
+ strokeWidth="1.66667"
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+
23
+ const ArrowLeft = memo(MemoArrowLeft);
24
+
25
+ export default ArrowLeft;
@@ -0,0 +1,25 @@
1
+ import { memo } from "react";
2
+
3
+ const MemoArrowRight = () => {
4
+ return (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width="20"
8
+ height="20"
9
+ viewBox="0 0 20 20"
10
+ fill="none"
11
+ >
12
+ <path
13
+ d="M4.16675 10H15.8334M15.8334 10L10.0001 4.16669M15.8334 10L10.0001 15.8334"
14
+ stroke="#344054"
15
+ strokeWidth="1.66667"
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+
23
+ const ArrowRight = memo(MemoArrowRight);
24
+
25
+ export default ArrowRight;
@@ -0,0 +1,31 @@
1
+ import { memo } from 'react';
2
+ import { IconPropsType } from '../icons.type';
3
+
4
+ const MemoAsterisk01 = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M12 2V22M19.0711 4.92893L4.92893 19.0711M22 12H2M19.0711 19.0711L4.92893 4.92893"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const Asterisk01 = memo(MemoAsterisk01);
30
+
31
+ export default Asterisk01;
@@ -0,0 +1,31 @@
1
+ import { memo } from 'react';
2
+ import { IconPropsType } from '../icons.type';
3
+
4
+ const MemoAsterisk02 = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M12 4V20M18 6L6 18M20 12H4M18 18L6 6"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const Asterisk02 = memo(MemoAsterisk02);
30
+
31
+ export default Asterisk02;
@@ -0,0 +1,31 @@
1
+ import { memo } from 'react';
2
+ import { IconPropsType } from '../icons.type';
3
+
4
+ const MemoAtSign = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M16 7.99999V13C16 13.7956 16.3161 14.5587 16.8787 15.1213C17.4413 15.6839 18.2043 16 19 16C19.7956 16 20.5587 15.6839 21.1213 15.1213C21.6839 14.5587 22 13.7956 22 13V12C21.9999 9.74302 21.2362 7.55247 19.8333 5.78452C18.4303 4.01658 16.4705 2.77521 14.2726 2.26229C12.0747 1.74936 9.76793 1.99503 7.72734 2.95936C5.68676 3.92368 4.03239 5.54995 3.03325 7.57371C2.03411 9.59748 1.74896 11.8997 2.22416 14.1061C2.69936 16.3125 3.90697 18.2932 5.65062 19.7263C7.39428 21.1593 9.57143 21.9603 11.8281 21.9991C14.0847 22.0379 16.2881 21.3122 18.08 19.94M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79085 9.79086 7.99999 12 7.99999C14.2091 7.99999 16 9.79085 16 12Z"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const AtSign = memo(MemoAtSign);
30
+
31
+ export default AtSign;
@@ -0,0 +1,43 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoAttentionMark = (
5
+ {
6
+ stroke = "#F04438",
7
+ fill = "none",
8
+ width = "16",
9
+ height = "16",
10
+ }: IconPropsType) => {
11
+ return (
12
+ <svg
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={width}
15
+ height={height}
16
+ viewBox="0 0 16 16"
17
+ fill={fill}
18
+ >
19
+ <g clipPath="url(#clip0_3531_403167)">
20
+ <path
21
+ d="M7.99998 5.33337V8.00004M7.99998 10.6667H8.00665M14.6666 8.00004C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8.00004C1.33331 4.31814 4.31808 1.33337 7.99998 1.33337C11.6819 1.33337 14.6666 4.31814 14.6666 8.00004Z"
22
+ stroke={stroke}
23
+ strokeWidth="1.33333"
24
+ strokeLinecap="round"
25
+ strokeLinejoin="round"
26
+ />
27
+ </g>
28
+ <defs>
29
+ <clipPath id="clip0_3531_403167">
30
+ <rect
31
+ width={width}
32
+ height={height}
33
+ fill="white"
34
+ />
35
+ </clipPath>
36
+ </defs>
37
+ </svg>
38
+ );
39
+ };
40
+
41
+ const AttentionMark = memo(MemoAttentionMark);
42
+
43
+ export default AttentionMark;
@@ -0,0 +1,31 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoBookmarkAdd = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M12 13V7M9 10H15M19 21V7.8C19 6.11984 19 5.27976 18.673 4.63803C18.3854 4.07354 17.9265 3.6146 17.362 3.32698C16.7202 3 15.8802 3 14.2 3H9.8C8.11984 3 7.27976 3 6.63803 3.32698C6.07354 3.6146 5.6146 4.07354 5.32698 4.63803C5 5.27976 5 6.11984 5 7.8V21L12 17L19 21Z"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const BookmarkAdd = memo(MemoBookmarkAdd);
30
+
31
+ export default BookmarkAdd;
@@ -0,0 +1,31 @@
1
+ import { memo } from 'react';
2
+ import { IconPropsType } from '../icons.type';
3
+
4
+ const MemoBookmark = ({
5
+ stroke = "black",
6
+ fill = "none",
7
+ width = "24",
8
+ height = "24",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 24 24"
16
+ fill={fill}
17
+ >
18
+ <path
19
+ d="M5 7.8C5 6.11984 5 5.27976 5.32698 4.63803C5.6146 4.07354 6.07354 3.6146 6.63803 3.32698C7.27976 3 8.11984 3 9.8 3H14.2C15.8802 3 16.7202 3 17.362 3.32698C17.9265 3.6146 18.3854 4.07354 18.673 4.63803C19 5.27976 19 6.11984 19 7.8V21L12 17L5 21V7.8Z"
20
+ stroke={stroke}
21
+ strokeWidth="2"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ />
25
+ </svg>
26
+ );
27
+ };
28
+
29
+ const Bookmark = memo(MemoBookmark);
30
+
31
+ export default Bookmark;
@@ -0,0 +1,25 @@
1
+ import { memo } from 'react';
2
+
3
+ const MemoChevronLeft = () => {
4
+ return (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width="16"
8
+ height="16"
9
+ viewBox="0 0 16 16"
10
+ fill="none"
11
+ >
12
+ <path
13
+ d="M10 12L6 8L10 4"
14
+ stroke="#D0D5DD"
15
+ strokeWidth="1.33333"
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+
23
+ const ChevronLeft = memo(MemoChevronLeft);
24
+
25
+ export default ChevronLeft;
@@ -0,0 +1,25 @@
1
+ import { memo } from 'react';
2
+
3
+ const MemoChevronRight = () => {
4
+ return (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width="6"
8
+ height="10"
9
+ viewBox="0 0 6 10"
10
+ fill="none"
11
+ >
12
+ <path
13
+ d="M1 9L5 5L1 1"
14
+ stroke="#D0D5DD"
15
+ strokeWidth="1.33333"
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+
23
+ const ChevronRight = memo(MemoChevronRight);
24
+
25
+ export default ChevronRight;
@@ -0,0 +1,25 @@
1
+ import { memo } from "react";
2
+
3
+ const MemoCircleMinues = () => {
4
+ return (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width="24"
8
+ height="24"
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ >
12
+ <path
13
+ d="M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
14
+ stroke="#98A2B3"
15
+ strokeWidth="2"
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+
23
+ const CircleMinues = memo(MemoCircleMinues);
24
+
25
+ export default CircleMinues;
@@ -0,0 +1,25 @@
1
+ import { memo } from 'react';
2
+
3
+ const MemoCirclePlus = () => {
4
+ return (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width="24"
8
+ height="24"
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ >
12
+ <path
13
+ d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
14
+ stroke="#98A2B3"
15
+ strokeWidth="2"
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+
23
+ const CirclePlus = memo(MemoCirclePlus);
24
+
25
+ export default CirclePlus;
@@ -0,0 +1,32 @@
1
+ import {memo} from "react";
2
+ import {IconPropsType} from "../icons.type";
3
+
4
+ const MemoCircleQuestionMark = (
5
+ {
6
+ stroke = "#98A2B3",
7
+ fill = "none",
8
+ width = "16",
9
+ height = "16",
10
+ }: IconPropsType) => {
11
+ return (
12
+ <svg
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={width}
15
+ height={height}
16
+ viewBox="0 0 16 16"
17
+ fill={fill}
18
+ >
19
+ <path
20
+ d="M6.05998 5.99998C6.21672 5.55442 6.52608 5.17872 6.93328 4.9394C7.34048 4.70009 7.81924 4.61261 8.28476 4.69245C8.75028 4.7723 9.17252 5.01433 9.4767 5.37567C9.78087 5.737 9.94735 6.19433 9.94665 6.66665C9.94665 7.99998 7.94665 8.66665 7.94665 8.66665M7.99998 11.3333H8.00665M14.6666 7.99998C14.6666 11.6819 11.6819 14.6666 7.99998 14.6666C4.31808 14.6666 1.33331 11.6819 1.33331 7.99998C1.33331 4.31808 4.31808 1.33331 7.99998 1.33331C11.6819 1.33331 14.6666 4.31808 14.6666 7.99998Z"
21
+ stroke={stroke}
22
+ strokeWidth="1.33333"
23
+ strokeLinecap="round"
24
+ strokeLinejoin="round"
25
+ />
26
+ </svg>
27
+ );
28
+ };
29
+
30
+ const CircleQuestionMark = memo(MemoCircleQuestionMark);
31
+
32
+ export default CircleQuestionMark;
@@ -0,0 +1,32 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoCircle = ({
5
+ stroke = "white",
6
+ fill = "none",
7
+ width = "20",
8
+ height = "20",
9
+ }: IconPropsType) => {
10
+ return (
11
+ <svg
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 20 20"
16
+ fill={fill}
17
+ >
18
+ <g clipPath="url(#clip0_3466_410043)">
19
+ <path d="M9.99996 18.3334C14.6023 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6023 1.66669 9.99996 1.66669C5.39759 1.66669 1.66663 5.39765 1.66663 10C1.66663 14.6024 5.39759 18.3334 9.99996 18.3334Z" stroke={stroke} strokeWidth="1.66667" strokeLinecap="round" strokeLinejoin="round" />
20
+ </g>
21
+ <defs>
22
+ <clipPath id="clip0_3466_410043">
23
+ <rect width="20" height="20" fill="white" />
24
+ </clipPath>
25
+ </defs>
26
+ </svg>
27
+ );
28
+ };
29
+
30
+ const Circle = memo(MemoCircle);
31
+
32
+ export default Circle;
@@ -0,0 +1,43 @@
1
+ import { memo } from "react";
2
+ import { IconPropsType } from "../icons.type";
3
+
4
+ const MemoCopy = (
5
+ {
6
+ stroke = "#344054",
7
+ fill = "none",
8
+ width = "20",
9
+ height = "20",
10
+ }: IconPropsType) => {
11
+ return (
12
+ <svg
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={width}
15
+ height={height}
16
+ viewBox="0 0 20 20"
17
+ fill={fill}
18
+ >
19
+ <g clipPath="url(#clip0_14954_437)">
20
+ <path
21
+ d="M4.16675 12.5C3.39018 12.5 3.00189 12.5 2.69561 12.3732C2.28723 12.204 1.96277 11.8795 1.79362 11.4712C1.66675 11.1649 1.66675 10.7766 1.66675 10V4.33335C1.66675 3.39993 1.66675 2.93322 1.8484 2.5767C2.00819 2.2631 2.26316 2.00813 2.57676 1.84834C2.93328 1.66669 3.39999 1.66669 4.33341 1.66669H10.0001C10.7767 1.66669 11.1649 1.66669 11.4712 1.79355C11.8796 1.96271 12.2041 2.28717 12.3732 2.69555C12.5001 3.00183 12.5001 3.39012 12.5001 4.16669M10.1667 18.3334H15.6667C16.6002 18.3334 17.0669 18.3334 17.4234 18.1517C17.737 17.9919 17.992 17.7369 18.1518 17.4233C18.3334 17.0668 18.3334 16.6001 18.3334 15.6667V10.1667C18.3334 9.23327 18.3334 8.76656 18.1518 8.41004C17.992 8.09643 17.737 7.84147 17.4234 7.68168C17.0669 7.50002 16.6002 7.50002 15.6667 7.50002H10.1667C9.23333 7.50002 8.76662 7.50002 8.4101 7.68168C8.09649 7.84147 7.84153 8.09643 7.68174 8.41004C7.50008 8.76656 7.50008 9.23327 7.50008 10.1667V15.6667C7.50008 16.6001 7.50008 17.0668 7.68174 17.4233C7.84153 17.7369 8.09649 17.9919 8.4101 18.1517C8.76662 18.3334 9.23333 18.3334 10.1667 18.3334Z"
22
+ stroke={stroke}
23
+ strokeWidth="1.66667"
24
+ strokeLinecap="round"
25
+ strokeLinejoin="round"
26
+ />
27
+ </g>
28
+ <defs>
29
+ <clipPath id="clip0_14954_437">
30
+ <rect
31
+ width={width}
32
+ height={height}
33
+ fill="white"
34
+ />
35
+ </clipPath>
36
+ </defs>
37
+ </svg>
38
+ );
39
+ };
40
+
41
+ const Copy = memo(MemoCopy);
42
+
43
+ export default Copy;
@@ -0,0 +1,32 @@
1
+ import {memo} from "react";
2
+ import {IconPropsType} from "../icons.type";
3
+
4
+ const MemoEmail = (
5
+ {
6
+ stroke = "#667085",
7
+ fill = "none",
8
+ width = "20",
9
+ height = "16",
10
+ }: IconPropsType) => {
11
+ return (
12
+ <svg
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={width}
15
+ height={height}
16
+ viewBox="0 0 20 16"
17
+ fill={fill}
18
+ >
19
+ <path
20
+ d="M1.66669 3.83331L8.47079 8.59618C9.02176 8.98187 9.29725 9.17471 9.59691 9.2494C9.8616 9.31538 10.1384 9.31538 10.4031 9.2494C10.7028 9.17471 10.9783 8.98187 11.5293 8.59618L18.3334 3.83331M5.66669 14.6666H14.3334C15.7335 14.6666 16.4336 14.6666 16.9683 14.3942C17.4387 14.1545 17.8212 13.772 18.0609 13.3016C18.3334 12.7668 18.3334 12.0668 18.3334 10.6666V5.33331C18.3334 3.93318 18.3334 3.23312 18.0609 2.69834C17.8212 2.22793 17.4387 1.84548 16.9683 1.6058C16.4336 1.33331 15.7335 1.33331 14.3334 1.33331H5.66669C4.26656 1.33331 3.56649 1.33331 3.03171 1.6058C2.56131 1.84548 2.17885 2.22793 1.93917 2.69834C1.66669 3.23312 1.66669 3.93318 1.66669 5.33331V10.6666C1.66669 12.0668 1.66669 12.7668 1.93917 13.3016C2.17885 13.772 2.56131 14.1545 3.03171 14.3942C3.56649 14.6666 4.26656 14.6666 5.66669 14.6666Z"
21
+ stroke={stroke}
22
+ strokeWidth="1.66667"
23
+ strokeLinecap="round"
24
+ strokeLinejoin="round"
25
+ />
26
+ </svg>
27
+ );
28
+ };
29
+
30
+ const Email = memo(MemoEmail);
31
+
32
+ export default Email;