@transferwise/icons 3.10.0 → 3.11.0-beta.2

package/build/components/ach.tsx

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

package/build/components/activity.tsx

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

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

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

package/build/components/alert-circle.tsx

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

package/build/components/alert.tsx

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

package/build/components/arrow-diagonal-down.tsx

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

package/build/components/arrow-diagonal-up.tsx

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

package/build/components/arrow-down.tsx

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

package/build/components/arrow-left.tsx

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

package/build/components/arrow-right.tsx

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

package/build/components/arrow-up.tsx

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

package/build/components/atm.tsx

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

package/build/components/auto-convert.tsx

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

package/build/components/balance.tsx

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

package/build/components/bank-strikethrough.tsx

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

package/build/components/bank-transfer.tsx

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

package/build/components/bank.tsx

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

package/build/components/bar-chart.tsx

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

package/build/components/barcode.tsx

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

package/build/components/batch.tsx

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

package/build/components/beach.tsx

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

package/build/components/bill-split.tsx

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

package/build/components/bills.tsx

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

package/build/components/bin.tsx

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

package/build/components/book.tsx

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

package/build/components/boxes.tsx

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

package/build/components/briefcase.tsx

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

package/build/components/building.tsx

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

package/build/components/bulb.tsx

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

package/build/components/calendar-check.tsx

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

package/build/components/calendar-success.tsx

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

package/build/components/calendar.tsx

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

package/build/components/camera.tsx

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

package/build/components/car.tsx

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

package/build/components/card-cvc.tsx

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

package/build/components/card-detail.tsx

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

package/build/components/card-number.tsx

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

package/build/components/card-transferwise.tsx

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

package/build/components/card-wise.tsx

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

package/build/components/card.tsx

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

package/build/components/cash-app.tsx

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

package/build/components/cash-register.tsx

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

package/build/components/charity.tsx

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

package/build/components/chat.tsx

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

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

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

package/build/components/check-circle.tsx

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

package/build/components/check.tsx

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

package/build/components/chevron-down.tsx

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

package/build/components/chevron-left.tsx

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

package/build/components/chevron-right.tsx

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

package/build/components/chevron-up.tsx

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

package/build/components/chip-pin.tsx

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

package/build/components/chip.tsx

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

package/build/components/click-to-pay.tsx

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

package/build/components/clock-borderless.tsx

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

package/build/components/clock-fill.tsx

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

package/build/components/clock.tsx

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

package/build/components/cog.tsx

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

package/build/components/coins.tsx

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