@cfx-dev/ui-components 2.1.2 → 2.1.3

package/dist/components/Modal/Modal.d.ts

@@ -10,6 +10,7 @@ export interface ModalProps {
     disableBackdropClose?: boolean;
     ariaDescribedby?: string;
     ariaLabelledby?: string;
+    disableFocusLock?: boolean;
 }
 export declare function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Modal {

package/dist/components/Modal/Modal.js

@@ -1,23 +1,23 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import h from "react";
+import C from "react";
 import "../Button/Button.js";
-import { ButtonBar as C } from "../Button/ButtonBar.js";
+import { ButtonBar as N } from "../Button/ButtonBar.js";
 import "../Button/LinkButton.js";
-import N from "../IconButton/IconButton.js";
-import { Overlay as l } from "../Overlay/Overlay.js";
+import k from "../IconButton/IconButton.js";
+import { Overlay as t } from "../Overlay/Overlay.js";
 import { Text as d } from "../Text/Text.js";
 import { clsx as m } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
-import { useKeyboardClose as k } from "../../utils/hooks/useKeyboardClose.js";
+import { useKeyboardClose as y } from "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
-import '../../assets/Modal.css';const y = "_root_1u329_1", B = "_close_1u329_26", x = "_header_1u329_32", g = "_footer_1u329_38", s = {
-  root: y,
+import '../../assets/Modal.css';const B = "_root_1u329_1", x = "_close_1u329_26", g = "_header_1u329_32", v = "_footer_1u329_38", s = {
+  root: B,
   "modal-appearance": "_modal-appearance_1u329_1",
-  close: B,
-  header: x,
-  footer: g
+  close: x,
+  header: g,
+  footer: v
 };
-function p(t) {
+function p(l) {
   const {
     onClose: o,
     children: a,
@@ -26,13 +26,14 @@ function p(t) {
     contentClassName: u,
     ariaDescribedby: _,
     ariaLabelledby: b,
-    disableBackdropClose: i = !1
-  } = t, n = h.useCallback(() => {
+    disableBackdropClose: i = !1,
+    disableFocusLock: h = !1
+  } = l, n = C.useCallback(() => {
     i || !o || o();
   }, [o, i]);
-  return k(n), /* @__PURE__ */ c(l, { children: [
-    /* @__PURE__ */ r(l.Backdrop, { onClick: n, className: f }),
-    /* @__PURE__ */ r(l.Content, { className: u, children: /* @__PURE__ */ c(
+  return y(n), /* @__PURE__ */ c(t, { children: [
+    /* @__PURE__ */ r(t.Backdrop, { onClick: n, className: f }),
+    /* @__PURE__ */ r(t.Content, { className: u, disableFocusLock: h, children: /* @__PURE__ */ c(
       "div",
       {
         role: "dialog",
@@ -40,7 +41,7 @@ function p(t) {
         "aria-labelledby": b,
         className: m(s.root, e),
         children: [
-          !!o && /* @__PURE__ */ r(N, { className: s.close, name: "Close", onClick: o }),
+          !!o && /* @__PURE__ */ r(k, { className: s.close, name: "Close", onClick: o }),
           a
         ]
       }
@@ -76,7 +77,7 @@ p.Footer = function(o) {
     className: a,
     ...e
   } = o;
-  return /* @__PURE__ */ r(C, { ...e, className: m(s.footer, a) });
+  return /* @__PURE__ */ r(N, { ...e, className: m(s.footer, a) });
 };
 export {
   p as Modal

package/dist/components/Overlay/Overlay.d.ts

@@ -18,4 +18,5 @@ export interface OverlayBackdropProps {
 export interface OverlayContentProps {
     children?: React.ReactNode;
     className?: string;
+    disableFocusLock?: boolean;
 }

package/dist/components/Overlay/Overlay.js

@@ -1,31 +1,34 @@
 import { jsx as r } from "react/jsx-runtime";
-import a from "react";
-import { F as d } from "../../Combination-BRUj3CHE.js";
+import l from "react";
+import { F as i } from "../../Combination-BRUj3CHE.js";
 import { Interactive as m } from "../Interactive/Interactive.js";
-import { clsx as e } from "../../utils/clsx.js";
+import { clsx as n } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import { useOutlet as _ } from "../../utils/hooks/useOutlet.js";
-import '../../assets/Overlay.css';const p = "_root_17xdt_1", f = "_backdrop_17xdt_9", u = "_content_17xdt_27", n = {
-  root: p,
-  backdrop: f,
+import '../../assets/Overlay.css';const f = "_root_17xdt_1", p = "_backdrop_17xdt_9", u = "_content_17xdt_27", a = {
+  root: f,
+  backdrop: p,
   "backdrop-appearance": "_backdrop-appearance_17xdt_1",
   content: u
 }, k = "overlay-outlet";
-function l(c) {
+function s(c) {
   const {
     className: o,
     children: t
-  } = c, i = e(n.root, o), s = _(k);
-  return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("div", { className: i, children: t }) });
+  } = c, e = n(a.root, o), d = _(k);
+  return /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("div", { className: e, children: t }) });
 }
-l.Backdrop = a.forwardRef(function(o, t) {
-  return /* @__PURE__ */ r(m, { ref: t, onClick: o.onClick, className: e(n.backdrop, o.className), children: o.children });
+s.Backdrop = l.forwardRef(function(o, t) {
+  return /* @__PURE__ */ r(m, { ref: t, onClick: o.onClick, className: n(a.backdrop, o.className), children: o.children });
 });
-l.Content = a.forwardRef(function(o, t) {
-  return /* @__PURE__ */ r("div", { ref: t, className: e(n.content, o.className), children: /* @__PURE__ */ r(d, { children: o.children }) });
+s.Content = l.forwardRef(function(o, t) {
+  const {
+    disableFocusLock: e = !1
+  } = o;
+  return /* @__PURE__ */ r("div", { ref: t, className: n(a.content, o.className), children: /* @__PURE__ */ r(i, { disabled: e, children: o.children }) });
 });
 export {
   k as OVERLAY_OUTLET_ID,
-  l as Overlay
+  s as Overlay
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "2.1.2",
+  "version": "2.1.3",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",