@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.d.ts
CHANGED
|
@@ -231,7 +231,6 @@ declare const NavHeader: React.FC<Expand<NavHeaderProps> &
|
|
|
231
231
|
interface NavTabsProps {
|
|
232
232
|
tabsConfig: Array<{ path: string; label: string }>;
|
|
233
233
|
tabGap?: string;
|
|
234
|
-
tabMinWidth?: string;
|
|
235
234
|
}
|
|
236
235
|
|
|
237
236
|
declare const NavTabs: React.FC<Expand<NavTabsProps> &
|
|
@@ -297,6 +296,7 @@ interface CollapsibleSectionProps {
|
|
|
297
296
|
sectionGap?: string;
|
|
298
297
|
name?: string;
|
|
299
298
|
index?: number;
|
|
299
|
+
overflowY?: string;
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
declare const CollapsibleSection: React.FC<Expand<CollapsibleSectionProps> &
|
package/dist/index.esm.js
CHANGED
|
@@ -35273,8 +35273,7 @@ var fallbackValues$y = {
|
|
|
35273
35273
|
var NavTab = function NavTab(_ref) {
|
|
35274
35274
|
var path = _ref.path,
|
|
35275
35275
|
label = _ref.label,
|
|
35276
|
-
themeValues = _ref.themeValues
|
|
35277
|
-
minWidth = _ref.minWidth;
|
|
35276
|
+
themeValues = _ref.themeValues;
|
|
35278
35277
|
|
|
35279
35278
|
var _useContext = useContext(ThemeContext),
|
|
35280
35279
|
isMobile = _useContext.isMobile;
|
|
@@ -35302,16 +35301,13 @@ var NavTab$1 = themeComponent(NavTab, "NavTab", fallbackValues$y);
|
|
|
35302
35301
|
|
|
35303
35302
|
var NavTabs = function NavTabs(_ref) {
|
|
35304
35303
|
var tabsConfig = _ref.tabsConfig,
|
|
35305
|
-
tabGap = _ref.tabGap
|
|
35306
|
-
_ref$tabMinWidth = _ref.tabMinWidth,
|
|
35307
|
-
tabMinWidth = _ref$tabMinWidth === void 0 ? "100px" : _ref$tabMinWidth;
|
|
35304
|
+
tabGap = _ref.tabGap;
|
|
35308
35305
|
|
|
35309
35306
|
var _useContext = useContext(ThemeContext),
|
|
35310
35307
|
isMobile = _useContext.isMobile;
|
|
35311
35308
|
|
|
35312
35309
|
var tabs = tabsConfig.map(function (tabConfig) {
|
|
35313
35310
|
return /*#__PURE__*/React.createElement(NavTab$1, _extends({
|
|
35314
|
-
minWidth: tabMinWidth,
|
|
35315
35311
|
key: tabConfig.path
|
|
35316
35312
|
}, tabConfig));
|
|
35317
35313
|
});
|
|
@@ -37437,7 +37433,9 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
37437
37433
|
_ref$name = _ref.name,
|
|
37438
37434
|
name = _ref$name === void 0 ? "" : _ref$name,
|
|
37439
37435
|
_ref$index = _ref.index,
|
|
37440
|
-
index = _ref$index === void 0 ? 1 : _ref$index
|
|
37436
|
+
index = _ref$index === void 0 ? 1 : _ref$index,
|
|
37437
|
+
_ref$overflowY = _ref.overflowY,
|
|
37438
|
+
overflowY = _ref$overflowY === void 0 ? "hidden" : _ref$overflowY;
|
|
37441
37439
|
|
|
37442
37440
|
var handleKeyDown = function handleKeyDown(e) {
|
|
37443
37441
|
if (e.keyCode === 13) {
|
|
@@ -37526,7 +37524,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
37526
37524
|
initial: initiallyOpen ? "open" : "closed",
|
|
37527
37525
|
exit: "closed",
|
|
37528
37526
|
variants: wrapper,
|
|
37529
|
-
extraStyles: "transform-origin: 100% 0; overflow-y:
|
|
37527
|
+
extraStyles: "transform-origin: 100% 0; overflow-y: ".concat(overflowY, ";"),
|
|
37530
37528
|
id: "".concat(id, "-content"),
|
|
37531
37529
|
role: "region",
|
|
37532
37530
|
"aria-labelledby": "".concat(id, "-button")
|