@thecb/components 7.13.3-beta.15 → 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
@@ -38037,8 +38037,8 @@ var Card = function Card(_ref) {
38037
38037
  backgroundColor: themeValues.imageBackgroundColor,
38038
38038
  src: imgSrc,
38039
38039
  alt: imgAltText
38040
- }), /*#__PURE__*/React__default.createElement("div", {
38041
- style: {
38040
+ }), /*#__PURE__*/React__default.createElement(Box, {
38041
+ extraStyles: {
38042
38042
  flexBasis: "100%"
38043
38043
  }
38044
38044
  }, text && /*#__PURE__*/React__default.createElement(CardText$1, {
@@ -40410,9 +40410,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40410
40410
  _ref$iconColor = _ref.iconColor,
40411
40411
  iconColor = _ref$iconColor === void 0 ? "" : _ref$iconColor,
40412
40412
  _ref$extraStyles = _ref.extraStyles,
40413
- extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
40414
- _ref$CustomIcon = _ref.CustomIcon,
40415
- CustomIcon = _ref$CustomIcon === void 0 ? null : _ref$CustomIcon;
40413
+ extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles;
40416
40414
 
40417
40415
  var handleKeyDown = function handleKeyDown(e) {
40418
40416
  if (e.keyCode === 13) {
@@ -40462,7 +40460,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40462
40460
  padding: "0",
40463
40461
  role: "heading",
40464
40462
  "aria-label": label,
40465
- "aria-level": 3
40463
+ "aria-level": 3,
40464
+ extraStyles: extraStyles
40466
40465
  }, /*#__PURE__*/React__default.createElement(Box, {
40467
40466
  padding: customPadding ? customPadding : "0",
40468
40467
  background: themeValues.headingBackgroundColor,
@@ -40491,9 +40490,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40491
40490
  }, title), /*#__PURE__*/React__default.createElement(Motion, {
40492
40491
  variants: icon,
40493
40492
  extraStyles: "display: flex; align-items: center;"
40494
- }, !!CustomIcon ? /*#__PURE__*/React__default.createElement(CustomIcon, {
40495
- color: iconColor
40496
- }) : /*#__PURE__*/React__default.createElement(ChevronIcon$1, {
40493
+ }, /*#__PURE__*/React__default.createElement(ChevronIcon$1, {
40497
40494
  color: iconColor
40498
40495
  }))))), /*#__PURE__*/React__default.createElement(AnimatePresence, {
40499
40496
  initial: false