@thecb/components 7.13.3-beta.4 → 7.13.3-beta.6
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 +7 -11
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7 -11
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/icons/ChevronIconWhite.js +55 -0
- package/src/components/molecules/collapsible-section/CollapsibleSection.js +6 -8
package/dist/index.esm.js
CHANGED
|
@@ -40393,10 +40393,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
40393
40393
|
name = _ref$name === void 0 ? "" : _ref$name,
|
|
40394
40394
|
_ref$index = _ref.index,
|
|
40395
40395
|
index = _ref$index === void 0 ? 1 : _ref$index,
|
|
40396
|
-
_ref$headerEl = _ref.headerEl,
|
|
40397
|
-
headerEl = _ref$headerEl === void 0 ? null : _ref$headerEl,
|
|
40398
40396
|
_ref$iconColor = _ref.iconColor,
|
|
40399
|
-
iconColor = _ref$iconColor === void 0 ?
|
|
40397
|
+
iconColor = _ref$iconColor === void 0 ? "" : _ref$iconColor;
|
|
40400
40398
|
|
|
40401
40399
|
var handleKeyDown = function handleKeyDown(e) {
|
|
40402
40400
|
if (e.keyCode === 13) {
|
|
@@ -40456,7 +40454,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
40456
40454
|
hoverStyles: "cursor: pointer;",
|
|
40457
40455
|
tabIndex: "0",
|
|
40458
40456
|
onKeyDown: handleKeyDown,
|
|
40459
|
-
extraStyles: "z-index: 25;",
|
|
40457
|
+
extraStyles: "z-index: 25;".concat(extraStyles),
|
|
40460
40458
|
role: "button",
|
|
40461
40459
|
"aria-expanded": isOpen.toString(),
|
|
40462
40460
|
"aria-controls": id,
|
|
@@ -40466,19 +40464,17 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
40466
40464
|
align: "center"
|
|
40467
40465
|
}, customTitle ? /*#__PURE__*/React.createElement(Box, {
|
|
40468
40466
|
width: "calc(100% - 36px)",
|
|
40469
|
-
padding: "
|
|
40470
|
-
|
|
40471
|
-
}, headerEl ? headerEl : title) : /*#__PURE__*/React.createElement(Title$1, {
|
|
40467
|
+
padding: "0"
|
|
40468
|
+
}, title) : /*#__PURE__*/React.createElement(Title$1, {
|
|
40472
40469
|
weight: FONT_WEIGHT_SEMIBOLD,
|
|
40473
40470
|
color: themeValues.titleColor,
|
|
40474
40471
|
as: "h6",
|
|
40475
|
-
variant: "small"
|
|
40476
|
-
|
|
40477
|
-
}, headerEl ? headerEl : title), /*#__PURE__*/React.createElement(Motion, {
|
|
40472
|
+
variant: "small"
|
|
40473
|
+
}, title), /*#__PURE__*/React.createElement(Motion, {
|
|
40478
40474
|
variants: icon,
|
|
40479
40475
|
extraStyles: "display: flex; align-items: center;"
|
|
40480
40476
|
}, /*#__PURE__*/React.createElement(ChevronIcon$1, {
|
|
40481
|
-
color: iconColor ||
|
|
40477
|
+
color: iconColor || inherit
|
|
40482
40478
|
}))))), /*#__PURE__*/React.createElement(AnimatePresence, {
|
|
40483
40479
|
initial: false
|
|
40484
40480
|
}, isOpen && /*#__PURE__*/React.createElement(Motion, {
|