@transferwise/icons 3.11.0-beta.3 → 3.12.0

package/build/components/defrost.tsx

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

package/build/components/delivery.tsx

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

package/build/components/dial.tsx

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

package/build/components/direct-debits.tsx

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

package/build/components/disco-ball.tsx

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

package/build/components/do.tsx

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

package/build/components/document.tsx

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

package/build/components/documents.tsx

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

package/build/components/dont.tsx

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

package/build/components/download.tsx

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

package/build/components/drivers-license.tsx

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

package/build/components/e-commerce.tsx

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

package/build/components/eating-out.tsx

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

package/build/components/edit.tsx

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

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

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

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

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

package/build/components/email.tsx

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

package/build/components/emoji.tsx

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

package/build/components/entertainment.tsx

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

package/build/components/exchange-rate.tsx

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

package/build/components/expand.tsx

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

package/build/components/expenses.tsx

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

package/build/components/eye-shut.tsx

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

package/build/components/eye.tsx

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

package/build/components/face-id.tsx

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

package/build/components/facebook-square.tsx

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

package/build/components/facebook.tsx

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

package/build/components/family.tsx

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

package/build/components/fast-flag.tsx

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

package/build/components/feedback.tsx

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

package/build/components/female.tsx

@@ -0,0 +1,54 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface FemaleIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+  role?: React.AriaRole;
+}
+
+export const Female: React.FunctionComponent<FemaleIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Female filled /> is now deprecated, please use <FemaleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-female ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={role ?? (title ? undefined : 'none')}
+      data-testid={restProps['data-testid'] || 'female-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="M6.429 9a5.571 5.571 0 1 0 11.143 0A5.571 5.571 0 0 0 6.429 9ZM4.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 9Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/fingerprint.tsx

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

package/build/components/fpx.tsx

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

package/build/components/freeze.tsx

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

package/build/components/gambling.tsx

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

package/build/components/general-fill.tsx

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

package/build/components/general-filled.tsx

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

package/build/components/general.tsx

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

package/build/components/gift-box.tsx

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

package/build/components/globe.tsx

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

package/build/components/graduation-cap.tsx

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

package/build/components/graph.tsx

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

package/build/components/groceries.tsx

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

package/build/components/handshake.tsx

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

package/build/components/happy-emoji.tsx

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

package/build/components/headset.tsx

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

package/build/components/heart.tsx

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

package/build/components/help-circle.tsx

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

package/build/components/help.tsx

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

package/build/components/holidays.tsx

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

package/build/components/home.tsx

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

package/build/components/house.tsx

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

package/build/components/id.tsx

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

package/build/components/ideal.tsx

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

package/build/components/image.tsx

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

package/build/components/info-circle-fill.tsx

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