@bm-fe/icons 0.2.0-beta.0 → 0.2.0-beta.2

package/react/dist/index.ts

@@ -18,6 +18,7 @@ export { ARS, type ARSProps } from './ARS';
 export { AUD, type AUDProps } from './AUD';
 export { Avatar, type AvatarProps } from './Avatar';
 export { AZN, type AZNProps } from './AZN';
+export { Back, type BackProps } from './Back';
 export { BDT, type BDTProps } from './BDT';
 export { Beacon, type BeaconProps } from './Beacon';
 export { BitmartCard, type BitmartCardProps } from './BitmartCard';
@@ -56,6 +57,9 @@ export { DZD, type DZDProps } from './DZD';
 export { EarnOverview, type EarnOverviewProps } from './EarnOverview';
 export { Edit, type EditProps } from './Edit';
 export { EGP, type EGPProps } from './EGP';
+export { EmptyIllustration, type EmptyIllustrationProps } from './EmptyIllustration';
+export { Envelope, type EnvelopeProps } from './Envelope';
+export { ErrorIllustration, type ErrorIllustrationProps } from './ErrorIllustration';
 export { EUR, type EURProps } from './EUR';
 export { EventsCenter, type EventsCenterProps } from './EventsCenter';
 export { Exchange, type ExchangeProps } from './Exchange';
@@ -102,6 +106,7 @@ export { MAD, type MADProps } from './MAD';
 export { ManualBackup, type ManualBackupProps } from './ManualBackup';
 export { Margin, type MarginProps } from './Margin';
 export { Markets, type MarketsProps } from './Markets';
+export { MarkRead, type MarkReadProps } from './MarkRead';
 export { Medium, type MediumProps } from './Medium';
 export { Message, type MessageProps } from './Message';
 export { Metamask, type MetamaskProps } from './Metamask';

package/svg/product/back.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path
+    d="M15 19l-7-7 7-7"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>

package/svg/product/empty-illustration.svg

@@ -0,0 +1,25 @@
+<svg
+  width="96"
+  height="96"
+  viewBox="0 0 96 96"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M90.0001 15.3047H17.5107V67.8816H90.0001V15.3047Z" fill="var(--notification-empty-icon, #B8B8B8)" />
+  <path
+    d="M47.3775 42.7603H81.4463L90 15.3047H17.5106L6 52.2497H44.4206L47.3775 42.7603Z"
+    fill="var(--notification-empty-bg, #D8D8D8)"
+  />
+  <path
+    d="M64.6594 81.5597C72.2116 81.5597 78.3338 75.4375 78.3338 67.8853C78.3338 60.3332 72.2116 54.2109 64.6594 54.2109C57.1073 54.2109 50.985 60.3332 50.985 67.8853C50.985 75.4375 57.1073 81.5597 64.6594 81.5597Z"
+    fill="var(--notification-bg, #FFFFFF)"
+  />
+  <path
+    d="M37.1363 88.3651C40.8942 88.3651 43.9407 85.3187 43.9407 81.5607C43.9407 77.8028 40.8942 74.7563 37.1363 74.7563C33.3783 74.7563 30.3319 77.8028 30.3319 81.5607C30.3319 85.3187 33.3783 88.3651 37.1363 88.3651Z"
+    fill="var(--notification-empty-bg, #D8D8D8)"
+  />
+  <path
+    d="M64.6594 81.5587C72.2119 81.5587 78.3338 75.4368 78.3338 67.8843H50.985C50.985 75.4368 57.1069 81.5587 64.6594 81.5587Z"
+    fill="var(--notification-empty-bg, #D8D8D8)"
+  />
+</svg>

package/svg/product/envelope.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path
+    d="M18.3333 5.83331L10.8408 10.6058C10.5865 10.7535 10.2977 10.8313 10.0037 10.8313C9.70968 10.8313 9.42088 10.7535 9.16663 10.6058L1.66663 5.83331"
+    stroke="currentColor"
+    stroke-width="1.2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M16.6666 3.33331H3.33329C2.41282 3.33331 1.66663 4.07951 1.66663 4.99998V15C1.66663 15.9205 2.41282 16.6666 3.33329 16.6666H16.6666C17.5871 16.6666 18.3333 15.9205 18.3333 15V4.99998C18.3333 4.07951 17.5871 3.33331 16.6666 3.33331Z"
+    stroke="currentColor"
+    stroke-width="1.2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>

package/svg/product/error-illustration.svg

@@ -0,0 +1,21 @@
+<svg width="96" height="96" viewBox="-5 -14.5 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M68.4911 32.0384C58.8375 32.0384 51.0103 39.8637 51.0103 49.5192C51.0103 59.1746 58.8356 67 68.4911 67C78.1465 67 85.9719 59.1746 85.9719 49.5192C85.9719 39.8637 78.1465 32.0384 68.4911 32.0384ZM70.9488 60.5693H66.0315V55.6521H70.9488V60.5693ZM70.9488 51.632H66.0315V37.9734H70.9488V51.632Z"
+    fill="var(--notification-empty-icon, #B8B8B8)"
+  />
+  <path
+    d="M42.5853 0.00188513C26.682 0.00188513 11.6759 5.82757 0 16.4668L9.4632 26.8762C18.5457 18.6022 30.2178 14.0695 42.5853 14.0695C54.9529 14.0695 66.6269 18.6003 75.7075 26.8743L85.1707 16.465C73.4948 5.82568 58.4868 0 42.5853 0V0.00188513Z"
+    fill="var(--notification-empty-icon, #B8B8B8)"
+    fill-opacity="0.7"
+  />
+  <path
+    d="M61.3342 28.0749C46.7822 20.3418 28.4137 22.2416 15.7389 33.778L25.2021 44.1874C31.7874 38.1939 40.7436 36.2169 48.8931 38.2543C51.6316 33.501 56.0494 29.839 61.3361 28.0749H61.3342Z"
+    fill="var(--notification-empty-icon, #B8B8B8)"
+    fill-opacity="0.7"
+  />
+  <path
+    d="M45.8909 49.638C41.4901 48.5788 36.6784 49.6644 33.1238 52.9023L42.587 63.3117L47.4986 57.9082C46.4752 55.3487 45.906 52.5593 45.8909 49.638Z"
+    fill="var(--notification-empty-icon, #B8B8B8)"
+    fill-opacity="0.7"
+  />
+</svg>

package/svg/product/mark-read.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path
+    d="M13 6H19.6025L19.7373 6.8418L21.9873 20.8418L22.1738 22H1.82617L2.0127 20.8418L4.2627 6.8418L4.39746 6H11V2H13V6ZM4.17383 20H19.8262L18.7012 13H5.29883L4.17383 20ZM5.61914 11H18.3809L17.8984 8H6.10156L5.61914 11Z"
+    fill="currentColor"
+  />
+</svg>

package/react/dist/MobileRechard.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
-
-export interface MobileRechardProps extends Omit<IconBaseProps, 'children'> {}
-
-export const MobileRechard: React.FC<MobileRechardProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-        <path d="M18 12H16V4H6V20H14V22H4V2H18V12ZM20.707 17.293L19.293 18.707L18 17.4141V22H16V17.4141L14.707 18.707L13.293 17.293L17 13.5859L20.707 17.293ZM14 8H8V6H14V8Z" fill="currentColor"/>
-      </svg>
-    </IconBase>
-  );
-};
-
-MobileRechard.displayName = 'MobileRechard';

package/react/dist/Smart wallet.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
-
-export interface Smart walletProps extends Omit<IconBaseProps, 'children'> {}
-
-export const Smart wallet: React.FC<Smart walletProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M13 6H19V19H5V6H11V3H13V6ZM4 16H2V9H4V16ZM22 16H20V9H22V16ZM8 14H10V11H8V14ZM14 14H16V11H14V14Z" fill="currentColor"/>
-      </svg>
-    </IconBase>
-  );
-};
-
-Smart wallet.displayName = 'Smart wallet';