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