@transferwise/icons 3.16.0 → 3.18.0

package/build/components/menu.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 MenuIconProps {
   role?: React.AriaRole;
 }
 
-export const Menu: React.FunctionComponent<MenuIconProps> = ({
-  className = undefined,
+export const Menu: React.FunctionComponent<MenuIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Menu filled /> is now deprecated, please use <MenuFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Menu filled /> is now deprecated, please use <MenuFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Menu: React.FunctionComponent<MenuIconProps> = ({
       className={`tw-icon tw-icon-menu ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'menu-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.714 6.004H4.286v1.714h15.428zm0 5.144H4.286v1.715h15.428zM4.286 16.29h15.428v1.715H4.286z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M19.714 6.004H4.286v1.714h15.428zm0 5.144H4.286v1.715h15.428zM4.286 16.29h15.428v1.715H4.286z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/messenger.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 MessengerIconProps {
   role?: React.AriaRole;
 }
 
-export const Messenger: React.FunctionComponent<MessengerIconProps> = ({
-  className = undefined,
+export const Messenger: React.FunctionComponent<MessengerIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Messenger filled /> is now deprecated, please use <MessengerFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Messenger filled /> is now deprecated, please use <MessengerFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Messenger: React.FunctionComponent<MessengerIconProps> = ({
       className={`tw-icon tw-icon-messenger ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'messenger-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="M11.871 1.713c-5.614 0-10.157 4.286-10.157 9.6 0 2.957 1.415 5.614 3.686 7.371v3.6l3.471-1.8c.943.3 1.972.429 3 .429 5.615 0 10.158-4.286 10.158-9.6s-4.543-9.6-10.158-9.6m1.072 12.943-2.657-2.829-5.143 2.743 5.528-5.871 2.658 2.657 5.142-2.743z" />
+            <path d="M11.871 1.713c-5.614 0-10.157 4.286-10.157 9.6 0 2.957 1.415 5.614 3.686 7.371v3.6l3.471-1.8c.943.3 1.972.429 3 .429 5.615 0 10.158-4.286 10.158-9.6s-4.543-9.6-10.158-9.6m1.072 12.943-2.657-2.829-5.143 2.743 5.528-5.871 2.658 2.657 5.142-2.743z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/minus-circle-fill.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 MinusCircleFillIconProps {
   role?: React.AriaRole;
 }
 
-export const MinusCircleFill: React.FunctionComponent<MinusCircleFillIconProps> = ({
-  className = undefined,
+export const MinusCircleFill: React.FunctionComponent<MinusCircleFillIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<MinusCircleFill filled /> is now deprecated, please use <MinusCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<MinusCircleFill filled /> is now deprecated, please use <MinusCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const MinusCircleFill: React.FunctionComponent<MinusCircleFillIconProps>
       className={`tw-icon tw-icon-minus-circle-fill ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'minus-circle-fill-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 22.286c5.68 0 10.286-4.605 10.286-10.286S17.68 1.714 12 1.714 1.714 6.32 1.714 12 6.32 22.286 12 22.286m6-9.429v-1.714H6v1.714z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12 22.286c5.68 0 10.286-4.605 10.286-10.286S17.68 1.714 12 1.714 1.714 6.32 1.714 12 6.32 22.286 12 22.286m6-9.429v-1.714H6v1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/minus-circle.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 MinusCircleIconProps {
   role?: React.AriaRole;
 }
 
-export const MinusCircle: React.FunctionComponent<MinusCircleIconProps> = ({
-  className = undefined,
+export const MinusCircle: React.FunctionComponent<MinusCircleIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<MinusCircle filled /> is now deprecated, please use <MinusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<MinusCircle filled /> is now deprecated, please use <MinusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const MinusCircle: React.FunctionComponent<MinusCircleIconProps> = ({
       className={`tw-icon tw-icon-minus-circle ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'minus-circle-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="M1.714 11.999C1.714 6.34 6.343 1.713 12 1.713S22.286 6.34 22.286 11.999 17.657 22.284 12 22.284 1.714 17.656 1.714 12m1.715 0c0 4.714 3.857 8.571 8.571 8.571s8.572-3.857 8.572-8.571c0-4.715-3.858-8.572-8.572-8.572S3.43 7.284 3.43 12M6 11.14h12v1.714H6z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M1.714 11.999C1.714 6.34 6.343 1.713 12 1.713S22.286 6.34 22.286 11.999 17.657 22.284 12 22.284 1.714 17.656 1.714 12m1.715 0c0 4.714 3.857 8.571 8.571 8.571s8.572-3.857 8.572-8.571c0-4.715-3.858-8.572-8.572-8.572S3.43 7.284 3.43 12M6 11.14h12v1.714H6z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/minus.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 MinusIconProps {
   role?: React.AriaRole;
 }
 
-export const Minus: React.FunctionComponent<MinusIconProps> = ({
-  className = undefined,
+export const Minus: React.FunctionComponent<MinusIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Minus filled /> is now deprecated, please use <MinusFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Minus filled /> is now deprecated, please use <MinusFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Minus: React.FunctionComponent<MinusIconProps> = ({
       className={`tw-icon tw-icon-minus ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'minus-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="M19.714 11.143H4.286v1.714h15.428z" />
+            <path d="M19.714 11.143H4.286v1.714h15.428z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/mobile-lock.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 MobileLockIconProps {
   role?: React.AriaRole;
 }
 
-export const MobileLock: React.FunctionComponent<MobileLockIconProps> = ({
-  className = undefined,
+export const MobileLock: React.FunctionComponent<MobileLockIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<MobileLock filled /> is now deprecated, please use <MobileLockFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<MobileLock filled /> is now deprecated, please use <MobileLockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const MobileLock: React.FunctionComponent<MobileLockIconProps> = ({
       className={`tw-icon tw-icon-mobile-lock ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'mobile-lock-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="M9 4.284a2.57 2.57 0 0 1 2.571-2.571h6.858A2.57 2.57 0 0 1 21 4.284v15.429a2.57 2.57 0 0 1-2.571 2.571h-6.764l-.094.002h-6A2.57 2.57 0 0 1 3 19.715v-6.853c0-.476.386-.862.861-.862h1.282v-1.285A3.43 3.43 0 0 1 9 7.313zm1.714 3.754q.147.119.282.252A3.43 3.43 0 0 1 12 10.715V12h1.281c.476 0 .862.386.862.862v6.853c0 .3-.052.587-.146.855h4.432a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857zm.911 12.532a.857.857 0 0 0 .804-.855v-6H4.714v6c0 .473.384.857.857.857h5.143v-.002zM7.36 9.502a1.714 1.714 0 0 1 2.927 1.213V12H6.857v-1.285c0-.455.18-.891.502-1.213m.355 6.355H9.43v2.572H7.714z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9 4.284a2.57 2.57 0 0 1 2.571-2.571h6.858A2.57 2.57 0 0 1 21 4.284v15.429a2.57 2.57 0 0 1-2.571 2.571h-6.764l-.094.002h-6A2.57 2.57 0 0 1 3 19.715v-6.853c0-.476.386-.862.861-.862h1.282v-1.285A3.43 3.43 0 0 1 9 7.313zm1.714 3.754q.147.119.282.252A3.43 3.43 0 0 1 12 10.715V12h1.281c.476 0 .862.386.862.862v6.853c0 .3-.052.587-.146.855h4.432a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857zm.911 12.532a.857.857 0 0 0 .804-.855v-6H4.714v6c0 .473.384.857.857.857h5.143v-.002zM7.36 9.502a1.714 1.714 0 0 1 2.927 1.213V12H6.857v-1.285c0-.455.18-.891.502-1.213m.355 6.355H9.43v2.572H7.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/mobile.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 MobileIconProps {
   role?: React.AriaRole;
 }
 
-export const Mobile: React.FunctionComponent<MobileIconProps> = ({
-  className = undefined,
+export const Mobile: React.FunctionComponent<MobileIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Mobile filled /> is now deprecated, please use <MobileFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Mobile filled /> is now deprecated, please use <MobileFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Mobile: React.FunctionComponent<MobileIconProps> = ({
       className={`tw-icon tw-icon-mobile ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'mobile-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="M8.571 1.713A2.57 2.57 0 0 0 6 4.284v15.429a2.57 2.57 0 0 0 2.571 2.571h6.858A2.57 2.57 0 0 0 18 19.713V4.284a2.57 2.57 0 0 0-2.571-2.571zm-.857 2.571c0-.473.384-.857.857-.857h1.83a.857.857 0 0 0 .742 1.286h1.714a.857.857 0 0 0 .743-1.286h1.829c.473 0 .857.384.857.857v15.429a.857.857 0 0 1-.857.857H8.57a.857.857 0 0 1-.857-.857z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M8.571 1.713A2.57 2.57 0 0 0 6 4.284v15.429a2.57 2.57 0 0 0 2.571 2.571h6.858A2.57 2.57 0 0 0 18 19.713V4.284a2.57 2.57 0 0 0-2.571-2.571zm-.857 2.571c0-.473.384-.857.857-.857h1.83a.857.857 0 0 0 .742 1.286h1.714a.857.857 0 0 0 .743-1.286h1.829c.473 0 .857.384.857.857v15.429a.857.857 0 0 1-.857.857H8.57a.857.857 0 0 1-.857-.857z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/money-bag.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 MoneyBagIconProps {
   role?: React.AriaRole;
 }
 
-export const MoneyBag: React.FunctionComponent<MoneyBagIconProps> = ({
-  className = undefined,
+export const MoneyBag: React.FunctionComponent<MoneyBagIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<MoneyBag filled /> is now deprecated, please use <MoneyBagFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<MoneyBag filled /> is now deprecated, please use <MoneyBagFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const MoneyBag: React.FunctionComponent<MoneyBagIconProps> = ({
       className={`tw-icon tw-icon-money-bag ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'money-bag-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="M10.943 5.778 9.585 3.556h4.386l-1.358 2.222zm4.958-1.972L14.634 5.88a.89.89 0 0 1 .32 1.292c.938.603 1.775 1.481 2.477 2.6 1.415 2.254 2.325 5.531 2.526 9.742.073 1.515-1.161 2.71-2.623 2.71H6.221c-1.457 0-2.707-1.195-2.604-2.726.238-3.57 1.163-6.82 2.544-9.207.704-1.216 1.563-2.263 2.549-2.99a.889.889 0 0 1 .212-1.421L7.654 3.806a1.333 1.333 0 0 1 1.137-2.028h5.971c1.041 0 1.68 1.14 1.138 2.028M5.39 19.615c.224-3.36 1.092-6.331 2.309-8.434C8.939 9.04 10.407 8 11.778 8c1.49 0 2.96.823 4.147 2.715 1.198 1.908 2.064 4.854 2.257 8.882.021.446-.345.847-.848.847H6.221c-.506 0-.86-.401-.83-.83m5.72-9.837h1.778v.889h1.778v1.777h-1.778v1.334h.222a2.444 2.444 0 0 1 0 4.889h-.222v.889h-1.778v-.89H9.333V16.89h1.778v-1.333h-.222a2.444 2.444 0 1 1 0-4.89h.222zm-.222 2.666h.222v1.334h-.222a.667.667 0 0 1 0-1.334m2 4.445v-1.333h.222a.667.667 0 0 1 0 1.333z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M10.943 5.778 9.585 3.556h4.386l-1.358 2.222zm4.958-1.972L14.634 5.88a.89.89 0 0 1 .32 1.292c.938.603 1.775 1.481 2.477 2.6 1.415 2.254 2.325 5.531 2.526 9.742.073 1.515-1.161 2.71-2.623 2.71H6.221c-1.457 0-2.707-1.195-2.604-2.726.238-3.57 1.163-6.82 2.544-9.207.704-1.216 1.563-2.263 2.549-2.99a.889.889 0 0 1 .212-1.421L7.654 3.806a1.333 1.333 0 0 1 1.137-2.028h5.971c1.041 0 1.68 1.14 1.138 2.028M5.39 19.615c.224-3.36 1.092-6.331 2.309-8.434C8.939 9.04 10.407 8 11.778 8c1.49 0 2.96.823 4.147 2.715 1.198 1.908 2.064 4.854 2.257 8.882.021.446-.345.847-.848.847H6.221c-.506 0-.86-.401-.83-.83m5.72-9.837h1.778v.889h1.778v1.777h-1.778v1.334h.222a2.444 2.444 0 0 1 0 4.889h-.222v.889h-1.778v-.89H9.333V16.89h1.778v-1.333h-.222a2.444 2.444 0 1 1 0-4.89h.222zm-.222 2.666h.222v1.334h-.222a.667.667 0 0 1 0-1.334m2 4.445v-1.333h.222a.667.667 0 0 1 0 1.333z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/money.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 MoneyIconProps {
   role?: React.AriaRole;
 }
 
-export const Money: React.FunctionComponent<MoneyIconProps> = ({
-  className = undefined,
+export const Money: React.FunctionComponent<MoneyIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Money filled /> is now deprecated, please use <MoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Money filled /> is now deprecated, please use <MoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Money: React.FunctionComponent<MoneyIconProps> = ({
       className={`tw-icon tw-icon-money ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'money-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="M2.576 5.57a.86.86 0 0 0-.862.862v11.134c0 .476.386.861.862.861h18.848a.86.86 0 0 0 .862-.861V6.432a.86.86 0 0 0-.862-.862zm.853 11.143V7.285v1.713a1.714 1.714 0 0 0 1.714-1.713h13.714a1.713 1.713 0 0 0 1.714 1.713v6a1.715 1.715 0 0 0-1.714 1.714h1.714v.001zm.656-1.585a1.7 1.7 0 0 0-.656-.13v1.714h1.714a1.71 1.71 0 0 0-1.058-1.583m6.2-3.13a1.714 1.714 0 1 1 3.43 0 1.714 1.714 0 0 1-3.43 0M12 8.57a3.429 3.429 0 1 0 0 6.857 3.429 3.429 0 0 0 0-6.857"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M2.576 5.57a.86.86 0 0 0-.862.862v11.134c0 .476.386.861.862.861h18.848a.86.86 0 0 0 .862-.861V6.432a.86.86 0 0 0-.862-.862zm.853 11.143V7.285v1.713a1.714 1.714 0 0 0 1.714-1.713h13.714a1.713 1.713 0 0 0 1.714 1.713v6a1.715 1.715 0 0 0-1.714 1.714h1.714v.001zm.656-1.585a1.7 1.7 0 0 0-.656-.13v1.714h1.714a1.71 1.71 0 0 0-1.058-1.583m6.2-3.13a1.714 1.714 0 1 1 3.43 0 1.714 1.714 0 0 1-3.43 0M12 8.57a3.429 3.429 0 1 0 0 6.857 3.429 3.429 0 0 0 0-6.857" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/more.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 MoreIconProps {
   role?: React.AriaRole;
 }
 
-export const More: React.FunctionComponent<MoreIconProps> = ({
-  className = undefined,
+export const More: React.FunctionComponent<MoreIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<More filled /> is now deprecated, please use <MoreFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<More filled /> is now deprecated, please use <MoreFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const More: React.FunctionComponent<MoreIconProps> = ({
       className={`tw-icon tw-icon-more ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'more-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="M7.714 12.003a1.714 1.714 0 1 1-3.428 0 1.714 1.714 0 0 1 3.428 0M12 13.718a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429m6 0a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M7.714 12.003a1.714 1.714 0 1 1-3.428 0 1.714 1.714 0 0 1 3.428 0M12 13.718a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429m6 0a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}