@ai-matrx/design-system 0.38.0 → 0.38.1
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/CHANGELOG.md +6 -0
- package/dist/content-transfer.cjs +4 -2
- package/dist/content-transfer.cjs.map +1 -1
- package/dist/content-transfer.js +4 -2
- package/dist/content-transfer.js.map +1 -1
- package/dist/data-table/data-row-inspector.cjs +4 -2
- package/dist/data-table/data-row-inspector.cjs.map +1 -1
- package/dist/data-table/data-row-inspector.js +4 -2
- package/dist/data-table/data-row-inspector.js.map +1 -1
- package/dist/data-table/data-row-window.cjs +4 -2
- package/dist/data-table/data-row-window.cjs.map +1 -1
- package/dist/data-table/data-row-window.js +4 -2
- package/dist/data-table/data-row-window.js.map +1 -1
- package/dist/data-table/index.cjs +4 -2
- package/dist/data-table/index.cjs.map +1 -1
- package/dist/data-table/index.js +4 -2
- package/dist/data-table/index.js.map +1 -1
- package/dist/index.cjs +4 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -252,13 +252,14 @@ function useIsMobile() {
|
|
|
252
252
|
|
|
253
253
|
// src/dialog.tsx
|
|
254
254
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
255
|
+
var DialogWindowedByDefaultContext = React5.createContext(false);
|
|
255
256
|
var Dialog = ({
|
|
256
257
|
children,
|
|
257
258
|
...props
|
|
258
259
|
}) => {
|
|
259
260
|
const isMobile = useIsMobile();
|
|
260
261
|
const modal = props.modal ?? isMobile;
|
|
261
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogPrimitive.Root, { ...props, modal, children }) });
|
|
262
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogWindowedByDefaultContext.Provider, { value: props.modal === void 0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialogModalProvider, { modal, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogPrimitive.Root, { ...props, modal, children }) }) });
|
|
262
263
|
};
|
|
263
264
|
Dialog.displayName = "Dialog";
|
|
264
265
|
var DialogPortal = ({
|
|
@@ -327,6 +328,7 @@ var DialogContent = React5.forwardRef(
|
|
|
327
328
|
const injectedContainer = usePortalContainer(container);
|
|
328
329
|
const asSheet = mobileSheet && isMobile;
|
|
329
330
|
const windowed = !isModal && !asSheet;
|
|
331
|
+
const windowedByDefault = React5.useContext(DialogWindowedByDefaultContext);
|
|
330
332
|
const [containerEl, setContainerEl] = React5.useState(
|
|
331
333
|
null
|
|
332
334
|
);
|
|
@@ -387,7 +389,7 @@ var DialogContent = React5.forwardRef(
|
|
|
387
389
|
// can sit beside a host's floating window manager (which starts at
|
|
388
390
|
// z=1000); staying below that boundary makes a newly focused window
|
|
389
391
|
// usable without coupling the two systems.
|
|
390
|
-
!isModal && "z-[900]",
|
|
392
|
+
!isModal && !windowedByDefault && "z-[900]",
|
|
391
393
|
// Without an overlay the card needs its own separation from the page.
|
|
392
394
|
windowed && "shadow-2xl ring-1 ring-border/60"
|
|
393
395
|
),
|