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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,4 +23,3 @@ export * from './navigation-sidebar';
23
23
  export * from './skeleton';
24
24
  export * from './empty';
25
25
  export * from './live-region';
26
- export * from './callout';
@@ -7,4 +7,4 @@ import '../../../styles/shared/a11y-helpers/a11y.global.scss';
7
7
  * @param props - component props
8
8
  * @returns a MrlProgressBar React component.
9
9
  */
10
- export declare function MrlProgressBar({ children, className, indeterminate, percent, showText, text, time }: ProgressBarComponent): JSX.Element;
10
+ export declare function MrlProgressBar({ children, className, indeterminate, name, percent, showText, text, time }: ProgressBarComponent): JSX.Element;
@@ -25,6 +25,10 @@ export interface ProgressBarComponent {
25
25
  * Note: do not use with `time`.
26
26
  */
27
27
  indeterminate?: boolean;
28
+ /**
29
+ * Name of the progress bar (applied via aria-label)
30
+ */
31
+ name: string;
28
32
  /**
29
33
  * The percent complete.
30
34
  *
@@ -1,31 +1,22 @@
1
1
  import React, { RefObject } from 'react';
2
- import { PortalProps } from '../../';
3
- import { MenuPosition, MenuAlignment, ActionState, CustomMenuPosition } from '../../menu/constants';
2
+ import { MenuPosition, MenuAlignment, ActionState } from '../../menu/constants';
4
3
  export interface MrlPopoverProps {
5
- /**
6
- * Set initial state of menu
7
- *
8
- * @default { actionType: null, isOpen: false }
9
- */
10
- actionState?: ActionState;
11
4
  /** Label for the popover */
12
5
  ariaLabel?: string;
13
6
  /** ID of element to associate a label */
14
7
  ariaLabelledBy?: string;
15
8
  /** Children to be rendered within the menu component*/
16
9
  children: React.ReactNode;
17
- /** Custom class names for the popover */
18
- className?: string;
19
- /** Custom position for the menu */
20
- customPosition?: CustomMenuPosition;
21
10
  /** If the popover should have a close button */
22
11
  hasCloseButton?: boolean;
23
- /** If the popover should open when clicking the trigger */
24
- disableClickToOpen?: boolean;
25
12
  /** If the popover should close when clicking outside of the menu */
26
13
  disableClickOutside?: boolean;
27
- /** If the popover should disable focus trap */
28
- disableFocusTrap?: boolean;
14
+ /**
15
+ * spacing of menu
16
+ * - 'default' has 16px padding
17
+ * - 'compact' has 12px padding
18
+ */
19
+ spacing?: 'default' | 'compact';
29
20
  /** Unique identifier for the menu */
30
21
  id?: string;
31
22
  /** If the menu is a submenu */
@@ -38,6 +29,16 @@ export interface MrlPopoverProps {
38
29
  * @default 'bottom'
39
30
  */
40
31
  position?: MenuPosition;
32
+ /**
33
+ * Set initial state of menu
34
+ *
35
+ * @default { actionType: null, isOpen: false }
36
+ */
37
+ actionState?: ActionState;
38
+ /**
39
+ * Reference to the DOM element that triggers this menu.
40
+ */
41
+ triggerRef?: RefObject<HTMLButtonElement>;
41
42
  /**
42
43
  * Vertical and horizontal alignment of the popover relative to the position with the trigger
43
44
  * - 'left' and 'right' work with position 'top' and 'bottom'
@@ -47,16 +48,6 @@ export interface MrlPopoverProps {
47
48
  * This does not impact submenus
48
49
  */
49
50
  alignment?: MenuAlignment;
50
- /**
51
- * spacing of menu
52
- * - 'default' has 16px padding
53
- * - 'compact' has 12px padding
54
- */
55
- spacing?: 'default' | 'compact';
56
- /**
57
- * Reference to the DOM element that triggers this menu.
58
- */
59
- triggerRef?: RefObject<HTMLElement>;
60
51
  /**
61
52
  * If the menu should be rendered with the inverse theme
62
53
  *
@@ -69,31 +60,12 @@ export interface MrlPopoverProps {
69
60
  * @default false
70
61
  */
71
62
  point?: boolean;
72
- /**
73
- * Props for the portal component
74
- */
75
- portalProps?: Omit<PortalProps, 'children'>;
76
- /**
77
- * Offset in pixels for the popover
78
- *
79
- * The popover automatically calculates the proper offset based on the position and alignment
80
- * this prop will override those values.
81
- */
82
- offset?: number;
83
- /**
84
- * Callback to be called when the menu is opened
85
- */
86
- onOpen?: () => void;
87
63
  /**
88
64
  * Callback to be called when the menu is closed
89
65
  *
90
66
  * @param type - type of close event
91
67
  */
92
68
  onClose?: (type?: string) => void;
93
- /**
94
- * data-qa attribute for the popover
95
- */
96
- ['data-qa']?: string;
97
69
  }
98
70
  /**
99
71
  * MrlPopover
@@ -103,7 +75,7 @@ export interface MrlPopoverProps {
103
75
  * @param {MrlPopoverProps} props - The props for the MrlPopover component
104
76
  * @returns {Element} - rendered MrlPopover component
105
77
  */
106
- export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children, className, customPosition, disableClickToOpen, disableClickOutside, disableFocusTrap, hasCloseButton, spacing, id, isSubMenu, actionState, position, point, portalProps, kind, offset, onClose, onOpen, triggerRef, ...rest }: MrlPopoverProps): JSX.Element;
78
+ export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children, disableClickOutside, hasCloseButton, spacing, id, isSubMenu, actionState, position, point, kind, onClose, triggerRef, ...rest }: MrlPopoverProps): JSX.Element;
107
79
  export declare namespace MrlPopover {
108
80
  var componentType: string;
109
81
  }
@@ -1,12 +1,8 @@
1
1
  import React from 'react';
2
2
  import { AttrsObject } from '../../../utils';
3
3
  import { LevelType, HeadingHierarchies, HeadingSizes, TextSizes, HeadingKinds } from '../constants';
4
- interface MrlTextHeadingProps extends React.ComponentPropsWithRef<'h1'> {
5
- /**
6
- * Applies additional HTML attributes to the text element
7
- *
8
- * @deprecated - use `attrs` instead
9
- */
4
+ interface MrlTextHeadingProps {
5
+ /** Applies additional HTML attributes to the text element */
10
6
  attrs?: AttrsObject;
11
7
  /** Children to be rendered within the text heading component */
12
8
  children?: React.ReactNode;
@@ -34,5 +30,5 @@ interface MrlTextHeadingProps extends React.ComponentPropsWithRef<'h1'> {
34
30
  * @param {MrlTextHeadingProps} props - MrlTextHeading component props
35
31
  * @returns a heading element
36
32
  */
37
- export declare function MrlTextHeading({ attrs, children, className, hierarchy, kind, level, size, text }: MrlTextHeadingProps): JSX.Element;
33
+ export declare function MrlTextHeading({ attrs, children, hierarchy, kind, level, size, text }: MrlTextHeadingProps): JSX.Element;
38
34
  export {};