@stigg/react-sdk 4.7.1 → 4.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/checkout/configurations/theme.d.ts +3 -0
- package/dist/react-sdk.cjs.development.js +15 -4
- package/dist/react-sdk.cjs.development.js.map +1 -1
- package/dist/react-sdk.cjs.production.min.js +1 -1
- package/dist/react-sdk.cjs.production.min.js.map +1 -1
- package/dist/react-sdk.esm.js +15 -4
- package/dist/react-sdk.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/checkout/CheckoutContainer.tsx +10 -1
- package/src/components/checkout/configurations/theme.ts +6 -0
package/dist/react-sdk.esm.js
CHANGED
|
@@ -7573,7 +7573,10 @@ _remoteConfiguration) {
|
|
|
7573
7573
|
textColor: (themeOverride == null ? void 0 : themeOverride.textColor) || (globalPalette == null ? void 0 : globalPalette.text.primary) || defaultCheckoutTheme.textColor,
|
|
7574
7574
|
backgroundColor: (themeOverride == null ? void 0 : themeOverride.backgroundColor) || (globalPalette == null ? void 0 : globalPalette.backgroundPaper) || defaultCheckoutTheme.backgroundColor,
|
|
7575
7575
|
borderColor: (themeOverride == null ? void 0 : themeOverride.borderColor) || (globalPalette == null ? void 0 : globalPalette.outlinedBorder) || defaultCheckoutTheme.borderColor,
|
|
7576
|
-
summaryBackgroundColor: (themeOverride == null ? void 0 : themeOverride.summaryBackgroundColor) || (globalPalette == null ? void 0 : globalPalette.backgroundHighlight) || defaultCheckoutTheme.summaryBackgroundColor
|
|
7576
|
+
summaryBackgroundColor: (themeOverride == null ? void 0 : themeOverride.summaryBackgroundColor) || (globalPalette == null ? void 0 : globalPalette.backgroundHighlight) || defaultCheckoutTheme.summaryBackgroundColor,
|
|
7577
|
+
paymentInputBackgroundColor: themeOverride == null ? void 0 : themeOverride.paymentInputBackgroundColor,
|
|
7578
|
+
paymentInputBorderColor: themeOverride == null ? void 0 : themeOverride.paymentInputBorderColor,
|
|
7579
|
+
paymentInputBorderRadius: themeOverride == null ? void 0 : themeOverride.paymentInputBorderRadius
|
|
7577
7580
|
};
|
|
7578
7581
|
}
|
|
7579
7582
|
|
|
@@ -14104,7 +14107,8 @@ function CheckoutContainer(_ref2) {
|
|
|
14104
14107
|
var _useCheckoutContext = useCheckoutContext(),
|
|
14105
14108
|
_useCheckoutContext$ = _useCheckoutContext[0],
|
|
14106
14109
|
stiggTheme = _useCheckoutContext$.stiggTheme,
|
|
14107
|
-
widgetState = _useCheckoutContext$.widgetState
|
|
14110
|
+
widgetState = _useCheckoutContext$.widgetState,
|
|
14111
|
+
theme = _useCheckoutContext$.theme;
|
|
14108
14112
|
|
|
14109
14113
|
var _useProgressBarModel = useProgressBarModel(),
|
|
14110
14114
|
currentStep = _useProgressBarModel.currentStep;
|
|
@@ -14153,8 +14157,15 @@ function CheckoutContainer(_ref2) {
|
|
|
14153
14157
|
colorText: stiggTheme.palette.text.primary,
|
|
14154
14158
|
colorPrimaryText: stiggTheme.palette.text.primary,
|
|
14155
14159
|
colorTextPlaceholder: stiggTheme.palette.text.disabled,
|
|
14156
|
-
fontFamily: stiggTheme.typography.fontFamily
|
|
14157
|
-
|
|
14160
|
+
fontFamily: stiggTheme.typography.fontFamily,
|
|
14161
|
+
colorBackground: theme == null ? void 0 : theme.paymentInputBackgroundColor,
|
|
14162
|
+
borderRadius: theme == null ? void 0 : theme.paymentInputBorderRadius
|
|
14163
|
+
},
|
|
14164
|
+
rules: theme != null && theme.paymentInputBorderColor ? {
|
|
14165
|
+
'.Input': {
|
|
14166
|
+
borderColor: theme == null ? void 0 : theme.paymentInputBorderColor
|
|
14167
|
+
}
|
|
14168
|
+
} : undefined
|
|
14158
14169
|
}
|
|
14159
14170
|
})
|
|
14160
14171
|
}, React__default.createElement(CheckoutLayout, {
|