react-native-exp-fig 0.1.1 → 0.1.2

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 (96) hide show
  1. package/package.json +4 -4
  2. package/src/common/constants/index.ts +5 -0
  3. package/src/common/icons-svg/arrow-drop-down/index.tsx +28 -28
  4. package/src/common/icons-svg/arrow-left/index.tsx +32 -32
  5. package/src/common/icons-svg/bluetooth/index.tsx +37 -37
  6. package/src/common/icons-svg/bluetooth-connected/index.tsx +41 -41
  7. package/src/common/icons-svg/calendar/index.tsx +40 -40
  8. package/src/common/icons-svg/call-bell/index.tsx +29 -29
  9. package/src/common/icons-svg/camera-plus/index.tsx +40 -40
  10. package/src/common/icons-svg/chart-bar/index.tsx +29 -0
  11. package/src/common/icons-svg/check-box-fill/index.tsx +30 -30
  12. package/src/common/icons-svg/check-box-outline/index.tsx +30 -30
  13. package/src/common/icons-svg/check-circle/index.tsx +27 -27
  14. package/src/common/icons-svg/closed/index.tsx +34 -34
  15. package/src/common/icons-svg/constants/index.ts +46 -43
  16. package/src/common/icons-svg/credit-card/index.tsx +32 -32
  17. package/src/common/icons-svg/currency/index.tsx +39 -39
  18. package/src/common/icons-svg/currency-circle-dollar/index.tsx +29 -0
  19. package/src/common/icons-svg/eye/index.tsx +31 -31
  20. package/src/common/icons-svg/eye-slash/index.tsx +31 -31
  21. package/src/common/icons-svg/file-text/index.tsx +39 -39
  22. package/src/common/icons-svg/gas-pump/index.tsx +39 -39
  23. package/src/common/icons-svg/gauge/index.tsx +39 -39
  24. package/src/common/icons-svg/gear/index.tsx +39 -39
  25. package/src/common/icons-svg/index.tsx +167 -149
  26. package/src/common/icons-svg/interface.d.ts +18 -18
  27. package/src/common/icons-svg/list/index.tsx +58 -58
  28. package/src/common/icons-svg/moon-stars/index.tsx +29 -29
  29. package/src/common/icons-svg/note-pincel/index.tsx +40 -40
  30. package/src/common/icons-svg/package/index.tsx +29 -0
  31. package/src/common/icons-svg/package-check/index.tsx +45 -45
  32. package/src/common/icons-svg/shopping-cart/index.tsx +39 -39
  33. package/src/common/icons-svg/steering-wheel/index.tsx +49 -49
  34. package/src/common/icons-svg/steering-wheel-fill/index.tsx +36 -36
  35. package/src/common/icons-svg/timer/index.tsx +39 -39
  36. package/src/common/icons-svg/trophy/index.tsx +29 -29
  37. package/src/common/icons-svg/truck/index.tsx +39 -39
  38. package/src/common/icons-svg/truck-trailer/index.tsx +36 -0
  39. package/src/common/icons-svg/wifi-high/index.tsx +43 -43
  40. package/src/common/icons-svg/wifi-x/index.tsx +50 -50
  41. package/src/components/box/index.tsx +47 -47
  42. package/src/components/box/interface.d.ts +31 -31
  43. package/src/components/box/styles.ts +21 -21
  44. package/src/components/button/index.tsx +61 -61
  45. package/src/components/button/interface.d.ts +40 -40
  46. package/src/components/button/styles.ts +34 -34
  47. package/src/components/capture-photo/index.tsx +125 -125
  48. package/src/components/capture-photo/interface.d.ts +44 -44
  49. package/src/components/capture-photo/styles.ts +24 -24
  50. package/src/components/card-hours/index.tsx +118 -118
  51. package/src/components/card-hours/interface.d.ts +37 -37
  52. package/src/components/card-scheduled-journey/index.tsx +138 -138
  53. package/src/components/card-scheduled-journey/interface.ts +42 -42
  54. package/src/components/card-scheduled-journey/styles.ts +26 -26
  55. package/src/components/header-profile/index.tsx +128 -128
  56. package/src/components/header-profile/interface.d.ts +52 -52
  57. package/src/components/input/index.tsx +176 -180
  58. package/src/components/input/interface.d.ts +55 -55
  59. package/src/components/input/styles.ts +23 -23
  60. package/src/components/menu-item/index.tsx +78 -0
  61. package/src/components/menu-item/interface.d.ts +19 -0
  62. package/src/components/menu-item/styles.ts +0 -0
  63. package/src/components/scheduled-journey-indicators/index.tsx +99 -99
  64. package/src/components/scheduled-journey-indicators/interface.d.ts +18 -18
  65. package/src/components/selects/select-option/index.tsx +104 -104
  66. package/src/components/selects/select-option/interface.d.ts +18 -18
  67. package/src/components/selects/select-option/styles.ts +75 -75
  68. package/src/components/step-indicator/helpers/get-icon-by-status.tsx +20 -20
  69. package/src/components/step-indicator/index.tsx +164 -164
  70. package/src/components/step-indicator/interface.d.ts +34 -34
  71. package/src/components/step-indicator/styles.ts +67 -67
  72. package/src/components/typography/index.tsx +67 -67
  73. package/src/components/typography/interface.d.ts +102 -102
  74. package/src/components/typography/styles.ts +34 -34
  75. package/src/components/user-profile/index.tsx +216 -0
  76. package/src/components/user-profile/interface.d.ts +22 -0
  77. package/src/{index.ts → index.tsx} +2 -0
  78. package/src/stories/box/box.stories.tsx +106 -106
  79. package/src/stories/button/button.stories.tsx +143 -143
  80. package/src/stories/capture-photo/capture-photo.stories.tsx +170 -170
  81. package/src/stories/card-hours/card-hours.stories.tsx +102 -102
  82. package/src/stories/card-scheduled-journey/card-scheduled-journey.stories.tsx +101 -101
  83. package/src/stories/header-profile/header-profile.stories.tsx +84 -84
  84. package/src/stories/input/input.stories.tsx +286 -286
  85. package/src/stories/menu-item/menu-item.stories.tsx +76 -0
  86. package/src/stories/scheduled-journey-indicators/sheduled-journey-indicators.stories.tsx +74 -74
  87. package/src/stories/select-option/select-option.stories.tsx +46 -46
  88. package/src/stories/step-indicator/step-indicator.stories.tsx +116 -116
  89. package/src/stories/typography/typography.stories.tsx +146 -146
  90. package/src/stories/user-profile/user-profile.stories.tsx +56 -0
  91. package/src/styles/global/interface.d.ts +131 -131
  92. package/src/styles/global/styles.ts +63 -63
  93. package/src/styles/global/theme-provider.tsx +10 -10
  94. package/src/styles/theme/theme.ts +158 -156
  95. package/src/utils/format-data/index.ts +14 -14
  96. package/src/utils/mutiply/index.ts +3 -3
@@ -1,30 +1,30 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path } from "react-native-svg";
6
- /**
7
- * typings
8
- */
9
- import { ISvgProps } from "../interface";
10
-
11
- const SvgIconCheckBoxOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
12
- <Svg
13
- //@ts-ignore
14
- xmlns="http://www.w3.org/2000/svg"
15
- width={size ? size : 24}
16
- height={size ? size : 24}
17
- fill="none"
18
- {...res}
19
- >
20
- <Path
21
- fill={color ? color : "#F3F3F3 "}
22
- d="M19.5 3h-15A1.5 1.5 0 0 0 3 4.5v15A1.5 1.5 0 0 0 4.5 21h15a1.5 1.5 0 0 0 1.5-1.5v-15A1.5 1.5 0 0 0 19.5 3Zm-3.22 7.28-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.751.751 0 0 1 1.06 1.06Z"
23
- />
24
- </Svg>
25
- );
26
-
27
- /**
28
- * EXPORTS
29
- */
30
- export { SvgIconCheckBoxOutline };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path } from "react-native-svg";
6
+ /**
7
+ * typings
8
+ */
9
+ import { ISvgProps } from "../interface";
10
+
11
+ const SvgIconCheckBoxOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
12
+ <Svg
13
+ //@ts-ignore
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ width={size ? size : 24}
16
+ height={size ? size : 24}
17
+ fill="none"
18
+ {...res}
19
+ >
20
+ <Path
21
+ fill={color ? color : "#F3F3F3 "}
22
+ d="M19.5 3h-15A1.5 1.5 0 0 0 3 4.5v15A1.5 1.5 0 0 0 4.5 21h15a1.5 1.5 0 0 0 1.5-1.5v-15A1.5 1.5 0 0 0 19.5 3Zm-3.22 7.28-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.751.751 0 0 1 1.06 1.06Z"
23
+ />
24
+ </Svg>
25
+ );
26
+
27
+ /**
28
+ * EXPORTS
29
+ */
30
+ export { SvgIconCheckBoxOutline };
@@ -1,27 +1,27 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path } from "react-native-svg";
6
-
7
- import { ISvgProps } from "../interface";
8
-
9
- const SvgIconCheckCircle: React.FC<ISvgProps> = ({ color, width, height }) => (
10
- <Svg
11
- //@ts-ignore
12
- xmlns="http://www.w3.org/2000/svg"
13
- width={width ?? 26}
14
- height={height ?? 26}
15
- fill="none"
16
- >
17
- <Path
18
- fill={color ?? "#25BA76"}
19
- d="M13 0a13 13 0 1 0 13 13A13.013 13.013 0 0 0 13 0Zm5.707 10.707-7 7a1.001 1.001 0 0 1-1.415 0l-3-3a1 1 0 1 1 1.416-1.415L11 15.587l6.293-6.293a1 1 0 1 1 1.415 1.415Z"
20
- />
21
- </Svg>
22
- );
23
-
24
- /**
25
- * EXPORTS
26
- */
27
- export { SvgIconCheckCircle };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path } from "react-native-svg";
6
+
7
+ import { ISvgProps } from "../interface";
8
+
9
+ const SvgIconCheckCircle: React.FC<ISvgProps> = ({ color, width, height }) => (
10
+ <Svg
11
+ //@ts-ignore
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ width={width ?? 26}
14
+ height={height ?? 26}
15
+ fill="none"
16
+ >
17
+ <Path
18
+ fill={color ?? "#25BA76"}
19
+ d="M13 0a13 13 0 1 0 13 13A13.013 13.013 0 0 0 13 0Zm5.707 10.707-7 7a1.001 1.001 0 0 1-1.415 0l-3-3a1 1 0 1 1 1.416-1.415L11 15.587l6.293-6.293a1 1 0 1 1 1.415 1.415Z"
20
+ />
21
+ </Svg>
22
+ );
23
+
24
+ /**
25
+ * EXPORTS
26
+ */
27
+ export { SvgIconCheckCircle };
@@ -1,34 +1,34 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import React from "react";
5
- import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
6
- /**
7
- * typings
8
- */
9
- import { ISvgProps } from "../interface";
10
-
11
- const SvgIconClosed: React.FC<ISvgProps> = ({ color }) => (
12
- // @ts-expect-error
13
- <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
14
- <G
15
- stroke={color ?? "#1e1e1e"}
16
- strokeLinecap="round"
17
- strokeLinejoin="round"
18
- strokeWidth={2}
19
- clipPath="url(#a)"
20
- >
21
- <Path d="M17.562 4.813 4.917 17.188M17.562 17.188 4.917 4.813" />
22
- </G>
23
- <Defs>
24
- <ClipPath id="a">
25
- <Path fill="#1e1e1e" d="M0 0h22.48v22H0z" />
26
- </ClipPath>
27
- </Defs>
28
- </Svg>
29
- );
30
-
31
- /**
32
- * EXPORTS
33
- */
34
- export { SvgIconClosed };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import React from "react";
5
+ import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
6
+ /**
7
+ * typings
8
+ */
9
+ import { ISvgProps } from "../interface";
10
+
11
+ const SvgIconClosed: React.FC<ISvgProps> = ({ color }) => (
12
+ // @ts-expect-error
13
+ <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
14
+ <G
15
+ stroke={color ?? "#1e1e1e"}
16
+ strokeLinecap="round"
17
+ strokeLinejoin="round"
18
+ strokeWidth={2}
19
+ clipPath="url(#a)"
20
+ >
21
+ <Path d="M17.562 4.813 4.917 17.188M17.562 17.188 4.917 4.813" />
22
+ </G>
23
+ <Defs>
24
+ <ClipPath id="a">
25
+ <Path fill="#1e1e1e" d="M0 0h22.48v22H0z" />
26
+ </ClipPath>
27
+ </Defs>
28
+ </Svg>
29
+ );
30
+
31
+ /**
32
+ * EXPORTS
33
+ */
34
+ export { SvgIconClosed };
@@ -1,43 +1,46 @@
1
- /**
2
- * IMPORTS
3
- */
4
-
5
- const SVG_NAME = {
6
- CAMERA_PLUS: "camera-plus",
7
- STEERING_WHEEL: "steering-wheel",
8
- CHECK_BOX_FILL: "check-box-fill",
9
- CHECK_BOX_OUTLINE: "check-box-outline",
10
- MOON_STARS: "moon-stars",
11
- CALL_BELL: "call-bell",
12
- STEERING_WHEEL_FILL: "steering-wheel-fill",
13
- TROPHY: "trophy",
14
- SHOPPING_CART: "Pedido Realizado",
15
- CREDIT_CARD: "Pagamento Aprovado",
16
- FILE_TEXT: "Pedido Faturado",
17
- TRUCK: "Pedido Enviado",
18
- PACKAGE_CHECK: "Pedido Entregue",
19
- EYE_SLASH: "eye-slash",
20
- EYE: "eye",
21
- CALENDAR: "calendar",
22
- TIMER: "timer",
23
- GEAR: "gear",
24
- CURRENCY: "currency",
25
- GAUGE: "gauge",
26
- GAS_PUMP: "gas-pump",
27
- ARROW_LEFT: "arrow-left",
28
- BLUETOOTH: "bluetooth",
29
- BLUETOOTH_CONNECTED: "bluetooth-connected",
30
- LIST: "list",
31
- WIFI_X: "wifi-x",
32
- WIFI_HIGH: "wifi-high",
33
- NOTE_PINCEL: "note-pincel",
34
- CHECK_CIRCLE: "check-circle",
35
- ARROW_DROP_DOWN: "arrow-drop-down",
36
- CLOSED: "closed",
37
- };
38
-
39
- /**
40
- * EXPORTS
41
- */
42
-
43
- export { SVG_NAME };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+
5
+ const SVG_NAME = {
6
+ CAMERA_PLUS: "camera-plus",
7
+ STEERING_WHEEL: "steering-wheel",
8
+ CHECK_BOX_FILL: "check-box-fill",
9
+ CHECK_BOX_OUTLINE: "check-box-outline",
10
+ MOON_STARS: "moon-stars",
11
+ CALL_BELL: "call-bell",
12
+ STEERING_WHEEL_FILL: "steering-wheel-fill",
13
+ TROPHY: "trophy",
14
+ SHOPPING_CART: "Pedido Realizado",
15
+ CREDIT_CARD: "Pagamento Aprovado",
16
+ FILE_TEXT: "Pedido Faturado",
17
+ TRUCK: "Pedido Enviado",
18
+ PACKAGE_CHECK: "Pedido Entregue",
19
+ EYE_SLASH: "eye-slash",
20
+ EYE: "eye",
21
+ CALENDAR: "calendar",
22
+ TIMER: "timer",
23
+ GEAR: "gear",
24
+ CURRENCY: "currency",
25
+ GAUGE: "gauge",
26
+ GAS_PUMP: "gas-pump",
27
+ ARROW_LEFT: "arrow-left",
28
+ BLUETOOTH: "bluetooth",
29
+ BLUETOOTH_CONNECTED: "bluetooth-connected",
30
+ LIST: "list",
31
+ WIFI_X: "wifi-x",
32
+ WIFI_HIGH: "wifi-high",
33
+ NOTE_PINCEL: "note-pincel",
34
+ CHECK_CIRCLE: "check-circle",
35
+ ARROW_DROP_DOWN: "arrow-drop-down",
36
+ CLOSED: "closed",
37
+ LOADING: "currency-circle-dollar",
38
+ COIL: "package",
39
+ HISTORY: "chart-bar",
40
+ };
41
+
42
+ /**
43
+ * EXPORTS
44
+ */
45
+
46
+ export { SVG_NAME };
@@ -1,32 +1,32 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import React from "react";
5
- import Svg, { Path } from "react-native-svg";
6
- /**
7
- * typings
8
- */
9
- import { ISvgProps } from "../interface";
10
-
11
- const IconCreditCard: React.FC<ISvgProps> = ({ size, color }) => (
12
- <Svg
13
- //@ts-ignore
14
- xmlns="http://www.w3.org/2000/svg"
15
- width={size ?? "24"}
16
- height={size ?? "24"}
17
- fill="none"
18
- viewBox="0 0 24 24"
19
- >
20
- <Path
21
- stroke={color ?? "#fff"}
22
- strokeLinecap="round"
23
- strokeLinejoin="round"
24
- d="M20 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2zM2 10h20"
25
- ></Path>
26
- </Svg>
27
- );
28
-
29
- /**
30
- * EXPORTS
31
- */
32
- export { IconCreditCard };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import React from "react";
5
+ import Svg, { Path } from "react-native-svg";
6
+ /**
7
+ * typings
8
+ */
9
+ import { ISvgProps } from "../interface";
10
+
11
+ const IconCreditCard: React.FC<ISvgProps> = ({ size, color }) => (
12
+ <Svg
13
+ //@ts-ignore
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ width={size ?? "24"}
16
+ height={size ?? "24"}
17
+ fill="none"
18
+ viewBox="0 0 24 24"
19
+ >
20
+ <Path
21
+ stroke={color ?? "#fff"}
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ d="M20 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2zM2 10h20"
25
+ ></Path>
26
+ </Svg>
27
+ );
28
+
29
+ /**
30
+ * EXPORTS
31
+ */
32
+ export { IconCreditCard };
@@ -1,39 +1,39 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
6
-
7
- //typings
8
- import { ISvgProps } from "../interface";
9
-
10
- const SvgIconCurrency: React.FC<ISvgProps> = ({ color, size }) => (
11
- <Svg
12
- //@ts-ignore
13
- xmlns="http://www.w3.org/2000/svg"
14
- width={size ?? 18}
15
- height={size ?? 18}
16
- fill="none"
17
- viewBox="0 0 18 18"
18
- >
19
- <G
20
- stroke={color ?? "#393939"}
21
- strokeLinecap="round"
22
- strokeLinejoin="round"
23
- strokeWidth="2"
24
- clipPath="url(#clip0_689_608)"
25
- >
26
- <Path d="M9 1.688v14.624M12.938 6.188a2.811 2.811 0 00-2.813-2.813h-2.25a2.813 2.813 0 000 5.625h2.813a2.812 2.812 0 110 5.625H7.312A2.812 2.812 0 014.5 11.812"></Path>
27
- </G>
28
- <Defs>
29
- <ClipPath id="clip0_689_608">
30
- <Path fill="#fff" d="M0 0H18V18H0z"></Path>
31
- </ClipPath>
32
- </Defs>
33
- </Svg>
34
- );
35
-
36
- /**
37
- * EXPORTS
38
- */
39
- export { SvgIconCurrency };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
6
+
7
+ //typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconCurrency: React.FC<ISvgProps> = ({ color, size }) => (
11
+ <Svg
12
+ //@ts-ignore
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? 18}
15
+ height={size ?? 18}
16
+ fill="none"
17
+ viewBox="0 0 18 18"
18
+ >
19
+ <G
20
+ stroke={color ?? "#393939"}
21
+ strokeLinecap="round"
22
+ strokeLinejoin="round"
23
+ strokeWidth="2"
24
+ clipPath="url(#clip0_689_608)"
25
+ >
26
+ <Path d="M9 1.688v14.624M12.938 6.188a2.811 2.811 0 00-2.813-2.813h-2.25a2.813 2.813 0 000 5.625h2.813a2.812 2.812 0 110 5.625H7.312A2.812 2.812 0 014.5 11.812"></Path>
27
+ </G>
28
+ <Defs>
29
+ <ClipPath id="clip0_689_608">
30
+ <Path fill="#fff" d="M0 0H18V18H0z"></Path>
31
+ </ClipPath>
32
+ </Defs>
33
+ </Svg>
34
+ );
35
+
36
+ /**
37
+ * EXPORTS
38
+ */
39
+ export { SvgIconCurrency };
@@ -0,0 +1,29 @@
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path } from "react-native-svg";
6
+
7
+ //typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgCurrencyCircleDollar: React.FC<ISvgProps> = ({ color, size }) => (
11
+ <Svg
12
+ //@ts-ignore
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? "32"}
15
+ height={size ?? "32"}
16
+ fill="none"
17
+ viewBox={`0 0 ${size ?? "32"} ${size ?? "32"}`}
18
+ >
19
+ <Path
20
+ fill={color ?? "#fff"}
21
+ d="M16 3a13 13 0 1 0 13 13A13.013 13.013 0 0 0 16 3m1.5 19H17v1a1 1 0 0 1-2 0v-1h-2a1 1 0 0 1 0-2h4.5a1.5 1.5 0 1 0 0-3h-3a3.5 3.5 0 1 1 0-7h.5V9a1 1 0 0 1 2 0v1h2a1 1 0 0 1 0 2h-4.5a1.5 1.5 0 1 0 0 3h3a3.5 3.5 0 1 1 0 7"
22
+ ></Path>
23
+ </Svg>
24
+ );
25
+
26
+ /**
27
+ * EXPORTS
28
+ */
29
+ export { SvgCurrencyCircleDollar };
@@ -1,31 +1,31 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path, G } from "react-native-svg";
6
-
7
- //typings
8
- import { ISvgProps } from "../interface";
9
-
10
- const SvgIconEye: React.FC<ISvgProps> = ({ color, size, ...res }) => (
11
- <Svg
12
- // @ts-expect-error
13
- xmlns="http://www.w3.org/2000/svg"
14
- width={size ?? 26}
15
- height={size ?? 26}
16
- fill="none"
17
- {...res}
18
- >
19
- <G filter="url(#a)">
20
- <Path
21
- fill={color ?? "#050022"}
22
- d="M23.185 12.196c-.032-.074-.827-1.835-2.592-3.6C18.241 6.242 15.27 5 12 5 8.73 5 5.76 6.243 3.407 8.595 1.642 10.361.844 12.125.815 12.196a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.759 18.756 8.73 20 12 20c3.27 0 6.24-1.243 8.593-3.594 1.765-1.766 2.56-3.526 2.592-3.6a.75.75 0 0 0 0-.61ZM12 18.5c-2.886 0-5.407-1.05-7.493-3.117A12.511 12.511 0 0 1 2.344 12.5a12.499 12.499 0 0 1 2.163-2.883C6.593 7.55 9.114 6.5 12 6.5s5.407 1.05 7.493 3.117a12.507 12.507 0 0 1 2.168 2.883c-.676 1.262-3.62 6-9.661 6ZM12 8a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm0 7.5a3 3 0 1 1 0-5.999 3 3 0 0 1 0 5.999Z"
23
- />
24
- </G>
25
- </Svg>
26
- );
27
-
28
- /**
29
- * EXPORTS
30
- */
31
- export { SvgIconEye };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, G } from "react-native-svg";
6
+
7
+ //typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconEye: React.FC<ISvgProps> = ({ color, size, ...res }) => (
11
+ <Svg
12
+ // @ts-expect-error
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? 26}
15
+ height={size ?? 26}
16
+ fill="none"
17
+ {...res}
18
+ >
19
+ <G filter="url(#a)">
20
+ <Path
21
+ fill={color ?? "#050022"}
22
+ d="M23.185 12.196c-.032-.074-.827-1.835-2.592-3.6C18.241 6.242 15.27 5 12 5 8.73 5 5.76 6.243 3.407 8.595 1.642 10.361.844 12.125.815 12.196a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.759 18.756 8.73 20 12 20c3.27 0 6.24-1.243 8.593-3.594 1.765-1.766 2.56-3.526 2.592-3.6a.75.75 0 0 0 0-.61ZM12 18.5c-2.886 0-5.407-1.05-7.493-3.117A12.511 12.511 0 0 1 2.344 12.5a12.499 12.499 0 0 1 2.163-2.883C6.593 7.55 9.114 6.5 12 6.5s5.407 1.05 7.493 3.117a12.507 12.507 0 0 1 2.168 2.883c-.676 1.262-3.62 6-9.661 6ZM12 8a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm0 7.5a3 3 0 1 1 0-5.999 3 3 0 0 1 0 5.999Z"
23
+ />
24
+ </G>
25
+ </Svg>
26
+ );
27
+
28
+ /**
29
+ * EXPORTS
30
+ */
31
+ export { SvgIconEye };
@@ -1,31 +1,31 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path, Defs, G } from "react-native-svg";
6
-
7
- //typings
8
- import { ISvgProps } from "../interface";
9
-
10
- const SvgIconEyeSlash: React.FC<ISvgProps> = ({ color, size }) => (
11
- <Svg
12
- // @ts-expect-error
13
- xmlns="http://www.w3.org/2000/svg"
14
- width={size ?? 24}
15
- height={size ?? 24}
16
- fill="none"
17
- >
18
- <G filter="url(#a)">
19
- <Path
20
- fill={color ?? "#050022"}
21
- d="M9.055 3.746a.75.75 0 1 0-1.11 1.008L9.749 6.74c-3.405 2.09-4.87 5.311-4.934 5.457a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C9.759 18.756 12.73 20 16 20c1.68.01 3.344-.336 4.882-1.015l2.062 2.27a.75.75 0 1 0 1.11-1.01L9.055 3.746Zm4.437 7.11 3.907 4.298a3 3 0 0 1-3.907-4.298ZM16 18.5c-2.886 0-5.407-1.05-7.493-3.117A12.484 12.484 0 0 1 6.344 12.5c.44-.824 1.843-3.13 4.439-4.63l1.687 1.852a4.5 4.5 0 0 0 5.968 6.563l1.381 1.518A10.501 10.501 0 0 1 16 18.5Zm.563-8.947a.75.75 0 0 1 .28-1.473 4.515 4.515 0 0 1 3.635 3.997.75.75 0 0 1-.676.817.636.636 0 0 1-.07 0 .75.75 0 0 1-.75-.68 3.008 3.008 0 0 0-2.42-2.66Zm10.62 3.253c-.04.088-.99 2.19-3.128 4.106a.752.752 0 0 1-1.068-.05.75.75 0 0 1 .068-1.068A12.448 12.448 0 0 0 25.66 12.5a12.482 12.482 0 0 0-2.168-2.885C21.407 7.55 18.886 6.5 16 6.5c-.608 0-1.215.048-1.815.147a.75.75 0 1 1-.248-1.48A12.562 12.562 0 0 1 16 5c3.27 0 6.24 1.243 8.593 3.595 1.765 1.766 2.56 3.527 2.592 3.601a.75.75 0 0 1 0 .61h-.002Z"
22
- />
23
- </G>
24
- <Defs></Defs>
25
- </Svg>
26
- );
27
-
28
- /**
29
- * EXPORTS
30
- */
31
- export { SvgIconEyeSlash };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, Defs, G } from "react-native-svg";
6
+
7
+ //typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconEyeSlash: React.FC<ISvgProps> = ({ color, size }) => (
11
+ <Svg
12
+ // @ts-expect-error
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? 24}
15
+ height={size ?? 24}
16
+ fill="none"
17
+ >
18
+ <G filter="url(#a)">
19
+ <Path
20
+ fill={color ?? "#050022"}
21
+ d="M9.055 3.746a.75.75 0 1 0-1.11 1.008L9.749 6.74c-3.405 2.09-4.87 5.311-4.934 5.457a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C9.759 18.756 12.73 20 16 20c1.68.01 3.344-.336 4.882-1.015l2.062 2.27a.75.75 0 1 0 1.11-1.01L9.055 3.746Zm4.437 7.11 3.907 4.298a3 3 0 0 1-3.907-4.298ZM16 18.5c-2.886 0-5.407-1.05-7.493-3.117A12.484 12.484 0 0 1 6.344 12.5c.44-.824 1.843-3.13 4.439-4.63l1.687 1.852a4.5 4.5 0 0 0 5.968 6.563l1.381 1.518A10.501 10.501 0 0 1 16 18.5Zm.563-8.947a.75.75 0 0 1 .28-1.473 4.515 4.515 0 0 1 3.635 3.997.75.75 0 0 1-.676.817.636.636 0 0 1-.07 0 .75.75 0 0 1-.75-.68 3.008 3.008 0 0 0-2.42-2.66Zm10.62 3.253c-.04.088-.99 2.19-3.128 4.106a.752.752 0 0 1-1.068-.05.75.75 0 0 1 .068-1.068A12.448 12.448 0 0 0 25.66 12.5a12.482 12.482 0 0 0-2.168-2.885C21.407 7.55 18.886 6.5 16 6.5c-.608 0-1.215.048-1.815.147a.75.75 0 1 1-.248-1.48A12.562 12.562 0 0 1 16 5c3.27 0 6.24 1.243 8.593 3.595 1.765 1.766 2.56 3.527 2.592 3.601a.75.75 0 0 1 0 .61h-.002Z"
22
+ />
23
+ </G>
24
+ <Defs></Defs>
25
+ </Svg>
26
+ );
27
+
28
+ /**
29
+ * EXPORTS
30
+ */
31
+ export { SvgIconEyeSlash };
@@ -1,39 +1,39 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import React from "react";
5
- import Svg, { Path } from "react-native-svg";
6
- /**
7
- * typings
8
- */
9
- import { ISvgProps } from "../interface";
10
-
11
- const IconFileText: React.FC<ISvgProps> = ({ color, size, ...res }) => (
12
- <Svg
13
- //@ts-ignore
14
- xmlns="http://www.w3.org/2000/svg"
15
- width={size ?? "24"}
16
- height={size ?? "24"}
17
- fill="none"
18
- viewBox="0 0 24 24"
19
- {...res}
20
- >
21
- <Path
22
- stroke={color ?? "#fff"}
23
- strokeLinecap="round"
24
- strokeLinejoin="round"
25
- d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"
26
- ></Path>
27
- <Path
28
- stroke={color ?? "#fff"}
29
- strokeLinecap="round"
30
- strokeLinejoin="round"
31
- d="M14 2v6h6M16 13H8M16 17H8M10 9H8"
32
- ></Path>
33
- </Svg>
34
- );
35
-
36
- /**
37
- * EXPORTS
38
- */
39
- export { IconFileText };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import React from "react";
5
+ import Svg, { Path } from "react-native-svg";
6
+ /**
7
+ * typings
8
+ */
9
+ import { ISvgProps } from "../interface";
10
+
11
+ const IconFileText: React.FC<ISvgProps> = ({ color, size, ...res }) => (
12
+ <Svg
13
+ //@ts-ignore
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ width={size ?? "24"}
16
+ height={size ?? "24"}
17
+ fill="none"
18
+ viewBox="0 0 24 24"
19
+ {...res}
20
+ >
21
+ <Path
22
+ stroke={color ?? "#fff"}
23
+ strokeLinecap="round"
24
+ strokeLinejoin="round"
25
+ d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"
26
+ ></Path>
27
+ <Path
28
+ stroke={color ?? "#fff"}
29
+ strokeLinecap="round"
30
+ strokeLinejoin="round"
31
+ d="M14 2v6h6M16 13H8M16 17H8M10 9H8"
32
+ ></Path>
33
+ </Svg>
34
+ );
35
+
36
+ /**
37
+ * EXPORTS
38
+ */
39
+ export { IconFileText };