@muraldevkit/ui-toolkit 2.47.1 → 2.48.0

package/dist/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.d.ts

@@ -7,13 +7,13 @@ interface MrlLabelWithDescriptionProps {
     description?: string | React.ReactNode;
     /** The id that's linked to the form element "aria-describedby" attribute */
     descriptionId?: string;
-    /** disabled state */
+    /** Disabled state */
     isDisabled?: boolean;
-    /** indeterminate state */
+    /** Indeterminate state */
     isIndeterminate?: boolean;
-    /** selected state */
+    /** Selected state */
     isSelected?: boolean;
-    /** Adjusts the styles of the label, icon and description when the label is multiline */
+    /** Adjusts the styles of the label, icon, and description when the label is multiline */
     hasMultilineLabel?: boolean;
     /** ID of the form elements so all users can understand the relationship between the two elements */
     htmlFor: string;
@@ -28,5 +28,5 @@ interface MrlLabelWithDescriptionProps {
  * @param {MrlLabelWithDescriptionProps} props - the component props
  * @returns a form control label with description
  */
-export declare function MrlLabelWithDescription({ className, description, descriptionId, isDisabled, isIndeterminate, isSelected, hasMultilineLabel, htmlFor, icon, label }: MrlLabelWithDescriptionProps): JSX.Element;
+export declare function MrlLabelWithDescription({ className, description, descriptionId, isDisabled, isIndeterminate, isSelected, hasMultilineLabel, htmlFor, icon, label, ...rest }: MrlLabelWithDescriptionProps): JSX.Element;
 export {};

package/dist/components/form/radio/MrlRadioButton/MrlRadioButton.d.ts

@@ -34,6 +34,8 @@ interface MrlRadioButtonProps extends React.ComponentPropsWithoutRef<'input'> {
      * }>
      */
     description?: string | React.ReactNode;
+    /** Data attribute for QA testing */
+    ['data-qa']?: string;
 }
 /**
  * Form element with an associated text label and description that allows the user to select one

package/dist/components/menu/demo/MenuWithIconButtonTrigger.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { CustomMenuPosition } from '..';
+import { MenuPosition, ActionState, MenuAlignment } from '../constants';
+export interface MenuWithIconTriggerProps {
+    position?: MenuPosition;
+    spacing?: 'default' | 'compact';
+    alignment?: MenuAlignment;
+    actionState?: ActionState;
+    onClose?: () => void;
+    customPosition?: CustomMenuPosition;
+    triggerAlignment?: 'left' | 'right' | 'center';
+}
+/**
+ * Demo of a menu with a trigger for stories and testing
+ *
+ * @param {MenuWithIconTriggerProps} props - The props for the menu with trigger
+ * @returns {Element} The menu with trigger demo
+ */
+export declare const MenuWithIconTrigger: ({ alignment, position, spacing, actionState, customPosition, onClose, triggerAlignment }: MenuWithIconTriggerProps) => JSX.Element;

package/dist/components/popover/demo/PopoverWithIconButton.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
+interface PopoverWithIconButtonProps {
+    hasCloseButton?: boolean;
+    menuAlign?: MenuPosition;
+    spacing?: 'default' | 'compact';
+    alignment?: MenuAlignment;
+    actionState?: ActionState;
+    onClose?: () => void;
+    triggerAlignment?: 'left' | 'right' | 'center';
+    kind?: 'inverse' | 'primary';
+    point?: boolean;
+}
+/**
+ * Demo of a menu with a trigger for stories and testing
+ *
+ * @param {PopoverWithIconButtonProps} props - The props for the menu with trigger
+ * @returns {Element} The menu with trigger demo
+ */
+export declare const PopoverWithIconButton: ({ menuAlign, alignment, actionState, onClose, triggerAlignment, spacing, kind, point, hasCloseButton }: PopoverWithIconButtonProps) => JSX.Element;
+export {};