@linzjs/lui 17.21.0 → 17.22.0

package/dist/lui.esm.js

@@ -28195,7 +28195,13 @@ var LuiModal = function (props) {
     })),
         React__default.createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
             props.headingText && (React__default.createElement(LuiModalHeader, { headingText: props.headingText, onClose: props.onClose })),
-            React__default.createElement("div", { className: clsx(props.headingText && 'lui-modal-container') }, props.children))));
+            React__default.createElement("div", { className: clsx(props.headingText && 'lui-modal-container'), ref: function (element) {
+                    if (element &&
+                        !element.contains(element.ownerDocument.activeElement)) {
+                        var firstFocusableElement = element.querySelector('input,button');
+                        firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
+                    }
+                } }, props.children))));
 };
 var LuiAlertModal = function (props) {
     var materialIcon = getMaterialIconForLevel(props.level);
@@ -33085,6 +33091,11 @@ var LuiSidePanel = function (_a) {
 };
 var LuiSidePanelContainer = function (props) {
     var _a = props !== null && props !== void 0 ? props : {}, children = _a.children, onClose = _a.onClose, _b = _a.width, width = _b === void 0 ? '50%' : _b, _c = _a.top, top = _c === void 0 ? 60 : _c, _d = _a.closeBtnTitleAttr, closeBtnTitleAttr = _d === void 0 ? 'Close panel' : _d;
+    useEscapeFunction(function () {
+        if (onClose) {
+            onClose();
+        }
+    });
     return (React__default.createElement("section", { style: {
             position: 'fixed',
             right: 0,