@adiraku/react-native-ui 1.2.3-snapshot.3 → 1.2.3-snapshot.5

package/src/components/typography/typography.type.ts

@@ -1,56 +1,56 @@
-import type { ColorValue, TextStyle, TextProps } from 'react-native';
-
-export interface TypographyProps extends TextProps {
-  // children: string | null;
-  /**
-   * The variant of the component
-   * @default "body1"
-   */
-  variant?:
-    | 'heading1-semibold'
-    | 'heading1-regular'
-    | 'heading2-semibold'
-    | 'heading2-regular'
-    | 'heading3-semibold'
-    | 'heading3-regular'
-    | 'heading4-semibold'
-    | 'heading4-regular'
-    | 'heading5-bold'
-    | 'heading5-semibold'
-    | 'heading5-regular'
-    | 'heading6-bold'
-    | 'heading6-semibold'
-    | 'heading6-regular'
-    | 'subheading'
-    | 'subtitle1'
-    | 'subtitle2'
-    | 'subtitle2-extrabold'
-    | 'body1'
-    | 'body2'
-    | 'body3'
-    | 'button'
-    | 'button-small'
-    | 'caption'
-    | 'caption2'
-    | 'overline'
-    | 'overline-small';
-
-  /**
-   * The style of the font
-   * - `italic`: Display text in italic
-   * - `normal`: Display text in normal
-   * @default "normal"
-   */
-  fontStyle?: 'italic' | 'normal';
-
-  /**
-   * The color of the Text
-   * @default Palettes.Black.900 | "#112639"
-   */
-  fontColor?: ColorValue;
-
-  /**
-   * The style of the text, extended from TextStyle
-   */
-  textStyles?: TextStyle;
-}
+import type { ColorValue, TextStyle, TextProps } from 'react-native';
+
+export interface TypographyProps extends TextProps {
+  // children: string | null;
+  /**
+   * The variant of the component
+   * @default "body1"
+   */
+  variant?:
+    | 'heading1-semibold'
+    | 'heading1-regular'
+    | 'heading2-semibold'
+    | 'heading2-regular'
+    | 'heading3-semibold'
+    | 'heading3-regular'
+    | 'heading4-semibold'
+    | 'heading4-regular'
+    | 'heading5-bold'
+    | 'heading5-semibold'
+    | 'heading5-regular'
+    | 'heading6-bold'
+    | 'heading6-semibold'
+    | 'heading6-regular'
+    | 'subheading'
+    | 'subtitle1'
+    | 'subtitle2'
+    | 'subtitle2-extrabold'
+    | 'body1'
+    | 'body2'
+    | 'body3'
+    | 'button'
+    | 'button-small'
+    | 'caption'
+    | 'caption2'
+    | 'overline'
+    | 'overline-small';
+
+  /**
+   * The style of the font
+   * - `italic`: Display text in italic
+   * - `normal`: Display text in normal
+   * @default "normal"
+   */
+  fontStyle?: 'italic' | 'normal';
+
+  /**
+   * The color of the Text
+   * @default Palettes.Black.900 | "#112639"
+   */
+  fontColor?: ColorValue;
+
+  /**
+   * The style of the text, extended from TextStyle
+   */
+  textStyles?: TextStyle;
+}

package/src/icons/actions/IconAddMinus.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 IconAddMinus = (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="M11.75 21.5c5.385 0 9.75-4.365 9.75-9.75S17.135 2 11.75 2 2 6.365 2 11.75s4.365 9.75 9.75 9.75zm0-1.5a8.25 8.25 0 110-16.5 8.25 8.25 0 010 16.5zM8 11.75c0-.414.387-.75.865-.75h5.77c.478 0 .865.336.865.75s-.387.75-.865.75h-5.77c-.478 0-.865-.336-.865-.75z"
-        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 IconAddMinus = (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="M11.75 21.5c5.385 0 9.75-4.365 9.75-9.75S17.135 2 11.75 2 2 6.365 2 11.75s4.365 9.75 9.75 9.75zm0-1.5a8.25 8.25 0 110-16.5 8.25 8.25 0 010 16.5zM8 11.75c0-.414.387-.75.865-.75h5.77c.478 0 .865.336.865.75s-.387.75-.865.75h-5.77c-.478 0-.865-.336-.865-.75z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconAddPlus.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 IconAddPlus = (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="M11.75 21.5c5.385 0 9.75-4.365 9.75-9.75S17.135 2 11.75 2 2 6.365 2 11.75s4.365 9.75 9.75 9.75zm0-1.5a8.25 8.25 0 110-16.5 8.25 8.25 0 010 16.5zm-1-11.25V11H8.5a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0V12.5h2.25a.75.75 0 000-1.5h-2.25V8.75a.75.75 0 00-1.5 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 IconAddPlus = (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="M11.75 21.5c5.385 0 9.75-4.365 9.75-9.75S17.135 2 11.75 2 2 6.365 2 11.75s4.365 9.75 9.75 9.75zm0-1.5a8.25 8.25 0 110-16.5 8.25 8.25 0 010 16.5zm-1-11.25V11H8.5a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0V12.5h2.25a.75.75 0 000-1.5h-2.25V8.75a.75.75 0 00-1.5 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconAddRemove.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 IconAddRemove = (props: IconProps) => {
-  const { width = 24, height = 24, fill = Palettes.red[500], ...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="M11.75 21.5c5.385 0 9.75-4.365 9.75-9.75S17.135 2 11.75 2 2 6.365 2 11.75s4.365 9.75 9.75 9.75zm-.25-10.81l2.47-2.47a.75.75 0 111.06 1.06l-2.47 2.47 2.47 2.47a.75.75 0 11-1.06 1.06l-2.47-2.47-2.47 2.47a.75.75 0 01-1.06-1.06l2.47-2.47-2.47-2.47a.75.75 0 011.06-1.06l2.47 2.47zm-8 1.06a8.25 8.25 0 1016.5 0 8.25 8.25 0 00-16.5 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 IconAddRemove = (props: IconProps) => {
+  const { width = 24, height = 24, fill = Palettes.red[500], ...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="M11.75 21.5c5.385 0 9.75-4.365 9.75-9.75S17.135 2 11.75 2 2 6.365 2 11.75s4.365 9.75 9.75 9.75zm-.25-10.81l2.47-2.47a.75.75 0 111.06 1.06l-2.47 2.47 2.47 2.47a.75.75 0 11-1.06 1.06l-2.47-2.47-2.47 2.47a.75.75 0 01-1.06-1.06l2.47-2.47-2.47-2.47a.75.75 0 011.06-1.06l2.47 2.47zm-8 1.06a8.25 8.25 0 1016.5 0 8.25 8.25 0 00-16.5 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconAttach.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 IconAttach = (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="M8.937 3.518a5.16 5.16 0 017.312 0 5.195 5.195 0 01.147 7.177l-.148.155-5.258 5.272a2.911 2.911 0 01-4 .118l-.124-.118-.244-.245v-.034l-.083-.111a2.93 2.93 0 01.21-3.62l.117-.125 5.01-5.025a.832.832 0 011.178 0c.3.301.324.775.07 1.103l-.07.079-5.01 5.024a1.255 1.255 0 00-.085 1.676l.102.112.078.07c.459.375 1.12.375 1.578 0l.095-.086 5.258-5.272a3.52 3.52 0 000-4.968 3.497 3.497 0 00-4.82-.129l-.134.129-4.763 4.775a5.718 5.718 0 00-1.581 2.98c-.07.364-.106.733-.105 1.103a5.814 5.814 0 00.421 2.171 5.739 5.739 0 001.266 1.91 5.696 5.696 0 002.97 1.585 5.735 5.735 0 002.199 0 5.76 5.76 0 002.066-.844c.245-.163.476-.342.693-.539l.212-.203 7.083-7.102a.832.832 0 011.179 0c.3.301.323.775.07 1.103l-.07.079-7.083 7.101a7.44 7.44 0 01-2.457 1.637 7.42 7.42 0 01-9.673-4.1 7.488 7.488 0 010-5.599 7.393 7.393 0 011.423-2.245l.209-.219 4.762-4.775z"
-        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 IconAttach = (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="M8.937 3.518a5.16 5.16 0 017.312 0 5.195 5.195 0 01.147 7.177l-.148.155-5.258 5.272a2.911 2.911 0 01-4 .118l-.124-.118-.244-.245v-.034l-.083-.111a2.93 2.93 0 01.21-3.62l.117-.125 5.01-5.025a.832.832 0 011.178 0c.3.301.324.775.07 1.103l-.07.079-5.01 5.024a1.255 1.255 0 00-.085 1.676l.102.112.078.07c.459.375 1.12.375 1.578 0l.095-.086 5.258-5.272a3.52 3.52 0 000-4.968 3.497 3.497 0 00-4.82-.129l-.134.129-4.763 4.775a5.718 5.718 0 00-1.581 2.98c-.07.364-.106.733-.105 1.103a5.814 5.814 0 00.421 2.171 5.739 5.739 0 001.266 1.91 5.696 5.696 0 002.97 1.585 5.735 5.735 0 002.199 0 5.76 5.76 0 002.066-.844c.245-.163.476-.342.693-.539l.212-.203 7.083-7.102a.832.832 0 011.179 0c.3.301.323.775.07 1.103l-.07.079-7.083 7.101a7.44 7.44 0 01-2.457 1.637 7.42 7.42 0 01-9.673-4.1 7.488 7.488 0 010-5.599 7.393 7.393 0 011.423-2.245l.209-.219 4.762-4.775z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconBeliMobil.tsx

@@ -1,63 +1,63 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconBeliMobil = (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="M8 14.5H6.5c-.55 0-1 .45-1 1s.45 1 1 1H8c.55 0 1-.45 1-1s-.45-1-1-1zM17.5 14.5H16c-.55 0-1 .45-1 1s.45 1 1 1h1.5c.55 0 1-.45 1-1s-.45-1-1-1z"
-        fill={fill}
-      />
-      <Path
-        d="M22 10.5c0-.55-.45-1-1-1h-1.1C21.15 8.82 22 7.52 22 6c0-2.21-1.79-4-4-4s-4 1.79-4 4H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36H21c.55 0 1-.45 1-1zm-4-7a2.5 2.5 0 010 5 2.5 2.5 0 010-5zM7.62 8h6.93c.59 1.01 1.6 1.74 2.79 1.93l.53 1.07H6.12l1.5-3zM4.07 18l.36-5h15.14l.36 5H4.07z"
-        fill={fill}
-      />
-      <Path
-        d="M17.5 6.5v1c0 .28.22.5.5.5s.5-.22.5-.5v-1h1c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-1v-1c0-.28-.22-.5-.5-.5s-.5.22-.5.5v1h-1c-.28 0-.5.22-.5.5s.22.5.5.5h1z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconBeliMobilFilled = (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="M22 10.5c0-.55-.45-1-1-1h-1.1C21.15 8.82 22 7.52 22 6c0-2.21-1.79-4-4-4s-4 1.79-4 4H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36H21c.55 0 1-.45 1-1zm-5.5-5h1v-1c0-.28.22-.5.5-.5s.5.22.5.5v1h1c.28 0 .5.22.5.5s-.22.5-.5.5h-1v1c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-1h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5zM7.62 8h6.93c.56.97 1.51 1.69 2.65 1.92l.68 1.58H6.12L7.62 8zM8 16.5H6.5c-.55 0-1-.45-1-1s.45-1 1-1H8c.55 0 1 .45 1 1s-.45 1-1 1zm9.5 0H16c-.55 0-1-.45-1-1s.45-1 1-1h1.5c.55 0 1 .45 1 1s-.45 1-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 IconBeliMobil = (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="M8 14.5H6.5c-.55 0-1 .45-1 1s.45 1 1 1H8c.55 0 1-.45 1-1s-.45-1-1-1zM17.5 14.5H16c-.55 0-1 .45-1 1s.45 1 1 1h1.5c.55 0 1-.45 1-1s-.45-1-1-1z"
+        fill={fill}
+      />
+      <Path
+        d="M22 10.5c0-.55-.45-1-1-1h-1.1C21.15 8.82 22 7.52 22 6c0-2.21-1.79-4-4-4s-4 1.79-4 4H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36H21c.55 0 1-.45 1-1zm-4-7a2.5 2.5 0 010 5 2.5 2.5 0 010-5zM7.62 8h6.93c.59 1.01 1.6 1.74 2.79 1.93l.53 1.07H6.12l1.5-3zM4.07 18l.36-5h15.14l.36 5H4.07z"
+        fill={fill}
+      />
+      <Path
+        d="M17.5 6.5v1c0 .28.22.5.5.5s.5-.22.5-.5v-1h1c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-1v-1c0-.28-.22-.5-.5-.5s-.5.22-.5.5v1h-1c-.28 0-.5.22-.5.5s.22.5.5.5h1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconBeliMobilFilled = (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="M22 10.5c0-.55-.45-1-1-1h-1.1C21.15 8.82 22 7.52 22 6c0-2.21-1.79-4-4-4s-4 1.79-4 4H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36H21c.55 0 1-.45 1-1zm-5.5-5h1v-1c0-.28.22-.5.5-.5s.5.22.5.5v1h1c.28 0 .5.22.5.5s-.22.5-.5.5h-1v1c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-1h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5zM7.62 8h6.93c.56.97 1.51 1.69 2.65 1.92l.68 1.58H6.12L7.62 8zM8 16.5H6.5c-.55 0-1-.45-1-1s.45-1 1-1H8c.55 0 1 .45 1 1s-.45 1-1 1zm9.5 0H16c-.55 0-1-.45-1-1s.45-1 1-1h1.5c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconCamera.tsx

@@ -1,57 +1,57 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconCamera = (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="M9.143 3c-1.57 0-2.857 1.276-2.857 2.833H4.857C3.287 5.833 2 7.11 2 8.667v8.5C2 18.724 3.287 20 4.857 20h14.286C20.713 20 22 18.724 22 17.167v-8.5c0-1.558-1.287-2.834-2.857-2.834h-1.429C17.714 4.276 16.428 3 14.857 3H9.143zm0 1.417h5.714c.804 0 1.429.62 1.429 1.416v.709c0 .39.32.708.714.708h2.143c.804 0 1.428.62 1.428 1.417v8.5c0 .797-.624 1.416-1.428 1.416H4.857c-.804 0-1.428-.62-1.428-1.416v-8.5c0-.797.624-1.417 1.428-1.417H7a.711.711 0 00.714-.708v-.709c0-.797.625-1.416 1.429-1.416zM12 7.3a4.7 4.7 0 100 9.4 4.7 4.7 0 000-9.4zm0 1.4a3.3 3.3 0 110 6.6 3.3 3.3 0 010-6.6z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconCameraFilled = (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="M19.14 5.83h-1.43c0-1.56-1.29-2.83-2.86-2.83H9.14C7.57 3 6.28 4.28 6.28 5.83H4.85c-1.57 0-2.86 1.28-2.86 2.83v9.5c0 1.56 1.29 2.83 2.86 2.83h14.29c1.57 0 2.86-1.28 2.86-2.83v-9.5c0-1.56-1.29-2.83-2.86-2.83zM12 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"
-        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 IconCamera = (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="M9.143 3c-1.57 0-2.857 1.276-2.857 2.833H4.857C3.287 5.833 2 7.11 2 8.667v8.5C2 18.724 3.287 20 4.857 20h14.286C20.713 20 22 18.724 22 17.167v-8.5c0-1.558-1.287-2.834-2.857-2.834h-1.429C17.714 4.276 16.428 3 14.857 3H9.143zm0 1.417h5.714c.804 0 1.429.62 1.429 1.416v.709c0 .39.32.708.714.708h2.143c.804 0 1.428.62 1.428 1.417v8.5c0 .797-.624 1.416-1.428 1.416H4.857c-.804 0-1.428-.62-1.428-1.416v-8.5c0-.797.624-1.417 1.428-1.417H7a.711.711 0 00.714-.708v-.709c0-.797.625-1.416 1.429-1.416zM12 7.3a4.7 4.7 0 100 9.4 4.7 4.7 0 000-9.4zm0 1.4a3.3 3.3 0 110 6.6 3.3 3.3 0 010-6.6z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconCameraFilled = (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="M19.14 5.83h-1.43c0-1.56-1.29-2.83-2.86-2.83H9.14C7.57 3 6.28 4.28 6.28 5.83H4.85c-1.57 0-2.86 1.28-2.86 2.83v9.5c0 1.56 1.29 2.83 2.86 2.83h14.29c1.57 0 2.86-1.28 2.86-2.83v-9.5c0-1.56-1.29-2.83-2.86-2.83zM12 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};