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.
- package/package.json +200 -200
- package/src/common/constants/index.ts +5 -0
- package/src/common/icons-svg/arrow-drop-down/index.tsx +28 -28
- package/src/common/icons-svg/arrow-left/index.tsx +32 -32
- package/src/common/icons-svg/bluetooth/index.tsx +37 -37
- package/src/common/icons-svg/bluetooth-connected/index.tsx +41 -41
- package/src/common/icons-svg/calendar/index.tsx +40 -40
- package/src/common/icons-svg/call-bell/index.tsx +29 -29
- package/src/common/icons-svg/camera-plus/index.tsx +40 -40
- package/src/common/icons-svg/chart-bar/index.tsx +29 -0
- package/src/common/icons-svg/check-box-fill/index.tsx +30 -30
- package/src/common/icons-svg/check-box-outline/index.tsx +30 -30
- package/src/common/icons-svg/check-circle/index.tsx +27 -27
- package/src/common/icons-svg/closed/index.tsx +34 -34
- package/src/common/icons-svg/constants/index.ts +46 -43
- package/src/common/icons-svg/credit-card/index.tsx +32 -32
- package/src/common/icons-svg/currency/index.tsx +39 -39
- package/src/common/icons-svg/currency-circle-dollar/index.tsx +29 -0
- package/src/common/icons-svg/eye/index.tsx +31 -31
- package/src/common/icons-svg/eye-slash/index.tsx +31 -31
- package/src/common/icons-svg/file-text/index.tsx +39 -39
- package/src/common/icons-svg/gas-pump/index.tsx +39 -39
- package/src/common/icons-svg/gauge/index.tsx +39 -39
- package/src/common/icons-svg/gear/index.tsx +39 -39
- package/src/common/icons-svg/index.tsx +167 -149
- package/src/common/icons-svg/interface.d.ts +18 -18
- package/src/common/icons-svg/list/index.tsx +58 -58
- package/src/common/icons-svg/moon-stars/index.tsx +29 -29
- package/src/common/icons-svg/note-pincel/index.tsx +40 -40
- package/src/common/icons-svg/package/index.tsx +29 -0
- package/src/common/icons-svg/package-check/index.tsx +45 -45
- package/src/common/icons-svg/shopping-cart/index.tsx +39 -39
- package/src/common/icons-svg/steering-wheel/index.tsx +49 -49
- package/src/common/icons-svg/steering-wheel-fill/index.tsx +36 -36
- package/src/common/icons-svg/timer/index.tsx +39 -39
- package/src/common/icons-svg/trophy/index.tsx +29 -29
- package/src/common/icons-svg/truck/index.tsx +39 -39
- package/src/common/icons-svg/truck-trailer/index.tsx +36 -0
- package/src/common/icons-svg/wifi-high/index.tsx +43 -43
- package/src/common/icons-svg/wifi-x/index.tsx +50 -50
- package/src/components/box/index.tsx +47 -47
- package/src/components/box/interface.d.ts +31 -31
- package/src/components/box/styles.ts +21 -21
- package/src/components/button/index.tsx +61 -61
- package/src/components/button/interface.d.ts +40 -40
- package/src/components/button/styles.ts +34 -34
- package/src/components/capture-photo/index.tsx +125 -125
- package/src/components/capture-photo/interface.d.ts +44 -44
- package/src/components/capture-photo/styles.ts +24 -24
- package/src/components/card-hours/index.tsx +118 -118
- package/src/components/card-hours/interface.d.ts +37 -37
- package/src/components/card-scheduled-journey/index.tsx +138 -138
- package/src/components/card-scheduled-journey/interface.ts +42 -42
- package/src/components/card-scheduled-journey/styles.ts +26 -26
- package/src/components/header-profile/index.tsx +128 -128
- package/src/components/header-profile/interface.d.ts +52 -52
- package/src/components/input/index.tsx +176 -180
- package/src/components/input/interface.d.ts +55 -55
- package/src/components/input/styles.ts +23 -23
- package/src/components/menu-item/index.tsx +78 -0
- package/src/components/menu-item/interface.d.ts +19 -0
- package/src/components/menu-item/styles.ts +0 -0
- package/src/components/scheduled-journey-indicators/index.tsx +99 -99
- package/src/components/scheduled-journey-indicators/interface.d.ts +18 -18
- package/src/components/selects/select-option/index.tsx +104 -104
- package/src/components/selects/select-option/interface.d.ts +18 -18
- package/src/components/selects/select-option/styles.ts +75 -75
- package/src/components/step-indicator/helpers/get-icon-by-status.tsx +20 -20
- package/src/components/step-indicator/index.tsx +164 -164
- package/src/components/step-indicator/interface.d.ts +34 -34
- package/src/components/step-indicator/styles.ts +67 -67
- package/src/components/typography/index.tsx +67 -67
- package/src/components/typography/interface.d.ts +102 -102
- package/src/components/typography/styles.ts +34 -34
- package/src/components/user-profile/index.tsx +216 -0
- package/src/components/user-profile/interface.d.ts +22 -0
- package/src/index.tsx +25 -23
- package/src/stories/box/box.stories.tsx +106 -106
- package/src/stories/button/button.stories.tsx +143 -143
- package/src/stories/capture-photo/capture-photo.stories.tsx +170 -170
- package/src/stories/card-hours/card-hours.stories.tsx +102 -102
- package/src/stories/card-scheduled-journey/card-scheduled-journey.stories.tsx +101 -101
- package/src/stories/header-profile/header-profile.stories.tsx +84 -84
- package/src/stories/input/input.stories.tsx +286 -286
- package/src/stories/menu-item/menu-item.stories.tsx +76 -0
- package/src/stories/scheduled-journey-indicators/sheduled-journey-indicators.stories.tsx +74 -74
- package/src/stories/select-option/select-option.stories.tsx +46 -46
- package/src/stories/step-indicator/step-indicator.stories.tsx +116 -116
- package/src/stories/typography/typography.stories.tsx +146 -146
- package/src/stories/user-profile/user-profile.stories.tsx +56 -0
- package/src/styles/global/interface.d.ts +131 -131
- package/src/styles/global/styles.ts +63 -63
- package/src/styles/global/theme-provider.tsx +10 -10
- package/src/styles/theme/theme.ts +158 -156
- package/src/utils/format-data/index.ts +14 -14
- 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
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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 };
|