@transferwise/icons 3.15.0 → 3.17.0

package/build/components/question-mark.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 QuestionMarkIconProps {
   role?: React.AriaRole;
 }
 
-export const QuestionMark: React.FunctionComponent<QuestionMarkIconProps> = ({
-  className = undefined,
+export const QuestionMark: React.FunctionComponent<QuestionMarkIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<QuestionMark filled /> is now deprecated, please use <QuestionMarkFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<QuestionMark filled /> is now deprecated, please use <QuestionMarkFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const QuestionMark: React.FunctionComponent<QuestionMarkIconProps> = ({
       className={`tw-icon tw-icon-question-mark ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'question-mark-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 8.569c0-3.043 2.1-5.143 5.143-5.143 3.043 0 5.143 2.1 5.143 5.143 0 1.628-1.243 2.871-2.4 4.028-.986.986-1.886 1.886-1.886 2.829v.857h-1.714v-.857c0-1.629 1.2-2.872 2.4-4.029.986-.986 1.886-1.885 1.886-2.828 0-2.1-1.33-3.429-3.43-3.429S8.572 6.47 8.572 8.57H6.857Zm6.429 10.715a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M6.857 8.569c0-3.043 2.1-5.143 5.143-5.143s5.143 2.1 5.143 5.143c0 1.628-1.243 2.871-2.4 4.028-.986.986-1.886 1.886-1.886 2.829v.857h-1.714v-.857c0-1.629 1.2-2.872 2.4-4.029.986-.985 1.886-1.885 1.886-2.828 0-2.1-1.33-3.429-3.43-3.429S8.572 6.47 8.572 8.57zm6.429 10.715a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/rain.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 RainIconProps {
   role?: React.AriaRole;
 }
 
-export const Rain: React.FunctionComponent<RainIconProps> = ({
-  className = undefined,
+export const Rain: React.FunctionComponent<RainIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Rain filled /> is now deprecated, please use <RainFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Rain filled /> is now deprecated, please use <RainFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Rain: React.FunctionComponent<RainIconProps> = ({
       className={`tw-icon tw-icon-rain ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'rain-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.067 3.556a3.379 3.379 0 0 0-3.352 2.958 1.4 1.4 0 0 1-.705 1.048 2.845 2.845 0 0 0 1.297 5.327H18.198a2.311 2.311 0 0 0-.065-4.622.89.89 0 0 1-.89-.912l.002-.066a2.578 2.578 0 0 0-3.838-2.25 1.431 1.431 0 0 1-1.78-.309 3.368 3.368 0 0 0-2.56-1.174Zm-5.09 2.552a5.157 5.157 0 0 1 8.807-2.747 4.357 4.357 0 0 1 6.18 3.213 4.09 4.09 0 0 1-.742 8.093H6.224a.892.892 0 0 1-.136-.01 4.622 4.622 0 0 1-2.11-8.55Zm14.156.381h.003ZM4.553 18.019l1.334-2.445 1.56.851-1.333 2.445-1.56-.851ZM10.33 18.019l1.334-2.445 1.56.851-1.333 2.445-1.56-.851ZM16.108 18.019l1.334-2.445 1.56.851-1.333 2.445-1.56-.851ZM6.553 21.13l1.334-2.444 1.56.85-1.333 2.445-1.56-.851ZM12.33 21.13l1.334-2.444 1.56.85-1.333 2.445-1.56-.851Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9.067 3.556a3.38 3.38 0 0 0-3.352 2.958 1.4 1.4 0 0 1-.705 1.048 2.845 2.845 0 0 0 1.297 5.327h11.891000000000002a2.311 2.311 0 0 0-.065-4.622.89.89 0 0 1-.89-.912l.002-.066a2.578 2.578 0 0 0-3.838-2.25 1.43 1.43 0 0 1-1.78-.309 3.37 3.37 0 0 0-2.56-1.174m-5.09 2.552a5.157 5.157 0 0 1 8.807-2.747 4.357 4.357 0 0 1 6.18 3.213 4.09 4.09 0 0 1-.742 8.093H6.224a1 1 0 0 1-.136-.01 4.622 4.622 0 0 1-2.11-8.55m14.156.381h.003ZM4.553 18.019l1.334-2.445 1.56.851-1.333 2.445zM10.33 18.019l1.334-2.445 1.56.851-1.333 2.445zM16.108 18.019l1.334-2.445 1.56.851-1.333 2.445zM6.553 21.13l1.334-2.444 1.56.85-1.333 2.445zM12.33 21.13l1.334-2.444 1.56.85-1.333 2.445z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/rainbow.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 RainbowIconProps {
   role?: React.AriaRole;
 }
 
-export const Rainbow: React.FunctionComponent<RainbowIconProps> = ({
-  className = undefined,
+export const Rainbow: React.FunctionComponent<RainbowIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Rainbow filled /> is now deprecated, please use <RainbowFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Rainbow filled /> is now deprecated, please use <RainbowFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Rainbow: React.FunctionComponent<RainbowIconProps> = ({
       className={`tw-icon tw-icon-rainbow ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'rainbow-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.222A10.222 10.222 0 0 0 1.778 16.444h1.778a8.444 8.444 0 1 1 16.889 0h1.777A10.222 10.222 0 0 0 12 6.222Zm-5.029 5.194a7.111 7.111 0 0 1 12.14 5.028h-1.778a5.333 5.333 0 1 0-10.667 0H4.89c0-1.886.749-3.694 2.082-5.028Zm2.2 2.2A4 4 0 0 1 16 16.444h-1.778a2.222 2.222 0 1 0-4.444 0H8a4 4 0 0 1 1.172-2.828Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12 6.222A10.22 10.22 0 0 0 1.778 16.444h1.778a8.444 8.444 0 1 1 16.889 0h1.777A10.22 10.22 0 0 0 12 6.222m-5.029 5.194a7.111 7.111 0 0 1 12.14 5.028h-1.778a5.333 5.333 0 1 0-10.667 0H4.89c0-1.886.749-3.694 2.082-5.028m2.2 2.2A4 4 0 0 1 16 16.444h-1.778a2.222 2.222 0 1 0-4.444 0H8a4 4 0 0 1 1.172-2.828" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/receipt.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 ReceiptIconProps {
   role?: React.AriaRole;
 }
 
-export const Receipt: React.FunctionComponent<ReceiptIconProps> = ({
-  className = undefined,
+export const Receipt: React.FunctionComponent<ReceiptIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Receipt filled /> is now deprecated, please use <ReceiptFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Receipt filled /> is now deprecated, please use <ReceiptFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Receipt: React.FunctionComponent<ReceiptIconProps> = ({
       className={`tw-icon tw-icon-receipt ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'receipt-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 20.777c0 .923.944 1.546 1.792 1.182L9 21.074l2.493 1.069c.324.138.69.138 1.014 0L15 21.074l2.065.885a1.286 1.286 0 0 0 1.792-1.182V3c0-.71-.575-1.286-1.286-1.286H6.43c-.71 0-1.286.576-1.286 1.286v17.778Zm3.35-1.351-1.636.701v-16.7h10.286v16.7l-1.636-.701a1.286 1.286 0 0 0-1.014 0L12 20.495l-2.494-1.069a1.286 1.286 0 0 0-1.012 0Zm.078-9.14v1.713h6.858v-1.714H8.57Zm0-2.144V6.428h6.858v1.714H8.57Zm0 6v1.715h6.858v-1.715H8.57Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M5.143 20.777c0 .923.944 1.546 1.792 1.182L9 21.074l2.493 1.069c.324.138.69.138 1.014 0L15 21.074l2.065.885a1.286 1.286 0 0 0 1.792-1.182V3c0-.71-.575-1.286-1.286-1.286H6.43c-.71 0-1.286.576-1.286 1.286zm3.35-1.351-1.636.701v-16.7h10.286v16.7l-1.636-.701a1.29 1.29 0 0 0-1.014 0L12 20.495l-2.494-1.069a1.29 1.29 0 0 0-1.012 0m.078-9.14v1.713h6.858v-1.714zm0-2.144V6.428h6.858v1.714zm0 6v1.715h6.858v-1.715z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/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 ReceiveIconProps {
   role?: React.AriaRole;
 }
 
-export const Receive: React.FunctionComponent<ReceiveIconProps> = ({
-  className = undefined,
+export const Receive: React.FunctionComponent<ReceiveIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Receive filled /> is now deprecated, please use <ReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Receive filled /> is now deprecated, please use <ReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Receive: React.FunctionComponent<ReceiveIconProps> = ({
       className={`tw-icon tw-icon-receive ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || '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 d="m20.143 12.258-7.114 7.114V1.715h-1.715v17.657L4.2 12.258l-1.2 1.2 8.571 8.571a.846.846 0 0 0 .6.257.846.846 0 0 0 .6-.257l8.572-8.571-1.2-1.2Z" />
+            <path d="m20.143 12.258-7.114 7.114V1.715h-1.715v17.657L4.2 12.258l-1.2 1.2 8.571 8.571a.85.85 0 0 0 .6.257.85.85 0 0 0 .6-.257l8.572-8.571z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/recipients.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 RecipientsIconProps {
   role?: React.AriaRole;
 }
 
-export const Recipients: React.FunctionComponent<RecipientsIconProps> = ({
-  className = undefined,
+export const Recipients: React.FunctionComponent<RecipientsIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Recipients filled /> is now deprecated, please use <RecipientsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Recipients filled /> is now deprecated, please use <RecipientsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Recipients: React.FunctionComponent<RecipientsIconProps> = ({
       className={`tw-icon tw-icon-recipients ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'recipients-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="M17.186 12.3a5.114 5.114 0 0 0 2.1-4.157C19.286 5.314 16.97 3 14.143 3a5.168 5.168 0 0 0-4.457 2.571c-2.743.086-4.972 2.358-4.972 5.143 0 1.715.815 3.215 2.1 4.157A6.796 6.796 0 0 0 3 21h1.714c0-2.014 1.2-3.771 2.872-4.629.643-.3 1.328-.514 2.1-.514h.171C12.686 15.857 15 18.171 15 21h1.714c0-2.7-1.543-5.014-3.814-6.129a5.61 5.61 0 0 0 1.414-1.585c2.743.085 4.972 2.357 4.972 5.143H21c0-2.7-1.543-5.015-3.814-6.129Zm-8.272 1.714C7.5 13.586 6.43 12.3 6.43 10.714c0-1.628 1.114-2.957 2.614-3.343.257-.042.514-.085.814-.085.343 0 .643.043.943.128 1.457.429 2.486 1.715 2.486 3.3 0 .257-.043.472-.086.729-.343 1.543-1.714 2.7-3.343 2.7-.343 0-.643-.043-.943-.129Zm6.043-2.528c.043-.257.043-.515.043-.772 0-2.228-1.414-4.114-3.429-4.843a3.376 3.376 0 0 1 2.572-1.157 3.439 3.439 0 0 1 3.428 3.429c0 1.628-1.114 2.957-2.614 3.343Z" />
+            <path d="M17.186 12.3a5.11 5.11 0 0 0 2.1-4.157C19.286 5.314 16.97 3 14.143 3a5.17 5.17 0 0 0-4.457 2.571c-2.743.086-4.972 2.358-4.972 5.143 0 1.715.815 3.215 2.1 4.157A6.8 6.8 0 0 0 3 21h1.714c0-2.014 1.2-3.771 2.872-4.629.643-.3 1.328-.514 2.1-.514h.171C12.686 15.857 15 18.171 15 21h1.714c0-2.7-1.543-5.014-3.814-6.129a5.6 5.6 0 0 0 1.414-1.585c2.743.085 4.972 2.357 4.972 5.143H21c0-2.7-1.543-5.015-3.814-6.129m-8.272 1.714C7.5 13.586 6.43 12.3 6.43 10.714c0-1.628 1.114-2.957 2.614-3.343.257-.042.514-.085.814-.085.343 0 .643.043.943.128 1.457.429 2.486 1.715 2.486 3.3 0 .257-.043.472-.086.729-.343 1.543-1.714 2.7-3.343 2.7-.343 0-.643-.043-.943-.129m6.043-2.528c.043-.257.043-.515.043-.772 0-2.228-1.414-4.114-3.429-4.843a3.38 3.38 0 0 1 2.572-1.157 3.44 3.44 0 0 1 3.428 3.429c0 1.628-1.114 2.957-2.614 3.343"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/refresh.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 RefreshIconProps {
   role?: React.AriaRole;
 }
 
-export const Refresh: React.FunctionComponent<RefreshIconProps> = ({
-  className = undefined,
+export const Refresh: React.FunctionComponent<RefreshIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Refresh filled /> is now deprecated, please use <RefreshFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Refresh filled /> is now deprecated, please use <RefreshFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Refresh: React.FunctionComponent<RefreshIconProps> = ({
       className={`tw-icon tw-icon-refresh ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'refresh-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 1.719V5.19A10.26 10.26 0 0 0 12.43 1.72c-5.657 0-10.286 4.628-10.286 10.286 0 5.657 4.629 10.285 10.286 10.285 2.743 0 5.314-1.071 7.286-3l-1.2-1.2a8.74 8.74 0 0 1-6.086 2.486c-4.715 0-8.572-3.857-8.572-8.572 0-4.714 3.857-8.571 8.572-8.571 2.743 0 5.271 1.286 6.857 3.429H15v1.714h6a.86.86 0 0 0 .857-.857v-6h-1.714Z" />
+            <path d="M20.143 1.719V5.19A10.26 10.26 0 0 0 12.43 1.72c-5.657 0-10.286 4.628-10.286 10.286S6.772 22.29 12.43 22.29c2.743 0 5.314-1.071 7.286-3l-1.2-1.2a8.74 8.74 0 0 1-6.086 2.486c-4.714 0-8.572-3.857-8.572-8.571 0-4.715 3.858-8.572 8.572-8.572 2.743 0 5.271 1.286 6.857 3.429H15v1.714h6a.86.86 0 0 0 .857-.857v-6z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/refund-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 RefundReceiveIconProps {
   role?: React.AriaRole;
 }
 
-export const RefundReceive: React.FunctionComponent<RefundReceiveIconProps> = ({
-  className = undefined,
+export const RefundReceive: React.FunctionComponent<RefundReceiveIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<RefundReceive filled /> is now deprecated, please use <RefundReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<RefundReceive filled /> is now deprecated, please use <RefundReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const RefundReceive: React.FunctionComponent<RefundReceiveIconProps> = ({
       className={`tw-icon tw-icon-refund-receive ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'refund-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="M15 19.36V8.571a5.143 5.143 0 1 0-10.286 0v3H3v-3a6.857 6.857 0 1 1 13.714 0v10.787l3.68-3.68 1.212 1.213-5.14 5.14a.861.861 0 0 1-1.218 0l-5.14-5.14 1.212-1.212L15 19.36Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M15 19.36V8.571a5.143 5.143 0 1 0-10.286 0v3H3v-3a6.857 6.857 0 1 1 13.714 0v10.787l3.68-3.68 1.212 1.213-5.14 5.14a.86.86 0 0 1-1.218 0l-5.14-5.14 1.212-1.212z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/refund-sent.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 RefundSentIconProps {
   role?: React.AriaRole;
 }
 
-export const RefundSent: React.FunctionComponent<RefundSentIconProps> = ({
-  className = undefined,
+export const RefundSent: React.FunctionComponent<RefundSentIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<RefundSent filled /> is now deprecated, please use <RefundSentFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<RefundSent filled /> is now deprecated, please use <RefundSentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const RefundSent: React.FunctionComponent<RefundSentIconProps> = ({
       className={`tw-icon tw-icon-refund-sent ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'refund-sent-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="m15 4.64-3.68 3.68-1.212-1.212 5.14-5.14a.861.861 0 0 1 1.218 0l5.14 5.14-1.212 1.212-3.68-3.68v10.788a6.857 6.857 0 1 1-13.714 0v-3h1.714v3a5.143 5.143 0 1 0 10.286 0V4.641Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m15 4.64-3.68 3.68-1.212-1.212 5.14-5.14a.86.86 0 0 1 1.218 0l5.14 5.14-1.212 1.212-3.68-3.68v10.788a6.857 6.857 0 1 1-13.714 0v-3h1.714v3a5.143 5.143 0 1 0 10.286 0z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/reload.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 ReloadIconProps {
   role?: React.AriaRole;
 }
 
-export const Reload: React.FunctionComponent<ReloadIconProps> = ({
-  className = undefined,
+export const Reload: React.FunctionComponent<ReloadIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Reload filled /> is now deprecated, please use <ReloadFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Reload filled /> is now deprecated, please use <ReloadFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Reload: React.FunctionComponent<ReloadIconProps> = ({
       className={`tw-icon tw-icon-reload ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'reload-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 1.719V5.19A10.26 10.26 0 0 0 12.43 1.72c-5.657 0-10.286 4.628-10.286 10.286 0 5.657 4.629 10.285 10.286 10.285 2.743 0 5.314-1.071 7.286-3l-1.2-1.2a8.74 8.74 0 0 1-6.086 2.486c-4.715 0-8.572-3.857-8.572-8.572 0-4.714 3.857-8.571 8.572-8.571 2.743 0 5.271 1.286 6.857 3.429H15v1.714h6a.86.86 0 0 0 .857-.857v-6h-1.714Z" />
+            <path d="M20.143 1.719V5.19A10.26 10.26 0 0 0 12.43 1.72c-5.657 0-10.286 4.628-10.286 10.286S6.772 22.29 12.43 22.29c2.743 0 5.314-1.071 7.286-3l-1.2-1.2a8.74 8.74 0 0 1-6.086 2.486c-4.714 0-8.572-3.857-8.572-8.571 0-4.715 3.858-8.572 8.572-8.572 2.743 0 5.271 1.286 6.857 3.429H15v1.714h6a.86.86 0 0 0 .857-.857v-6z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}