@stigg/react-sdk 4.7.1 → 4.8.0

package/dist/components/checkout/configurations/theme.d.ts

@@ -7,5 +7,8 @@ export declare type CheckoutTheme = {
     backgroundColor: string;
     borderColor: string;
     summaryBackgroundColor: string;
+    paymentInputBackgroundColor?: string;
+    paymentInputBorderColor?: string;
+    paymentInputBorderRadius?: string;
 };
 export declare function getResolvedCheckoutTheme(globalTheme: StiggTheme, themeOverride?: DeepPartial<CheckoutTheme>, _remoteConfiguration?: CheckoutConfiguration | null): CheckoutTheme;

package/dist/react-sdk.cjs.development.js

@@ -7319,7 +7319,10 @@ _remoteConfiguration) {
     textColor: (themeOverride == null ? void 0 : themeOverride.textColor) || (globalPalette == null ? void 0 : globalPalette.text.primary) || defaultCheckoutTheme.textColor,
     backgroundColor: (themeOverride == null ? void 0 : themeOverride.backgroundColor) || (globalPalette == null ? void 0 : globalPalette.backgroundPaper) || defaultCheckoutTheme.backgroundColor,
     borderColor: (themeOverride == null ? void 0 : themeOverride.borderColor) || (globalPalette == null ? void 0 : globalPalette.outlinedBorder) || defaultCheckoutTheme.borderColor,
-    summaryBackgroundColor: (themeOverride == null ? void 0 : themeOverride.summaryBackgroundColor) || (globalPalette == null ? void 0 : globalPalette.backgroundHighlight) || defaultCheckoutTheme.summaryBackgroundColor
+    summaryBackgroundColor: (themeOverride == null ? void 0 : themeOverride.summaryBackgroundColor) || (globalPalette == null ? void 0 : globalPalette.backgroundHighlight) || defaultCheckoutTheme.summaryBackgroundColor,
+    paymentInputBackgroundColor: themeOverride == null ? void 0 : themeOverride.paymentInputBackgroundColor,
+    paymentInputBorderColor: themeOverride == null ? void 0 : themeOverride.paymentInputBorderColor,
+    paymentInputBorderRadius: themeOverride == null ? void 0 : themeOverride.paymentInputBorderRadius
   };
 }
 
@@ -13667,7 +13670,8 @@ function CheckoutContainer(_ref2) {
   var _useCheckoutContext = useCheckoutContext(),
       _useCheckoutContext$ = _useCheckoutContext[0],
       stiggTheme = _useCheckoutContext$.stiggTheme,
-      widgetState = _useCheckoutContext$.widgetState;
+      widgetState = _useCheckoutContext$.widgetState,
+      theme = _useCheckoutContext$.theme;
 
   var _useProgressBarModel = useProgressBarModel(),
       currentStep = _useProgressBarModel.currentStep;
@@ -13716,8 +13720,15 @@ function CheckoutContainer(_ref2) {
           colorText: stiggTheme.palette.text.primary,
           colorPrimaryText: stiggTheme.palette.text.primary,
           colorTextPlaceholder: stiggTheme.palette.text.disabled,
-          fontFamily: stiggTheme.typography.fontFamily
-        }
+          fontFamily: stiggTheme.typography.fontFamily,
+          colorBackground: theme == null ? void 0 : theme.paymentInputBackgroundColor,
+          borderRadius: theme == null ? void 0 : theme.paymentInputBorderRadius
+        },
+        rules: theme != null && theme.paymentInputBorderColor ? {
+          '.Input': {
+            borderColor: theme == null ? void 0 : theme.paymentInputBorderColor
+          }
+        } : undefined
       }
     })
   }, React__default.createElement(CheckoutLayout, {