@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.esm.js
CHANGED
|
@@ -6221,12 +6221,14 @@ var BoxWrapper = styled(function (_ref) {
|
|
|
6221
6221
|
}).withConfig({
|
|
6222
6222
|
displayName: "Boxstyled__BoxWrapper",
|
|
6223
6223
|
componentId: "sc-1f9ij0d-0"
|
|
6224
|
-
})(["position:relative;box-sizing:border-box;padding:", ";border:", ";box-shadow:", ";background-color:", ";min-height:", ";
|
|
6224
|
+
})(["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) {
|
|
6225
6225
|
var padding = _ref2.padding;
|
|
6226
6226
|
return padding;
|
|
6227
6227
|
}, function (_ref3) {
|
|
6228
|
-
var border = _ref3.border
|
|
6229
|
-
|
|
6228
|
+
var border = _ref3.border,
|
|
6229
|
+
borderSize = _ref3.borderSize,
|
|
6230
|
+
borderColor = _ref3.borderColor;
|
|
6231
|
+
return border ? border : "".concat(borderSize, " solid ").concat(borderColor);
|
|
6230
6232
|
}, function (_ref4) {
|
|
6231
6233
|
var boxShadow = _ref4.boxShadow;
|
|
6232
6234
|
return boxShadow;
|
|
@@ -6238,7 +6240,7 @@ var BoxWrapper = styled(function (_ref) {
|
|
|
6238
6240
|
return minHeight ? minHeight : "auto";
|
|
6239
6241
|
}, function (_ref7) {
|
|
6240
6242
|
var width = _ref7.width;
|
|
6241
|
-
return width;
|
|
6243
|
+
return width && "width: ".concat(width, ";");
|
|
6242
6244
|
}, function (_ref8) {
|
|
6243
6245
|
var minWidth = _ref8.minWidth;
|
|
6244
6246
|
return minWidth ? minWidth : "auto";
|
|
@@ -40369,7 +40371,7 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
40369
40371
|
toggleModal(true);
|
|
40370
40372
|
},
|
|
40371
40373
|
dataQa: "Turn off Autopay",
|
|
40372
|
-
extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "flex-grow: 1; min-width: 165px;"
|
|
40374
|
+
extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;"
|
|
40373
40375
|
});
|
|
40374
40376
|
}
|
|
40375
40377
|
|
|
@@ -40637,7 +40639,9 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
40637
40639
|
borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
|
|
40638
40640
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
40639
40641
|
childGap: autoPayEnabled ? "8px" : "0",
|
|
40640
|
-
nowrap: true
|
|
40642
|
+
nowrap: true,
|
|
40643
|
+
justify: isMobile && autoPayEnabled && "center",
|
|
40644
|
+
align: isMobile && autoPayEnabled && "center"
|
|
40641
40645
|
}, autoPayEnabled && /*#__PURE__*/React.createElement(Box, {
|
|
40642
40646
|
padding: "0",
|
|
40643
40647
|
extraStyles: "flex-grow: 1;"
|
|
@@ -42468,7 +42472,7 @@ var TabSidebar = function TabSidebar(_ref) {
|
|
|
42468
42472
|
themeValues = _ref.themeValues;
|
|
42469
42473
|
return /*#__PURE__*/React.createElement(Box, {
|
|
42470
42474
|
padding: "0",
|
|
42471
|
-
background:
|
|
42475
|
+
background: COOL_GREY_05,
|
|
42472
42476
|
minHeight: "100%",
|
|
42473
42477
|
role: "region",
|
|
42474
42478
|
"aria-label": "Profile tabs",
|