@muraldevkit/ui-toolkit 2.20.0 → 2.21.0

package/dist/components/modal/MrlModal/MrlModal.d.ts

@@ -13,6 +13,15 @@ interface ModalProps extends MrlComponentProps {
      */
     className?: string;
     client?: MrlDeviceClient;
+    /**
+     * !!!!! WARNING: do not use this prop without an explicit requirement from the design team !!!!!
+     *
+     * Enables/disables the ability to close the modal. This prop does the following:
+     * - removes close button
+     * - disables clicking on the overlay to close the modal
+     * - disables the escape key to close the modal
+     */
+    closable?: boolean;
     /**
      * Tells the modal whether we are in a loading state.
      * This is used to disabled FocusTrap until the contents of the modal are loaded
@@ -38,5 +47,5 @@ interface ModalProps extends MrlComponentProps {
  * @param {React.ReactElement} props.children - Children to be rendered within the modal. The first child is used as the trigger.
  * @returns {React.ReactElement} an instance of the MrlModal
  */
-export declare const MrlModal: ({ children, className, client, loading, size, state, hookClose, attrs }: ModalProps) => ReactElement;
+export declare const MrlModal: ({ children, className, client, closable, loading, size, state, hookClose, attrs }: ModalProps) => ReactElement;
 export {};

package/dist/components/modal/demo/ModalWithTriggerDemo.d.ts

@@ -2,6 +2,7 @@
 interface ModalDemoProps {
     /** Additional function to be run when the modal closes */
     hookClose?: (() => void) | undefined;
+    closable?: boolean;
 }
 /**
  * Demo for a modal with a trigger button
@@ -10,5 +11,5 @@ interface ModalDemoProps {
  * @param {Function} props.hookClose - hookClose for modal
  * @returns {Element} Rendered demo
  */
-export declare const ModalWithTriggerDemo: ({ hookClose }: ModalDemoProps) => JSX.Element;
+export declare const ModalWithTriggerDemo: ({ closable, hookClose }: ModalDemoProps) => JSX.Element;
 export {};

package/dist/components/svg/config.d.ts

@@ -115,7 +115,7 @@ export declare const colorPictoStoryData: {
 export declare const animateStoryData: {
     args: {
         delay: number;
-        state: "stop" | "play";
+        state: "play" | "stop";
     };
     argTypes: {
         delay: {