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