@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.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:", ";width:", " min-width:", ";max-width:", ";color:", ";border-radius:", ";border-width:", ";text-align:", ";&:hover{", "}&:focus{", "}&:active{", "}&:disabled{", "}& *{color:", ";}", " ", ""], function (_ref2) {
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
- return border;
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";
@@ -40636,7 +40638,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
40636
40638
  border: isMobile ? "1px solid ".concat(GHOST_GREY) : "0px",
40637
40639
  borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
40638
40640
  }, /*#__PURE__*/React.createElement(Cluster, {
40639
- childGap: autopayEnabled ? "8px" : "0",
40641
+ childGap: autoPayEnabled ? "8px" : "0",
40640
40642
  nowrap: true
40641
40643
  }, autoPayEnabled && /*#__PURE__*/React.createElement(Box, {
40642
40644
  padding: "0",
@@ -42468,7 +42470,7 @@ var TabSidebar = function TabSidebar(_ref) {
42468
42470
  themeValues = _ref.themeValues;
42469
42471
  return /*#__PURE__*/React.createElement(Box, {
42470
42472
  padding: "0",
42471
- background: ATHENS_GREY,
42473
+ background: COOL_GREY_05,
42472
42474
  minHeight: "100%",
42473
42475
  role: "region",
42474
42476
  "aria-label": "Profile tabs",