@transferwise/icons 3.16.0 → 3.17.0

package/build/components/spend-ringgit.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 SpendRinggitIconProps {
   role?: React.AriaRole;
 }
 
-export const SpendRinggit: React.FunctionComponent<SpendRinggitIconProps> = ({
-  className = undefined,
+export const SpendRinggit: React.FunctionComponent<SpendRinggitIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SpendRinggit filled /> is now deprecated, please use <SpendRinggitFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SpendRinggit filled /> is now deprecated, please use <SpendRinggitFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SpendRinggit: React.FunctionComponent<SpendRinggitIconProps> = ({
       className={`tw-icon tw-icon-spend-ringgit ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'spend-ringgit-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0m1.715 0c0 5.68-4.605 10.285-10.286 10.285S1.714 17.68 1.714 12C1.714 6.318 6.32 1.713 12 1.713s10.286 4.605 10.286 10.286m-15 4.285H5.57V7.713h2.143a2.571 2.571 0 0 1 1.466 4.685l1.749 3.886H9.214l-1.543-3.428h-.385zm0-5.142V9.427h.428a.857.857 0 1 1 0 1.715zm4.285-3.43h1.715L15 12.857l1.714-5.143h1.715v8.571h-1.715v-3.428l-.857 2.571h-1.714l-.857-2.572v3.43H11.57z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0m1.715 0c0 5.68-4.605 10.285-10.286 10.285S1.714 17.68 1.714 12C1.714 6.318 6.32 1.713 12 1.713s10.286 4.605 10.286 10.286m-15 4.285H5.57V7.713h2.143a2.571 2.571 0 0 1 1.466 4.685l1.749 3.886H9.214l-1.543-3.428h-.385zm0-5.142V9.427h.428a.857.857 0 1 1 0 1.715zm4.285-3.43h1.715L15 12.857l1.714-5.143h1.715v8.571h-1.715v-3.428l-.857 2.571h-1.714l-.857-2.572v3.43H11.57z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/spend-rupee.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 SpendRupeeIconProps {
   role?: React.AriaRole;
 }
 
-export const SpendRupee: React.FunctionComponent<SpendRupeeIconProps> = ({
-  className = undefined,
+export const SpendRupee: React.FunctionComponent<SpendRupeeIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SpendRupee filled /> is now deprecated, please use <SpendRupeeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SpendRupee filled /> is now deprecated, please use <SpendRupeeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SpendRupee: React.FunctionComponent<SpendRupeeIconProps> = ({
       className={`tw-icon tw-icon-spend-rupee ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'spend-rupee-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 20.57a8.571 8.571 0 1 0 0-17.143 8.571 8.571 0 0 0 0 17.143m0 1.714c5.68 0 10.286-4.605 10.286-10.285C22.286 6.318 17.68 1.713 12 1.713S1.714 6.318 1.714 11.999 6.32 22.284 12 22.284M15.857 6H8.571v1.714h2.143c.635 0 1.189.345 1.485.857H8.571v1.714H12.2c-.296.513-.85.857-1.485.857H8.571v1.715l3 5.142h1.715l-3-5.142h.428a3.43 3.43 0 0 0 3.32-2.572h1.823V8.57h-1.822a3.4 3.4 0 0 0-.35-.857h2.172z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12 20.57a8.571 8.571 0 1 0 0-17.143 8.571 8.571 0 0 0 0 17.143m0 1.714c5.68 0 10.286-4.605 10.286-10.285C22.286 6.318 17.68 1.713 12 1.713S1.714 6.318 1.714 11.999 6.32 22.284 12 22.284M15.857 6H8.571v1.714h2.143c.635 0 1.189.345 1.485.857H8.571v1.714H12.2c-.296.513-.85.857-1.485.857H8.571v1.715l3 5.142h1.715l-3-5.142h.428a3.43 3.43 0 0 0 3.32-2.572h1.823V8.57h-1.822a3.4 3.4 0 0 0-.35-.857h2.172z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/spend-rupiah.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 SpendRupiahIconProps {
   role?: React.AriaRole;
 }
 
-export const SpendRupiah: React.FunctionComponent<SpendRupiahIconProps> = ({
-  className = undefined,
+export const SpendRupiah: React.FunctionComponent<SpendRupiahIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SpendRupiah filled /> is now deprecated, please use <SpendRupiahFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SpendRupiah filled /> is now deprecated, please use <SpendRupiahFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SpendRupiah: React.FunctionComponent<SpendRupiahIconProps> = ({
       className={`tw-icon tw-icon-spend-rupiah ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'spend-rupiah-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 20.57a8.571 8.571 0 1 0 0-17.143 8.571 8.571 0 0 0 0 17.143m0 1.714c5.68 0 10.286-4.605 10.286-10.285C22.286 6.318 17.68 1.713 12 1.713S1.714 6.318 1.714 11.999 6.32 22.284 12 22.284m.857-12H15a3 3 0 0 1 0 6h-.429v2.572h-1.714zm1.714 4.286H15a1.286 1.286 0 1 0 0-2.571h-.429zM7.286 7.713h-.429v8.571h1.714v-3.428h.386l1.543 3.428h1.714l-1.749-3.886A2.571 2.571 0 0 0 9 7.713H7.286M9 11.142h-.429V9.427H9a.857.857 0 1 1 0 1.715"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M12 20.57a8.571 8.571 0 1 0 0-17.143 8.571 8.571 0 0 0 0 17.143m0 1.714c5.68 0 10.286-4.605 10.286-10.285C22.286 6.318 17.68 1.713 12 1.713S1.714 6.318 1.714 11.999 6.32 22.284 12 22.284m.857-12H15a3 3 0 0 1 0 6h-.429v2.572h-1.714zm1.714 4.286H15a1.286 1.286 0 1 0 0-2.571h-.429zM7.286 7.713h-.429v8.571h1.714v-3.428h.386l1.543 3.428h1.714l-1.749-3.886A2.571 2.571 0 0 0 9 7.713H7.286M9 11.142h-.429V9.427H9a.857.857 0 1 1 0 1.715" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/spend-yen.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 SpendYenIconProps {
   role?: React.AriaRole;
 }
 
-export const SpendYen: React.FunctionComponent<SpendYenIconProps> = ({
-  className = undefined,
+export const SpendYen: React.FunctionComponent<SpendYenIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SpendYen filled /> is now deprecated, please use <SpendYenFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SpendYen filled /> is now deprecated, please use <SpendYenFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SpendYen: React.FunctionComponent<SpendYenIconProps> = ({
       className={`tw-icon tw-icon-spend-yen ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'spend-yen-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0m1.715 0c0 5.68-4.605 10.285-10.286 10.285S1.714 17.68 1.714 12C1.714 6.318 6.32 1.713 12 1.713s10.286 4.605 10.286 10.286m-13.715-6 2.204 5.143H8.571v1.714h2.572v.857H8.57v1.714h2.572V18h1.714v-2.572h2.572v-1.714h-2.572v-.857h2.572v-1.714h-2.204l2.204-5.143h-1.715l-1.714 4-1.714-4z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0m1.715 0c0 5.68-4.605 10.285-10.286 10.285S1.714 17.68 1.714 12C1.714 6.318 6.32 1.713 12 1.713s10.286 4.605 10.286 10.286m-13.715-6 2.204 5.143H8.571v1.714h2.572v.857H8.57v1.714h2.572V18h1.714v-2.572h2.572v-1.714h-2.572v-.857h2.572v-1.714h-2.204l2.204-5.143h-1.715l-1.714 4-1.714-4z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/spend-zloty.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 SpendZlotyIconProps {
   role?: React.AriaRole;
 }
 
-export const SpendZloty: React.FunctionComponent<SpendZlotyIconProps> = ({
-  className = undefined,
+export const SpendZloty: React.FunctionComponent<SpendZlotyIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SpendZloty filled /> is now deprecated, please use <SpendZlotyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SpendZloty filled /> is now deprecated, please use <SpendZlotyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SpendZloty: React.FunctionComponent<SpendZlotyIconProps> = ({
       className={`tw-icon tw-icon-spend-zloty ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'spend-zloty-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0m1.715 0c0 5.68-4.605 10.285-10.286 10.285S1.714 17.68 1.714 12C1.714 6.318 6.32 1.713 12 1.713s10.286 4.605 10.286 10.286m-6.858-4.286h-1.714v2.679l-.857.32v1.715l.857-.318v4.175h1.714v-4.81l.858-.318V9.427l-.858.322zM7.714 9.427h4.714l-2.57 5.143H12v1.714H7.286l2.571-5.142H7.714z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0m1.715 0c0 5.68-4.605 10.285-10.286 10.285S1.714 17.68 1.714 12C1.714 6.318 6.32 1.713 12 1.713s10.286 4.605 10.286 10.286m-6.858-4.286h-1.714v2.679l-.857.32v1.715l.857-.318v4.175h1.714v-4.81l.858-.318V9.427l-.858.322zM7.714 9.427h4.714l-2.57 5.143H12v1.714H7.286l2.571-5.142H7.714z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/split-money.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 SplitMoneyIconProps {
   role?: React.AriaRole;
 }
 
-export const SplitMoney: React.FunctionComponent<SplitMoneyIconProps> = ({
-  className = undefined,
+export const SplitMoney: React.FunctionComponent<SplitMoneyIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<SplitMoney filled /> is now deprecated, please use <SplitMoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<SplitMoney filled /> is now deprecated, please use <SplitMoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const SplitMoney: React.FunctionComponent<SplitMoneyIconProps> = ({
       className={`tw-icon tw-icon-split-money ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'split-money-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="M4.856 6.857h7.466l.428-1.714H2.504a.86.86 0 0 0-.86.86V16.21c0 .476.385.861.86.861h7.032l.428-1.714H4.856a1.57 1.57 0 0 0-1.499-1.498V8.355a1.57 1.57 0 0 0 1.499-1.498m3.182 3.418a3.214 3.214 0 0 0 2.273 3.937l.444-1.656a1.5 1.5 0 0 1 .776-2.898l.444-1.656a3.214 3.214 0 0 0-3.937 2.273m11.107 6.796h-7.466l-.429 1.715h10.246a.86.86 0 0 0 .861-.861V7.718a.86.86 0 0 0-.86-.86h-7.033l-.428 1.713h5.109a1.573 1.573 0 0 0 1.498 1.499v5.503a1.573 1.573 0 0 0-1.498 1.498m-3.183-3.418a3.214 3.214 0 0 0-2.273-3.936l-.443 1.656a1.5 1.5 0 0 1-.777 2.897l-.444 1.656a3.214 3.214 0 0 0 3.937-2.273"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M4.856 6.857h7.466l.428-1.714H2.504a.86.86 0 0 0-.86.86V16.21c0 .476.385.861.86.861h7.032l.428-1.714H4.856a1.57 1.57 0 0 0-1.499-1.498V8.355a1.57 1.57 0 0 0 1.499-1.498m3.182 3.418a3.214 3.214 0 0 0 2.273 3.937l.444-1.656a1.5 1.5 0 0 1 .776-2.898l.444-1.656a3.214 3.214 0 0 0-3.937 2.273m11.107 6.796h-7.466l-.429 1.715h10.246a.86.86 0 0 0 .861-.861V7.718a.86.86 0 0 0-.86-.86h-7.033l-.428 1.713h5.109a1.573 1.573 0 0 0 1.498 1.499v5.503a1.573 1.573 0 0 0-1.498 1.498m-3.183-3.418a3.214 3.214 0 0 0-2.273-3.936l-.443 1.656a1.5 1.5 0 0 1-.777 2.897l-.444 1.656a3.214 3.214 0 0 0 3.937-2.273" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/star-fill.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 StarFillIconProps {
   role?: React.AriaRole;
 }
 
-export const StarFill: React.FunctionComponent<StarFillIconProps> = ({
-  className = undefined,
+export const StarFill: React.FunctionComponent<StarFillIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<StarFill filled /> is now deprecated, please use <StarFillFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<StarFill filled /> is now deprecated, please use <StarFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const StarFill: React.FunctionComponent<StarFillIconProps> = ({
       className={`tw-icon tw-icon-star-fill ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'star-fill-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.804 9.73c-.086-.3-.386-.558-.729-.6l-5.871-.643-2.443-5.4a.85.85 0 0 0-.772-.515.85.85 0 0 0-.771.515l-2.443 5.4-5.871.642c-.343.043-.6.258-.729.6-.086.3 0 .686.257.9l4.372 3.986-1.2 5.786c-.086.343.042.686.342.857.258.214.643.214.943.043l5.143-2.914 5.143 2.914a.72.72 0 0 0 .429.128.82.82 0 0 0 .514-.171.97.97 0 0 0 .343-.857l-1.2-5.786 4.371-3.986c.172-.257.257-.6.172-.9" />
+            <path d="M21.804 9.73c-.086-.3-.386-.558-.729-.6l-5.871-.643-2.443-5.4a.85.85 0 0 0-.772-.515.85.85 0 0 0-.771.515l-2.443 5.4-5.871.642c-.343.043-.6.258-.729.6-.086.3 0 .686.257.9l4.372 3.986-1.2 5.786c-.086.343.042.686.342.857.258.214.643.214.943.043l5.143-2.914 5.143 2.914a.72.72 0 0 0 .429.128.82.82 0 0 0 .514-.171.97.97 0 0 0 .343-.857l-1.2-5.786 4.371-3.986c.172-.257.257-.6.172-.9"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

package/build/components/star.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 StarIconProps {
   role?: React.AriaRole;
 }
 
-export const Star: React.FunctionComponent<StarIconProps> = ({
-  className = undefined,
+export const Star: React.FunctionComponent<StarIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Star filled /> is now deprecated, please use <StarFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Star filled /> is now deprecated, please use <StarFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,22 +31,22 @@ export const Star: React.FunctionComponent<StarIconProps> = ({
       className={`tw-icon tw-icon-star ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'star-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.804 9.73c-.086-.3-.386-.558-.729-.6l-5.871-.643-2.443-5.4a.85.85 0 0 0-.772-.515.85.85 0 0 0-.771.515l-2.443 5.4-5.871.642c-.343.043-.6.258-.729.6-.086.3 0 .686.257.9l4.372 3.986-1.2 5.786c-.086.343.042.686.342.857.258.214.643.214.943.043l5.143-2.914 5.143 2.914a.72.72 0 0 0 .428.128.82.82 0 0 0 .515-.171.97.97 0 0 0 .343-.857l-1.2-5.786 4.371-3.986c.171-.257.257-.6.171-.9m-6.129 3.942c-.214.215-.343.515-.257.815l.9 4.414-3.9-2.272a.72.72 0 0 0-.429-.128c-.128 0-.3.043-.428.128l-3.9 2.229.9-4.371a.95.95 0 0 0-.257-.815L4.96 10.63l4.5-.514a.85.85 0 0 0 .685-.514l1.843-4.114L13.832 9.6a.94.94 0 0 0 .686.514l4.5.514z" />
+            <path d="M21.804 9.73c-.086-.3-.386-.558-.729-.6l-5.871-.643-2.443-5.4a.85.85 0 0 0-.772-.515.85.85 0 0 0-.771.515l-2.443 5.4-5.871.642c-.343.043-.6.258-.729.6-.086.3 0 .686.257.9l4.372 3.986-1.2 5.786c-.086.343.042.686.342.857.258.214.643.214.943.043l5.143-2.914 5.143 2.914a.72.72 0 0 0 .428.128.82.82 0 0 0 .515-.171.97.97 0 0 0 .343-.857l-1.2-5.786 4.371-3.986c.171-.257.257-.6.171-.9m-6.129 3.942c-.214.215-.343.515-.257.815l.9 4.414-3.9-2.272a.72.72 0 0 0-.429-.128c-.128 0-.3.043-.428.128l-3.9 2.229.9-4.371a.95.95 0 0 0-.257-.815L4.96 10.63l4.5-.514a.85.85 0 0 0 .685-.514l1.843-4.114L13.832 9.6a.94.94 0 0 0 .686.514l4.5.514z"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}

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

package/build/components/stop.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 StopIconProps {
   role?: React.AriaRole;
 }
 
-export const Stop: React.FunctionComponent<StopIconProps> = ({
-  className = undefined,
+export const Stop: React.FunctionComponent<StopIconProps> = ({ 
+  className = undefined, 
   isFocusable = false,
-  filled = undefined,
-  title = undefined,
-  role = undefined,
+  filled = undefined, 
+  title = undefined, 
+  role = undefined, 
   size = 16,
-  ...restProps
-}) => {
+  ...restProps 
+}) => {  
   if (filled) {
-    console.warn(
-      '<Stop filled /> is now deprecated, please use <StopFill /> or refer to https://transferwise.github.io/icons/ for more info.',
-    );
+    console.warn("<Stop filled /> is now deprecated, please use <StopFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
 
   return (
@@ -32,26 +31,22 @@ export const Stop: React.FunctionComponent<StopIconProps> = ({
       className={`tw-icon tw-icon-stop ${className ? className : ''}`}
       data-testid={restProps['data-testid'] || 'stop-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 12a8.571 8.571 0 1 1-17.143 0 8.571 8.571 0 0 1 17.143 0m1.714 0c0 5.68-4.605 10.286-10.286 10.286S1.714 17.68 1.714 12 6.32 1.714 12 1.714 22.286 6.32 22.286 12M9 8.571A.43.43 0 0 0 8.57 9v6c0 .237.192.428.429.428h6a.43.43 0 0 0 .428-.428V9A.43.43 0 0 0 15 8.57z"
-              clipRule="evenodd"
-            />
+            <path fillRule="evenodd" d="M20.572 12a8.571 8.571 0 1 1-17.143 0 8.571 8.571 0 0 1 17.143 0m1.714 0c0 5.68-4.605 10.286-10.286 10.286S1.714 17.68 1.714 12 6.32 1.714 12 1.714 22.286 6.32 22.286 12M9 8.571A.43.43 0 0 0 8.57 9v6c0 .237.192.428.429.428h6a.43.43 0 0 0 .428-.428V9A.43.43 0 0 0 15 8.57z" clipRule="evenodd"/>
           </>
         )}
       </svg>
     </span>
-  );
-};
+  )
+}