@transferwise/icons 3.16.0 → 3.18.0

package/build/components/facebook-square.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 FacebookSquareIconProps {
   role?: React.AriaRole;
 }
 
-export const FacebookSquare: React.FunctionComponent<FacebookSquareIconProps> = ({
-  className = undefined,
+export const FacebookSquare: React.FunctionComponent<FacebookSquareIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<FacebookSquare filled /> is now deprecated, please use <FacebookSquareFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<FacebookSquare filled /> is now deprecated, please use <FacebookSquareFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const FacebookSquare: React.FunctionComponent<FacebookSquareIconProps> =
       className={`tw-icon tw-icon-facebook-square ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'facebook-square-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.715C6.3 1.715 1.714 6.3 1.714 12c0 5.142 3.772 9.385 8.657 10.157v-7.2H7.757V12h2.614V9.729c0-2.571 1.543-3.986 3.9-3.986 1.115 0 2.315.215 2.315.215v2.528H15.3c-1.286 0-1.671.772-1.671 1.586v1.929h2.87l-.47 2.957h-2.4v7.2c4.885-.772 8.657-5.015 8.657-10.157C22.286 6.3 17.7 1.715 12 1.715" />
+            <path d="M12 1.715C6.3 1.715 1.714 6.3 1.714 12c0 5.142 3.772 9.385 8.657 10.157v-7.2H7.757V12h2.614V9.729c0-2.571 1.543-3.986 3.9-3.986 1.115 0 2.315.215 2.315.215v2.528H15.3c-1.286 0-1.671.772-1.671 1.586v1.929h2.87l-.47 2.957h-2.4v7.2c4.885-.772 8.657-5.015 8.657-10.157C22.286 6.3 17.7 1.715 12 1.715"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/facebook.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 FacebookIconProps {
   role?: React.AriaRole;
 }
 
-export const Facebook: React.FunctionComponent<FacebookIconProps> = ({
-  className = undefined,
+export const Facebook: React.FunctionComponent<FacebookIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Facebook filled /> is now deprecated, please use <FacebookFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Facebook filled /> is now deprecated, please use <FacebookFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Facebook: React.FunctionComponent<FacebookIconProps> = ({
       className={`tw-icon tw-icon-facebook ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'facebook-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.715C6.3 1.715 1.714 6.3 1.714 12c0 5.142 3.772 9.385 8.657 10.157v-7.2H7.757V12h2.614V9.729c0-2.571 1.543-3.986 3.9-3.986 1.115 0 2.315.215 2.315.215v2.528H15.3c-1.286 0-1.671.772-1.671 1.586v1.929h2.87l-.47 2.957h-2.4v7.2c4.885-.772 8.657-5.015 8.657-10.157C22.286 6.3 17.7 1.715 12 1.715" />
+            <path d="M12 1.715C6.3 1.715 1.714 6.3 1.714 12c0 5.142 3.772 9.385 8.657 10.157v-7.2H7.757V12h2.614V9.729c0-2.571 1.543-3.986 3.9-3.986 1.115 0 2.315.215 2.315.215v2.528H15.3c-1.286 0-1.671.772-1.671 1.586v1.929h2.87l-.47 2.957h-2.4v7.2c4.885-.772 8.657-5.015 8.657-10.157C22.286 6.3 17.7 1.715 12 1.715"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/family.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 FamilyIconProps {
   role?: React.AriaRole;
 }
 
-export const Family: React.FunctionComponent<FamilyIconProps> = ({
-  className = undefined,
+export const Family: React.FunctionComponent<FamilyIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Family filled /> is now deprecated, please use <FamilyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Family filled /> is now deprecated, please use <FamilyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Family: React.FunctionComponent<FamilyIconProps> = ({
       className={`tw-icon tw-icon-family ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'family-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 21c-.214 0-.471-.086-.6-.257-.729-.729-1.671-1.543-2.657-2.4-3.129-2.657-7.029-6-7.029-10.2C1.714 5.1 3.814 3 6.857 3 9.257 3 10.8 4.243 12 5.829 13.2 4.286 14.743 3 17.143 3c3.043 0 5.143 2.1 5.143 5.143 0 4.2-3.9 7.543-7.029 10.2-.985.857-1.928 1.628-2.657 2.4-.128.171-.386.257-.6.257M6.857 4.714c-2.1 0-3.428 1.329-3.428 3.429 0 3.428 3.428 6.343 6.428 8.914.772.643 1.5 1.286 2.143 1.886.643-.6 1.371-1.243 2.143-1.886 3-2.571 6.429-5.486 6.429-8.914 0-2.1-1.33-3.429-3.43-3.429-2.013 0-3.17 1.157-4.413 3.043a.84.84 0 0 1-.729.386.84.84 0 0 1-.729-.386c-1.242-1.886-2.4-3.043-4.414-3.043" />
+            <path d="M12 21c-.214 0-.471-.086-.6-.257-.729-.729-1.671-1.543-2.657-2.4-3.129-2.657-7.029-6-7.029-10.2C1.714 5.1 3.814 3 6.857 3 9.257 3 10.8 4.243 12 5.829 13.2 4.286 14.743 3 17.143 3c3.043 0 5.143 2.1 5.143 5.143 0 4.2-3.9 7.543-7.029 10.2-.985.857-1.928 1.628-2.657 2.4-.128.171-.386.257-.6.257M6.857 4.714c-2.1 0-3.428 1.329-3.428 3.429 0 3.428 3.428 6.343 6.428 8.914.772.643 1.5 1.286 2.143 1.886.643-.6 1.371-1.243 2.143-1.886 3-2.571 6.429-5.486 6.429-8.914 0-2.1-1.33-3.429-3.43-3.429-2.013 0-3.17 1.157-4.413 3.043a.84.84 0 0 1-.729.386.84.84 0 0 1-.729-.386c-1.242-1.886-2.4-3.043-4.414-3.043"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/fast-flag.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 FastFlagIconProps {
   role?: React.AriaRole;
 }
 
-export const FastFlag: React.FunctionComponent<FastFlagIconProps> = ({
-  className = undefined,
+export const FastFlag: React.FunctionComponent<FastFlagIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<FastFlag filled /> is now deprecated, please use <FastFlagFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<FastFlag filled /> is now deprecated, please use <FastFlagFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const FastFlag: React.FunctionComponent<FastFlagIconProps> = ({
       className={`tw-icon tw-icon-fast-flag ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'fast-flag-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="m1.875 14.588 5.475-6.44h-.002L4.02 2.308h18.105l-7.008 19.376h-3.97L16.95 5.609H9.463l1.665 2.883-.008.08-2.56 2.979h4.188l-1.098 3.037z" />
+            <path d="m1.875 14.588 5.475-6.44h-.002L4.02 2.308h18.105l-7.008 19.376h-3.97L16.95 5.609H9.463l1.665 2.883-.008.08-2.56 2.979h4.188l-1.098 3.037z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/feedback.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 FeedbackIconProps {
   role?: React.AriaRole;
 }
 
-export const Feedback: React.FunctionComponent<FeedbackIconProps> = ({
-  className = undefined,
+export const Feedback: React.FunctionComponent<FeedbackIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Feedback filled /> is now deprecated, please use <FeedbackFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Feedback filled /> is now deprecated, please use <FeedbackFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Feedback: React.FunctionComponent<FeedbackIconProps> = ({
       className={`tw-icon tw-icon-feedback ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'feedback-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.429 3H2.572a.86.86 0 0 0-.858.857v12.857a.86.86 0 0 0 .857.857h4.286v2.572c0 .3.172.6.472.771.128.086.257.086.385.086a.86.86 0 0 0 .472-.129l4.928-3.3h8.315a.86.86 0 0 0 .857-.857V3.857A.86.86 0 0 0 21.429 3m-.857 12.857h-7.715a.86.86 0 0 0-.471.129l-3.814 2.571v-1.843a.86.86 0 0 0-.858-.857H3.43V4.714h17.143zm-1.715-8.574H5.143v1.714h13.714zm-13.714 4.29h13.714v1.714H5.143z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M21.429 3H2.572a.86.86 0 0 0-.858.857v12.857a.86.86 0 0 0 .857.857h4.286v2.572c0 .3.172.6.472.771.128.086.257.086.385.086a.86.86 0 0 0 .472-.129l4.928-3.3h8.315a.86.86 0 0 0 .857-.857V3.857A.86.86 0 0 0 21.429 3m-.857 12.857h-7.715a.86.86 0 0 0-.471.129l-3.814 2.571v-1.843a.86.86 0 0 0-.858-.857H3.43V4.714h17.143zm-1.715-8.574H5.143v1.714h13.714zm-13.714 4.29h13.714v1.714H5.143z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/female.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 FemaleIconProps {
   role?: React.AriaRole;
 }
 
-export const Female: React.FunctionComponent<FemaleIconProps> = ({
-  className = undefined,
+export const Female: React.FunctionComponent<FemaleIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Female filled /> is now deprecated, please use <FemaleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Female filled /> is now deprecated, please use <FemaleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Female: React.FunctionComponent<FemaleIconProps> = ({
       className={`tw-icon tw-icon-female ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'female-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M6.429 9a5.571 5.571 0 1 0 11.143 0A5.571 5.571 0 0 0 6.429 9M4.714 9a7.287 7.287 0 0 0 6.429 7.236v2.193H8.572v1.714h2.571v2.143h1.714v-2.143h2.572v-1.714h-2.572v-2.193A7.287 7.287 0 1 0 4.714 9"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M6.429 9a5.571 5.571 0 1 0 11.143 0A5.571 5.571 0 0 0 6.429 9M4.714 9a7.287 7.287 0 0 0 6.429 7.236v2.193H8.572v1.714h2.571v2.143h1.714v-2.143h2.572v-1.714h-2.572v-2.193A7.287 7.287 0 1 0 4.714 9" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/fingerprint.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 FingerprintIconProps {
   role?: React.AriaRole;
 }
 
-export const Fingerprint: React.FunctionComponent<FingerprintIconProps> = ({
-  className = undefined,
+export const Fingerprint: React.FunctionComponent<FingerprintIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Fingerprint filled /> is now deprecated, please use <FingerprintFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Fingerprint filled /> is now deprecated, please use <FingerprintFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Fingerprint: React.FunctionComponent<FingerprintIconProps> = ({
       className={`tw-icon tw-icon-fingerprint ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'fingerprint-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.357 6.556a.77.77 0 0 1-.643.3c-.17 0-.385-.043-.514-.215-.386-.3-.428-.814-.128-1.2C6.043 3.084 8.915 1.713 12 1.713c2.143 0 4.2.643 5.915 1.843.385.257.47.814.214 1.2-.257.385-.815.471-1.2.214-1.457-.986-3.172-1.543-4.929-1.543-2.571 0-4.971 1.157-6.643 3.129m13.5-1.072c.386-.3.9-.257 1.2.129 1.457 1.842 2.229 4.028 2.186 6.385 0 .9-.129 1.8-.343 2.657a.826.826 0 0 1-.814.643.3.3 0 0 1-.107-.021.3.3 0 0 0-.107-.022c-.43-.085-.73-.557-.6-1.028.214-.729.3-1.457.3-2.229a8.6 8.6 0 0 0-1.843-5.314c-.3-.386-.258-.9.128-1.2m-15.3 8.058a9.4 9.4 0 0 1-.128-1.543c0-1.158.214-2.272.685-3.343.172-.429 0-.943-.471-1.114-.429-.172-.943 0-1.114.471-.557 1.243-.815 2.614-.815 3.986 0 .643.043 1.242.172 1.842.086.43.428.686.857.686h.171a.84.84 0 0 0 .643-.985M17.23 15.34c.043-.471.471-.771.943-.729.428.086.771.515.771.943-.3 2.143-.771 3.729-1.457 4.757a.9.9 0 0 1-.729.386.86.86 0 0 1-.471-.128c-.429-.258-.515-.815-.257-1.2.557-.772.942-2.186 1.2-4.029M6.557 12.001c0-3 2.443-5.4 5.443-5.4s5.443 2.443 5.443 5.443v.771a.89.89 0 0 0 .814.9c.472.043.857-.343.9-.814v-.857c0-3.943-3.214-7.157-7.157-7.157S4.843 8.058 4.843 12v.043c.086 1.671-.214 4.157-.986 4.586-.428.214-.557.728-.343 1.157.172.3.472.471.772.471.128 0 .257-.043.386-.086 2.014-1.114 1.928-5.314 1.885-6.171M12 9.683c-1.2 0-2.228.986-2.271 2.229.086 2.1-.086 7.114-3.557 9a1.3 1.3 0 0 1-.386.085c-.3 0-.6-.171-.771-.471-.215-.429-.086-.943.342-1.157 2.658-1.414 2.743-5.657 2.658-7.414v-.043c.042-2.143 1.842-3.9 3.985-3.9 1.629 0 3.043.943 3.686 2.443a.87.87 0 0 1-.472 1.114.87.87 0 0 1-1.114-.472A2.28 2.28 0 0 0 12 9.683m3.172 2.573a.86.86 0 0 0-.857.857c0 2.914-.772 5.7-2.229 7.843-.257.386-.171.943.214 1.2.129.086.3.171.472.171.257 0 .557-.128.685-.385 1.672-2.4 2.572-5.572 2.529-8.829.043-.471-.343-.857-.814-.857m-4.843 5.702a.87.87 0 0 1 1.114-.471c.429.171.643.686.472 1.071-.43 1.072-.986 1.972-1.672 2.657a.85.85 0 0 1-.6.258.85.85 0 0 1-.6-.258.83.83 0 0 1 0-1.2q.771-.771 1.286-2.057m1.286-1.201h.128c.429 0 .772-.3.857-.729.362-2.05.271-3.836.259-4.085l-.002-.03a.89.89 0 0 0-.9-.813.89.89 0 0 0-.814.9s.129 1.757-.214 3.728c-.086.515.214.943.686 1.029m8.357.298A.82.82 0 0 1 21 16.414a.933.933 0 0 1 .643 1.071c-.514 2.1-1.2 3.643-1.971 4.586a.77.77 0 0 1-.643.3c-.215 0-.386-.086-.557-.215a.836.836 0 0 1-.129-1.2c.643-.728 1.2-2.1 1.629-3.9"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M5.357 6.556a.77.77 0 0 1-.643.3c-.17 0-.385-.043-.514-.215-.386-.3-.428-.814-.128-1.2C6.043 3.084 8.915 1.713 12 1.713c2.143 0 4.2.643 5.915 1.843.385.257.47.814.214 1.2-.257.385-.815.471-1.2.214-1.457-.986-3.172-1.543-4.929-1.543-2.571 0-4.971 1.157-6.643 3.129m13.5-1.072c.386-.3.9-.257 1.2.129 1.457 1.842 2.229 4.028 2.186 6.385 0 .9-.129 1.8-.343 2.657a.826.826 0 0 1-.814.643.3.3 0 0 1-.107-.021.3.3 0 0 0-.107-.022c-.43-.085-.73-.557-.6-1.028.214-.729.3-1.457.3-2.229a8.6 8.6 0 0 0-1.843-5.314c-.3-.386-.258-.9.128-1.2m-15.3 8.058a9.4 9.4 0 0 1-.128-1.543c0-1.158.214-2.272.685-3.343.172-.429 0-.943-.471-1.114-.429-.172-.943 0-1.114.471-.557 1.243-.815 2.614-.815 3.986 0 .643.043 1.242.172 1.842.086.43.428.686.857.686h.171a.84.84 0 0 0 .643-.985M17.23 15.34c.043-.471.471-.771.943-.729.428.086.771.515.771.943-.3 2.143-.771 3.729-1.457 4.757a.9.9 0 0 1-.729.386.86.86 0 0 1-.471-.128c-.429-.258-.515-.815-.257-1.2.557-.772.942-2.186 1.2-4.029M6.557 12.001c0-3 2.443-5.4 5.443-5.4s5.443 2.443 5.443 5.443v.771a.89.89 0 0 0 .814.9c.472.043.857-.343.9-.814v-.857c0-3.943-3.214-7.157-7.157-7.157S4.843 8.058 4.843 12v.043c.086 1.671-.214 4.157-.986 4.586-.428.214-.557.728-.343 1.157.172.3.472.471.772.471.128 0 .257-.043.386-.086 2.014-1.114 1.928-5.314 1.885-6.171M12 9.683c-1.2 0-2.228.986-2.271 2.229.086 2.1-.086 7.114-3.557 9a1.3 1.3 0 0 1-.386.085c-.3 0-.6-.171-.771-.471-.215-.429-.086-.943.342-1.157 2.658-1.414 2.743-5.657 2.658-7.414v-.043c.042-2.143 1.842-3.9 3.985-3.9 1.629 0 3.043.943 3.686 2.443a.87.87 0 0 1-.472 1.114.87.87 0 0 1-1.114-.472A2.28 2.28 0 0 0 12 9.683m3.172 2.573a.86.86 0 0 0-.857.857c0 2.914-.772 5.7-2.229 7.843-.257.386-.171.943.214 1.2.129.086.3.171.472.171.257 0 .557-.128.685-.385 1.672-2.4 2.572-5.572 2.529-8.829.043-.471-.343-.857-.814-.857m-4.843 5.702a.87.87 0 0 1 1.114-.471c.429.171.643.686.472 1.071-.43 1.072-.986 1.972-1.672 2.657a.85.85 0 0 1-.6.258.85.85 0 0 1-.6-.258.83.83 0 0 1 0-1.2q.771-.771 1.286-2.057m1.286-1.201h.128c.429 0 .772-.3.857-.729.362-2.05.271-3.836.259-4.085l-.002-.03a.89.89 0 0 0-.9-.813.89.89 0 0 0-.814.9s.129 1.757-.214 3.728c-.086.515.214.943.686 1.029m8.357.298A.82.82 0 0 1 21 16.414a.933.933 0 0 1 .643 1.071c-.514 2.1-1.2 3.643-1.971 4.586a.77.77 0 0 1-.643.3c-.215 0-.386-.086-.557-.215a.836.836 0 0 1-.129-1.2c.643-.728 1.2-2.1 1.629-3.9" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/fpx.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 FpxIconProps {
   role?: React.AriaRole;
 }
 
-export const Fpx: React.FunctionComponent<FpxIconProps> = ({
-  className = undefined,
+export const Fpx: React.FunctionComponent<FpxIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Fpx filled /> is now deprecated, please use <FpxFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Fpx filled /> is now deprecated, please use <FpxFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Fpx: React.FunctionComponent<FpxIconProps> = ({
       className={`tw-icon tw-icon-fpx ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'fpx-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.214 2.735 4.457 6c.124.172.265.355.412.545.618.8 1.346 1.742 1.346 2.712 0 .925-.74 1.878-1.366 2.683-.157.201-.306.394-.434.574l-4.458 6c-1.328 1.757-2.4 1.114-2.4-1.457v-3.215c.129-.085.215-.171.3-.3l2.1-2.785.126-.159c.299-.371.689-.856.689-1.341 0-.439-.32-.851-.601-1.216q-.116-.147-.214-.284l-2.057-2.786-.3-.3V4.192c0-2.615 1.072-3.257 2.4-1.457M8.871 13.492l2.057 2.785c.086.172.172.258.3.3v3.215c0 2.614-1.071 3.257-2.4 1.457l-4.457-6c-.128-.18-.278-.372-.434-.574-.625-.805-1.366-1.758-1.366-2.683 0-.97.728-1.911 1.346-2.712.147-.19.288-.372.411-.545l4.5-6c1.329-1.8 2.4-1.115 2.4 1.457v3.214a1 1 0 0 0-.3.3l-2.057 2.786-.126.158c-.298.372-.688.857-.688 1.342 0 .438.319.85.6 1.215q.117.148.214.285"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="m15.214 2.735 4.457 6c.124.172.265.355.412.545.618.8 1.346 1.742 1.346 2.712 0 .925-.74 1.878-1.366 2.683-.157.201-.306.394-.434.574l-4.458 6c-1.328 1.757-2.4 1.114-2.4-1.457v-3.215c.129-.085.215-.171.3-.3l2.1-2.785.126-.159c.299-.371.689-.856.689-1.341 0-.439-.32-.851-.601-1.216q-.116-.147-.214-.284l-2.057-2.786-.3-.3V4.192c0-2.615 1.072-3.257 2.4-1.457M8.871 13.492l2.057 2.785c.086.172.172.258.3.3v3.215c0 2.614-1.071 3.257-2.4 1.457l-4.457-6c-.128-.18-.278-.372-.434-.574-.625-.805-1.366-1.758-1.366-2.683 0-.97.728-1.911 1.346-2.712.147-.19.288-.372.411-.545l4.5-6c1.329-1.8 2.4-1.115 2.4 1.457v3.214a1 1 0 0 0-.3.3l-2.057 2.786-.126.158c-.298.372-.688.857-.688 1.342 0 .438.319.85.6 1.215q.117.148.214.285" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/freeze.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 FreezeIconProps {
   role?: React.AriaRole;
 }
 
-export const Freeze: React.FunctionComponent<FreezeIconProps> = ({
-  className = undefined,
+export const Freeze: React.FunctionComponent<FreezeIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Freeze filled /> is now deprecated, please use <FreezeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Freeze filled /> is now deprecated, please use <FreezeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Freeze: React.FunctionComponent<FreezeIconProps> = ({
       className={`tw-icon tw-icon-freeze ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'freeze-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.857 12.858 17.272 14.1 13.714 12l3.557-2.1 4.586 1.242.429-1.671-4.114-1.071 1.114-4.158-1.629-.471-1.243 4.629-3.557 2.1V6.343L16.2 2.915l-1.2-1.2-3 3.043-3-3.043-1.2 1.2 3.343 3.428v4.158L7.586 8.4 6.343 3.772l-1.629.471L5.83 8.401 1.714 9.472l.429 1.671 4.586-1.242 3.557 2.1-3.557 2.1-4.586-1.243-.429 1.671 4.115 1.072-1.115 4.157 1.629.471 1.243-4.628 3.557-2.1v4.157L7.8 21.086l1.2 1.2 3-3.043 3 3.043 1.2-1.2-3.343-3.428V13.5l3.557 2.1 1.243 4.628 1.629-.471-1.114-4.157 4.114-1.072z" />
+            <path d="M21.857 12.858 17.272 14.1 13.714 12l3.557-2.1 4.586 1.242.429-1.671-4.114-1.071 1.114-4.158-1.629-.471-1.243 4.629-3.557 2.1V6.343L16.2 2.915l-1.2-1.2-3 3.043-3-3.043-1.2 1.2 3.343 3.428v4.158L7.586 8.4 6.343 3.772l-1.629.471L5.83 8.401 1.714 9.472l.429 1.671 4.586-1.242 3.557 2.1-3.557 2.1-4.586-1.243-.429 1.671 4.115 1.072-1.115 4.157 1.629.471 1.243-4.628 3.557-2.1v4.157L7.8 21.086l1.2 1.2 3-3.043 3 3.043 1.2-1.2-3.343-3.428V13.5l3.557 2.1 1.243 4.628 1.629-.471-1.114-4.157 4.114-1.072z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/gambling.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 GamblingIconProps {
   role?: React.AriaRole;
 }
 
-export const Gambling: React.FunctionComponent<GamblingIconProps> = ({
-  className = undefined,
+export const Gambling: React.FunctionComponent<GamblingIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Gambling filled /> is now deprecated, please use <GamblingFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Gambling filled /> is now deprecated, please use <GamblingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Gambling: React.FunctionComponent<GamblingIconProps> = ({
       className={`tw-icon tw-icon-gambling ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'gambling-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M11.143 3.471a8.53 8.53 0 0 0-4.449 1.797L7.917 6.49a6.8 6.8 0 0 1 3.226-1.295zm-7.648 7.458a8.54 8.54 0 0 1 1.966-4.47l1.217 1.217a6.8 6.8 0 0 0-1.452 3.253zm7.648 9.6a8.53 8.53 0 0 1-4.684-1.99l1.217-1.217c.97.79 2.162 1.32 3.467 1.482zm-4.652-4.446-1.223 1.223a8.53 8.53 0 0 1-1.816-4.663h1.72a6.8 6.8 0 0 0 1.319 3.44m11.05 2.456a8.53 8.53 0 0 1-4.684 1.99v-1.725a6.83 6.83 0 0 0 3.467-1.482zm1.192-1.233a8.53 8.53 0 0 0 1.815-4.663h-1.72a6.8 6.8 0 0 1-1.318 3.44zM17.306 5.268a8.53 8.53 0 0 0-4.449-1.797v1.725a6.8 6.8 0 0 1 3.226 1.294zm1.233 1.19-1.217 1.218a6.8 6.8 0 0 1 1.452 3.253h1.731a8.54 8.54 0 0 0-1.965-4.47M1.715 12C1.714 6.32 6.32 1.714 12 1.714S22.286 6.32 22.286 12 17.68 22.286 12 22.286 1.714 17.68 1.714 12M12 6.857a5.143 5.143 0 1 0 0 10.286 5.143 5.143 0 0 0 0-10.286m.654 1.589a.86.86 0 0 0-1.308 0L8.78 11.439a.86.86 0 0 0 0 1.122l2.566 2.993a.86.86 0 0 0 1.308 0l2.566-2.993a.86.86 0 0 0 0-1.122zM10.557 12 12 10.317 13.443 12 12 13.683z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M11.143 3.471a8.53 8.53 0 0 0-4.449 1.797L7.917 6.49a6.8 6.8 0 0 1 3.226-1.295zm-7.648 7.458a8.54 8.54 0 0 1 1.966-4.47l1.217 1.217a6.8 6.8 0 0 0-1.452 3.253zm7.648 9.6a8.53 8.53 0 0 1-4.684-1.99l1.217-1.217c.97.79 2.162 1.32 3.467 1.482zm-4.652-4.446-1.223 1.223a8.53 8.53 0 0 1-1.816-4.663h1.72a6.8 6.8 0 0 0 1.319 3.44m11.05 2.456a8.53 8.53 0 0 1-4.684 1.99v-1.725a6.83 6.83 0 0 0 3.467-1.482zm1.192-1.233a8.53 8.53 0 0 0 1.815-4.663h-1.72a6.8 6.8 0 0 1-1.318 3.44zM17.306 5.268a8.53 8.53 0 0 0-4.449-1.797v1.725a6.8 6.8 0 0 1 3.226 1.294zm1.233 1.19-1.217 1.218a6.8 6.8 0 0 1 1.452 3.253h1.731a8.54 8.54 0 0 0-1.965-4.47M1.715 12C1.714 6.32 6.32 1.714 12 1.714S22.286 6.32 22.286 12 17.68 22.286 12 22.286 1.714 17.68 1.714 12M12 6.857a5.143 5.143 0 1 0 0 10.286 5.143 5.143 0 0 0 0-10.286m.654 1.589a.86.86 0 0 0-1.308 0L8.78 11.439a.86.86 0 0 0 0 1.122l2.566 2.993a.86.86 0 0 0 1.308 0l2.566-2.993a.86.86 0 0 0 0-1.122zM10.557 12 12 10.317 13.443 12 12 13.683z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}