@transferwise/icons 3.10.0 → 3.11.0-beta.1

package/build/components/collapse.tsx

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

package/build/components/comments.tsx

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

package/build/components/confetti.tsx

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

package/build/components/contactless.tsx

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

package/build/components/contract-services.tsx

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

package/build/components/convert.tsx

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

package/build/components/cost-of-goods-sold.tsx

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

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

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

package/build/components/cross-circle.tsx

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

package/build/components/cross.tsx

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

package/build/components/crystal-ball.tsx

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

package/build/components/cs.tsx

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

package/build/components/defrost.tsx

@@ -26,7 +26,7 @@ export const Defrost: React.FunctionComponent<DefrostIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-defrost ${className ? className : ''}`}
+      className={`tw-icon tw-icon-defrost tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-delivery tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-dial tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-direct-debits tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-disco-ball tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-do tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-document tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-documents tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-dont tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-download tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-drivers-license tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-e-commerce tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-eating-out tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-edit tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-email-and-mobile tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-email-and-phone tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-email tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-emoji tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-entertainment tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-exchange-rate tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-expand tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-expenses tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-eye-shut tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-eye tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-face-id tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-facebook-square tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-facebook tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-family tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-fast-flag tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-feedback tw-icon-${size} ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'feedback-icon'}

package/build/components/fingerprint.tsx

@@ -26,7 +26,7 @@ export const Fingerprint: React.FunctionComponent<FingerprintIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-fingerprint ${className ? className : ''}`}
+      className={`tw-icon tw-icon-fingerprint tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-fpx tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-freeze tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-gambling tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-general-fill tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-general-filled tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-general tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-gift-box tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-globe tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-graduation-cap tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-graph tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-groceries tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-handshake tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-happy-emoji tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-headset tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-heart tw-icon-${size} ${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 ${className ? className : ''}`}
+      className={`tw-icon tw-icon-help-circle tw-icon-${size} ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'help-circle-icon'}