@adiraku/react-native-ui 1.0.5 → 1.1.0

package/src/icons/actions/IconShoppingCart.tsx

@@ -22,9 +22,36 @@ export const IconShoppingCart = (props: IconProps) => {
       {...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"
+        d="M9.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM17.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM18.21 15H9.67c-1.45 0-2.69-1.04-2.95-2.46l-1.4-7.71a.996.996 0 00-.98-.82H3.01c-.55 0-1-.45-1-1s.45-1 1-1h1.33c1.45 0 2.69 1.04 2.95 2.46l1.4 7.71c.09.48.5.82.98.82h8.54c.51 0 .94-.38.99-.89l.8-5.05a.95.95 0 00-.25-.73C19.56 6.12 19.29 6 19 6h-9c-.55 0-1-.45-1-1s.45-1 1-1h9c.85 0 1.67.36 2.24 1 .57.64.84 1.49.75 2.33l-.8 5.05c-.16 1.48-1.44 2.62-2.97 2.62h-.01z"
+        fill={fill}
+      />
+      <Path
+        d="M11 11.5c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zM14 11.5c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zM17 11.5c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconShoppingCartFilled = (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.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM17.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM21.24 5c-.57-.63-1.38-1-2.24-1H7.16c-.42-1.18-1.54-2-2.83-2H3c-.55 0-1 .45-1 1s.45 1 1 1h1.33c.48 0 .9.35.98.82l1.4 7.71c.26 1.43 1.5 2.46 2.95 2.46h8.54c1.53 0 2.81-1.15 2.97-2.62l.8-5.05c.09-.85-.18-1.7-.75-2.33l.02.01z"
         fill={fill}
       />
     </Svg>

package/src/icons/actions/IconSmartphone.tsx

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconSmartphone = (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="M16 2H8C6.35 2 5 3.35 5 5v14c0 1.65 1.35 3 3 3h8c1.65 0 3-1.35 3-3V5c0-1.65-1.35-3-3-3zM8 4h1c0 .55.45 1 1 1h4c.55 0 1-.45 1-1h1c.55 0 1 .45 1 1v11H7V5c0-.55.45-1 1-1zm8 16H8c-.55 0-1-.45-1-1v-1h10v1c0 .55-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconSmartphoneFilled = (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="M16 2H8C6.35 2 5 3.35 5 5v14c0 1.65 1.35 3 3 3h8c1.65 0 3-1.35 3-3V5c0-1.65-1.35-3-3-3zm-4 18c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm5-4H7V5c0-.55.45-1 1-1h1c0 .55.45 1 1 1h4c.55 0 1-.45 1-1h1c.55 0 1 .45 1 1v11z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconTrash.tsx

@@ -36,3 +36,34 @@ export const IconTrash = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconTrashFilled = (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="M4.02 6h15.97c.86 0 1.33-.99.78-1.64-.19-.23-.48-.36-.78-.36H4.02c-.3 0-.59.13-.78.36-.55.65-.08 1.64.78 1.64zM8 4l.44-1.32A1 1 0 019.39 2h5.23c.43 0 .81.28.95.68L16.01 4H8z"
+        fill={fill}
+      />
+      <Path
+        d="M6.19 7H17.82c1.17 0 2.09 1.01 1.99 2.18l-.98 11A1.993 1.993 0 0116.84 22H7.17a2 2 0 01-1.99-1.82l-.98-11A2 2 0 016.19 7z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconUser.tsx

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconUser = (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="M12 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM12 22c-3.72 0-8-.38-8-3.36C4 16.08 7.59 14 12 14s8 2.07 8 4.62C20 22 14.19 22 12 22zm0-6c-3.48 0-6 1.58-6 2.64 0 .23.29 1.36 6 1.36s6-1.15 6-1.38c0-1.05-2.52-2.62-6-2.62z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconUserFilled = (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="M12 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zM12 22c-3.72 0-8-.38-8-3.36C4 16.08 7.59 14 12 14s8 2.07 8 4.62C20 22 14.19 22 12 22z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconVideo.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconVideo = (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.5 9c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
+        fill={fill}
+      />
+      <Path
+        d="M21.42 6.09a1 1 0 00-1.06.14L17 9.03V8c0-1.66-1.34-3-3-3H5C3.34 5 2 6.34 2 8v8c0 1.66 1.34 3 3 3h9c1.66 0 3-1.34 3-3v-1.03l3.36 2.8a1.005 1.005 0 001.06.14c.35-.16.58-.52.58-.91V7a1 1 0 00-.58-.91zM15 16c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v8zm5-1.13l-3-2.5v-.73l3-2.5v5.73z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconVideoFilled = (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="M21.42 6.09a.997.997 0 00-1.06.14L17 9.03V8c0-1.66-1.34-3-3-3H5C3.34 5 2 6.34 2 8v8c0 1.66 1.34 3 3 3h9c1.66 0 3-1.34 3-3v-1.03l3.36 2.8a1.005 1.005 0 001.06.14c.35-.16.58-.52.58-.91V7a1 1 0 00-.58-.91zM9.5 14.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/index.ts

@@ -10,6 +10,11 @@ export { IconChevronLeft } from './navigations/IconChevronLeft';
 export { IconClose } from './navigations/IconClose';
 
 export { IconAddMinus } from './actions/IconAddMinus';
+export { IconMinus, IconMinusFilled } from './actions/IconMinus';
+export { IconRoundClose, IconRoundCloseFilled } from './actions/IconRoundClose';
+export { IconRoundAdd, IconRoundAddFilled } from './actions/IconRoundAdd';
+export { IconJualMobil, IconJualMobilFilled } from './actions/IconJualMobil';
+export { IconDot, IconDotFilled } from './actions/IconDot';
 export { IconAddPlus } from './actions/IconAddPlus';
 export { IconAddRemove } from './actions/IconAddRemove';
 export { IconHeartEmpty } from './actions/IconHeartEmpty';
@@ -19,31 +24,46 @@ export { IconPicture } from './actions/IconPicture';
 export { IconPictureAdd } from './actions/IconPictureAdd';
 export { IconStarFilled } from './actions/IconStarFilled';
 export { IconStarOutline } from './actions/IconStarOutline';
-export { IconShoppingCart } from './actions/IconShoppingCart';
+export {
+  IconShoppingCart,
+  IconShoppingCartFilled,
+} from './actions/IconShoppingCart';
 export { IconSort } from './actions/IconSort';
 export { IconSearch } from './actions/IconSearch';
-export { IconTrash } from './actions/IconTrash';
-export { IconShare } from './actions/IconShare';
-export { IconSetting } from './actions/IconSetting';
-export { IconChat } from './actions/IconChat';
-export { IconCamera } from './actions/IconCamera';
-export { IconHelp } from './actions/IconHelp';
-export { IconInfo } from './actions/IconInfo';
+export { IconTrash, IconTrashFilled } from './actions/IconTrash';
+export { IconShare, IconShareFilled } from './actions/IconShare';
+export { IconSetting, IconSettingFilled } from './actions/IconSetting';
+export { IconChat, IconChatFilled } from './actions/IconChat';
+export { IconCamera, IconCameraFilled } from './actions/IconCamera';
+export { IconHelp, IconHelpFilled } from './actions/IconHelp';
+export { IconInfo, IconInfoFilled } from './actions/IconInfo';
+export { IconUser, IconUserFilled } from './actions/IconUser';
 export { IconPerson } from './actions/IconPerson';
-export { IconNotification } from './actions/IconNotification';
+export {
+  IconNotification,
+  IconNotificationFilled,
+} from './actions/IconNotification';
 export { IconUpload } from './actions/IconUpload';
 export { IconDownload } from './actions/IconDownload';
-export { IconCopy } from './actions/IconCopy';
-export { IconLike } from './actions/IconLike';
-export { IconEdit } from './actions/IconEdit';
-export { IconFilter } from './actions/IconFilter';
+export { IconCopy, IconCopyFilled } from './actions/IconCopy';
+export { IconLike, IconLikeFilled } from './actions/IconLike';
+export { IconVideo, IconVideoFilled } from './actions/IconVideo';
+export { IconSmartphone, IconSmartphoneFilled } from './actions/IconSmartphone';
+export {
+  IconShoppingBag,
+  IconShoppingBagFilled,
+} from './actions/IconShoppingBag';
+export { IconEdit, IconEditFilled } from './actions/IconEdit';
+export { IconGallery, IconGalleryFilled } from './actions/IconGallery';
+export { IconBeliMobil, IconBeliMobilFilled } from './actions/IconBeliMobil';
+export { IconFilter, IconFilterFilled } from './actions/IconFilter';
 export { IconCustomerService } from './actions/IconCustomerService';
 export { IconAttach } from './actions/IconAttach';
 export { IconSeeShow } from './actions/IconSeeShow';
 export { IconSeeHide } from './actions/IconSeeHide';
 export { IconReload } from './actions/IconReload';
-export { IconOther } from './actions/IconOther';
-export { IconEmail } from './actions/IconEmail';
+export { IconOther, IconOtherFilled } from './actions/IconOther';
+export { IconEmail, IconEmailFilled } from './actions/IconEmail';
 export { IconSorting } from './actions/IconSorting';
 export { IconHamburger } from './actions/IconHamburger';
 

package/src/icons/vehicles/IconMinus.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconMinus = (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>
+  );
+};
+
+export const IconMinusFilled = (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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4 11H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};