@transferwise/icons 3.16.0 → 3.17.0

package/build/components/link.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 LinkIconProps {
   role?: React.AriaRole;
 }
 
-export const Link: React.FunctionComponent<LinkIconProps> = ({
-  className = undefined,
+export const Link: React.FunctionComponent<LinkIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Link filled /> is now deprecated, please use <LinkFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Link filled /> is now deprecated, please use <LinkFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Link: React.FunctionComponent<LinkIconProps> = ({
       className={`tw-icon tw-icon-link ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'link-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="M14.571 10.284V12c0 2.828-2.314 5.143-5.142 5.143-2.83 0-5.143-2.315-5.143-5.143V6.856c0-2.829 2.314-5.143 5.143-5.143 2.485 0 4.628 1.714 5.1 4.114l-1.672.343c-.3-1.543-1.8-2.743-3.428-2.743a3.44 3.44 0 0 0-3.43 3.429v5.143a3.44 3.44 0 0 0 3.43 3.428A3.44 3.44 0 0 0 12.857 12v-1.715zM9.428 12c0-2.828 2.315-5.143 5.143-5.143 2.829 0 5.143 2.315 5.143 5.143v5.143c0 2.829-2.314 5.143-5.143 5.143-2.485 0-4.671-1.714-5.143-4.114l1.715-.343c.3 1.586 1.757 2.743 3.428 2.743A3.44 3.44 0 0 0 18 17.143V12a3.44 3.44 0 0 0-3.429-3.428A3.44 3.44 0 0 0 11.143 12v1.715H9.428z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M14.571 10.284V12c0 2.828-2.314 5.143-5.142 5.143-2.83 0-5.143-2.315-5.143-5.143V6.856c0-2.829 2.314-5.143 5.143-5.143 2.485 0 4.628 1.714 5.1 4.114l-1.672.343c-.3-1.543-1.8-2.743-3.428-2.743a3.44 3.44 0 0 0-3.43 3.429v5.143a3.44 3.44 0 0 0 3.43 3.428A3.44 3.44 0 0 0 12.857 12v-1.715zM9.428 12c0-2.828 2.315-5.143 5.143-5.143 2.829 0 5.143 2.315 5.143 5.143v5.143c0 2.829-2.314 5.143-5.143 5.143-2.485 0-4.671-1.714-5.143-4.114l1.715-.343c.3 1.586 1.757 2.743 3.428 2.743A3.44 3.44 0 0 0 18 17.143V12a3.44 3.44 0 0 0-3.429-3.428A3.44 3.44 0 0 0 11.143 12v1.715H9.428z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/linkedin.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 LinkedinIconProps {
   role?: React.AriaRole;
 }
 
-export const Linkedin: React.FunctionComponent<LinkedinIconProps> = ({
-  className = undefined,
+export const Linkedin: React.FunctionComponent<LinkedinIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Linkedin filled /> is now deprecated, please use <LinkedinFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Linkedin filled /> is now deprecated, please use <LinkedinFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Linkedin: React.FunctionComponent<LinkedinIconProps> = ({
       className={`tw-icon tw-icon-linkedin ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'linkedin-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.243 19.243H16.2v-4.757c0-1.157 0-2.614-1.586-2.614s-1.843 1.243-1.843 2.529v4.842H9.73V9.43h2.914v1.329h.043a3.2 3.2 0 0 1 2.871-1.586c3.086 0 3.643 2.014 3.643 4.671zM6.3 8.101a1.74 1.74 0 0 1-1.757-1.758c0-.985.771-1.757 1.757-1.757s1.757.772 1.757 1.757c0 .943-.771 1.758-1.757 1.758m1.5 11.142H4.757V9.43H7.8zM20.743 1.715H3.214c-.814 0-1.5.643-1.5 1.5v17.614c0 .814.686 1.5 1.5 1.5h17.529c.814 0 1.5-.643 1.543-1.5V3.215c0-.857-.686-1.5-1.543-1.5" />
+            <path d="M19.243 19.243H16.2v-4.757c0-1.157 0-2.614-1.586-2.614s-1.843 1.243-1.843 2.529v4.842H9.73V9.43h2.914v1.329h.043a3.2 3.2 0 0 1 2.871-1.586c3.086 0 3.643 2.014 3.643 4.671zM6.3 8.101a1.74 1.74 0 0 1-1.757-1.758c0-.985.771-1.757 1.757-1.757s1.757.772 1.757 1.757c0 .943-.771 1.758-1.757 1.758m1.5 11.142H4.757V9.43H7.8zM20.743 1.715H3.214c-.814 0-1.5.643-1.5 1.5v17.614c0 .814.686 1.5 1.5 1.5h17.529c.814 0 1.5-.643 1.543-1.5V3.215c0-.857-.686-1.5-1.543-1.5"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/list.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 ListIconProps {
   role?: React.AriaRole;
 }
 
-export const List: React.FunctionComponent<ListIconProps> = ({
-  className = undefined,
+export const List: React.FunctionComponent<ListIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<List filled /> is now deprecated, please use <ListFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<List filled /> is now deprecated, please use <ListFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const List: React.FunctionComponent<ListIconProps> = ({
       className={`tw-icon tw-icon-list ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'list-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="M6.429 6.001a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0m1.714.858H21V5.145H8.143zm0 6H21v-1.714H8.143zm12.857 6H8.143v-1.715H21zM4.714 13.716a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429M6.43 18a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M6.429 6.001a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0m1.714.858H21V5.145H8.143zm0 6H21v-1.714H8.143zm12.857 6H8.143v-1.715H21zM4.714 13.716a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429M6.43 18a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/location-marker.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 LocationMarkerIconProps {
   role?: React.AriaRole;
 }
 
-export const LocationMarker: React.FunctionComponent<LocationMarkerIconProps> = ({
-  className = undefined,
+export const LocationMarker: React.FunctionComponent<LocationMarkerIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<LocationMarker filled /> is now deprecated, please use <LocationMarkerFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<LocationMarker filled /> is now deprecated, please use <LocationMarkerFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const LocationMarker: React.FunctionComponent<LocationMarkerIconProps> =
       className={`tw-icon tw-icon-location-marker ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'location-marker-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="M5.143 10.677c0-4.185 3.083-7.141 6.857-7.141s6.857 2.956 6.857 7.14c0 .962-.348 2.012-.95 3.095-.6 1.078-1.422 2.137-2.295 3.099-1.362 1.502-2.806 2.723-3.612 3.366-.806-.643-2.25-1.864-3.612-3.366-.873-.963-1.694-2.02-2.294-3.099-.603-1.083-.951-2.133-.951-3.094M12 1.822c-4.747 0-8.571 3.75-8.571 8.855 0 1.36.486 2.702 1.167 3.927.684 1.231 1.597 2.397 2.522 3.418a33.6 33.6 0 0 0 4.364 3.982.86.86 0 0 0 1.036 0 33.6 33.6 0 0 0 4.364-3.982c.926-1.02 1.838-2.187 2.522-3.418.682-1.225 1.168-2.568 1.168-3.927 0-5.105-3.825-8.855-8.572-8.855M9.964 10.66a2.036 2.036 0 1 1 4.072 0 2.036 2.036 0 0 1-4.072 0M12 6.91a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M5.143 10.677c0-4.185 3.083-7.141 6.857-7.141s6.857 2.956 6.857 7.14c0 .962-.348 2.012-.95 3.095-.6 1.078-1.422 2.137-2.295 3.099-1.362 1.502-2.806 2.723-3.612 3.366-.806-.643-2.25-1.864-3.612-3.366-.873-.963-1.694-2.02-2.294-3.099-.603-1.083-.951-2.133-.951-3.094M12 1.822c-4.747 0-8.571 3.75-8.571 8.855 0 1.36.486 2.702 1.167 3.927.684 1.231 1.597 2.397 2.522 3.418a33.6 33.6 0 0 0 4.364 3.982.86.86 0 0 0 1.036 0 33.6 33.6 0 0 0 4.364-3.982c.926-1.02 1.838-2.187 2.522-3.418.682-1.225 1.168-2.568 1.168-3.927 0-5.105-3.825-8.855-8.572-8.855M9.964 10.66a2.036 2.036 0 1 1 4.072 0 2.036 2.036 0 0 1-4.072 0M12 6.91a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/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 LockIconProps {
   role?: React.AriaRole;
 }
 
-export const Lock: React.FunctionComponent<LockIconProps> = ({
-  className = undefined,
+export const Lock: React.FunctionComponent<LockIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Lock filled /> is now deprecated, please use <LockFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Lock filled /> is now deprecated, please use <LockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Lock: React.FunctionComponent<LockIconProps> = ({
       className={`tw-icon tw-icon-lock ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || '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="M17.143 8.57h2.571a.86.86 0 0 1 .857.857v10.286A2.58 2.58 0 0 1 18 22.284H6a2.58 2.58 0 0 1-2.572-2.571V9.427a.86.86 0 0 1 .858-.857h2.571V6.856c0-2.829 2.314-5.143 5.143-5.143s5.143 2.314 5.143 5.143zM12 3.427A3.44 3.44 0 0 0 8.57 6.856V8.57h6.858V6.856a3.44 3.44 0 0 0-3.43-3.429m6 17.143a.86.86 0 0 0 .857-.857v-9.429H5.143v9.429A.86.86 0 0 0 6 20.57zm-6.857-1.716v-2.83c-.515-.256-.858-.813-.858-1.456A1.72 1.72 0 0 1 12 12.854a1.72 1.72 0 0 1 1.714 1.714c0 .6-.343 1.157-.857 1.457v2.829z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M17.143 8.57h2.571a.86.86 0 0 1 .857.857v10.286A2.58 2.58 0 0 1 18 22.284H6a2.58 2.58 0 0 1-2.572-2.571V9.427a.86.86 0 0 1 .858-.857h2.571V6.856c0-2.829 2.314-5.143 5.143-5.143s5.143 2.314 5.143 5.143zM12 3.427A3.44 3.44 0 0 0 8.57 6.856V8.57h6.858V6.856a3.44 3.44 0 0 0-3.43-3.429m6 17.143a.86.86 0 0 0 .857-.857v-9.429H5.143v9.429A.86.86 0 0 0 6 20.57zm-6.857-1.716v-2.83c-.515-.256-.858-.813-.858-1.456A1.72 1.72 0 0 1 12 12.854a1.72 1.72 0 0 1 1.714 1.714c0 .6-.343 1.157-.857 1.457v2.829z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/log-in.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 LogInIconProps {
   role?: React.AriaRole;
 }
 
-export const LogIn: React.FunctionComponent<LogInIconProps> = ({
-  className = undefined,
+export const LogIn: React.FunctionComponent<LogInIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<LogIn filled /> is now deprecated, please use <LogInFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<LogIn filled /> is now deprecated, please use <LogInFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const LogIn: React.FunctionComponent<LogInIconProps> = ({
       className={`tw-icon tw-icon-log-in ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'log-in-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="M6.857 1.713H21.43a.86.86 0 0 1 .857.857v18.857a.86.86 0 0 1-.857.857H6.857V20.57h13.715V3.427H6.857zm4.8 16.928-1.2-1.2 4.629-4.586H1.714v-1.714h13.372L10.5 6.513l1.2-1.2 6 6.085a.83.83 0 0 1 0 1.2z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M6.857 1.713H21.43a.86.86 0 0 1 .857.857v18.857a.86.86 0 0 1-.857.857H6.857V20.57h13.715V3.427H6.857zm4.8 16.928-1.2-1.2 4.629-4.586H1.714v-1.714h13.372L10.5 6.513l1.2-1.2 6 6.085a.83.83 0 0 1 0 1.2z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/log-out.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 LogOutIconProps {
   role?: React.AriaRole;
 }
 
-export const LogOut: React.FunctionComponent<LogOutIconProps> = ({
-  className = undefined,
+export const LogOut: React.FunctionComponent<LogOutIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<LogOut filled /> is now deprecated, please use <LogOutFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<LogOut filled /> is now deprecated, please use <LogOutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const LogOut: React.FunctionComponent<LogOutIconProps> = ({
       className={`tw-icon tw-icon-log-out ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'log-out-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="M17.143 3.431H3.429v17.143h13.714v1.714H2.572a.86.86 0 0 1-.858-.857V2.574a.86.86 0 0 1 .857-.857h14.572zm-1.157 1.885 6.043 6.086c.343.343.343.857-.043 1.2l-6.043 6.043-1.2-1.2 4.629-4.586H6v-1.714h13.372l-4.586-4.629z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M17.143 3.431H3.429v17.143h13.714v1.714H2.572a.86.86 0 0 1-.858-.857V2.574a.86.86 0 0 1 .857-.857h14.572zm-1.157 1.885 6.043 6.086c.343.343.343.857-.043 1.2l-6.043 6.043-1.2-1.2 4.629-4.586H6v-1.714h13.372l-4.586-4.629z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/mallet.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 MalletIconProps {
   role?: React.AriaRole;
 }
 
-export const Mallet: React.FunctionComponent<MalletIconProps> = ({
-  className = undefined,
+export const Mallet: React.FunctionComponent<MalletIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Mallet filled /> is now deprecated, please use <MalletFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Mallet filled /> is now deprecated, please use <MalletFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Mallet: React.FunctionComponent<MalletIconProps> = ({
       className={`tw-icon tw-icon-mallet ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'mallet-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="M13.14 1.968a.86.86 0 0 0-1.216 0L10.11 3.782a.86.86 0 0 0 0 1.216l.013.013L5.225 9.91l-.227-.227a.86.86 0 0 0-1.216 0l-1.814 1.814a.86.86 0 0 0 0 1.216l5.45 5.45a.86.86 0 0 0 1.217 0l1.814-1.813a.86.86 0 0 0 .186-.94l.872-.872 7.277 7.278a.86.86 0 0 0 1.217 0L21.815 20a.86.86 0 0 0 0-1.216l-7.278-7.277 1.041-1.041a.86.86 0 0 0 1.2-.017l1.814-1.814a.86.86 0 0 0 0-1.217zM11.928 4.39l.606-.606 4.242 4.243-.606.606zm-7.388 7.422a.9.9 0 0 1-.186-.277l-.57.57 4.243 4.242.524-.524zm9.695-2.426-4.766 4.766-3.03-3.03 4.766-4.767zm-3.948 12.9H1.714V20.57h8.572zm2.44-8.955.605-.606L20 19.392l-.607.606z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M13.14 1.968a.86.86 0 0 0-1.216 0L10.11 3.782a.86.86 0 0 0 0 1.216l.013.013L5.225 9.91l-.227-.227a.86.86 0 0 0-1.216 0l-1.814 1.814a.86.86 0 0 0 0 1.216l5.45 5.45a.86.86 0 0 0 1.217 0l1.814-1.813a.86.86 0 0 0 .186-.94l.872-.872 7.277 7.278a.86.86 0 0 0 1.217 0L21.815 20a.86.86 0 0 0 0-1.216l-7.278-7.277 1.041-1.041a.86.86 0 0 0 1.2-.017l1.814-1.814a.86.86 0 0 0 0-1.217zM11.928 4.39l.606-.606 4.242 4.243-.606.606zm-7.388 7.422a.9.9 0 0 1-.186-.277l-.57.57 4.243 4.242.524-.524zm9.695-2.426-4.766 4.766-3.03-3.03 4.766-4.767zm-3.948 12.9H1.714V20.57h8.572zm2.44-8.955.605-.606L20 19.392l-.607.606z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/marketing.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 MarketingIconProps {
   role?: React.AriaRole;
 }
 
-export const Marketing: React.FunctionComponent<MarketingIconProps> = ({
-  className = undefined,
+export const Marketing: React.FunctionComponent<MarketingIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Marketing filled /> is now deprecated, please use <MarketingFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Marketing filled /> is now deprecated, please use <MarketingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Marketing: React.FunctionComponent<MarketingIconProps> = ({
       className={`tw-icon tw-icon-marketing ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'marketing-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="M22.286 5.999V2.57a.86.86 0 0 0-.857-.857H18a.85.85 0 0 0-.771.514l-.3.729C15.386 2.14 13.757 1.713 12 1.713c-5.657 0-10.286 4.628-10.286 10.286S6.343 22.284 12 22.284 22.286 17.656 22.286 12c0-1.758-.429-3.386-1.243-4.886l.729-.3c.3-.172.514-.472.514-.814M20.57 3.427v2.014l-3.514 1.5 1.5-3.514zm0 8.572c0 4.714-3.857 8.571-8.57 8.571-4.715 0-8.572-3.857-8.572-8.571 0-4.715 3.857-8.572 8.571-8.572 1.5 0 2.957.386 4.243 1.114l-1.371 3.172c-.815-.557-1.8-.857-2.872-.857-2.828 0-5.143 2.314-5.143 5.143S9.172 17.142 12 17.142c2.829 0 5.143-2.315 5.143-5.143 0-1.072-.3-2.058-.857-2.872l3.171-1.371a8.6 8.6 0 0 1 1.114 4.243m-5.142 0A3.44 3.44 0 0 1 12 15.427 3.44 3.44 0 0 1 8.572 12 3.44 3.44 0 0 1 12 8.57c.643 0 1.243.171 1.757.471L11.4 11.4l1.2 1.2 2.357-2.357c.3.514.472 1.114.472 1.757" />
+            <path d="M22.286 5.999V2.57a.86.86 0 0 0-.857-.857H18a.85.85 0 0 0-.771.514l-.3.729C15.386 2.14 13.757 1.713 12 1.713c-5.657 0-10.286 4.628-10.286 10.286S6.343 22.284 12 22.284 22.286 17.656 22.286 12c0-1.758-.429-3.386-1.243-4.886l.729-.3c.3-.172.514-.472.514-.814M20.57 3.427v2.014l-3.514 1.5 1.5-3.514zm0 8.572c0 4.714-3.857 8.571-8.57 8.571-4.715 0-8.572-3.857-8.572-8.571 0-4.715 3.857-8.572 8.571-8.572 1.5 0 2.957.386 4.243 1.114l-1.371 3.172c-.815-.557-1.8-.857-2.872-.857-2.828 0-5.143 2.314-5.143 5.143S9.172 17.142 12 17.142c2.829 0 5.143-2.315 5.143-5.143 0-1.072-.3-2.058-.857-2.872l3.171-1.371a8.6 8.6 0 0 1 1.114 4.243m-5.142 0A3.44 3.44 0 0 1 12 15.427 3.44 3.44 0 0 1 8.572 12 3.44 3.44 0 0 1 12 8.57c.643 0 1.243.171 1.757.471L11.4 11.4l1.2 1.2 2.357-2.357c.3.514.472 1.114.472 1.757"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/mass-payout.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 MassPayoutIconProps {
   role?: React.AriaRole;
 }
 
-export const MassPayout: React.FunctionComponent<MassPayoutIconProps> = ({
-  className = undefined,
+export const MassPayout: React.FunctionComponent<MassPayoutIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<MassPayout filled /> is now deprecated, please use <MassPayoutFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<MassPayout filled /> is now deprecated, please use <MassPayoutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const MassPayout: React.FunctionComponent<MassPayoutIconProps> = ({
       className={`tw-icon tw-icon-mass-payout ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'mass-payout-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.035 5.749 1.108-1.108v3.502h1.714V4.64l1.108 1.108 1.213-1.212-2.569-2.569a.86.86 0 0 0-1.218 0L8.823 4.537zm-5.394.68h1.788V4.714H2.576a.86.86 0 0 0-.862.862v3.853H3.43V7.64l2.394 2.394 1.212-1.213zm2.645 5.319V10.29c0-.476.385-.861.861-.861h7.706c.476 0 .861.385.861.861v1.458l2.134 1.219c.29.165.434.457.434.747h.004v7.71a.86.86 0 0 1-.862.862H5.576a.86.86 0 0 1-.862-.862v-7.71h.004c0-.29.144-.582.434-.747zM9 14.57l3 1.6 3-1.6v-3.428H9zm-2.571 6v-5.428l5.166 2.755a.86.86 0 0 0 .81 0l5.167-2.755v5.428zM16.965 8.822 19.36 6.43h-1.788V4.714h3.853c.476 0 .862.386.862.862v3.853H20.57V7.64l-2.393 2.394z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m10.035 5.749 1.108-1.108v3.502h1.714V4.64l1.108 1.108 1.213-1.212-2.569-2.569a.86.86 0 0 0-1.218 0L8.823 4.537zm-5.394.68h1.788V4.714H2.576a.86.86 0 0 0-.862.862v3.853H3.43V7.64l2.394 2.394 1.212-1.213zm2.645 5.319V10.29c0-.476.385-.861.861-.861h7.706c.476 0 .861.385.861.861v1.458l2.134 1.219c.29.165.434.457.434.747h.004v7.71a.86.86 0 0 1-.862.862H5.576a.86.86 0 0 1-.862-.862v-7.71h.004c0-.29.144-.582.434-.747zM9 14.57l3 1.6 3-1.6v-3.428H9zm-2.571 6v-5.428l5.166 2.755a.86.86 0 0 0 .81 0l5.167-2.755v5.428zM16.965 8.822 19.36 6.43h-1.788V4.714h3.853c.476 0 .862.386.862.862v3.853H20.57V7.64l-2.393 2.394z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}