react-native-exp-fig 0.1.43 → 2.0.0

package/src/common/icons-svg/eye-slash/index.tsx

@@ -1,31 +1,31 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconEyeSlash: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-expect-error
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-  >
-    <G filter="url(#a)">
-      <Path
-        fill={color ?? "#050022"}
-        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"
-      />
-    </G>
-    <Defs></Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconEyeSlash };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconEyeSlash: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+  >
+    <G filter="url(#a)">
+      <Path
+        fill={color ?? "#050022"}
+        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"
+      />
+    </G>
+    <Defs></Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconEyeSlash };

package/src/common/icons-svg/file-text/index.tsx

@@ -1,39 +1,39 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const IconFileText: React.FC<ISvgProps> = ({ color, size, ...res }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "24"}
-    height={size ?? "24"}
-    fill="none"
-    viewBox="0 0 24 24"
-    {...res}
-  >
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"
-    ></Path>
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M14 2v6h6M16 13H8M16 17H8M10 9H8"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { IconFileText };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const IconFileText: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "24"}
+    height={size ?? "24"}
+    fill="none"
+    viewBox="0 0 24 24"
+    {...res}
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"
+    ></Path>
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M14 2v6h6M16 13H8M16 17H8M10 9H8"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { IconFileText };

package/src/common/icons-svg/files/index.tsx

@@ -1,26 +1,26 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconFiles: React.FC<ISvgProps> = ({ size, color }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <Path
-      fill={color ?? "#837676"}
-      d="m20.03 6.22-3.75-3.75a.75.75 0 0 0-.53-.22h-7.5a1.5 1.5 0 0 0-1.5 1.5v1.5h-1.5a1.5 1.5 0 0 0-1.5 1.5v13.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5v-1.5h1.5a1.5 1.5 0 0 0 1.5-1.5V6.75a.75.75 0 0 0-.22-.53m-4.28 14.03H5.25V6.75h7.19l3.31 3.31v10.19m3-3h-1.5v-7.5a.75.75 0 0 0-.22-.53l-3.75-3.75a.75.75 0 0 0-.53-.22h-4.5v-1.5h7.19l3.31 3.31zm-5.25-3a.75.75 0 0 1-.75.75h-4.5a.75.75 0 1 1 0-1.5h4.5a.75.75 0 0 1 .75.75m0 3a.75.75 0 0 1-.75.75h-4.5a.75.75 0 1 1 0-1.5h4.5a.75.75 0 0 1 .75.75"
-    ></Path>
-  </Svg>
-);
-
-export { SvgIconFiles };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconFiles: React.FC<ISvgProps> = ({ size, color }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <Path
+      fill={color ?? "#837676"}
+      d="m20.03 6.22-3.75-3.75a.75.75 0 0 0-.53-.22h-7.5a1.5 1.5 0 0 0-1.5 1.5v1.5h-1.5a1.5 1.5 0 0 0-1.5 1.5v13.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5v-1.5h1.5a1.5 1.5 0 0 0 1.5-1.5V6.75a.75.75 0 0 0-.22-.53m-4.28 14.03H5.25V6.75h7.19l3.31 3.31v10.19m3-3h-1.5v-7.5a.75.75 0 0 0-.22-.53l-3.75-3.75a.75.75 0 0 0-.53-.22h-4.5v-1.5h7.19l3.31 3.31zm-5.25-3a.75.75 0 0 1-.75.75h-4.5a.75.75 0 1 1 0-1.5h4.5a.75.75 0 0 1 .75.75m0 3a.75.75 0 0 1-.75.75h-4.5a.75.75 0 1 1 0-1.5h4.5a.75.75 0 0 1 .75.75"
+    ></Path>
+  </Svg>
+);
+
+export { SvgIconFiles };

package/src/common/icons-svg/gas-pump/index.tsx

@@ -1,39 +1,39 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconGasPump: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-    viewBox="0 0 25 25"
-  >
-    <G
-      stroke={color ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      clipPath="url(#clip0_645_111)"
-    >
-      <Path d="M5.75 20.75v-15a1.5 1.5 0 011.5-1.5h7.5a1.5 1.5 0 011.5 1.5v15M3.5 20.75h15M16.25 11h2.25a1.5 1.5 0 011.5 1.5v3.75a1.5 1.5 0 103 0V8.622a1.501 1.501 0 00-.44-1.062l-1.81-1.81M13.25 11h-4.5"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_645_111">
-        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.5 .5)"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconGasPump };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconGasPump: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 25 25"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      clipPath="url(#clip0_645_111)"
+    >
+      <Path d="M5.75 20.75v-15a1.5 1.5 0 011.5-1.5h7.5a1.5 1.5 0 011.5 1.5v15M3.5 20.75h15M16.25 11h2.25a1.5 1.5 0 011.5 1.5v3.75a1.5 1.5 0 103 0V8.622a1.501 1.501 0 00-.44-1.062l-1.81-1.81M13.25 11h-4.5"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_645_111">
+        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.5 .5)"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconGasPump };

package/src/common/icons-svg/gauge/index.tsx

@@ -1,39 +1,39 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconGauge: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <G
-      stroke={color ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      clipPath="url(#clip0_644_104)"
-    >
-      <Path d="M2.25 17.25v-2.144c0-5.389 4.327-9.837 9.715-9.856A9.75 9.75 0 0121.75 15v2.25A.75.75 0 0121 18H3a.75.75 0 01-.75-.75zM12 5.25v3M9.75 18l6-8.25M18.75 13.5h2.886M2.38 13.5h2.87"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_644_104">
-        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconGauge };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconGauge: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      clipPath="url(#clip0_644_104)"
+    >
+      <Path d="M2.25 17.25v-2.144c0-5.389 4.327-9.837 9.715-9.856A9.75 9.75 0 0121.75 15v2.25A.75.75 0 0121 18H3a.75.75 0 01-.75-.75zM12 5.25v3M9.75 18l6-8.25M18.75 13.5h2.886M2.38 13.5h2.87"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_644_104">
+        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconGauge };

package/src/common/icons-svg/gear/index.tsx

@@ -1,39 +1,39 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconGear: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-  >
-    <G
-      stroke={color ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={2}
-      clipPath="url(#a)"
-    >
-      <Path d="M12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" />
-      <Path d="M3.884 16.696a9.295 9.295 0 0 1-.944-2.277l1.573-1.97a7.645 7.645 0 0 1 0-.903L2.941 9.577A9.321 9.321 0 0 1 3.883 7.3l2.504-.28c.2-.226.413-.44.639-.64l.28-2.502a9.294 9.294 0 0 1 2.275-.937l1.969 1.573c.3-.018.603-.018.904 0l1.968-1.572a9.32 9.32 0 0 1 2.279.942l.28 2.504c.226.2.44.413.64.639l2.502.28c.415.715.732 1.48.944 2.278l-1.573 1.969c.018.3.018.602 0 .903l1.573 1.97a9.321 9.321 0 0 1-.938 2.277l-2.504.282c-.2.225-.413.438-.639.638l-.28 2.503a9.296 9.296 0 0 1-2.278.944l-1.969-1.573a7.653 7.653 0 0 1-.903 0l-1.97 1.572a9.32 9.32 0 0 1-2.277-.937l-.282-2.504a7.6 7.6 0 0 1-.638-.639l-2.505-.293Z" />
-    </G>
-    <Defs>
-      <ClipPath id="a">
-        <Path fill="#fff" d="M0 0h24v24H0z" />
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconGear };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconGear: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      clipPath="url(#a)"
+    >
+      <Path d="M12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" />
+      <Path d="M3.884 16.696a9.295 9.295 0 0 1-.944-2.277l1.573-1.97a7.645 7.645 0 0 1 0-.903L2.941 9.577A9.321 9.321 0 0 1 3.883 7.3l2.504-.28c.2-.226.413-.44.639-.64l.28-2.502a9.294 9.294 0 0 1 2.275-.937l1.969 1.573c.3-.018.603-.018.904 0l1.968-1.572a9.32 9.32 0 0 1 2.279.942l.28 2.504c.226.2.44.413.64.639l2.502.28c.415.715.732 1.48.944 2.278l-1.573 1.969c.018.3.018.602 0 .903l1.573 1.97a9.321 9.321 0 0 1-.938 2.277l-2.504.282c-.2.225-.413.438-.639.638l-.28 2.503a9.296 9.296 0 0 1-2.278.944l-1.969-1.573a7.653 7.653 0 0 1-.903 0l-1.97 1.572a9.32 9.32 0 0 1-2.277-.937l-.282-2.504a7.6 7.6 0 0 1-.638-.639l-2.505-.293Z" />
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path fill="#fff" d="M0 0h24v24H0z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconGear };

package/src/common/icons-svg/hourglass/index.tsx

@@ -1,28 +1,28 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconHourglass: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 25}
-    height={size ?? 25}
-    viewBox="0 0 256 256"
-  >
-    <Path
-      fill={color}
-      d="M198 75.641V40a14.016 14.016 0 0 0-14-14H72a14.016 14.016 0 0 0-14 14v36a14.07 14.07 0 0 0 5.6 11.2L118 128l-54.4 40.8A14.07 14.07 0 0 0 58 180v36a14.016 14.016 0 0 0 14 14h112a14.016 14.016 0 0 0 14-14v-35.641a14.07 14.07 0 0 0-5.558-11.169L137.95 128l54.492-41.19A14.07 14.07 0 0 0 198 75.64M70 40a2.003 2.003 0 0 1 2-2h112a2.003 2.003 0 0 1 2 2v35.641a2.01 2.01 0 0 1-.794 1.596l-6.295 4.759H76.66L70.8 77.6A2.01 2.01 0 0 1 70 76Zm57.986 80.49L92.66 93.995h70.374ZM186 180.358V216a2.003 2.003 0 0 1-2 2H72a2.003 2.003 0 0 1-2-2v-36a2.01 2.01 0 0 1 .8-1.6L122 140v27.996a6 6 0 0 0 12 0v-27.94l51.206 38.707a2.01 2.01 0 0 1 .794 1.596"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconHourglass };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconHourglass: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 25}
+    height={size ?? 25}
+    viewBox="0 0 256 256"
+  >
+    <Path
+      fill={color}
+      d="M198 75.641V40a14.016 14.016 0 0 0-14-14H72a14.016 14.016 0 0 0-14 14v36a14.07 14.07 0 0 0 5.6 11.2L118 128l-54.4 40.8A14.07 14.07 0 0 0 58 180v36a14.016 14.016 0 0 0 14 14h112a14.016 14.016 0 0 0 14-14v-35.641a14.07 14.07 0 0 0-5.558-11.169L137.95 128l54.492-41.19A14.07 14.07 0 0 0 198 75.64M70 40a2.003 2.003 0 0 1 2-2h112a2.003 2.003 0 0 1 2 2v35.641a2.01 2.01 0 0 1-.794 1.596l-6.295 4.759H76.66L70.8 77.6A2.01 2.01 0 0 1 70 76Zm57.986 80.49L92.66 93.995h70.374ZM186 180.358V216a2.003 2.003 0 0 1-2 2H72a2.003 2.003 0 0 1-2-2v-36a2.01 2.01 0 0 1 .8-1.6L122 140v27.996a6 6 0 0 0 12 0v-27.94l51.206 38.707a2.01 2.01 0 0 1 .794 1.596"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconHourglass };