.

Author: keithbro-imx

packages/checkout/sdk/src/widgets/definitions/configurations/bridge.ts

@@ -4,5 +4,4 @@ import { WidgetConfiguration } from './widget';
  * Bridge Widget Configuration represents the configuration options for the Bridge Widget.
  */
 export type BridgeWidgetConfiguration = {
-  transparentOverlay?: boolean;
 } & WidgetConfiguration;

packages/checkout/sdk/src/widgets/definitions/configurations/swap.ts

@@ -6,5 +6,4 @@ import { WidgetConfiguration } from './widget';
 export type SwapWidgetConfiguration = {
   customTitle?: string;
   customSubTitle?: string;
-  transparentOverlay?: boolean;
 } & WidgetConfiguration;

packages/checkout/sdk/src/widgets/definitions/configurations/transfer.ts

@@ -5,6 +5,5 @@ import { WidgetConfiguration } from './widget';
  */
 export type TransferWidgetConfiguration = {
   customTitle?: string;
-  transparentOverlay?: boolean;
   showHeader?: boolean;
 } & WidgetConfiguration;

packages/checkout/widgets-lib/src/widgets/bridge/components/BridgeForm.tsx

@@ -5,7 +5,7 @@ import {
   OptionKey,
 } from '@biom3/react';
 import {
-  GetBalanceResult, WidgetTheme,
+  GetBalanceResult, ThemeOverrides, WidgetTheme,
 } from '@imtbl/checkout-sdk';
 import { parseUnits } from 'ethers';
 import {
@@ -49,8 +49,8 @@ interface BridgeFormProps {
   isTokenBalancesLoading?: boolean;
   defaultTokenImage: string;
   environment?: Environment;
-  theme?: WidgetTheme;
-  transparentOverlay: boolean;
+  theme: WidgetTheme;
+  themeOverrides: ThemeOverrides;
 }
 
 export function BridgeForm(props: BridgeFormProps) {
@@ -79,7 +79,7 @@ export function BridgeForm(props: BridgeFormProps) {
     defaultTokenImage,
     environment,
     theme,
-    transparentOverlay,
+    themeOverrides,
   } = props;
 
   const { track } = useAnalytics();
@@ -391,7 +391,7 @@ export function BridgeForm(props: BridgeFormProps) {
               defaultTokenImage={defaultTokenImage}
               environment={environment}
               theme={theme}
-              transparentOverlay={transparentOverlay}
+              themeOverrides={themeOverrides}
             />
             <TextInputForm
               testId="bridge-amount"

packages/checkout/widgets-lib/src/widgets/bridge/views/Bridge.tsx

@@ -4,7 +4,7 @@ import {
   useEffect,
   useState,
 } from 'react';
-import { TokenFilterTypes, WidgetTheme } from '@imtbl/checkout-sdk';
+import { ThemeOverrides, TokenFilterTypes, WidgetTheme } from '@imtbl/checkout-sdk';
 import { useTranslation } from 'react-i18next';
 import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { sendBridgeWidgetCloseEvent } from '../BridgeWidgetEvents';
@@ -24,15 +24,15 @@ export interface BridgeProps {
   tokenAddress?: string;
   defaultTokenImage: string;
   theme: WidgetTheme;
-  transparentOverlay: boolean;
+  themeOverrides: ThemeOverrides;
 }
 
 export function Bridge({
   amount,
   tokenAddress,
   defaultTokenImage,
   theme,
-  transparentOverlay,
+  themeOverrides,
 }: BridgeProps) {
   const { t } = useTranslation();
   const { bridgeState, bridgeDispatch } = useContext(BridgeContext);
@@ -125,7 +125,7 @@ export function Bridge({
         defaultTokenImage={defaultTokenImage}
         environment={checkout?.config.environment}
         theme={theme}
-        transparentOverlay={transparentOverlay}
+        themeOverrides={themeOverrides}
       />
     </SimpleLayout>
   );