@transferwise/icons 3.16.0 → 3.17.0

package/build/components/card-wise.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 CardWiseIconProps {
   role?: React.AriaRole;
 }
 
-export const CardWise: React.FunctionComponent<CardWiseIconProps> = ({
-  className = undefined,
+export const CardWise: React.FunctionComponent<CardWiseIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<CardWise filled /> is now deprecated, please use <CardWiseFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CardWise filled /> is now deprecated, please use <CardWiseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const CardWise: React.FunctionComponent<CardWiseIconProps> = ({
       className={`tw-icon tw-icon-card-wise ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'card-wise-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.424 4.714c.476 0 .862.386.862.862v6.423c0 .237-.2.424-.415.526a1.3 1.3 0 0 0-.416.322 1.8 1.8 0 0 0-.33.568 2.1 2.1 0 0 0-.125.728c0 .255.044.502.126.728.081.225.196.416.328.567s.276.256.417.323c.203.096.393.268.413.486h.002v2.606a.86.86 0 0 1-.862.861H2.576a.86.86 0 0 1-.862-.861V5.576c0-.476.386-.862.862-.862zm-.853 12.242V18H3.428V6.429h17.143v4.9a3 3 0 0 0-.407.39c-.278.318-.5.696-.65 1.112s-.228.862-.228 1.312.077.896.228 1.312c.15.416.372.794.65 1.112q.19.216.407.39m-15-5.813h2.572V9.429H5.57z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M21.424 4.714c.476 0 .862.386.862.862v6.423c0 .237-.2.424-.415.526a1.3 1.3 0 0 0-.416.322 1.8 1.8 0 0 0-.33.568 2.1 2.1 0 0 0-.125.728c0 .255.044.502.126.728.081.225.196.416.328.567s.276.256.417.323c.203.096.393.268.413.486h.002v2.606a.86.86 0 0 1-.862.861H2.576a.86.86 0 0 1-.862-.861V5.576c0-.476.386-.862.862-.862zm-.853 12.242V18H3.428V6.429h17.143v4.9a3 3 0 0 0-.407.39c-.278.318-.5.696-.65 1.112s-.228.862-.228 1.312.077.896.228 1.312c.15.416.372.794.65 1.112q.19.216.407.39m-15-5.813h2.572V9.429H5.57z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/card.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 CardIconProps {
   role?: React.AriaRole;
 }
 
-export const Card: React.FunctionComponent<CardIconProps> = ({
-  className = undefined,
+export const Card: React.FunctionComponent<CardIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Card filled /> is now deprecated, please use <CardFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Card filled /> is now deprecated, please use <CardFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Card: React.FunctionComponent<CardIconProps> = ({
       className={`tw-icon tw-icon-card ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'card-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 4.286a.86.86 0 0 0-.862.861v13.277c0 .476.386.862.862.862h18.848a.86.86 0 0 0 .862-.862V5.147a.86.86 0 0 0-.862-.861zm.853 13.286V6h17.143v2.143H3.428v1.714h17.143v7.715z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M2.576 4.286a.86.86 0 0 0-.862.861v13.277c0 .476.386.862.862.862h18.848a.86.86 0 0 0 .862-.862V5.147a.86.86 0 0 0-.862-.861zm.853 13.286V6h17.143v2.143H3.428v1.714h17.143v7.715z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/cash-app.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 CashAppIconProps {
   role?: React.AriaRole;
 }
 
-export const CashApp: React.FunctionComponent<CashAppIconProps> = ({
-  className = undefined,
+export const CashApp: React.FunctionComponent<CashAppIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<CashApp filled /> is now deprecated, please use <CashAppFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CashApp filled /> is now deprecated, please use <CashAppFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const CashApp: React.FunctionComponent<CashAppIconProps> = ({
       className={`tw-icon tw-icon-cash-app ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'cash-app-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="M6.481 1.714a4.78 4.78 0 0 0-3.37 1.389 4.73 4.73 0 0 0-1.397 3.353v11.088c0 1.258.503 2.464 1.396 3.353a4.78 4.78 0 0 0 3.371 1.389h11.038a4.78 4.78 0 0 0 3.37-1.389 4.73 4.73 0 0 0 1.397-3.353V6.456a4.73 4.73 0 0 0-1.396-3.353 4.78 4.78 0 0 0-3.37-1.389zm8.86 7.667a4.37 4.37 0 0 0-2.807-1.025c-.848 0-1.696.279-1.696 1.053 0 .707.754.985 1.683 1.324l.276.1c1.838.618 3.351 1.373 3.351 3.164 0 1.945-1.517 3.277-4.004 3.426l-.227 1.041a.4.4 0 0 1-.406.331H9.95a.43.43 0 0 1-.404-.331.4.4 0 0 1-.001-.185l.243-1.102a5.75 5.75 0 0 1-2.507-1.364.404.404 0 0 1 0-.601l.868-.843a.406.406 0 0 1 .593 0 4.2 4.2 0 0 0 2.953 1.15c1.132 0 1.898-.476 1.898-1.235 0-.682-.629-.912-1.825-1.348l-.406-.145c-1.533-.545-2.99-1.324-2.99-3.131 0-2.095 1.757-3.116 3.83-3.229l.219-1.06a.4.4 0 0 1 .406-.332h1.557a.41.41 0 0 1 .41.32.4.4 0 0 1-.004.185l-.243 1.186c.793.26 1.527.67 2.162 1.21a.403.403 0 0 1 .02.606l-.811.807a.43.43 0 0 1-.576.012z" />
+            <path d="M6.481 1.714a4.78 4.78 0 0 0-3.37 1.389 4.73 4.73 0 0 0-1.397 3.353v11.088c0 1.258.503 2.464 1.396 3.353a4.78 4.78 0 0 0 3.371 1.389h11.038a4.78 4.78 0 0 0 3.37-1.389 4.73 4.73 0 0 0 1.397-3.353V6.456a4.73 4.73 0 0 0-1.396-3.353 4.78 4.78 0 0 0-3.37-1.389zm8.86 7.667a4.37 4.37 0 0 0-2.807-1.025c-.848 0-1.696.279-1.696 1.053 0 .707.754.985 1.683 1.324l.276.1c1.838.618 3.351 1.373 3.351 3.164 0 1.945-1.517 3.277-4.004 3.426l-.227 1.041a.4.4 0 0 1-.406.331H9.95a.43.43 0 0 1-.404-.331.4.4 0 0 1-.001-.185l.243-1.102a5.75 5.75 0 0 1-2.507-1.364.404.404 0 0 1 0-.601l.868-.843a.406.406 0 0 1 .593 0 4.2 4.2 0 0 0 2.953 1.15c1.132 0 1.898-.476 1.898-1.235 0-.682-.629-.912-1.825-1.348l-.406-.145c-1.533-.545-2.99-1.324-2.99-3.131 0-2.095 1.757-3.116 3.83-3.229l.219-1.06a.4.4 0 0 1 .406-.332h1.557a.41.41 0 0 1 .41.32.4.4 0 0 1-.004.185l-.243 1.186c.793.26 1.527.67 2.162 1.21a.403.403 0 0 1 .02.606l-.811.807a.43.43 0 0 1-.576.012z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/cash-register.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 CashRegisterIconProps {
   role?: React.AriaRole;
 }
 
-export const CashRegister: React.FunctionComponent<CashRegisterIconProps> = ({
-  className = undefined,
+export const CashRegister: React.FunctionComponent<CashRegisterIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<CashRegister filled /> is now deprecated, please use <CashRegisterFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CashRegister filled /> is now deprecated, please use <CashRegisterFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const CashRegister: React.FunctionComponent<CashRegisterIconProps> = ({
       className={`tw-icon tw-icon-cash-register ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'cash-register-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.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"
-            />
+            <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/charity.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 CharityIconProps {
   role?: React.AriaRole;
 }
 
-export const Charity: React.FunctionComponent<CharityIconProps> = ({
-  className = undefined,
+export const Charity: React.FunctionComponent<CharityIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Charity filled /> is now deprecated, please use <CharityFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Charity filled /> is now deprecated, please use <CharityFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Charity: React.FunctionComponent<CharityIconProps> = ({
       className={`tw-icon tw-icon-charity ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'charity-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.262 4.2A4.46 4.46 0 0 1 12 3.216c.78 0 1.84.216 2.726.911.922.724 1.56 1.894 1.56 3.589 0 .958-.452 2.069-1.043 3.148-.549 1-1.277 2.077-2.078 3.145a74 74 0 0 0 4.798 5.315l-1.212 1.212a76 76 0 0 1-4.666-5.141 69 69 0 0 1-4.622 5.141l-1.212-1.212a67 67 0 0 0 4.738-5.303c-.85-1.103-1.623-2.212-2.202-3.227-.601-1.057-1.073-2.15-1.073-3.078 0-1.624.648-2.78 1.548-3.514m2.807 8.408c.657-.9 1.234-1.773 1.67-2.57.57-1.037.832-1.824.832-2.323 0-1.22-.434-1.871-.904-2.24-.507-.398-1.161-.546-1.667-.546-.47 0-1.13.172-1.655.6-.493.402-.916 1.067-.916 2.186 0 .444.26 1.197.848 2.23.465.816 1.085 1.724 1.792 2.663"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9.262 4.2A4.46 4.46 0 0 1 12 3.216c.78 0 1.84.216 2.726.911.922.724 1.56 1.894 1.56 3.589 0 .958-.452 2.069-1.043 3.148-.549 1-1.277 2.077-2.078 3.145a74 74 0 0 0 4.798 5.315l-1.212 1.212a76 76 0 0 1-4.666-5.141 69 69 0 0 1-4.622 5.141l-1.212-1.212a67 67 0 0 0 4.738-5.303c-.85-1.103-1.623-2.212-2.202-3.227-.601-1.057-1.073-2.15-1.073-3.078 0-1.624.648-2.78 1.548-3.514m2.807 8.408c.657-.9 1.234-1.773 1.67-2.57.57-1.037.832-1.824.832-2.323 0-1.22-.434-1.871-.904-2.24-.507-.398-1.161-.546-1.667-.546-.47 0-1.13.172-1.655.6-.493.402-.916 1.067-.916 2.186 0 .444.26 1.197.848 2.23.465.816 1.085 1.724 1.792 2.663" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/chat.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 ChatIconProps {
   role?: React.AriaRole;
 }
 
-export const Chat: React.FunctionComponent<ChatIconProps> = ({
-  className = undefined,
+export const Chat: React.FunctionComponent<ChatIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Chat filled /> is now deprecated, please use <ChatFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Chat filled /> is now deprecated, please use <ChatFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Chat: React.FunctionComponent<ChatIconProps> = ({
       className={`tw-icon tw-icon-chat ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'chat-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 3H2.572a.86.86 0 0 0-.858.857v12.857a.86.86 0 0 0 .857.857h4.286v2.572c0 .3.172.6.472.771.128.086.257.086.385.086a.86.86 0 0 0 .472-.129l4.928-3.3h8.315a.86.86 0 0 0 .857-.857V3.857A.86.86 0 0 0 21.429 3m-.857 12.857h-7.715a.86.86 0 0 0-.471.129l-3.814 2.571v-1.843a.86.86 0 0 0-.858-.857H3.43V4.714h17.143z" />
+            <path d="M21.429 3H2.572a.86.86 0 0 0-.858.857v12.857a.86.86 0 0 0 .857.857h4.286v2.572c0 .3.172.6.472.771.128.086.257.086.385.086a.86.86 0 0 0 .472-.129l4.928-3.3h8.315a.86.86 0 0 0 .857-.857V3.857A.86.86 0 0 0 21.429 3m-.857 12.857h-7.715a.86.86 0 0 0-.471.129l-3.814 2.571v-1.843a.86.86 0 0 0-.858-.857H3.43V4.714h17.143z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/check-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 CheckCircleFillIconProps {
   role?: React.AriaRole;
 }
 
-export const CheckCircleFill: React.FunctionComponent<CheckCircleFillIconProps> = ({
-  className = undefined,
+export const CheckCircleFill: React.FunctionComponent<CheckCircleFillIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<CheckCircleFill filled /> is now deprecated, please use <CheckCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CheckCircleFill filled /> is now deprecated, please use <CheckCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const CheckCircleFill: React.FunctionComponent<CheckCircleFillIconProps>
       className={`tw-icon tw-icon-check-circle-fill ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'check-circle-fill-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M12 22.286c5.68 0 10.286-4.605 10.286-10.286S17.68 1.714 12 1.714 1.714 6.32 1.714 12 6.32 22.286 12 22.286m-1.32-5.397 7.712-7.711-1.212-1.213-7.109 7.109-3.465-3.466-1.212 1.212 4.068 4.069a.86.86 0 0 0 1.219 0"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12 22.286c5.68 0 10.286-4.605 10.286-10.286S17.68 1.714 12 1.714 1.714 6.32 1.714 12 6.32 22.286 12 22.286m-1.32-5.397 7.712-7.711-1.212-1.213-7.109 7.109-3.465-3.466-1.212 1.212 4.068 4.069a.86.86 0 0 0 1.219 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/check-circle.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface CheckCircleIconProps {
   role?: React.AriaRole;
 }
 
-export const CheckCircle: React.FunctionComponent<CheckCircleIconProps> = ({
-  className = undefined,
+export const CheckCircle: React.FunctionComponent<CheckCircleIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<CheckCircle filled /> is now deprecated, please use <CheckCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CheckCircle filled /> is now deprecated, please use <CheckCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const CheckCircle: React.FunctionComponent<CheckCircleIconProps> = ({
       className={`tw-icon tw-icon-check-circle ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'check-circle-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M1.714 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.001m1.715 0c0 4.715 3.857 8.572 8.571 8.572s8.572-3.857 8.572-8.571c0-4.715-3.858-8.572-8.572-8.572S3.43 7.286 3.43 12.001m6.857 3.085L17.4 7.971l1.2 1.2-7.714 7.714a.85.85 0 0 1-.6.257.85.85 0 0 1-.6-.257L5.4 12.599l1.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.001m1.715 0c0 4.715 3.857 8.572 8.571 8.572s8.572-3.857 8.572-8.571c0-4.715-3.858-8.572-8.572-8.572S3.43 7.286 3.43 12.001m6.857 3.085L17.4 7.971l1.2 1.2-7.714 7.714a.85.85 0 0 1-.6.257.85.85 0 0 1-.6-.257L5.4 12.599l1.2-1.2z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/check.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 CheckIconProps {
   role?: React.AriaRole;
 }
 
-export const Check: React.FunctionComponent<CheckIconProps> = ({
-  className = undefined,
+export const Check: React.FunctionComponent<CheckIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Check filled /> is now deprecated, please use <CheckFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Check filled /> is now deprecated, please use <CheckFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Check: React.FunctionComponent<CheckIconProps> = ({
       className={`tw-icon tw-icon-check ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'check-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 6.427 9.557 16.97 4.2 11.57 3 12.77l5.957 6a.85.85 0 0 0 .6.257.85.85 0 0 0 .6-.257L21.343 7.627z" />
+            <path d="M20.143 6.427 9.557 16.97 4.2 11.57 3 12.77l5.957 6a.85.85 0 0 0 .6.257.85.85 0 0 0 .6-.257L21.343 7.627z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/chevron-down.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 ChevronDownIconProps {
   role?: React.AriaRole;
 }
 
-export const ChevronDown: React.FunctionComponent<ChevronDownIconProps> = ({
-  className = undefined,
+export const ChevronDown: React.FunctionComponent<ChevronDownIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ChevronDown filled /> is now deprecated, please use <ChevronDownFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ChevronDown filled /> is now deprecated, please use <ChevronDownFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const ChevronDown: React.FunctionComponent<ChevronDownIconProps> = ({
       className={`tw-icon tw-icon-chevron-down ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'chevron-down-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 6.857 12.17 14.83 4.2 6.857 3 8.057l8.571 8.572a.85.85 0 0 0 .6.257.85.85 0 0 0 .6-.257l8.572-8.572z" />
+            <path d="M20.143 6.857 12.17 14.83 4.2 6.857 3 8.057l8.571 8.572a.85.85 0 0 0 .6.257.85.85 0 0 0 .6-.257l8.572-8.572z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}