@thecb/components 7.2.0-beta.3 → 7.2.0-beta.4

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
@@ -37370,9 +37370,9 @@ var Banner = function Banner(_ref) {
37370
37370
  subHeading = _ref.subHeading,
37371
37371
  Image = _ref.image,
37372
37372
  _ref$padding = _ref.padding,
37373
- padding = _ref$padding === void 0 ? "1.5rem 0.5rem" : _ref$padding,
37373
+ padding = _ref$padding === void 0 ? "0.5rem 1.5rem" : _ref$padding,
37374
37374
  _ref$mobilePadding = _ref.mobilePadding,
37375
- mobilePadding = _ref$mobilePadding === void 0 ? "1rem 0.5rem" : _ref$mobilePadding,
37375
+ mobilePadding = _ref$mobilePadding === void 0 ? "0.5rem 1rem" : _ref$mobilePadding,
37376
37376
  _ref$minWidth = _ref.minWidth,
37377
37377
  minWidth = _ref$minWidth === void 0 ? "100%" : _ref$minWidth,
37378
37378
  _ref$minHeight = _ref.minHeight,
@@ -37396,14 +37396,18 @@ var Banner = function Banner(_ref) {
37396
37396
  childGap: isMobile ? mobileContentSpacing : contentSpacing,
37397
37397
  justify: "center",
37398
37398
  align: "center"
37399
+ }, /*#__PURE__*/React.createElement(Box, {
37400
+ padding: "0",
37401
+ maxWidth: isMobile && "54%"
37399
37402
  }, /*#__PURE__*/React.createElement(Stack, {
37400
37403
  childGap: "0"
37401
37404
  }, /*#__PURE__*/React.createElement(Title$1, {
37402
37405
  variant: "small",
37403
37406
  as: "h2",
37404
37407
  weight: FONT_WEIGHT_SEMIBOLD
37405
- }, heading), /*#__PURE__*/React.createElement(Paragraph$1, null, subHeading)), /*#__PURE__*/React.createElement(Box, {
37406
- padding: "0"
37408
+ }, heading), /*#__PURE__*/React.createElement(Paragraph$1, null, subHeading))), /*#__PURE__*/React.createElement(Box, {
37409
+ padding: "0",
37410
+ extraStyles: isMobile && "> svg { width: 176px; }"
37407
37411
  }, /*#__PURE__*/React.createElement(Image, null))));
37408
37412
  };
37409
37413