@thecb/components 7.13.3-beta.3 → 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.esm.js CHANGED
@@ -40396,7 +40396,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40396
40396
  _ref$headerEl = _ref.headerEl,
40397
40397
  headerEl = _ref$headerEl === void 0 ? null : _ref$headerEl,
40398
40398
  _ref$iconColor = _ref.iconColor,
40399
- iconColor = _ref$iconColor === void 0 ? null : _ref$iconColor;
40399
+ iconColor = _ref$iconColor === void 0 ? null : _ref$iconColor,
40400
+ extraStyles = _ref.extraStyles;
40400
40401
 
40401
40402
  var handleKeyDown = function handleKeyDown(e) {
40402
40403
  if (e.keyCode === 13) {
@@ -40456,7 +40457,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40456
40457
  hoverStyles: "cursor: pointer;",
40457
40458
  tabIndex: "0",
40458
40459
  onKeyDown: handleKeyDown,
40459
- extraStyles: "z-index: 25;",
40460
+ extraStyles: "z-index: 25;".concat(extraStyles),
40460
40461
  role: "button",
40461
40462
  "aria-expanded": isOpen.toString(),
40462
40463
  "aria-controls": id,
@@ -40466,15 +40467,13 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40466
40467
  align: "center"
40467
40468
  }, customTitle ? /*#__PURE__*/React.createElement(Box, {
40468
40469
  width: "calc(100% - 36px)",
40469
- padding: "0px",
40470
- id: "cristin"
40470
+ padding: "0px"
40471
40471
  }, headerEl ? headerEl : title) : /*#__PURE__*/React.createElement(Title$1, {
40472
40472
  weight: FONT_WEIGHT_SEMIBOLD,
40473
40473
  color: themeValues.titleColor,
40474
40474
  as: "h6",
40475
- variant: "small",
40476
- id: "cristin"
40477
- }, headerEl ? headerEl : title), /*#__PURE__*/React.createElement(Motion, {
40475
+ variant: "small"
40476
+ }, title), /*#__PURE__*/React.createElement(Motion, {
40478
40477
  variants: icon,
40479
40478
  extraStyles: "display: flex; align-items: center;"
40480
40479
  }, /*#__PURE__*/React.createElement(ChevronIcon$1, {