@uniformdev/design-system 19.79.0 → 19.80.0

package/dist/esm/index.js

@@ -91,7 +91,7 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
 
           /* off brand */
           --input-border: rgba(31, 43, 52, 0.5);
-          --ring: 0 0 0 0 var(--white), 0 0 0 3px var(--brand-primary-3);
+          --ring: 0 0 0 0 var(--white), 0 0 0 2px var(--brand-primary-3);
           --ring-inset: inset 0 0 0 0 var(--white), inset 0 0 0 3px var(--brand-primary-3);
 
           /* site settings */
@@ -16286,6 +16286,12 @@ var Modal = React19.forwardRef(
     });
     useEffect10(() => {
       var _a;
+      if (!document.contains(dialogRef.current)) {
+        console.warn(
+          "The Modal component could not be rendered because it's not attached to the current Document."
+        );
+        return;
+      }
       (_a = dialogRef.current) == null ? void 0 : _a.showModal();
       return () => {
         var _a2;

package/dist/index.d.mts

@@ -22243,29 +22243,12 @@ type ModalProps = {
     withoutContentPadding?: boolean;
     /** Places buttons at the bottom of the modal */
     buttonGroup?: ReactNode;
-} & React__default.HTMLAttributes<HTMLDialogElement>;
+} & React__default.HTMLProps<HTMLDialogElement>;
 /**
  * A modal component to open a dialog with a backdrop that covers the whole page.
  * @example <Modal>Hello World</Modal>
  */
-declare const Modal: React__default.ForwardRefExoticComponent<{
-    header?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    /** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked  */
-    onRequestClose: () => void;
-    /** A valid CSS width */
-    width?: string | undefined;
-    /** A valid CSS height */
-    height?: string | undefined;
-    /** The classname to set on the wrapper of the modal.
-     * @deprecated the dialog is not rendered inside a wrapper anymore.
-     */
-    wrapperClassName?: string | undefined;
-    /** Removes the default padding on the content wrapper */
-    withoutContentPadding?: boolean | undefined;
-    /** Places buttons at the bottom of the modal */
-    buttonGroup?: ReactNode;
-} & React__default.HTMLAttributes<HTMLDialogElement> & React__default.RefAttributes<HTMLDialogElement>>;
+declare const Modal: React__default.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React__default.RefAttributes<HTMLDialogElement>>;
 
 declare function Pagination({ limit, offset, total, onPageChange, }: {
     limit: number;

package/dist/index.d.ts

@@ -22243,29 +22243,12 @@ type ModalProps = {
     withoutContentPadding?: boolean;
     /** Places buttons at the bottom of the modal */
     buttonGroup?: ReactNode;
-} & React__default.HTMLAttributes<HTMLDialogElement>;
+} & React__default.HTMLProps<HTMLDialogElement>;
 /**
  * A modal component to open a dialog with a backdrop that covers the whole page.
  * @example <Modal>Hello World</Modal>
  */
-declare const Modal: React__default.ForwardRefExoticComponent<{
-    header?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    /** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked  */
-    onRequestClose: () => void;
-    /** A valid CSS width */
-    width?: string | undefined;
-    /** A valid CSS height */
-    height?: string | undefined;
-    /** The classname to set on the wrapper of the modal.
-     * @deprecated the dialog is not rendered inside a wrapper anymore.
-     */
-    wrapperClassName?: string | undefined;
-    /** Removes the default padding on the content wrapper */
-    withoutContentPadding?: boolean | undefined;
-    /** Places buttons at the bottom of the modal */
-    buttonGroup?: ReactNode;
-} & React__default.HTMLAttributes<HTMLDialogElement> & React__default.RefAttributes<HTMLDialogElement>>;
+declare const Modal: React__default.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React__default.RefAttributes<HTMLDialogElement>>;
 
 declare function Pagination({ limit, offset, total, onPageChange, }: {
     limit: number;

package/dist/index.js

@@ -1661,7 +1661,7 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
 
           /* off brand */
           --input-border: rgba(31, 43, 52, 0.5);
-          --ring: 0 0 0 0 var(--white), 0 0 0 3px var(--brand-primary-3);
+          --ring: 0 0 0 0 var(--white), 0 0 0 2px var(--brand-primary-3);
           --ring-inset: inset 0 0 0 0 var(--white), inset 0 0 0 3px var(--brand-primary-3);
 
           /* site settings */
@@ -18080,6 +18080,12 @@ var Modal = import_react99.default.forwardRef(
     });
     (0, import_react99.useEffect)(() => {
       var _a;
+      if (!document.contains(dialogRef.current)) {
+        console.warn(
+          "The Modal component could not be rendered because it's not attached to the current Document."
+        );
+        return;
+      }
       (_a = dialogRef.current) == null ? void 0 : _a.showModal();
       return () => {
         var _a2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.79.0",
+  "version": "19.80.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,8 +23,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
-    "@uniformdev/canvas": "^19.79.0",
-    "@uniformdev/richtext": "^19.79.0",
+    "@uniformdev/canvas": "^19.80.0",
+    "@uniformdev/richtext": "^19.80.0",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.31",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "78f5ededbaa1a67d58d808eac23ab64769e14e10"
+  "gitHead": "8c61dce79f176cb5aa3cb163657326407f17dee6"
 }