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

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,
@@ -37395,15 +37395,20 @@ var Banner = function Banner(_ref) {
37395
37395
  }, /*#__PURE__*/React.createElement(Cluster, {
37396
37396
  childGap: isMobile ? mobileContentSpacing : contentSpacing,
37397
37397
  justify: "center",
37398
- align: "center"
37398
+ align: "center",
37399
+ nowrap: true
37400
+ }, /*#__PURE__*/React.createElement(Box, {
37401
+ padding: "0",
37402
+ maxWidth: isMobile && "54%"
37399
37403
  }, /*#__PURE__*/React.createElement(Stack, {
37400
37404
  childGap: "0"
37401
37405
  }, /*#__PURE__*/React.createElement(Title$1, {
37402
37406
  variant: "small",
37403
37407
  as: "h2",
37404
37408
  weight: FONT_WEIGHT_SEMIBOLD
37405
- }, heading), /*#__PURE__*/React.createElement(Paragraph$1, null, subHeading)), /*#__PURE__*/React.createElement(Box, {
37406
- padding: "0"
37409
+ }, heading), /*#__PURE__*/React.createElement(Paragraph$1, null, subHeading))), /*#__PURE__*/React.createElement(Box, {
37410
+ padding: "0",
37411
+ extraStyles: isMobile && "> svg { width: 176px; }"
37407
37412
  }, /*#__PURE__*/React.createElement(Image, null))));
37408
37413
  };
37409
37414