@thecb/components 7.13.3-beta.14 → 7.13.3-beta.16

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
@@ -38018,7 +38018,9 @@ var Card = function Card(_ref) {
38018
38018
  borderRadius: borderRadius,
38019
38019
  padding: padding,
38020
38020
  as: headerAs
38021
- }), /*#__PURE__*/React__default.createElement(Stack, null, Image && !imgSrc && /*#__PURE__*/React__default.createElement(Box, {
38021
+ }), /*#__PURE__*/React__default.createElement(Stack, {
38022
+ direction: "row"
38023
+ }, Image && !imgSrc && /*#__PURE__*/React__default.createElement(Box, {
38022
38024
  minHeight: imgHeight,
38023
38025
  padding: "0",
38024
38026
  background: themeValues.imageBackgroundColor
@@ -38035,7 +38037,11 @@ var Card = function Card(_ref) {
38035
38037
  backgroundColor: themeValues.imageBackgroundColor,
38036
38038
  src: imgSrc,
38037
38039
  alt: imgAltText
38038
- }), /*#__PURE__*/React__default.createElement("div", null, text && /*#__PURE__*/React__default.createElement(CardText$1, {
38040
+ }), /*#__PURE__*/React__default.createElement(Box, {
38041
+ extraStyles: {
38042
+ flexBasis: "100%"
38043
+ }
38044
+ }, text && /*#__PURE__*/React__default.createElement(CardText$1, {
38039
38045
  padding: padding,
38040
38046
  titleText: titleText,
38041
38047
  text: text,
@@ -40404,9 +40410,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40404
40410
  _ref$iconColor = _ref.iconColor,
40405
40411
  iconColor = _ref$iconColor === void 0 ? "" : _ref$iconColor,
40406
40412
  _ref$extraStyles = _ref.extraStyles,
40407
- extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
40408
- _ref$CustomIcon = _ref.CustomIcon,
40409
- CustomIcon = _ref$CustomIcon === void 0 ? null : _ref$CustomIcon;
40413
+ extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles;
40410
40414
 
40411
40415
  var handleKeyDown = function handleKeyDown(e) {
40412
40416
  if (e.keyCode === 13) {
@@ -40456,7 +40460,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40456
40460
  padding: "0",
40457
40461
  role: "heading",
40458
40462
  "aria-label": label,
40459
- "aria-level": 3
40463
+ "aria-level": 3,
40464
+ extraStyles: extraStyles
40460
40465
  }, /*#__PURE__*/React__default.createElement(Box, {
40461
40466
  padding: customPadding ? customPadding : "0",
40462
40467
  background: themeValues.headingBackgroundColor,
@@ -40485,9 +40490,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40485
40490
  }, title), /*#__PURE__*/React__default.createElement(Motion, {
40486
40491
  variants: icon,
40487
40492
  extraStyles: "display: flex; align-items: center;"
40488
- }, !!CustomIcon ? /*#__PURE__*/React__default.createElement(CustomIcon, {
40489
- color: iconColor
40490
- }) : /*#__PURE__*/React__default.createElement(ChevronIcon$1, {
40493
+ }, /*#__PURE__*/React__default.createElement(ChevronIcon$1, {
40491
40494
  color: iconColor
40492
40495
  }))))), /*#__PURE__*/React__default.createElement(AnimatePresence, {
40493
40496
  initial: false