@thecb/components 7.0.2-beta.1 → 7.0.2-beta.3

package/dist/index.d.ts

@@ -296,6 +296,7 @@ interface CollapsibleSectionProps {
   sectionGap?: string;
   name?: string;
   index?: number;
+  overflowY?: string;
 }
 
 declare const CollapsibleSection: React.FC<Expand<CollapsibleSectionProps> &

package/dist/index.esm.js

@@ -35293,7 +35293,7 @@ var NavTab = function NavTab(_ref) {
   }, /*#__PURE__*/React.createElement(InternalLink, {
     color: isActive ? themeValues.activeColor : themeValues.linkColor,
     to: path,
-    extraStyles: "\n          border-bottom: 3px solid transparent;\n          font-family: ".concat(themeValues.fontFamily, ";\n          text-decoration: none;\n          ").concat(isActive && !isMobile ? border : "none", ";\n          &:hover {\n            text-decoration: none;\n            color: ").concat(themeValues.activeColor, ";\n            ").concat(isMobile ? "" : "".concat(border), "\n          };\n          padding: 1.25rem 0.1rem;\n        ")
+    extraStyles: "\n          border-bottom: 3px solid transparent;\n          font-family: ".concat(themeValues.fontFamily, ";\n          text-decoration: none;\n          ").concat(isActive && !isMobile ? border : "none", ";\n          &:hover {\n            text-decoration: none;\n            color: ").concat(themeValues.activeColor, ";\n            ").concat(isMobile ? "" : "".concat(border), "\n          };\n          padding: 1.25rem 0;\n        ")
   }, label));
 };
 
@@ -37433,7 +37433,9 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? "" : _ref$name,
       _ref$index = _ref.index,
-      index = _ref$index === void 0 ? 1 : _ref$index;
+      index = _ref$index === void 0 ? 1 : _ref$index,
+      _ref$overflowY = _ref.overflowY,
+      overflowY = _ref$overflowY === void 0 ? "hidden" : _ref$overflowY;
 
   var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode === 13) {
@@ -37522,7 +37524,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
     initial: initiallyOpen ? "open" : "closed",
     exit: "closed",
     variants: wrapper,
-    extraStyles: "transform-origin: 100% 0; overflow-y: hidden;",
+    extraStyles: "transform-origin: 100% 0; overflow-y: ".concat(overflowY, ";"),
     id: "".concat(id, "-content"),
     role: "region",
     "aria-labelledby": "".concat(id, "-button")
@@ -43458,7 +43460,14 @@ var Modal$1 = function Modal(_ref) {
   var _useContext = useContext(ThemeContext),
       isMobile = _useContext.isMobile;
 
-  return /*#__PURE__*/React.createElement(Fragment$1, null, modalOpen && /*#__PURE__*/React.createElement(reactAriaModal, {
+  var modalContainerRef = useRef(null);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: modalContainerRef
+  }, modalOpen && /*#__PURE__*/React.createElement(reactAriaModal // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
+  , {
+    focusTrapOptions: {
+      fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
+    },
     onExit: onExit,
     getApplicationNode: getApplicationNode,
     titleText: modalHeaderText,