@transferwise/icons 3.16.0 → 3.17.0

package/build/components/upward-graph.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface UpwardGraphIconProps {
   role?: React.AriaRole;
 }
 
-export const UpwardGraph: React.FunctionComponent<UpwardGraphIconProps> = ({
-  className = undefined,
+export const UpwardGraph: React.FunctionComponent<UpwardGraphIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<UpwardGraph filled /> is now deprecated, please use <UpwardGraphFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<UpwardGraph filled /> is now deprecated, please use <UpwardGraphFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const UpwardGraph: React.FunctionComponent<UpwardGraphIconProps> = ({
       className={`tw-icon tw-icon-upward-graph ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'upward-graph-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M21.392 6.964A.964.964 0 0 0 20.427 6h-5.035v1.714h3.074l-6.503 6.503-2.82-2.82a.86.86 0 0 0-1.217 0L2.57 16.753l1.213 1.212 4.75-4.751 2.82 2.82a.86.86 0 0 0 1.218 0l7.105-7.106V12h1.715z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M21.392 6.964A.964.964 0 0 0 20.427 6h-5.035v1.714h3.074l-6.503 6.503-2.82-2.82a.86.86 0 0 0-1.217 0L2.57 16.753l1.213 1.212 4.75-4.751 2.82 2.82a.86.86 0 0 0 1.218 0l7.105-7.106V12h1.715z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/venmo.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface VenmoIconProps {
   role?: React.AriaRole;
 }
 
-export const Venmo: React.FunctionComponent<VenmoIconProps> = ({
-  className = undefined,
+export const Venmo: React.FunctionComponent<VenmoIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Venmo filled /> is now deprecated, please use <VenmoFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Venmo filled /> is now deprecated, please use <VenmoFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Venmo: React.FunctionComponent<VenmoIconProps> = ({
       className={`tw-icon tw-icon-venmo ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'venmo-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M4.146 1.714h15.708a2.43 2.43 0 0 1 2.432 2.432v15.708a2.43 2.43 0 0 1-2.432 2.432H4.146a2.43 2.43 0 0 1-2.432-2.432V4.146a2.43 2.43 0 0 1 2.432-2.432m13.565 6.618c0-.95-.199-1.702-.641-2.432l-3.817.775c.243.509.399 1.126.399 2.034 0 1.656-1.174 4.088-2.122 5.636l-1.021-8.18-4.198.4L8.233 18.06h4.792c2.1-2.763 4.686-6.698 4.686-9.728"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M4.146 1.714h15.708a2.43 2.43 0 0 1 2.432 2.432v15.708a2.43 2.43 0 0 1-2.432 2.432H4.146a2.43 2.43 0 0 1-2.432-2.432V4.146a2.43 2.43 0 0 1 2.432-2.432m13.565 6.618c0-.95-.199-1.702-.641-2.432l-3.817.775c.243.509.399 1.126.399 2.034 0 1.656-1.174 4.088-2.122 5.636l-1.021-8.18-4.198.4L8.233 18.06h4.792c2.1-2.763 4.686-6.698 4.686-9.728" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/verified.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface VerifiedIconProps {
   role?: React.AriaRole;
 }
 
-export const Verified: React.FunctionComponent<VerifiedIconProps> = ({
-  className = undefined,
+export const Verified: React.FunctionComponent<VerifiedIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Verified filled /> is now deprecated, please use <VerifiedFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Verified filled /> is now deprecated, please use <VerifiedFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Verified: React.FunctionComponent<VerifiedIconProps> = ({
       className={`tw-icon tw-icon-verified ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'verified-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path d="M20.143 6.427 9.557 16.97 4.2 11.57 3 12.77l5.957 6a.85.85 0 0 0 .6.257.85.85 0 0 0 .6-.257L21.343 7.627z" />
+            <path d="M20.143 6.427 9.557 16.97 4.2 11.57 3 12.77l5.957 6a.85.85 0 0 0 .6.257.85.85 0 0 0 .6-.257L21.343 7.627z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/wallet.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface WalletIconProps {
   role?: React.AriaRole;
 }
 
-export const Wallet: React.FunctionComponent<WalletIconProps> = ({
-  className = undefined,
+export const Wallet: React.FunctionComponent<WalletIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Wallet filled /> is now deprecated, please use <WalletFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Wallet filled /> is now deprecated, please use <WalletFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Wallet: React.FunctionComponent<WalletIconProps> = ({
       className={`tw-icon tw-icon-wallet ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'wallet-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M4.952 2.572a3.24 3.24 0 0 0-3.231 3.441h-.007v12.496a2.92 2.92 0 0 0 2.92 2.92h16.79a.86.86 0 0 0 .862-.863V8.196a.86.86 0 0 0-.863-.863H18.35v-3.9a.86.86 0 0 0-.863-.861zM3.43 18.509V8.667c.454.243.973.38 1.523.38h15.62v10.667H4.634c-.666 0-1.205-.54-1.205-1.205M4.952 4.286h11.682v3.047H4.952a1.524 1.524 0 1 1 0-3.047m11.762 11.143a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M4.952 2.572a3.24 3.24 0 0 0-3.231 3.441h-.007v12.496a2.92 2.92 0 0 0 2.92 2.92h16.79a.86.86 0 0 0 .862-.863V8.196a.86.86 0 0 0-.863-.863H18.35v-3.9a.86.86 0 0 0-.863-.861zM3.43 18.509V8.667c.454.243.973.38 1.523.38h15.62v10.667H4.634c-.666 0-1.205-.54-1.205-1.205M4.952 4.286h11.682v3.047H4.952a1.524 1.524 0 1 1 0-3.047m11.762 11.143a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/warning.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface WarningIconProps {
   role?: React.AriaRole;
 }
 
-export const Warning: React.FunctionComponent<WarningIconProps> = ({
-  className = undefined,
+export const Warning: React.FunctionComponent<WarningIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Warning filled /> is now deprecated, please use <WarningFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Warning filled /> is now deprecated, please use <WarningFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Warning: React.FunctionComponent<WarningIconProps> = ({
       className={`tw-icon tw-icon-warning ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'warning-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M23.015 20.35 12.729 2.778c-.171-.257-.429-.428-.729-.428s-.6.171-.728.428L.986 20.35a.78.78 0 0 0 0 .857c.171.257.429.428.729.428h20.571c.3 0 .6-.171.729-.428a.78.78 0 0 0 0-.857m-19.8-.429 8.785-15 8.786 15zm9.642-10.71h-1.714v5.143h1.714zm.43 8.141a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.571 0"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M23.015 20.35 12.729 2.778c-.171-.257-.429-.428-.729-.428s-.6.171-.728.428L.986 20.35a.78.78 0 0 0 0 .857c.171.257.429.428.729.428h20.571c.3 0 .6-.171.729-.428a.78.78 0 0 0 0-.857m-19.8-.429 8.785-15 8.786 15zm9.642-10.71h-1.714v5.143h1.714zm.43 8.141a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.571 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/water.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface WaterIconProps {
   role?: React.AriaRole;
 }
 
-export const Water: React.FunctionComponent<WaterIconProps> = ({
-  className = undefined,
+export const Water: React.FunctionComponent<WaterIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Water filled /> is now deprecated, please use <WaterFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Water filled /> is now deprecated, please use <WaterFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Water: React.FunctionComponent<WaterIconProps> = ({
       className={`tw-icon tw-icon-water ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'water-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M12.761 2.177a.862.862 0 0 0-1.523 0l-5.273 9.921c-2.441 4.594.84 10.187 6.035 10.187 5.194 0 8.476-5.593 6.034-10.187zM7.48 12.903 12 4.397l4.521 8.506c1.85 3.48-.651 7.668-4.52 7.668-3.87 0-6.37-4.188-4.521-7.668m4.95 4.24c-1.461 0-2.569-1.114-2.569-2.572H8.146c0 2.4 1.87 4.286 4.282 4.286z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12.761 2.177a.862.862 0 0 0-1.523 0l-5.273 9.921c-2.441 4.594.84 10.187 6.035 10.187 5.194 0 8.476-5.593 6.034-10.187zM7.48 12.903 12 4.397l4.521 8.506c1.85 3.48-.651 7.668-4.52 7.668-3.87 0-6.37-4.188-4.521-7.668m4.95 4.24c-1.461 0-2.569-1.114-2.569-2.572H8.146c0 2.4 1.87 4.286 4.282 4.286z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/whatsapp.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface WhatsappIconProps {
   role?: React.AriaRole;
 }
 
-export const Whatsapp: React.FunctionComponent<WhatsappIconProps> = ({
-  className = undefined,
+export const Whatsapp: React.FunctionComponent<WhatsappIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Whatsapp filled /> is now deprecated, please use <WhatsappFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Whatsapp filled /> is now deprecated, please use <WhatsappFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Whatsapp: React.FunctionComponent<WhatsappIconProps> = ({
       className={`tw-icon tw-icon-whatsapp ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'whatsapp-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M19.2 4.715c-1.929-1.929-4.5-3-7.2-3-5.614 0-10.2 4.586-10.2 10.2 0 1.8.471 3.557 1.371 5.1l-1.457 5.271 5.4-1.414A10.2 10.2 0 0 0 12 22.115c5.614 0 10.2-4.586 10.2-10.2 0-2.743-1.072-5.272-3-7.2M12 20.4c-1.543 0-3-.429-4.329-1.2l-.3-.172-3.214.857.857-3.128-.214-.3c-.857-1.329-1.286-2.915-1.286-4.5 0-4.672 3.815-8.486 8.486-8.486 2.271 0 4.371.9 6 2.486a8.46 8.46 0 0 1 2.486 6c0 4.628-3.815 8.443-8.486 8.443m4.628-6.343c-.257-.129-1.5-.729-1.757-.815-.214-.085-.385-.128-.557.129a10 10 0 0 1-.814.986c-.129.171-.3.171-.557.043-.257-.129-1.072-.386-2.057-1.243-.772-.686-1.286-1.5-1.415-1.757-.128-.258 0-.386.129-.515.129-.128.257-.3.386-.428.128-.129.171-.257.257-.429s.043-.3 0-.428c-.043-.129-.557-1.372-.772-1.886s-.428-.429-.557-.429h-.471a.94.94 0 0 0-.686.3c-.214.257-.9.857-.9 2.143 0 1.243.9 2.486 1.029 2.614.128.172 1.8 2.743 4.371 3.858.6.257 1.072.428 1.457.557.6.214 1.157.171 1.586.085.471-.085 1.5-.6 1.714-1.2.215-.6.215-1.114.129-1.2-.086-.214-.257-.257-.515-.385"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M19.2 4.715c-1.929-1.929-4.5-3-7.2-3-5.614 0-10.2 4.586-10.2 10.2 0 1.8.471 3.557 1.371 5.1l-1.457 5.271 5.4-1.414A10.2 10.2 0 0 0 12 22.115c5.614 0 10.2-4.586 10.2-10.2 0-2.743-1.072-5.272-3-7.2M12 20.4c-1.543 0-3-.429-4.329-1.2l-.3-.172-3.214.857.857-3.128-.214-.3c-.857-1.329-1.286-2.915-1.286-4.5 0-4.672 3.815-8.486 8.486-8.486 2.271 0 4.371.9 6 2.486a8.46 8.46 0 0 1 2.486 6c0 4.628-3.815 8.443-8.486 8.443m4.628-6.343c-.257-.129-1.5-.729-1.757-.815-.214-.085-.385-.128-.557.129a10 10 0 0 1-.814.986c-.129.171-.3.171-.557.043-.257-.129-1.072-.386-2.057-1.243-.772-.686-1.286-1.5-1.415-1.757-.128-.258 0-.386.129-.515.129-.128.257-.3.386-.428.128-.129.171-.257.257-.429s.043-.3 0-.428c-.043-.129-.557-1.372-.772-1.886s-.428-.429-.557-.429h-.471a.94.94 0 0 0-.686.3c-.214.257-.9.857-.9 2.143 0 1.243.9 2.486 1.029 2.614.128.172 1.8 2.743 4.371 3.858.6.257 1.072.428 1.457.557.6.214 1.157.171 1.586.085.471-.085 1.5-.6 1.714-1.2.215-.6.215-1.114.129-1.2-.086-.214-.257-.257-.515-.385" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/withdrawal.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface WithdrawalIconProps {
   role?: React.AriaRole;
 }
 
-export const Withdrawal: React.FunctionComponent<WithdrawalIconProps> = ({
-  className = undefined,
+export const Withdrawal: React.FunctionComponent<WithdrawalIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Withdrawal filled /> is now deprecated, please use <WithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Withdrawal filled /> is now deprecated, please use <WithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Withdrawal: React.FunctionComponent<WithdrawalIconProps> = ({
       className={`tw-icon tw-icon-withdrawal ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'withdrawal-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M12.6 17.742a.85.85 0 0 1-.6.257.85.85 0 0 1-.6-.258l-6-6 1.2-1.2 4.543 4.543V1.713h1.714v13.371l4.543-4.542 1.2 1.2zM1.714 20.568h20.572v1.715H1.714z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12.6 17.742a.85.85 0 0 1-.6.257.85.85 0 0 1-.6-.258l-6-6 1.2-1.2 4.543 4.543V1.713h1.714v13.371l4.543-4.542 1.2 1.2zM1.714 20.568h20.572v1.715H1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/index.ts

@@ -290,4 +290,4 @@ export * from './components/warning';
 export * from './components/water';
 export * from './components/whatsapp';
 export * from './components/withdrawal';
-export * from './components/owners-withdrawal';
+export * from './components/owners-withdrawal';

package/build/types.ts

@@ -1,2 +1,2 @@
 // This is an automatically generated file, please don't edit it
-export type IconSize = '16' | '24' | '32' | 16 | 24 | 32;
+export type IconSize = "16" | "24" | "32" | 16 | 24 | 32;

package/lib/angular/components/ach-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ach-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/ach-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB;;;;;CAiB5B,CAAC"}
+{"version":3,"file":"ach-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/ach-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;CAiB5B,CAAA"}

package/lib/angular/components/activity-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/activity-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,qBAAqB;;;;;CAiBjC,CAAC"}
+{"version":3,"file":"activity-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/activity-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;CAiBjC,CAAA"}

package/lib/angular/components/alert-circle-fill-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-circle-fill-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alert-circle-fill-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,4BAA4B;;;;;CAiBxC,CAAC"}
+{"version":3,"file":"alert-circle-fill-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alert-circle-fill-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;CAiBxC,CAAA"}

package/lib/angular/components/alert-circle-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-circle-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alert-circle-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,wBAAwB;;;;;CAiBpC,CAAC"}
+{"version":3,"file":"alert-circle-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alert-circle-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;;;CAiBpC,CAAA"}

package/lib/angular/components/alert-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alert-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;;CAiB9B,CAAC"}
+{"version":3,"file":"alert-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alert-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;;CAiB9B,CAAA"}

package/lib/angular/components/alipay-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alipay-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alipay-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;CAiB/B,CAAC"}
+{"version":3,"file":"alipay-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alipay-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;CAiB/B,CAAA"}

package/lib/angular/components/arrow-diagonal-down-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-diagonal-down-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-diagonal-down-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,8BAA8B;;;;;CAiB1C,CAAC"}
+{"version":3,"file":"arrow-diagonal-down-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-diagonal-down-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B;;;;;CAiB1C,CAAA"}

package/lib/angular/components/arrow-diagonal-up-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-diagonal-up-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-diagonal-up-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,4BAA4B;;;;;CAiBxC,CAAC"}
+{"version":3,"file":"arrow-diagonal-up-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-diagonal-up-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;CAiBxC,CAAA"}

package/lib/angular/components/arrow-down-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-down-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-down-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB;;;;;CAiBlC,CAAC"}
+{"version":3,"file":"arrow-down-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-down-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;;;CAiBlC,CAAA"}

package/lib/angular/components/arrow-left-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-left-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-left-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB;;;;;CAiBlC,CAAC"}
+{"version":3,"file":"arrow-left-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-left-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;;;CAiBlC,CAAA"}

package/lib/angular/components/arrow-right-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-right-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-right-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,uBAAuB;;;;;CAiBnC,CAAC"}
+{"version":3,"file":"arrow-right-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-right-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB;;;;;CAiBnC,CAAA"}

package/lib/angular/components/arrow-up-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-up-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-up-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,oBAAoB;;;;;CAiBhC,CAAC"}
+{"version":3,"file":"arrow-up-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/arrow-up-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;CAiBhC,CAAA"}

package/lib/angular/components/atm-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"atm-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/atm-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB;;;;;CAiB5B,CAAC"}
+{"version":3,"file":"atm-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/atm-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;CAiB5B,CAAA"}

package/lib/angular/components/auto-convert-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auto-convert-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/auto-convert-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,wBAAwB;;;;;CAiBpC,CAAC"}
+{"version":3,"file":"auto-convert-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/auto-convert-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;;;CAiBpC,CAAA"}

package/lib/angular/components/balance-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"balance-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/balance-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,oBAAoB;;;;;CAiBhC,CAAC"}
+{"version":3,"file":"balance-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/balance-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;CAiBhC,CAAA"}

package/lib/angular/components/bank-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bank-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bank-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;CAiB7B,CAAC"}
+{"version":3,"file":"bank-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bank-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;CAiB7B,CAAA"}

package/lib/angular/components/bank-strikethrough-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bank-strikethrough-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bank-strikethrough-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,8BAA8B;;;;;CAiB1C,CAAC"}
+{"version":3,"file":"bank-strikethrough-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bank-strikethrough-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B;;;;;CAiB1C,CAAA"}

package/lib/angular/components/bank-transfer-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bank-transfer-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bank-transfer-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,yBAAyB;;;;;CAiBrC,CAAC"}
+{"version":3,"file":"bank-transfer-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bank-transfer-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB;;;;;CAiBrC,CAAA"}

package/lib/angular/components/bar-chart-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-chart-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bar-chart-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,qBAAqB;;;;;CAiBjC,CAAC"}
+{"version":3,"file":"bar-chart-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/bar-chart-icon.component.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;CAiBjC,CAAA"}