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.
- package/dist/am-shared-assets.js +1967 -0
- package/package.json +5 -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,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;
|