@transferwise/icons 3.16.0 → 3.18.0

package/build/components/arrow-right.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 ArrowRightIconProps {
   role?: React.AriaRole;
 }
 
-export const ArrowRight: React.FunctionComponent<ArrowRightIconProps> = ({
-  className = undefined,
+export const ArrowRight: React.FunctionComponent<ArrowRightIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ArrowRight filled /> is now deprecated, please use <ArrowRightFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ArrowRight filled /> is now deprecated, please use <ArrowRightFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const ArrowRight: React.FunctionComponent<ArrowRightIconProps> = ({
       className={`tw-icon tw-icon-arrow-right ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'arrow-right-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.029 11.57-8.572-8.572-1.2 1.2 7.115 7.114H1.713v1.715h17.658l-7.115 7.114 1.2 1.2 8.572-8.571a.83.83 0 0 0 0-1.2" />
+            <path d="m22.029 11.57-8.572-8.572-1.2 1.2 7.115 7.114H1.713v1.715h17.658l-7.115 7.114 1.2 1.2 8.572-8.571a.83.83 0 0 0 0-1.2"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/arrow-up.tsx

@@ -1,3 +1,4 @@
+
 // This is an automatically generated file, please don't edit it
 import { IconSize } from '../types';
 
@@ -12,19 +13,17 @@ export interface ArrowUpIconProps {
   role?: React.AriaRole;
 }
 
-export const ArrowUp: React.FunctionComponent<ArrowUpIconProps> = ({
-  className = undefined,
+export const ArrowUp: React.FunctionComponent<ArrowUpIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<ArrowUp filled /> is now deprecated, please use <ArrowUpFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<ArrowUp filled /> is now deprecated, please use <ArrowUpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const ArrowUp: React.FunctionComponent<ArrowUpIconProps> = ({
       className={`tw-icon tw-icon-arrow-up ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'arrow-up-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path d="M21.343 10.543 12.77 1.972a.83.83 0 0 0-1.2 0L3 10.543l1.2 1.2 7.114-7.114v17.657h1.715V4.63l7.114 7.114z" />
+            <path d="M21.343 10.543 12.77 1.972a.83.83 0 0 0-1.2 0L3 10.543l1.2 1.2 7.114-7.114v17.657h1.715V4.63l7.114 7.114z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/atm.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 AtmIconProps {
   role?: React.AriaRole;
 }
 
-export const Atm: React.FunctionComponent<AtmIconProps> = ({
-  className = undefined,
+export const Atm: React.FunctionComponent<AtmIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Atm filled /> is now deprecated, please use <AtmFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Atm filled /> is now deprecated, please use <AtmFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Atm: React.FunctionComponent<AtmIconProps> = ({
       className={`tw-icon tw-icon-atm ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'atm-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 5.999V2.57a.86.86 0 0 1 .857-.857H21.43a.86.86 0 0 1 .857.857v2.571H20.57V3.427H3.43V6zm15.429 16.288H6.857A.86.86 0 0 1 6 21.43V6.002a.86.86 0 0 1 .857-.857h10.286a.86.86 0 0 1 .857.857V21.43a.86.86 0 0 1-.857.857m-9.429-1.714h8.572V6.86H7.714zm1.714-12h1.715v2.57H9.428z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M1.714 5.999V2.57a.86.86 0 0 1 .857-.857H21.43a.86.86 0 0 1 .857.857v2.571H20.57V3.427H3.43V6zm15.429 16.288H6.857A.86.86 0 0 1 6 21.43V6.002a.86.86 0 0 1 .857-.857h10.286a.86.86 0 0 1 .857.857V21.43a.86.86 0 0 1-.857.857m-9.429-1.714h8.572V6.86H7.714zm1.714-12h1.715v2.57H9.428z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/auto-convert.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 AutoConvertIconProps {
   role?: React.AriaRole;
 }
 
-export const AutoConvert: React.FunctionComponent<AutoConvertIconProps> = ({
-  className = undefined,
+export const AutoConvert: React.FunctionComponent<AutoConvertIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<AutoConvert filled /> is now deprecated, please use <AutoConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<AutoConvert filled /> is now deprecated, please use <AutoConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const AutoConvert: React.FunctionComponent<AutoConvertIconProps> = ({
       className={`tw-icon tw-icon-auto-convert ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'auto-convert-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.428 6c.532 0 .964.432.964.964V12h-1.715V8.927l-7.105 7.105a.86.86 0 0 1-1.218 0l-2.82-2.82-4.75 4.752-1.213-1.212 5.355-5.354a.86.86 0 0 1 1.218 0l2.82 2.819 6.502-6.503h-3.074V6zM4.247 8.572h8.572V6.857H4.25z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.428 6c.532 0 .964.432.964.964V12h-1.715V8.927l-7.105 7.105a.86.86 0 0 1-1.218 0l-2.82-2.82-4.75 4.752-1.213-1.212 5.355-5.354a.86.86 0 0 1 1.218 0l2.82 2.819 6.502-6.503h-3.074V6zM4.247 8.572h8.572V6.857H4.25z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/balance.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 BalanceIconProps {
   role?: React.AriaRole;
 }
 
-export const Balance: React.FunctionComponent<BalanceIconProps> = ({
-  className = undefined,
+export const Balance: React.FunctionComponent<BalanceIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Balance filled /> is now deprecated, please use <BalanceFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Balance filled /> is now deprecated, please use <BalanceFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Balance: React.FunctionComponent<BalanceIconProps> = ({
       className={`tw-icon tw-icon-balance ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'balance-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path d="M18 18.856V3.428h-1.714v15.428h-3.429V7.713h-1.714v11.143H7.714v-6H6v6H4.286v1.715h15.428v-1.715z" />
+            <path d="M18 18.856V3.428h-1.714v15.428h-3.429V7.713h-1.714v11.143H7.714v-6H6v6H4.286v1.715h15.428v-1.715z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/bank-strikethrough.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 BankStrikethroughIconProps {
   role?: React.AriaRole;
 }
 
-export const BankStrikethrough: React.FunctionComponent<BankStrikethroughIconProps> = ({
-  className = undefined,
+export const BankStrikethrough: React.FunctionComponent<BankStrikethroughIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<BankStrikethrough filled /> is now deprecated, please use <BankStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<BankStrikethrough filled /> is now deprecated, please use <BankStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const BankStrikethrough: React.FunctionComponent<BankStrikethroughIconPro
       className={`tw-icon tw-icon-bank-strikethrough ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'bank-strikethrough-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.212 20.963 21 19.751v-.037h-.037l-1.249-1.249V9.857H21a.856.856 0 0 0 .459-1.581l-8.566-5.43a1.29 1.29 0 0 0-1.354-.014L6.892 5.643 2.926 1.677 1.855 2.75l19.286 19.285zm-4.102.465-1.714-1.714h-3.539v-3.539l-1.714-1.714v5.253H6V9.857h.539L4.047 7.365l-1.49.901A.857.857 0 0 0 3 9.856h1.286v9.858H3v1.714zM18 9.857v6.894l-5.143-5.143V9.857zm-6.857 0v.037l-.037-.037zm6.904-1.714H9.392L8.14 6.892l4.058-2.456z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M22.212 20.963 21 19.751v-.037h-.037l-1.249-1.249V9.857H21a.856.856 0 0 0 .459-1.581l-8.566-5.43a1.29 1.29 0 0 0-1.354-.014L6.892 5.643 2.926 1.677 1.855 2.75l19.286 19.285zm-4.102.465-1.714-1.714h-3.539v-3.539l-1.714-1.714v5.253H6V9.857h.539L4.047 7.365l-1.49.901A.857.857 0 0 0 3 9.856h1.286v9.858H3v1.714zM18 9.857v6.894l-5.143-5.143V9.857zm-6.857 0v.037l-.037-.037zm6.904-1.714H9.392L8.14 6.892l4.058-2.456z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/bank-transfer.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 BankTransferIconProps {
   role?: React.AriaRole;
 }
 
-export const BankTransfer: React.FunctionComponent<BankTransferIconProps> = ({
-  className = undefined,
+export const BankTransfer: React.FunctionComponent<BankTransferIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<BankTransfer filled /> is now deprecated, please use <BankTransferFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<BankTransfer filled /> is now deprecated, please use <BankTransferFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const BankTransfer: React.FunctionComponent<BankTransferIconProps> = ({
       className={`tw-icon tw-icon-bank-transfer ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'bank-transfer-icon'}
     >
-      <svg
+      <svg 
         aria-label={title}
         aria-hidden={!title ? true : undefined}
         focusable={isFocusable}
         role={role ?? (title ? 'graphics-symbol img' : 'none')}
-        width={String(size)}
-        height={String(size)}
+        width={String(size)} 
+        height={String(size)} 
         fill="currentColor"
         viewBox="0 0 24 24"
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              fillRule="evenodd"
-              d="M11.539 2.832a1.29 1.29 0 0 1 1.353.014l8.567 5.43A.857.857 0 0 1 21 9.856h-1.286v3H18v-3h-5.143v11.572H2.571v-1.714h1.715V9.857H3a.857.857 0 0 1-.444-1.59zm.66 1.604 5.848 3.707H6.072zM6 19.714V9.857h5.143v9.857zm10.286-3.43h2.645l-4.109 4.109 1.213 1.212 4.108-4.108v2.645h1.714v-4.286c0-.71-.575-1.286-1.286-1.286h-4.285z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M11.539 2.832a1.29 1.29 0 0 1 1.353.014l8.567 5.43A.857.857 0 0 1 21 9.856h-1.286v3H18v-3h-5.143v11.572H2.571v-1.714h1.715V9.857H3a.857.857 0 0 1-.444-1.59zm.66 1.604 5.848 3.707H6.072zM6 19.714V9.857h5.143v9.857zm10.286-3.43h2.645l-4.109 4.109 1.213 1.212 4.108-4.108v2.645h1.714v-4.286c0-.71-.575-1.286-1.286-1.286h-4.285z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/bank.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 BankIconProps {
   role?: React.AriaRole;
 }
 
-export const Bank: React.FunctionComponent<BankIconProps> = ({
-  className = undefined,
+export const Bank: React.FunctionComponent<BankIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Bank filled /> is now deprecated, please use <BankFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Bank filled /> is now deprecated, please use <BankFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Bank: React.FunctionComponent<BankIconProps> = ({
       className={`tw-icon tw-icon-bank ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || '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="M12.905 2.658a1.3 1.3 0 0 0-1.373-.015L2.42 8.156a.87.87 0 0 0 .45 1.614h1.304v10.002h-1.74v1.739h19.131v-1.74h-1.739v-10h1.304V9.77a.869.869 0 0 0 .466-1.604zm5.23 5.373-5.933-3.76-6.216 3.76zm-5.266 1.74h5.218v10H12.87zm-6.956 0v10h5.217v-10z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12.905 2.658a1.3 1.3 0 0 0-1.373-.015L2.42 8.156a.87.87 0 0 0 .45 1.614h1.304v10.002h-1.74v1.739h19.131v-1.74h-1.739v-10h1.304V9.77a.869.869 0 0 0 .466-1.604zm5.23 5.373-5.933-3.76-6.216 3.76zm-5.266 1.74h5.218v10H12.87zm-6.956 0v10h5.217v-10z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/bar-chart.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 BarChartIconProps {
   role?: React.AriaRole;
 }
 
-export const BarChart: React.FunctionComponent<BarChartIconProps> = ({
-  className = undefined,
+export const BarChart: React.FunctionComponent<BarChartIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<BarChart filled /> is now deprecated, please use <BarChartFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<BarChart filled /> is now deprecated, please use <BarChartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const BarChart: React.FunctionComponent<BarChartIconProps> = ({
       className={`tw-icon tw-icon-bar-chart ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'bar-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="M18 18.856V3.428h-1.714v15.428h-3.429V7.713h-1.714v11.143H7.714v-6H6v6H4.286v1.715h15.428v-1.715z" />
+            <path d="M18 18.856V3.428h-1.714v15.428h-3.429V7.713h-1.714v11.143H7.714v-6H6v6H4.286v1.715h15.428v-1.715z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/barcode.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 BarcodeIconProps {
   role?: React.AriaRole;
 }
 
-export const Barcode: React.FunctionComponent<BarcodeIconProps> = ({
-  className = undefined,
+export const Barcode: React.FunctionComponent<BarcodeIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Barcode filled /> is now deprecated, please use <BarcodeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Barcode filled /> is now deprecated, please use <BarcodeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Barcode: React.FunctionComponent<BarcodeIconProps> = ({
       className={`tw-icon tw-icon-barcode ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'barcode-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.429 4.287h1.714v15.429H3.429zm3.857 0H9v13.714H7.286zm3.857 0h1.714v13.714h-1.714zm5.571 0H15v13.714h1.714zm3.857 0h-1.714v15.429h1.714z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M3.429 4.287h1.714v15.429H3.429zm3.857 0H9v13.714H7.286zm3.857 0h1.714v13.714h-1.714zm5.571 0H15v13.714h1.714zm3.857 0h-1.714v15.429h1.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}