@transferwise/icons 3.15.0 → 3.17.0

package/build/components/email-and-phone.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface EmailAndPhoneIconProps {
   role?: React.AriaRole;
 }
 
-export const EmailAndPhone: React.FunctionComponent<EmailAndPhoneIconProps> = ({
-  className = undefined,
+export const EmailAndPhone: React.FunctionComponent<EmailAndPhoneIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<EmailAndPhone filled /> is now deprecated, please use <EmailAndPhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<EmailAndPhone filled /> is now deprecated, please use <EmailAndPhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const EmailAndPhone: React.FunctionComponent<EmailAndPhoneIconProps> = ({
       className={`tw-icon tw-icon-email-and-phone ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'email-and-phone-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M9 4.284a2.571 2.571 0 0 1 2.571-2.571h6.858A2.571 2.571 0 0 1 21 4.284v15.429a2.571 2.571 0 0 1-2.571 2.571h-2.966l-.039.001H2.576a.861.861 0 0 1-.862-.861v-9.42c0-.476.386-.862.862-.862h12.848c.476 0 .862.386.862.862v8.566h2.143a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857v6.858H9V4.284ZM3.429 20.571v-6.092l4.651 3.544a1.518 1.518 0 0 0 1.84 0l4.651-3.544v6.092H3.43ZM9 16.434l-4.696-3.577h9.392L9 16.434Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M9 4.284a2.57 2.57 0 0 1 2.571-2.571h6.858A2.57 2.57 0 0 1 21 4.284v15.429a2.57 2.57 0 0 1-2.571 2.571h-2.966l-.039.001H2.576a.86.86 0 0 1-.862-.861v-9.42c0-.476.386-.862.862-.862h12.848c.476 0 .862.386.862.862v8.566h2.143a.857.857 0 0 0 .857-.857V4.284a.857.857 0 0 0-.857-.857h-1.83a.857.857 0 0 1-.742 1.286h-1.714a.857.857 0 0 1-.743-1.286h-1.829a.857.857 0 0 0-.857.857v6.858H9zM3.429 20.571v-6.092l4.651 3.544a1.52 1.52 0 0 0 1.84 0l4.651-3.544v6.092zM9 16.434l-4.696-3.577h9.392z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/email.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 EmailIconProps {
   role?: React.AriaRole;
 }
 
-export const Email: React.FunctionComponent<EmailIconProps> = ({
-  className = undefined,
+export const Email: React.FunctionComponent<EmailIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Email filled /> is now deprecated, please use <EmailFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Email filled /> is now deprecated, please use <EmailFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Email: React.FunctionComponent<EmailIconProps> = ({
       className={`tw-icon tw-icon-email ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'email-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="M21.429 4.285H2.572a.86.86 0 0 0-.858.857v13.715a.86.86 0 0 0 .857.857H21.43a.86.86 0 0 0 .857-.857V5.142a.86.86 0 0 0-.857-.857ZM18.772 6 12 10.928 5.23 5.999h13.543ZM3.428 18V6.814l8.057 5.871a.824.824 0 0 0 .514.172.824.824 0 0 0 .514-.172l8.058-5.871v11.185H3.428Z" />
+            <path d="M21.429 4.285H2.572a.86.86 0 0 0-.858.857v13.715a.86.86 0 0 0 .857.857H21.43a.86.86 0 0 0 .857-.857V5.142a.86.86 0 0 0-.857-.857M18.772 6 12 10.928 5.23 5.999zM3.428 18V6.814l8.057 5.871a.82.82 0 0 0 .514.172.82.82 0 0 0 .514-.172l8.058-5.871v11.185z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/emoji.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 EmojiIconProps {
   role?: React.AriaRole;
 }
 
-export const Emoji: React.FunctionComponent<EmojiIconProps> = ({
-  className = undefined,
+export const Emoji: React.FunctionComponent<EmojiIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Emoji filled /> is now deprecated, please use <EmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Emoji filled /> is now deprecated, please use <EmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Emoji: React.FunctionComponent<EmojiIconProps> = ({
       className={`tw-icon tw-icon-emoji ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'emoji-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.713c5.7 0 10.286 4.586 10.286 10.286 0 5.7-4.586 10.285-10.286 10.285C6.3 22.284 1.714 17.7 1.714 12Zm1.715 0c0 4.714 3.857 8.571 8.571 8.571 4.714 0 8.572-3.857 8.572-8.571 0-4.715-3.858-8.572-8.572-8.572C7.286 3.427 3.43 7.284 3.43 12Zm4.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.012 6.012 0 0 1-5.186 3 6.007 6.007 0 0 1-5.143-2.914l1.458-.9ZM9 11.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Zm7.286-1.286a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0Z"
-              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>
-  );
-};
+  )
+}

package/build/components/entertainment.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 EntertainmentIconProps {
   role?: React.AriaRole;
 }
 
-export const Entertainment: React.FunctionComponent<EntertainmentIconProps> = ({
-  className = undefined,
+export const Entertainment: React.FunctionComponent<EntertainmentIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Entertainment filled /> is now deprecated, please use <EntertainmentFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Entertainment filled /> is now deprecated, please use <EntertainmentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Entertainment: React.FunctionComponent<EntertainmentIconProps> = ({
       className={`tw-icon tw-icon-entertainment ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'entertainment-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="M3 5.143c-.71 0-1.286.575-1.286 1.285V8.57c0 .474.408.842.82 1.076.638.363 1.109 1.171 1.109 2.353 0 1.181-.471 1.99-1.11 2.353-.411.234-.819.602-.819 1.075v2.144c0 .71.576 1.286 1.286 1.286h18c.709 0 1.286-.574 1.286-1.285v-2.144c0-.474-.408-.842-.82-1.076-.638-.364-1.109-1.172-1.109-2.353 0-1.182.471-1.99 1.11-2.353.411-.234.819-.602.819-1.076V6.428c0-.71-.576-1.285-1.286-1.285H3Zm15.643 6.856c0 1.583.689 3.1 1.928 3.831v1.313H3.43V15.83c1.24-.73 1.928-2.248 1.928-3.831 0-1.583-.689-3.1-1.928-3.831V6.857H20.57v1.31c-1.24.732-1.928 2.249-1.928 3.832Zm-5.786-2.571h-1.714v5.142h1.714V9.428Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M3 5.143c-.71 0-1.286.575-1.286 1.285V8.57c0 .474.408.842.82 1.076.638.363 1.109 1.171 1.109 2.353 0 1.181-.471 1.99-1.11 2.353-.411.234-.819.602-.819 1.076v2.143c0 .71.576 1.286 1.286 1.286h18c.709 0 1.286-.574 1.286-1.285v-2.144c0-.474-.408-.842-.82-1.076-.638-.364-1.109-1.172-1.109-2.353s.471-1.99 1.11-2.353c.411-.234.819-.602.819-1.076V6.428c0-.71-.576-1.285-1.286-1.285zm15.643 6.856c0 1.583.689 3.1 1.928 3.831v1.313H3.43V15.83c1.24-.73 1.928-2.248 1.928-3.831s-.689-3.1-1.928-3.831V6.857h17.143v1.31c-1.24.732-1.93 2.249-1.93 3.832m-5.786-2.571h-1.714v5.142h1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/equals.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 EqualsIconProps {
   role?: React.AriaRole;
 }
 
-export const Equals: React.FunctionComponent<EqualsIconProps> = ({
-  className = undefined,
+export const Equals: React.FunctionComponent<EqualsIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Equals filled /> is now deprecated, please use <EqualsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Equals filled /> is now deprecated, please use <EqualsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Equals: React.FunctionComponent<EqualsIconProps> = ({
       className={`tw-icon tw-icon-equals ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'equals-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.286 8.143H1.714v1.714h20.572V8.143Zm0 6H1.714v1.714h20.572v-1.714Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M22.286 8.143H1.714v1.714h20.572zm0 6H1.714v1.714h20.572z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/exchange-rate.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 ExchangeRateIconProps {
   role?: React.AriaRole;
 }
 
-export const ExchangeRate: React.FunctionComponent<ExchangeRateIconProps> = ({
-  className = undefined,
+export const ExchangeRate: React.FunctionComponent<ExchangeRateIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ExchangeRate filled /> is now deprecated, please use <ExchangeRateFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ExchangeRate filled /> is now deprecated, please use <ExchangeRateFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const ExchangeRate: React.FunctionComponent<ExchangeRateIconProps> = ({
       className={`tw-icon tw-icon-exchange-rate ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'exchange-rate-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="M21.392 6.964A.964.964 0 0 0 20.427 6h-5.035v1.714h3.074l-6.503 6.503-2.82-2.82a.861.861 0 0 0-1.217 0L2.57 16.753l1.213 1.212 4.75-4.751 2.82 2.82a.861.861 0 0 0 1.218 0l7.105-7.106V12h1.715V6.964Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M21.392 6.964A.964.964 0 0 0 20.427 6h-5.035v1.714h3.074l-6.503 6.503-2.82-2.82a.86.86 0 0 0-1.217 0L2.57 16.753l1.213 1.212 4.75-4.751 2.82 2.82a.86.86 0 0 0 1.218 0l7.105-7.106V12h1.715z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/expand.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 ExpandIconProps {
   role?: React.AriaRole;
 }
 
-export const Expand: React.FunctionComponent<ExpandIconProps> = ({
-  className = undefined,
+export const Expand: React.FunctionComponent<ExpandIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Expand filled /> is now deprecated, please use <ExpandFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Expand filled /> is now deprecated, please use <ExpandFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Expand: React.FunctionComponent<ExpandIconProps> = ({
       className={`tw-icon tw-icon-expand ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'expand-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.271 9.213 11.828 3.77 6.343 9.213l-1.2-1.2 6.086-6.043a.829.829 0 0 1 1.2 0l6.042 6.043-1.2 1.2Zm-10.885 5.53 5.443 5.485 5.442-5.443 1.2 1.2-6.042 6.043a.847.847 0 0 1-.6.257.749.749 0 0 1-.6-.3l-6.043-6.043 1.2-1.2Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M17.271 9.213 11.828 3.77 6.344 9.213l-1.2-1.2 6.086-6.043a.83.83 0 0 1 1.2 0l6.042 6.043zm-10.885 5.53 5.443 5.485 5.442-5.443 1.2 1.2-6.042 6.043a.85.85 0 0 1-.6.257.75.75 0 0 1-.6-.3l-6.043-6.043z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/expenses.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 ExpensesIconProps {
   role?: React.AriaRole;
 }
 
-export const Expenses: React.FunctionComponent<ExpensesIconProps> = ({
-  className = undefined,
+export const Expenses: React.FunctionComponent<ExpensesIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Expenses filled /> is now deprecated, please use <ExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Expenses filled /> is now deprecated, please use <ExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Expenses: React.FunctionComponent<ExpensesIconProps> = ({
       className={`tw-icon tw-icon-expenses ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || '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="M12 1.713c-5.657 0-10.286 4.628-10.286 10.286 0 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.713Zm.857 1.757c1.715.171 3.3.857 4.543 1.886L12.857 9.94V3.47Zm-1.714 0v7.672H3.47c.386-4.03 3.643-7.286 7.672-7.672ZM12 20.57a8.564 8.564 0 0 1-8.529-7.714h8.53a.846.846 0 0 0 .6-.257l6.042-6.043a8.683 8.683 0 0 1 1.928 5.443c0 4.714-3.857 8.571-8.57 8.571Z" />
+            <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/eye-shut.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 EyeShutIconProps {
   role?: React.AriaRole;
 }
 
-export const EyeShut: React.FunctionComponent<EyeShutIconProps> = ({
-  className = undefined,
+export const EyeShut: React.FunctionComponent<EyeShutIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<EyeShut filled /> is now deprecated, please use <EyeShutFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<EyeShut filled /> is now deprecated, please use <EyeShutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const EyeShut: React.FunctionComponent<EyeShutIconProps> = ({
       className={`tw-icon tw-icon-eye-shut ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'eye-shut-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.114 9.729 20.571 9a9.49 9.49 0 0 1-8.657 5.615A9.49 9.49 0 0 1 3.257 9l-1.543.729a11.973 11.973 0 0 0 2.358 3.386l-1.63 1.971 1.33 1.114L5.4 14.23c.6.429 1.243.814 1.886 1.114l-.857 2.4 1.628.6.857-2.4a8.997 8.997 0 0 0 2.143.386V18.9h1.714V16.33a8.998 8.998 0 0 0 2.143-.386l.857 2.4 1.63-.6-.858-2.4c.686-.3 1.286-.685 1.886-1.114l1.628 1.971 1.329-1.114-1.629-1.971c.986-.986 1.8-2.1 2.357-3.386Z" />
+            <path d="M22.114 9.729 20.571 9a9.49 9.49 0 0 1-8.657 5.615A9.49 9.49 0 0 1 3.257 9l-1.543.729a12 12 0 0 0 2.358 3.386l-1.63 1.971 1.33 1.114L5.4 14.23c.6.429 1.243.814 1.886 1.114l-.857 2.4 1.628.6.857-2.4a9 9 0 0 0 2.143.386V18.9h1.714V16.33a9 9 0 0 0 2.143-.386l.857 2.4 1.63-.6-.858-2.4c.686-.3 1.286-.685 1.886-1.114l1.628 1.971 1.329-1.114-1.629-1.971c.986-.986 1.8-2.1 2.357-3.386"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/eye.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 EyeIconProps {
   role?: React.AriaRole;
 }
 
-export const Eye: React.FunctionComponent<EyeIconProps> = ({
-  className = undefined,
+export const Eye: React.FunctionComponent<EyeIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Eye filled /> is now deprecated, please use <EyeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Eye filled /> is now deprecated, please use <EyeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Eye: React.FunctionComponent<EyeIconProps> = ({
       className={`tw-icon tw-icon-eye ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'eye-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.571 13.287.713.476.004-.006a3.057 3.057 0 0 1 .128-.177c.095-.126.24-.312.434-.537a13.06 13.06 0 0 1 1.721-1.658C7.082 10.176 9.256 9.001 12 9.001s4.918 1.175 6.429 2.384a13.061 13.061 0 0 1 1.72 1.658 10.362 10.362 0 0 1 .563.714l.004.006.713-.476c.713-.475.713-.476.712-.476l-.001-.002-.004-.006-.01-.015a5.162 5.162 0 0 0-.17-.236c-.117-.155-.286-.37-.507-.628a14.776 14.776 0 0 0-1.95-1.878C17.798 8.684 15.257 7.287 12 7.287c-3.256 0-5.797 1.397-7.5 2.76a14.78 14.78 0 0 0-1.949 1.877 12.087 12.087 0 0 0-.677.864l-.01.015-.004.005v.002l-.001.001.712.476ZM12 15.858a2.571 2.571 0 1 0 0-5.142 2.571 2.571 0 0 0 0 5.143Z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m2.571 13.287.713.476.004-.006a3 3 0 0 1 .128-.177c.095-.126.24-.312.434-.537a13 13 0 0 1 1.721-1.658C7.082 10.176 9.256 9.001 12 9.001s4.918 1.175 6.429 2.384a13 13 0 0 1 1.72 1.658 10 10 0 0 1 .563.714l.004.006.713-.476c.713-.475.713-.476.712-.476l-.001-.002-.004-.006-.01-.015a5 5 0 0 0-.17-.236c-.117-.155-.286-.37-.507-.628a15 15 0 0 0-1.95-1.878C17.798 8.684 15.257 7.287 12 7.287s-5.797 1.397-7.5 2.76a15 15 0 0 0-1.949 1.877 12 12 0 0 0-.677.864l-.01.015-.004.005v.002l-.001.001zM12 15.858a2.571 2.571 0 1 0 0-5.142 2.571 2.571 0 0 0 0 5.143" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}