@thecb/components 5.8.2-beta.8 → 5.9.0-beta.1
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/index.cjs.js +11 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +11 -7
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/layouts/Box.styled.js +3 -2
- package/src/components/molecules/obligation/modules/AutopayModalModule.js +1 -1
- package/src/components/molecules/obligation/modules/InactiveControlsModule.js +6 -1
- package/src/components/molecules/tab-sidebar/TabSidebar.js +3 -2
package/dist/index.cjs.js
CHANGED
|
@@ -6229,12 +6229,14 @@ var BoxWrapper = styled__default(function (_ref) {
|
|
|
6229
6229
|
}).withConfig({
|
|
6230
6230
|
displayName: "Boxstyled__BoxWrapper",
|
|
6231
6231
|
componentId: "sc-1f9ij0d-0"
|
|
6232
|
-
})(["position:relative;box-sizing:border-box;padding:", ";border:", ";box-shadow:", ";background-color:", ";min-height:", ";
|
|
6232
|
+
})(["position:relative;box-sizing:border-box;padding:", ";border:", ";box-shadow:", ";background-color:", ";min-height:", ";", " min-width:", ";max-width:", ";color:", ";border-radius:", ";border-width:", ";text-align:", ";&:hover{", "}&:focus{", "}&:active{", "}&:disabled{", "}& *{color:", ";}", " ", ""], function (_ref2) {
|
|
6233
6233
|
var padding = _ref2.padding;
|
|
6234
6234
|
return padding;
|
|
6235
6235
|
}, function (_ref3) {
|
|
6236
|
-
var border = _ref3.border
|
|
6237
|
-
|
|
6236
|
+
var border = _ref3.border,
|
|
6237
|
+
borderSize = _ref3.borderSize,
|
|
6238
|
+
borderColor = _ref3.borderColor;
|
|
6239
|
+
return border ? border : "".concat(borderSize, " solid ").concat(borderColor);
|
|
6238
6240
|
}, function (_ref4) {
|
|
6239
6241
|
var boxShadow = _ref4.boxShadow;
|
|
6240
6242
|
return boxShadow;
|
|
@@ -6246,7 +6248,7 @@ var BoxWrapper = styled__default(function (_ref) {
|
|
|
6246
6248
|
return minHeight ? minHeight : "auto";
|
|
6247
6249
|
}, function (_ref7) {
|
|
6248
6250
|
var width = _ref7.width;
|
|
6249
|
-
return width;
|
|
6251
|
+
return width && "width: ".concat(width, ";");
|
|
6250
6252
|
}, function (_ref8) {
|
|
6251
6253
|
var minWidth = _ref8.minWidth;
|
|
6252
6254
|
return minWidth ? minWidth : "auto";
|
|
@@ -40377,7 +40379,7 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
40377
40379
|
toggleModal(true);
|
|
40378
40380
|
},
|
|
40379
40381
|
dataQa: "Turn off Autopay",
|
|
40380
|
-
extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "flex-grow: 1; min-width: 165px;"
|
|
40382
|
+
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;"
|
|
40381
40383
|
});
|
|
40382
40384
|
}
|
|
40383
40385
|
|
|
@@ -40645,7 +40647,9 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
40645
40647
|
borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
|
|
40646
40648
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
40647
40649
|
childGap: autoPayEnabled ? "8px" : "0",
|
|
40648
|
-
nowrap: true
|
|
40650
|
+
nowrap: true,
|
|
40651
|
+
justify: isMobile && autoPayEnabled && "center",
|
|
40652
|
+
align: isMobile && autoPayEnabled && "center"
|
|
40649
40653
|
}, autoPayEnabled && /*#__PURE__*/React__default.createElement(Box, {
|
|
40650
40654
|
padding: "0",
|
|
40651
40655
|
extraStyles: "flex-grow: 1;"
|
|
@@ -42476,7 +42480,7 @@ var TabSidebar = function TabSidebar(_ref) {
|
|
|
42476
42480
|
themeValues = _ref.themeValues;
|
|
42477
42481
|
return /*#__PURE__*/React__default.createElement(Box, {
|
|
42478
42482
|
padding: "0",
|
|
42479
|
-
background:
|
|
42483
|
+
background: COOL_GREY_05,
|
|
42480
42484
|
minHeight: "100%",
|
|
42481
42485
|
role: "region",
|
|
42482
42486
|
"aria-label": "Profile tabs",
|