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

@transferwise/icons 3.16.0 → 3.18.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 (1488) hide show

package/build/components/multi-currency.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 MultiCurrencyIconProps {
   role?: React.AriaRole;
 }
-export const MultiCurrency: React.FunctionComponent<MultiCurrencyIconProps> = ({
-  className = undefined,
+export const MultiCurrency: React.FunctionComponent<MultiCurrencyIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<MultiCurrency filled /> is now deprecated, please use <MultiCurrencyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<MultiCurrency filled /> is now deprecated, please use <MultiCurrencyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const MultiCurrency: React.FunctionComponent<MultiCurrencyIconProps> = ({
       className={`tw-icon tw-icon-multi-currency ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'multi-currency-icon'}
     >
-      <svg
+      <svg
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)}
+        height={String(size)}
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M13.086 8.57a3.45 3.45 0 0 0 3.042-1.843 6.3 6.3 0 0 1 1.415.943 6.86 6.86 0 0 1 2.314 4.329h1.714a8.64 8.64 0 0 0-3.428-6.043 9 9 0 0 0-1.629-.943c-.085-1.843-1.585-3.3-3.428-3.3s-3.343 1.457-3.429 3.3v.128c0 .558.129 1.115.386 1.586a3.45 3.45 0 0 0 3.043 1.843m-1.543-4.157a1.73 1.73 0 0 1 1.543-.986c.685 0 1.285.429 1.543.986.085.214.171.471.171.728 0 .386-.129.729-.343.986-.3.429-.814.729-1.371.729-.558 0-1.072-.3-1.372-.729a1.53 1.53 0 0 1-.343-.986c0-.257.043-.471.172-.728m8.785 10.156c-.02-.021-.042-.032-.064-.043a.2.2 0 0 1-.064-.043c-.471-.3-1.029-.428-1.543-.471a3.46 3.46 0 0 0-3.129 1.714c-.642 1.157-.6 2.529.086 3.557q-.706.45-1.543.772a6.76 6.76 0 0 1-4.928-.172c0 .043-.857 1.543-.857 1.5a8.52 8.52 0 0 0 6.943.043 8 8 0 0 0 1.67-.943 3.407 3.407 0 0 0 4.544-1.328c.943-1.586.428-3.6-1.115-4.586m-.342 3.729c-.343.6-.986.9-1.629.857-.257-.043-.471-.086-.686-.215-.343-.17-.557-.47-.685-.77-.215-.472-.215-1.072.085-1.544.3-.514.772-.771 1.329-.857.343-.043.686.043 1.029.214.214.129.385.3.514.472.3.557.385 1.243.043 1.843M4.943 12.557c1.243-.043 2.486.557 3.129 1.714.685 1.114.6 2.486-.086 3.643-.257.428-.686.814-1.157 1.114-.043 0-.086 0-.129.043-1.586.857-3.6.257-4.543-1.329a3.48 3.48 0 0 1 1.157-4.628 7.3 7.3 0 0 1 0-1.929 8.55 8.55 0 0 1 3.515-6c-.017-.032.097.164.246.421.244.422.584 1.01.61 1.036a6.8 6.8 0 0 0-2.613 4.2 5.8 5.8 0 0 0-.13 1.715m1.029 4.885c.3-.171.557-.471.685-.771.257-.471.215-1.071-.043-1.543a1.72 1.72 0 0 0-1.328-.857c-.343-.043-.686.043-1.029.214-.214.129-.385.257-.514.472-.386.514-.429 1.242-.086 1.842s.986.9 1.629.858c.214 0 .471-.086.686-.215"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M13.086 8.57a3.45 3.45 0 0 0 3.042-1.843 6.3 6.3 0 0 1 1.415.943 6.86 6.86 0 0 1 2.314 4.329h1.714a8.64 8.64 0 0 0-3.428-6.043 9 9 0 0 0-1.629-.943c-.085-1.843-1.585-3.3-3.428-3.3s-3.343 1.457-3.429 3.3v.128c0 .558.129 1.115.386 1.586a3.45 3.45 0 0 0 3.043 1.843m-1.543-4.157a1.73 1.73 0 0 1 1.543-.986c.685 0 1.285.429 1.543.986.085.214.171.471.171.728 0 .386-.129.729-.343.986-.3.429-.814.729-1.371.729-.558 0-1.072-.3-1.372-.729a1.53 1.53 0 0 1-.343-.986c0-.257.043-.471.172-.728m8.785 10.156c-.02-.021-.042-.032-.064-.043a.2.2 0 0 1-.064-.043c-.471-.3-1.029-.428-1.543-.471a3.46 3.46 0 0 0-3.129 1.714c-.642 1.157-.6 2.529.086 3.557q-.706.45-1.543.772a6.76 6.76 0 0 1-4.928-.172c0 .043-.857 1.543-.857 1.5a8.52 8.52 0 0 0 6.943.043 8 8 0 0 0 1.67-.943 3.407 3.407 0 0 0 4.544-1.328c.943-1.586.428-3.6-1.115-4.586m-.342 3.729c-.343.6-.986.9-1.629.857-.257-.043-.471-.086-.686-.215-.343-.17-.557-.47-.685-.77-.215-.472-.215-1.072.085-1.544.3-.514.772-.771 1.329-.857.343-.043.686.043 1.029.214.214.129.385.3.514.472.3.557.385 1.243.043 1.843M4.943 12.557c1.243-.043 2.486.557 3.129 1.714.685 1.114.6 2.486-.086 3.643-.257.428-.686.814-1.157 1.114-.043 0-.086 0-.129.043-1.586.857-3.6.257-4.543-1.329a3.48 3.48 0 0 1 1.157-4.628 7.3 7.3 0 0 1 0-1.929 8.55 8.55 0 0 1 3.515-6c-.017-.032.097.164.246.421.244.422.584 1.01.61 1.036a6.8 6.8 0 0 0-2.613 4.2 5.8 5.8 0 0 0-.13 1.715m1.029 4.885c.3-.171.557-.471.685-.771.257-.471.215-1.071-.043-1.543a1.72 1.72 0 0 0-1.328-.857c-.343-.043-.686.043-1.029.214-.214.129-.385.257-.514.472-.386.514-.429 1.242-.086 1.842s.986.9 1.629.858c.214 0 .471-.086.686-.215" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/navigate-away.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 NavigateAwayIconProps {
   role?: React.AriaRole;
 }
-export const NavigateAway: React.FunctionComponent<NavigateAwayIconProps> = ({
-  className = undefined,
+export const NavigateAway: React.FunctionComponent<NavigateAwayIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<NavigateAway filled /> is now deprecated, please use <NavigateAwayFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<NavigateAway filled /> is now deprecated, please use <NavigateAwayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const NavigateAway: React.FunctionComponent<NavigateAwayIconProps> = ({
       className={`tw-icon tw-icon-navigate-away ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'navigate-away-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.857 1.287h8.571a.86.86 0 0 1 .857.857v8.572h-1.714V4.2l-9.428 9.429-1.2-1.2 9.428-9.429h-6.514zM3.429 20.998H18v-6h1.714v6.858a.86.86 0 0 1-.857.857H2.572a.86.86 0 0 1-.858-.858V4.714a.86.86 0 0 1 .857-.858h6V5.57H3.43z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12.857 1.287h8.571a.86.86 0 0 1 .857.857v8.572h-1.714V4.2l-9.428 9.429-1.2-1.2 9.428-9.429h-6.514zM3.429 20.998H18v-6h1.714v6.858a.86.86 0 0 1-.857.857H2.572a.86.86 0 0 1-.858-.858V4.714a.86.86 0 0 1 .857-.858h6V5.57H3.43z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/nearby.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 NearbyIconProps {
   role?: React.AriaRole;
 }
-export const Nearby: React.FunctionComponent<NearbyIconProps> = ({
-  className = undefined,
+export const Nearby: React.FunctionComponent<NearbyIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Nearby filled /> is now deprecated, please use <NearbyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Nearby filled /> is now deprecated, please use <NearbyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Nearby: React.FunctionComponent<NearbyIconProps> = ({
       className={`tw-icon tw-icon-nearby ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'nearby-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 19.713A7.714 7.714 0 1 0 7.007 6.118a2.58 2.58 0 0 0-1.25-1.185A9.4 9.4 0 0 1 12 2.57a9.429 9.429 0 1 1-9.005 6.627c.426.383.982.626 1.593.656A7.714 7.714 0 0 0 12 19.713M4.727 6a1.286 1.286 0 1 1-.024 2.57 1.286 1.286 0 0 1 .023-2.57M12 15.858A3.857 3.857 0 0 0 15.857 12a2.56 2.56 0 0 0 1.68-.625q.034.308.034.625a5.571 5.571 0 1 1-2.865-4.872c-.549.275-.985.74-1.223 1.31A3.857 3.857 0 1 0 12 15.858m5.1-6.102a1.286 1.286 0 1 0-1.47.938 1.29 1.29 0 0 0 1.47-.938M13.287 12a1.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="M12 19.713A7.714 7.714 0 1 0 7.007 6.118a2.58 2.58 0 0 0-1.25-1.185A9.4 9.4 0 0 1 12 2.57a9.429 9.429 0 1 1-9.005 6.627c.426.383.982.626 1.593.656A7.714 7.714 0 0 0 12 19.713M4.727 6a1.286 1.286 0 1 1-.024 2.57 1.286 1.286 0 0 1 .023-2.57M12 15.858A3.857 3.857 0 0 0 15.857 12a2.56 2.56 0 0 0 1.68-.625q.034.308.034.625a5.571 5.571 0 1 1-2.865-4.872c-.549.275-.985.74-1.223 1.31A3.857 3.857 0 1 0 12 15.858m5.1-6.102a1.286 1.286 0 1 0-1.47.938 1.29 1.29 0 0 0 1.47-.938M13.287 12a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/new.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 NewIconProps {
   role?: React.AriaRole;
 }
-export const New: React.FunctionComponent<NewIconProps> = ({
-  className = undefined,
+export const New: React.FunctionComponent<NewIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<New filled /> is now deprecated, please use <NewFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<New filled /> is now deprecated, please use <NewFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const New: React.FunctionComponent<NewIconProps> = ({
       className={`tw-icon tw-icon-new ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'new-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.356 12 1.328-1.929c.129-.214.172-.471.129-.728-.086-.258-.214-.429-.472-.558l-2.1-.985.215-2.315c0-.257-.086-.514-.258-.685-.17-.172-.428-.257-.685-.257l-2.315.214-.985-2.1a1.01 1.01 0 0 0-.557-.472c-.258-.085-.515 0-.729.129L12 3.643l-1.93-1.329c-.213-.171-.47-.214-.685-.129-.257.086-.428.215-.557.472l-.986 2.1-2.314-.214c-.257-.043-.514.085-.686.257-.171.171-.257.428-.257.685L4.8 7.8l-2.1.985c-.215.129-.386.3-.472.558-.086.257 0 .514.129.728L3.684 12l-1.328 1.928c-.215.215-.257.472-.172.686.086.257.214.429.472.557l2.1.986-.215 2.314c0 .257.086.514.257.686.172.171.43.257.686.257L7.8 19.2l.985 2.1c.129.214.3.385.557.471s.515 0 .729-.128l1.928-1.329 1.93 1.329c.128.085.3.171.47.171.086 0 .13 0 .215-.043.257-.086.428-.214.557-.471l.986-2.1 2.314.214c.257.043.514-.086.686-.257.171-.172.257-.429.257-.686l-.215-2.314 2.1-.986c.215-.128.386-.3.472-.557s0-.514-.129-.729zm-1.758.471 1.115 1.586-1.757.814c-.343.172-.515.472-.472.857l.172 1.929-1.929-.172c-.343-.042-.686.172-.857.472l-.814 1.757L12.47 18.6c-.129-.086-.3-.172-.472-.172a.65.65 0 0 0-.47.172L9.94 19.714l-.814-1.757c-.171-.343-.471-.514-.857-.472l-1.929.172.172-1.929c.043-.343-.172-.685-.472-.857l-1.757-.814L5.4 12.47a.84.84 0 0 0 0-.986L4.284 9.943l1.757-.815c.343-.171.515-.471.472-.857L6.34 6.343l1.929.171c.343.043.686-.171.857-.471l.814-1.758L11.527 5.4c.3.214.686.214.986 0l1.585-1.115.815 1.758c.171.342.471.514.857.471l1.928-.171-.17 1.928c-.044.343.17.686.47.857l1.758.815-1.115 1.585c-.214.257-.214.686-.042.943" />
+            <path d="m20.356 12 1.328-1.929c.129-.214.172-.471.129-.728-.086-.258-.214-.429-.472-.558l-2.1-.985.215-2.315c0-.257-.086-.514-.258-.685-.17-.172-.428-.257-.685-.257l-2.315.214-.985-2.1a1.01 1.01 0 0 0-.557-.472c-.258-.085-.515 0-.729.129L12 3.643l-1.93-1.329c-.213-.171-.47-.214-.685-.129-.257.086-.428.215-.557.472l-.986 2.1-2.314-.214c-.257-.043-.514.085-.686.257-.171.171-.257.428-.257.685L4.8 7.8l-2.1.985c-.215.129-.386.3-.472.558-.086.257 0 .514.129.728L3.684 12l-1.328 1.928c-.215.215-.257.472-.172.686.086.257.214.429.472.557l2.1.986-.215 2.314c0 .257.086.514.257.686.172.171.43.257.686.257L7.8 19.2l.985 2.1c.129.214.3.385.557.471s.515 0 .729-.128l1.928-1.329 1.93 1.329c.128.085.3.171.47.171.086 0 .13 0 .215-.043.257-.086.428-.214.557-.471l.986-2.1 2.314.214c.257.043.514-.086.686-.257.171-.172.257-.429.257-.686l-.215-2.314 2.1-.986c.215-.128.386-.3.472-.557s0-.514-.129-.729zm-1.758.471 1.115 1.586-1.757.814c-.343.172-.515.472-.472.857l.172 1.929-1.929-.172c-.343-.042-.686.172-.857.472l-.814 1.757L12.47 18.6c-.129-.086-.3-.172-.472-.172a.65.65 0 0 0-.47.172L9.94 19.714l-.814-1.757c-.171-.343-.471-.514-.857-.472l-1.929.172.172-1.929c.043-.343-.172-.685-.472-.857l-1.757-.814L5.4 12.47a.84.84 0 0 0 0-.986L4.284 9.943l1.757-.815c.343-.171.515-.471.472-.857L6.34 6.343l1.929.171c.343.043.686-.171.857-.471l.814-1.758L11.527 5.4c.3.214.686.214.986 0l1.585-1.115.815 1.758c.171.342.471.514.857.471l1.928-.171-.17 1.928c-.044.343.17.686.47.857l1.758.815-1.115 1.585c-.214.257-.214.686-.042.943"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/notification-active.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 NotificationActiveIconProps {
   role?: React.AriaRole;
 }
-export const NotificationActive: React.FunctionComponent<NotificationActiveIconProps> = ({
-  className = undefined,
+export const NotificationActive: React.FunctionComponent<NotificationActiveIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<NotificationActive filled /> is now deprecated, please use <NotificationActiveFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<NotificationActive filled /> is now deprecated, please use <NotificationActiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const NotificationActive: React.FunctionComponent<NotificationActiveIconP
       className={`tw-icon tw-icon-notification-active ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'notification-active-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.443 1.713 6.557 3.04a8.55 8.55 0 0 0-3.128 6.6H1.714c0-3.085 1.372-5.957 3.729-7.928M20.572 9.64h1.714c0-3.085-1.372-5.957-3.729-7.928L17.443 3.04a8.55 8.55 0 0 1 3.129 6.6m0 6.001c-1.543 0-1.715-1.2-1.715-1.714V9.642c0-3.771-3.085-6.857-6.857-6.857-3.771 0-6.857 3.086-6.857 6.857v4.286c0 .514-.171 1.714-1.714 1.714a.86.86 0 0 0-.857.857v2.572a.86.86 0 0 0 .857.857h6A2.58 2.58 0 0 0 12 22.499a2.58 2.58 0 0 0 2.572-2.571h6a.86.86 0 0 0 .857-.857v-2.572a.86.86 0 0 0-.857-.857M12 20.785a.86.86 0 0 1-.857-.857h1.714a.86.86 0 0 1-.857.857m7.714-2.571H4.286v-.943c1.757-.343 2.571-1.843 2.571-3.343V9.642C6.857 6.814 9.172 4.5 12 4.5c2.829 0 5.143 2.315 5.143 5.143v4.286c0 1.5.814 3 2.571 3.343z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M5.443 1.713 6.557 3.04a8.55 8.55 0 0 0-3.128 6.6H1.714c0-3.085 1.372-5.957 3.729-7.928M20.572 9.64h1.714c0-3.085-1.372-5.957-3.729-7.928L17.443 3.04a8.55 8.55 0 0 1 3.129 6.6m0 6.001c-1.543 0-1.715-1.2-1.715-1.714V9.642c0-3.771-3.085-6.857-6.857-6.857-3.771 0-6.857 3.086-6.857 6.857v4.286c0 .514-.171 1.714-1.714 1.714a.86.86 0 0 0-.857.857v2.572a.86.86 0 0 0 .857.857h6A2.58 2.58 0 0 0 12 22.499a2.58 2.58 0 0 0 2.572-2.571h6a.86.86 0 0 0 .857-.857v-2.572a.86.86 0 0 0-.857-.857M12 20.785a.86.86 0 0 1-.857-.857h1.714a.86.86 0 0 1-.857.857m7.714-2.571H4.286v-.943c1.757-.343 2.571-1.843 2.571-3.343V9.642C6.857 6.814 9.172 4.5 12 4.5c2.829 0 5.143 2.315 5.143 5.143v4.286c0 1.5.814 3 2.571 3.343z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/notification.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 NotificationIconProps {
   role?: React.AriaRole;
 }
-export const Notification: React.FunctionComponent<NotificationIconProps> = ({
-  className = undefined,
+export const Notification: React.FunctionComponent<NotificationIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Notification filled /> is now deprecated, please use <NotificationFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Notification filled /> is now deprecated, please use <NotificationFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const Notification: React.FunctionComponent<NotificationIconProps> = ({
       className={`tw-icon tw-icon-notification ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'notification-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.572 15c-1.543 0-1.715-1.2-1.715-1.715V9c0-3.772-3.085-6.857-6.857-6.857C8.23 2.143 5.143 5.228 5.143 9v4.285C5.143 13.8 4.972 15 3.429 15a.86.86 0 0 0-.857.857v2.571a.86.86 0 0 0 .857.857h6A2.58 2.58 0 0 0 12 21.857a2.58 2.58 0 0 0 2.572-2.572h6a.86.86 0 0 0 .857-.857v-2.571a.86.86 0 0 0-.857-.857M12 20.143a.86.86 0 0 1-.857-.858h1.714a.86.86 0 0 1-.857.858m7.714-2.572H4.286v-.943c1.757-.343 2.571-1.843 2.571-3.343V9c0-2.829 2.315-5.143 5.143-5.143 2.829 0 5.143 2.314 5.143 5.143v4.285c0 1.5.814 3 2.571 3.343z" />
+            <path d="M20.572 15c-1.543 0-1.715-1.2-1.715-1.715V9c0-3.772-3.085-6.857-6.857-6.857C8.23 2.143 5.143 5.228 5.143 9v4.285C5.143 13.8 4.972 15 3.429 15a.86.86 0 0 0-.857.857v2.571a.86.86 0 0 0 .857.857h6A2.58 2.58 0 0 0 12 21.857a2.58 2.58 0 0 0 2.572-2.572h6a.86.86 0 0 0 .857-.857v-2.571a.86.86 0 0 0-.857-.857M12 20.143a.86.86 0 0 1-.857-.858h1.714a.86.86 0 0 1-.857.858m7.714-2.572H4.286v-.943c1.757-.343 2.571-1.843 2.571-3.343V9c0-2.829 2.315-5.143 5.143-5.143 2.829 0 5.143 2.314 5.143 5.143v4.285c0 1.5.814 3 2.571 3.343z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/office-expenses.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 OfficeExpensesIconProps {
   role?: React.AriaRole;
 }
-export const OfficeExpenses: React.FunctionComponent<OfficeExpensesIconProps> = ({
-  className = undefined,
+export const OfficeExpenses: React.FunctionComponent<OfficeExpensesIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<OfficeExpenses filled /> is now deprecated, please use <OfficeExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<OfficeExpenses filled /> is now deprecated, please use <OfficeExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const OfficeExpenses: React.FunctionComponent<OfficeExpensesIconProps> =
       className={`tw-icon tw-icon-office-expenses ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'office-expenses-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="M15.343 7.33 12.77 2.185c-.128-.3-.428-.471-.771-.471s-.643.171-.772.471L8.657 7.33c-.043.129-.086.257-.086.386v13.714a.86.86 0 0 0 .857.857h5.143a.86.86 0 0 0 .857-.857V7.715a1.3 1.3 0 0 0-.085-.386m-5.057 1.242h3.428v8.571h-3.428zM12 4.501l1.2 2.357h-2.357zm1.714 16.071h-3.428v-1.714h3.428z" />
+            <path d="M15.343 7.33 12.77 2.185c-.128-.3-.428-.471-.771-.471s-.643.171-.772.471L8.657 7.33c-.043.129-.086.257-.086.386v13.714a.86.86 0 0 0 .857.857h5.143a.86.86 0 0 0 .857-.857V7.715a1.3 1.3 0 0 0-.085-.386m-5.057 1.242h3.428v8.571h-3.428zM12 4.501l1.2 2.357h-2.357zm1.714 16.071h-3.428v-1.714h3.428z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/owners-withdrawal.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 OwnersWithdrawalIconProps {
   role?: React.AriaRole;
 }
-export const OwnersWithdrawal: React.FunctionComponent<OwnersWithdrawalIconProps> = ({
-  className = undefined,
+export const OwnersWithdrawal: React.FunctionComponent<OwnersWithdrawalIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<OwnersWithdrawal filled /> is now deprecated, please use <OwnersWithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<OwnersWithdrawal filled /> is now deprecated, please use <OwnersWithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const OwnersWithdrawal: React.FunctionComponent<OwnersWithdrawalIconProps
       className={`tw-icon tw-icon-owners-withdrawal ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'owners-withdrawal-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.742a.85.85 0 0 1-.6.257.85.85 0 0 1-.6-.258l-6-6 1.2-1.2 4.543 4.543V1.713h1.714v13.371l4.543-4.542 1.2 1.2zM1.714 20.568h20.572v1.715H1.714z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12.6 17.742a.85.85 0 0 1-.6.257.85.85 0 0 1-.6-.258l-6-6 1.2-1.2 4.543 4.543V1.713h1.714v13.371l4.543-4.542 1.2 1.2zM1.714 20.568h20.572v1.715H1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/padlock-unlocked.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 PadlockUnlockedIconProps {
   role?: React.AriaRole;
 }
-export const PadlockUnlocked: React.FunctionComponent<PadlockUnlockedIconProps> = ({
-  className = undefined,
+export const PadlockUnlocked: React.FunctionComponent<PadlockUnlockedIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<PadlockUnlocked filled /> is now deprecated, please use <PadlockUnlockedFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<PadlockUnlocked filled /> is now deprecated, please use <PadlockUnlockedFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const PadlockUnlocked: React.FunctionComponent<PadlockUnlockedIconProps>
       className={`tw-icon tw-icon-padlock-unlocked ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'padlock-unlocked-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.814 8.838h9.9a.86.86 0 0 1 .857.857v10.286A2.58 2.58 0 0 1 18 22.552H6a2.58 2.58 0 0 1-2.572-2.571V9.695a.86.86 0 0 1 .858-.857H7.8a5.1 5.1 0 0 1-.386-1.972c0-1.371.514-2.657 1.5-3.642a5.147 5.147 0 0 1 7.286 0l-1.2 1.2a3.44 3.44 0 0 0-4.843 0 3.55 3.55 0 0 0-.986 2.442c0 .729.257 1.415.643 1.972m8.186 12a.86.86 0 0 0 .857-.857v-9.429H5.143v9.429a.86.86 0 0 0 .857.857zm-6.857-1.715v-2.829c-.515-.257-.858-.814-.858-1.457A1.72 1.72 0 0 1 12 13.123a1.72 1.72 0 0 1 1.714 1.714c0 .6-.343 1.158-.857 1.457v2.829z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9.814 8.838h9.9a.86.86 0 0 1 .857.857v10.286A2.58 2.58 0 0 1 18 22.552H6a2.58 2.58 0 0 1-2.572-2.571V9.695a.86.86 0 0 1 .858-.857H7.8a5.1 5.1 0 0 1-.386-1.972c0-1.371.514-2.657 1.5-3.642a5.147 5.147 0 0 1 7.286 0l-1.2 1.2a3.44 3.44 0 0 0-4.843 0 3.55 3.55 0 0 0-.986 2.442c0 .729.257 1.415.643 1.972m8.186 12a.86.86 0 0 0 .857-.857v-9.429H5.143v9.429a.86.86 0 0 0 .857.857zm-6.857-1.715v-2.829c-.515-.257-.858-.814-.858-1.457A1.72 1.72 0 0 1 12 13.123a1.72 1.72 0 0 1 1.714 1.714c0 .6-.343 1.158-.857 1.457v2.829z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/padlock.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 PadlockIconProps {
   role?: React.AriaRole;
 }
-export const Padlock: React.FunctionComponent<PadlockIconProps> = ({
-  className = undefined,
+export const Padlock: React.FunctionComponent<PadlockIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Padlock filled /> is now deprecated, please use <PadlockFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Padlock filled /> is now deprecated, please use <PadlockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Padlock: React.FunctionComponent<PadlockIconProps> = ({
       className={`tw-icon tw-icon-padlock ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'padlock-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.143 8.57h2.571a.86.86 0 0 1 .857.857v10.286A2.58 2.58 0 0 1 18 22.284H6a2.58 2.58 0 0 1-2.572-2.571V9.427a.86.86 0 0 1 .858-.857h2.571V6.856c0-2.829 2.314-5.143 5.143-5.143s5.143 2.314 5.143 5.143zM12 3.427A3.44 3.44 0 0 0 8.57 6.856V8.57h6.858V6.856a3.44 3.44 0 0 0-3.43-3.429m6 17.143a.86.86 0 0 0 .857-.857v-9.429H5.143v9.429A.86.86 0 0 0 6 20.57zm-6.857-1.716v-2.83c-.515-.256-.858-.813-.858-1.456A1.72 1.72 0 0 1 12 12.854a1.72 1.72 0 0 1 1.714 1.714c0 .6-.343 1.157-.857 1.457v2.829z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M17.143 8.57h2.571a.86.86 0 0 1 .857.857v10.286A2.58 2.58 0 0 1 18 22.284H6a2.58 2.58 0 0 1-2.572-2.571V9.427a.86.86 0 0 1 .858-.857h2.571V6.856c0-2.829 2.314-5.143 5.143-5.143s5.143 2.314 5.143 5.143zM12 3.427A3.44 3.44 0 0 0 8.57 6.856V8.57h6.858V6.856a3.44 3.44 0 0 0-3.43-3.429m6 17.143a.86.86 0 0 0 .857-.857v-9.429H5.143v9.429A.86.86 0 0 0 6 20.57zm-6.857-1.716v-2.83c-.515-.256-.858-.813-.858-1.456A1.72 1.72 0 0 1 12 12.854a1.72 1.72 0 0 1 1.714 1.714c0 .6-.343 1.157-.857 1.457v2.829z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}