@muraldevkit/ui-toolkit 4.66.0-dev-7K0j.1 → 4.66.0-dev-T3Jw.1

package/dist/esm/utils/setAttributes/setAttributes.js

@@ -1,78 +0,0 @@
-import cn from 'classnames';
-import { isObject } from '../isObject';
-/**
- * Parse a string of attributes into a JSON object
- *
- * @param {string} attributes - the custom attributes passed to a component
- * @returns {AttrsObject} - an object of attributes
- */
-const parseAttributes = (attributes) => {
-    try {
-        return JSON.parse(attributes);
-    }
-    catch (error) {
-        console.error('The attrs property is not properly-formatted JSON:');
-        console.error(attributes);
-        console.error(error);
-        return error;
-    }
-};
-/**
- * Sets up a classObject to be used by the className prop
- *
- * @todo - 2563 - use setClasses across components
- * @param {string} customClasses - custom classes to apply via the attrs prop
- * @param {ClassObject} defaultClasses - design system component classes to apply
- * @returns {ClassObject} - with all classes
- */
-export const setClasses = (customClasses, defaultClasses) => {
-    /**
-     * If a string is passed, we must parse it into a valid JSON object.
-     * Otherwise, we can assign the passed attributes directly to the returned object.
-     */
-    const parsedAttr = typeof customClasses === 'string' ? parseAttributes(customClasses) : customClasses;
-    if (parsedAttr && isObject(parsedAttr) && parsedAttr.class) {
-        return Object.assign({ [`${parsedAttr.class}`]: typeof parsedAttr.class !== 'undefined' && parsedAttr.class.length > 0 }, defaultClasses);
-    }
-    return defaultClasses;
-};
-/**
- * Set an object of attributes to be used in a given component.
- *
- * @param {AttrsObject} attributes - The custom attributes passed to the component
- * @param {AttrsObject} defaults - An optional object of the default attributes of a component
- * @param {string} className - Default classes to apply to the component
- *
- * Use when applying attributes such as a className directly to a react component.
- * @returns {AttrsObject} - An object of component attributes
- */
-export const setAttributes = (attributes, defaults = {}, className) => {
-    /**
-     * If a string is passed, we must parse it into a valid JSON object.
-     * Otherwise, we can assign the passed attributes directly to the returned object.
-     */
-    const customAttributes = typeof attributes === 'string' ? parseAttributes(attributes) : attributes;
-    if (customAttributes) {
-        /**
-         * Assign the defaults and the passed attributes to a new object
-         * to ensure that one attributes object without duplicated keys
-         * can be passed to the component.
-         */
-        // Applies className instead of class when forReact is true
-        return Object.assign({}, defaults, customAttributes, {
-            className: cn(className, customAttributes.className)
-        });
-    }
-    return {};
-};
-let lastId = 0;
-/**
- *  Generates unique identifier
- *
- * @param {string} prefix  - prefix for identifier
- * @returns {string} - prefixed unique identifier
- */
-export const getUniqueId = (prefix = 'mrl') => {
-    lastId++;
-    return `${prefix}-${lastId}`;
-};

package/dist/esm/utils/trapFocus/index.js

@@ -1,146 +0,0 @@
-const A_SELECTOR = 'a[href]:not([disabled])';
-const BUTTON_SELECTOR = 'button:not([disabled]):not([tabindex="-1"])';
-const TEXTAREA_SELECTOR = 'textarea:not([disabled])';
-const INPUT = 'input:not([type="hidden"]):not([disabled])';
-const SEARCH_INPUT = 'input[type="search"]:not([disabled])';
-const SELECT_SELECTOR = 'select:not([disabled])';
-const TAB_INDEX = '[tabindex]:not([tabindex="-1"]):not([disabled])';
-const WEB_COMPONENTS = 'mrl-icon-button:not([tabindex="-1"])';
-const TABBABLE_CONTENT_AREAS = 'div[tabindex="0"]';
-export const FOCUSABLE_ELEMENTS_SELECTOR = [
-    A_SELECTOR,
-    BUTTON_SELECTOR,
-    TEXTAREA_SELECTOR,
-    INPUT,
-    SEARCH_INPUT,
-    SELECT_SELECTOR,
-    TAB_INDEX,
-    WEB_COMPONENTS,
-    TABBABLE_CONTENT_AREAS
-].join(', ');
-/**
- * Focus trap logic
- * @param {HTMLElement} element - The component props.
- * @returns {HTMLElement[]} - The focusable elements inside the element.
- */
-export const getFocusableElementsInsideElement = (element) => {
-    const focusableElements = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)).filter((n) => n instanceof HTMLElement);
-    // If no focusable elements are found, check if the container can be focused
-    if (focusableElements.length === 0) {
-        // Check if the element has a -1 tabindex, if it doesn't let's add it so it can be focused
-        if (!element.hasAttribute('tabindex') || element.tabIndex < 0) {
-            element.setAttribute('tabindex', '-1');
-        }
-        focusableElements.push(element);
-    }
-    return focusableElements;
-};
-/**
- * Gets the first element with the data-autofocus="true" attribute within the container element
- * @param {HTMLElement} containerElement - container element
- * @returns {HTMLElement | undefined} - the first element that has autofocus="true" or undefined
- */
-export const getElementWithAutofocus = (containerElement) => {
-    const focusableElements = getFocusableElementsInsideElement(containerElement);
-    return focusableElements.find((el) => {
-        return el.getAttribute('data-autofocus') === 'true';
-    });
-};
-/**
- * Returns if an element is a radio element
- * @param {Element} el - The element
- * @returns {HTMLInputElement} Returns true if the element is a radio
- */
-const isElementRadioButton = (el) => {
-    return el.tagName === 'INPUT' && el.type === 'radio';
-};
-/**
- * Traps focus inside of an element
- * Adapted from https://hidde.blog/using-javascript-to-trap-focus-in-an-element/
- * @param {HTMLElement} element // Element to trap focus in
- * @param {boolean} disableAutofocus // Whether to disable autofocus
- * @returns {Function}          // Cleanup function to be run when component is
- *                              // removed from the DOM
- */
-export const trapFocus = (element, disableAutofocus = false) => {
-    const previouslyFocusedEl = document.activeElement;
-    const mutationObserver = new MutationObserver(() => {
-        const [firstFocusableElement] = getFocusableElementsInsideElement(element);
-        // The previously focused element was removed from the DOM
-        if (!document.activeElement) {
-            firstFocusableElement.focus();
-        }
-    });
-    const tabListener = (e) => {
-        if (e.key !== 'Tab') {
-            return;
-        }
-        const focusableElements = getFocusableElementsInsideElement(element);
-        const firstFocusableElement = focusableElements[0];
-        const lastFocusableElement = focusableElements[focusableElements.length - 1];
-        if (e.shiftKey) {
-            // If the activeElement is a radio button and shares the same 'name' attribute as the firstFocusableElement
-            if (document.activeElement &&
-                isElementRadioButton(document.activeElement) &&
-                isElementRadioButton(firstFocusableElement) &&
-                document.activeElement.name === firstFocusableElement.name) {
-                lastFocusableElement.focus();
-                e.preventDefault();
-                return;
-            }
-            // Reverse in tab order, but we're at the beginning of the list
-            if (document.activeElement === firstFocusableElement) {
-                lastFocusableElement.focus();
-                e.preventDefault();
-                return;
-            }
-        }
-        else if (document.activeElement === lastFocusableElement) {
-            // Forward in tab order, but we're at the end of the list
-            firstFocusableElement.focus();
-            e.preventDefault();
-        }
-    };
-    mutationObserver.observe(element, { childList: true, subtree: true });
-    element.addEventListener('keydown', tabListener);
-    /**
-     * In the event an element has its tabindex set after component mounting has completed, we need
-     * to allow the callstack to clear to ensure it's properly set before we can focus the first element.
-     */
-    setTimeout(() => {
-        const elementWithAutofocus = getElementWithAutofocus(element);
-        if (elementWithAutofocus) {
-            elementWithAutofocus.focus();
-            return;
-        }
-        if (!disableAutofocus) {
-            const [firstFocusableElement] = getFocusableElementsInsideElement(element);
-            firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
-        }
-    }, 20);
-    return () => {
-        element.removeEventListener('keydown', tabListener);
-        mutationObserver.disconnect();
-        /**
-         * Restore focus to element that was in focus before the focus trap was activated
-         *
-         * Conditions to move focus:
-         * - If it is still inside the trap, or effectively "lost"
-         * - If focus has been intentionally moved outside, do nothing
-         */
-        const active = document.activeElement;
-        const focusIsInside = !!active && element.contains(active);
-        const focusIsLost = !active || active === document.body;
-        if (focusIsInside || focusIsLost) {
-            const body = document.body;
-            // get data-focus-item attribute from body
-            const focusItemId = body.dataset.focusItem;
-            const focusItemEl = focusItemId ? document.getElementById(focusItemId) : null;
-            const focusTarget = focusItemEl !== null && focusItemEl !== void 0 ? focusItemEl : previouslyFocusedEl;
-            if (focusTarget instanceof HTMLElement) {
-                focusTarget.focus();
-            }
-            delete body.dataset.focusItem;
-        }
-    };
-};

package/dist/types/components/avatar/MrlAvatar/MrlAvatar.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-type AvatarKind = (typeof avatarValues.kind)[number];
-type AvatarSize = (typeof avatarValues.size)[number];
-interface avatarDefaults {
-    kind: AvatarKind;
-    size: AvatarSize;
-    avatarColor: string;
-}
-export interface MrlAvatarPropTypes {
-    alt?: string;
-    dataQa?: string;
-    image?: React.ReactNode | string;
-    kind?: AvatarKind;
-    name?: string;
-    onImageError?: React.ReactEventHandler<HTMLImageElement>;
-    showBorder?: boolean;
-    size?: AvatarSize;
-    avatarColor?: string;
-}
-declare const avatarValues: {
-    kind: readonly ["default", "facilitator", "lock"];
-    size: readonly ["xsmall", "small", "medium", "large"];
-};
-export declare const defaultAvatarValues: avatarDefaults;
-/**
- * Renders an avatar component
- * @param {MrlAvatarPropTypes} props the props for your MrlAvatar
- * @returns {React.ReactElement} an avatar containing the props you pass
- */
-export declare const MrlAvatar: ({ alt, avatarColor, dataQa, kind, image, name, onImageError, showBorder, size, ...rest }: MrlAvatarPropTypes) => React.ReactElement;
-export {};

package/dist/types/components/avatar/MrlAvatar/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlAvatar';

package/dist/types/components/avatar/MrlAvatarButton/MrlAvatarButton.d.ts

@@ -1,62 +0,0 @@
-import * as React from 'react';
-import { MrlAvatarPropTypes } from '../MrlAvatar/MrlAvatar';
-import { MrlButtonState, TooltipConfig } from '../../button/MrlButton/MrlButton';
-import { ToggleAria } from '../../button/constants';
-export interface MrlAvatarButtonPropTypes extends MrlAvatarPropTypes, React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * An optional class name to add to button wrapping the MrlAvatar.
-     */
-    buttonClassName?: string;
-    /**
-     * An optional boolean prop to include the button in roving tabindex
-     */
-    includeInRoving?: boolean;
-    /**
-     * Selected state variant when the button is a Toggle Button. Setting this prop
-     * informs the component that this is a toggle button and to add that functionality
-     */
-    isToggleButton?: boolean;
-    /**
-     * An optional aria-label to apply to the button element
-     */
-    label?: string;
-    /**
-     * Displays a spinner in the button to indicate some action is in progress.
-     */
-    loading?: boolean;
-    /**
-     * Text for the spinner when the button is in a loading state.
-     */
-    loadingText?: string;
-    /**
-     * onClick event for the button.
-     */
-    onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;
-    /**
-     * Changes the state of the button based on user permissions or actions.
-     */
-    state?: MrlButtonState;
-    /**
-     * Determines which aria setup to use for various toggle/selected styles.
-     * pressed - use for an traditional “toggle button”
-     * selected - use for tabs and custom select options
-     * expanded - use for menus, panels, and popovers
-     * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)
-     * 		or [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs
-     */
-    toggleAria?: ToggleAria;
-    /**
-     * Tooltip configuration for the button
-     */
-    tooltip?: TooltipConfig;
-    /**
-     * Reference to the DOM element that is the MrlAvatarButton
-     */
-    triggerRef?: React.RefObject<HTMLButtonElement>;
-}
-/**
- * Renders an avatar button
- * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton
- * @returns {React.ReactElement} an avatar button containing the props you pass
- */
-export declare const MrlAvatarButton: ({ buttonClassName, dataQa, id, includeInRoving, isToggleButton, label, loading, loadingText, onClick, size, state, toggleAria, tooltip, triggerRef, ...rest }: MrlAvatarButtonPropTypes) => React.ReactElement;

package/dist/types/components/avatar/MrlAvatarButton/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlAvatarButton';

package/dist/types/components/avatar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MrlAvatar';
-export * from './MrlAvatarButton';

package/dist/types/components/badge/MrlBadge/MrlBadge.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { MrlComponentProps } from '../../../utils';
-export type MrlBadgeKinds = 'default' | 'error' | 'info' | 'success' | 'warning';
-export interface MrlBadgeProps extends Omit<MrlComponentProps, 'style' | 'attrs'>, React.ComponentProps<'div'> {
-    className?: string;
-    /**
-     * Pass a custom icon to any badge kind.
-     * Should be passed as an MrlSvg JSX Element.
-     */
-    icon?: JSX.Element;
-    kind?: MrlBadgeKinds;
-    /**
-     * Displays a default icon for non-default badge kinds.
-     * To have an icon in `kind="default"` you must use the `icon` prop.
-     */
-    showIcon?: boolean;
-    text: string;
-}
-/**
- * Badges are a common user interface element that
- * can be used to draw attention to content.
- * @param props - component props
- * @returns a MrlBadge React component.
- */
-export declare const MrlBadge: ({ className, icon, kind, showIcon, text, ...remainingProps }: MrlBadgeProps) => JSX.Element;

package/dist/types/components/badge/MrlBadge/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBadge';

package/dist/types/components/badge/MrlBadgeNotification/MrlBadgeNotification.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { MrlComponentProps } from '../../../utils';
-export type MrlBadgeNotificationKinds = 'general' | 'info';
-export interface MrlBadgeNotificationProps extends Omit<MrlComponentProps, 'style' | 'attrs'>, React.ComponentProps<'div'> {
-    className?: string;
-    kind?: MrlBadgeNotificationKinds;
-    /**
-     * A string of text to tell screen reader users what type of notification this is.
-     * Defaults to 'notification'.
-     */
-    notificationText?: string;
-    /**
-     * Used to turn a notification from a hint to numeric.
-     * NOTE: Must pass a `number`, not a `string`.
-     */
-    number?: number;
-}
-/**
- * Badge notifications are a common user interface element that can be used to
- * draw attention to new or unread content, alerts, or updates.
- * @param props - component props
- * @returns a MrlBadgeNotification React component.
- */
-export declare const MrlBadgeNotification: ({ className, kind, notificationText, number, ...remainingProps }: MrlBadgeNotificationProps) => JSX.Element;

package/dist/types/components/badge/MrlBadgeNotification/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBadgeNotification';

package/dist/types/components/badge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MrlBadge';
-export * from './MrlBadgeNotification';

package/dist/types/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Link } from 'react-router-dom';
-export type BreadcrumbItemLink = {
-    text: string;
-    link: string;
-} | {
-    text: string;
-    link: React.ComponentPropsWithoutRef<typeof Link>;
-};
-export type BreadcrumbItem = {
-    isSelected?: boolean;
-    hasSeparator?: boolean;
-    isTruncated?: boolean;
-} & BreadcrumbItemLink;
-export interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {
-    /**
-     * Children to be rendered within the component
-     */
-    children?: React.ReactNode;
-    /**
-     * Determines whether a separator should be displayed after this breadcrumb item.
-     */
-    hasSeparator?: BreadcrumbItem['hasSeparator'];
-    /**
-     * Indicates whether this breadcrumb item represents the currently selected or
-     * active page.
-     */
-    isSelected?: BreadcrumbItem['isSelected'];
-    /**
-     * Specifies whether the text content of this breadcrumb item should be truncated
-     * if it exceeds a certain width. This is useful for handling long page titles
-     * or labels within the breadcrumb.
-     */
-    isTruncated?: boolean;
-    link?: BreadcrumbItem['link'];
-    text?: BreadcrumbItem['text'];
-}
-/**
- * MrlBreadcrumbItem component.
- * @param props The MrlBreadcrumbItem component properties.
- * @returns The MrlBreadcrumbItem component.
- */
-export declare function MrlBreadcrumbItem(props: MrlBreadcrumbItemProps): JSX.Element;

package/dist/types/components/breadcrumb/MrlBreadcrumbItem/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBreadcrumbItem';

package/dist/types/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-/**
- * MrlBreadcrumbSeparator component.
- * @returns The MrlBreadcrumbSeparator component.
- */
-export declare function MrlBreadcrumbSeparator(): JSX.Element;

package/dist/types/components/breadcrumb/MrlBreadcrumbSeparator/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBreadcrumbSeparator';

package/dist/types/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { BreadcrumbItem } from '../MrlBreadcrumbItem';
-/**
- * Props for the MrlBreadcrumbs component.
- */
-export interface MrlBreadcrumbsProps extends React.ComponentPropsWithRef<'nav'> {
-    /**
-     * A string value used for data-qa attribute.
-     */
-    ['data-qa']?: string;
-    /**
-     * The aria-label of the nav element
-     */
-    ['aria-label']: string;
-    /**
-     * This prop accepts an array of objects, where each object represents a single breadcrumb item.
-     * It's used to define the structure, content, and behavior of the breadcrumbs displayed in the component.
-     * The `link` prop could be either the props of a react-router-dom link or a string. If a string is provided it will
-     * render a regular link.
-     */
-    items: BreadcrumbItem[];
-}
-/**
- * MrlBreadcrumbs component.
- * @param props The MrlBreadcrumbs component properties.
- * @returns The MrlBreadcrumbs component.
- */
-export declare function MrlBreadcrumbs(props: MrlBreadcrumbsProps): JSX.Element;

package/dist/types/components/breadcrumb/MrlBreadcrumbs/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBreadcrumbs';

package/dist/types/components/breadcrumb/index.d.ts

@@ -1,3 +0,0 @@
-export * from './MrlBreadcrumbItem';
-export * from './MrlBreadcrumbs';
-export * from './MrlBreadcrumbSeparator';

package/dist/types/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { MrlSvgAnimateProps } from '../../svg/MrlSvgAnimate/MrlSvgAnimate';
-import { MrlIconButtonProps } from '../MrlIconButton/MrlIconButton';
-import './MrlAnimatedIconButton.scss';
-interface MrlAnimatedIconButtonProps extends Omit<MrlIconButtonProps, 'icon'> {
-    icon: MrlSvgAnimateProps;
-}
-export declare const MrlAnimatedIconButton: React.ForwardRefExoticComponent<Omit<MrlAnimatedIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/types/components/button/MrlAnimatedIconButton/index.d.ts

@@ -1 +0,0 @@
-export { MrlAnimatedIconButton } from './MrlAnimatedIconButton';

package/dist/types/components/button/MrlButton/MrlButton.d.ts

@@ -1,105 +0,0 @@
-import * as React from 'react';
-import { allowedButtonValues, MrlButtonKind, MrlButtonSize, ToggleAria, IconPosition } from '../constants';
-import { MrlTooltipAnchor, MrlTooltipPosition } from '../../';
-import { AttrsObject, MrlComponentProps } from '../../../utils';
-import './MrlButton.global.scss';
-export type MrlButtonState = (typeof allowedButtonValues.states)[number];
-export type ToggleStyle = (typeof allowedButtonValues.toggleStyles)[number];
-export interface TooltipConfig {
-    /**
-     * The text to display in the tooltip
-     */
-    text: string;
-    /**
-     * The position of the tooltip relative to the button
-     */
-    position?: MrlTooltipPosition;
-    /**
-     * The anchor of the tooltip relative to the button
-     */
-    anchor?: MrlTooltipAnchor;
-    /**
-     * The data-qa attribute for the tooltip
-     */
-    dataQa?: string;
-}
-export interface MrlButtonProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'button'> {
-    /**
-     * Applies additional HTML attributes to the button element.
-     *
-     * @deprecated
-     */
-    attrs?: AttrsObject;
-    /**
-     * Allow developers to add badge to buttons.
-     */
-    badge?: React.ReactElement;
-    /**
-     * @deprecated - Use state="disabled" or "selected-disabled" or "skeleton" instead.
-     * Allow developers to change the disabled state based on user interactions.
-     */
-    disabled?: boolean;
-    /**
-     * Allows developers the ability to disable built in event listeners so they can manage user
-     * interactions from the application.
-     */
-    disableEvents?: boolean;
-    /**
-     * Allow developers to add icon to buttons.
-     */
-    icon?: React.ReactElement;
-    /**
-     * Allows developers to right-align an icon within a button.
-     */
-    iconPos?: IconPosition;
-    /**
-     * Changes the visual emphasis of the button.
-     */
-    kind?: MrlButtonKind;
-    /**
-     * Displays a spinner in the button to indicate some action is in progress.
-     */
-    loading?: boolean;
-    /**
-     * Text for the spinner when the button is in a loading state.
-     */
-    loadingText?: string;
-    /**
-     * onClick event for the button.
-     */
-    onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;
-    /**
-     * Changes the size of the button so it can scale with its surrounding context.
-     */
-    size?: MrlButtonSize;
-    /**
-     * Changes the state of the button based on user permissions or actions.
-     */
-    state?: MrlButtonState;
-    /**
-     * The textual label describing the button's purpose/action.
-     * Icon buttons require a text label to ensure accessibility.
-     */
-    text: string;
-    /**
-     * Determines which aria setup to use for various toggle/selected styles.
-     * pressed - use for an traditional “toggle button”
-     * selected - use for tabs and custom select options
-     * expanded - use for menus, panels, and popovers
-     * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)
-     * 		or [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs
-     */
-    toggleAria?: ToggleAria;
-    /**
-     * Tooltip configuration for the button
-     */
-    tooltip?: TooltipConfig;
-    /**
-     * Selected state variant when the button is a Toggle Button. The visual styles
-     * are also impacted by the "kind" prop. Toggle buttons are only supported
-     * when "kind" is set to either "ghost" or "ghost-inverse". Setting this prop
-     * informs the component that this is a toggle button and to add that functionality
-     */
-    toggleStyle?: ToggleStyle;
-}
-export declare const MrlButton: React.ForwardRefExoticComponent<Omit<MrlButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/button/MrlButton/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlButton';