@transferwise/icons 3.15.0 → 3.17.0

package/build/components/ach.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 AchIconProps {
   role?: React.AriaRole;
 }
 
-export const Ach: React.FunctionComponent<AchIconProps> = ({
-  className = undefined,
+export const Ach: React.FunctionComponent<AchIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Ach filled /> is now deprecated, please use <AchFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Ach filled /> is now deprecated, please use <AchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Ach: React.FunctionComponent<AchIconProps> = ({
       className={`tw-icon tw-icon-ach ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'ach-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.539 2.832a1.286 1.286 0 0 1 1.353.014l8.567 5.43A.857.857 0 0 1 21 9.856h-1.286v3H18v-3h-5.143V21.429H2.571v-1.714h1.715V9.857H3a.857.857 0 0 1-.444-1.59l8.983-5.435Zm.66 1.604 5.848 3.707H6.072L12.2 4.436ZM6 19.714V9.857h5.143v9.857H6Zm10.286-3.43h2.645l-4.109 4.109 1.213 1.212 4.108-4.108v2.645h1.714v-4.286c0-.71-.575-1.286-1.286-1.286h-4.285v1.714Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M11.539 2.832a1.29 1.29 0 0 1 1.353.014l8.567 5.43A.857.857 0 0 1 21 9.856h-1.286v3H18v-3h-5.143v11.572H2.571v-1.714h1.715V9.857H3a.857.857 0 0 1-.444-1.59zm.66 1.604 5.848 3.707H6.072zM6 19.714V9.857h5.143v9.857zm10.286-3.43h2.645l-4.109 4.109 1.213 1.212 4.108-4.108v2.645h1.714v-4.286c0-.71-.575-1.286-1.286-1.286h-4.285z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/activity.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 ActivityIconProps {
   role?: React.AriaRole;
 }
 
-export const Activity: React.FunctionComponent<ActivityIconProps> = ({
-  className = undefined,
+export const Activity: React.FunctionComponent<ActivityIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Activity filled /> is now deprecated, please use <ActivityFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Activity filled /> is now deprecated, please use <ActivityFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Activity: React.FunctionComponent<ActivityIconProps> = ({
       className={`tw-icon tw-icon-activity ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'activity-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.429 6.001a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0Zm1.714.858H21V5.145H8.143v1.714Zm0 6H21v-1.714H8.143v1.714Zm12.857 6H8.143v-1.715H21v1.715ZM4.714 13.716a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429ZM6.43 18a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M6.429 6.001a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0m1.714.858H21V5.145H8.143zm0 6H21v-1.714H8.143zm12.857 6H8.143v-1.715H21zM4.714 13.716a1.714 1.714 0 1 0 0-3.429 1.714 1.714 0 0 0 0 3.429M6.43 18a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.429 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/alert-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 AlertCircleFillIconProps {
   role?: React.AriaRole;
 }
 
-export const AlertCircleFill: React.FunctionComponent<AlertCircleFillIconProps> = ({
-  className = undefined,
+export const AlertCircleFill: React.FunctionComponent<AlertCircleFillIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<AlertCircleFill filled /> is now deprecated, please use <AlertCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<AlertCircleFill filled /> is now deprecated, please use <AlertCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const AlertCircleFill: React.FunctionComponent<AlertCircleFillIconProps>
       className={`tw-icon tw-icon-alert-circle-fill ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'alert-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 1.714C6.32 1.714 1.714 6.32 1.714 12c0 5.68 4.605 10.286 10.286 10.286 5.68 0 10.286-4.605 10.286-10.286C22.286 6.32 17.68 1.714 12 1.714Zm-1.286 14.143a1.286 1.286 0 1 1 2.572 0 1.286 1.286 0 0 1-2.572 0Zm.429-3v-6h1.714v6h-1.714Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12 1.714C6.32 1.714 1.714 6.32 1.714 12S6.32 22.286 12 22.286 22.286 17.68 22.286 12 17.68 1.714 12 1.714m-1.286 14.143a1.286 1.286 0 1 1 2.572 0 1.286 1.286 0 0 1-2.572 0m.429-3v-6h1.714v6z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/alert-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 AlertCircleIconProps {
   role?: React.AriaRole;
 }
 
-export const AlertCircle: React.FunctionComponent<AlertCircleIconProps> = ({
-  className = undefined,
+export const AlertCircle: React.FunctionComponent<AlertCircleIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<AlertCircle filled /> is now deprecated, please use <AlertCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<AlertCircle filled /> is now deprecated, please use <AlertCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const AlertCircle: React.FunctionComponent<AlertCircleIconProps> = ({
       className={`tw-icon tw-icon-alert-circle ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'alert-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 11.999c0 5.657 4.629 10.285 10.286 10.285S22.286 17.656 22.286 12C22.286 6.34 17.657 1.713 12 1.713S1.714 6.34 1.714 11.999Zm1.715 0c0-4.715 3.857-8.572 8.571-8.572 4.714 0 8.572 3.857 8.572 8.572 0 4.714-3.858 8.571-8.572 8.571-4.714 0-8.571-3.857-8.571-8.571Zm9.428-5.142h-1.714v6.858h1.714V6.857ZM12 18.001a1.286 1.286 0 1 0 0-2.571A1.286 1.286 0 0 0 12 18Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M1.714 11.999c0 5.657 4.629 10.285 10.286 10.285S22.286 17.656 22.286 12C22.286 6.34 17.657 1.713 12 1.713S1.714 6.34 1.714 11.999m1.715 0c0-4.715 3.857-8.572 8.571-8.572S20.572 7.284 20.572 12 16.714 20.57 12 20.57 3.43 16.713 3.43 12m9.428-5.142h-1.714v6.858h1.714zM12 18.001a1.286 1.286 0 1 0 0-2.571A1.286 1.286 0 0 0 12 18" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/alert.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 AlertIconProps {
   role?: React.AriaRole;
 }
 
-export const Alert: React.FunctionComponent<AlertIconProps> = ({
-  className = undefined,
+export const Alert: React.FunctionComponent<AlertIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Alert filled /> is now deprecated, please use <AlertFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Alert filled /> is now deprecated, please use <AlertFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,23 +31,22 @@ export const Alert: React.FunctionComponent<AlertIconProps> = ({
       className={`tw-icon tw-icon-alert ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'alert-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.143 4.286h1.714v9.857h-1.714z" />
-            <circle cx="12" cy="18" r="1.714" />
+            <path d="M11.143 4.286h1.714v9.857h-1.714z"/><circle cx="12" cy="18" r="1.714"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/alipay.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 AlipayIconProps {
   role?: React.AriaRole;
 }
 
-export const Alipay: React.FunctionComponent<AlipayIconProps> = ({
-  className = undefined,
+export const Alipay: React.FunctionComponent<AlipayIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Alipay filled /> is now deprecated, please use <AlipayFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Alipay filled /> is now deprecated, please use <AlipayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Alipay: React.FunctionComponent<AlipayIconProps> = ({
       className={`tw-icon tw-icon-alipay ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'alipay-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="M22.424 15.673s-.668-.067-3.674-1.069v.001c-.662-.22-1.552-.532-2.594-.898l-.68-.237a16.844 16.844 0 0 0 1.738-4.342h-4.076V7.66h5.01v-.735h-5.01V4.453h-2.004c-.334 0-.334.334-.334.334v2.07H5.723v.802H10.8v1.603H6.658v.801h8.084a12.994 12.994 0 0 1-1.136 2.805c-2.605-.868-5.411-1.536-7.148-1.135-1.136.267-1.87.735-2.272 1.269-2.004 2.338-.6 5.944 3.541 5.944 2.472 0 4.81-1.402 6.614-3.606 2.739 1.335 8.083 3.54 8.083 3.54v.133c0 1.803-1.536 3.273-3.34 3.273H5.054c-1.87 0-3.34-1.47-3.34-3.273V4.987c0-1.803 1.537-3.273 3.34-3.273h14.03c1.87 0 3.34 1.47 3.34 3.273v10.686ZM4.771 13.62c.535-.468 1.47-.668 2.005-.735 1.937-.201 3.674.534 5.812 1.536-1.47 1.87-3.34 3.072-5.211 3.072-3.274 0-4.209-2.47-2.606-3.873Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M22.424 15.673s-.668-.067-3.674-1.069v.001c-.662-.22-1.552-.532-2.594-.898l-.68-.237a16.8 16.8 0 0 0 1.738-4.342h-4.076V7.66h5.01v-.735h-5.01V4.453h-2.004c-.334 0-.334.334-.334.334v2.07H5.723v.802H10.8v1.603H6.658v.801h8.084a13 13 0 0 1-1.136 2.805c-2.605-.868-5.411-1.536-7.148-1.135-1.136.267-1.87.735-2.272 1.269-2.004 2.338-.6 5.944 3.541 5.944 2.472 0 4.81-1.402 6.614-3.606 2.739 1.335 8.083 3.54 8.083 3.54v.133c0 1.803-1.536 3.273-3.34 3.273H5.054c-1.87 0-3.34-1.47-3.34-3.273V4.987c0-1.803 1.537-3.273 3.34-3.273h14.03c1.87 0 3.34 1.47 3.34 3.273zM4.771 13.62c.535-.468 1.47-.668 2.005-.735 1.937-.201 3.674.534 5.812 1.536-1.47 1.87-3.34 3.072-5.211 3.072-3.274 0-4.209-2.47-2.606-3.873" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/arrow-diagonal-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 ArrowDiagonalDownIconProps {
   role?: React.AriaRole;
 }
 
-export const ArrowDiagonalDown: React.FunctionComponent<ArrowDiagonalDownIconProps> = ({
-  className = undefined,
+export const ArrowDiagonalDown: React.FunctionComponent<ArrowDiagonalDownIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const ArrowDiagonalDown: React.FunctionComponent<ArrowDiagonalDownIconPro
       className={`tw-icon tw-icon-arrow-diagonal-down ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'arrow-diagonal-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="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z" />
+            <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/arrow-diagonal-up.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 ArrowDiagonalUpIconProps {
   role?: React.AriaRole;
 }
 
-export const ArrowDiagonalUp: React.FunctionComponent<ArrowDiagonalUpIconProps> = ({
-  className = undefined,
+export const ArrowDiagonalUp: React.FunctionComponent<ArrowDiagonalUpIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const ArrowDiagonalUp: React.FunctionComponent<ArrowDiagonalUpIconProps>
       className={`tw-icon tw-icon-arrow-diagonal-up ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'arrow-diagonal-up-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.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z" />
+            <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

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

package/build/components/arrow-left.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 ArrowLeftIconProps {
   role?: React.AriaRole;
 }
 
-export const ArrowLeft: React.FunctionComponent<ArrowLeftIconProps> = ({
-  className = undefined,
+export const ArrowLeft: React.FunctionComponent<ArrowLeftIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ArrowLeft filled /> is now deprecated, please use <ArrowLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ArrowLeft filled /> is now deprecated, please use <ArrowLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const ArrowLeft: React.FunctionComponent<ArrowLeftIconProps> = ({
       className={`tw-icon tw-icon-arrow-left ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'arrow-left-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 11.316H4.629l7.114-7.114-1.2-1.2-8.572 8.571a.829.829 0 0 0 0 1.2l8.572 8.572 1.2-1.2-7.114-7.114h17.657v-1.715Z" />
+            <path d="M22.286 11.316H4.629l7.114-7.114-1.2-1.2-8.572 8.571a.83.83 0 0 0 0 1.2l8.572 8.572 1.2-1.2-7.114-7.114h17.657z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}