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