@adiraku/react-native-ui 1.2.3-snapshot.4 → 1.2.3-snapshot.6

package/src/icons/navigations/IconArrowUp.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconArrowUp = (props: IconProps) => {
-  const {
-    width = 18,
-    height = 20,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 18 20"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16.293 9.707a1 1 0 001.414-1.414l-8-8a1 1 0 00-1.415 0l-8 8a1 1 0 101.415 1.414L8 3.414V19a1 1 0 102 0V3.415l6.293 6.292z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconArrowUp = (props: IconProps) => {
+  const {
+    width = 18,
+    height = 20,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 18 20"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.293 9.707a1 1 0 001.414-1.414l-8-8a1 1 0 00-1.415 0l-8 8a1 1 0 101.415 1.414L8 3.414V19a1 1 0 102 0V3.415l6.293 6.292z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronDown.tsx

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconChevronDown = (props: IconProps) => {
-  const { width = 14, height = 8, fill = Palettes.black[900], ...rest } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 14 8"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M.228.338a.778.778 0 011.1 0L7 6.01 12.672.338a.778.778 0 011.1 1.1L7.55 7.66a.778.778 0 01-1.1 0L.228 1.438a.778.778 0 010-1.1z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronDown = (props: IconProps) => {
+  const { width = 14, height = 8, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 14 8"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.228.338a.778.778 0 011.1 0L7 6.01 12.672.338a.778.778 0 011.1 1.1L7.55 7.66a.778.778 0 01-1.1 0L.228 1.438a.778.778 0 010-1.1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronLeft.tsx

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconChevronLeft = (props: IconProps) => {
-  const { width = 8, height = 14, fill = Palettes.black[900], ...rest } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 8 14"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M7.662.228a.778.778 0 010 1.1L1.99 7l5.672 5.672a.778.778 0 01-1.1 1.1L.34 7.55a.778.778 0 010-1.1L6.562.228a.778.778 0 011.1 0z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronLeft = (props: IconProps) => {
+  const { width = 8, height = 14, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 8 14"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.662.228a.778.778 0 010 1.1L1.99 7l5.672 5.672a.778.778 0 01-1.1 1.1L.34 7.55a.778.778 0 010-1.1L6.562.228a.778.778 0 011.1 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronRight.tsx

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconChevronRight = (props: IconProps) => {
-  const { width = 8, height = 14, fill = Palettes.black[900], ...rest } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 8 14"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M.338 13.772a.778.778 0 010-1.1L6.01 7 .338 1.328a.778.778 0 011.1-1.1L7.66 6.45a.778.778 0 010 1.1l-6.222 6.222a.778.778 0 01-1.1 0z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronRight = (props: IconProps) => {
+  const { width = 8, height = 14, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 8 14"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.338 13.772a.778.778 0 010-1.1L6.01 7 .338 1.328a.778.778 0 011.1-1.1L7.66 6.45a.778.778 0 010 1.1l-6.222 6.222a.778.778 0 01-1.1 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronUp.tsx

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconChevronUp = (props: IconProps) => {
-  const { width = 14, height = 8, fill = Palettes.black[900], ...rest } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 14 8"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.772 7.662a.778.778 0 01-1.1 0L7 1.99 1.328 7.662a.778.778 0 01-1.1-1.1L6.45.34a.778.778 0 011.1 0l6.222 6.222a.778.778 0 010 1.1z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronUp = (props: IconProps) => {
+  const { width = 14, height = 8, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 14 8"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.772 7.662a.778.778 0 01-1.1 0L7 1.99 1.328 7.662a.778.778 0 01-1.1-1.1L6.45.34a.778.778 0 011.1 0l6.222 6.222a.778.778 0 010 1.1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconClose.tsx

@@ -1,38 +1,38 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconClose = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M18.795 6.195a.7.7 0 00-.99-.99L12 11.01 6.195 5.205a.7.7 0 10-.99.99L11.01 12l-5.805 5.805a.7.7 0 00.99.99L12 12.99l5.805 5.805a.7.7 0 00.99-.99L12.99 12l5.805-5.805z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.018 5.382a.45.45 0 00-.636.636l5.805 5.805a.25.25 0 010 .354l-5.805 5.805a.45.45 0 00.636.636l5.805-5.805a.25.25 0 01.354 0l5.805 5.805a.45.45 0 00.636-.636l-5.805-5.805a.25.25 0 010-.354l5.805-5.805a.45.45 0 00-.636-.636l-5.805 5.805a.25.25 0 01-.354 0L6.018 5.382zm-.99-.354a.95.95 0 011.344 0L12 10.656l5.628-5.628a.95.95 0 011.344 1.344L13.343 12l5.629 5.628a.95.95 0 01-1.344 1.344L12 13.343l-5.628 5.629a.95.95 0 01-1.344-1.344L10.656 12 5.028 6.372a.95.95 0 010-1.344z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconClose = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.795 6.195a.7.7 0 00-.99-.99L12 11.01 6.195 5.205a.7.7 0 10-.99.99L11.01 12l-5.805 5.805a.7.7 0 00.99.99L12 12.99l5.805 5.805a.7.7 0 00.99-.99L12.99 12l5.805-5.805z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.018 5.382a.45.45 0 00-.636.636l5.805 5.805a.25.25 0 010 .354l-5.805 5.805a.45.45 0 00.636.636l5.805-5.805a.25.25 0 01.354 0l5.805 5.805a.45.45 0 00.636-.636l-5.805-5.805a.25.25 0 010-.354l5.805-5.805a.45.45 0 00-.636-.636l-5.805 5.805a.25.25 0 01-.354 0L6.018 5.382zm-.99-.354a.95.95 0 011.344 0L12 10.656l5.628-5.628a.95.95 0 011.344 1.344L13.343 12l5.629 5.628a.95.95 0 01-1.344 1.344L12 13.343l-5.628 5.629a.95.95 0 01-1.344-1.344L10.656 12 5.028 6.372a.95.95 0 010-1.344z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavAdiraku.tsx

@@ -1,44 +1,44 @@
-import * as React from 'react';
-import Svg, { Circle, ClipPath, Defs, G, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconNavAdiraku = (props: IconProps & { innerCircle: string }) => {
-  const {
-    width = 32,
-    height = 32,
-    fill = Palettes.black[900],
-    innerCircle = Palettes.white[50],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 32 32"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <G
-        clipPath="url(#clip0_1435_133818)"
-        filter="url(#filter0_d_1435_133818)"
-      >
-        <Path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M16 24c6.627 0 12-5.373 12-12S22.627 0 16 0 4 5.373 4 12s5.373 12 12 12zm2.968-14.973c.024.024.032.598.032 2.422 0 2.192.005 2.488-.098 2.74-.021.053-.048.104-.08.17-.198.408-.656.757-1.12.855-.27.056-3.138.056-3.407 0a1.677 1.677 0 01-1.26-1.216c-.035-.14-.04-.36-.032-1.538.008-1.36.009-1.376.07-1.558.277-.832.908-1.407 1.746-1.593.082-.018.728-.036 1.73-.048 1.541-.019 1.607-.022 1.805-.078.113-.032.272-.086.354-.12.172-.073.217-.08.26-.036z"
-          fill={fill}
-        />
-        <Circle cx={16} cy={12} r={9.5} stroke={innerCircle} />
-      </G>
-      <Defs>
-        <ClipPath id="clip0_1435_133818">
-          <Path fill={fill} transform="translate(4)" d="M0 0H24V24H0z" />
-        </ClipPath>
-      </Defs>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Circle, ClipPath, Defs, G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconNavAdiraku = (props: IconProps & { innerCircle: string }) => {
+  const {
+    width = 32,
+    height = 32,
+    fill = Palettes.black[900],
+    innerCircle = Palettes.white[50],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 32 32"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <G
+        clipPath="url(#clip0_1435_133818)"
+        filter="url(#filter0_d_1435_133818)"
+      >
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16 24c6.627 0 12-5.373 12-12S22.627 0 16 0 4 5.373 4 12s5.373 12 12 12zm2.968-14.973c.024.024.032.598.032 2.422 0 2.192.005 2.488-.098 2.74-.021.053-.048.104-.08.17-.198.408-.656.757-1.12.855-.27.056-3.138.056-3.407 0a1.677 1.677 0 01-1.26-1.216c-.035-.14-.04-.36-.032-1.538.008-1.36.009-1.376.07-1.558.277-.832.908-1.407 1.746-1.593.082-.018.728-.036 1.73-.048 1.541-.019 1.607-.022 1.805-.078.113-.032.272-.086.354-.12.172-.073.217-.08.26-.036z"
+          fill={fill}
+        />
+        <Circle cx={16} cy={12} r={9.5} stroke={innerCircle} />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_1435_133818">
+          <Path fill={fill} transform="translate(4)" d="M0 0H24V24H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavDocument.tsx

@@ -1,41 +1,41 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconNavDocument = (props: IconProps & { lineStripes: string }) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    lineStripes = Palettes.white[50],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M16.191 2H7.81C4.77 2 3 3.78 3 6.83v10.33C3 20.26 4.77 22 7.81 22h8.381C19.28 22 21 20.26 21 17.16V6.83C21 3.78 19.28 2 16.191 2z"
-        fill={fill}
-      />
-      <Path
-        d="M19.5 9a3.5 3.5 0 100-7 3.5 3.5 0 000 7z"
-        fill={fill}
-        stroke={lineStripes}
-        strokeWidth={2}
-      />
-      <Path
-        d="M8.08 15.74h7.84c.399.04.7.38.7.79 0 .399-.301.74-.7.78H8.08c-.3.04-.59-.11-.75-.36a.795.795 0 01.75-1.21zm7.84-4.561a.781.781 0 010 1.561H8.08a.78.78 0 010-1.561h7.84zM11.069 6.65c.431 0 .781.35.781.779 0 .441-.35.791-.781.791H8.08a.78.78 0 010-1.56v-.01h2.989z"
-        fill={lineStripes}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconNavDocument = (props: IconProps & { lineStripes: string }) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    lineStripes = Palettes.white[50],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M16.191 2H7.81C4.77 2 3 3.78 3 6.83v10.33C3 20.26 4.77 22 7.81 22h8.381C19.28 22 21 20.26 21 17.16V6.83C21 3.78 19.28 2 16.191 2z"
+        fill={fill}
+      />
+      <Path
+        d="M19.5 9a3.5 3.5 0 100-7 3.5 3.5 0 000 7z"
+        fill={fill}
+        stroke={lineStripes}
+        strokeWidth={2}
+      />
+      <Path
+        d="M8.08 15.74h7.84c.399.04.7.38.7.79 0 .399-.301.74-.7.78H8.08c-.3.04-.59-.11-.75-.36a.795.795 0 01.75-1.21zm7.84-4.561a.781.781 0 010 1.561H8.08a.78.78 0 010-1.561h7.84zM11.069 6.65c.431 0 .781.35.781.779 0 .441-.35.791-.781.791H8.08a.78.78 0 010-1.56v-.01h2.989z"
+        fill={lineStripes}
+      />
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavHome.tsx

@@ -1,31 +1,31 @@
-import * as React from 'react';
-import Svg, { Circle, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconNavHome = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M9.144 20.782v-3.067c0-.777.632-1.408 1.414-1.413h2.875c.786 0 1.423.633 1.423 1.413v3.058c0 .674.548 1.222 1.227 1.227h1.96a3.46 3.46 0 002.444-1 3.41 3.41 0 001.013-2.422V9.866c0-.735-.328-1.431-.895-1.902l-6.662-5.29a3.115 3.115 0 00-3.958.071L3.467 7.963A2.474 2.474 0 002.5 9.867v8.703C2.5 20.464 4.047 22 5.956 22h1.916c.327.002.641-.125.873-.354.232-.228.363-.54.363-.864h.036z"
-        fill={fill}
-      />
-      <Circle cx={12} cy={10} r={2} fill="transparent" />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Circle, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconNavHome = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M9.144 20.782v-3.067c0-.777.632-1.408 1.414-1.413h2.875c.786 0 1.423.633 1.423 1.413v3.058c0 .674.548 1.222 1.227 1.227h1.96a3.46 3.46 0 002.444-1 3.41 3.41 0 001.013-2.422V9.866c0-.735-.328-1.431-.895-1.902l-6.662-5.29a3.115 3.115 0 00-3.958.071L3.467 7.963A2.474 2.474 0 002.5 9.867v8.703C2.5 20.464 4.047 22 5.956 22h1.916c.327.002.641-.125.873-.354.232-.228.363-.54.363-.864h.036z"
+        fill={fill}
+      />
+      <Circle cx={12} cy={10} r={2} fill="transparent" />
+    </Svg>
+  );
+};