@transferwise/icons 3.11.0-beta.2 → 3.11.0

package/build/components/spend-kuna.tsx

@@ -26,7 +26,7 @@ export const SpendKuna: React.FunctionComponent<SpendKunaIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-kuna tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-kuna ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-kuna-icon'}

package/build/components/spend-leu-lei.tsx

@@ -26,7 +26,7 @@ export const SpendLeuLei: React.FunctionComponent<SpendLeuLeiIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-leu-lei tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-leu-lei ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-leu-lei-icon'}

package/build/components/spend-lev.tsx

@@ -26,7 +26,7 @@ export const SpendLev: React.FunctionComponent<SpendLevIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-lev tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-lev ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-lev-icon'}

package/build/components/spend-lira.tsx

@@ -26,7 +26,7 @@ export const SpendLira: React.FunctionComponent<SpendLiraIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-lira tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-lira ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-lira-icon'}

package/build/components/spend-pound.tsx

@@ -26,7 +26,7 @@ export const SpendPound: React.FunctionComponent<SpendPoundIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-pound tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-pound ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-pound-icon'}

package/build/components/spend-real.tsx

@@ -26,7 +26,7 @@ export const SpendReal: React.FunctionComponent<SpendRealIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-real tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-real ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-real-icon'}

package/build/components/spend-ringgit.tsx

@@ -26,7 +26,7 @@ export const SpendRinggit: React.FunctionComponent<SpendRinggitIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-ringgit tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-ringgit ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-ringgit-icon'}

package/build/components/spend-rupee.tsx

@@ -26,7 +26,7 @@ export const SpendRupee: React.FunctionComponent<SpendRupeeIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-rupee tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-rupee ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-rupee-icon'}

package/build/components/spend-rupiah.tsx

@@ -26,7 +26,7 @@ export const SpendRupiah: React.FunctionComponent<SpendRupiahIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-rupiah tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-rupiah ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-rupiah-icon'}

package/build/components/spend-yen.tsx

@@ -26,7 +26,7 @@ export const SpendYen: React.FunctionComponent<SpendYenIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-yen tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-yen ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-yen-icon'}

package/build/components/spend-zloty.tsx

@@ -26,7 +26,7 @@ export const SpendZloty: React.FunctionComponent<SpendZlotyIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-spend-zloty tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-spend-zloty ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'spend-zloty-icon'}

package/build/components/split-money.tsx

@@ -26,7 +26,7 @@ export const SplitMoney: React.FunctionComponent<SplitMoneyIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-split-money tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-split-money ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'split-money-icon'}

package/build/components/star-fill.tsx

@@ -26,7 +26,7 @@ export const StarFill: React.FunctionComponent<StarFillIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-star-fill tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-star-fill ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'star-fill-icon'}

package/build/components/star.tsx

@@ -26,7 +26,7 @@ export const Star: React.FunctionComponent<StarIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-star tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-star ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'star-icon'}

package/build/components/stationery.tsx

@@ -26,7 +26,7 @@ export const Stationery: React.FunctionComponent<StationeryIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-stationery tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-stationery ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'stationery-icon'}

package/build/components/stop.tsx

@@ -26,7 +26,7 @@ export const Stop: React.FunctionComponent<StopIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-stop tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-stop ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'stop-icon'}

package/build/components/suitcase.tsx

@@ -26,7 +26,7 @@ export const Suitcase: React.FunctionComponent<SuitcaseIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-suitcase tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-suitcase ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'suitcase-icon'}

package/build/components/sunglasses.tsx

@@ -26,7 +26,7 @@ export const Sunglasses: React.FunctionComponent<SunglassesIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-sunglasses tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-sunglasses ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'sunglasses-icon'}

package/build/components/switch.tsx

@@ -26,7 +26,7 @@ export const Switch: React.FunctionComponent<SwitchIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-switch tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-switch ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'switch-icon'}

package/build/components/takeaway.tsx

@@ -26,7 +26,7 @@ export const Takeaway: React.FunctionComponent<TakeawayIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-takeaway tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-takeaway ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'takeaway-icon'}

package/build/components/target.tsx

@@ -26,7 +26,7 @@ export const Target: React.FunctionComponent<TargetIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-target tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-target ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'target-icon'}

package/build/components/tax.tsx

@@ -26,7 +26,7 @@ export const Tax: React.FunctionComponent<TaxIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-tax tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-tax ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'tax-icon'}

package/build/components/taxi.tsx

@@ -26,7 +26,7 @@ export const Taxi: React.FunctionComponent<TaxiIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-taxi tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-taxi ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'taxi-icon'}

package/build/components/team.tsx

@@ -26,7 +26,7 @@ export const Team: React.FunctionComponent<TeamIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-team tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-team ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'team-icon'}

package/build/components/theme.tsx

@@ -26,7 +26,7 @@ export const Theme: React.FunctionComponent<ThemeIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-theme tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-theme ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'theme-icon'}

package/build/components/transfer.tsx

@@ -26,7 +26,7 @@ export const Transfer: React.FunctionComponent<TransferIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-transfer tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-transfer ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'transfer-icon'}

package/build/components/transport.tsx

@@ -26,7 +26,7 @@ export const Transport: React.FunctionComponent<TransportIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-transport tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-transport ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'transport-icon'}

package/build/components/travel.tsx

@@ -26,7 +26,7 @@ export const Travel: React.FunctionComponent<TravelIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-travel tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-travel ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'travel-icon'}

package/build/components/trustly.tsx

@@ -26,7 +26,7 @@ export const Trustly: React.FunctionComponent<TrustlyIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-trustly tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-trustly ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'trustly-icon'}

package/build/components/twitter.tsx

@@ -26,7 +26,7 @@ export const Twitter: React.FunctionComponent<TwitterIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-twitter tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-twitter ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'twitter-icon'}

package/build/components/two-step.tsx

@@ -26,7 +26,7 @@ export const TwoStep: React.FunctionComponent<TwoStepIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-two-step tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-two-step ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'two-step-icon'}

package/build/components/unlock.tsx

@@ -26,7 +26,7 @@ export const Unlock: React.FunctionComponent<UnlockIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-unlock tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-unlock ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'unlock-icon'}

package/build/components/upload.tsx

@@ -26,7 +26,7 @@ export const Upload: React.FunctionComponent<UploadIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-upload tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-upload ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'upload-icon'}

package/build/components/upward-graph.tsx

@@ -26,7 +26,7 @@ export const UpwardGraph: React.FunctionComponent<UpwardGraphIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-upward-graph tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-upward-graph ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'upward-graph-icon'}

package/build/components/venmo.tsx

@@ -26,7 +26,7 @@ export const Venmo: React.FunctionComponent<VenmoIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-venmo tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-venmo ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'venmo-icon'}

package/build/components/verified.tsx

@@ -26,7 +26,7 @@ export const Verified: React.FunctionComponent<VerifiedIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-verified tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-verified ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'verified-icon'}

package/build/components/wallet.tsx

@@ -26,7 +26,7 @@ export const Wallet: React.FunctionComponent<WalletIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-wallet tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-wallet ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'wallet-icon'}

package/build/components/warning.tsx

@@ -26,7 +26,7 @@ export const Warning: React.FunctionComponent<WarningIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-warning tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-warning ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'warning-icon'}

package/build/components/water.tsx

@@ -0,0 +1,54 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface WaterIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+  role?: React.AriaRole;
+}
+
+export const Water: React.FunctionComponent<WaterIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Water filled /> is now deprecated, please use <WaterFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-water ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={role ?? (title ? undefined : 'none')}
+      data-testid={restProps['data-testid'] || 'water-icon'}
+    >
+      <svg
+        width={String(size)}
+        height={String(size)}
+        fill="currentColor"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
+          <>
+            <path
+              fillRule="evenodd"
+              d="M12.761 2.177a.862.862 0 0 0-1.523 0l-5.273 9.921c-2.441 4.594.84 10.187 6.035 10.187 5.194 0 8.476-5.593 6.034-10.187l-5.273-9.92ZM7.48 12.903 12 4.397l4.521 8.506c1.85 3.48-.651 7.668-4.52 7.668-3.87 0-6.37-4.188-4.521-7.668Zm4.95 4.24c-1.461 0-2.569-1.114-2.569-2.572H8.146c0 2.4 1.87 4.286 4.282 4.286v-1.714Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/whatsapp.tsx

@@ -26,7 +26,7 @@ export const Whatsapp: React.FunctionComponent<WhatsappIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-whatsapp tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-whatsapp ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'whatsapp-icon'}

package/build/components/withdrawal.tsx

@@ -26,7 +26,7 @@ export const Withdrawal: React.FunctionComponent<WithdrawalIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-withdrawal tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-withdrawal ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'withdrawal-icon'}

package/build/icons.json

@@ -20,6 +20,13 @@
       "alert": "./wise-atoms/icons/alert.svg"
     }
   },
+  "alipay": {
+    "name": "alipay",
+    "componentName": "Alipay",
+    "svgFiles": {
+      "alipay": "./wise-atoms/icons/alipay.svg"
+    }
+  },
   "arrow-diagonal-down": {
     "name": "arrow-diagonal-down",
     "componentName": "ArrowDiagonalDown",
@@ -484,6 +491,13 @@
       "collapse": "./wise-atoms/icons/collapse.svg"
     }
   },
+  "compact-more": {
+    "name": "compact-more",
+    "componentName": "CompactMore",
+    "svgFiles": {
+      "compact-more": "./wise-atoms/icons/compact-more.svg"
+    }
+  },
   "confetti": {
     "name": "confetti",
     "componentName": "Confetti",
@@ -690,6 +704,13 @@
       "fast-flag": "./wise-atoms/icons/fast-flag.svg"
     }
   },
+  "female": {
+    "name": "female",
+    "componentName": "Female",
+    "svgFiles": {
+      "female": "./wise-atoms/icons/female.svg"
+    }
+  },
   "fingerprint": {
     "name": "fingerprint",
     "componentName": "Fingerprint",
@@ -1058,6 +1079,13 @@
       "log-out": "./wise-atoms/icons/log-out.svg"
     }
   },
+  "mallet": {
+    "name": "mallet",
+    "componentName": "Mallet",
+    "svgFiles": {
+      "mallet": "./wise-atoms/icons/mallet.svg"
+    }
+  },
   "mass-payout": {
     "name": "mass-payout",
     "componentName": "MassPayout",
@@ -1998,6 +2026,13 @@
       "warning": "./wise-atoms/icons/warning.svg"
     }
   },
+  "water": {
+    "name": "water",
+    "componentName": "Water",
+    "svgFiles": {
+      "water": "./wise-atoms/icons/water.svg"
+    }
+  },
   "whatsapp": {
     "name": "whatsapp",
     "componentName": "Whatsapp",

package/build/index.ts

@@ -1,6 +1,7 @@
 export * from './components/alert-circle-fill';
 export * from './components/alert-circle';
 export * from './components/alert';
+export * from './components/alipay';
 export * from './components/arrow-diagonal-down';
 export * from './components/arrow-diagonal-up';
 export * from './components/arrow-down';
@@ -65,6 +66,7 @@ export * from './components/cog';
 export * from './components/settings';
 export * from './components/coins';
 export * from './components/collapse';
+export * from './components/compact-more';
 export * from './components/confetti';
 export * from './components/contactless';
 export * from './components/convert';
@@ -94,6 +96,7 @@ export * from './components/face-id';
 export * from './components/facebook';
 export * from './components/facebook-square';
 export * from './components/fast-flag';
+export * from './components/female';
 export * from './components/fingerprint';
 export * from './components/fpx';
 export * from './components/freeze';
@@ -145,6 +148,7 @@ export * from './components/activity';
 export * from './components/location-marker';
 export * from './components/log-in';
 export * from './components/log-out';
+export * from './components/mallet';
 export * from './components/mass-payout';
 export * from './components/menu';
 export * from './components/messenger';
@@ -276,6 +280,7 @@ export * from './components/exchange-rate';
 export * from './components/venmo';
 export * from './components/wallet';
 export * from './components/warning';
+export * from './components/water';
 export * from './components/whatsapp';
 export * from './components/withdrawal';
 export * from './components/owners-withdrawal';

package/lib/angular/components/alipay-icon.component.d.ts

@@ -0,0 +1,7 @@
+export declare const AlipayIconComponent: {
+    template: string;
+    bindings: {
+        size: string;
+    };
+};
+//# sourceMappingURL=alipay-icon.component.d.ts.map

package/lib/angular/components/alipay-icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alipay-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/alipay-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;CAiB/B,CAAC"}

package/lib/angular/components/compact-more-icon.component.d.ts

@@ -0,0 +1,7 @@
+export declare const CompactMoreIconComponent: {
+    template: string;
+    bindings: {
+        size: string;
+    };
+};
+//# sourceMappingURL=compact-more-icon.component.d.ts.map

package/lib/angular/components/compact-more-icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact-more-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/compact-more-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,wBAAwB;;;;;CAiBpC,CAAC"}

package/lib/angular/components/female-icon.component.d.ts

@@ -0,0 +1,7 @@
+export declare const FemaleIconComponent: {
+    template: string;
+    bindings: {
+        size: string;
+    };
+};
+//# sourceMappingURL=female-icon.component.d.ts.map

package/lib/angular/components/female-icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"female-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/female-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;CAiB/B,CAAC"}

package/lib/angular/components/icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/icon.component.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;CAiSzB,CAAC"}
+{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/icon.component.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;CAsSzB,CAAC"}

package/lib/angular/components/mallet-icon.component.d.ts

@@ -0,0 +1,7 @@
+export declare const MalletIconComponent: {
+    template: string;
+    bindings: {
+        size: string;
+    };
+};
+//# sourceMappingURL=mallet-icon.component.d.ts.map

package/lib/angular/components/mallet-icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mallet-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/mallet-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;CAiB/B,CAAC"}