am-shared-assets 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/am-shared-assets.js +1967 -0
- package/dist/am-shared-assets.umd.cjs +18 -0
- package/package.json +4 -6
- package/.gitlab-ci.yml +0 -31
- package/.storybook/main.ts +0 -17
- package/.storybook/preview.ts +0 -22
- package/.storybook/vitest.setup.ts +0 -7
- package/Dockerfile +0 -36
- package/docker-compose.yml +0 -12
- package/eslint.config.js +0 -23
- package/index.html +0 -13
- package/postcss.config.js +0 -6
- package/src/App.tsx +0 -8
- package/src/components/Alert.tsx +0 -194
- package/src/components/Badge.tsx +0 -48
- package/src/components/Button.tsx +0 -137
- package/src/components/Chip.tsx +0 -139
- package/src/components/Input.tsx +0 -137
- package/src/components/Radio.tsx +0 -89
- package/src/components/RangeSlider.tsx +0 -106
- package/src/components/Select.tsx +0 -13
- package/src/components/Switch.tsx +0 -76
- package/src/components/Tooltip.tsx +0 -111
- package/src/icons/components/AddIcon.tsx +0 -27
- package/src/icons/components/ArrowDownIcon.tsx +0 -25
- package/src/icons/components/ArrowRightIcon.tsx +0 -37
- package/src/icons/components/BagIcon.tsx +0 -25
- package/src/icons/components/BoxIcon.tsx +0 -43
- package/src/icons/components/BoxTimeIcon.tsx +0 -47
- package/src/icons/components/CardTickIcon.tsx +0 -54
- package/src/icons/components/CardsIcon.tsx +0 -48
- package/src/icons/components/CategoryIcon.tsx +0 -37
- package/src/icons/components/ChevronBottomIcon.tsx +0 -22
- package/src/icons/components/ChevronLeftIcon.tsx +0 -29
- package/src/icons/components/ChevronRightIcon.tsx +0 -29
- package/src/icons/components/ChevronTopIcon.tsx +0 -29
- package/src/icons/components/CloseCircleIcon.tsx +0 -25
- package/src/icons/components/CloseIcon.tsx +0 -29
- package/src/icons/components/DislikeIcon.tsx +0 -32
- package/src/icons/components/EditIcon.tsx +0 -39
- package/src/icons/components/HeartIcon.tsx +0 -28
- package/src/icons/components/HomeIcon.tsx +0 -19
- package/src/icons/components/InfoIcon.tsx +0 -25
- package/src/icons/components/LikeIcon.tsx +0 -32
- package/src/icons/components/MessageIcon.tsx +0 -50
- package/src/icons/components/MoneyIcon.tsx +0 -57
- package/src/icons/components/MoreIcon.tsx +0 -33
- package/src/icons/components/OutlineTickCircleIcon.tsx +0 -35
- package/src/icons/components/RotateBoxIcon.tsx +0 -56
- package/src/icons/components/RotateInfoIcon.tsx +0 -34
- package/src/icons/components/SearchIcon.tsx +0 -35
- package/src/icons/components/SettingIcon.tsx +0 -69
- package/src/icons/components/ShareIcon.tsx +0 -37
- package/src/icons/components/ShopIcon.tsx +0 -56
- package/src/icons/components/ShoppingCartIcon.tsx +0 -53
- package/src/icons/components/SpinnerIcon.tsx +0 -25
- package/src/icons/components/StarIcon.tsx +0 -29
- package/src/icons/components/TickCircleIcon.tsx +0 -25
- package/src/icons/components/TrashIcon.tsx +0 -56
- package/src/icons/components/TruckIcon.tsx +0 -51
- package/src/icons/components/UserIcon.tsx +0 -29
- package/src/icons/components/WalletCheckIcon.tsx +0 -52
- package/src/icons/components/WarningIcon.tsx +0 -19
- package/src/icons/index.ts +0 -83
- package/src/index.css +0 -36
- package/src/index.ts +0 -2
- package/src/main.tsx +0 -10
- package/src/stories/Alert.stories.ts +0 -22
- package/src/stories/Badge.stories.tsx +0 -20
- package/src/stories/Button.stories.tsx +0 -108
- package/src/stories/Chip.stories.ts +0 -20
- package/src/stories/Configure.mdx +0 -364
- package/src/stories/IconGallery.stories.tsx +0 -99
- package/src/stories/Input.stories.ts +0 -21
- package/src/stories/Radio.stories.tsx +0 -21
- package/src/stories/RangeSlider.stories.tsx +0 -68
- package/src/stories/Select.stories.ts +0 -21
- package/src/stories/Switch.stories.tsx +0 -21
- package/src/stories/Tooltip.stories.ts +0 -20
- package/src/stories/assets/accessibility.png +0 -0
- package/src/stories/assets/accessibility.svg +0 -1
- package/src/stories/assets/addon-library.png +0 -0
- package/src/stories/assets/assets.png +0 -0
- package/src/stories/assets/avif-test-image.avif +0 -0
- package/src/stories/assets/context.png +0 -0
- package/src/stories/assets/discord.svg +0 -1
- package/src/stories/assets/docs.png +0 -0
- package/src/stories/assets/figma-plugin.png +0 -0
- package/src/stories/assets/fonts/woff/IRANSansXFaNum-Bold.woff +0 -0
- package/src/stories/assets/fonts/woff/IRANSansXFaNum-DemiBold.woff +0 -0
- package/src/stories/assets/fonts/woff/IRANSansXFaNum-Medium.woff +0 -0
- package/src/stories/assets/fonts/woff/IRANSansXFaNum-Regular.woff +0 -0
- package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Bold.woff2 +0 -0
- package/src/stories/assets/fonts/woff2/IRANSansXFaNum-DemiBold.woff2 +0 -0
- package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Medium.woff2 +0 -0
- package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Regular.woff2 +0 -0
- package/src/stories/assets/github.svg +0 -1
- package/src/stories/assets/share.png +0 -0
- package/src/stories/assets/styling.png +0 -0
- package/src/stories/assets/testing.png +0 -0
- package/src/stories/assets/theming.png +0 -0
- package/src/stories/assets/tutorials.svg +0 -1
- package/src/stories/assets/youtube.svg +0 -1
- package/tailwind.config.js +0 -165
- package/tsconfig.app.json +0 -28
- package/tsconfig.json +0 -7
- package/tsconfig.node.json +0 -26
- package/vite.config.ts +0 -38
- package/vitest.shims.d.ts +0 -1
- /package/{public → dist}/vite.svg +0 -0
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
const EditIcon = ({ color, size = 20 }: { color?: string; size?: number }) => {
|
|
2
|
-
return (
|
|
3
|
-
<svg
|
|
4
|
-
width={size}
|
|
5
|
-
height={size}
|
|
6
|
-
viewBox="0 0 20 20"
|
|
7
|
-
fill="none"
|
|
8
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
-
style={{color}}
|
|
10
|
-
>
|
|
11
|
-
<path
|
|
12
|
-
d="M11.0504 2.99999L4.20878 10.2417C3.95045 10.5167 3.70045 11.0583 3.65045 11.4333L3.34211 14.1333C3.23378 15.1083 3.93378 15.775 4.90045 15.6083L7.58378 15.15C7.95878 15.0833 8.48378 14.8083 8.74211 14.525L15.5838 7.28332C16.7671 6.03332 17.3004 4.60832 15.4588 2.86665C13.6254 1.14165 12.2338 1.74999 11.0504 2.99999Z"
|
|
13
|
-
stroke="currentColor"
|
|
14
|
-
stroke-width="1.5"
|
|
15
|
-
stroke-miterlimit="10"
|
|
16
|
-
stroke-linecap="round"
|
|
17
|
-
stroke-linejoin="round"
|
|
18
|
-
/>
|
|
19
|
-
<path
|
|
20
|
-
d="M9.9082 4.20834C10.2665 6.50834 12.1332 8.26668 14.4499 8.50001"
|
|
21
|
-
stroke="currentColor"
|
|
22
|
-
stroke-width="1.5"
|
|
23
|
-
stroke-miterlimit="10"
|
|
24
|
-
stroke-linecap="round"
|
|
25
|
-
stroke-linejoin="round"
|
|
26
|
-
/>
|
|
27
|
-
<path
|
|
28
|
-
d="M2.5 18.3333H17.5"
|
|
29
|
-
stroke="currentColor"
|
|
30
|
-
stroke-width="1.5"
|
|
31
|
-
stroke-miterlimit="10"
|
|
32
|
-
stroke-linecap="round"
|
|
33
|
-
stroke-linejoin="round"
|
|
34
|
-
/>
|
|
35
|
-
</svg>
|
|
36
|
-
);
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export default EditIcon;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const HeartIcon = ({
|
|
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.5167 17.3417C10.2334 17.4417 9.76675 17.4417 9.48341 17.3417C7.06675 16.5167 1.66675 13.075 1.66675 7.24168C1.66675 4.66668 3.74175 2.58334 6.30008 2.58334C7.81675 2.58334 9.15841 3.31668 10.0001 4.45001C10.8417 3.31668 12.1917 2.58334 13.7001 2.58334C16.2584 2.58334 18.3334 4.66668 18.3334 7.24168C18.3334 13.075 12.9334 16.5167 10.5167 17.3417Z"
|
|
19
|
-
stroke="currentColor"
|
|
20
|
-
stroke-width="1.25"
|
|
21
|
-
stroke-linecap="round"
|
|
22
|
-
stroke-linejoin="round"
|
|
23
|
-
/>
|
|
24
|
-
</svg>
|
|
25
|
-
);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export default HeartIcon;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const HomeIcon = ({ color, size = 20 }: { color?: string; size?: number }) => {
|
|
2
|
-
return (
|
|
3
|
-
<svg
|
|
4
|
-
width={size}
|
|
5
|
-
height={size}
|
|
6
|
-
viewBox="0 0 20 20"
|
|
7
|
-
fill="none"
|
|
8
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
-
style={{ color }}
|
|
10
|
-
>
|
|
11
|
-
<path
|
|
12
|
-
d="M16.7001 5.68324L11.9001 2.32491C10.5918 1.40824 8.58345 1.45824 7.32511 2.43324L3.15011 5.69157C2.31678 6.34157 1.65845 7.67491 1.65845 8.72491V14.4749C1.65845 16.5999 3.38345 18.3332 5.50845 18.3332H14.4918C16.6168 18.3332 18.3418 16.6082 18.3418 14.4832V8.83324C18.3418 7.70824 17.6168 6.32491 16.7001 5.68324ZM10.6251 14.9999C10.6251 15.3416 10.3418 15.6249 10.0001 15.6249C9.65845 15.6249 9.37511 15.3416 9.37511 14.9999V12.4999C9.37511 12.1582 9.65845 11.8749 10.0001 11.8749C10.3418 11.8749 10.6251 12.1582 10.6251 12.4999V14.9999Z"
|
|
13
|
-
fill="currentColor"
|
|
14
|
-
/>
|
|
15
|
-
</svg>
|
|
16
|
-
);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export default HomeIcon;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
const InfoIcon = ({
|
|
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 20C15.51 20 20 15.51 20 10C20 4.49 15.51 -3.92528e-07 10 -8.74228e-07C4.49 -1.35593e-06 1.35593e-06 4.49 8.74228e-07 10C3.92528e-07 15.51 4.49 20 10 20ZM10.75 14C10.75 14.41 10.41 14.75 10 14.75C9.59 14.75 9.25 14.41 9.25 14L9.25 9C9.25 8.59 9.59 8.25 10 8.25C10.41 8.25 10.75 8.59 10.75 9L10.75 14ZM9.08 5.62C9.13 5.49 9.2 5.39 9.29 5.29C9.39 5.2 9.5 5.13 9.62 5.08C9.74 5.03 9.87 5 10 5C10.13 5 10.26 5.03 10.38 5.08C10.5 5.13 10.61 5.2 10.71 5.29C10.8 5.39 10.87 5.49 10.92 5.62C10.97 5.74 11 5.87 11 6C11 6.13 10.97 6.26 10.92 6.38C10.87 6.5 10.8 6.61 10.71 6.71C10.61 6.8 10.5 6.87 10.38 6.92C10.14 7.02 9.86 7.02 9.62 6.92C9.5 6.87 9.39 6.8 9.29 6.71C9.2 6.61 9.13 6.5 9.08 6.38C9.03 6.26 9 6.13 9 6C9 5.87 9.03 5.74 9.08 5.62Z"
|
|
19
|
-
fill="currentColor"
|
|
20
|
-
/>
|
|
21
|
-
</svg>
|
|
22
|
-
);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default InfoIcon;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
const LikeIcon = ({
|
|
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="M4.98682 12.2333L7.05348 13.8333C7.32015 14.1 7.92015 14.2333 8.32015 14.2333H10.8535C11.6535 14.2333 12.5202 13.6333 12.7202 12.8333L14.3202 7.96667C14.6535 7.03333 14.0535 6.23333 13.0535 6.23333H10.3868C9.98682 6.23333 9.65348 5.9 9.72015 5.43333L10.0535 3.3C10.1868 2.7 9.78682 2.03333 9.18682 1.83333C8.65348 1.63333 7.98682 1.9 7.72015 2.3L4.98682 6.36667"
|
|
19
|
-
stroke="currentColor"
|
|
20
|
-
stroke-miterlimit="10"
|
|
21
|
-
/>
|
|
22
|
-
<path
|
|
23
|
-
d="M1.58643 12.2333V5.69999C1.58643 4.76665 1.98643 4.43332 2.91976 4.43332H3.58643C4.51976 4.43332 4.91976 4.76665 4.91976 5.69999V12.2333C4.91976 13.1667 4.51976 13.5 3.58643 13.5H2.91976C1.98643 13.5 1.58643 13.1667 1.58643 12.2333Z"
|
|
24
|
-
stroke="currentColor"
|
|
25
|
-
stroke-linecap="round"
|
|
26
|
-
stroke-linejoin="round"
|
|
27
|
-
/>
|
|
28
|
-
</svg>
|
|
29
|
-
);
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
export default LikeIcon;
|
|
@@ -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;
|