npm - @adiraku/react-native-ui - Versions diffs - 0.2.1 → 0.2.3 - Mend

@adiraku/react-native-ui 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (720) hide show

package/src/icons/actions/IconSeeHide.tsx CHANGED Viewed

@@ -1,31 +1,31 @@
-import * as React from 'react';
-import Svg, { G, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-import type { IconProps } from '../../types';
-export const IconSeeHide = (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 fill={fill}>
-        <Path d="M12 7.247c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5 1.76-2.78 4.9-4.5 8.25-4.5zm0-1.5c-3.99 0-7.71 2.11-9.7 5.5l-.3.5.3.5c2.01 3.39 5.72 5.5 9.7 5.5 3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5c-2.01-3.39-5.71-5.5-9.7-5.5z" />
-        <Path d="M12 15.998a4.26 4.26 0 01-4.25-4.25A4.26 4.26 0 0112 7.498a4.26 4.26 0 014.25 4.25 4.26 4.26 0 01-4.25 4.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75z" />
-        <Path d="M6 18.497c-.19 0-.38-.07-.53-.22a.754.754 0 010-1.06l12-12c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-12 12c-.15.15-.34.22-.53.22z" />
-      </G>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+import type { IconProps } from '../../types';
+export const IconSeeHide = (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 fill={fill}>
+        <Path d="M12 7.247c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5 1.76-2.78 4.9-4.5 8.25-4.5zm0-1.5c-3.99 0-7.71 2.11-9.7 5.5l-.3.5.3.5c2.01 3.39 5.72 5.5 9.7 5.5 3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5c-2.01-3.39-5.71-5.5-9.7-5.5z" />
+        <Path d="M12 15.998a4.26 4.26 0 01-4.25-4.25A4.26 4.26 0 0112 7.498a4.26 4.26 0 014.25 4.25 4.26 4.26 0 01-4.25 4.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75z" />
+        <Path d="M6 18.497c-.19 0-.38-.07-.53-.22a.754.754 0 010-1.06l12-12c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-12 12c-.15.15-.34.22-.53.22z" />
+      </G>
+    </Svg>
+  );
+};

package/src/icons/actions/IconSeeShow.tsx CHANGED Viewed

@@ -1,30 +1,30 @@
-import * as React from 'react';
-import Svg, { G, Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-import type { IconProps } from '../../types';
-export const IconSeeShow = (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 fill={fill}>
-        <Path d="M12 7.5c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5C5.51 9.22 8.65 7.5 12 7.5zM12 6c-3.99 0-7.71 2.11-9.7 5.5L2 12l.3.5C4.31 15.89 8.02 18 12 18c3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5C19.69 8.11 15.99 6 12 6z" />
-        <Path d="M12 16.25A4.26 4.26 0 017.75 12 4.26 4.26 0 0112 7.75 4.26 4.26 0 0116.25 12 4.26 4.26 0 0112 16.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75S13.52 9.25 12 9.25z" />
-      </G>
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+import type { IconProps } from '../../types';
+export const IconSeeShow = (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 fill={fill}>
+        <Path d="M12 7.5c3.35 0 6.48 1.72 8.25 4.5-1.76 2.78-4.9 4.5-8.25 4.5-3.35 0-6.48-1.72-8.25-4.5C5.51 9.22 8.65 7.5 12 7.5zM12 6c-3.99 0-7.71 2.11-9.7 5.5L2 12l.3.5C4.31 15.89 8.02 18 12 18c3.98 0 7.71-2.11 9.7-5.5l.3-.5-.3-.5C19.69 8.11 15.99 6 12 6z" />
+        <Path d="M12 16.25A4.26 4.26 0 017.75 12 4.26 4.26 0 0112 7.75 4.26 4.26 0 0116.25 12 4.26 4.26 0 0112 16.25zm0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75S13.52 9.25 12 9.25z" />
+      </G>
+    </Svg>
+  );
+};

package/src/icons/actions/IconSetting.tsx CHANGED Viewed

@@ -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 IconSetting = (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.226 3.626l-.552.974c-.278.49-.793.79-1.35.788l-1.11-.005c-2.471-.009-4.018 2.7-2.775 4.859l.558.97a1.576 1.576 0 010 1.575l-.558.97c-1.243 2.16.304 4.868 2.775 4.859l1.11-.005c.557-.001 1.072.3 1.35.789l.552.974c1.227 2.168 4.321 2.168 5.549 0l.552-.974c.277-.49.792-.79 1.35-.788l1.11.004c2.47.009 4.018-2.7 2.774-4.859l-.558-.97a1.576 1.576 0 010-1.574l.558-.972c1.244-2.158-.303-4.867-2.775-4.858l-1.11.005a1.545 1.545 0 01-1.35-.788l-.551-.974c-1.228-2.168-4.322-2.168-5.55 0zm4.118.828l.552.975a3.19 3.19 0 002.786 1.625l1.11-.004c1.197-.004 1.946 1.308 1.344 2.353l-.558.972a3.258 3.258 0 000 3.251l.558.97c.602 1.046-.147 2.357-1.344 2.353l-1.11-.004a3.193 3.193 0 00-2.786 1.626l-.552.974a1.54 1.54 0 01-2.688 0l-.552-.974a3.193 3.193 0 00-2.785-1.626l-1.111.004c-1.197.004-1.946-1.308-1.344-2.353l.558-.97a3.258 3.258 0 000-3.252l-.559-.97c-.601-1.046.148-2.358 1.345-2.354l1.11.004a3.19 3.19 0 002.786-1.625l.552-.974a1.54 1.54 0 012.688-.001zM12 8.006c-2.182 0-3.95 1.788-3.95 3.994 0 2.206 1.768 3.994 3.95 3.994 2.182 0 3.95-1.788 3.95-3.994 0-2.206-1.768-3.994-3.95-3.994zm0 1.666c1.272 0 2.302 1.042 2.302 2.328 0 1.285-1.03 2.327-2.302 2.327S9.698 13.285 9.698 12c0-1.286 1.03-2.328 2.302-2.328z"
-        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 IconSetting = (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.226 3.626l-.552.974c-.278.49-.793.79-1.35.788l-1.11-.005c-2.471-.009-4.018 2.7-2.775 4.859l.558.97a1.576 1.576 0 010 1.575l-.558.97c-1.243 2.16.304 4.868 2.775 4.859l1.11-.005c.557-.001 1.072.3 1.35.789l.552.974c1.227 2.168 4.321 2.168 5.549 0l.552-.974c.277-.49.792-.79 1.35-.788l1.11.004c2.47.009 4.018-2.7 2.774-4.859l-.558-.97a1.576 1.576 0 010-1.574l.558-.972c1.244-2.158-.303-4.867-2.775-4.858l-1.11.005a1.545 1.545 0 01-1.35-.788l-.551-.974c-1.228-2.168-4.322-2.168-5.55 0zm4.118.828l.552.975a3.19 3.19 0 002.786 1.625l1.11-.004c1.197-.004 1.946 1.308 1.344 2.353l-.558.972a3.258 3.258 0 000 3.251l.558.97c.602 1.046-.147 2.357-1.344 2.353l-1.11-.004a3.193 3.193 0 00-2.786 1.626l-.552.974a1.54 1.54 0 01-2.688 0l-.552-.974a3.193 3.193 0 00-2.785-1.626l-1.111.004c-1.197.004-1.946-1.308-1.344-2.353l.558-.97a3.258 3.258 0 000-3.252l-.559-.97c-.601-1.046.148-2.358 1.345-2.354l1.11.004a3.19 3.19 0 002.786-1.625l.552-.974a1.54 1.54 0 012.688-.001zM12 8.006c-2.182 0-3.95 1.788-3.95 3.994 0 2.206 1.768 3.994 3.95 3.994 2.182 0 3.95-1.788 3.95-3.994 0-2.206-1.768-3.994-3.95-3.994zm0 1.666c1.272 0 2.302 1.042 2.302 2.328 0 1.285-1.03 2.327-2.302 2.327S9.698 13.285 9.698 12c0-1.286 1.03-2.328 2.302-2.328z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconShare.tsx CHANGED Viewed

@@ -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 IconShare = (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 6a1 1 0 100-2 1 1 0 000 2zm0 2a3 3 0 10-2.974-2.603L7.651 9.495a3 3 0 100 5.011l7.375 4.097a3 3 0 10.912-1.782l-7.073-3.929a3 3 0 000-1.784l7.072-3.93A2.99 2.99 0 0018 8zM6 13a1 1 0 100-2 1 1 0 000 2zm12 5a1 1 0 110 2 1 1 0 010-2z"
-        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 IconShare = (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 6a1 1 0 100-2 1 1 0 000 2zm0 2a3 3 0 10-2.974-2.603L7.651 9.495a3 3 0 100 5.011l7.375 4.097a3 3 0 10.912-1.782l-7.073-3.929a3 3 0 000-1.784l7.072-3.93A2.99 2.99 0 0018 8zM6 13a1 1 0 100-2 1 1 0 000 2zm12 5a1 1 0 110 2 1 1 0 010-2z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconShoppingCart.tsx CHANGED Viewed

@@ -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 IconShoppingCart = (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="M7.573 4.835A3.419 3.419 0 004.197 2H2.838l-.097.006A.835.835 0 002 2.833c0 .46.375.834.838.834h1.36l.13.005A1.744 1.744 0 015.933 5.2l.813 6.842.024.17a3.417 3.417 0 003.375 2.834h7.955l.171-.005c1.645-.081 2.85-1.339 3.034-3.035l.676-6.238.014-.167C22.109 3.659 20.555 2 18.576 2H17.48l-.098.006a.835.835 0 00-.74.827c0 .46.375.834.838.834h1.096l.129.004a1.74 1.74 0 011.608 1.918l-.676 6.238-.02.147c-.147.862-.73 1.405-1.518 1.405h-7.955l-.132-.005a1.742 1.742 0 01-1.602-1.527l-.813-6.842-.024-.17zM6.809 19.27c0-1.508 1.23-2.73 2.747-2.73a2.739 2.739 0 012.746 2.73c0 1.508-1.23 2.73-2.746 2.73a2.738 2.738 0 01-2.747-2.73zm3.816 0c0-.587-.48-1.063-1.07-1.063-.59 0-1.069.476-1.069 1.063s.479 1.063 1.07 1.063c.59 0 1.07-.476 1.07-1.063zm4.372 0c0-1.508 1.23-2.73 2.747-2.73a2.738 2.738 0 012.745 2.73c0 1.508-1.23 2.73-2.745 2.73a2.739 2.739 0 01-2.747-2.73zm3.816 0c0-.587-.48-1.063-1.07-1.063-.59 0-1.07.476-1.07 1.063s.48 1.063 1.07 1.063c.59 0 1.07-.476 1.07-1.063z"
-        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 IconShoppingCart = (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="M7.573 4.835A3.419 3.419 0 004.197 2H2.838l-.097.006A.835.835 0 002 2.833c0 .46.375.834.838.834h1.36l.13.005A1.744 1.744 0 015.933 5.2l.813 6.842.024.17a3.417 3.417 0 003.375 2.834h7.955l.171-.005c1.645-.081 2.85-1.339 3.034-3.035l.676-6.238.014-.167C22.109 3.659 20.555 2 18.576 2H17.48l-.098.006a.835.835 0 00-.74.827c0 .46.375.834.838.834h1.096l.129.004a1.74 1.74 0 011.608 1.918l-.676 6.238-.02.147c-.147.862-.73 1.405-1.518 1.405h-7.955l-.132-.005a1.742 1.742 0 01-1.602-1.527l-.813-6.842-.024-.17zM6.809 19.27c0-1.508 1.23-2.73 2.747-2.73a2.739 2.739 0 012.746 2.73c0 1.508-1.23 2.73-2.746 2.73a2.738 2.738 0 01-2.747-2.73zm3.816 0c0-.587-.48-1.063-1.07-1.063-.59 0-1.069.476-1.069 1.063s.479 1.063 1.07 1.063c.59 0 1.07-.476 1.07-1.063zm4.372 0c0-1.508 1.23-2.73 2.747-2.73a2.738 2.738 0 012.745 2.73c0 1.508-1.23 2.73-2.745 2.73a2.739 2.739 0 01-2.747-2.73zm3.816 0c0-.587-.48-1.063-1.07-1.063-.59 0-1.07.476-1.07 1.063s.48 1.063 1.07 1.063c.59 0 1.07-.476 1.07-1.063z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconSort.tsx CHANGED Viewed

@@ -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 IconSort = (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="M7.408 3.456c.93-.95 2.592-.317 2.592.988v15.123c0 .531-.448.961-1 .961s-1-.43-1-.96V5.655l-4.272 4.36a1.029 1.029 0 01-1.413.042.935.935 0 01-.043-1.358l5.136-5.244zM16.592 20.544c-.93.95-2.592.317-2.592-.988V4.433c0-.531.448-.961 1-.961s1 .43 1 .96v13.912l4.272-4.36a1.029 1.029 0 011.413-.042.935.935 0 01.043 1.358l-5.136 5.244z"
-        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 IconSort = (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="M7.408 3.456c.93-.95 2.592-.317 2.592.988v15.123c0 .531-.448.961-1 .961s-1-.43-1-.96V5.655l-4.272 4.36a1.029 1.029 0 01-1.413.042.935.935 0 01-.043-1.358l5.136-5.244zM16.592 20.544c-.93.95-2.592.317-2.592-.988V4.433c0-.531.448-.961 1-.961s1 .43 1 .96v13.912l4.272-4.36a1.029 1.029 0 011.413-.042.935.935 0 01.043 1.358l-5.136 5.244z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconSorting.tsx CHANGED Viewed

@@ -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 IconSorting = (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 21c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1s1 .4 1 1v16c0 .6-.4 1-1 1z"
-        fill={fill}
-      />
-      <Path
-        d="M12 9c-.3 0-.5-.1-.7-.3L8 5.4 4.7 8.7c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l4-4c.4-.4 1-.4 1.4 0l4 4c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM16 21c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1s1 .4 1 1v16c0 .6-.4 1-1 1z"
-        fill={fill}
-      />
-      <Path
-        d="M16 21c-.3 0-.5-.1-.7-.3l-4-4c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.3 3.3 3.3-3.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-4 4c-.2.2-.4.3-.7.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 IconSorting = (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 21c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1s1 .4 1 1v16c0 .6-.4 1-1 1z"
+        fill={fill}
+      />
+      <Path
+        d="M12 9c-.3 0-.5-.1-.7-.3L8 5.4 4.7 8.7c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l4-4c.4-.4 1-.4 1.4 0l4 4c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM16 21c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1s1 .4 1 1v16c0 .6-.4 1-1 1z"
+        fill={fill}
+      />
+      <Path
+        d="M16 21c-.3 0-.5-.1-.7-.3l-4-4c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.3 3.3 3.3-3.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-4 4c-.2.2-.4.3-.7.3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconStarFilled.tsx CHANGED Viewed

@@ -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 IconStarFilled = (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="M13.019 2.774a1.057 1.057 0 00-2.038 0L9.355 8.008a1.077 1.077 0 01-1.019.774H3.073c-1.037 0-1.469 1.388-.63 2.026l4.259 3.235c.375.285.532.79.389 1.252l-1.627 5.234c-.32 1.032.809 1.89 1.648 1.252l4.258-3.235a1.034 1.034 0 011.26 0l4.258 3.235c.839.638 1.968-.22 1.648-1.252l-1.627-5.234a1.149 1.149 0 01.39-1.252l4.258-3.235c.839-.638.407-2.026-.63-2.026h-5.263c-.464 0-.876-.313-1.019-.774l-1.626-5.234z"
-        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 IconStarFilled = (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="M13.019 2.774a1.057 1.057 0 00-2.038 0L9.355 8.008a1.077 1.077 0 01-1.019.774H3.073c-1.037 0-1.469 1.388-.63 2.026l4.259 3.235c.375.285.532.79.389 1.252l-1.627 5.234c-.32 1.032.809 1.89 1.648 1.252l4.258-3.235a1.034 1.034 0 011.26 0l4.258 3.235c.839.638 1.968-.22 1.648-1.252l-1.627-5.234a1.149 1.149 0 01.39-1.252l4.258-3.235c.839-.638.407-2.026-.63-2.026h-5.263c-.464 0-.876-.313-1.019-.774l-1.626-5.234z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconStarOutline.tsx CHANGED Viewed

@@ -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 IconStarOutline = (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.96 3.019a.18.18 0 00-.024.052L10.31 8.305c-.266.856-1.047 1.477-1.974 1.477H3.073a.104.104 0 00-.022.002l-.003.002a.142.142 0 00-.039.066.185.185 0 00-.004.101c.005.017.013.035.044.059l4.258 3.234a2.149 2.149 0 01.739 2.345l-1.627 5.235c-.017.054-.01.084-.005.1a.13.13 0 00.044.059c.013.01.022.013.027.014l.002-.001a.147.147 0 00.02-.013l4.259-3.235a2.033 2.033 0 012.469 0l4.258 3.235.02.013.002.001a.085.085 0 00.027-.014.13.13 0 00.044-.06c.005-.015.012-.045-.005-.1l-1.627-5.233a2.149 2.149 0 01.74-2.346l4.258-3.235c.03-.023.038-.041.043-.058a.185.185 0 00-.004-.1.143.143 0 00-.041-.069h-.003-.002a.103.103 0 00-.018-.002h-5.263c-.927 0-1.708-.621-1.974-1.477L12.064 3.07a.18.18 0 00-.024-.052.044.044 0 00-.01-.011A.052.052 0 0012 3a.052.052 0 00-.03.008.044.044 0 00-.01.01zm-1.934-.542c.613-1.97 3.336-1.97 3.948 0L15.6 7.711c.01.032.026.051.04.06.011.01.02.01.024.01h5.263c1.03 0 1.734.707 1.974 1.478.238.768.063 1.736-.74 2.345l-4.258 3.235a.118.118 0 00-.039.06.167.167 0 000 .099l1.627 5.234a2.127 2.127 0 01-.74 2.345c-.661.503-1.65.622-2.468 0l-4.258-3.235a.054.054 0 00-.016-.008.03.03 0 00-.018 0 .056.056 0 00-.016.008l-4.258 3.235c-.818.622-1.807.503-2.469 0a2.127 2.127 0 01-.739-2.345l1.627-5.234a.167.167 0 000-.099.118.118 0 00-.04-.06L1.84 11.604c-.802-.61-.978-1.577-.74-2.345.24-.771.945-1.477 1.974-1.477h5.263c.005 0 .013-.001.025-.01a.118.118 0 00.039-.06l1.627-5.235z"
-        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 IconStarOutline = (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.96 3.019a.18.18 0 00-.024.052L10.31 8.305c-.266.856-1.047 1.477-1.974 1.477H3.073a.104.104 0 00-.022.002l-.003.002a.142.142 0 00-.039.066.185.185 0 00-.004.101c.005.017.013.035.044.059l4.258 3.234a2.149 2.149 0 01.739 2.345l-1.627 5.235c-.017.054-.01.084-.005.1a.13.13 0 00.044.059c.013.01.022.013.027.014l.002-.001a.147.147 0 00.02-.013l4.259-3.235a2.033 2.033 0 012.469 0l4.258 3.235.02.013.002.001a.085.085 0 00.027-.014.13.13 0 00.044-.06c.005-.015.012-.045-.005-.1l-1.627-5.233a2.149 2.149 0 01.74-2.346l4.258-3.235c.03-.023.038-.041.043-.058a.185.185 0 00-.004-.1.143.143 0 00-.041-.069h-.003-.002a.103.103 0 00-.018-.002h-5.263c-.927 0-1.708-.621-1.974-1.477L12.064 3.07a.18.18 0 00-.024-.052.044.044 0 00-.01-.011A.052.052 0 0012 3a.052.052 0 00-.03.008.044.044 0 00-.01.01zm-1.934-.542c.613-1.97 3.336-1.97 3.948 0L15.6 7.711c.01.032.026.051.04.06.011.01.02.01.024.01h5.263c1.03 0 1.734.707 1.974 1.478.238.768.063 1.736-.74 2.345l-4.258 3.235a.118.118 0 00-.039.06.167.167 0 000 .099l1.627 5.234a2.127 2.127 0 01-.74 2.345c-.661.503-1.65.622-2.468 0l-4.258-3.235a.054.054 0 00-.016-.008.03.03 0 00-.018 0 .056.056 0 00-.016.008l-4.258 3.235c-.818.622-1.807.503-2.469 0a2.127 2.127 0 01-.739-2.345l1.627-5.234a.167.167 0 000-.099.118.118 0 00-.04-.06L1.84 11.604c-.802-.61-.978-1.577-.74-2.345.24-.771.945-1.477 1.974-1.477h5.263c.005 0 .013-.001.025-.01a.118.118 0 00.039-.06l1.627-5.235z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};