@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.esm.js CHANGED
@@ -38029,8 +38029,8 @@ var Card = function Card(_ref) {
38029
38029
  backgroundColor: themeValues.imageBackgroundColor,
38030
38030
  src: imgSrc,
38031
38031
  alt: imgAltText
38032
- }), /*#__PURE__*/React.createElement("div", {
38033
- style: {
38032
+ }), /*#__PURE__*/React.createElement(Box, {
38033
+ extraStyles: {
38034
38034
  flexBasis: "100%"
38035
38035
  }
38036
38036
  }, text && /*#__PURE__*/React.createElement(CardText$1, {
@@ -40402,9 +40402,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40402
40402
  _ref$iconColor = _ref.iconColor,
40403
40403
  iconColor = _ref$iconColor === void 0 ? "" : _ref$iconColor,
40404
40404
  _ref$extraStyles = _ref.extraStyles,
40405
- extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
40406
- _ref$CustomIcon = _ref.CustomIcon,
40407
- CustomIcon = _ref$CustomIcon === void 0 ? null : _ref$CustomIcon;
40405
+ extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles;
40408
40406
 
40409
40407
  var handleKeyDown = function handleKeyDown(e) {
40410
40408
  if (e.keyCode === 13) {
@@ -40454,7 +40452,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40454
40452
  padding: "0",
40455
40453
  role: "heading",
40456
40454
  "aria-label": label,
40457
- "aria-level": 3
40455
+ "aria-level": 3,
40456
+ extraStyles: extraStyles
40458
40457
  }, /*#__PURE__*/React.createElement(Box, {
40459
40458
  padding: customPadding ? customPadding : "0",
40460
40459
  background: themeValues.headingBackgroundColor,
@@ -40483,9 +40482,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40483
40482
  }, title), /*#__PURE__*/React.createElement(Motion, {
40484
40483
  variants: icon,
40485
40484
  extraStyles: "display: flex; align-items: center;"
40486
- }, !!CustomIcon ? /*#__PURE__*/React.createElement(CustomIcon, {
40487
- color: iconColor
40488
- }) : /*#__PURE__*/React.createElement(ChevronIcon$1, {
40485
+ }, /*#__PURE__*/React.createElement(ChevronIcon$1, {
40489
40486
  color: iconColor
40490
40487
  }))))), /*#__PURE__*/React.createElement(AnimatePresence, {
40491
40488
  initial: false