am-shared-assets 0.0.3 → 0.0.5

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 (109) hide show
  1. package/dist/am-shared-assets.js +1967 -0
  2. package/package.json +5 -6
  3. package/.gitlab-ci.yml +0 -31
  4. package/.storybook/main.ts +0 -17
  5. package/.storybook/preview.ts +0 -22
  6. package/.storybook/vitest.setup.ts +0 -7
  7. package/Dockerfile +0 -36
  8. package/docker-compose.yml +0 -12
  9. package/eslint.config.js +0 -23
  10. package/index.html +0 -13
  11. package/postcss.config.js +0 -6
  12. package/src/App.tsx +0 -8
  13. package/src/components/Alert.tsx +0 -194
  14. package/src/components/Badge.tsx +0 -48
  15. package/src/components/Button.tsx +0 -137
  16. package/src/components/Chip.tsx +0 -139
  17. package/src/components/Input.tsx +0 -137
  18. package/src/components/Radio.tsx +0 -89
  19. package/src/components/RangeSlider.tsx +0 -106
  20. package/src/components/Select.tsx +0 -13
  21. package/src/components/Switch.tsx +0 -76
  22. package/src/components/Tooltip.tsx +0 -111
  23. package/src/icons/components/AddIcon.tsx +0 -27
  24. package/src/icons/components/ArrowDownIcon.tsx +0 -25
  25. package/src/icons/components/ArrowRightIcon.tsx +0 -37
  26. package/src/icons/components/BagIcon.tsx +0 -25
  27. package/src/icons/components/BoxIcon.tsx +0 -43
  28. package/src/icons/components/BoxTimeIcon.tsx +0 -47
  29. package/src/icons/components/CardTickIcon.tsx +0 -54
  30. package/src/icons/components/CardsIcon.tsx +0 -48
  31. package/src/icons/components/CategoryIcon.tsx +0 -37
  32. package/src/icons/components/ChevronBottomIcon.tsx +0 -22
  33. package/src/icons/components/ChevronLeftIcon.tsx +0 -29
  34. package/src/icons/components/ChevronRightIcon.tsx +0 -29
  35. package/src/icons/components/ChevronTopIcon.tsx +0 -29
  36. package/src/icons/components/CloseCircleIcon.tsx +0 -25
  37. package/src/icons/components/CloseIcon.tsx +0 -29
  38. package/src/icons/components/DislikeIcon.tsx +0 -32
  39. package/src/icons/components/EditIcon.tsx +0 -39
  40. package/src/icons/components/HeartIcon.tsx +0 -28
  41. package/src/icons/components/HomeIcon.tsx +0 -19
  42. package/src/icons/components/InfoIcon.tsx +0 -25
  43. package/src/icons/components/LikeIcon.tsx +0 -32
  44. package/src/icons/components/MessageIcon.tsx +0 -50
  45. package/src/icons/components/MoneyIcon.tsx +0 -57
  46. package/src/icons/components/MoreIcon.tsx +0 -33
  47. package/src/icons/components/OutlineTickCircleIcon.tsx +0 -35
  48. package/src/icons/components/RotateBoxIcon.tsx +0 -56
  49. package/src/icons/components/RotateInfoIcon.tsx +0 -34
  50. package/src/icons/components/SearchIcon.tsx +0 -35
  51. package/src/icons/components/SettingIcon.tsx +0 -69
  52. package/src/icons/components/ShareIcon.tsx +0 -37
  53. package/src/icons/components/ShopIcon.tsx +0 -56
  54. package/src/icons/components/ShoppingCartIcon.tsx +0 -53
  55. package/src/icons/components/SpinnerIcon.tsx +0 -25
  56. package/src/icons/components/StarIcon.tsx +0 -29
  57. package/src/icons/components/TickCircleIcon.tsx +0 -25
  58. package/src/icons/components/TrashIcon.tsx +0 -56
  59. package/src/icons/components/TruckIcon.tsx +0 -51
  60. package/src/icons/components/UserIcon.tsx +0 -29
  61. package/src/icons/components/WalletCheckIcon.tsx +0 -52
  62. package/src/icons/components/WarningIcon.tsx +0 -19
  63. package/src/icons/index.ts +0 -83
  64. package/src/index.css +0 -36
  65. package/src/index.ts +0 -2
  66. package/src/main.tsx +0 -10
  67. package/src/stories/Alert.stories.ts +0 -22
  68. package/src/stories/Badge.stories.tsx +0 -20
  69. package/src/stories/Button.stories.tsx +0 -108
  70. package/src/stories/Chip.stories.ts +0 -20
  71. package/src/stories/Configure.mdx +0 -364
  72. package/src/stories/IconGallery.stories.tsx +0 -99
  73. package/src/stories/Input.stories.ts +0 -21
  74. package/src/stories/Radio.stories.tsx +0 -21
  75. package/src/stories/RangeSlider.stories.tsx +0 -68
  76. package/src/stories/Select.stories.ts +0 -21
  77. package/src/stories/Switch.stories.tsx +0 -21
  78. package/src/stories/Tooltip.stories.ts +0 -20
  79. package/src/stories/assets/accessibility.png +0 -0
  80. package/src/stories/assets/accessibility.svg +0 -1
  81. package/src/stories/assets/addon-library.png +0 -0
  82. package/src/stories/assets/assets.png +0 -0
  83. package/src/stories/assets/avif-test-image.avif +0 -0
  84. package/src/stories/assets/context.png +0 -0
  85. package/src/stories/assets/discord.svg +0 -1
  86. package/src/stories/assets/docs.png +0 -0
  87. package/src/stories/assets/figma-plugin.png +0 -0
  88. package/src/stories/assets/fonts/woff/IRANSansXFaNum-Bold.woff +0 -0
  89. package/src/stories/assets/fonts/woff/IRANSansXFaNum-DemiBold.woff +0 -0
  90. package/src/stories/assets/fonts/woff/IRANSansXFaNum-Medium.woff +0 -0
  91. package/src/stories/assets/fonts/woff/IRANSansXFaNum-Regular.woff +0 -0
  92. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Bold.woff2 +0 -0
  93. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-DemiBold.woff2 +0 -0
  94. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Medium.woff2 +0 -0
  95. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Regular.woff2 +0 -0
  96. package/src/stories/assets/github.svg +0 -1
  97. package/src/stories/assets/share.png +0 -0
  98. package/src/stories/assets/styling.png +0 -0
  99. package/src/stories/assets/testing.png +0 -0
  100. package/src/stories/assets/theming.png +0 -0
  101. package/src/stories/assets/tutorials.svg +0 -1
  102. package/src/stories/assets/youtube.svg +0 -1
  103. package/tailwind.config.js +0 -165
  104. package/tsconfig.app.json +0 -28
  105. package/tsconfig.json +0 -7
  106. package/tsconfig.node.json +0 -26
  107. package/vite.config.ts +0 -38
  108. package/vitest.shims.d.ts +0 -1
  109. /package/{public → dist}/vite.svg +0 -0
@@ -1,50 +0,0 @@
1
- const MessageIcon = ({
2
- color,
3
- size = 20,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 20 20"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M7.08268 15.8333H6.66602C3.33268 15.8333 1.66602 15 1.66602 10.8333V6.66667C1.66602 3.33333 3.33268 1.66667 6.66602 1.66667H13.3327C16.666 1.66667 18.3327 3.33333 18.3327 6.66667V10.8333C18.3327 14.1667 16.666 15.8333 13.3327 15.8333H12.916C12.6577 15.8333 12.4077 15.9583 12.2493 16.1667L10.9993 17.8333C10.4493 18.5667 9.54935 18.5667 8.99935 17.8333L7.74935 16.1667C7.61602 15.9833 7.30768 15.8333 7.08268 15.8333Z"
19
- stroke="currentColor"
20
- stroke-width="1.5"
21
- stroke-miterlimit="10"
22
- stroke-linecap="round"
23
- stroke-linejoin="round"
24
- />
25
- <path
26
- d="M13.3301 9.16667H13.3375"
27
- stroke="currentColor"
28
- stroke-width="2"
29
- stroke-linecap="round"
30
- stroke-linejoin="round"
31
- />
32
- <path
33
- d="M9.99607 9.16667H10.0036"
34
- stroke="currentColor"
35
- stroke-width="2"
36
- stroke-linecap="round"
37
- stroke-linejoin="round"
38
- />
39
- <path
40
- d="M6.66209 9.16667H6.66957"
41
- stroke="currentColor"
42
- stroke-width="2"
43
- stroke-linecap="round"
44
- stroke-linejoin="round"
45
- />
46
- </svg>
47
- );
48
- };
49
-
50
- export default MessageIcon;
@@ -1,57 +0,0 @@
1
- const MoneyIcon = ({ color, size = 20 }: { color?: string; size?: number }) => {
2
- return (
3
- <svg
4
- width={size}
5
- height={size}
6
- viewBox="0 0 16 16"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- style={{ color }}
10
- >
11
- <path
12
- d="M11.3333 13.6663H4.66659C2.66659 13.6663 1.33325 12.6663 1.33325 10.333V5.66634C1.33325 3.33301 2.66659 2.33301 4.66659 2.33301H11.3333C13.3333 2.33301 14.6666 3.33301 14.6666 5.66634V10.333C14.6666 12.6663 13.3333 13.6663 11.3333 13.6663Z"
13
- stroke="currentColor"
14
- stroke-miterlimit="10"
15
- stroke-linecap="round"
16
- stroke-linejoin="round"
17
- />
18
- <path
19
- d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"
20
- stroke="currentColor"
21
- stroke-miterlimit="10"
22
- stroke-linecap="round"
23
- stroke-linejoin="round"
24
- />
25
- <path
26
- d="M5.66667 4H4.66667C3.74667 4 3 4.74667 3 5.66667V6.66667"
27
- stroke="currentColor"
28
- stroke-miterlimit="10"
29
- stroke-linecap="round"
30
- stroke-linejoin="round"
31
- />
32
- <path
33
- d="M10.3333 4H11.3333C12.2533 4 12.9999 4.74667 12.9999 5.66667V6.66667"
34
- stroke="currentColor"
35
- stroke-miterlimit="10"
36
- stroke-linecap="round"
37
- stroke-linejoin="round"
38
- />
39
- <path
40
- d="M5.66667 11.9997H4.66667C3.74667 11.9997 3 11.253 3 10.333V9.33301"
41
- stroke="currentColor"
42
- stroke-miterlimit="10"
43
- stroke-linecap="round"
44
- stroke-linejoin="round"
45
- />
46
- <path
47
- d="M10.3333 11.9997H11.3333C12.2533 11.9997 12.9999 11.253 12.9999 10.333V9.33301"
48
- stroke="currentColor"
49
- stroke-miterlimit="10"
50
- stroke-linecap="round"
51
- stroke-linejoin="round"
52
- />
53
- </svg>
54
- );
55
- };
56
-
57
- export default MoneyIcon;
@@ -1,33 +0,0 @@
1
- const MoreIcon = ({
2
- color,
3
- size = 20,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 16 16"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M3.33333 6.66666C2.6 6.66666 2 7.26666 2 7.99999C2 8.73332 2.6 9.33332 3.33333 9.33332C4.06667 9.33332 4.66667 8.73332 4.66667 7.99999C4.66667 7.26666 4.06667 6.66666 3.33333 6.66666Z"
19
- stroke="currentColor"
20
- />
21
- <path
22
- d="M12.6673 6.66666C11.934 6.66666 11.334 7.26666 11.334 7.99999C11.334 8.73332 11.934 9.33332 12.6673 9.33332C13.4007 9.33332 14.0007 8.73332 14.0007 7.99999C14.0007 7.26666 13.4007 6.66666 12.6673 6.66666Z"
23
- stroke="currentColor"
24
- />
25
- <path
26
- d="M7.99935 6.66666C7.26602 6.66666 6.66602 7.26666 6.66602 7.99999C6.66602 8.73332 7.26602 9.33332 7.99935 9.33332C8.73268 9.33332 9.33268 8.73332 9.33268 7.99999C9.33268 7.26666 8.73268 6.66666 7.99935 6.66666Z"
27
- stroke="currentColor"
28
- />
29
- </svg>
30
- );
31
- };
32
-
33
- export default MoreIcon;
@@ -1,35 +0,0 @@
1
- const OutlineTickCircleIcon = ({
2
- color,
3
- size = 20,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 20 20"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{ color }}
16
- >
17
- <path
18
- d="M10.0001 18.3337C14.5834 18.3337 18.3334 14.5837 18.3334 10.0003C18.3334 5.41699 14.5834 1.66699 10.0001 1.66699C5.41675 1.66699 1.66675 5.41699 1.66675 10.0003C1.66675 14.5837 5.41675 18.3337 10.0001 18.3337Z"
19
- stroke="currentColor"
20
- stroke-width="1.5"
21
- stroke-linecap="round"
22
- stroke-linejoin="round"
23
- />
24
- <path
25
- d="M6.45825 9.99993L8.81659 12.3583L13.5416 7.6416"
26
- stroke="currentColor"
27
- stroke-width="1.5"
28
- stroke-linecap="round"
29
- stroke-linejoin="round"
30
- />
31
- </svg>
32
- );
33
- };
34
-
35
- export default OutlineTickCircleIcon;
@@ -1,56 +0,0 @@
1
- const RotateBoxIcon = ({
2
- color,
3
- size = 20,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 20 20"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M5.58325 7.71664L9.99991 10.275L14.3833 7.73331"
19
- stroke="currentColor"
20
- stroke-width="1.5"
21
- stroke-linecap="round"
22
- stroke-linejoin="round"
23
- />
24
- <path
25
- d="M10 14.8083V10.2666"
26
- stroke="currentColor"
27
- stroke-width="1.5"
28
- stroke-linecap="round"
29
- stroke-linejoin="round"
30
- />
31
- <path
32
- d="M8.96663 5.24166L6.29996 6.72499C5.69996 7.05833 5.19995 7.89999 5.19995 8.59166V11.4167C5.19995 12.1083 5.69162 12.95 6.29996 13.2833L8.96663 14.7667C9.5333 15.0833 10.4666 15.0833 11.0416 14.7667L13.7083 13.2833C14.3083 12.95 14.8083 12.1083 14.8083 11.4167V8.58333C14.8083 7.89166 14.3166 7.04999 13.7083 6.71666L11.0416 5.23332C10.4666 4.91666 9.5333 4.91666 8.96663 5.24166Z"
33
- stroke="currentColor"
34
- stroke-width="1.5"
35
- stroke-linecap="round"
36
- stroke-linejoin="round"
37
- />
38
- <path
39
- d="M18.3333 12.5C18.3333 15.725 15.725 18.3333 12.5 18.3333L13.375 16.875"
40
- stroke="currentColor"
41
- stroke-width="1.5"
42
- stroke-linecap="round"
43
- stroke-linejoin="round"
44
- />
45
- <path
46
- d="M1.66675 7.49999C1.66675 4.27499 4.27508 1.66666 7.50008 1.66666L6.62509 3.12499"
47
- stroke="currentColor"
48
- stroke-width="1.5"
49
- stroke-linecap="round"
50
- stroke-linejoin="round"
51
- />
52
- </svg>
53
- );
54
- };
55
-
56
- export default RotateBoxIcon;
@@ -1,34 +0,0 @@
1
- const RotateInfoIcon = ({ color, size = 20 }: { color?: string; size?: number }) => {
2
- return (
3
- <svg
4
- width={size}
5
- height={size}
6
- viewBox="0 0 16 16"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- style={{color}}
10
- >
11
- <path
12
- d="M7.99967 14.6667C11.6663 14.6667 14.6663 11.6667 14.6663 8.00001C14.6663 4.33334 11.6663 1.33334 7.99967 1.33334C4.33301 1.33334 1.33301 4.33334 1.33301 8.00001C1.33301 11.6667 4.33301 14.6667 7.99967 14.6667Z"
13
- stroke="currentColor"
14
- stroke-linecap="round"
15
- stroke-linejoin="round"
16
- />
17
- <path
18
- d="M8 5.33334V8.66668"
19
- stroke="currentColor"
20
- stroke-linecap="round"
21
- stroke-linejoin="round"
22
- />
23
- <path
24
- d="M7.99609 10.6667H8.00208"
25
- stroke="currentColor"
26
- stroke-width="1.33333"
27
- stroke-linecap="round"
28
- stroke-linejoin="round"
29
- />
30
- </svg>
31
- );
32
- };
33
-
34
- export default RotateInfoIcon;
@@ -1,35 +0,0 @@
1
- const SearchIcon = ({
2
- color,
3
- size = 24,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 24 24"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
19
- stroke="currentColor"
20
- stroke-width="1.5"
21
- stroke-linecap="round"
22
- stroke-linejoin="round"
23
- />
24
- <path
25
- d="M22 22L20 20"
26
- stroke="currentColor"
27
- stroke-width="1.5"
28
- stroke-linecap="round"
29
- stroke-linejoin="round"
30
- />
31
- </svg>
32
- );
33
- };
34
-
35
- export default SearchIcon;
@@ -1,69 +0,0 @@
1
- const SettingIcon = ({
2
- color,
3
- size = 24,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 16 16"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M14.6667 4.3335H10.6667"
19
- stroke="currentColor"
20
- stroke-width="1.2"
21
- stroke-miterlimit="10"
22
- stroke-linecap="round"
23
- stroke-linejoin="round"
24
- />
25
- <path
26
- d="M3.99992 4.3335H1.33325"
27
- stroke="currentColor"
28
- stroke-width="1.2"
29
- stroke-miterlimit="10"
30
- stroke-linecap="round"
31
- stroke-linejoin="round"
32
- />
33
- <path
34
- d="M6.66659 6.66667C7.95525 6.66667 8.99992 5.622 8.99992 4.33333C8.99992 3.04467 7.95525 2 6.66659 2C5.37792 2 4.33325 3.04467 4.33325 4.33333C4.33325 5.622 5.37792 6.66667 6.66659 6.66667Z"
35
- stroke="currentColor"
36
- stroke-width="1.2"
37
- stroke-miterlimit="10"
38
- stroke-linecap="round"
39
- stroke-linejoin="round"
40
- />
41
- <path
42
- d="M14.6667 11.6665H12"
43
- stroke="currentColor"
44
- stroke-width="1.2"
45
- stroke-miterlimit="10"
46
- stroke-linecap="round"
47
- stroke-linejoin="round"
48
- />
49
- <path
50
- d="M5.33325 11.6665H1.33325"
51
- stroke="currentColor"
52
- stroke-width="1.2"
53
- stroke-miterlimit="10"
54
- stroke-linecap="round"
55
- stroke-linejoin="round"
56
- />
57
- <path
58
- d="M9.33333 14.0002C10.622 14.0002 11.6667 12.9555 11.6667 11.6668C11.6667 10.3782 10.622 9.3335 9.33333 9.3335C8.04467 9.3335 7 10.3782 7 11.6668C7 12.9555 8.04467 14.0002 9.33333 14.0002Z"
59
- stroke="currentColor"
60
- stroke-width="1.2"
61
- stroke-miterlimit="10"
62
- stroke-linecap="round"
63
- stroke-linejoin="round"
64
- />
65
- </svg>
66
- );
67
- };
68
-
69
- export default SettingIcon;
@@ -1,37 +0,0 @@
1
- const ShareIcon = ({
2
- color,
3
- size = 20,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 20 20"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M7.49992 9.99999C7.49992 10.5525 7.28043 11.0824 6.88972 11.4731C6.49902 11.8638 5.96912 12.0833 5.41659 12.0833C4.86405 12.0833 4.33415 11.8638 3.94345 11.4731C3.55275 11.0824 3.33325 10.5525 3.33325 9.99999C3.33325 9.44746 3.55275 8.91755 3.94345 8.52685C4.33415 8.13615 4.86405 7.91666 5.41659 7.91666C5.96912 7.91666 6.49902 8.13615 6.88972 8.52685C7.28043 8.91755 7.49992 9.44746 7.49992 9.99999Z"
19
- stroke="currentColor"
20
- stroke-width="1.25"
21
- />
22
- <path
23
- d="M11.6667 5.41666L7.5 8.33332M11.6667 14.5833L7.5 11.6667"
24
- stroke="currentColor"
25
- stroke-width="1.25"
26
- stroke-linecap="round"
27
- />
28
- <path
29
- d="M15.8332 15.4167C15.8332 15.9692 15.6137 16.4991 15.223 16.8898C14.8323 17.2805 14.3024 17.5 13.7498 17.5C13.1973 17.5 12.6674 17.2805 12.2767 16.8898C11.886 16.4991 11.6665 15.9692 11.6665 15.4167C11.6665 14.8641 11.886 14.3342 12.2767 13.9435C12.6674 13.5528 13.1973 13.3333 13.7498 13.3333C14.3024 13.3333 14.8323 13.5528 15.223 13.9435C15.6137 14.3342 15.8332 14.8641 15.8332 15.4167ZM15.8332 4.58333C15.8332 5.13587 15.6137 5.66577 15.223 6.05647C14.8323 6.44717 14.3024 6.66667 13.7498 6.66667C13.1973 6.66667 12.6674 6.44717 12.2767 6.05647C11.886 5.66577 11.6665 5.13587 11.6665 4.58333C11.6665 4.0308 11.886 3.50089 12.2767 3.11019C12.6674 2.71949 13.1973 2.5 13.7498 2.5C14.3024 2.5 14.8323 2.71949 15.223 3.11019C15.6137 3.50089 15.8332 4.0308 15.8332 4.58333Z"
30
- stroke="currentColor"
31
- stroke-width="1.25"
32
- />
33
- </svg>
34
- );
35
- };
36
-
37
- export default ShareIcon;
@@ -1,56 +0,0 @@
1
- const ShopIcon = ({
2
- color,
3
- size = 24,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 24 24"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22"
19
- stroke="currentColor"
20
- stroke-width="1.5"
21
- stroke-linecap="round"
22
- stroke-linejoin="round"
23
- />
24
- <path
25
- d="M12 12C13.83 12 15.18 10.51 15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12Z"
26
- stroke="currentColor"
27
- stroke-width="1.5"
28
- stroke-linecap="round"
29
- stroke-linejoin="round"
30
- />
31
- <path
32
- d="M18.31 12C20.33 12 21.81 10.36 21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12Z"
33
- stroke="currentColor"
34
- stroke-width="1.5"
35
- stroke-linecap="round"
36
- stroke-linejoin="round"
37
- />
38
- <path
39
- d="M5.63988 12C7.28988 12 8.77988 10.66 8.93988 9.01L9.15988 6.8L9.63988 2H6.58988C3.96988 2 2.96988 3 2.60988 5.6L2.33988 8.35C2.13988 10.36 3.61988 12 5.63988 12Z"
40
- stroke="currentColor"
41
- stroke-width="1.5"
42
- stroke-linecap="round"
43
- stroke-linejoin="round"
44
- />
45
- <path
46
- d="M12 17C10.33 17 9.5 17.83 9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17Z"
47
- stroke="currentColor"
48
- stroke-width="1.5"
49
- stroke-linecap="round"
50
- stroke-linejoin="round"
51
- />
52
- </svg>
53
- );
54
- };
55
-
56
- export default ShopIcon;
@@ -1,53 +0,0 @@
1
- const ShoppingCartIcon = ({
2
- color,
3
- size = 24,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 24 24"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{ color }}
16
- >
17
- <path
18
- d="M2 2H3.74001C4.82001 2 5.67 2.93 5.58 4L4.75 13.96C4.61 15.59 5.89999 16.99 7.53999 16.99H18.19C19.63 16.99 20.89 15.81 21 14.38L21.54 6.88C21.66 5.22 20.4 3.87 18.73 3.87H5.82001"
19
- stroke="currentColor"
20
- stroke-width="1.5"
21
- stroke-miterlimit="10"
22
- stroke-linecap="round"
23
- stroke-linejoin="round"
24
- />
25
- <path
26
- d="M16.25 22C16.9404 22 17.5 21.4404 17.5 20.75C17.5 20.0596 16.9404 19.5 16.25 19.5C15.5596 19.5 15 20.0596 15 20.75C15 21.4404 15.5596 22 16.25 22Z"
27
- stroke="currentColor"
28
- stroke-width="1.5"
29
- stroke-miterlimit="10"
30
- stroke-linecap="round"
31
- stroke-linejoin="round"
32
- />
33
- <path
34
- d="M8.25 22C8.94036 22 9.5 21.4404 9.5 20.75C9.5 20.0596 8.94036 19.5 8.25 19.5C7.55964 19.5 7 20.0596 7 20.75C7 21.4404 7.55964 22 8.25 22Z"
35
- stroke="currentColor"
36
- stroke-width="1.5"
37
- stroke-miterlimit="10"
38
- stroke-linecap="round"
39
- stroke-linejoin="round"
40
- />
41
- <path
42
- d="M9 8H21"
43
- stroke="currentColor"
44
- stroke-width="1.5"
45
- stroke-miterlimit="10"
46
- stroke-linecap="round"
47
- stroke-linejoin="round"
48
- />
49
- </svg>
50
- );
51
- };
52
-
53
- export default ShoppingCartIcon;
@@ -1,25 +0,0 @@
1
- const SpinnerIcon = ({
2
- color,
3
- size = 24,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 20 20"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{ color }}
16
- >
17
- <path
18
- d="M10 18C8.41775 18 6.87103 17.5308 5.55544 16.6518C4.23984 15.7727 3.21446 14.5233 2.60896 13.0615C2.00346 11.5997 1.84504 9.99112 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23985 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10H16.4C16.4 8.7342 16.0246 7.49683 15.3214 6.44435C14.6182 5.39188 13.6186 4.57157 12.4492 4.08717C11.2797 3.60277 9.9929 3.47603 8.75142 3.72297C7.50994 3.96992 6.36957 4.57946 5.47452 5.47452C4.57946 6.36957 3.96992 7.50994 3.72297 8.75142C3.47603 9.9929 3.60277 11.2797 4.08717 12.4492C4.57157 13.6186 5.39188 14.6182 6.44435 15.3214C7.49682 16.0246 8.7342 16.4 10 16.4V18Z"
19
- fill="currentColor"
20
- />
21
- </svg>
22
- );
23
- };
24
-
25
- export default SpinnerIcon;
@@ -1,29 +0,0 @@
1
- const StarIcon = ({
2
- color,
3
- size = 12,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 12 12"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M6.86495 1.75501L7.74495 3.51501C7.86495 3.76001 8.18495 3.99501 8.45495 4.04001L10.05 4.30501C11.07 4.47501 11.31 5.21501 10.575 5.94501L9.33495 7.18501C9.12495 7.39501 9.00995 7.80001 9.07495 8.09001L9.42995 9.62501C9.70995 10.84 9.06495 11.31 7.98995 10.675L6.49495 9.79001C6.22495 9.63001 5.77995 9.63001 5.50495 9.79001L4.00995 10.675C2.93995 11.31 2.28995 10.835 2.56995 9.62501L2.92495 8.09001C2.98995 7.80001 2.87495 7.39501 2.66495 7.18501L1.42495 5.94501C0.694954 5.21501 0.929955 4.47501 1.94995 4.30501L3.54495 4.04001C3.80995 3.99501 4.12995 3.76001 4.24995 3.51501L5.12995 1.75501C5.60995 0.800007 6.38995 0.800007 6.86495 1.75501Z"
19
- fill="currentColor"
20
- stroke="currentColor"
21
- stroke-width="0.75"
22
- stroke-linecap="round"
23
- stroke-linejoin="round"
24
- />
25
- </svg>
26
- );
27
- };
28
-
29
- export default StarIcon;
@@ -1,25 +0,0 @@
1
- const TickCircleIcon = ({
2
- color,
3
- size = 20,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 20 20"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{ color }}
16
- >
17
- <path
18
- d="M10 0C4.49 0 0 4.49 0 10C0 15.51 4.49 20 10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 0 10 0ZM14.78 7.7L9.11 13.37C8.97 13.51 8.78 13.59 8.58 13.59C8.38 13.59 8.19 13.51 8.05 13.37L5.22 10.54C4.93 10.25 4.93 9.77 5.22 9.48C5.51 9.19 5.99 9.19 6.28 9.48L8.58 11.78L13.72 6.64C14.01 6.35 14.49 6.35 14.78 6.64C15.07 6.93 15.07 7.4 14.78 7.7Z"
19
- fill="currentColor"
20
- />
21
- </svg>
22
- );
23
- };
24
-
25
- export default TickCircleIcon;
@@ -1,56 +0,0 @@
1
- const TrashIcon = ({
2
- color,
3
- size = 20,
4
- }: {
5
- color?: string;
6
- size?: number;
7
- }) => {
8
- return (
9
- <svg
10
- width={size}
11
- height={size}
12
- viewBox="0 0 20 20"
13
- fill="none"
14
- xmlns="http://www.w3.org/2000/svg"
15
- style={{color}}
16
- >
17
- <path
18
- d="M17.5 4.98307C14.725 4.70807 11.9333 4.56641 9.15 4.56641C7.5 4.56641 5.85 4.64974 4.2 4.81641L2.5 4.98307"
19
- stroke="currentColor"
20
- stroke-width="1.5"
21
- stroke-linecap="round"
22
- stroke-linejoin="round"
23
- />
24
- <path
25
- d="M7.08325 4.14199L7.26659 3.05033C7.39992 2.25866 7.49992 1.66699 8.90825 1.66699H11.0916C12.4999 1.66699 12.6083 2.29199 12.7333 3.05866L12.9166 4.14199"
26
- stroke="currentColor"
27
- stroke-width="1.5"
28
- stroke-linecap="round"
29
- stroke-linejoin="round"
30
- />
31
- <path
32
- d="M15.7084 7.61621L15.1667 16.0079C15.0751 17.3162 15.0001 18.3329 12.6751 18.3329H7.32508C5.00008 18.3329 4.92508 17.3162 4.83341 16.0079L4.29175 7.61621"
33
- stroke="currentColor"
34
- stroke-width="1.5"
35
- stroke-linecap="round"
36
- stroke-linejoin="round"
37
- />
38
- <path
39
- d="M8.6084 13.75H11.3834"
40
- stroke="currentColor"
41
- stroke-width="1.5"
42
- stroke-linecap="round"
43
- stroke-linejoin="round"
44
- />
45
- <path
46
- d="M7.91675 10.417H12.0834"
47
- stroke="currentColor"
48
- stroke-width="1.5"
49
- stroke-linecap="round"
50
- stroke-linejoin="round"
51
- />
52
- </svg>
53
- );
54
- };
55
-
56
- export default TrashIcon;