@muraldevkit/ui-toolkit 2.51.0-dev.1 → 2.51.0

package/dist/components/index.d.ts

@@ -23,4 +23,3 @@ export * from './navigation-sidebar';
 export * from './skeleton';
 export * from './empty';
 export * from './live-region';
-export * from './callout';

package/dist/components/popover/MrlPopover/MrlPopover.d.ts

@@ -1,29 +1,22 @@
 import React, { RefObject } from 'react';
-import { PortalProps } from '../../';
-import { MenuPosition, MenuAlignment, ActionState, CustomMenuPosition } from '../../menu/constants';
+import { MenuPosition, MenuAlignment, ActionState } from '../../menu/constants';
 export interface MrlPopoverProps {
-    /**
-     * Set initial state of menu
-     *
-     * @default { actionType: null, isOpen: false }
-     */
-    actionState?: ActionState;
     /** Label for the popover */
     ariaLabel?: string;
     /** ID of element to associate a label */
     ariaLabelledBy?: string;
     /** Children to be rendered within the menu component*/
     children: React.ReactNode;
-    /** Custom class names for the popover */
-    className?: string;
-    /** Custom position for the menu */
-    customPosition?: CustomMenuPosition;
     /** If the popover should have a close button */
     hasCloseButton?: boolean;
     /** If the popover should close when clicking outside of the menu */
     disableClickOutside?: boolean;
-    /** If the popover should disable focus trap */
-    disableFocusTrap?: boolean;
+    /**
+     * spacing of menu
+     * - 'default' has 16px padding
+     * - 'compact' has 12px padding
+     */
+    spacing?: 'default' | 'compact';
     /** Unique identifier for the menu */
     id?: string;
     /** If the menu is a submenu */
@@ -36,6 +29,16 @@ export interface MrlPopoverProps {
      * @default 'bottom'
      */
     position?: MenuPosition;
+    /**
+     * Set initial state of menu
+     *
+     * @default { actionType: null, isOpen: false }
+     */
+    actionState?: ActionState;
+    /**
+     * Reference to the DOM element that triggers this menu.
+     */
+    triggerRef?: RefObject<HTMLButtonElement>;
     /**
      * Vertical and horizontal alignment of the popover relative to the position with the trigger
      * - 'left' and 'right' work with position 'top' and 'bottom'
@@ -45,16 +48,6 @@ export interface MrlPopoverProps {
      * This does not impact submenus
      */
     alignment?: MenuAlignment;
-    /**
-     * spacing of menu
-     * - 'default' has 16px padding
-     * - 'compact' has 12px padding
-     */
-    spacing?: 'default' | 'compact';
-    /**
-     * Reference to the DOM element that triggers this menu.
-     */
-    triggerRef?: RefObject<HTMLElement>;
     /**
      * If the menu should be rendered with the inverse theme
      *
@@ -67,14 +60,6 @@ export interface MrlPopoverProps {
      * @default false
      */
     point?: boolean;
-    /**
-     * Props for the portal component
-     */
-    portalProps?: Omit<PortalProps, 'children'>;
-    /**
-     * Callback to be called when the menu is opened
-     */
-    onOpen?: () => void;
     /**
      * Callback to be called when the menu is closed
      *
@@ -90,7 +75,7 @@ export interface MrlPopoverProps {
  * @param {MrlPopoverProps} props - The props for the MrlPopover component
  * @returns {Element} - rendered MrlPopover component
  */
-export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children, className, customPosition, disableClickOutside, disableFocusTrap, hasCloseButton, spacing, id, isSubMenu, actionState, position, point, portalProps, kind, onClose, onOpen, triggerRef, ...rest }: MrlPopoverProps): JSX.Element;
+export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children, disableClickOutside, hasCloseButton, spacing, id, isSubMenu, actionState, position, point, kind, onClose, triggerRef, ...rest }: MrlPopoverProps): JSX.Element;
 export declare namespace MrlPopover {
     var componentType: string;
 }

package/dist/components/portal/MrlPortal.d.ts

@@ -2,17 +2,7 @@ import React from 'react';
 export interface PortalProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     className?: string;
-    dataQa?: string;
-    /**
-     * Provide a portalElementRef to create a portal as a sibling of the ref element
-     * within its parent container.
-     *
-     * This can be used to help manage z-indexing and stacking context of the portal
-     */
-    portalElementRef?: React.RefObject<HTMLElement>;
     id?: string;
-    uniquePortalId?: boolean;
-    ['data-qa']?: string;
 }
 export declare const MRL_PORTAL_ID = "mrl-root-portal";
 /**
@@ -22,4 +12,4 @@ export declare const MRL_PORTAL_ID = "mrl-root-portal";
  * @param PortalProps Portal only takes children. Contact the platform team if you need to extend this.
  * @returns MrlPortal component
  */
-export declare const MrlPortal: ({ children, className, id, portalElementRef, ...props }: PortalProps) => React.ReactElement | null;
+export declare const MrlPortal: ({ children, className, id, ...remainingProps }: PortalProps) => React.ReactElement | null;

package/dist/components/text/MrlTextHeading/MrlTextHeading.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
 import { AttrsObject } from '../../../utils';
 import { LevelType, HeadingHierarchies, HeadingSizes, TextSizes, HeadingKinds } from '../constants';
-interface MrlTextHeadingProps extends React.ComponentPropsWithRef<'h1'> {
-    /**
-     * Applies additional HTML attributes to the text element
-     *
-     * @deprecated - use `attrs` instead
-     */
+interface MrlTextHeadingProps {
+    /** Applies additional HTML attributes to the text element */
     attrs?: AttrsObject;
     /** Children to be rendered within the text heading component */
     children?: React.ReactNode;
@@ -34,5 +30,5 @@ interface MrlTextHeadingProps extends React.ComponentPropsWithRef<'h1'> {
  * @param {MrlTextHeadingProps} props - MrlTextHeading component props
  * @returns a heading element
  */
-export declare function MrlTextHeading({ attrs, children, className, hierarchy, kind, level, size, text }: MrlTextHeadingProps): JSX.Element;
+export declare function MrlTextHeading({ attrs, children, hierarchy, kind, level, size, text }: MrlTextHeadingProps): JSX.Element;
 export {};