react-native-exp-fig 0.1.1 → 0.1.2

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

@@ -1,58 +1,58 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, G, Defs, Rect, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconList: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    width={size ?? 28}
-    height={size ?? 28}
-    viewBox="0 0 28 28"
-    fill={"none"}
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <G clip-path="url(#clip0_627_88)">
-      <Path
-        d="M5.43347 16.557H27.4335"
-        stroke={color ?? "#fff"}
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <Path
-        d="M5.43347 8.55701H27.4335"
-        stroke={color ?? "#fff"}
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <Path
-        d="M5.43347 24.557H27.4335"
-        stroke={color ?? "#fff"}
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </G>
-    <Defs>
-      <ClipPath id="clip0_627_88">
-        <Rect
-          width={size ?? 28}
-          height={size ?? 28}
-          fill="white"
-          transform="translate(0.433472 0.557007)"
-        />
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconList };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, Rect, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconList: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    width={size ?? 28}
+    height={size ?? 28}
+    viewBox="0 0 28 28"
+    fill={"none"}
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <G clip-path="url(#clip0_627_88)">
+      <Path
+        d="M5.43347 16.557H27.4335"
+        stroke={color ?? "#fff"}
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <Path
+        d="M5.43347 8.55701H27.4335"
+        stroke={color ?? "#fff"}
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <Path
+        d="M5.43347 24.557H27.4335"
+        stroke={color ?? "#fff"}
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_627_88">
+        <Rect
+          width={size ?? 28}
+          height={size ?? 28}
+          fill="white"
+          transform="translate(0.433472 0.557007)"
+        />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconList };

package/src/common/icons-svg/moon-stars/index.tsx

@@ -1,29 +1,29 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconMoonStars: 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"
-  >
-    <Path
-      fill={color ?? "#050022"}
-      d="M22.5 9a.75.75 0 0 1-.75.75h-1.5v1.5a.75.75 0 1 1-1.5 0v-1.5h-1.5a.75.75 0 1 1 0-1.5h1.5v-1.5a.75.75 0 1 1 1.5 0v1.5h1.5a.75.75 0 0 1 .75.75m-9-3.75h.75V6a.75.75 0 1 0 1.5 0v-.75h.75a.75.75 0 1 0 0-1.5h-.75V3a.75.75 0 1 0-1.5 0v.75h-.75a.75.75 0 1 0 0 1.5m6.822 9.094a.75.75 0 0 1 .134.75 9.001 9.001 0 0 1-17.09-.578A9 9 0 0 1 8.914 3.544a.75.75 0 0 1 .994.85 8.256 8.256 0 0 0 9.7 9.7.75.75 0 0 1 .715.25m-1.818 1.395q-.251.012-.504.013A9.76 9.76 0 0 1 8.25 6c0-.168 0-.337.013-.504a7.5 7.5 0 1 0 10.241 10.24z"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconMoonStars };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconMoonStars: 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"
+  >
+    <Path
+      fill={color ?? "#050022"}
+      d="M22.5 9a.75.75 0 0 1-.75.75h-1.5v1.5a.75.75 0 1 1-1.5 0v-1.5h-1.5a.75.75 0 1 1 0-1.5h1.5v-1.5a.75.75 0 1 1 1.5 0v1.5h1.5a.75.75 0 0 1 .75.75m-9-3.75h.75V6a.75.75 0 1 0 1.5 0v-.75h.75a.75.75 0 1 0 0-1.5h-.75V3a.75.75 0 1 0-1.5 0v.75h-.75a.75.75 0 1 0 0 1.5m6.822 9.094a.75.75 0 0 1 .134.75 9.001 9.001 0 0 1-17.09-.578A9 9 0 0 1 8.914 3.544a.75.75 0 0 1 .994.85 8.256 8.256 0 0 0 9.7 9.7.75.75 0 0 1 .715.25m-1.818 1.395q-.251.012-.504.013A9.76 9.76 0 0 1 8.25 6c0-.168 0-.337.013-.504a7.5 7.5 0 1 0 10.241 10.24z"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconMoonStars };

package/src/common/icons-svg/note-pincel/index.tsx

@@ -1,40 +1,40 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconNotePencil: 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="2"
-      clipPath="url(#clip0_5169_183)"
-    >
-      <Path d="M12.047 15.928h-3v-3l9-9 3 3-9 9zM15.797 6.178l3 3"></Path>
-      <Path d="M20.297 12.928v7.5a.75.75 0 01-.75.75h-15a.75.75 0 01-.75-.75v-15a.75.75 0 01.75-.75h7.5"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_5169_183">
-        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.047 .928)"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconNotePencil };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconNotePencil: 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="2"
+      clipPath="url(#clip0_5169_183)"
+    >
+      <Path d="M12.047 15.928h-3v-3l9-9 3 3-9 9zM15.797 6.178l3 3"></Path>
+      <Path d="M20.297 12.928v7.5a.75.75 0 01-.75.75h-15a.75.75 0 01-.75-.75v-15a.75.75 0 01.75-.75h7.5"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_5169_183">
+        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.047 .928)"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconNotePencil };

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

@@ -0,0 +1,29 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgPackage: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "32"}
+    height={size ?? "32"}
+    fill="none"
+    viewBox={`0 0 ${size ?? "32"} ${size ?? "32"}`}
+  >
+    <Path
+      fill={color ?? "#fff"}
+      d="m27.96 8.269-11-6.019a1.99 1.99 0 0 0-1.92 0l-11 6.021A2 2 0 0 0 3 10.021v11.955a2 2 0 0 0 1.04 1.75l11 6.022a1.99 1.99 0 0 0 1.92 0l11-6.022a2 2 0 0 0 1.04-1.75V10.023a2 2 0 0 0-1.04-1.754M16 4l10.044 5.5-3.723 2.036-10.044-5.5zm0 11L5.956 9.5l4.239-2.321 10.044 5.5zm11 6.981-10 5.474V16.729l4-2.189V19a1 1 0 0 0 2 0v-5.555l4-2.189v10.725"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgPackage };

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

@@ -1,45 +1,45 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const IconPackageCheck: 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="M16 16l2 2 4-4"
-    ></Path>
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M21 10V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l2-1.14M16.5 9.4L7.55 4.24"
-    ></Path>
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M3.29 7L12 12l8.71-5M12 22V12"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { IconPackageCheck };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const IconPackageCheck: 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="M16 16l2 2 4-4"
+    ></Path>
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M21 10V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l2-1.14M16.5 9.4L7.55 4.24"
+    ></Path>
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M3.29 7L12 12l8.71-5M12 22V12"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { IconPackageCheck };

package/src/common/icons-svg/shopping-cart/index.tsx

@@ -1,39 +1,39 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const IconShoppingCart: 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="M7 23a1 1 0 100-2 1 1 0 000 2zM18 23a1 1 0 100-2 1 1 0 000 2zM1.05 3.05h2l2.66 12.42a2 2 0 002 1.58h9.78a2 2 0 001.95-1.57l1.65-7.43m-16.97 0h10.242"
-    ></Path>
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M21 5l-8.938 10L8 10.454"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { IconShoppingCart };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const IconShoppingCart: 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="M7 23a1 1 0 100-2 1 1 0 000 2zM18 23a1 1 0 100-2 1 1 0 000 2zM1.05 3.05h2l2.66 12.42a2 2 0 002 1.58h9.78a2 2 0 001.95-1.57l1.65-7.43m-16.97 0h10.242"
+    ></Path>
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M21 5l-8.938 10L8 10.454"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { IconShoppingCart };

package/src/common/icons-svg/steering-wheel/index.tsx

@@ -1,49 +1,49 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconSteeringWheel: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 24}
-    height={size ?? 24}
-    fill="none"
-  >
-    <G clipPath="url(#a)">
-      <Path
-        fill={color ?? "#050022"}
-        d="M12.455 14.254a.938.938 0 1 0 0-1.875.938.938 0 0 0 0 1.875Z"
-      />
-      <Path
-        stroke={color ?? "#050022"}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-        d="M12.455 21.192a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"
-      />
-      <Path
-        stroke={color ?? "#050022"}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-        d="M3.605 13.837a12 12 0 0 1 17.7 0M11.687 21.159l-2.05-5.48a.75.75 0 0 0-.702-.487H3.966M13.22 21.16l2.052-5.482a.75.75 0 0 1 .704-.486h4.968"
-      />
-    </G>
-    <Defs>
-      <ClipPath id="a">
-        <Path fill="#fff" d="M.455.192h24v24h-24z" />
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconSteeringWheel };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconSteeringWheel: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+  >
+    <G clipPath="url(#a)">
+      <Path
+        fill={color ?? "#050022"}
+        d="M12.455 14.254a.938.938 0 1 0 0-1.875.938.938 0 0 0 0 1.875Z"
+      />
+      <Path
+        stroke={color ?? "#050022"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        d="M12.455 21.192a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"
+      />
+      <Path
+        stroke={color ?? "#050022"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        d="M3.605 13.837a12 12 0 0 1 17.7 0M11.687 21.159l-2.05-5.48a.75.75 0 0 0-.702-.487H3.966M13.22 21.16l2.052-5.482a.75.75 0 0 1 .704-.486h4.968"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path fill="#fff" d="M.455.192h24v24h-24z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconSteeringWheel };

package/src/common/icons-svg/steering-wheel-fill/index.tsx

@@ -1,36 +1,36 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, G, ClipPath, Defs } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconSteeringWheelFill: 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 clipPath="url(#clip0_7394_1995)">
-      <Path
-        fill={color ?? "#050022"}
-        d="M12 2.25A9.75 9.75 0 1 0 21.75 12 9.77 9.77 0 0 0 12 2.25m5.25 10.5H12a.75.75 0 0 1-.75-.75V6.75a.75.75 0 1 1 1.5 0v4.5h4.5a.75.75 0 1 1 0 1.5"
-      ></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_7394_1995">
-        <Path fill="#fff" d="M0 0h24v24H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconSteeringWheelFill };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, ClipPath, Defs } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconSteeringWheelFill: 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 clipPath="url(#clip0_7394_1995)">
+      <Path
+        fill={color ?? "#050022"}
+        d="M12 2.25A9.75 9.75 0 1 0 21.75 12 9.77 9.77 0 0 0 12 2.25m5.25 10.5H12a.75.75 0 0 1-.75-.75V6.75a.75.75 0 1 1 1.5 0v4.5h4.5a.75.75 0 1 1 0 1.5"
+      ></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_7394_1995">
+        <Path fill="#fff" d="M0 0h24v24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconSteeringWheelFill };