@thecb/components 7.13.3-beta.4 → 7.13.3-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.cjs.js CHANGED
@@ -40404,7 +40404,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40404
40404
  _ref$headerEl = _ref.headerEl,
40405
40405
  headerEl = _ref$headerEl === void 0 ? null : _ref$headerEl,
40406
40406
  _ref$iconColor = _ref.iconColor,
40407
- iconColor = _ref$iconColor === void 0 ? null : _ref$iconColor;
40407
+ iconColor = _ref$iconColor === void 0 ? null : _ref$iconColor,
40408
+ extraStyles = _ref.extraStyles;
40408
40409
 
40409
40410
  var handleKeyDown = function handleKeyDown(e) {
40410
40411
  if (e.keyCode === 13) {
@@ -40464,7 +40465,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40464
40465
  hoverStyles: "cursor: pointer;",
40465
40466
  tabIndex: "0",
40466
40467
  onKeyDown: handleKeyDown,
40467
- extraStyles: "z-index: 25;",
40468
+ extraStyles: "z-index: 25;".concat(extraStyles),
40468
40469
  role: "button",
40469
40470
  "aria-expanded": isOpen.toString(),
40470
40471
  "aria-controls": id,
@@ -40474,15 +40475,13 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40474
40475
  align: "center"
40475
40476
  }, customTitle ? /*#__PURE__*/React__default.createElement(Box, {
40476
40477
  width: "calc(100% - 36px)",
40477
- padding: "0px",
40478
- id: "cristin"
40478
+ padding: "0px"
40479
40479
  }, headerEl ? headerEl : title) : /*#__PURE__*/React__default.createElement(Title$1, {
40480
40480
  weight: FONT_WEIGHT_SEMIBOLD,
40481
40481
  color: themeValues.titleColor,
40482
40482
  as: "h6",
40483
- variant: "small",
40484
- id: "cristin"
40485
- }, headerEl ? headerEl : title), /*#__PURE__*/React__default.createElement(Motion, {
40483
+ variant: "small"
40484
+ }, title), /*#__PURE__*/React__default.createElement(Motion, {
40486
40485
  variants: icon,
40487
40486
  extraStyles: "display: flex; align-items: center;"
40488
40487
  }, /*#__PURE__*/React__default.createElement(ChevronIcon$1, {