@rn-components-dropdown/dropdown 1.0.30 → 1.0.32
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/assets/assets/svg/ArrowDown.tsx +26 -0
- package/dist/assets/assets/svg/ArrowUp.tsx +34 -0
- package/dist/assets/assets/svg/CheckIcon.tsx +10 -0
- package/dist/assets/assets/svg/ClearIcon.tsx +9 -0
- package/dist/assets/assets/svg/SearchIcon.tsx +11 -0
- package/dist/assets/assets/svg/index.ts +5 -0
- package/dist/assets/svg/ArrowDown.d.ts +4 -0
- package/dist/assets/svg/ArrowDown.js +11 -0
- package/dist/assets/svg/ArrowUp.d.ts +4 -0
- package/dist/assets/svg/ArrowUp.js +11 -0
- package/dist/assets/svg/CheckIcon.d.ts +3 -0
- package/dist/assets/svg/CheckIcon.js +5 -0
- package/dist/assets/svg/ClearIcon.d.ts +4 -0
- package/dist/assets/svg/ClearIcon.js +6 -0
- package/dist/assets/svg/SearchIcon.d.ts +4 -0
- package/dist/assets/svg/SearchIcon.js +6 -0
- package/dist/assets/svg/index.d.ts +5 -0
- package/dist/assets/svg/index.js +5 -0
- package/package.json +3 -3
- package/src/assets/svg/ArrowDown.tsx +26 -0
- package/src/assets/svg/ArrowUp.tsx +34 -0
- package/src/assets/svg/CheckIcon.tsx +10 -0
- package/src/assets/svg/ClearIcon.tsx +9 -0
- package/src/assets/svg/SearchIcon.tsx +11 -0
- package/src/assets/svg/index.ts +5 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Path, Mask, Rect, G } from "react-native-svg";
|
|
3
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
4
|
+
|
|
5
|
+
const ArrowDown = ({ size = 16, color = "black" }: SvgInterface) => (
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
7
|
+
<Mask
|
|
8
|
+
id="mask0_2371_2505"
|
|
9
|
+
maskUnits="userSpaceOnUse"
|
|
10
|
+
x={0}
|
|
11
|
+
y={0}
|
|
12
|
+
width={24}
|
|
13
|
+
height={24}
|
|
14
|
+
>
|
|
15
|
+
<Rect width={24} height={24} rx={1} fill="#fff" />
|
|
16
|
+
</Mask>
|
|
17
|
+
<G mask="url(#mask0_2371_2505)">
|
|
18
|
+
<Path
|
|
19
|
+
d="M12.7071 14.6929C12.3166 15.0834 11.6834 15.0834 11.2929 14.6929L6.7 10.1C6.3134 9.7134 6.3134 9.0866 6.7 8.7C7.0866 8.3134 7.7134 8.3134 8.1 8.7L11.2929 11.8929C11.6834 12.2834 12.3166 12.2834 12.7071 11.8929L15.9 8.7C16.2866 8.3134 16.9134 8.3134 17.3 8.7C17.6866 9.0866 17.6866 9.7134 17.3 10.1L12.7071 14.6929Z"
|
|
20
|
+
fill={color}
|
|
21
|
+
/>
|
|
22
|
+
</G>
|
|
23
|
+
</Svg>
|
|
24
|
+
);
|
|
25
|
+
|
|
26
|
+
export default ArrowDown;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Mask, Rect, G, Path } from "react-native-svg";
|
|
3
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
4
|
+
|
|
5
|
+
const ArrowUp = ({ size = 16, color = "#1C1B1F" }: SvgInterface) => (
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
7
|
+
<Mask
|
|
8
|
+
id="mask0_2375_2500"
|
|
9
|
+
maskUnits="userSpaceOnUse"
|
|
10
|
+
x={0}
|
|
11
|
+
y={0}
|
|
12
|
+
width={24}
|
|
13
|
+
height={24}
|
|
14
|
+
>
|
|
15
|
+
<Rect
|
|
16
|
+
x={24}
|
|
17
|
+
y={24}
|
|
18
|
+
width={24}
|
|
19
|
+
height={24}
|
|
20
|
+
rx={1}
|
|
21
|
+
transform="rotate(-180 24 24)"
|
|
22
|
+
fill={color}
|
|
23
|
+
/>
|
|
24
|
+
</Mask>
|
|
25
|
+
<G mask="url(#mask0_2375_2500)">
|
|
26
|
+
<Path
|
|
27
|
+
d="M11.2929 9.30711C11.6834 8.91658 12.3166 8.91658 12.7071 9.30711L17.3 13.9C17.6866 14.2866 17.6866 14.9134 17.3 15.3C16.9134 15.6866 16.2866 15.6866 15.9 15.3L12.7071 12.1071C12.3166 11.7166 11.6834 11.7166 11.2929 12.1071L8.1 15.3C7.7134 15.6866 7.0866 15.6866 6.7 15.3C6.3134 14.9134 6.3134 14.2866 6.7 13.9L11.2929 9.30711Z"
|
|
28
|
+
fill={color}
|
|
29
|
+
/>
|
|
30
|
+
</G>
|
|
31
|
+
</Svg>
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
export default ArrowUp;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import Svg, { Path } from "react-native-svg";
|
|
2
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
3
|
+
|
|
4
|
+
const CheckIcon = ({size, color}: SvgInterface) => (
|
|
5
|
+
<Svg width={size} height={size} viewBox="0 0 17 12" fill={color}>
|
|
6
|
+
<Path d="M7.27431 11.4818C6.88907 11.8992 6.23401 11.9123 5.8324 11.5106L0.292433 5.97067C-0.104655 5.57358 -0.0969935 4.92745 0.309397 4.53989L0.9927 3.88825C1.38569 3.51347 2.00596 3.52082 2.38995 3.90481L5.3544 6.86927C5.70921 7.22407 6.27201 7.261 6.67014 6.95561L15.5294 0.160008C15.8378 -0.0765669 16.2738 -0.0479552 16.5487 0.226898C16.84 0.518236 16.8523 0.986646 16.5767 1.29289L12.5684 5.7466L7.27431 11.4818Z"/>
|
|
7
|
+
</Svg>
|
|
8
|
+
);
|
|
9
|
+
|
|
10
|
+
export default CheckIcon;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
3
|
+
import Svg, { Path } from "react-native-svg";
|
|
4
|
+
|
|
5
|
+
const ClearIcon = ({size, color}: SvgInterface) =>
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 10 10" fill={color}>
|
|
7
|
+
<Path d="M1.68984 8.86566C1.30324 9.25226 0.676443 9.25226 0.289844 8.86566C-0.0967558 8.47906 -0.0967556 7.85226 0.289844 7.46566L2.30288 5.45263C2.79223 4.96327 2.79085 4.16944 2.29979 3.68179L0.293503 1.68943C-0.0947195 1.30391 -0.0958139 0.676318 0.291063 0.289441C0.676989 -0.0964853 1.3027 -0.0964852 1.68862 0.289441L3.70288 2.30369C4.19223 2.79305 4.98607 2.79167 5.47372 2.30061L7.46729 0.293096C7.85214 -0.0944518 8.47864 -0.0955442 8.86484 0.29066C9.25105 0.676864 9.24996 1.30336 8.86241 1.68822L6.8549 3.68179C6.36384 4.16944 6.36245 4.96327 6.85181 5.45263L8.86606 7.46688C9.25199 7.85281 9.25199 8.47851 8.86606 8.86444C8.47919 9.25132 7.8516 9.25022 7.46607 8.862L5.47372 6.85571C4.98607 6.36465 4.19223 6.36327 3.70288 6.85263L1.68984 8.86566Z"/>
|
|
8
|
+
</Svg>
|
|
9
|
+
export default ClearIcon;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Path } from "react-native-svg";
|
|
3
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
4
|
+
|
|
5
|
+
const SearchIcon = ({ size= 18, color = "#1C1B1F" }: SvgInterface) => (
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 18 18" fill={color}>
|
|
7
|
+
<Path d="M17.3 17.3C16.9134 17.6866 16.2866 17.6866 15.9 17.3L11.6989 13.0989C10.9025 12.3025 9.63504 12.2695 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.2695 9.63504 12.3025 10.9025 13.0989 11.6989L17.3 15.9C17.6866 16.2866 17.6866 16.9134 17.3 17.3ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z"/>
|
|
8
|
+
</Svg>
|
|
9
|
+
);
|
|
10
|
+
|
|
11
|
+
export default SearchIcon;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Path, Mask, Rect, G } from "react-native-svg";
|
|
3
|
+
const ArrowDown = ({ size = 16, color = "black" }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
4
|
+
<Mask id="mask0_2371_2505" maskUnits="userSpaceOnUse" x={0} y={0} width={24} height={24}>
|
|
5
|
+
<Rect width={24} height={24} rx={1} fill="#fff"/>
|
|
6
|
+
</Mask>
|
|
7
|
+
<G mask="url(#mask0_2371_2505)">
|
|
8
|
+
<Path d="M12.7071 14.6929C12.3166 15.0834 11.6834 15.0834 11.2929 14.6929L6.7 10.1C6.3134 9.7134 6.3134 9.0866 6.7 8.7C7.0866 8.3134 7.7134 8.3134 8.1 8.7L11.2929 11.8929C11.6834 12.2834 12.3166 12.2834 12.7071 11.8929L15.9 8.7C16.2866 8.3134 16.9134 8.3134 17.3 8.7C17.6866 9.0866 17.6866 9.7134 17.3 10.1L12.7071 14.6929Z" fill={color}/>
|
|
9
|
+
</G>
|
|
10
|
+
</Svg>);
|
|
11
|
+
export default ArrowDown;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Mask, Rect, G, Path } from "react-native-svg";
|
|
3
|
+
const ArrowUp = ({ size = 16, color = "#1C1B1F" }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
4
|
+
<Mask id="mask0_2375_2500" maskUnits="userSpaceOnUse" x={0} y={0} width={24} height={24}>
|
|
5
|
+
<Rect x={24} y={24} width={24} height={24} rx={1} transform="rotate(-180 24 24)" fill={color}/>
|
|
6
|
+
</Mask>
|
|
7
|
+
<G mask="url(#mask0_2375_2500)">
|
|
8
|
+
<Path d="M11.2929 9.30711C11.6834 8.91658 12.3166 8.91658 12.7071 9.30711L17.3 13.9C17.6866 14.2866 17.6866 14.9134 17.3 15.3C16.9134 15.6866 16.2866 15.6866 15.9 15.3L12.7071 12.1071C12.3166 11.7166 11.6834 11.7166 11.2929 12.1071L8.1 15.3C7.7134 15.6866 7.0866 15.6866 6.7 15.3C6.3134 14.9134 6.3134 14.2866 6.7 13.9L11.2929 9.30711Z" fill={color}/>
|
|
9
|
+
</G>
|
|
10
|
+
</Svg>);
|
|
11
|
+
export default ArrowUp;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import Svg, { Path } from "react-native-svg";
|
|
2
|
+
const CheckIcon = ({ size, color }) => (<Svg width={size} height={size} viewBox="0 0 17 12" fill={color}>
|
|
3
|
+
<Path d="M7.27431 11.4818C6.88907 11.8992 6.23401 11.9123 5.8324 11.5106L0.292433 5.97067C-0.104655 5.57358 -0.0969935 4.92745 0.309397 4.53989L0.9927 3.88825C1.38569 3.51347 2.00596 3.52082 2.38995 3.90481L5.3544 6.86927C5.70921 7.22407 6.27201 7.261 6.67014 6.95561L15.5294 0.160008C15.8378 -0.0765669 16.2738 -0.0479552 16.5487 0.226898C16.84 0.518236 16.8523 0.986646 16.5767 1.29289L12.5684 5.7466L7.27431 11.4818Z"/>
|
|
4
|
+
</Svg>);
|
|
5
|
+
export default CheckIcon;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Path } from "react-native-svg";
|
|
3
|
+
const ClearIcon = ({ size, color }) => <Svg width={size} height={size} viewBox="0 0 10 10" fill={color}>
|
|
4
|
+
<Path d="M1.68984 8.86566C1.30324 9.25226 0.676443 9.25226 0.289844 8.86566C-0.0967558 8.47906 -0.0967556 7.85226 0.289844 7.46566L2.30288 5.45263C2.79223 4.96327 2.79085 4.16944 2.29979 3.68179L0.293503 1.68943C-0.0947195 1.30391 -0.0958139 0.676318 0.291063 0.289441C0.676989 -0.0964853 1.3027 -0.0964852 1.68862 0.289441L3.70288 2.30369C4.19223 2.79305 4.98607 2.79167 5.47372 2.30061L7.46729 0.293096C7.85214 -0.0944518 8.47864 -0.0955442 8.86484 0.29066C9.25105 0.676864 9.24996 1.30336 8.86241 1.68822L6.8549 3.68179C6.36384 4.16944 6.36245 4.96327 6.85181 5.45263L8.86606 7.46688C9.25199 7.85281 9.25199 8.47851 8.86606 8.86444C8.47919 9.25132 7.8516 9.25022 7.46607 8.862L5.47372 6.85571C4.98607 6.36465 4.19223 6.36327 3.70288 6.85263L1.68984 8.86566Z"/>
|
|
5
|
+
</Svg>;
|
|
6
|
+
export default ClearIcon;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Path } from "react-native-svg";
|
|
3
|
+
const SearchIcon = ({ size = 18, color = "#1C1B1F" }) => (<Svg width={size} height={size} viewBox="0 0 18 18" fill={color}>
|
|
4
|
+
<Path d="M17.3 17.3C16.9134 17.6866 16.2866 17.6866 15.9 17.3L11.6989 13.0989C10.9025 12.3025 9.63504 12.2695 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.2695 9.63504 12.3025 10.9025 13.0989 11.6989L17.3 15.9C17.6866 16.2866 17.6866 16.9134 17.3 17.3ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z"/>
|
|
5
|
+
</Svg>);
|
|
6
|
+
export default SearchIcon;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rn-components-dropdown/dropdown",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.32",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"homepage": "https://www.npmjs.com/package/@rn-components-dropdown/dropdown",
|
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
"url": "https://github.com/Daynight-Himmat/react-components/issues"
|
|
13
13
|
},
|
|
14
14
|
"scripts": {
|
|
15
|
-
"build": "tsc",
|
|
15
|
+
"build": "rm -rf dist && tsc && cp -R src/assets dist/assets",
|
|
16
16
|
"patch": "npm version patch",
|
|
17
17
|
"prepublishOnly": "npm run build",
|
|
18
18
|
"publish": "npm publish --access public",
|
|
19
|
-
"reset": "-rf dist && rm -rf node_modules && rm -rf package-lock.json && npm i --reset-cache"
|
|
19
|
+
"reset": "rm -rf dist && rm -rf node_modules && rm -rf package-lock.json && npm i --reset-cache"
|
|
20
20
|
},
|
|
21
21
|
"keywords": [
|
|
22
22
|
"react",
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Path, Mask, Rect, G } from "react-native-svg";
|
|
3
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
4
|
+
|
|
5
|
+
const ArrowDown = ({ size = 16, color = "black" }: SvgInterface) => (
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
7
|
+
<Mask
|
|
8
|
+
id="mask0_2371_2505"
|
|
9
|
+
maskUnits="userSpaceOnUse"
|
|
10
|
+
x={0}
|
|
11
|
+
y={0}
|
|
12
|
+
width={24}
|
|
13
|
+
height={24}
|
|
14
|
+
>
|
|
15
|
+
<Rect width={24} height={24} rx={1} fill="#fff" />
|
|
16
|
+
</Mask>
|
|
17
|
+
<G mask="url(#mask0_2371_2505)">
|
|
18
|
+
<Path
|
|
19
|
+
d="M12.7071 14.6929C12.3166 15.0834 11.6834 15.0834 11.2929 14.6929L6.7 10.1C6.3134 9.7134 6.3134 9.0866 6.7 8.7C7.0866 8.3134 7.7134 8.3134 8.1 8.7L11.2929 11.8929C11.6834 12.2834 12.3166 12.2834 12.7071 11.8929L15.9 8.7C16.2866 8.3134 16.9134 8.3134 17.3 8.7C17.6866 9.0866 17.6866 9.7134 17.3 10.1L12.7071 14.6929Z"
|
|
20
|
+
fill={color}
|
|
21
|
+
/>
|
|
22
|
+
</G>
|
|
23
|
+
</Svg>
|
|
24
|
+
);
|
|
25
|
+
|
|
26
|
+
export default ArrowDown;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Mask, Rect, G, Path } from "react-native-svg";
|
|
3
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
4
|
+
|
|
5
|
+
const ArrowUp = ({ size = 16, color = "#1C1B1F" }: SvgInterface) => (
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
|
|
7
|
+
<Mask
|
|
8
|
+
id="mask0_2375_2500"
|
|
9
|
+
maskUnits="userSpaceOnUse"
|
|
10
|
+
x={0}
|
|
11
|
+
y={0}
|
|
12
|
+
width={24}
|
|
13
|
+
height={24}
|
|
14
|
+
>
|
|
15
|
+
<Rect
|
|
16
|
+
x={24}
|
|
17
|
+
y={24}
|
|
18
|
+
width={24}
|
|
19
|
+
height={24}
|
|
20
|
+
rx={1}
|
|
21
|
+
transform="rotate(-180 24 24)"
|
|
22
|
+
fill={color}
|
|
23
|
+
/>
|
|
24
|
+
</Mask>
|
|
25
|
+
<G mask="url(#mask0_2375_2500)">
|
|
26
|
+
<Path
|
|
27
|
+
d="M11.2929 9.30711C11.6834 8.91658 12.3166 8.91658 12.7071 9.30711L17.3 13.9C17.6866 14.2866 17.6866 14.9134 17.3 15.3C16.9134 15.6866 16.2866 15.6866 15.9 15.3L12.7071 12.1071C12.3166 11.7166 11.6834 11.7166 11.2929 12.1071L8.1 15.3C7.7134 15.6866 7.0866 15.6866 6.7 15.3C6.3134 14.9134 6.3134 14.2866 6.7 13.9L11.2929 9.30711Z"
|
|
28
|
+
fill={color}
|
|
29
|
+
/>
|
|
30
|
+
</G>
|
|
31
|
+
</Svg>
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
export default ArrowUp;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import Svg, { Path } from "react-native-svg";
|
|
2
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
3
|
+
|
|
4
|
+
const CheckIcon = ({size, color}: SvgInterface) => (
|
|
5
|
+
<Svg width={size} height={size} viewBox="0 0 17 12" fill={color}>
|
|
6
|
+
<Path d="M7.27431 11.4818C6.88907 11.8992 6.23401 11.9123 5.8324 11.5106L0.292433 5.97067C-0.104655 5.57358 -0.0969935 4.92745 0.309397 4.53989L0.9927 3.88825C1.38569 3.51347 2.00596 3.52082 2.38995 3.90481L5.3544 6.86927C5.70921 7.22407 6.27201 7.261 6.67014 6.95561L15.5294 0.160008C15.8378 -0.0765669 16.2738 -0.0479552 16.5487 0.226898C16.84 0.518236 16.8523 0.986646 16.5767 1.29289L12.5684 5.7466L7.27431 11.4818Z"/>
|
|
7
|
+
</Svg>
|
|
8
|
+
);
|
|
9
|
+
|
|
10
|
+
export default CheckIcon;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
3
|
+
import Svg, { Path } from "react-native-svg";
|
|
4
|
+
|
|
5
|
+
const ClearIcon = ({size, color}: SvgInterface) =>
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 10 10" fill={color}>
|
|
7
|
+
<Path d="M1.68984 8.86566C1.30324 9.25226 0.676443 9.25226 0.289844 8.86566C-0.0967558 8.47906 -0.0967556 7.85226 0.289844 7.46566L2.30288 5.45263C2.79223 4.96327 2.79085 4.16944 2.29979 3.68179L0.293503 1.68943C-0.0947195 1.30391 -0.0958139 0.676318 0.291063 0.289441C0.676989 -0.0964853 1.3027 -0.0964852 1.68862 0.289441L3.70288 2.30369C4.19223 2.79305 4.98607 2.79167 5.47372 2.30061L7.46729 0.293096C7.85214 -0.0944518 8.47864 -0.0955442 8.86484 0.29066C9.25105 0.676864 9.24996 1.30336 8.86241 1.68822L6.8549 3.68179C6.36384 4.16944 6.36245 4.96327 6.85181 5.45263L8.86606 7.46688C9.25199 7.85281 9.25199 8.47851 8.86606 8.86444C8.47919 9.25132 7.8516 9.25022 7.46607 8.862L5.47372 6.85571C4.98607 6.36465 4.19223 6.36327 3.70288 6.85263L1.68984 8.86566Z"/>
|
|
8
|
+
</Svg>
|
|
9
|
+
export default ClearIcon;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Svg, { Path } from "react-native-svg";
|
|
3
|
+
import { SvgInterface } from "../../interface/svg.interface";
|
|
4
|
+
|
|
5
|
+
const SearchIcon = ({ size= 18, color = "#1C1B1F" }: SvgInterface) => (
|
|
6
|
+
<Svg width={size} height={size} viewBox="0 0 18 18" fill={color}>
|
|
7
|
+
<Path d="M17.3 17.3C16.9134 17.6866 16.2866 17.6866 15.9 17.3L11.6989 13.0989C10.9025 12.3025 9.63504 12.2695 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.2695 9.63504 12.3025 10.9025 13.0989 11.6989L17.3 15.9C17.6866 16.2866 17.6866 16.9134 17.3 17.3ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z"/>
|
|
8
|
+
</Svg>
|
|
9
|
+
);
|
|
10
|
+
|
|
11
|
+
export default SearchIcon;
|