@transferwise/icons 3.16.0 → 3.18.0

package/build/components/coins.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 CoinsIconProps {
   role?: React.AriaRole;
 }
 
-export const Coins: React.FunctionComponent<CoinsIconProps> = ({
-  className = undefined,
+export const Coins: React.FunctionComponent<CoinsIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Coins filled /> is now deprecated, please use <CoinsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Coins filled /> is now deprecated, please use <CoinsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Coins: React.FunctionComponent<CoinsIconProps> = ({
       className={`tw-icon tw-icon-coins ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'coins-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.662 3.429a6.23 6.23 0 0 1 5.323 2.987 7.948 7.948 0 0 0-8.57 8.57A6.234 6.234 0 0 1 9.663 3.429M6.887 17.113A7.948 7.948 0 1 1 17.112 6.888 7.948 7.948 0 1 1 6.888 17.113m13.685-2.775a6.234 6.234 0 1 1-12.468 0 6.234 6.234 0 0 1 12.468 0"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9.662 3.429a6.23 6.23 0 0 1 5.323 2.987 7.948 7.948 0 0 0-8.57 8.57A6.234 6.234 0 0 1 9.663 3.429M6.887 17.113A7.948 7.948 0 1 1 17.112 6.888 7.948 7.948 0 1 1 6.888 17.113m13.685-2.775a6.234 6.234 0 1 1-12.468 0 6.234 6.234 0 0 1 12.468 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/collapse.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 CollapseIconProps {
   role?: React.AriaRole;
 }
 
-export const Collapse: React.FunctionComponent<CollapseIconProps> = ({
-  className = undefined,
+export const Collapse: React.FunctionComponent<CollapseIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Collapse filled /> is now deprecated, please use <CollapseFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Collapse filled /> is now deprecated, please use <CollapseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Collapse: React.FunctionComponent<CollapseIconProps> = ({
       className={`tw-icon tw-icon-collapse ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'collapse-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.572 14.144-6 6 1.2 1.2 5.4-5.4 5.4 5.4 1.2-1.2-6-6a.83.83 0 0 0-1.2 0M12.172 10.46a.85.85 0 0 0 .6-.258l6-6-1.2-1.2-5.4 5.4-5.4-5.4-1.2 1.2 6 6a.85.85 0 0 0 .6.257" />
+            <path d="m11.572 14.144-6 6 1.2 1.2 5.4-5.4 5.4 5.4 1.2-1.2-6-6a.83.83 0 0 0-1.2 0M12.172 10.46a.85.85 0 0 0 .6-.258l6-6-1.2-1.2-5.4 5.4-5.4-5.4-1.2 1.2 6 6a.85.85 0 0 0 .6.257"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/comments.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 CommentsIconProps {
   role?: React.AriaRole;
 }
 
-export const Comments: React.FunctionComponent<CommentsIconProps> = ({
-  className = undefined,
+export const Comments: React.FunctionComponent<CommentsIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Comments filled /> is now deprecated, please use <CommentsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Comments filled /> is now deprecated, please use <CommentsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Comments: React.FunctionComponent<CommentsIconProps> = ({
       className={`tw-icon tw-icon-comments ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'comments-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.429 2.143h-12A.86.86 0 0 0 8.572 3v6h-6a.86.86 0 0 0-.858.857v8.571a.86.86 0 0 0 .858.857h1.714V21c0 .3.171.6.428.728a.72.72 0 0 0 .429.129c.171 0 .3-.043.429-.129l4.071-2.443h4.929a.86.86 0 0 0 .857-.857v-5.357l3 1.8c.128.086.3.129.428.129.129 0 .3-.043.429-.129.257-.171.428-.428.428-.728v-1.715h1.715a.86.86 0 0 0 .857-.857V3a.86.86 0 0 0-.857-.857m-12 15.428c-.172 0-.3.043-.429.129l-3 1.8v-1.072a.86.86 0 0 0-.857-.857H3.429v-6.857h5.143v.857a.86.86 0 0 0 .857.857h4.285v5.143zm11.143-6.857h-1.715a.86.86 0 0 0-.857.857v1.072l-3-1.8h-.043c-.043-.043-.085-.043-.171-.086h-.043c-.043-.043-.086-.043-.171-.043h-4.286V3.857h10.286z" />
+            <path d="M21.429 2.143h-12A.86.86 0 0 0 8.572 3v6h-6a.86.86 0 0 0-.858.857v8.571a.86.86 0 0 0 .858.857h1.714V21c0 .3.171.6.428.728a.72.72 0 0 0 .429.129c.171 0 .3-.043.429-.129l4.071-2.443h4.929a.86.86 0 0 0 .857-.857v-5.357l3 1.8c.128.086.3.129.428.129.129 0 .3-.043.429-.129.257-.171.428-.428.428-.728v-1.715h1.715a.86.86 0 0 0 .857-.857V3a.86.86 0 0 0-.857-.857m-12 15.428c-.172 0-.3.043-.429.129l-3 1.8v-1.072a.86.86 0 0 0-.857-.857H3.429v-6.857h5.143v.857a.86.86 0 0 0 .857.857h4.285v5.143zm11.143-6.857h-1.715a.86.86 0 0 0-.857.857v1.072l-3-1.8h-.043c-.043-.043-.085-.043-.171-.086h-.043c-.043-.043-.086-.043-.171-.043h-4.286V3.857h10.286z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

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

package/build/components/confetti.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 ConfettiIconProps {
   role?: React.AriaRole;
 }
 
-export const Confetti: React.FunctionComponent<ConfettiIconProps> = ({
-  className = undefined,
+export const Confetti: React.FunctionComponent<ConfettiIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Confetti filled /> is now deprecated, please use <ConfettiFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Confetti filled /> is now deprecated, please use <ConfettiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Confetti: React.FunctionComponent<ConfettiIconProps> = ({
       className={`tw-icon tw-icon-confetti ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'confetti-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="M11.351 8.77a5.334 5.334 0 0 0 .54-6.471l-1.495.961a3.556 3.556 0 0 1-.36 4.314zm7.52-4.598-.348-1.432-1.018 1.066-1.432.348 1.066 1.018.349 1.432 1.017-1.066 1.432-.348zm-12.05-.988L7.838 4.25 9.27 4.6 8.204 5.616l-.348 1.432-1.018-1.066-1.432-.348 1.066-1.018zM4.13 21.636a1.333 1.333 0 0 1-1.633-1.633L5.461 8.944c.199-.74 1.031-1.222 1.813-.841.872.423 2.73 1.492 4.997 3.76s3.336 4.125 3.76 4.996c.38.782-.101 1.615-.842 1.813zm.283-1.917 9.74-2.61c-.486-.86-1.438-2.288-3.14-3.99-1.701-1.701-3.129-2.653-3.99-3.14zm15.442-5.423.349 1.431 1.066 1.018-1.432.348-1.018 1.066-.348-1.431-1.066-1.018 1.432-.349zm-4.745-4.518a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667m2.274.94a5.33 5.33 0 0 0-2.524 1.119l1.116 1.384a3.56 3.56 0 0 1 3.513-.55l.64-1.659a5.33 5.33 0 0 0-2.745-.293"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M11.351 8.77a5.334 5.334 0 0 0 .54-6.471l-1.495.961a3.556 3.556 0 0 1-.36 4.314zm7.52-4.598-.348-1.432-1.018 1.066-1.432.348 1.066 1.018.349 1.432 1.017-1.066 1.432-.348zm-12.05-.988L7.838 4.25 9.27 4.6 8.204 5.616l-.348 1.432-1.018-1.066-1.432-.348 1.066-1.018zM4.13 21.636a1.333 1.333 0 0 1-1.633-1.633L5.461 8.944c.199-.74 1.031-1.222 1.813-.841.872.423 2.73 1.492 4.997 3.76s3.336 4.125 3.76 4.996c.38.782-.101 1.615-.842 1.813zm.283-1.917 9.74-2.61c-.486-.86-1.438-2.288-3.14-3.99-1.701-1.701-3.129-2.653-3.99-3.14zm15.442-5.423.349 1.431 1.066 1.018-1.432.348-1.018 1.066-.348-1.431-1.066-1.018 1.432-.349zm-4.745-4.518a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667m2.274.94a5.33 5.33 0 0 0-2.524 1.119l1.116 1.384a3.56 3.56 0 0 1 3.513-.55l.64-1.659a5.33 5.33 0 0 0-2.745-.293" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/contactless.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 ContactlessIconProps {
   role?: React.AriaRole;
 }
 
-export const Contactless: React.FunctionComponent<ContactlessIconProps> = ({
-  className = undefined,
+export const Contactless: React.FunctionComponent<ContactlessIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Contactless filled /> is now deprecated, please use <ContactlessFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Contactless filled /> is now deprecated, please use <ContactlessFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Contactless: React.FunctionComponent<ContactlessIconProps> = ({
       className={`tw-icon tw-icon-contactless ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'contactless-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.671 1.713-1.2 1.2c5.015 5.014 5.015 13.157 0 18.171l1.2 1.2c5.7-5.657 5.7-14.914 0-20.571m-3 3-1.2 1.2a8.74 8.74 0 0 1 2.486 6.086c0 2.271-.9 4.457-2.529 6.042l1.243 1.243c1.929-1.928 3-4.542 3-7.285s-1.071-5.315-3-7.286M6.428 14.999a4.27 4.27 0 0 0 0-6.043l1.2-1.243a5.975 5.975 0 0 1 0 8.486z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m13.671 1.713-1.2 1.2c5.015 5.014 5.015 13.157 0 18.171l1.2 1.2c5.7-5.657 5.7-14.914 0-20.571m-3 3-1.2 1.2a8.74 8.74 0 0 1 2.486 6.086c0 2.271-.9 4.457-2.529 6.042l1.243 1.243c1.929-1.928 3-4.542 3-7.285s-1.071-5.315-3-7.286M6.428 14.999a4.27 4.27 0 0 0 0-6.043l1.2-1.243a5.975 5.975 0 0 1 0 8.486z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/contract-services.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 ContractServicesIconProps {
   role?: React.AriaRole;
 }
 
-export const ContractServices: React.FunctionComponent<ContractServicesIconProps> = ({
-  className = undefined,
+export const ContractServices: React.FunctionComponent<ContractServicesIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ContractServices filled /> is now deprecated, please use <ContractServicesFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ContractServices filled /> is now deprecated, please use <ContractServicesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const ContractServices: React.FunctionComponent<ContractServicesIconProps
       className={`tw-icon tw-icon-contract-services ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'contract-services-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 10.007V8.292h-2.143c-.643-.857-2.229-2.571-3.857-2.571h-3.043C11.7 4.35 7.97 4.735 6.77 4.864c-.042 0-.128 0-.17.043l-2.444.814H1.714v1.714H3.43v6.857H1.714v1.715h2.272c.814.643 3.514 2.571 6.3 2.571.214 0 .386 0 .6-.043a7.7 7.7 0 0 0 3.128.643c2.443 0 4.458-1.071 5.1-1.457h3.172v-1.714H20.57v-6zM5.143 14.72V7.178l1.886-.643c1.242-.128 2.614-.171 3.643-.043L7.156 9.321c-.085.086-.171.171-.214.3-.257.514-.386 1.8 1.157 2.829 1.372.942 3.686-.043 4.757-.6l2.957 1.757c-1.414 1.328-3.771 3.257-5.528 3.257-2.143 0-4.372-1.543-5.143-2.143M18.6 16.007l-.214.128c-.043 0-2.143 1.372-4.714 1.286 2.1-1.243 3.814-3.129 4.07-3.429a.79.79 0 0 0 .215-.685.83.83 0 0 0-.386-.6l-4.285-2.572a.78.78 0 0 0-.857 0c-1.2.686-2.872 1.2-3.386.9-.343-.214-.471-.428-.514-.557L12.3 7.435h3.986c.728 0 1.886 1.115 2.571 2.015v6.557z" />
+            <path d="M22.286 10.007V8.292h-2.143c-.643-.857-2.229-2.571-3.857-2.571h-3.043C11.7 4.35 7.97 4.735 6.77 4.864c-.042 0-.128 0-.17.043l-2.444.814H1.714v1.714H3.43v6.857H1.714v1.715h2.272c.814.643 3.514 2.571 6.3 2.571.214 0 .386 0 .6-.043a7.7 7.7 0 0 0 3.128.643c2.443 0 4.458-1.071 5.1-1.457h3.172v-1.714H20.57v-6zM5.143 14.72V7.178l1.886-.643c1.242-.128 2.614-.171 3.643-.043L7.156 9.321c-.085.086-.171.171-.214.3-.257.514-.386 1.8 1.157 2.829 1.372.942 3.686-.043 4.757-.6l2.957 1.757c-1.414 1.328-3.771 3.257-5.528 3.257-2.143 0-4.372-1.543-5.143-2.143M18.6 16.007l-.214.128c-.043 0-2.143 1.372-4.714 1.286 2.1-1.243 3.814-3.129 4.07-3.429a.79.79 0 0 0 .215-.685.83.83 0 0 0-.386-.6l-4.285-2.572a.78.78 0 0 0-.857 0c-1.2.686-2.872 1.2-3.386.9-.343-.214-.471-.428-.514-.557L12.3 7.435h3.986c.728 0 1.886 1.115 2.571 2.015v6.557z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/convert.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 ConvertIconProps {
   role?: React.AriaRole;
 }
 
-export const Convert: React.FunctionComponent<ConvertIconProps> = ({
-  className = undefined,
+export const Convert: React.FunctionComponent<ConvertIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Convert filled /> is now deprecated, please use <ConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Convert filled /> is now deprecated, please use <ConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Convert: React.FunctionComponent<ConvertIconProps> = ({
       className={`tw-icon tw-icon-convert ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'convert-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.029 11.572-6-6-1.2 1.2 4.543 4.543H4.629l4.543-4.543-1.2-1.2-6 6a.83.83 0 0 0 0 1.2l6 6 1.2-1.2-4.543-4.543h14.7l-4.5 4.543 1.2 1.2 6-6a.83.83 0 0 0 0-1.2" />
+            <path d="m22.029 11.572-6-6-1.2 1.2 4.543 4.543H4.629l4.543-4.543-1.2-1.2-6 6a.83.83 0 0 0 0 1.2l6 6 1.2-1.2-4.543-4.543h14.7l-4.5 4.543 1.2 1.2 6-6a.83.83 0 0 0 0-1.2"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/cost-of-goods-sold.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 CostOfGoodsSoldIconProps {
   role?: React.AriaRole;
 }
 
-export const CostOfGoodsSold: React.FunctionComponent<CostOfGoodsSoldIconProps> = ({
-  className = undefined,
+export const CostOfGoodsSold: React.FunctionComponent<CostOfGoodsSoldIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<CostOfGoodsSold filled /> is now deprecated, please use <CostOfGoodsSoldFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CostOfGoodsSold filled /> is now deprecated, please use <CostOfGoodsSoldFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const CostOfGoodsSold: React.FunctionComponent<CostOfGoodsSoldIconProps>
       className={`tw-icon tw-icon-cost-of-goods-sold ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'cost-of-goods-sold-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 11.142h6v1.714h-.857v7.714a.86.86 0 0 1-.857.857H1.714a.86.86 0 0 1-.857-.857v-7.714H0v-1.714h6V4.285h-.857V2.57h13.671v1.715H18zm-1.714-6.857H7.714v6.857h8.572zm-9.429 8.571H2.571v6.857h8.572v-6.857zm6 6.857h8.572v-6.857h-8.572zM10.286 5.998h3.428v1.714h-3.428zM5.143 14.57h3.429v1.715H5.143zm13.714 0H15.43v1.715h3.428z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M18 11.142h6v1.714h-.857v7.714a.86.86 0 0 1-.857.857H1.714a.86.86 0 0 1-.857-.857v-7.714H0v-1.714h6V4.285h-.857V2.57h13.671v1.715H18zm-1.714-6.857H7.714v6.857h8.572zm-9.429 8.571H2.571v6.857h8.572v-6.857zm6 6.857h8.572v-6.857h-8.572zM10.286 5.998h3.428v1.714h-3.428zM5.143 14.57h3.429v1.715H5.143zm13.714 0H15.43v1.715h3.428z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/cross-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 CrossCircleFillIconProps {
   role?: React.AriaRole;
 }
 
-export const CrossCircleFill: React.FunctionComponent<CrossCircleFillIconProps> = ({
-  className = undefined,
+export const CrossCircleFill: React.FunctionComponent<CrossCircleFillIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<CrossCircleFill filled /> is now deprecated, please use <CrossCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CrossCircleFill filled /> is now deprecated, please use <CrossCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const CrossCircleFill: React.FunctionComponent<CrossCircleFillIconProps>
       className={`tw-icon tw-icon-cross-circle-fill ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'cross-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="M1.714 12C1.714 6.344 6.343 1.716 12 1.716S22.286 6.343 22.286 12 17.657 22.286 12 22.286 1.714 17.658 1.714 12.001M12 10.8l4.243-4.244 1.2 1.2L13.2 12l4.243 4.243-1.2 1.2L12 13.2l-4.243 4.243-1.2-1.2L10.8 12 6.557 7.756l1.2-1.2z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M1.714 12C1.714 6.344 6.343 1.716 12 1.716S22.286 6.343 22.286 12 17.657 22.286 12 22.286 1.714 17.658 1.714 12.001M12 10.8l4.243-4.244 1.2 1.2L13.2 12l4.243 4.243-1.2 1.2L12 13.2l-4.243 4.243-1.2-1.2L10.8 12 6.557 7.756l1.2-1.2z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}