@muraldevkit/ui-toolkit 4.66.0-dev-DhSN.1 → 4.66.0-dev-QELk.1

package/dist/cjs/components/panel/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MrlPanel"), exports);
-__exportStar(require("./MrlPanelFooter"), exports);
-__exportStar(require("./MrlPanelStickyHeader"), exports);

package/dist/cjs/components/popover/MrlPopover/MrlPopover.js

@@ -1,337 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlPopover = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const ds_icons_1 = require("@muraldevkit/ds-icons");
-const __1 = require("../../");
-const useTriggerPosition_1 = require("../../../hooks/useTriggerPosition");
-const useBrowserEdgeScroll_1 = require("../../menu/hooks/useBrowserEdgeScroll");
-const useClickOutside_1 = require("../../../hooks/useClickOutside");
-const useScrollbarInfo_1 = require("../../../hooks/useScrollbarInfo");
-const useSubMenuElementPosition_1 = require("../../menu/hooks/useSubMenuElementPosition");
-const utils_1 = require("../../../utils");
-const layers_1 = require("../../../utils/layers");
-const web_1 = require("@react-spring/web");
-const MrlSelect_1 = require("../../form/select/MrlSelect/MrlSelect");
-const MrlMultiSelect_1 = require("../../form/select/MrlMultiSelect/MrlMultiSelect");
-const MrlPopover_module_scss_1 = __importDefault(require("./MrlPopover.module.scss.js"));
-const flip_position_1 = require("../../menu/utilities/flip-position");
-const get_data_point_1 = require("./utilities/get-data-point");
-const get_offset_1 = require("./utilities/get-offset");
-const use_mrl_popover_event_handlers_1 = require("./hooks/use-mrl-popover-event-handlers");
-const MrlPopoverContext_1 = require("./context/MrlPopoverContext");
-const POPOVER_CLICKOUTSIDE_WHITELIST = [
-    '#mrl-select-portal',
-    '#mrl-popover-menu-portal',
-    `.${MrlSelect_1.SELECT_MENU_LIST_CLASS_NAME}`,
-    `.${MrlMultiSelect_1.MULTI_SELECT_MENU_LIST_CLASS_NAME}`
-];
-/**
- * Scrollable wrapper for the popover content. Lives as its own component so
- * `useScrollbarInfo` mounts together with the scrollable element (the popover
- * content only exists while the popover is open) and can compensate the right
- * padding when a space-consuming scrollbar appears.
- * @param {object} props - The props for the scroll container
- * @returns {Element} - rendered scrollable popover content wrapper
- */
-function MrlPopoverScrollContainer({ className, style, children }) {
-    const { scrollableContainerRef, verticalScrollbarWidth } = (0, useScrollbarInfo_1.useScrollbarInfo)();
-    return (React.createElement("div", { ref: scrollableContainerRef, className: className, style: Object.assign(Object.assign({}, style), (verticalScrollbarWidth > 0 && {
-            paddingRight: `calc(var(--mrl-popover-padding) - ${verticalScrollbarWidth}px)`
-        })) }, children));
-}
-/**
- * MrlPopover
- *
- * Renders a popover component with position and alignment relative to a trigger element
- * @param {MrlPopoverProps} props - The props for the MrlPopover component
- * @returns {Element} - rendered MrlPopover component
- */
-function MrlPopover(_a) {
-    var { alignment = 'center', ariaLabel, ariaLabelledBy, children, className, customPosition, disableClickToOpen = false, disableClickOutside = false, disableFlipping = false, disableFocusTrap = false, hasCloseButton = false, spacing = 'default', id, isSubMenu = false, actionState = { actionType: null, isOpen: false }, position = 'bottom', point = true, portalProps = { id: layers_1.PORTAL_LAYERS.POPOVER.name }, kind = 'primary', offset, onClose, onOpen, triggerRef } = _a, rest = __rest(_a, ["alignment", "ariaLabel", "ariaLabelledBy", "children", "className", "customPosition", "disableClickToOpen", "disableClickOutside", "disableFlipping", "disableFocusTrap", "hasCloseButton", "spacing", "id", "isSubMenu", "actionState", "position", "point", "portalProps", "kind", "offset", "onClose", "onOpen", "triggerRef"]);
-    const [state, setState] = React.useState({
-        actionType: null,
-        isOpen: actionState.isOpen || false
-    });
-    // stores all of the interactive elements in the popover for focus management
-    const [interactiveElements, setInteractiveElements] = React.useState([]);
-    const [menuRect, setMenuRect] = React.useState(null);
-    const menuRef = React.useRef(null);
-    /** Snapshot of trigger `aria-expanded` before we manage it; restored on popover unmount only. */
-    const triggerExpandedRestoreRef = React.useRef(null);
-    /**
-     * Checks if the trigger element is disabled
-     * @returns {boolean} - true if the trigger element is disabled, false otherwise
-     */
-    const isTriggerDisabled = React.useCallback(() => {
-        return (0, utils_1.isElementAriaDisabled)(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current);
-    }, [triggerRef]);
-    /**
-     * Opening and closing the menu
-     */
-    const closeMenu = React.useCallback(() => {
-        setState({ actionType: null, isOpen: false });
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [onClose]);
-    const { handleClose, handleMenuKey, hideMenuHover, handleTriggerSiblingKey, toggleMenuKey, toggleMenuTrigger, showMenuHover } = (0, use_mrl_popover_event_handlers_1.useMrlPopoverEventHandlers)({
-        closeMenu,
-        disableClickToOpen,
-        disableFocusTrap,
-        hasCloseButton,
-        interactiveElements,
-        isSubMenu,
-        isTriggerDisabled,
-        menuRef,
-        setState,
-        state,
-        triggerRef
-    });
-    (0, useClickOutside_1.useClickOutside)(menuRef, triggerRef, 'mouseup', closeMenu, disableClickOutside || !state.isOpen, POPOVER_CLICKOUTSIDE_WHITELIST);
-    React.useEffect(() => {
-        if (isTriggerDisabled())
-            return;
-        if (!isSubMenu) {
-            setState({ actionType: actionState.actionType, isOpen: actionState.isOpen });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isSubMenu, actionState.actionType, actionState.isOpen]);
-    // This use effect handles storing the rect in state for positioning calculations
-    React.useLayoutEffect(() => {
-        var _a;
-        if (!state.isOpen)
-            return;
-        // For consistent calculations, we are storing the menu rect in state
-        // Anytime we need to use the menu rect, we want to make sure the values are based
-        // on the original state of the menu for proper transformations
-        if (!menuRect && menuRef.current) {
-            const newRect = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            setMenuRect(newRect || null);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.isOpen, isSubMenu]);
-    // This use effect handles getting and setting the interactive elements in the popover.
-    // These elements are used for focus management when focus trap is not enabled to ensure
-    // that our tab order matches the visual order of the page
-    React.useEffect(() => {
-        if (state.isOpen && !isSubMenu && menuRef.current) {
-            if (disableFocusTrap) {
-                // set the interactive elements so we can track focus location
-                const elements = (0, utils_1.getFocusableElementsInsideElement)(menuRef.current);
-                setInteractiveElements(elements);
-                // without focus trap enabled, we want to focus the first interactive element
-                elements[0].focus();
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.isOpen, menuRef.current]);
-    // This use effect handles setting all of the event handlers for different parts of the component.
-    // - trigger event handlers
-    // - submenu event handlers
-    // - menu event handlers
-    // - "next element" event handlers, which are event handlers attached to the next interactive element after the trigger
-    //
-    React.useEffect(() => {
-        const triggerElement = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
-        const menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
-        const nextElement = (0, utils_1.findAdjacentInteractiveElement)(triggerRef, 'next');
-        if (triggerElement) {
-            triggerElement.addEventListener('mousedown', (e) => e.stopPropagation());
-            triggerElement.addEventListener('click', toggleMenuTrigger);
-            triggerElement.addEventListener('keydown', toggleMenuKey);
-            if (nextElement)
-                nextElement.addEventListener('keydown', handleTriggerSiblingKey);
-            // Setup event listeners for when the menu is a submenu
-            if (isSubMenu) {
-                const menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
-                triggerElement.addEventListener('mouseover', showMenuHover);
-                triggerElement.addEventListener('mouseout', hideMenuHover);
-                if (menuElement) {
-                    menuElement.addEventListener('mouseover', showMenuHover);
-                    menuElement.addEventListener('mouseout', hideMenuHover);
-                }
-            }
-            return () => {
-                triggerElement.removeEventListener('mousedown', utils_1.preventDefault);
-                triggerElement.removeEventListener('click', toggleMenuTrigger);
-                triggerElement.removeEventListener('keydown', toggleMenuKey);
-                if (nextElement)
-                    nextElement.removeEventListener('keydown', handleTriggerSiblingKey);
-                if (isSubMenu) {
-                    triggerElement.removeEventListener('mouseover', showMenuHover);
-                    triggerElement.removeEventListener('mouseout', hideMenuHover);
-                    if (menuElement) {
-                        menuElement.removeEventListener('mouseover', showMenuHover);
-                        menuElement.removeEventListener('mouseout', hideMenuHover);
-                    }
-                }
-            };
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        closeMenu,
-        isSubMenu,
-        toggleMenuKey,
-        toggleMenuTrigger,
-        triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current,
-        hideMenuHover,
-        showMenuHover,
-        hasCloseButton,
-        handleClose
-    ]);
-    /**
-     * Popover triggers are not necessarily modal dialogs; use the generic 'true' (see ARIA in HTML).
-     * Restore the previous DOM value when the trigger changes or this popover unmounts so host-owned
-     * ARIA (e.g. aria-haspopup="menu") is not left stale after a callout dismisses.
-     */
-    React.useEffect(() => {
-        const el = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
-        if (!el)
-            return;
-        const previousValue = el.getAttribute('aria-haspopup');
-        el.setAttribute('aria-haspopup', 'true');
-        // Restore the previous value of the aria-haspopup attribute when the callout is removed from the DOM
-        return () => {
-            if (previousValue === null) {
-                el.removeAttribute('aria-haspopup');
-            }
-            else {
-                el.setAttribute('aria-haspopup', previousValue);
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current]);
-    React.useEffect(() => {
-        const el = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
-        if (!el)
-            return;
-        // Store the previous value of the aria-expanded attribute when the callout is added to the DOM
-        if (!triggerExpandedRestoreRef.current || triggerExpandedRestoreRef.current.el !== el) {
-            triggerExpandedRestoreRef.current = {
-                el,
-                value: el.hasAttribute('aria-expanded') ? el.getAttribute('aria-expanded') : null
-            };
-        }
-        // Set the aria-expanded attribute to the current state of the popover
-        el.setAttribute('aria-expanded', state.isOpen.toString());
-        if (state.isOpen)
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.isOpen, onOpen, triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current]);
-    /**
-     * Restore the previous value of the aria-expanded attribute when the callout is removed from the DOM
-     */
-    React.useEffect(() => {
-        return () => {
-            var _a;
-            const snap = triggerExpandedRestoreRef.current;
-            if (!snap)
-                return;
-            const { el, value } = snap;
-            if (!((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.contains(el)))
-                return;
-            if (value === null) {
-                el.removeAttribute('aria-expanded');
-            }
-            else {
-                el.setAttribute('aria-expanded', value);
-            }
-        };
-    }, []);
-    /**
-     * Setup positioning styles, submenu positioning styles, scroll styles, and transition.
-     */
-    const memoizedCustomPosition = React.useMemo(() => customPosition, [customPosition]);
-    const customPopoverPosition = memoizedCustomPosition || { left: 0, top: 0 };
-    const menuPosition = (0, useTriggerPosition_1.useTriggerPosition)(triggerRef, menuRef, {
-        align: alignment,
-        customPosition: customPopoverPosition,
-        position: position
-    }, state.isOpen, offset || (0, get_offset_1.getOffset)(position, point), isSubMenu, disableFlipping);
-    const subMenuPosition = (0, useSubMenuElementPosition_1.useSubMenuElementPosition)(triggerRef, menuRef, isSubMenu, state.isOpen, menuRect, !isSubMenu);
-    const menuPositionState = menuPosition.flipped ? (0, flip_position_1.flipPosition)(position) : position;
-    const scrollStyles = (0, useBrowserEdgeScroll_1.useBrowserEdgeScroll)(menuRef, menuPositionState, alignment);
-    const inlineStyles = {
-        menu: {
-            left: menuPosition.left,
-            position: 'fixed',
-            top: menuPosition.top
-        },
-        submenu: {
-            left: subMenuPosition.left,
-            top: subMenuPosition.top
-        }
-    };
-    /**
-     * React Spring transitions for the menu
-     */
-    const transitions = (0, web_1.useTransition)(state.isOpen, {
-        config: { duration: 150 },
-        enter: { opacity: 1, transform: 'translateY(0)' },
-        from: { opacity: 0, transform: 'translateY(4px)' },
-        leave: { opacity: 0, transform: 'translateY(4px)' }
-    });
-    const menuClasses = (0, classnames_1.default)(MrlPopover_module_scss_1.default['MrlPopover'], 'MrlPopover', MrlPopover_module_scss_1.default['MrlPopover--scrolling'], className, {
-        [MrlPopover_module_scss_1.default['MrlPopover--submenu']]: isSubMenu,
-        [MrlPopover_module_scss_1.default['inverse']]: kind === 'inverse',
-        [MrlPopover_module_scss_1.default['primary']]: kind === 'primary',
-        [MrlPopover_module_scss_1.default['compact']]: spacing === 'compact',
-        [MrlPopover_module_scss_1.default['default']]: spacing === 'default'
-    });
-    const positionStyles = isSubMenu ? inlineStyles.submenu : inlineStyles.menu;
-    const renderMenu = () => {
-        const inlineScrollStyles = isSubMenu ? {} : scrollStyles ? scrollStyles.styles : {};
-        const scrollClasses = (0, classnames_1.default)(MrlPopover_module_scss_1.default['MrlPopover--content'], MrlPopover_module_scss_1.default['MrlPopover--scrolling--content']);
-        return (React.createElement(React.Fragment, null, transitions((style, item) => item && (React.createElement(__1.MrlFocusTrap, { disabled: disableFocusTrap, containerRef: menuRef },
-            React.createElement(web_1.animated.div, Object.assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: menuClasses, id: id, tabIndex: -1, style: Object.assign(Object.assign({}, positionStyles), style), onKeyDown: handleMenuKey, ref: menuRef }, rest),
-                React.createElement(MrlPopoverScrollContainer, { className: scrollClasses, style: inlineScrollStyles },
-                    typeof children === 'function' && children({ closeMenu }),
-                    typeof children !== 'function' && children,
-                    hasCloseButton && (React.createElement(__1.MrlIconButton, { "data-qa": "popover-close-button", wrapperClassName: MrlPopover_module_scss_1.default['MrlPopover--close'], icon: React.createElement(__1.MrlSvg, { svg: ds_icons_1.close }), kind: kind === 'inverse' ? 'ghost-inverse' : 'ghost', text: "Close", state: "default", position: "right", tipAnchor: "center", onMouseUp: closeMenu, onKeyDown: handleClose, size: "small" })),
-                    point && (React.createElement("div", { className: MrlPopover_module_scss_1.default['MrlPopover--point'], "data-point": (0, get_data_point_1.getDataPoint)(menuPositionState, alignment) })))))))));
-    };
-    /* eslint-disable */
-    return (React.createElement(MrlPopoverContext_1.MrlPopoverContext.Provider, { value: {
-            closeMenu
-        } }, isSubMenu ? (renderMenu()) : (React.createElement(__1.MrlPortal, Object.assign({ layer: portalProps.layer || layers_1.PORTAL_LAYERS.POPOVER }, portalProps), renderMenu()))));
-    /* eslint-enable */
-}
-exports.MrlPopover = MrlPopover;
-MrlPopover.componentType = 'Popover';

package/dist/cjs/components/popover/MrlPopover/MrlPopover.module.css

@@ -1,121 +0,0 @@
-/* stylelint-disable scss/operator-no-newline-after */
-.mrl-u-focus-wrapper--FBve0 {
-  position: relative;
-}
-
-.primary--5FMZn {
-  --mrl-popover-background-color: var(--mrl-color-background);
-  --mrl-popover-text-color: var(--mrl-color-text);
-  --mrl-popover-text-emph-color: var(--mrl-color-text-emph);
-}
-
-.inverse--IA9ES {
-  --mrl-popover-background-color: var(--mrl-color-background-inverse);
-  --mrl-popover-text-color: var(--mrl-color-text-inverse);
-  --mrl-popover-text-emph-color: var(--mrl-color-text-emph);
-}
-
-.default--MvZ6i {
-  --mrl-popover-padding: var(--mrl-spacing-05);
-}
-
-.compact--uj75b {
-  --mrl-popover-padding: var(--mrl-spacing-04);
-}
-
-.MrlPopover---qmfx {
-  background: var(--mrl-popover-background-color);
-  border-radius: var(--mrl-border-radius-functional-large);
-  box-shadow: var(--mrl-shadows-raised);
-  color: var(--mrl-popover-text-color);
-  flex-direction: column;
-  max-width: 600px;
-  opacity: 0;
-  pointer-events: auto;
-  position: fixed;
-  z-index: 500;
-  z-index: 600;
-  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.24)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.06));
-}
-.MrlPopover---qmfx a {
-  color: var(--mrl-popover-text-color);
-}
-.MrlPopover--submenu--H6fY9 {
-  left: 97%;
-  position: absolute;
-}
-.MrlPopover--close--OHuvU {
-  position: absolute;
-  right: 4px;
-  top: 6px;
-  transition: none;
-}
-.MrlPopover--close--OHuvU svg {
-  color: var(--mrl-popover-text-color);
-}
-.MrlPopover---qmfx.open--AGUUs {
-  display: flex;
-}
-.MrlPopover--scrolling--content--9IDEb {
-  overflow: hidden auto;
-  padding: var(--mrl-popover-padding);
-}
-.MrlPopover--scrolling--content--9IDEb .MrlPopover--close--OHuvU {
-  position: absolute;
-  right: 8px;
-}
-.MrlPopover--point--hv0be {
-  background: var(--mrl-popover-background-color);
-  border-radius: 0 2px;
-  height: 10px;
-  position: absolute;
-  width: 10px;
-  z-index: 2;
-}
-.MrlPopover--point--hv0be[data-point*=bottom-] {
-  top: -4px;
-  transform: rotate(315deg);
-}
-.MrlPopover--point--hv0be[data-point*=top-] {
-  bottom: -4px;
-  transform: rotate(315deg);
-}
-.MrlPopover--point--hv0be[data-point=bottom-start], .MrlPopover--point--hv0be[data-point=top-start] {
-  left: 14px;
-}
-.MrlPopover--point--hv0be[data-point=bottom-end], .MrlPopover--point--hv0be[data-point=top-end] {
-  right: 14px;
-}
-.MrlPopover--point--hv0be[data-point=bottom-center], .MrlPopover--point--hv0be[data-point=top-center] {
-  left: calc(50% - 8px);
-}
-.MrlPopover--point--hv0be[data-point*=left-] {
-  right: -5px;
-  transform: rotate(225deg);
-}
-.MrlPopover--point--hv0be[data-point*=right-] {
-  left: -5px;
-  transform: rotate(45deg);
-}
-.MrlPopover--point--hv0be[data-point=left-center], .MrlPopover--point--hv0be[data-point=right-center] {
-  top: calc(50% - 8px);
-}
-.MrlPopover--point--hv0be[data-point=left-top], .MrlPopover--point--hv0be[data-point=right-top] {
-  top: 16px;
-}
-.MrlPopover--point--hv0be[data-point=left-bottom], .MrlPopover--point--hv0be[data-point=right-bottom] {
-  bottom: 16px;
-}
-
-.inverse--IA9ES .MrlPopover--scrolling--content--9IDEb::-webkit-scrollbar {
-  background-color: var(--mrl-popover-background-color);
-  border-radius: 10px;
-  width: 12px;
-}
-.inverse--IA9ES .MrlPopover--scrolling--content--9IDEb::-webkit-scrollbar-thumb {
-  background-clip: content-box;
-  background-color: var(--mrl-popover-text-color);
-  border: 3px solid transparent;
-  border-radius: 10px;
-  position: relative;
-}

package/dist/cjs/components/popover/MrlPopover/MrlPopover.module.scss.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlPopover.module.css");
-exports.default = {
-	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--FBve0",
-	"primary": "primary--5FMZn",
-	"inverse": "inverse--IA9ES",
-	"default": "default--MvZ6i",
-	"compact": "compact--uj75b",
-	"MrlPopover": "MrlPopover---qmfx",
-	"MrlPopover--submenu": "MrlPopover--submenu--H6fY9",
-	"MrlPopover--close": "MrlPopover--close--OHuvU",
-	"open": "open--AGUUs",
-	"MrlPopover--scrolling--content": "MrlPopover--scrolling--content--9IDEb",
-	"MrlPopover--point": "MrlPopover--point--hv0be"
-};

package/dist/cjs/components/popover/MrlPopover/context/MrlPopoverContext.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMrlPopoverContext = exports.MrlPopoverContext = void 0;
-const React = __importStar(require("react"));
-/**
- * Adds context for the MrlPopover component
- */
-exports.MrlPopoverContext = React.createContext(undefined);
-/**
- * Returns the MrlPopoverContext state.
- *
- * @returns The MrlPopoverContext state.
- */
-const useMrlPopoverContext = () => {
-    const context = React.useContext(exports.MrlPopoverContext);
-    if (!context) {
-        throw new Error('useMrlPopoverContext must be used within a MrlPopoverContext.Provider');
-    }
-    return context;
-};
-exports.useMrlPopoverContext = useMrlPopoverContext;