@deriv/quill-icons 2.6.4 → 2.7.1

package/dist/react/Illustration/DerivLightImageIconKycIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightImageIconKyc.png';
+import illustrationSrc from './assets/DerivLightImageIconKyc.webp';
 const DerivLightImageIconKycIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightImageIconKycIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightInflationHedgeIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightInflationHedge.png';
+import illustrationSrc from './assets/DerivLightInflationHedge.webp';
 const DerivLightInflationHedgeIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightInflationHedgeIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightIntegrityIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightIntegrity.png';
+import illustrationSrc from './assets/DerivLightIntegrity.webp';
 const DerivLightIntegrityIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightIntegrityIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightIntuitivePlatformsIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightIntuitivePlatforms.png';
+import illustrationSrc from './assets/DerivLightIntuitivePlatforms.webp';
 const DerivLightIntuitivePlatformsIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightIntuitivePlatformsIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLessThanEightIconKycIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLessThanEightIconKyc.png';
+import illustrationSrc from './assets/DerivLightLessThanEightIconKyc.webp';
 const DerivLightLessThanEightIconKycIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLessThanEightIconKycIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLinkIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLink.png';
+import illustrationSrc from './assets/DerivLightLink.webp';
 const DerivLightLinkIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLinkIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLocalDeviceIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLocalDevice.png';
+import illustrationSrc from './assets/DerivLightLocalDevice.webp';
 const DerivLightLocalDeviceIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLocalDeviceIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLockBlockedIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLockBlocked.png';
+import illustrationSrc from './assets/DerivLightLockBlocked.webp';
 const DerivLightLockBlockedIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLockBlockedIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLockErrorIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLockError.png';
+import illustrationSrc from './assets/DerivLightLockError.webp';
 const DerivLightLockErrorIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLockErrorIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLockSecureIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLockSecure.png';
+import illustrationSrc from './assets/DerivLightLockSecure.webp';
 const DerivLightLockSecureIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLockSecureIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLockSuccessIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLockSuccess.png';
+import illustrationSrc from './assets/DerivLightLockSuccess.webp';
 const DerivLightLockSuccessIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLockSuccessIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLowCostIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLowCost.png';
+import illustrationSrc from './assets/DerivLightLowCost.webp';
 const DerivLightLowCostIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLowCostIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightLtcIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightLtc.png';
+import illustrationSrc from './assets/DerivLightLtc.webp';
 const DerivLightLtcIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightLtcIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMaticIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMatic.png';
+import illustrationSrc from './assets/DerivLightMatic.webp';
 const DerivLightMaticIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMaticIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMigrateStrategyIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMigrateStrategy.png';
+import illustrationSrc from './assets/DerivLightMigrateStrategy.webp';
 const DerivLightMigrateStrategyIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMigrateStrategyIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMissionIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMission.png';
+import illustrationSrc from './assets/DerivLightMission.webp';
 const DerivLightMissionIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMissionIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMobileNotVerifiedIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMobileNotVerified.png';
+import illustrationSrc from './assets/DerivLightMobileNotVerified.webp';
 const DerivLightMobileNotVerifiedIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMobileNotVerifiedIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMobileVerifiedIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMobileVerified.png';
+import illustrationSrc from './assets/DerivLightMobileVerified.webp';
 const DerivLightMobileVerifiedIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMobileVerifiedIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5CryptoIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5Crypto.png';
+import illustrationSrc from './assets/DerivLightMt5Crypto.webp';
 const DerivLightMt5CryptoIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5CryptoIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5FinancialIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5Financial.png';
+import illustrationSrc from './assets/DerivLightMt5Financial.webp';
 const DerivLightMt5FinancialIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5FinancialIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5GoldIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5Gold.png';
+import illustrationSrc from './assets/DerivLightMt5Gold.webp';
 const DerivLightMt5GoldIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5GoldIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5Icon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5.png';
+import illustrationSrc from './assets/DerivLightMt5.webp';
 const DerivLightMt5Icon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5Icon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5StandardIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5Standard.png';
+import illustrationSrc from './assets/DerivLightMt5Standard.webp';
 const DerivLightMt5StandardIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5StandardIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5SuccessPasswordResetIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5SuccessPasswordReset.png';
+import illustrationSrc from './assets/DerivLightMt5SuccessPasswordReset.webp';
 const DerivLightMt5SuccessPasswordResetIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5SuccessPasswordResetIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5SwapFreeIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5SwapFree.png';
+import illustrationSrc from './assets/DerivLightMt5SwapFree.webp';
 const DerivLightMt5SwapFreeIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5SwapFreeIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMt5ZeroSpreadIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMt5ZeroSpread.png';
+import illustrationSrc from './assets/DerivLightMt5ZeroSpread.webp';
 const DerivLightMt5ZeroSpreadIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMt5ZeroSpreadIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMultipliersIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMultipliers.png';
+import illustrationSrc from './assets/DerivLightMultipliers.webp';
 const DerivLightMultipliersIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMultipliersIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightMyComputerIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightMyComputer.png';
+import illustrationSrc from './assets/DerivLightMyComputer.webp';
 const DerivLightMyComputerIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightMyComputerIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNakalaIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNakala.png';
+import illustrationSrc from './assets/DerivLightNakala.webp';
 const DerivLightNakalaIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNakalaIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNameDobPoiIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNameDobPoi.png';
+import illustrationSrc from './assets/DerivLightNameDobPoi.webp';
 const DerivLightNameDobPoiIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNameDobPoiIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNamePoiIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNamePoi.png';
+import illustrationSrc from './assets/DerivLightNamePoi.webp';
 const DerivLightNamePoiIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNamePoiIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNegativeAnnouncementIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNegativeAnnouncement.png';
+import illustrationSrc from './assets/DerivLightNegativeAnnouncement.webp';
 const DerivLightNegativeAnnouncementIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNegativeAnnouncementIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNewPromisingIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNewPromising.png';
+import illustrationSrc from './assets/DerivLightNewPromising.webp';
 const DerivLightNewPromisingIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNewPromisingIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNimcSlipFrontKycIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNimcSlipFrontKyc.png';
+import illustrationSrc from './assets/DerivLightNimcSlipFrontKyc.webp';
 const DerivLightNimcSlipFrontKycIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNimcSlipFrontKycIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNimcSlipKycIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNimcSlipKyc.png';
+import illustrationSrc from './assets/DerivLightNimcSlipKyc.webp';
 const DerivLightNimcSlipKycIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNimcSlipKycIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNoDistractionsIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNoDistractions.png';
+import illustrationSrc from './assets/DerivLightNoDistractions.webp';
 const DerivLightNoDistractionsIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNoDistractionsIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightNoRecentTransactionsIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightNoRecentTransactions.png';
+import illustrationSrc from './assets/DerivLightNoRecentTransactions.webp';
 const DerivLightNoRecentTransactionsIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightNoRecentTransactionsIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOptimismIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOptimism.png';
+import illustrationSrc from './assets/DerivLightOptimism.webp';
 const DerivLightOptimismIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOptimismIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOptionsIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOptions.png';
+import illustrationSrc from './assets/DerivLightOptions.webp';
 const DerivLightOptionsIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOptionsIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOrderIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOrder.png';
+import illustrationSrc from './assets/DerivLightOrder.webp';
 const DerivLightOrderIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOrderIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOrdersDefaultIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOrdersDefault.png';
+import illustrationSrc from './assets/DerivLightOrdersDefault.webp';
 const DerivLightOrdersDefaultIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOrdersDefaultIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOrdersErrorIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOrdersError.png';
+import illustrationSrc from './assets/DerivLightOrdersError.webp';
 const DerivLightOrdersErrorIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOrdersErrorIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOrdersSearchIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOrdersSearch.png';
+import illustrationSrc from './assets/DerivLightOrdersSearch.webp';
 const DerivLightOrdersSearchIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOrdersSearchIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOrdersSuccessIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOrdersSuccess.png';
+import illustrationSrc from './assets/DerivLightOrdersSuccess.webp';
 const DerivLightOrdersSuccessIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOrdersSuccessIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightOtherPaymentMethodIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightOtherPaymentMethod.png';
+import illustrationSrc from './assets/DerivLightOtherPaymentMethod.webp';
 const DerivLightOtherPaymentMethodIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightOtherPaymentMethodIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightP2pAppImageIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightP2pAppImage.png';
+import illustrationSrc from './assets/DerivLightP2pAppImage.webp';
 const DerivLightP2pAppImageIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightP2pAppImageIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightP2pBannerImageIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightP2pBannerImage.png';
+import illustrationSrc from './assets/DerivLightP2pBannerImage.webp';
 const DerivLightP2pBannerImageIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightP2pBannerImageIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightP2pIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightP2p.png';
+import illustrationSrc from './assets/DerivLightP2p.webp';
 const DerivLightP2pIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightP2pIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightP2pSecureImageIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightP2pSecureImage.png';
+import illustrationSrc from './assets/DerivLightP2pSecureImage.webp';
 const DerivLightP2pSecureImageIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightP2pSecureImageIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPairsIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPairs.png';
+import illustrationSrc from './assets/DerivLightPairs.webp';
 const DerivLightPairsIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPairsIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPassportKycIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPassportKyc.png';
+import illustrationSrc from './assets/DerivLightPassportKyc.webp';
 const DerivLightPassportKycIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPassportKycIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPassportPlaceholderKycIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPassportPlaceholderKyc.png';
+import illustrationSrc from './assets/DerivLightPassportPlaceholderKyc.webp';
 const DerivLightPassportPlaceholderKycIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPassportPlaceholderKycIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPaymentAgentIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPaymentAgent.png';
+import illustrationSrc from './assets/DerivLightPaymentAgent.webp';
 const DerivLightPaymentAgentIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPaymentAgentIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPaymentMethodVerificationFailedIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPaymentMethodVerificationFailed.png';
+import illustrationSrc from './assets/DerivLightPaymentMethodVerificationFailed.webp';
 const DerivLightPaymentMethodVerificationFailedIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPaymentMethodVerificationFailedIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPaymentMethodVerificationPassedIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPaymentMethodVerificationPassed.png';
+import illustrationSrc from './assets/DerivLightPaymentMethodVerificationPassed.webp';
 const DerivLightPaymentMethodVerificationPassedIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPaymentMethodVerificationPassedIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPaymentMethodVerificationReviewingIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPaymentMethodVerificationReviewing.png';
+import illustrationSrc from './assets/DerivLightPaymentMethodVerificationReviewing.webp';
 const DerivLightPaymentMethodVerificationReviewingIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPaymentMethodVerificationReviewingIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightProfileVerifiedIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightProfileVerified.png';
+import illustrationSrc from './assets/DerivLightProfileVerified.webp';
 const DerivLightProfileVerifiedIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightProfileVerifiedIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPromotionalToolsIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPromotionalTools.png';
+import illustrationSrc from './assets/DerivLightPromotionalTools.webp';
 const DerivLightPromotionalToolsIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPromotionalToolsIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightProofOfAgePlaceholderKycIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightProofOfAgePlaceholderKyc.png';
+import illustrationSrc from './assets/DerivLightProofOfAgePlaceholderKyc.webp';
 const DerivLightProofOfAgePlaceholderKycIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightProofOfAgePlaceholderKycIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightProvenTrackRecordIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightProvenTrackRecord.png';
+import illustrationSrc from './assets/DerivLightProvenTrackRecord.webp';
 const DerivLightProvenTrackRecordIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightProvenTrackRecordIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightPyusdIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightPyusd.png';
+import illustrationSrc from './assets/DerivLightPyusd.webp';
 const DerivLightPyusdIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightPyusdIcon);
 export default ForwardRef;

package/dist/react/Illustration/DerivLightQrPhoneSuccessIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { forwardRef } from 'react';
-import illustrationSrc from './assets/DerivLightQrPhoneSuccess.png';
+import illustrationSrc from './assets/DerivLightQrPhoneSuccess.webp';
 const DerivLightQrPhoneSuccessIcon = ({ title, titleId, alt, ...props }, ref) => (React.createElement("img", { src: illustrationSrc, ref: ref, role: 'img', alt: alt ?? title ?? '', "aria-labelledby": titleId, ...props }));
 const ForwardRef = forwardRef(DerivLightQrPhoneSuccessIcon);
 export default ForwardRef;