@muraldevkit/ui-toolkit 1.12.1 → 1.13.0

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

@@ -17,7 +17,11 @@ interface ModalProps {
      *
      * Example usage: html attributes, custom data attributes (data-qa), aria
      */
-    attrs?: AttrsObject | string;
+    attrs?: AttrsObject;
+    /**
+     * Modal Wrapper Class
+     */
+    className?: string;
 }
 /**
  * Modal Component
@@ -30,5 +34,5 @@ interface ModalProps {
  * @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, size, state, hookClose, attrs }: ModalProps) => ReactElement;
+export declare const MrlModal: ({ children, className, size, state, hookClose, attrs }: ModalProps) => ReactElement;
 export {};

package/dist/components/modal/MrlModalContent/index.d.ts

@@ -4,6 +4,10 @@ interface MrlModalHeaderProps {
      * Children to be rendered within the component.
      */
     children: React.ReactElement | React.ReactElement[];
+    /**
+     * Wrapper Class
+     */
+    className?: string;
 }
 /**
  * Modal Content component for the MrlModal
@@ -12,5 +16,5 @@ interface MrlModalHeaderProps {
  * @param {React.ReactElement} props.children - The children to be rendered within the component
  * @returns {React.ReactElement}} The rendered MrlModalContent component
  */
-export declare const MrlModalContent: ({ children }: MrlModalHeaderProps) => JSX.Element;
+export declare const MrlModalContent: ({ children, className }: MrlModalHeaderProps) => JSX.Element;
 export {};

package/dist/components/modal/MrlModalFooter/index.d.ts

@@ -7,6 +7,10 @@ interface MrlModalFooterProps {
      * Example usage: html attributes, custom data attributes (data-qa), aria
      */
     attrs?: AttrsObject;
+    /**
+     * Wrapper Class
+     */
+    className?: string;
     /**
      * Slots for primary, secondary, and tertiary modal regions
      */
@@ -24,5 +28,5 @@ interface MrlModalFooterProps {
  * @param {React.ReactElement} props.tertiary - tertiary modal element
  * @returns {React.ReactElement} The rendered MrlModalFooter component
  */
-export declare const MrlModalFooter: ({ attrs, primary, secondary, tertiary }: MrlModalFooterProps) => JSX.Element;
+export declare const MrlModalFooter: ({ attrs, className, primary, secondary, tertiary }: MrlModalFooterProps) => JSX.Element;
 export {};

package/dist/components/modal/MrlModalHeader/index.d.ts

@@ -6,6 +6,10 @@ interface MrlModalHeaderProps {
      * Example usage: html attributes, custom data attributes (data-qa), aria
      */
     attrs?: AttrsObject;
+    /**
+     * Wrapper Class
+     */
+    className?: string;
     /**
      * Text the h1 element of modal header
      */
@@ -18,5 +22,5 @@ interface MrlModalHeaderProps {
  * @param {AttrsObject} props.attrs - Additional HTML attributes for the `mrl-modal` element
  * @returns {React.ReactElement} The rendered MrlModalFooter component
  */
-export declare const MrlModalHeader: ({ attrs, text }: MrlModalHeaderProps) => JSX.Element;
+export declare const MrlModalHeader: ({ attrs, className, text }: MrlModalHeaderProps) => JSX.Element;
 export {};