react-native-exp-fig 0.1.0 → 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 +200 -200
  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.tsx +25 -23
  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,41 +1,41 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
6
- import { ISvgProps } from "../interface";
7
-
8
- const SvgIconBluetoothConnected: React.FC<ISvgProps> = ({ color, size }) => (
9
- <Svg
10
- //@ts-ignore
11
- xmlns="http://www.w3.org/2000/svg"
12
- width={size ?? 24}
13
- height={size ?? 24}
14
- fill="none"
15
- viewBox={`0 0 ${size ?? 24} ${size ?? 24}`}
16
- >
17
- <G clipPath="url(#clip0_9125_243)">
18
- <Path
19
- stroke={color ?? "#fff"}
20
- strokeLinecap="round"
21
- strokeLinejoin="round"
22
- strokeWidth="2"
23
- d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"
24
- ></Path>
25
- <Path
26
- fill={color ?? "#fff"}
27
- d="M5.625 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25zM19.125 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
28
- ></Path>
29
- </G>
30
- <Defs>
31
- <ClipPath id="clip0_9125_243">
32
- <Path fill={color ?? "#fff"} d="M0 0H24V24H0z"></Path>
33
- </ClipPath>
34
- </Defs>
35
- </Svg>
36
- );
37
-
38
- /**
39
- * EXPORTS
40
- */
41
- export { SvgIconBluetoothConnected };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
6
+ import { ISvgProps } from "../interface";
7
+
8
+ const SvgIconBluetoothConnected: React.FC<ISvgProps> = ({ color, size }) => (
9
+ <Svg
10
+ //@ts-ignore
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ width={size ?? 24}
13
+ height={size ?? 24}
14
+ fill="none"
15
+ viewBox={`0 0 ${size ?? 24} ${size ?? 24}`}
16
+ >
17
+ <G clipPath="url(#clip0_9125_243)">
18
+ <Path
19
+ stroke={color ?? "#fff"}
20
+ strokeLinecap="round"
21
+ strokeLinejoin="round"
22
+ strokeWidth="2"
23
+ d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"
24
+ ></Path>
25
+ <Path
26
+ fill={color ?? "#fff"}
27
+ d="M5.625 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25zM19.125 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
28
+ ></Path>
29
+ </G>
30
+ <Defs>
31
+ <ClipPath id="clip0_9125_243">
32
+ <Path fill={color ?? "#fff"} d="M0 0H24V24H0z"></Path>
33
+ </ClipPath>
34
+ </Defs>
35
+ </Svg>
36
+ );
37
+
38
+ /**
39
+ * EXPORTS
40
+ */
41
+ export { SvgIconBluetoothConnected };
@@ -1,40 +1,40 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
6
-
7
- // typings
8
- import { ISvgProps } from "../interface";
9
-
10
- const SvgIconCalendar: React.FC<ISvgProps> = ({ color, size }) => (
11
- <Svg
12
- //@ts-ignore
13
- xmlns="http://www.w3.org/2000/svg"
14
- width={size ?? 24}
15
- height={size ?? 24}
16
- fill="none"
17
- viewBox="0 0 16 16"
18
- >
19
- <G
20
- stroke={color ?? "#050022"}
21
- strokeLinecap="round"
22
- strokeLinejoin="round"
23
- strokeWidth="1.5"
24
- clipPath="url(#clip0_686_587)"
25
- >
26
- <Path d="M13 2.5H3a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5zM11 1.5v2M5 1.5v2M2.5 5.5h11"></Path>
27
- <Path d="M5.5 8l1-.5v4M8.634 8a1 1 0 111.665 1.102L8.5 11.5h2"></Path>
28
- </G>
29
- <Defs>
30
- <ClipPath id="clip0_686_587">
31
- <Path fill="#fff" d="M0 0H16V16H0z"></Path>
32
- </ClipPath>
33
- </Defs>
34
- </Svg>
35
- );
36
-
37
- /**
38
- * EXPORTS
39
- */
40
- export { SvgIconCalendar };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
6
+
7
+ // typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconCalendar: React.FC<ISvgProps> = ({ color, size }) => (
11
+ <Svg
12
+ //@ts-ignore
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? 24}
15
+ height={size ?? 24}
16
+ fill="none"
17
+ viewBox="0 0 16 16"
18
+ >
19
+ <G
20
+ stroke={color ?? "#050022"}
21
+ strokeLinecap="round"
22
+ strokeLinejoin="round"
23
+ strokeWidth="1.5"
24
+ clipPath="url(#clip0_686_587)"
25
+ >
26
+ <Path d="M13 2.5H3a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5zM11 1.5v2M5 1.5v2M2.5 5.5h11"></Path>
27
+ <Path d="M5.5 8l1-.5v4M8.634 8a1 1 0 111.665 1.102L8.5 11.5h2"></Path>
28
+ </G>
29
+ <Defs>
30
+ <ClipPath id="clip0_686_587">
31
+ <Path fill="#fff" d="M0 0H16V16H0z"></Path>
32
+ </ClipPath>
33
+ </Defs>
34
+ </Svg>
35
+ );
36
+
37
+ /**
38
+ * EXPORTS
39
+ */
40
+ export { SvgIconCalendar };
@@ -1,29 +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 SvgIconCallBell: React.FC<ISvgProps> = ({ color, size }) => (
11
- <Svg
12
- //@ts-ignore
13
- xmlns="http://www.w3.org/2000/svg"
14
- width={size ?? 24}
15
- height={size ?? 24}
16
- fill="none"
17
- viewBox="0 0 24 24"
18
- >
19
- <Path
20
- fill={color ?? "#050022"}
21
- d="M2.25 17.25h19.5a.75.75 0 1 0 0-1.5H21v-1.5a9.01 9.01 0 0 0-8.25-8.968V3.75h1.5a.75.75 0 1 0 0-1.5h-4.5a.75.75 0 0 0 0 1.5h1.5v1.532A9.01 9.01 0 0 0 3 14.25v1.5h-.75a.75.75 0 1 0 0 1.5m2.25-3a7.5 7.5 0 0 1 15 0v1.5h-15zm18 5.25a.75.75 0 0 1-.75.75H2.25a.75.75 0 1 1 0-1.5h19.5a.75.75 0 0 1 .75.75"
22
- ></Path>
23
- </Svg>
24
- );
25
-
26
- /**
27
- * EXPORTS
28
- */
29
- export { SvgIconCallBell };
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 SvgIconCallBell: React.FC<ISvgProps> = ({ color, size }) => (
11
+ <Svg
12
+ //@ts-ignore
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? 24}
15
+ height={size ?? 24}
16
+ fill="none"
17
+ viewBox="0 0 24 24"
18
+ >
19
+ <Path
20
+ fill={color ?? "#050022"}
21
+ d="M2.25 17.25h19.5a.75.75 0 1 0 0-1.5H21v-1.5a9.01 9.01 0 0 0-8.25-8.968V3.75h1.5a.75.75 0 1 0 0-1.5h-4.5a.75.75 0 0 0 0 1.5h1.5v1.532A9.01 9.01 0 0 0 3 14.25v1.5h-.75a.75.75 0 1 0 0 1.5m2.25-3a7.5 7.5 0 0 1 15 0v1.5h-15zm18 5.25a.75.75 0 0 1-.75.75H2.25a.75.75 0 1 1 0-1.5h19.5a.75.75 0 0 1 .75.75"
22
+ ></Path>
23
+ </Svg>
24
+ );
25
+
26
+ /**
27
+ * EXPORTS
28
+ */
29
+ export { SvgIconCallBell };
@@ -1,40 +1,40 @@
1
- /**
2
- * IMPORTS
3
- */
4
- import * as React from "react";
5
- import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
6
-
7
- //typings
8
- import { ISvgProps } from "../interface";
9
-
10
- const SvgIconCameraPlus: React.FC<ISvgProps> = ({ color, size, ...res }) => (
11
- <Svg
12
- {...res}
13
- // @ts-expect-error
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
- <G
21
- stroke={color ?? "#050022"}
22
- strokeLinecap="round"
23
- strokeLinejoin="round"
24
- strokeWidth="2"
25
- clipPath="url(#clip0_862_99)"
26
- >
27
- <Path d="M19.5 19.5h-15A1.5 1.5 0 013 18V7.5A1.5 1.5 0 014.5 6h3L9 3.75h6L16.5 6h3A1.5 1.5 0 0121 7.5V18a1.5 1.5 0 01-1.5 1.5zM12 9.75v6M9 12.75h6"></Path>
28
- </G>
29
- <Defs>
30
- <ClipPath id="clip0_862_99">
31
- <Path fill="#fff" d="M0 0H24V24H0z"></Path>
32
- </ClipPath>
33
- </Defs>
34
- </Svg>
35
- );
36
-
37
- /**
38
- * EXPORTS
39
- */
40
- export { SvgIconCameraPlus };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
6
+
7
+ //typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconCameraPlus: React.FC<ISvgProps> = ({ color, size, ...res }) => (
11
+ <Svg
12
+ {...res}
13
+ // @ts-expect-error
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
+ <G
21
+ stroke={color ?? "#050022"}
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ strokeWidth="2"
25
+ clipPath="url(#clip0_862_99)"
26
+ >
27
+ <Path d="M19.5 19.5h-15A1.5 1.5 0 013 18V7.5A1.5 1.5 0 014.5 6h3L9 3.75h6L16.5 6h3A1.5 1.5 0 0121 7.5V18a1.5 1.5 0 01-1.5 1.5zM12 9.75v6M9 12.75h6"></Path>
28
+ </G>
29
+ <Defs>
30
+ <ClipPath id="clip0_862_99">
31
+ <Path fill="#fff" d="M0 0H24V24H0z"></Path>
32
+ </ClipPath>
33
+ </Defs>
34
+ </Svg>
35
+ );
36
+
37
+ /**
38
+ * EXPORTS
39
+ */
40
+ export { SvgIconCameraPlus };
@@ -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 SvgChartBar: 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="M29 26a1 1 0 0 1-1 1H4a1 1 0 0 1 0-2h1v-8a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v8h2V11a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14h2V5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v20h1a1 1 0 0 1 1 1"
22
+ ></Path>
23
+ </Svg>
24
+ );
25
+
26
+ /**
27
+ * EXPORTS
28
+ */
29
+ export { SvgChartBar };
@@ -1,30 +1,30 @@
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 SvgIconCheckBoxFill: 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="M16.28 9.22a.748.748 0 0 1 0 1.06l-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.749.749 0 0 1 1.06 0ZM21 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3h15A1.5 1.5 0 0 1 21 4.5Zm-1.5 15v-15h-15v15h15Z"
23
- />
24
- </Svg>
25
- );
26
-
27
- /**
28
- * EXPORTS
29
- */
30
- export { SvgIconCheckBoxFill };
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 SvgIconCheckBoxFill: 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="M16.28 9.22a.748.748 0 0 1 0 1.06l-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.749.749 0 0 1 1.06 0ZM21 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3h15A1.5 1.5 0 0 1 21 4.5Zm-1.5 15v-15h-15v15h15Z"
23
+ />
24
+ </Svg>
25
+ );
26
+
27
+ /**
28
+ * EXPORTS
29
+ */
30
+ export { SvgIconCheckBoxFill };
@@ -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 };