@thecb/components 5.8.2-beta.7 → 5.9.0-beta.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/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:", ";width:", " min-width:", ";max-width:", ";color:", ";border-radius:", ";border-width:", ";text-align:", ";&:hover{", "}&:focus{", "}&:active{", "}&:disabled{", "}& *{color:", ";}", " ", ""], function (_ref2) {
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
- return border;
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";
@@ -40644,7 +40646,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
40644
40646
  border: isMobile ? "1px solid ".concat(GHOST_GREY) : "0px",
40645
40647
  borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
40646
40648
  }, /*#__PURE__*/React__default.createElement(Cluster, {
40647
- childGap: autopayEnabled ? "8px" : "0",
40649
+ childGap: autoPayEnabled ? "8px" : "0",
40648
40650
  nowrap: true
40649
40651
  }, autoPayEnabled && /*#__PURE__*/React__default.createElement(Box, {
40650
40652
  padding: "0",
@@ -42476,7 +42478,7 @@ var TabSidebar = function TabSidebar(_ref) {
42476
42478
  themeValues = _ref.themeValues;
42477
42479
  return /*#__PURE__*/React__default.createElement(Box, {
42478
42480
  padding: "0",
42479
- background: ATHENS_GREY,
42481
+ background: COOL_GREY_05,
42480
42482
  minHeight: "100%",
42481
42483
  role: "region",
42482
42484
  "aria-label": "Profile tabs",