@crystallize/design-system 1.24.3 → 1.24.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @crystallize/design-system
 
+## 1.24.5
+
+### Patch Changes
+
+- d6c2d6d: This PR adjusts dropdown css to allow displaying radix popper components in dialog on flow page
+
+## 1.24.4
+
+### Patch Changes
+
+- c4d23d6: Puting back div wrapping children in dialog component to fix broken layout
+
 ## 1.24.3
 
 ### Patch Changes

package/dist/{chunk-LIMMZNXO.mjs → chunk-7K3KQDTQ.mjs}

@@ -6015,7 +6015,9 @@ function DialogContent({ children, closable = true, type, className, container,
               })
             })
           }),
-          children
+          /* @__PURE__ */ jsx113("div", {
+            children
+          })
         ]
       })
     ]

package/dist/index.css

@@ -933,6 +933,9 @@
     transform: translateY(0);
   }
 }
+.c-dialog ~ [data-radix-popper-content-wrapper] {
+  z-index: calc(var(--dialog-z-index) + 1) !important;
+}
 
 /* src/avatar/avatar.css */
 .c-avatar {

package/dist/index.js

@@ -6871,7 +6871,9 @@ function DialogContent({ children, closable = true, type, className, container,
               })
             })
           }),
-          children
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", {
+            children
+          })
         ]
       })
     ]

package/dist/index.mjs

@@ -17,7 +17,7 @@ import {
   showError,
   showInfo,
   showWarning
-} from "./chunk-LIMMZNXO.mjs";
+} from "./chunk-7K3KQDTQ.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 
 // src/card/card.tsx
@@ -417,7 +417,7 @@ function Tag({
 // src/rich-text-editor/index.tsx
 import { lazy, Suspense } from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
-var LazyRichTextEditor = lazy(() => import("./rich-text-editor-VCMKO3HI.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-ZJS3XSIV.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx13(Suspense, {
     fallback: null,

package/dist/{rich-text-editor-EVP7CTRQ.css → rich-text-editor-XW66E4QG.css}

@@ -1580,6 +1580,9 @@
     transform: translateY(0);
   }
 }
+.c-dialog ~ [data-radix-popper-content-wrapper] {
+  z-index: calc(var(--dialog-z-index) + 1) !important;
+}
 
 /* src/dialog/dialog.css */
 :root {

package/dist/{rich-text-editor-VCMKO3HI.mjs → rich-text-editor-ZJS3XSIV.mjs}

@@ -6,7 +6,7 @@ import {
   Icon,
   IconButton,
   InputWithLabel
-} from "./chunk-LIMMZNXO.mjs";
+} from "./chunk-7K3KQDTQ.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 
 // src/rich-text-editor/rich-text-editor.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.24.3",
+  "version": "1.24.5",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/dialog/dialog.tsx

@@ -52,7 +52,7 @@ function DialogContent({ children, closable = true, type, className, container,
             </Button>
           </DialogClose>
         )}
-        {children}
+        <div>{children}</div>
       </DialogPrimitive.Content>
     </DialogPrimitive.Portal>
   );

package/src/dropdown-menu/dropdown-menu.css

@@ -81,3 +81,7 @@
     transform: translateY(0);
   }
 }
+
+.c-dialog ~ [data-radix-popper-content-wrapper] {
+  z-index: calc(var(--dialog-z-index) + 1) !important;
+}