npm - @transferwise/icons - Versions diffs - 3.16.0 → 3.17.0 - Mend

@transferwise/icons 3.16.0 → 3.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1479) hide show

package/build/components/cross-circle.tsx CHANGED Viewed

@@ -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 CrossCircleIconProps {
   role?: React.AriaRole;
 }
-export const CrossCircle: React.FunctionComponent<CrossCircleIconProps> = ({
-  className = undefined,
+export const CrossCircle: React.FunctionComponent<CrossCircleIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<CrossCircle filled /> is now deprecated, please use <CrossCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CrossCircle filled /> is now deprecated, please use <CrossCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const CrossCircle: React.FunctionComponent<CrossCircleIconProps> = ({
       className={`tw-icon tw-icon-cross-circle ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'cross-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.001M12 10.8l4.243-4.243 1.2 1.2L13.2 12l4.243 4.242-1.2 1.2L12 13.2l-4.243 4.242-1.2-1.2L10.8 12 6.557 7.757l1.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.001M12 10.8l4.243-4.243 1.2 1.2L13.2 12l4.243 4.242-1.2 1.2L12 13.2l-4.243 4.242-1.2-1.2L10.8 12 6.557 7.757l1.2-1.2z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/cross.tsx CHANGED Viewed

@@ -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 CrossIconProps {
   role?: React.AriaRole;
 }
-export const Cross: React.FunctionComponent<CrossIconProps> = ({
-  className = undefined,
+export const Cross: React.FunctionComponent<CrossIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Cross filled /> is now deprecated, please use <CrossFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Cross filled /> is now deprecated, please use <CrossFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const Cross: React.FunctionComponent<CrossIconProps> = ({
       className={`tw-icon tw-icon-cross ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'cross-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.629 5.915-1.2-1.2-6.257 6.257-6.258-6.257-1.2 1.2 6.258 6.257-6.258 6.257 1.2 1.2 6.258-6.257 6.257 6.257 1.2-1.2-6.258-6.257z" />
+            <path d="m19.629 5.915-1.2-1.2-6.257 6.257-6.258-6.257-1.2 1.2 6.258 6.257-6.258 6.257 1.2 1.2 6.258-6.257 6.257 6.257 1.2-1.2-6.258-6.257z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/crystal-ball.tsx CHANGED Viewed

@@ -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 CrystalBallIconProps {
   role?: React.AriaRole;
 }
-export const CrystalBall: React.FunctionComponent<CrystalBallIconProps> = ({
-  className = undefined,
+export const CrystalBall: React.FunctionComponent<CrystalBallIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<CrystalBall filled /> is now deprecated, please use <CrystalBallFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<CrystalBall filled /> is now deprecated, please use <CrystalBallFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const CrystalBall: React.FunctionComponent<CrystalBallIconProps> = ({
       className={`tw-icon tw-icon-crystal-ball ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'crystal-ball-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.333 10.222a6.667 6.667 0 1 1 9.066 6.223H9.602a6.67 6.67 0 0 1-4.269-6.223m2.126 7.121a8.444 8.444 0 1 1 9.081 0c.203.229.368.494.484.788l.896 2.268c.345.875-.3 1.823-1.24 1.823H7.32c-.94 0-1.586-.948-1.24-1.823l.896-2.268c.116-.294.281-.56.483-.788m5.922-12.272a5.33 5.33 0 0 1 3.77 3.77l-1.716.461a3.56 3.56 0 0 0-2.515-2.514zM8.628 18.785a.89.89 0 0 1 .827-.563h5.088c.365 0 .692.223.826.563l.656 1.66H7.973z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M5.333 10.222a6.667 6.667 0 1 1 9.066 6.223H9.602a6.67 6.67 0 0 1-4.269-6.223m2.126 7.121a8.444 8.444 0 1 1 9.081 0c.203.229.368.494.484.788l.896 2.268c.345.875-.3 1.823-1.24 1.823H7.32c-.94 0-1.586-.948-1.24-1.823l.896-2.268c.116-.294.281-.56.483-.788m5.922-12.272a5.33 5.33 0 0 1 3.77 3.77l-1.716.461a3.56 3.56 0 0 0-2.515-2.514zM8.628 18.785a.89.89 0 0 1 .827-.563h5.088c.365 0 .692.223.826.563l.656 1.66H7.973z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/cs.tsx CHANGED Viewed

@@ -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 CsIconProps {
   role?: React.AriaRole;
 }
-export const Cs: React.FunctionComponent<CsIconProps> = ({
-  className = undefined,
+export const Cs: React.FunctionComponent<CsIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Cs filled /> is now deprecated, please use <CsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Cs filled /> is now deprecated, please use <CsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const Cs: React.FunctionComponent<CsIconProps> = ({
       className={`tw-icon tw-icon-cs ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'cs-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="M18.815 8.872c-.258-3.514-3.215-6.3-6.815-6.3s-6.557 2.786-6.814 6.3c-1.5.343-2.614 1.629-2.614 3.129s1.114 2.786 2.614 3.128c.257 3.515 3.214 6.3 6.814 6.3h2.572v-1.714H12c-2.828 0-5.143-2.314-5.143-5.143V9.43c0-2.828 2.315-5.142 5.143-5.142 2.829 0 5.143 2.314 5.143 5.142v4.929a.86.86 0 0 0 .857.857c1.886 0 3.429-1.457 3.429-3.214 0-1.5-1.114-2.786-2.614-3.129m-14.53 3.129c0-.557.344-1.029.858-1.286v2.572c-.514-.258-.857-.729-.857-1.286m14.572 1.286v-2.572c.515.257.858.729.858 1.286s-.343 1.028-.858 1.286" />
+            <path d="M18.815 8.872c-.258-3.514-3.215-6.3-6.815-6.3s-6.557 2.786-6.814 6.3c-1.5.343-2.614 1.629-2.614 3.129s1.114 2.786 2.614 3.128c.257 3.515 3.214 6.3 6.814 6.3h2.572v-1.714H12c-2.828 0-5.143-2.314-5.143-5.143V9.43c0-2.828 2.315-5.142 5.143-5.142 2.829 0 5.143 2.314 5.143 5.142v4.929a.86.86 0 0 0 .857.857c1.886 0 3.429-1.457 3.429-3.214 0-1.5-1.114-2.786-2.614-3.129m-14.53 3.129c0-.557.344-1.029.858-1.286v2.572c-.514-.258-.857-.729-.857-1.286m14.572 1.286v-2.572c.515.257.858.729.858 1.286s-.343 1.028-.858 1.286"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/defrost.tsx CHANGED Viewed

@@ -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 DefrostIconProps {
   role?: React.AriaRole;
 }
-export const Defrost: React.FunctionComponent<DefrostIconProps> = ({
-  className = undefined,
+export const Defrost: React.FunctionComponent<DefrostIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Defrost filled /> is now deprecated, please use <DefrostFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Defrost filled /> is now deprecated, please use <DefrostFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Defrost: React.FunctionComponent<DefrostIconProps> = ({
       className={`tw-icon tw-icon-defrost ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'defrost-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.295 3 1.243 1.2c-1.758 1.843-1.972 4.2-.686 7.671.986 2.615 1.971 6.429-1.029 9.472l-1.243-1.2c1.8-1.843 2.015-4.2.686-7.672C4.28 9.857 3.295 6.043 6.295 3m7.243 1.2L12.295 3c-3 3.043-2.014 6.857-1.029 9.471 1.329 3.472 1.115 5.829-.685 7.672l1.242 1.2c3-3.043 2.015-6.857 1.029-9.472-1.286-3.471-1.071-5.828.686-7.671m5.357 7.671C17.566 8.4 17.78 6.043 19.58 4.2L18.338 3c-3 3.043-2.015 6.857-1.029 9.471 1.329 3.472 1.114 5.829-.686 7.672l1.243 1.2c2.957-3.043 2.015-6.857 1.029-9.472"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m6.295 3 1.243 1.2c-1.758 1.843-1.972 4.2-.686 7.671.986 2.615 1.971 6.429-1.029 9.472l-1.243-1.2c1.8-1.843 2.015-4.2.686-7.672C4.28 9.857 3.295 6.043 6.295 3m7.243 1.2L12.295 3c-3 3.043-2.014 6.857-1.029 9.471 1.329 3.472 1.115 5.829-.685 7.672l1.242 1.2c3-3.043 2.015-6.857 1.029-9.472-1.286-3.471-1.071-5.828.686-7.671m5.357 7.671C17.566 8.4 17.78 6.043 19.58 4.2L18.338 3c-3 3.043-2.015 6.857-1.029 9.471 1.329 3.472 1.114 5.829-.686 7.672l1.243 1.2c2.957-3.043 2.015-6.857 1.029-9.472" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/delivery.tsx CHANGED Viewed

@@ -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 DeliveryIconProps {
   role?: React.AriaRole;
 }
-export const Delivery: React.FunctionComponent<DeliveryIconProps> = ({
-  className = undefined,
+export const Delivery: React.FunctionComponent<DeliveryIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const Delivery: React.FunctionComponent<DeliveryIconProps> = ({
       className={`tw-icon tw-icon-delivery ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'delivery-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.543-.857-4.286a.876.876 0 0 0-.857-.685H18v-.857a.86.86 0 0 0-.857-.858H2.572a.86.86 0 0 0-.858.858v12.857a.86.86 0 0 0 .857.857h1.886a2.55 2.55 0 0 0 2.4 1.714 2.55 2.55 0 0 0 2.4-1.714H14.7a2.55 2.55 0 0 0 2.4 1.714c1.243 0 2.314-.9 2.529-2.1l2.228-1.5a.84.84 0 0 0 .386-.728v-5.1c.043-.043.043-.129.043-.172m-2.4-3.257.514 2.571H18V7.286zM6.857 18.429A.86.86 0 0 1 6 17.572a.86.86 0 0 1 .857-.857.86.86 0 0 1 .857.857.86.86 0 0 1-.857.857m10.286 0a.86.86 0 0 1-.857-.857.86.86 0 0 1 .857-.857.86.86 0 0 1 .857.857.86.86 0 0 1-.857.857m3.428-3.043-1.242.814c-.472-.728-1.243-1.2-2.186-1.2a2.55 2.55 0 0 0-2.4 1.715H9.257A2.55 2.55 0 0 0 6.857 15a2.55 2.55 0 0 0-2.4 1.715H3.43V5.572h12.857v5.143a.86.86 0 0 0 .857.857h3.428z" />
+            <path d="m22.286 10.543-.857-4.286a.876.876 0 0 0-.857-.685H18v-.857a.86.86 0 0 0-.857-.858H2.572a.86.86 0 0 0-.858.858v12.857a.86.86 0 0 0 .857.857h1.886a2.55 2.55 0 0 0 2.4 1.714 2.55 2.55 0 0 0 2.4-1.714H14.7a2.55 2.55 0 0 0 2.4 1.714c1.243 0 2.314-.9 2.529-2.1l2.228-1.5a.84.84 0 0 0 .386-.728v-5.1c.043-.043.043-.129.043-.172m-2.4-3.257.514 2.571H18V7.286zM6.857 18.429A.86.86 0 0 1 6 17.572a.86.86 0 0 1 .857-.857.86.86 0 0 1 .857.857.86.86 0 0 1-.857.857m10.286 0a.86.86 0 0 1-.857-.857.86.86 0 0 1 .857-.857.86.86 0 0 1 .857.857.86.86 0 0 1-.857.857m3.428-3.043-1.242.814c-.472-.728-1.243-1.2-2.186-1.2a2.55 2.55 0 0 0-2.4 1.715H9.257A2.55 2.55 0 0 0 6.857 15a2.55 2.55 0 0 0-2.4 1.715H3.43V5.572h12.857v5.143a.86.86 0 0 0 .857.857h3.428z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/dial.tsx CHANGED Viewed

@@ -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 DialIconProps {
   role?: React.AriaRole;
 }
-export const Dial: React.FunctionComponent<DialIconProps> = ({
-  className = undefined,
+export const Dial: React.FunctionComponent<DialIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Dial filled /> is now deprecated, please use <DialFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Dial filled /> is now deprecated, please use <DialFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Dial: React.FunctionComponent<DialIconProps> = ({
       className={`tw-icon tw-icon-dial ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'dial-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 2.57h3.386V6H5.143zm5.143 0h3.386V6h-3.386zm0 5.145h3.386v3.428h-3.386zm3.386 5.14h-3.386v3.429h3.386zm-5.143-5.14H5.143v3.428h3.386zm-3.386 5.14h3.386v3.429H5.143zM18.814 2.57H15.43V6h3.385zm-3.386 5.145h3.386v3.428h-3.386zm3.386 5.14h-3.386v3.429h3.386zm-8.528 5.147h3.386v3.428h-3.386z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M5.143 2.57h3.386V6H5.143zm5.143 0h3.386V6h-3.386zm0 5.145h3.386v3.428h-3.386zm3.386 5.14h-3.386v3.429h3.386zm-5.143-5.14H5.143v3.428h3.386zm-3.386 5.14h3.386v3.429H5.143zM18.814 2.57H15.43V6h3.385zm-3.386 5.145h3.386v3.428h-3.386zm3.386 5.14h-3.386v3.429h3.386zm-8.528 5.147h3.386v3.428h-3.386z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/direct-debits.tsx CHANGED Viewed

@@ -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 DirectDebitsIconProps {
   role?: React.AriaRole;
 }
-export const DirectDebits: React.FunctionComponent<DirectDebitsIconProps> = ({
-  className = undefined,
+export const DirectDebits: React.FunctionComponent<DirectDebitsIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<DirectDebits filled /> is now deprecated, please use <DirectDebitsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<DirectDebits filled /> is now deprecated, please use <DirectDebitsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const DirectDebits: React.FunctionComponent<DirectDebitsIconProps> = ({
       className={`tw-icon tw-icon-direct-debits ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'direct-debits-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="M17.657 7.885H8.786a3.657 3.657 0 0 0-3.643 3.429H3.429c.128-2.871 2.485-5.143 5.357-5.143h8.871L14.83 3.343l1.2-1.2 4.285 4.285a.83.83 0 0 1 0 1.2l-4.285 4.286-1.2-1.2zM6.343 16.456h8.871c1.929 0 3.515-1.5 3.643-3.428h1.714c-.128 2.871-2.485 5.143-5.357 5.143H6.343l2.828 2.828-1.2 1.2-4.285-4.286a.83.83 0 0 1 0-1.2l4.285-4.285 1.2 1.2z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M17.657 7.885H8.786a3.657 3.657 0 0 0-3.643 3.429H3.429c.128-2.871 2.485-5.143 5.357-5.143h8.871L14.83 3.343l1.2-1.2 4.285 4.285a.83.83 0 0 1 0 1.2l-4.285 4.286-1.2-1.2zM6.343 16.456h8.871c1.929 0 3.515-1.5 3.643-3.428h1.714c-.128 2.871-2.485 5.143-5.357 5.143H6.343l2.828 2.828-1.2 1.2-4.285-4.286a.83.83 0 0 1 0-1.2l4.285-4.285 1.2 1.2z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/disco-ball.tsx CHANGED Viewed

@@ -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 DiscoBallIconProps {
   role?: React.AriaRole;
 }
-export const DiscoBall: React.FunctionComponent<DiscoBallIconProps> = ({
-  className = undefined,
+export const DiscoBall: React.FunctionComponent<DiscoBallIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<DiscoBall filled /> is now deprecated, please use <DiscoBallFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<DiscoBall filled /> is now deprecated, please use <DiscoBallFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,31 +31,22 @@ export const DiscoBall: React.FunctionComponent<DiscoBallIconProps> = ({
       className={`tw-icon tw-icon-disco-ball ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'disco-ball-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="M8.596 12.429c.104-1.785.528-3.355 1.132-4.502C10.448 6.56 11.293 6 12 6s1.552.56 2.272 1.927c.604 1.147 1.027 2.717 1.132 4.502zm-1.717 0H3.857v1.714h3.022c.106 2.027.584 3.878 1.332 5.3.831 1.58 2.129 2.843 3.789 2.843s2.957-1.263 3.789-2.843c.748-1.422 1.226-3.273 1.331-5.3h3.023v-1.714H17.12c-.105-2.027-.583-3.879-1.331-5.3-.832-1.58-2.13-2.843-3.79-2.843S9.043 5.548 8.212 7.129c-.748 1.421-1.226 3.273-1.332 5.3m8.525 1.714c-.105 1.785-.528 3.354-1.132 4.501-.72 1.367-1.565 1.927-2.272 1.927s-1.553-.56-2.272-1.927c-.604-1.147-1.028-2.716-1.132-4.501z"
-              clipRule="evenodd"
-            />
-            <path
-              fillRule="evenodd"
-              d="M9.429 1.714h5.143V3.43h-1.715v.897a9.001 9.001 0 1 1-1.714 0v-.897H9.429zm1.714 4.336a7.287 7.287 0 0 0 0 14.471zm1.714 14.471a7.287 7.287 0 0 0 0-14.471zM3.429 3.857l.606 1.108 1.108.606-1.108.606-.606 1.109-.606-1.109-1.109-.606 1.109-.606zm17.748 16.108-.606-1.108-.606 1.108-1.108.606 1.108.606.606 1.108.606-1.108 1.108-.606z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M8.596 12.429c.104-1.785.528-3.355 1.132-4.502C10.448 6.56 11.293 6 12 6s1.552.56 2.272 1.927c.604 1.147 1.027 2.717 1.132 4.502zm-1.717 0H3.857v1.714h3.022c.106 2.027.584 3.878 1.332 5.3.831 1.58 2.129 2.843 3.789 2.843s2.957-1.263 3.789-2.843c.748-1.422 1.226-3.273 1.331-5.3h3.023v-1.714H17.12c-.105-2.027-.583-3.879-1.331-5.3-.832-1.58-2.13-2.843-3.79-2.843S9.043 5.548 8.212 7.129c-.748 1.421-1.226 3.273-1.332 5.3m8.525 1.714c-.105 1.785-.528 3.354-1.132 4.501-.72 1.367-1.565 1.927-2.272 1.927s-1.553-.56-2.272-1.927c-.604-1.147-1.028-2.716-1.132-4.501z" clipRule="evenodd"/><path fillRule="evenodd" d="M9.429 1.714h5.143V3.43h-1.715v.897a9.001 9.001 0 1 1-1.714 0v-.897H9.429zm1.714 4.336a7.287 7.287 0 0 0 0 14.471zm1.714 14.471a7.287 7.287 0 0 0 0-14.471zM3.429 3.857l.606 1.108 1.108.606-1.108.606-.606 1.109-.606-1.109-1.109-.606 1.109-.606zm17.748 16.108-.606-1.108-.606 1.108-1.108.606 1.108.606.606 1.108.606-1.108 1.108-.606z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/do.tsx CHANGED Viewed

@@ -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 DoIconProps {
   role?: React.AriaRole;
 }
-export const Do: React.FunctionComponent<DoIconProps> = ({
-  className = undefined,
+export const Do: React.FunctionComponent<DoIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Do filled /> is now deprecated, please use <DoFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Do filled /> is now deprecated, please use <DoFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Do: React.FunctionComponent<DoIconProps> = ({
       className={`tw-icon tw-icon-do ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'do-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 12m4.886 1.757c.771 1.328 2.142 2.1 3.685 2.1 1.5 0 2.915-.815 3.686-2.143l1.5.857a6.01 6.01 0 0 1-5.186 3 6.01 6.01 0 0 1-5.143-2.914zM9 11.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572m7.286-1.286a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0"
-              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 12m4.886 1.757c.771 1.328 2.142 2.1 3.685 2.1 1.5 0 2.915-.815 3.686-2.143l1.5.857a6.01 6.01 0 0 1-5.186 3 6.01 6.01 0 0 1-5.143-2.914zM9 11.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572m7.286-1.286a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}