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/pending.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 PendingIconProps {
   role?: React.AriaRole;
 }
-export const Pending: React.FunctionComponent<PendingIconProps> = ({
-  className = undefined,
+export const Pending: React.FunctionComponent<PendingIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Pending filled /> is now deprecated, please use <PendingFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Pending filled /> is now deprecated, please use <PendingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Pending: React.FunctionComponent<PendingIconProps> = ({
       className={`tw-icon tw-icon-pending ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'pending-icon'}
     >
-      <svg
+      <svg
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)}
+        height={String(size)}
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M2.572 3h18.857a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.86.86 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.9.9 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3m10.285 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.86.86 0 0 1 .471-.129m.429-5.571a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0m3.857 1.285a1.286 1.286 0 1 0 0-2.57 1.286 1.286 0 0 0 0 2.57m-9-1.285a1.286 1.286 0 1 1-2.571 0 1.286 1.286 0 0 1 2.571 0"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M2.572 3h18.857a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.86.86 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.9.9 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3m10.285 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.86.86 0 0 1 .471-.129m.429-5.571a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0m3.857 1.285a1.286 1.286 0 1 0 0-2.57 1.286 1.286 0 0 0 0 2.57m-9-1.285a1.286 1.286 0 1 1-2.571 0 1.286 1.286 0 0 1 2.571 0" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/people.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 PeopleIconProps {
   role?: React.AriaRole;
 }
-export const People: React.FunctionComponent<PeopleIconProps> = ({
-  className = undefined,
+export const People: React.FunctionComponent<PeopleIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<People filled /> is now deprecated, please use <PeopleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<People filled /> is now deprecated, please use <PeopleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const People: React.FunctionComponent<PeopleIconProps> = ({
       className={`tw-icon tw-icon-people ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'people-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="M17.186 12.3a5.11 5.11 0 0 0 2.1-4.157C19.286 5.314 16.97 3 14.143 3a5.17 5.17 0 0 0-4.457 2.571c-2.743.086-4.972 2.358-4.972 5.143 0 1.715.815 3.215 2.1 4.157A6.8 6.8 0 0 0 3 21h1.714c0-2.014 1.2-3.771 2.872-4.629.643-.3 1.328-.514 2.1-.514h.171C12.686 15.857 15 18.171 15 21h1.714c0-2.7-1.543-5.014-3.814-6.129a5.6 5.6 0 0 0 1.414-1.585c2.743.085 4.972 2.357 4.972 5.143H21c0-2.7-1.543-5.015-3.814-6.129m-8.272 1.714C7.5 13.586 6.43 12.3 6.43 10.714c0-1.628 1.114-2.957 2.614-3.343.257-.042.514-.085.814-.085.343 0 .643.043.943.128 1.457.429 2.486 1.715 2.486 3.3 0 .257-.043.472-.086.729-.343 1.543-1.714 2.7-3.343 2.7-.343 0-.643-.043-.943-.129m6.043-2.528c.043-.257.043-.515.043-.772 0-2.228-1.414-4.114-3.429-4.843a3.38 3.38 0 0 1 2.572-1.157 3.44 3.44 0 0 1 3.428 3.429c0 1.628-1.114 2.957-2.614 3.343" />
+            <path d="M17.186 12.3a5.11 5.11 0 0 0 2.1-4.157C19.286 5.314 16.97 3 14.143 3a5.17 5.17 0 0 0-4.457 2.571c-2.743.086-4.972 2.358-4.972 5.143 0 1.715.815 3.215 2.1 4.157A6.8 6.8 0 0 0 3 21h1.714c0-2.014 1.2-3.771 2.872-4.629.643-.3 1.328-.514 2.1-.514h.171C12.686 15.857 15 18.171 15 21h1.714c0-2.7-1.543-5.014-3.814-6.129a5.6 5.6 0 0 0 1.414-1.585c2.743.085 4.972 2.357 4.972 5.143H21c0-2.7-1.543-5.015-3.814-6.129m-8.272 1.714C7.5 13.586 6.43 12.3 6.43 10.714c0-1.628 1.114-2.957 2.614-3.343.257-.042.514-.085.814-.085.343 0 .643.043.943.128 1.457.429 2.486 1.715 2.486 3.3 0 .257-.043.472-.086.729-.343 1.543-1.714 2.7-3.343 2.7-.343 0-.643-.043-.943-.129m6.043-2.528c.043-.257.043-.515.043-.772 0-2.228-1.414-4.114-3.429-4.843a3.38 3.38 0 0 1 2.572-1.157 3.44 3.44 0 0 1 3.428 3.429c0 1.628-1.114 2.957-2.614 3.343"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/percentage-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 PercentageCircleIconProps {
   role?: React.AriaRole;
 }
-export const PercentageCircle: React.FunctionComponent<PercentageCircleIconProps> = ({
-  className = undefined,
+export const PercentageCircle: React.FunctionComponent<PercentageCircleIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<PercentageCircle filled /> is now deprecated, please use <PercentageCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<PercentageCircle filled /> is now deprecated, please use <PercentageCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const PercentageCircle: React.FunctionComponent<PercentageCircleIconProps
       className={`tw-icon tw-icon-percentage-circle ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'percentage-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.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-3a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0M15 16.284a1.286 1.286 0 1 0 0-2.571 1.286 1.286 0 0 0 0 2.571m-7.879-.618 8.576-8.576 1.212 1.212-8.576 8.576z"
-              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-3a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0M15 16.284a1.286 1.286 0 1 0 0-2.571 1.286 1.286 0 0 0 0 2.571m-7.879-.618 8.576-8.576 1.212 1.212-8.576 8.576z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/person.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 PersonIconProps {
   role?: React.AriaRole;
 }
-export const Person: React.FunctionComponent<PersonIconProps> = ({
-  className = undefined,
+export const Person: React.FunctionComponent<PersonIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Person filled /> is now deprecated, please use <PersonFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Person filled /> is now deprecated, please use <PersonFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const Person: React.FunctionComponent<PersonIconProps> = ({
       className={`tw-icon tw-icon-person ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'person-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.257 14.014A5.92 5.92 0 0 0 18 9c0-3.3-2.7-6-6-6S6 5.7 6 9c0 2.1 1.071 3.943 2.743 5.014-2.614 1.243-4.457 3.9-4.457 6.986H6c0-3.3 2.7-6 6-6s6 2.7 6 6h1.714c0-3.086-1.842-5.743-4.457-6.986M7.714 9A4.3 4.3 0 0 1 12 4.714 4.3 4.3 0 0 1 16.286 9 4.3 4.3 0 0 1 12 13.286 4.3 4.3 0 0 1 7.714 9" />
+            <path d="M15.257 14.014A5.92 5.92 0 0 0 18 9c0-3.3-2.7-6-6-6S6 5.7 6 9c0 2.1 1.071 3.943 2.743 5.014-2.614 1.243-4.457 3.9-4.457 6.986H6c0-3.3 2.7-6 6-6s6 2.7 6 6h1.714c0-3.086-1.842-5.743-4.457-6.986M7.714 9A4.3 4.3 0 0 1 12 4.714 4.3 4.3 0 0 1 16.286 9 4.3 4.3 0 0 1 12 13.286 4.3 4.3 0 0 1 7.714 9"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/personal-care.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 PersonalCareIconProps {
   role?: React.AriaRole;
 }
-export const PersonalCare: React.FunctionComponent<PersonalCareIconProps> = ({
-  className = undefined,
+export const PersonalCare: React.FunctionComponent<PersonalCareIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<PersonalCare filled /> is now deprecated, please use <PersonalCareFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<PersonalCare filled /> is now deprecated, please use <PersonalCareFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,31 +31,22 @@ export const PersonalCare: React.FunctionComponent<PersonalCareIconProps> = ({
       className={`tw-icon tw-icon-personal-care ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'personal-care-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.857 3.004q0-.003.004-.004h5.998c.948 0 1.712.77 1.712 1.714v1.072h-1.714V4.714H9.861a.004.004 0 0 1-.004-.004zm6 1.71Zm0 0v-.001"
-              clipRule="evenodd"
-            />
-            <path
-              fillRule="evenodd"
-              d="M11.143 4.713h1.714v1.714h.429c.473 0 .857.384.857.857v.43h.105c1.303 0 2.4.974 2.554 2.268l.965 8.143A2.572 2.572 0 0 1 15.213 21H8.787a2.57 2.57 0 0 1-2.554-2.874l.965-8.143a2.57 2.57 0 0 1 2.554-2.269h.105v-.429c0-.473.384-.857.857-.857h.429zm4.922 13.614a.857.857 0 0 1-.852.958H8.787a.857.857 0 0 1-.852-.958l.966-8.143a.857.857 0 0 1 .85-.756h4.497c.435 0 .8.325.852.756z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9.857 3.004q0-.003.004-.004h5.998c.948 0 1.712.77 1.712 1.714v1.072h-1.714V4.714H9.861a.004.004 0 0 1-.004-.004zm6 1.71Zm0 0v-.001" clipRule="evenodd"/><path fillRule="evenodd" d="M11.143 4.713h1.714v1.714h.429c.473 0 .857.384.857.857v.43h.105c1.303 0 2.4.974 2.554 2.268l.965 8.143A2.572 2.572 0 0 1 15.213 21H8.787a2.57 2.57 0 0 1-2.554-2.874l.965-8.143a2.57 2.57 0 0 1 2.554-2.269h.105v-.429c0-.473.384-.857.857-.857h.429zm4.922 13.614a.857.857 0 0 1-.852.958H8.787a.857.857 0 0 1-.852-.958l.966-8.143a.857.857 0 0 1 .85-.756h4.497c.435 0 .8.325.852.756z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/pets.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 PetsIconProps {
   role?: React.AriaRole;
 }
-export const Pets: React.FunctionComponent<PetsIconProps> = ({
-  className = undefined,
+export const Pets: React.FunctionComponent<PetsIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Pets filled /> is now deprecated, please use <PetsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Pets filled /> is now deprecated, please use <PetsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Pets: React.FunctionComponent<PetsIconProps> = ({
       className={`tw-icon tw-icon-pets ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'pets-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.166 5.143c-.28 0-.848.384-.848 1.334s.568 1.335.848 1.335.847-.385.847-1.335-.567-1.334-.847-1.334m-2.562 1.334c0-1.47.959-3.048 2.562-3.048s2.561 1.578 2.561 3.048c0 1.471-.959 3.05-2.561 3.05-1.603 0-2.562-1.579-2.562-3.05m6.945 4.023c-.28 0-.848.385-.848 1.335s.568 1.334.848 1.334.847-.385.847-1.334-.567-1.335-.847-1.335m-2.562 1.335c0-1.471.959-3.05 2.562-3.05s2.561 1.579 2.561 3.05-.959 3.048-2.561 3.048c-1.603 0-2.562-1.578-2.562-3.048m-13.383 0c0-.95.567-1.335.847-1.335s.848.385.848 1.335-.568 1.334-.848 1.334-.847-.385-.847-1.334m.847-3.05c-1.602 0-2.561 1.579-2.561 3.05s.959 3.048 2.561 3.048c1.603 0 2.562-1.578 2.562-3.048 0-1.471-.959-3.05-2.562-3.05m4.383-3.642c-.28 0-.847.384-.847 1.334s.567 1.335.847 1.335.848-.385.848-1.335-.568-1.334-.848-1.334M6.273 6.477c0-1.47.959-3.048 2.561-3.048 1.603 0 2.562 1.578 2.562 3.048 0 1.471-.959 3.05-2.562 3.05s-2.561-1.579-2.561-3.05m8.379 5.305c-.87-2.521-4.435-2.521-5.304 0l-.784 2.274c-.058.168-.157.32-.287.441l-1.241 1.16c-2.07 1.933-.297 5.365 2.477 4.798l2.268-.464c.144-.03.293-.03.437 0l2.269.464c2.774.567 4.546-2.865 2.477-4.798l-1.241-1.16a1.1 1.1 0 0 1-.287-.441zm-3.683.559c.338-.98 1.724-.98 2.062 0l.784 2.273c.15.433.403.823.737 1.136l1.242 1.16c.804.751.115 2.086-.964 1.865l-2.268-.464a2.8 2.8 0 0 0-1.124 0l-2.269.464c-1.079.221-1.768-1.114-.963-1.866l1.241-1.16c.335-.312.588-.702.737-1.135z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M15.166 5.143c-.28 0-.848.384-.848 1.334s.568 1.335.848 1.335.847-.385.847-1.335-.567-1.334-.847-1.334m-2.562 1.334c0-1.47.959-3.048 2.562-3.048s2.561 1.578 2.561 3.048c0 1.471-.959 3.05-2.561 3.05-1.603 0-2.562-1.579-2.562-3.05m6.945 4.023c-.28 0-.848.385-.848 1.335s.568 1.334.848 1.334.847-.385.847-1.334-.567-1.335-.847-1.335m-2.562 1.335c0-1.471.959-3.05 2.562-3.05s2.561 1.579 2.561 3.05-.959 3.048-2.561 3.048c-1.603 0-2.562-1.578-2.562-3.048m-13.383 0c0-.95.567-1.335.847-1.335s.848.385.848 1.335-.568 1.334-.848 1.334-.847-.385-.847-1.334m.847-3.05c-1.602 0-2.561 1.579-2.561 3.05s.959 3.048 2.561 3.048c1.603 0 2.562-1.578 2.562-3.048 0-1.471-.959-3.05-2.562-3.05m4.383-3.642c-.28 0-.847.384-.847 1.334s.567 1.335.847 1.335.848-.385.848-1.335-.568-1.334-.848-1.334M6.273 6.477c0-1.47.959-3.048 2.561-3.048 1.603 0 2.562 1.578 2.562 3.048 0 1.471-.959 3.05-2.562 3.05s-2.561-1.579-2.561-3.05m8.379 5.305c-.87-2.521-4.435-2.521-5.304 0l-.784 2.274c-.058.168-.157.32-.287.441l-1.241 1.16c-2.07 1.933-.297 5.365 2.477 4.798l2.268-.464c.144-.03.293-.03.437 0l2.269.464c2.774.567 4.546-2.865 2.477-4.798l-1.241-1.16a1.1 1.1 0 0 1-.287-.441zm-3.683.559c.338-.98 1.724-.98 2.062 0l.784 2.273c.15.433.403.823.737 1.136l1.242 1.16c.804.751.115 2.086-.964 1.865l-2.268-.464a2.8 2.8 0 0 0-1.124 0l-2.269.464c-1.079.221-1.768-1.114-.963-1.866l1.241-1.16c.335-.312.588-.702.737-1.135z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/phone.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 PhoneIconProps {
   role?: React.AriaRole;
 }
-export const Phone: React.FunctionComponent<PhoneIconProps> = ({
-  className = undefined,
+export const Phone: React.FunctionComponent<PhoneIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Phone filled /> is now deprecated, please use <PhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Phone filled /> is now deprecated, please use <PhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const Phone: React.FunctionComponent<PhoneIconProps> = ({
       className={`tw-icon tw-icon-phone ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || '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 d="m20.883 16.158-3.643-3.643c-.171-.171-.428-.257-.686-.257-.257 0-.471.129-.642.343-.258.343-.943 1.028-1.5 1.071-.13 0-.3 0-.558-.257l-1.8-1.8-1.8-1.8c-.214-.214-.257-.428-.257-.557.043-.557.729-1.243 1.072-1.5a.76.76 0 0 0 .342-.643 1.05 1.05 0 0 0-.257-.686l-3.6-3.6a.83.83 0 0 0-1.2 0L3.611 5.572c-1.414 1.415-1.542 4.543.6 6.686l7.286 7.286c1.157 1.157 2.572 1.671 3.857 1.671 1.115 0 2.143-.386 2.829-1.028l2.743-2.743c.3-.386.3-.943-.043-1.286m-3.943 2.743c-.771.771-2.743.9-4.243-.6l-7.286-7.286c-1.5-1.5-1.37-3.471-.6-4.243l2.1-2.1 2.4 2.4c-.471.515-.985 1.243-1.028 2.1-.043.686.214 1.329.728 1.886l3.643 3.643c.515.514 1.2.771 1.886.728.857-.042 1.586-.557 2.1-1.028l2.4 2.4z" />
+            <path d="m20.883 16.158-3.643-3.643c-.171-.171-.428-.257-.686-.257-.257 0-.471.129-.642.343-.258.343-.943 1.028-1.5 1.071-.13 0-.3 0-.558-.257l-1.8-1.8-1.8-1.8c-.214-.214-.257-.428-.257-.557.043-.557.729-1.243 1.072-1.5a.76.76 0 0 0 .342-.643 1.05 1.05 0 0 0-.257-.686l-3.6-3.6a.83.83 0 0 0-1.2 0L3.611 5.572c-1.414 1.415-1.542 4.543.6 6.686l7.286 7.286c1.157 1.157 2.572 1.671 3.857 1.671 1.115 0 2.143-.386 2.829-1.028l2.743-2.743c.3-.386.3-.943-.043-1.286m-3.943 2.743c-.771.771-2.743.9-4.243-.6l-7.286-7.286c-1.5-1.5-1.37-3.471-.6-4.243l2.1-2.1 2.4 2.4c-.471.515-.985 1.243-1.028 2.1-.043.686.214 1.329.728 1.886l3.643 3.643c.515.514 1.2.771 1.886.728.857-.042 1.586-.557 2.1-1.028l2.4 2.4z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/picture.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 PictureIconProps {
   role?: React.AriaRole;
 }
-export const Picture: React.FunctionComponent<PictureIconProps> = ({
-  className = undefined,
+export const Picture: React.FunctionComponent<PictureIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<Picture filled /> is now deprecated, please use <PictureFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Picture filled /> is now deprecated, please use <PictureFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const Picture: React.FunctionComponent<PictureIconProps> = ({
       className={`tw-icon tw-icon-picture ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'picture-icon'}
     >
-      <svg
+      <svg
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)}
+        height={String(size)}
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M2.572 2.57h18.857a.86.86 0 0 1 .857.857V20.57a.86.86 0 0 1-.857.857H2.572a.86.86 0 0 1-.858-.857V3.427a.86.86 0 0 1 .857-.857m18 10.5V4.285H3.428v11.871l3.728-3.086c.257-.257.686-.257.986-.085l3.686 2.185L16.5 9.727c.172-.171.386-.3.643-.3s.514.129.643.3zM3.428 18.385v1.328h17.143v-3.986l-3.43-4.114-4.5 5.229a.85.85 0 0 1-1.07.171L7.8 14.742zm6.857-9.816a2.58 2.58 0 0 1-2.572 2.572 2.58 2.58 0 0 1-2.571-2.572 2.58 2.58 0 0 1 2.571-2.571 2.58 2.58 0 0 1 2.572 2.571m-1.715 0a.86.86 0 0 0-.857-.857.86.86 0 0 0-.857.857.86.86 0 0 0 .857.858.86.86 0 0 0 .857-.858"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M2.572 2.57h18.857a.86.86 0 0 1 .857.857V20.57a.86.86 0 0 1-.857.857H2.572a.86.86 0 0 1-.858-.857V3.427a.86.86 0 0 1 .857-.857m18 10.5V4.285H3.428v11.871l3.728-3.086c.257-.257.686-.257.986-.085l3.686 2.185L16.5 9.727c.172-.171.386-.3.643-.3s.514.129.643.3zM3.428 18.385v1.328h17.143v-3.986l-3.43-4.114-4.5 5.229a.85.85 0 0 1-1.07.171L7.8 14.742zm6.857-9.816a2.58 2.58 0 0 1-2.572 2.572 2.58 2.58 0 0 1-2.571-2.572 2.58 2.58 0 0 1 2.571-2.571 2.58 2.58 0 0 1 2.572 2.571m-1.715 0a.86.86 0 0 0-.857-.857.86.86 0 0 0-.857.857.86.86 0 0 0 .857.858.86.86 0 0 0 .857-.858" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/pie-chart.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 PieChartIconProps {
   role?: React.AriaRole;
 }
-export const PieChart: React.FunctionComponent<PieChartIconProps> = ({
-  className = undefined,
+export const PieChart: React.FunctionComponent<PieChartIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<PieChart filled /> is now deprecated, please use <PieChartFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<PieChart filled /> is now deprecated, please use <PieChartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,22 +31,22 @@ export const PieChart: React.FunctionComponent<PieChartIconProps> = ({
       className={`tw-icon tw-icon-pie-chart ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'pie-chart-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="M12 1.713c-5.657 0-10.286 4.628-10.286 10.286S6.343 22.284 12 22.284 22.286 17.656 22.286 12C22.286 6.34 17.657 1.713 12 1.713m.857 1.757c1.715.171 3.3.857 4.543 1.886L12.857 9.94zm-1.714 0v7.672H3.47c.386-4.03 3.643-7.286 7.672-7.672M12 20.57a8.564 8.564 0 0 1-8.529-7.714h8.53a.85.85 0 0 0 .6-.257l6.042-6.043a8.68 8.68 0 0 1 1.928 5.443c0 4.714-3.857 8.571-8.57 8.571" />
+            <path d="M12 1.713c-5.657 0-10.286 4.628-10.286 10.286S6.343 22.284 12 22.284 22.286 17.656 22.286 12C22.286 6.34 17.657 1.713 12 1.713m.857 1.757c1.715.171 3.3.857 4.543 1.886L12.857 9.94zm-1.714 0v7.672H3.47c.386-4.03 3.643-7.286 7.672-7.672M12 20.57a8.564 8.564 0 0 1-8.529-7.714h8.53a.85.85 0 0 0 .6-.257l6.042-6.043a8.68 8.68 0 0 1 1.928 5.443c0 4.714-3.857 8.571-8.57 8.571"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/piggy-bank.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 PiggyBankIconProps {
   role?: React.AriaRole;
 }
-export const PiggyBank: React.FunctionComponent<PiggyBankIconProps> = ({
-  className = undefined,
+export const PiggyBank: React.FunctionComponent<PiggyBankIconProps> = ({
+  className = undefined,
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
   size = 16,
-  ...restProps
-}) => {
+  ...restProps
+}) => {
   if (filled) {
-    console.warn(
-      '<PiggyBank filled /> is now deprecated, please use <PiggyBankFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<PiggyBank filled /> is now deprecated, please use <PiggyBankFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return (
@@ -32,26 +31,22 @@ export const PiggyBank: React.FunctionComponent<PiggyBankIconProps> = ({
       className={`tw-icon tw-icon-piggy-bank ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'piggy-bank-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.572 5.19h1.714c0 1.2 0 2.872-1.372 3.687.3.728.472 1.5.472 2.271 0 1.414 0 3.386-1.714 4.714v3.857a.86.86 0 0 1-.858.857h-2.571c-.386 0-.686-.257-.814-.6l-.643-1.97h-4.757l-.643 1.97c-.129.343-.429.6-.814.6H6a.86.86 0 0 1-.857-.857v-3.857c-.514-.343-.943-.685-1.329-1.286H2.571a.86.86 0 0 1-.857-.857V9.434a.86.86 0 0 1 .857-.857h1.115a5.7 5.7 0 0 1 1.5-2.143V4.29c0-.3.128-.557.386-.729.214-.171.557-.171.814-.043l3.086 1.543c2.957-1.2 6.17-1.028 8.7.6A6.9 6.9 0 0 1 20.1 7.42c.386-.3.471-.942.471-2.228M18 15.477c0-.3.129-.557.386-.728 1.157-.729 1.328-1.629 1.286-3.557 0-1.543-.943-3.086-2.486-4.072-2.143-1.371-4.929-1.457-7.457-.3a.74.74 0 0 1-.729 0L6.814 5.705v1.2c0 .3-.128.557-.385.729 0 0-1.029.685-1.372 2.057a.826.826 0 0 1-.814.643h-.857v2.571h.857c.343 0 .643.172.771.472.317.594.635.822 1.29 1.294l.167.12c.258.128.386.386.386.685v3.43h1.114l.643-1.972c.129-.343.429-.6.815-.6h6c.385 0 .685.257.814.6l.643 1.971H18zM9.214 9.264a5.09 5.09 0 0 1 3.643-1.5c.815 0 1.629.214 2.357.557.472.257.9.557 1.286.943l-1.2 1.2a6 6 0 0 0-.857-.6 3.46 3.46 0 0 0-1.586-.386c-.943 0-1.8.343-2.443.986z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.572 5.19h1.714c0 1.2 0 2.872-1.372 3.687.3.728.472 1.5.472 2.271 0 1.414 0 3.386-1.714 4.714v3.857a.86.86 0 0 1-.858.857h-2.571c-.386 0-.686-.257-.814-.6l-.643-1.97h-4.757l-.643 1.97c-.129.343-.429.6-.814.6H6a.86.86 0 0 1-.857-.857v-3.857c-.514-.343-.943-.685-1.329-1.286H2.571a.86.86 0 0 1-.857-.857V9.434a.86.86 0 0 1 .857-.857h1.115a5.7 5.7 0 0 1 1.5-2.143V4.29c0-.3.128-.557.386-.729.214-.171.557-.171.814-.043l3.086 1.543c2.957-1.2 6.17-1.028 8.7.6A6.9 6.9 0 0 1 20.1 7.42c.386-.3.471-.942.471-2.228M18 15.477c0-.3.129-.557.386-.728 1.157-.729 1.328-1.629 1.286-3.557 0-1.543-.943-3.086-2.486-4.072-2.143-1.371-4.929-1.457-7.457-.3a.74.74 0 0 1-.729 0L6.814 5.705v1.2c0 .3-.128.557-.385.729 0 0-1.029.685-1.372 2.057a.826.826 0 0 1-.814.643h-.857v2.571h.857c.343 0 .643.172.771.472.317.594.635.822 1.29 1.294l.167.12c.258.128.386.386.386.685v3.43h1.114l.643-1.972c.129-.343.429-.6.815-.6h6c.385 0 .685.257.814.6l.643 1.971H18zM9.214 9.264a5.09 5.09 0 0 1 3.643-1.5c.815 0 1.629.214 2.357.557.472.257.9.557 1.286.943l-1.2 1.2a6 6 0 0 0-.857-.6 3.46 3.46 0 0 0-1.586-.386c-.943 0-1.8.343-2.443.986z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}