@adiraku/react-native-ui 0.2.1 → 0.2.3

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/IconCamera.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 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>
-  );
-};
+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>
+  );
+};

package/src/icons/actions/IconChat.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 IconChat = (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.583 2h.834A9.583 9.583 0 0122 11.583v8.377A2.04 2.04 0 0119.96 22h-8.377A9.583 9.583 0 012 12.417v-.834A9.583 9.583 0 0111.583 2zm.834 1.667h-.834a7.917 7.917 0 00-7.916 7.916v.834a7.917 7.917 0 007.916 7.916h8.377a.373.373 0 00.373-.373v-8.377a7.917 7.917 0 00-7.916-7.916zm2.902 9.396a.833.833 0 01.097 1.661l-.097.006h-3.793a.833.833 0 01-.097-1.661l.097-.006h3.793zm.833-2.96a.833.833 0 00-.833-.833H8.681l-.097.006a.833.833 0 00.098 1.66h6.637l.097-.005a.833.833 0 00.736-.828z"
-        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 IconChat = (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.583 2h.834A9.583 9.583 0 0122 11.583v8.377A2.04 2.04 0 0119.96 22h-8.377A9.583 9.583 0 012 12.417v-.834A9.583 9.583 0 0111.583 2zm.834 1.667h-.834a7.917 7.917 0 00-7.916 7.916v.834a7.917 7.917 0 007.916 7.916h8.377a.373.373 0 00.373-.373v-8.377a7.917 7.917 0 00-7.916-7.916zm2.902 9.396a.833.833 0 01.097 1.661l-.097.006h-3.793a.833.833 0 01-.097-1.661l.097-.006h3.793zm.833-2.96a.833.833 0 00-.833-.833H8.681l-.097.006a.833.833 0 00.098 1.66h6.637l.097-.005a.833.833 0 00.736-.828z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconCopy.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 IconCopy = (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="M17.6 18.552h.68c1.502 0 2.72-1.235 2.72-2.759V7.137c0-.646-.223-1.27-.63-1.766l-1.954-2.378A2.705 2.705 0 0016.326 2H10.12C8.618 2 7.4 3.235 7.4 4.759v.69C5.522 5.448 4 6.991 4 8.896v9.655C4 20.456 5.522 22 7.4 22h6.8c1.878 0 3.4-1.544 3.4-3.448zm-8.84-2.759V4.76c0-.762.609-1.38 1.36-1.38h6.206c.404 0 .786.182 1.045.497l1.954 2.378c.203.248.315.56.315.883v8.656a1.37 1.37 0 01-1.36 1.38h-8.16a1.37 1.37 0 01-1.36-1.38zm7.48 2.759c0 1.142-.913 2.069-2.04 2.069H7.4c-1.127 0-2.04-.927-2.04-2.07V8.898c0-1.143.913-2.07 2.04-2.07v8.966c0 1.524 1.218 2.759 2.72 2.759h6.12z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.91 4.759v11.034c0 .681.544 1.23 1.21 1.23h8.16a1.22 1.22 0 001.21-1.23V7.137c0-.288-.1-.567-.281-.788L17.255 3.97c-.23-.28-.57-.442-.929-.442H10.12a1.22 1.22 0 00-1.21 1.23zm8.69 13.795C17.599 20.457 16.077 22 14.2 22H7.4C5.522 22 4 20.456 4 18.552V8.897c0-1.905 1.522-3.449 3.4-3.449v-.69C7.4 3.236 8.618 2 10.12 2h6.206c.807 0 1.573.364 2.09.993l1.953 2.378c.408.495.631 1.12.631 1.766v8.656c0 1.524-1.218 2.759-2.72 2.759h-.68v.002zm.147.148h.533c1.587 0 2.87-1.305 2.87-2.909V7.137c0-.68-.235-1.339-.665-1.862l-1.953-2.378a2.855 2.855 0 00-2.206-1.047H10.12c-1.587 0-2.87 1.304-2.87 2.909V5.3c-1.893.08-3.4 1.661-3.4 3.596v9.655c0 1.985 1.587 3.598 3.55 3.598h6.8c1.913 0 3.47-1.532 3.547-3.448zm-7.627-.15c-1.502 0-2.72-1.235-2.72-2.759V6.828c-.05 0-.1.001-.15.005-1.057.078-1.89.972-1.89 2.064v9.655c0 1.142.913 2.069 2.04 2.069h6.8c1.077 0 1.959-.847 2.035-1.92.003-.049.005-.099.005-.15h-6.12zm5.964.15c-.075.991-.892 1.769-1.884 1.769H7.4c-1.042 0-1.89-.858-1.89-1.92V8.898c0-1.01.768-1.836 1.74-1.913v8.81c0 1.604 1.283 2.908 2.87 2.908h5.964zM8.76 4.759v11.034c0 .762.609 1.38 1.36 1.38h8.16a1.37 1.37 0 001.36-1.38V7.137c0-.323-.112-.635-.315-.883L17.37 3.876a1.353 1.353 0 00-1.045-.497H10.12a1.37 1.37 0 00-1.36 1.38z"
-        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 IconCopy = (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="M17.6 18.552h.68c1.502 0 2.72-1.235 2.72-2.759V7.137c0-.646-.223-1.27-.63-1.766l-1.954-2.378A2.705 2.705 0 0016.326 2H10.12C8.618 2 7.4 3.235 7.4 4.759v.69C5.522 5.448 4 6.991 4 8.896v9.655C4 20.456 5.522 22 7.4 22h6.8c1.878 0 3.4-1.544 3.4-3.448zm-8.84-2.759V4.76c0-.762.609-1.38 1.36-1.38h6.206c.404 0 .786.182 1.045.497l1.954 2.378c.203.248.315.56.315.883v8.656a1.37 1.37 0 01-1.36 1.38h-8.16a1.37 1.37 0 01-1.36-1.38zm7.48 2.759c0 1.142-.913 2.069-2.04 2.069H7.4c-1.127 0-2.04-.927-2.04-2.07V8.898c0-1.143.913-2.07 2.04-2.07v8.966c0 1.524 1.218 2.759 2.72 2.759h6.12z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.91 4.759v11.034c0 .681.544 1.23 1.21 1.23h8.16a1.22 1.22 0 001.21-1.23V7.137c0-.288-.1-.567-.281-.788L17.255 3.97c-.23-.28-.57-.442-.929-.442H10.12a1.22 1.22 0 00-1.21 1.23zm8.69 13.795C17.599 20.457 16.077 22 14.2 22H7.4C5.522 22 4 20.456 4 18.552V8.897c0-1.905 1.522-3.449 3.4-3.449v-.69C7.4 3.236 8.618 2 10.12 2h6.206c.807 0 1.573.364 2.09.993l1.953 2.378c.408.495.631 1.12.631 1.766v8.656c0 1.524-1.218 2.759-2.72 2.759h-.68v.002zm.147.148h.533c1.587 0 2.87-1.305 2.87-2.909V7.137c0-.68-.235-1.339-.665-1.862l-1.953-2.378a2.855 2.855 0 00-2.206-1.047H10.12c-1.587 0-2.87 1.304-2.87 2.909V5.3c-1.893.08-3.4 1.661-3.4 3.596v9.655c0 1.985 1.587 3.598 3.55 3.598h6.8c1.913 0 3.47-1.532 3.547-3.448zm-7.627-.15c-1.502 0-2.72-1.235-2.72-2.759V6.828c-.05 0-.1.001-.15.005-1.057.078-1.89.972-1.89 2.064v9.655c0 1.142.913 2.069 2.04 2.069h6.8c1.077 0 1.959-.847 2.035-1.92.003-.049.005-.099.005-.15h-6.12zm5.964.15c-.075.991-.892 1.769-1.884 1.769H7.4c-1.042 0-1.89-.858-1.89-1.92V8.898c0-1.01.768-1.836 1.74-1.913v8.81c0 1.604 1.283 2.908 2.87 2.908h5.964zM8.76 4.759v11.034c0 .762.609 1.38 1.36 1.38h8.16a1.37 1.37 0 001.36-1.38V7.137c0-.323-.112-.635-.315-.883L17.37 3.876a1.353 1.353 0 00-1.045-.497H10.12a1.37 1.37 0 00-1.36 1.38z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconCustomerService.tsx

@@ -1,37 +1,37 @@
-import * as React from 'react';
-import Svg, { ClipPath, Defs, G, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconCustomerService = (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}
-    >
-      <G clipPath="url(#clip0_3_2898)">
-        <Path
-          d="M21 12.22C21 6.73 16.74 3 12 3c-4.69 0-9 3.65-9 9.28-.6.34-1 .98-1 1.72v2c0 1.1.9 2 2 2a1 1 0 001-1v-5.1c0-3.87 3.13-7 7-7s7 3.13 7 7V19h-7a1 1 0 100 2h7c1.1 0 2-.9 2-2v-1.22c.59-.31 1-.92 1-1.64v-2.3c0-.7-.41-1.31-1-1.62z"
-          fill={fill}
-        />
-      </G>
-      <Defs>
-        <ClipPath id="clip0_3_2898">
-          <Path fill="transparent" d="M0 0H24V24H0z" />
-        </ClipPath>
-      </Defs>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { ClipPath, Defs, G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconCustomerService = (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}
+    >
+      <G clipPath="url(#clip0_3_2898)">
+        <Path
+          d="M21 12.22C21 6.73 16.74 3 12 3c-4.69 0-9 3.65-9 9.28-.6.34-1 .98-1 1.72v2c0 1.1.9 2 2 2a1 1 0 001-1v-5.1c0-3.87 3.13-7 7-7s7 3.13 7 7V19h-7a1 1 0 100 2h7c1.1 0 2-.9 2-2v-1.22c.59-.31 1-.92 1-1.64v-2.3c0-.7-.41-1.31-1-1.62z"
+          fill={fill}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_3_2898">
+          <Path fill="transparent" d="M0 0H24V24H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};