@muraldevkit/ui-toolkit 1.13.0 → 1.13.2

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

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react';
-import { AttrsObject } from '../../../utils';
+import { MrlComponentProps } from '../../../utils';
 import { ModalSize, ModalState } from '../constants';
-interface ModalProps {
+interface ModalProps extends MrlComponentProps {
     /**
      * Content of the modal
      */
@@ -12,12 +12,6 @@ interface ModalProps {
     state?: ModalState;
     /** Additional function to be run when the modal closes */
     hookClose?: (() => void) | undefined;
-    /**
-     * Attributes that are applied to the component during the initial render.
-     *
-     * Example usage: html attributes, custom data attributes (data-qa), aria
-     */
-    attrs?: AttrsObject;
     /**
      * Modal Wrapper Class
      */

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

@@ -1,12 +1,10 @@
 import React from 'react';
-import { AttrsObject } from '../../../utils';
-interface MrlModalFooterProps {
+import { MrlComponentProps } from '../../../utils';
+interface MrlModalFooterProps extends MrlComponentProps {
     /**
-     * Attributes that are applied to the component during the initial render.
-     *
-     * Example usage: html attributes, custom data attributes (data-qa), aria
+     * Content of the modal footer
      */
-    attrs?: AttrsObject;
+    children?: React.ReactElement | React.ReactElement[];
     /**
      * Wrapper Class
      */
@@ -28,5 +26,5 @@ interface MrlModalFooterProps {
  * @param {React.ReactElement} props.tertiary - tertiary modal element
  * @returns {React.ReactElement} The rendered MrlModalFooter component
  */
-export declare const MrlModalFooter: ({ attrs, className, primary, secondary, tertiary }: MrlModalFooterProps) => JSX.Element;
+export declare const MrlModalFooter: ({ attrs, children, className, primary, secondary, tertiary }: MrlModalFooterProps) => JSX.Element;
 export {};

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

@@ -1,11 +1,10 @@
-import { AttrsObject } from '../../../utils';
-interface MrlModalHeaderProps {
+import React from 'react';
+import { MrlComponentProps } from '../../../utils';
+export interface MrlModalHeaderProps extends MrlComponentProps {
     /**
-     * Attributes that are applied to the component during the initial render.
-     *
-     * Example usage: html attributes, custom data attributes (data-qa), aria
+     * Content of the modal header
      */
-    attrs?: AttrsObject;
+    children?: React.ReactNode;
     /**
      * Wrapper Class
      */
@@ -22,5 +21,4 @@ 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, className, text }: MrlModalHeaderProps) => JSX.Element;
-export {};
+export declare const MrlModalHeader: ({ attrs, children, className, text }: MrlModalHeaderProps) => JSX.Element;