@transferwise/icons 3.16.0 → 3.18.0

package/build/components/document.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 DocumentIconProps {
   role?: React.AriaRole;
 }
 
-export const Document: React.FunctionComponent<DocumentIconProps> = ({
-  className = undefined,
+export const Document: React.FunctionComponent<DocumentIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Document filled /> is now deprecated, please use <DocumentFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Document filled /> is now deprecated, please use <DocumentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Document: React.FunctionComponent<DocumentIconProps> = ({
       className={`tw-icon tw-icon-document ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'document-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path d="m19.457 7.115-5.143-5.143a.85.85 0 0 0-.6-.257H5.143a.86.86 0 0 0-.857.857v18.857a.86.86 0 0 0 .857.857h13.714a.86.86 0 0 0 .857-.857V7.715a.85.85 0 0 0-.257-.6m-1.8.6h-3.943V3.772zM6 20.572V3.429h6v5.143a.86.86 0 0 0 .857.857H18v11.143z" />
+            <path d="m19.457 7.115-5.143-5.143a.85.85 0 0 0-.6-.257H5.143a.86.86 0 0 0-.857.857v18.857a.86.86 0 0 0 .857.857h13.714a.86.86 0 0 0 .857-.857V7.715a.85.85 0 0 0-.257-.6m-1.8.6h-3.943V3.772zM6 20.572V3.429h6v5.143a.86.86 0 0 0 .857.857H18v11.143z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/documents.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 DocumentsIconProps {
   role?: React.AriaRole;
 }
 
-export const Documents: React.FunctionComponent<DocumentsIconProps> = ({
-  className = undefined,
+export const Documents: React.FunctionComponent<DocumentsIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Documents filled /> is now deprecated, please use <DocumentsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Documents filled /> is now deprecated, please use <DocumentsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Documents: React.FunctionComponent<DocumentsIconProps> = ({
       className={`tw-icon tw-icon-documents ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'documents-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.6 1.97 5.143 5.143a.85.85 0 0 1 .257.6v10.286a.86.86 0 0 1-.857.857H7.286a.86.86 0 0 1-.857-.857V2.57a.86.86 0 0 1 .857-.857H15c.214 0 .429.086.6.257M15 7.713h3.943L15 3.77zM8.143 3.427v13.715h11.143V9.427h-5.143a.86.86 0 0 1-.857-.857V3.427zM3 5.141h1.714v15.428h11.143v1.715h-12A.86.86 0 0 1 3 21.426z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m15.6 1.97 5.143 5.143a.85.85 0 0 1 .257.6v10.286a.86.86 0 0 1-.857.857H7.286a.86.86 0 0 1-.857-.857V2.57a.86.86 0 0 1 .857-.857H15c.214 0 .429.086.6.257M15 7.713h3.943L15 3.77zM8.143 3.427v13.715h11.143V9.427h-5.143a.86.86 0 0 1-.857-.857V3.427zM3 5.141h1.714v15.428h11.143v1.715h-12A.86.86 0 0 1 3 21.426z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/dont.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 DontIconProps {
   role?: React.AriaRole;
 }
 
-export const Dont: React.FunctionComponent<DontIconProps> = ({
-  className = undefined,
+export const Dont: React.FunctionComponent<DontIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Dont filled /> is now deprecated, please use <DontFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Dont filled /> is now deprecated, please use <DontFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Dont: React.FunctionComponent<DontIconProps> = ({
       className={`tw-icon tw-icon-dont ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'dont-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.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"
-            />
+            <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/download.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 DownloadIconProps {
   role?: React.AriaRole;
 }
 
-export const Download: React.FunctionComponent<DownloadIconProps> = ({
-  className = undefined,
+export const Download: React.FunctionComponent<DownloadIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Download filled /> is now deprecated, please use <DownloadFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Download filled /> is now deprecated, please use <DownloadFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Download: React.FunctionComponent<DownloadIconProps> = ({
       className={`tw-icon tw-icon-download ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'download-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 17.745a.85.85 0 0 1-.6.258.75.75 0 0 1-.6-.3L5.357 11.66l1.2-1.2 4.586 4.628V1.717h1.714v13.371l4.586-4.585 1.2 1.2zM1.714 20.572h20.572v1.715H1.714z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12.6 17.745a.85.85 0 0 1-.6.258.75.75 0 0 1-.6-.3L5.357 11.66l1.2-1.2 4.586 4.628V1.717h1.714v13.371l4.586-4.585 1.2 1.2zM1.714 20.572h20.572v1.715H1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/drivers-license.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 DriversLicenseIconProps {
   role?: React.AriaRole;
 }
 
-export const DriversLicense: React.FunctionComponent<DriversLicenseIconProps> = ({
-  className = undefined,
+export const DriversLicense: React.FunctionComponent<DriversLicenseIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<DriversLicense filled /> is now deprecated, please use <DriversLicenseFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<DriversLicense filled /> is now deprecated, please use <DriversLicenseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,28 +31,22 @@ export const DriversLicense: React.FunctionComponent<DriversLicenseIconProps> =
       className={`tw-icon tw-icon-drivers-license ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'drivers-license-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) && (
           <>
-            <circle cx="6.428" cy="13.286" r=".857" />
-            <circle cx="17.572" cy="13.286" r=".857" />
-            <path
-              fillRule="evenodd"
-              d="M6.69 2.571a.86.86 0 0 0-.8.542L4.047 7.714H2.143a.43.43 0 0 0-.429.429V9c0 .237.192.429.429.429h.903c-.346.386-.578.88-.64 1.43l-.686 6.184a.86.86 0 0 0 .856.957H3v2.567c0 .476.386.862.861.862h2.992a.86.86 0 0 0 .861-.862V18h8.572v2.567c0 .476.385.862.861.862h2.992a.86.86 0 0 0 .86-.862V18h.424a.86.86 0 0 0 .857-.957l-.688-6.184a2.56 2.56 0 0 0-.639-1.43h.904A.43.43 0 0 0 22.285 9v-.857a.43.43 0 0 0-.428-.429h-1.905L18.11 3.113a.86.86 0 0 0-.8-.542zm12.347 7.715H4.963a.857.857 0 0 0-.852.762l-.582 5.238H20.47l-.582-5.238a.857.857 0 0 0-.852-.762m-.589-1.715-1.715-4.285H7.267L5.552 8.57zM4.714 19.714V18H6v1.714zm13.286 0V18h1.286v1.714z"
-              clipRule="evenodd"
-            />
+            <circle cx="6.428" cy="13.286" r=".857"/><circle cx="17.572" cy="13.286" r=".857"/><path fillRule="evenodd" d="M6.69 2.571a.86.86 0 0 0-.8.542L4.047 7.714H2.143a.43.43 0 0 0-.429.429V9c0 .237.192.429.429.429h.903c-.346.386-.578.88-.64 1.43l-.686 6.184a.86.86 0 0 0 .856.957H3v2.567c0 .476.386.862.861.862h2.992a.86.86 0 0 0 .861-.862V18h8.572v2.567c0 .476.385.862.861.862h2.992a.86.86 0 0 0 .86-.862V18h.424a.86.86 0 0 0 .857-.957l-.688-6.184a2.56 2.56 0 0 0-.639-1.43h.904A.43.43 0 0 0 22.285 9v-.857a.43.43 0 0 0-.428-.429h-1.905L18.11 3.113a.86.86 0 0 0-.8-.542zm12.347 7.715H4.963a.857.857 0 0 0-.852.762l-.582 5.238H20.47l-.582-5.238a.857.857 0 0 0-.852-.762m-.589-1.715-1.715-4.285H7.267L5.552 8.57zM4.714 19.714V18H6v1.714zm13.286 0V18h1.286v1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/e-commerce.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 ECommerceIconProps {
   role?: React.AriaRole;
 }
 
-export const ECommerce: React.FunctionComponent<ECommerceIconProps> = ({
-  className = undefined,
+export const ECommerce: React.FunctionComponent<ECommerceIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ECommerce filled /> is now deprecated, please use <ECommerceFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ECommerce filled /> is now deprecated, please use <ECommerceFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const ECommerce: React.FunctionComponent<ECommerceIconProps> = ({
       className={`tw-icon tw-icon-e-commerce ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'e-commerce-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 1.713a4.286 4.286 0 0 0-4.286 4.286v.857H4.29a.86.86 0 0 0-.861.861v11.996A2.57 2.57 0 0 0 6 22.284h12a2.57 2.57 0 0 0 2.571-2.571V7.717a.86.86 0 0 0-.861-.861h-3.424v-.857A4.286 4.286 0 0 0 12 1.713m2.571 5.143v-.857a2.571 2.571 0 0 0-5.142 0v.857zM7.714 8.57H5.143v11.143c0 .473.384.857.857.857h12a.857.857 0 0 0 .857-.857V8.57H7.714"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12 1.713a4.286 4.286 0 0 0-4.286 4.286v.857H4.29a.86.86 0 0 0-.861.861v11.996A2.57 2.57 0 0 0 6 22.284h12a2.57 2.57 0 0 0 2.571-2.571V7.717a.86.86 0 0 0-.861-.861h-3.424v-.857A4.286 4.286 0 0 0 12 1.713m2.571 5.143v-.857a2.571 2.571 0 0 0-5.142 0v.857zM7.714 8.57H5.143v11.143c0 .473.384.857.857.857h12a.857.857 0 0 0 .857-.857V8.57H7.714" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/eating-out.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface EatingOutIconProps {
   role?: React.AriaRole;
 }
 
-export const EatingOut: React.FunctionComponent<EatingOutIconProps> = ({
-  className = undefined,
+export const EatingOut: React.FunctionComponent<EatingOutIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<EatingOut filled /> is now deprecated, please use <EatingOutFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<EatingOut filled /> is now deprecated, please use <EatingOutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const EatingOut: React.FunctionComponent<EatingOutIconProps> = ({
       className={`tw-icon tw-icon-eating-out ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'eating-out-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M16.212 3.429 10.64 9h3.576L21 2.216l1.212 1.213L16.64 9h4.844c.48 0 .858.39.858.857v.868c0 4.006-2.403 7.599-6.056 9.147V21c0 .71-.576 1.286-1.286 1.286H9c-.71 0-1.286-.576-1.286-1.286v-1.13a9.89 9.89 0 0 1-6-9.093v-.92c0-.475.386-.857.858-.857h5.644L15 2.216zm4.415 7.285H3.43v.063a8.18 8.18 0 0 0 5.426 7.7c.344.123.574.449.574.814v1.28h5.143v-1.28c0-.366.23-.693.576-.815a8.22 8.22 0 0 0 5.48-7.751z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M16.212 3.429 10.64 9h3.576L21 2.216l1.212 1.213L16.64 9h4.844c.48 0 .858.39.858.857v.868c0 4.006-2.403 7.599-6.056 9.147V21c0 .71-.576 1.286-1.286 1.286H9c-.71 0-1.286-.576-1.286-1.286v-1.13a9.89 9.89 0 0 1-6-9.093v-.92c0-.475.386-.857.858-.857h5.644L15 2.216zm4.415 7.285H3.43v.063a8.18 8.18 0 0 0 5.426 7.7c.344.123.574.449.574.814v1.28h5.143v-1.28c0-.366.23-.693.576-.815a8.22 8.22 0 0 0 5.48-7.751z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/edit.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 EditIconProps {
   role?: React.AriaRole;
 }
 
-export const Edit: React.FunctionComponent<EditIconProps> = ({
-  className = undefined,
+export const Edit: React.FunctionComponent<EditIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Edit filled /> is now deprecated, please use <EditFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Edit filled /> is now deprecated, please use <EditFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Edit: React.FunctionComponent<EditIconProps> = ({
       className={`tw-icon tw-icon-edit ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'edit-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.033 2.747a2.57 2.57 0 0 0-3.637 0L3.287 15.856l-1.123 5.168c-.13.6.391 1.14.996 1.03l4.971-.903L21.465 7.817a2.57 2.57 0 0 0 0-3.637zM17.608 3.96a.857.857 0 0 1 1.212 0l1.433 1.433a.857.857 0 0 1 0 1.212l-1.289 1.29-2.645-2.645zm-2.501 2.502L4.856 16.712 4.11 20.14l3.188-.58L17.752 9.106z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.033 2.747a2.57 2.57 0 0 0-3.637 0L3.287 15.856l-1.123 5.168c-.13.6.391 1.14.996 1.03l4.971-.903L21.465 7.817a2.57 2.57 0 0 0 0-3.637zM17.608 3.96a.857.857 0 0 1 1.212 0l1.433 1.433a.857.857 0 0 1 0 1.212l-1.289 1.29-2.645-2.645zm-2.501 2.502L4.856 16.712 4.11 20.14l3.188-.58L17.752 9.106z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/email-and-mobile.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 EmailAndMobileIconProps {
   role?: React.AriaRole;
 }
 
-export const EmailAndMobile: React.FunctionComponent<EmailAndMobileIconProps> = ({
-  className = undefined,
+export const EmailAndMobile: React.FunctionComponent<EmailAndMobileIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<EmailAndMobile filled /> is now deprecated, please use <EmailAndMobileFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<EmailAndMobile filled /> is now deprecated, please use <EmailAndMobileFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const EmailAndMobile: React.FunctionComponent<EmailAndMobileIconProps> =
       className={`tw-icon tw-icon-email-and-mobile ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'email-and-mobile-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 4.284a2.57 2.57 0 0 1 2.571-2.571h6.858A2.57 2.57 0 0 1 21 4.284v15.429a2.57 2.57 0 0 1-2.571 2.571h-2.966l-.039.001H2.576a.86.86 0 0 1-.862-.861v-9.42c0-.476.386-.862.862-.862h12.848c.476 0 .862.386.862.862v8.566h2.143a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857v6.858H9zM3.429 20.571v-6.092l4.651 3.544a1.52 1.52 0 0 0 1.84 0l4.651-3.544v6.092zM9 16.434l-4.696-3.577h9.392z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9 4.284a2.57 2.57 0 0 1 2.571-2.571h6.858A2.57 2.57 0 0 1 21 4.284v15.429a2.57 2.57 0 0 1-2.571 2.571h-2.966l-.039.001H2.576a.86.86 0 0 1-.862-.861v-9.42c0-.476.386-.862.862-.862h12.848c.476 0 .862.386.862.862v8.566h2.143a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857v6.858H9zM3.429 20.571v-6.092l4.651 3.544a1.52 1.52 0 0 0 1.84 0l4.651-3.544v6.092zM9 16.434l-4.696-3.577h9.392z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/email-and-phone.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 EmailAndPhoneIconProps {
   role?: React.AriaRole;
 }
 
-export const EmailAndPhone: React.FunctionComponent<EmailAndPhoneIconProps> = ({
-  className = undefined,
+export const EmailAndPhone: React.FunctionComponent<EmailAndPhoneIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<EmailAndPhone filled /> is now deprecated, please use <EmailAndPhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<EmailAndPhone filled /> is now deprecated, please use <EmailAndPhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const EmailAndPhone: React.FunctionComponent<EmailAndPhoneIconProps> = ({
       className={`tw-icon tw-icon-email-and-phone ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'email-and-phone-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 4.284a2.57 2.57 0 0 1 2.571-2.571h6.858A2.57 2.57 0 0 1 21 4.284v15.429a2.57 2.57 0 0 1-2.571 2.571h-2.966l-.039.001H2.576a.86.86 0 0 1-.862-.861v-9.42c0-.476.386-.862.862-.862h12.848c.476 0 .862.386.862.862v8.566h2.143a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857v6.858H9zM3.429 20.571v-6.092l4.651 3.544a1.52 1.52 0 0 0 1.84 0l4.651-3.544v6.092zM9 16.434l-4.696-3.577h9.392z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9 4.284a2.57 2.57 0 0 1 2.571-2.571h6.858A2.57 2.57 0 0 1 21 4.284v15.429a2.57 2.57 0 0 1-2.571 2.571h-2.966l-.039.001H2.576a.86.86 0 0 1-.862-.861v-9.42c0-.476.386-.862.862-.862h12.848c.476 0 .862.386.862.862v8.566h2.143a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857v6.858H9zM3.429 20.571v-6.092l4.651 3.544a1.52 1.52 0 0 0 1.84 0l4.651-3.544v6.092zM9 16.434l-4.696-3.577h9.392z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}