@thecb/components 7.0.2-beta.2 → 7.0.2-beta.3
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 +6 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +6 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/collapsible-section/CollapsibleSection.js +3 -2
- package/src/components/molecules/collapsible-section/index.d.ts +1 -0
package/dist/index.cjs.js
CHANGED
|
@@ -35281,8 +35281,7 @@ var fallbackValues$y = {
|
|
|
35281
35281
|
var NavTab = function NavTab(_ref) {
|
|
35282
35282
|
var path = _ref.path,
|
|
35283
35283
|
label = _ref.label,
|
|
35284
|
-
themeValues = _ref.themeValues
|
|
35285
|
-
minWidth = _ref.minWidth;
|
|
35284
|
+
themeValues = _ref.themeValues;
|
|
35286
35285
|
|
|
35287
35286
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
35288
35287
|
isMobile = _useContext.isMobile;
|
|
@@ -35310,16 +35309,13 @@ var NavTab$1 = themeComponent(NavTab, "NavTab", fallbackValues$y);
|
|
|
35310
35309
|
|
|
35311
35310
|
var NavTabs = function NavTabs(_ref) {
|
|
35312
35311
|
var tabsConfig = _ref.tabsConfig,
|
|
35313
|
-
tabGap = _ref.tabGap
|
|
35314
|
-
_ref$tabMinWidth = _ref.tabMinWidth,
|
|
35315
|
-
tabMinWidth = _ref$tabMinWidth === void 0 ? "100px" : _ref$tabMinWidth;
|
|
35312
|
+
tabGap = _ref.tabGap;
|
|
35316
35313
|
|
|
35317
35314
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
35318
35315
|
isMobile = _useContext.isMobile;
|
|
35319
35316
|
|
|
35320
35317
|
var tabs = tabsConfig.map(function (tabConfig) {
|
|
35321
35318
|
return /*#__PURE__*/React__default.createElement(NavTab$1, _extends({
|
|
35322
|
-
minWidth: tabMinWidth,
|
|
35323
35319
|
key: tabConfig.path
|
|
35324
35320
|
}, tabConfig));
|
|
35325
35321
|
});
|
|
@@ -37445,7 +37441,9 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
37445
37441
|
_ref$name = _ref.name,
|
|
37446
37442
|
name = _ref$name === void 0 ? "" : _ref$name,
|
|
37447
37443
|
_ref$index = _ref.index,
|
|
37448
|
-
index = _ref$index === void 0 ? 1 : _ref$index
|
|
37444
|
+
index = _ref$index === void 0 ? 1 : _ref$index,
|
|
37445
|
+
_ref$overflowY = _ref.overflowY,
|
|
37446
|
+
overflowY = _ref$overflowY === void 0 ? "hidden" : _ref$overflowY;
|
|
37449
37447
|
|
|
37450
37448
|
var handleKeyDown = function handleKeyDown(e) {
|
|
37451
37449
|
if (e.keyCode === 13) {
|
|
@@ -37534,7 +37532,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
37534
37532
|
initial: initiallyOpen ? "open" : "closed",
|
|
37535
37533
|
exit: "closed",
|
|
37536
37534
|
variants: wrapper,
|
|
37537
|
-
extraStyles: "transform-origin: 100% 0; overflow-y:
|
|
37535
|
+
extraStyles: "transform-origin: 100% 0; overflow-y: ".concat(overflowY, ";"),
|
|
37538
37536
|
id: "".concat(id, "-content"),
|
|
37539
37537
|
role: "region",
|
|
37540
37538
|
"aria-labelledby": "".concat(id, "-button")
|