@transferwise/icons 3.15.0 → 3.17.0

package/build/components/rent.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 RentIconProps {
   role?: React.AriaRole;
 }
 
-export const Rent: React.FunctionComponent<RentIconProps> = ({
-  className = undefined,
+export const Rent: React.FunctionComponent<RentIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Rent filled /> is now deprecated, please use <RentFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Rent filled /> is now deprecated, please use <RentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Rent: React.FunctionComponent<RentIconProps> = ({
       className={`tw-icon tw-icon-rent ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'rent-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="M18.857 3.004a.861.861 0 0 0-1.013-.848L5.853 4.298a.861.861 0 0 0-.71.848V20.57H1.714v1.715h20.572V20.57h-3.429V3.004ZM15 20.57h2.143V4.023L6.857 5.86v14.71H9V16.29c0-.003.002-.004.004-.004h5.992c.002 0 .004.002.004.004v4.281Zm-1.714 0V18h-2.572v2.571h2.572ZM9 9.427h6V7.713H9v1.714Zm6 4.286H9V12h6v1.714Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M18.857 3.004a.86.86 0 0 0-1.013-.848L5.853 4.298a.86.86 0 0 0-.71.848V20.57H1.714v1.715h20.572V20.57h-3.429zM15 20.57h2.143V4.023L6.857 5.86v14.71H9V16.29q0-.004.004-.004h5.992q.004 0 .004.004zm-1.714 0V18h-2.572v2.571zM9 9.427h6V7.713H9zm6 4.286H9V12h6z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/request-receive.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 RequestReceiveIconProps {
   role?: React.AriaRole;
 }
 
-export const RequestReceive: React.FunctionComponent<RequestReceiveIconProps> = ({
-  className = undefined,
+export const RequestReceive: React.FunctionComponent<RequestReceiveIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<RequestReceive filled /> is now deprecated, please use <RequestReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<RequestReceive filled /> is now deprecated, please use <RequestReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const RequestReceive: React.FunctionComponent<RequestReceiveIconProps> =
       className={`tw-icon tw-icon-request-receive ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'request-receive-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 4a.861.861 0 0 0-.862.861v11.135c0 .475.386.861.862.861h4.71v-1.714H5.143a1.714 1.714 0 0 0-1.714-1.714v-6a1.714 1.714 0 0 0 1.714-1.715h13.714a1.715 1.715 0 0 0 1.715 1.715V5.714v9.429-1.714a1.713 1.713 0 0 0-1.715 1.714h-2.143v1.714h4.71a.861.861 0 0 0 .862-.861V4.86A.861.861 0 0 0 21.424 4H2.576Zm7.71 6.429a1.714 1.714 0 1 1 3.428 0 1.714 1.714 0 0 1-3.428 0ZM12 7a3.429 3.429 0 1 0 0 6.857A3.429 3.429 0 0 0 12 7Zm-.857 12.288-1.751-1.751-1.212 1.212 3.211 3.211a.862.862 0 0 0 1.218 0l3.211-3.211-1.212-1.212-1.75 1.75v-4.144h-1.715v4.145Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M2.576 4a.86.86 0 0 0-.862.861v11.135c0 .475.386.861.862.861h4.71v-1.714H5.143a1.714 1.714 0 0 0-1.714-1.714v-6a1.714 1.714 0 0 0 1.714-1.715h13.714a1.715 1.715 0 0 0 1.715 1.715V5.714v9.429-1.714a1.713 1.713 0 0 0-1.715 1.714h-2.143v1.714h4.71a.86.86 0 0 0 .862-.861V4.86A.86.86 0 0 0 21.424 4zm7.71 6.429a1.714 1.714 0 1 1 3.428 0 1.714 1.714 0 0 1-3.428 0M12 7a3.429 3.429 0 1 0 0 6.857A3.429 3.429 0 0 0 12 7m-.857 12.288-1.751-1.751-1.212 1.212 3.211 3.211a.86.86 0 0 0 1.218 0l3.211-3.211-1.212-1.212-1.75 1.75v-4.144h-1.715z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/request-send.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 RequestSendIconProps {
   role?: React.AriaRole;
 }
 
-export const RequestSend: React.FunctionComponent<RequestSendIconProps> = ({
-  className = undefined,
+export const RequestSend: React.FunctionComponent<RequestSendIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<RequestSend filled /> is now deprecated, please use <RequestSendFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<RequestSend filled /> is now deprecated, please use <RequestSendFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const RequestSend: React.FunctionComponent<RequestSendIconProps> = ({
       className={`tw-icon tw-icon-request-send ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'request-send-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 5a.861.861 0 0 0-.862.861v11.135c0 .476.386.861.862.861h4.71v-1.714H5.143a1.714 1.714 0 0 0-1.714-1.714v-6a1.714 1.714 0 0 0 1.714-1.715h13.714a1.715 1.715 0 0 0 1.715 1.715V6.714v9.429-1.714a1.713 1.713 0 0 0-1.715 1.714h-2.143v1.714h4.71a.861.861 0 0 0 .862-.861V5.86A.861.861 0 0 0 21.424 5H2.576Zm7.71 6.429a1.714 1.714 0 1 1 3.428 0 1.714 1.714 0 0 1-3.428 0ZM12 8a3.429 3.429 0 1 0 0 6.857A3.429 3.429 0 0 0 12 8Zm.857 11.07 1.751 1.75 1.213-1.212-2.964-2.963v-.074h-.073l-.175-.174a.862.862 0 0 0-1.218 0l-.174.174h-.074v.074L8.18 19.608l1.212 1.212 1.751-1.75V23h1.714v-3.93Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M2.576 5a.86.86 0 0 0-.862.861v11.135c0 .476.386.861.862.861h4.71v-1.714H5.143a1.714 1.714 0 0 0-1.714-1.714v-6a1.714 1.714 0 0 0 1.714-1.715h13.714a1.715 1.715 0 0 0 1.715 1.715V6.714v9.429-1.714a1.713 1.713 0 0 0-1.715 1.714h-2.143v1.714h4.71a.86.86 0 0 0 .862-.861V5.86A.86.86 0 0 0 21.424 5zm7.71 6.429a1.714 1.714 0 1 1 3.428 0 1.714 1.714 0 0 1-3.428 0M12 8a3.429 3.429 0 1 0 0 6.857A3.429 3.429 0 0 0 12 8m.857 11.07 1.751 1.75 1.213-1.212-2.964-2.963v-.074h-.073l-.175-.174a.86.86 0 0 0-1.218 0l-.174.174h-.074v.074L8.18 19.608l1.212 1.212 1.751-1.75V23h1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/rewards.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 RewardsIconProps {
   role?: React.AriaRole;
 }
 
-export const Rewards: React.FunctionComponent<RewardsIconProps> = ({
-  className = undefined,
+export const Rewards: React.FunctionComponent<RewardsIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Rewards filled /> is now deprecated, please use <RewardsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Rewards filled /> is now deprecated, please use <RewardsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,32 +31,22 @@ export const Rewards: React.FunctionComponent<RewardsIconProps> = ({
       className={`tw-icon tw-icon-rewards ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'rewards-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.143 19.715a5.571 5.571 0 1 0 0-11.143 5.571 5.571 0 0 0 0 11.143Zm0 1.714a7.286 7.286 0 1 0 0-14.572 7.286 7.286 0 0 0 0 14.572Z"
-              clipRule="evenodd"
-            />
-            <path d="M13.741 11.372a.429.429 0 0 1 .804 0l.571 1.544c.044.117.136.21.254.253l1.544.572a.429.429 0 0 1 0 .803l-1.545.572a.429.429 0 0 0-.253.253l-.571 1.544a.429.429 0 0 1-.804 0l-.572-1.544a.429.429 0 0 0-.253-.253l-1.544-.572a.429.429 0 0 1 0-.803l1.544-.572a.429.429 0 0 0 .253-.253l.572-1.544Z" />
-            <path
-              fillRule="evenodd"
-              d="M14.56 6.868a5.571 5.571 0 1 0-7.691 7.691c.042.744.196 1.458.445 2.126a7.286 7.286 0 1 1 9.373-9.373 7.253 7.253 0 0 0-2.127-.444Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M14.143 19.715a5.571 5.571 0 1 0 0-11.143 5.571 5.571 0 0 0 0 11.143m0 1.714a7.286 7.286 0 1 0 0-14.572 7.286 7.286 0 0 0 0 14.572" clipRule="evenodd"/><path d="M13.741 11.372a.429.429 0 0 1 .804 0l.571 1.544c.044.117.136.21.254.253l1.544.572a.429.429 0 0 1 0 .803l-1.545.572a.43.43 0 0 0-.253.253l-.571 1.544a.429.429 0 0 1-.804 0l-.572-1.544a.43.43 0 0 0-.253-.253l-1.544-.572a.429.429 0 0 1 0-.803l1.544-.572a.43.43 0 0 0 .253-.253z"/><path fillRule="evenodd" d="M14.56 6.868a5.571 5.571 0 1 0-7.691 7.691c.042.744.196 1.458.445 2.126a7.286 7.286 0 1 1 9.373-9.373 7.3 7.3 0 0 0-2.127-.444" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/sad-emoji.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 SadEmojiIconProps {
   role?: React.AriaRole;
 }
 
-export const SadEmoji: React.FunctionComponent<SadEmojiIconProps> = ({
-  className = undefined,
+export const SadEmoji: React.FunctionComponent<SadEmojiIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SadEmoji filled /> is now deprecated, please use <SadEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SadEmoji filled /> is now deprecated, please use <SadEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SadEmoji: React.FunctionComponent<SadEmojiIconProps> = ({
       className={`tw-icon tw-icon-sad-emoji ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'sad-emoji-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.299 6.3 1.713 12 1.713c5.7 0 10.286 4.586 10.286 10.286 0 5.7-4.586 10.285-10.286 10.285C6.3 22.284 1.714 17.7 1.714 12Zm1.715 0c0 4.714 3.857 8.571 8.571 8.571 4.714 0 8.572-3.857 8.572-8.571 0-4.715-3.858-8.572-8.572-8.572C7.286 3.427 3.43 7.284 3.43 12Zm6.857-2.141a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0ZM15 11.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Zm-8.143 5.483A6.007 6.007 0 0 1 12 13.713c2.1 0 4.114 1.157 5.229 3l-1.5.857A4.3 4.3 0 0 0 12 15.427c-1.543 0-2.914.772-3.686 2.1l-1.457-.9Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M1.714 11.999C1.714 6.299 6.3 1.713 12 1.713s10.286 4.586 10.286 10.286S17.7 22.284 12 22.284 1.714 17.7 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.857-2.141a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0M15 11.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572m-8.143 5.483A6.01 6.01 0 0 1 12 13.713c2.1 0 4.114 1.157 5.229 3l-1.5.857A4.3 4.3 0 0 0 12 15.427c-1.543 0-2.914.772-3.686 2.1z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/salary.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 SalaryIconProps {
   role?: React.AriaRole;
 }
 
-export const Salary: React.FunctionComponent<SalaryIconProps> = ({
-  className = undefined,
+export const Salary: React.FunctionComponent<SalaryIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Salary filled /> is now deprecated, please use <SalaryFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Salary filled /> is now deprecated, please use <SalaryFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Salary: React.FunctionComponent<SalaryIconProps> = ({
       className={`tw-icon tw-icon-salary ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'salary-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="M21.857 8.658 18 6.558V2.572a.86.86 0 0 0-.857-.857H6.857A.86.86 0 0 0 6 2.572v4.029L2.143 8.7c-.257.171-.429.428-.429.771v12a.86.86 0 0 0 .857.857H21.43a.86.86 0 0 0 .857-.857V9.429c0-.3-.172-.6-.429-.771Zm-1.414 1.2L18 11.186V8.53l2.443 1.329Zm-4.157-6.429v8.7L12 14.486 7.714 12.13v-8.7h8.572ZM6 11.186 3.557 9.858 6 8.529v2.657ZM3.43 20.572v-8.829l8.143 4.458c.128.085.257.085.428.085.171 0 .3-.043.429-.085l8.143-4.458v8.829H3.428Z" />
+            <path d="M21.857 8.658 18 6.558V2.572a.86.86 0 0 0-.857-.857H6.857A.86.86 0 0 0 6 2.572v4.029L2.143 8.7c-.257.171-.429.428-.429.771v12a.86.86 0 0 0 .857.857H21.43a.86.86 0 0 0 .857-.857V9.429c0-.3-.172-.6-.429-.771m-1.414 1.2L18 11.186V8.53zm-4.157-6.429v8.7L12 14.486 7.714 12.13v-8.7zM6 11.186 3.557 9.858 6 8.529zM3.43 20.572v-8.829l8.143 4.458c.128.085.257.085.428.085.172 0 .3-.043.429-.085l8.143-4.458v8.829z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/sales-and-royalties.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 SalesAndRoyaltiesIconProps {
   role?: React.AriaRole;
 }
 
-export const SalesAndRoyalties: React.FunctionComponent<SalesAndRoyaltiesIconProps> = ({
-  className = undefined,
+export const SalesAndRoyalties: React.FunctionComponent<SalesAndRoyaltiesIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SalesAndRoyalties filled /> is now deprecated, please use <SalesAndRoyaltiesFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SalesAndRoyalties filled /> is now deprecated, please use <SalesAndRoyaltiesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SalesAndRoyalties: React.FunctionComponent<SalesAndRoyaltiesIconPro
       className={`tw-icon tw-icon-sales-and-royalties ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'sales-and-royalties-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.557 12.64.3 1.672-.9.171c.043.13.043.3.043.472v6.043a.86.86 0 0 1-.857.857H3a.86.86 0 0 1-.857-.857v-18A.86.86 0 0 1 3 2.14h5.186c.3 0 .557.128.728.385l3.043 4.843c.172-.043.343-.086.515-.086v-.9h1.714v.9l.1.015c.275.038.576.08.843.157l.3-.857 1.586.6-.3.857c.3.128.6.3.857.471l.471-.643 1.329 1.115-.6.685c.257.215.471.472.643.73l.814-.472.857 1.5-.771.471c.128.3.257.6.342.9l.9-.171Zm-17.7 7.458h15.429v-5.143c0-3.3-2.7-6-6-6-.514 0-1.029.086-1.543.214-.343.086-.729-.086-.943-.386l-3.128-4.97H3.857v16.285Zm1.715-4.284a2.579 2.579 0 0 1 2.571-2.572 2.579 2.579 0 0 1 2.572 2.572 2.579 2.579 0 0 1-2.572 2.571 2.579 2.579 0 0 1-2.571-2.571Zm1.714 0a.86.86 0 0 0 .857.857.86.86 0 0 0 .857-.857.86.86 0 0 0-.857-.857.86.86 0 0 0-.857.857Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m21.557 12.64.3 1.672-.9.172c.043.128.043.3.043.47v6.044a.86.86 0 0 1-.857.857H3a.86.86 0 0 1-.857-.857v-18A.86.86 0 0 1 3 2.14h5.186c.3 0 .557.128.728.385l3.043 4.843c.172-.043.343-.086.515-.086v-.9h1.714v.9l.1.015c.275.038.576.08.843.157l.3-.857 1.586.6-.3.857c.3.128.6.3.857.471l.471-.643 1.329 1.115-.6.685c.257.215.471.472.643.73l.814-.472.857 1.5-.771.471c.128.3.257.6.342.9zm-17.7 7.458h15.429v-5.143c0-3.3-2.7-6-6-6-.514 0-1.029.086-1.543.214-.343.086-.729-.086-.943-.386l-3.128-4.97H3.857zm1.715-4.284a2.58 2.58 0 0 1 2.571-2.572 2.58 2.58 0 0 1 2.572 2.572 2.58 2.58 0 0 1-2.572 2.571 2.58 2.58 0 0 1-2.571-2.571m1.714 0a.86.86 0 0 0 .857.857.86.86 0 0 0 .857-.857.86.86 0 0 0-.857-.857.86.86 0 0 0-.857.857" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/savings.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 SavingsIconProps {
   role?: React.AriaRole;
 }
 
-export const Savings: React.FunctionComponent<SavingsIconProps> = ({
-  className = undefined,
+export const Savings: React.FunctionComponent<SavingsIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Savings filled /> is now deprecated, please use <SavingsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Savings filled /> is now deprecated, please use <SavingsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Savings: React.FunctionComponent<SavingsIconProps> = ({
       className={`tw-icon tw-icon-savings ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'savings-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="M20.572 5.19h1.714c0 1.2 0 2.872-1.372 3.687.3.728.472 1.5.472 2.271 0 1.414 0 3.386-1.714 4.714v3.857a.86.86 0 0 1-.858.857h-2.571c-.386 0-.686-.257-.814-.6l-.643-1.97h-4.757l-.643 1.97c-.129.343-.429.6-.814.6H6a.86.86 0 0 1-.857-.857v-3.857c-.514-.343-.943-.685-1.329-1.286H2.571a.86.86 0 0 1-.857-.857V9.434a.86.86 0 0 1 .857-.857h1.115a5.727 5.727 0 0 1 1.5-2.143V4.29c0-.3.128-.557.386-.729.214-.171.557-.171.814-.043l3.086 1.543c2.957-1.2 6.17-1.028 8.7.6A6.905 6.905 0 0 1 20.1 7.42c.386-.3.471-.942.471-2.228ZM18 15.477c0-.3.129-.557.386-.728 1.157-.729 1.328-1.629 1.286-3.557 0-1.543-.943-3.086-2.486-4.072-2.143-1.371-4.929-1.457-7.457-.3a.736.736 0 0 1-.729 0L6.814 5.705v1.2c0 .3-.128.557-.385.729 0 0-1.029.685-1.372 2.057a.826.826 0 0 1-.814.643h-.857v2.571h.857c.343 0 .643.171.771.472.317.594.635.822 1.29 1.294l.167.12c.258.128.386.386.386.685v3.43h1.114l.643-1.972c.129-.343.429-.6.815-.6h6c.385 0 .685.257.814.6l.643 1.971H18v-3.429ZM9.214 9.264a5.087 5.087 0 0 1 3.643-1.5c.815 0 1.629.214 2.357.557.472.257.9.557 1.286.943l-1.2 1.2a6.127 6.127 0 0 0-.857-.6 3.463 3.463 0 0 0-1.586-.386c-.943 0-1.8.343-2.443.986l-1.2-1.2Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.572 5.19h1.714c0 1.2 0 2.872-1.372 3.687.3.728.472 1.5.472 2.271 0 1.414 0 3.386-1.714 4.714v3.857a.86.86 0 0 1-.858.857h-2.571c-.386 0-.686-.257-.814-.6l-.643-1.97h-4.757l-.643 1.97c-.129.343-.429.6-.814.6H6a.86.86 0 0 1-.857-.857v-3.857c-.514-.343-.943-.685-1.329-1.286H2.571a.86.86 0 0 1-.857-.857V9.434a.86.86 0 0 1 .857-.857h1.115a5.7 5.7 0 0 1 1.5-2.143V4.29c0-.3.128-.557.386-.729.214-.171.557-.171.814-.043l3.086 1.543c2.957-1.2 6.17-1.028 8.7.6A6.9 6.9 0 0 1 20.1 7.42c.386-.3.471-.942.471-2.228M18 15.477c0-.3.129-.557.386-.728 1.157-.729 1.328-1.629 1.286-3.557 0-1.543-.943-3.086-2.486-4.072-2.143-1.371-4.929-1.457-7.457-.3a.74.74 0 0 1-.729 0L6.814 5.705v1.2c0 .3-.128.557-.385.729 0 0-1.029.685-1.372 2.057a.826.826 0 0 1-.814.643h-.857v2.571h.857c.343 0 .643.172.771.472.317.594.635.822 1.29 1.294l.167.12c.258.128.386.386.386.685v3.43h1.114l.643-1.972c.129-.343.429-.6.815-.6h6c.385 0 .685.257.814.6l.643 1.971H18zM9.214 9.264a5.09 5.09 0 0 1 3.643-1.5c.815 0 1.629.214 2.357.557.472.257.9.557 1.286.943l-1.2 1.2a6 6 0 0 0-.857-.6 3.46 3.46 0 0 0-1.586-.386c-.943 0-1.8.343-2.443.986z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/scan-qr-code.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 ScanQrCodeIconProps {
   role?: React.AriaRole;
 }
 
-export const ScanQrCode: React.FunctionComponent<ScanQrCodeIconProps> = ({
-  className = undefined,
+export const ScanQrCode: React.FunctionComponent<ScanQrCodeIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ScanQrCode filled /> is now deprecated, please use <ScanQrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ScanQrCode filled /> is now deprecated, please use <ScanQrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const ScanQrCode: React.FunctionComponent<ScanQrCodeIconProps> = ({
       className={`tw-icon tw-icon-scan-qr-code ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'scan-qr-code-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 1.714a.861.861 0 0 0-.862.862V8.57H3.43V3.43h5.143V1.714H2.575Zm18.848 20.572a.861.861 0 0 0 .862-.862V15.43H20.57v5.142h-5.143v1.715h5.996Zm0-20.572c.476 0 .862.386.862.862V8.57H20.57V3.43h-5.143V1.714h5.996Zm-19.71 19.71c0 .476.386.862.862.862H8.57V20.57H3.43v-5.143H1.714v5.996Zm12.857-13.71V9.43h1.714V7.714h-1.714ZM13.286 6a.429.429 0 0 0-.43.429v4.285c0 .237.193.429.43.429h4.285a.429.429 0 0 0 .429-.429V6.43A.429.429 0 0 0 17.57 6h-4.286ZM7.714 9.429V7.714H9.43V9.43H7.714ZM6 6.429C6 6.192 6.192 6 6.429 6h4.285c.237 0 .429.192.429.429v4.285a.429.429 0 0 1-.429.429H6.43A.429.429 0 0 1 6 10.714V6.43Zm1.714 8.142v1.714H9.43v-1.714H7.714ZM6.43 12.857a.429.429 0 0 0-.429.429v4.285c0 .237.192.429.429.429h4.285a.429.429 0 0 0 .429-.429v-4.286a.429.429 0 0 0-.429-.428H6.43ZM15 15h-2.143v-2.143H15V15Zm0 3h-2.143v-2.143H15V18Zm.857-3H18v-2.143h-2.143V15ZM18 18h-2.143v-2.143H18V18Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M2.576 1.714a.86.86 0 0 0-.862.862v5.996H3.43V3.429h5.143V1.714zm18.848 20.572a.86.86 0 0 0 .862-.862V15.43H20.57v5.142h-5.143v1.715zm0-20.572c.476 0 .862.386.862.862v5.996H20.57V3.429h-5.143V1.714zm-19.71 19.71c0 .476.386.862.862.862h5.996V20.57H3.429v-5.143H1.714zm12.857-13.71V9.43h1.714V7.714zM13.286 6a.43.43 0 0 0-.43.429v4.285c0 .237.193.429.43.429h4.285a.43.43 0 0 0 .429-.429V6.43A.43.43 0 0 0 17.57 6zM7.714 9.429V7.714H9.43V9.43zM6 6.429C6 6.192 6.192 6 6.429 6h4.285c.237 0 .429.192.429.429v4.285a.43.43 0 0 1-.429.429H6.43A.43.43 0 0 1 6 10.714zm1.714 8.142v1.714H9.43v-1.714zM6.43 12.857a.43.43 0 0 0-.429.429v4.285c0 .237.192.429.429.429h4.285a.43.43 0 0 0 .429-.429v-4.286a.43.43 0 0 0-.429-.428zM15 15h-2.143v-2.143H15zm0 3h-2.143v-2.143H15zm.857-3H18v-2.143h-2.143zM18 18h-2.143v-2.143H18z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}