@transferwise/icons 3.11.0-beta.3 → 3.11.0

package/build/components/beach.tsx

@@ -26,7 +26,7 @@ export const Beach: React.FunctionComponent<BeachIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-beach tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-beach ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bill-split ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bills ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bin ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-book ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-boxes ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-briefcase ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-building ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bulb ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-calendar-check ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-calendar-success ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-calendar ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-camera ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-car ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-card-cvc ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-card-detail ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-card-number ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-card-transferwise ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-card-wise ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-card ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cash-app ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cash-register ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-charity ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-chat ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-check-circle-fill ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-check-circle ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-check ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-chevron-down ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-chevron-left ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-chevron-right ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-chevron-up ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-chip-pin ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-chip ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-click-to-pay ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-clock-borderless ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-clock-fill ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-clock ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cog ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-coins ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'coins-icon'}

package/build/components/collapse.tsx

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

package/build/components/compact-more.tsx

@@ -0,0 +1,54 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface CompactMoreIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+  role?: React.AriaRole;
+}
+
+export const CompactMore: React.FunctionComponent<CompactMoreIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<CompactMore filled /> is now deprecated, please use <CompactMoreFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-compact-more ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={role ?? (title ? undefined : 'none')}
+      data-testid={restProps['data-testid'] || 'compact-more-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 7.718a1.714 1.714 0 1 1 0-3.429 1.714 1.714 0 0 1 0 3.429Zm-1.715 4.286a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Zm0 6a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/confetti.tsx

@@ -26,7 +26,7 @@ export const Confetti: React.FunctionComponent<ConfettiIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-confetti tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-confetti ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-contactless ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-contract-services ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-convert ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cost-of-goods-sold ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cross-circle-fill ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cross-circle ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cross ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-crystal-ball ${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 tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-cs ${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 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'}