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

package/dist/cjs/components/modal/MrlModalContent/MrlModalContent.js

@@ -1,89 +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.MrlModalContent = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const isElementScrollable_1 = require("../../../utils/isElementScrollable");
-const MrlModalContent_module_scss_1 = __importDefault(require("./MrlModalContent.module.scss.js"));
-const MrlModalContext_1 = require("../MrlModalContext");
-const hasScrollContent_1 = require("../../../utils/hasScrollContent/hasScrollContent");
-const useHasFocusableDescendant_1 = require("../../../hooks/useHasFocusableDescendant");
-/**
- * Modal Content component for the MrlModal
- * @param {object} props - The props object
- * @param {React.ReactElement} props.children - The children to be rendered within the component
- * @returns {React.ReactElement}} The rendered MrlModalContent component
- */
-const MrlModalContent = (_a) => {
-    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const { scrollableContent, setScrollableContent, title } = (0, MrlModalContext_1.useMrlModalContext)();
-    const contentAreaRef = React.useRef(null);
-    const hasFocusableDescendant = (0, useHasFocusableDescendant_1.useHasFocusableDescendant)(contentAreaRef);
-    React.useEffect(() => {
-        if (!contentAreaRef.current)
-            return;
-        /**
-         * Sets up observer to toggle tabindex value on the scrollable region within the modal. When
-         * the content area is overflowed and has no focusable descendants, we want to set tabindex
-         * to 0 so that keyboard-only users can scroll through the content. Per ACT rule 0ssw9k a
-         * scrollable region passes WCAG 2.1.1 Keyboard either by being focusable itself or by having
-         * a focusable descendant, so we omit `tabindex="0"` whenever a descendant control is
-         * already keyboard reachable. The labeled `role="region"` is preserved whenever the modal
-         * content overflows so screen-reader users get a landmark in either case.
-         * https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/
-         */
-        const contentArea = contentAreaRef.current;
-        contentArea.addEventListener('scroll', () => {
-            setScrollableContent(Object.assign(Object.assign({}, (0, hasScrollContent_1.hasScrollContent)(contentArea)), { isContentScrollable: (0, isElementScrollable_1.isElementScrollable)(contentArea) }));
-        });
-        const observer = new ResizeObserver(() => {
-            setScrollableContent(Object.assign(Object.assign({}, (0, hasScrollContent_1.hasScrollContent)(contentArea)), { isContentScrollable: (0, isElementScrollable_1.isElementScrollable)(contentArea) }));
-        });
-        observer.observe(contentArea);
-        return () => {
-            observer.disconnect();
-        };
-    }, [setScrollableContent]);
-    const contentClasses = (0, classnames_1.default)('mrl-modal-content', className, MrlModalContent_module_scss_1.default['mrl-modal-content'], {
-        'mrl-modal-content-scrollable': scrollableContent.isContentScrollable
-    });
-    return (React.createElement("div", Object.assign({}, rest, { ref: contentAreaRef, className: contentClasses }, (scrollableContent.isContentScrollable && Object.assign({ 'aria-label': title ? `${title} modal scrollable content` : 'modal scrollable content', role: 'region' }, (!hasFocusableDescendant && { tabIndex: 0 })))), children));
-};
-exports.MrlModalContent = MrlModalContent;

package/dist/cjs/components/modal/MrlModalContent/MrlModalContent.module.css

@@ -1,43 +0,0 @@
-/* stylelint-disable scss/operator-no-newline-after */
-.mrl-u-focus-wrapper--dA7i7 {
-  position: relative;
-}
-
-.mrl-modal-content--zpbEa {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  overflow-y: auto;
-  padding: var(--mrl-modal-padding-vertical-content) var(--mrl-modal-padding-horizontal);
-}
-.mrl-modal-content--zpbEa:focus-visible {
-  animation-duration: var(--mrl-duration-03);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-  animation-name: outline-animation--r-WKE;
-  animation-timing-function: var(--mrl-timing-m3);
-}
-@keyframes outline-animation--r-WKE {
-  0% {
-    outline: 0 solid transparent;
-    outline-offset: 1px;
-  }
-  50% {
-    outline: 4px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-  100% {
-    outline: 2px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-}
-.mrl-native-modal .mrl-modal-content--zpbEa, .mrl-display-modal .mrl-modal-content--zpbEa {
-  margin-top: var(--mrl-spacing-03);
-  padding-bottom: var(--mrl-spacing-09);
-}
-@media screen and (min-width: 37.5rem) {
-  .mrl-native-modal .mrl-modal-content--zpbEa, .mrl-display-modal .mrl-modal-content--zpbEa {
-    margin-bottom: var(--mrl-spacing-05);
-    padding-bottom: 0;
-  }
-}

package/dist/cjs/components/modal/MrlModalContent/MrlModalContent.module.scss.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlModalContent.module.css");
-exports.default = {
-	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--dA7i7",
-	"mrl-modal-content": "mrl-modal-content--zpbEa",
-	"outline-animation": "outline-animation--r-WKE"
-};

package/dist/cjs/components/modal/MrlModalContent/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlModalContent = void 0;
-var MrlModalContent_1 = require("./MrlModalContent");
-Object.defineProperty(exports, "MrlModalContent", { enumerable: true, get: function () { return MrlModalContent_1.MrlModalContent; } });

package/dist/cjs/components/modal/MrlModalContext/MrlModalContext.js

@@ -1,41 +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.useMrlModalContext = exports.MrlModalContext = void 0;
-const React = __importStar(require("react"));
-exports.MrlModalContext = React.createContext(undefined);
-/**
- * Returns the MrlModalContext state.
- *
- * @returns The MrlModalContext state.
- */
-const useMrlModalContext = () => {
-    const context = React.useContext(exports.MrlModalContext);
-    if (!context) {
-        throw new Error('MrlModalContext must be used within a MrlModalContextProvider');
-    }
-    return context;
-};
-exports.useMrlModalContext = useMrlModalContext;

package/dist/cjs/components/modal/MrlModalContext/index.js

@@ -1,17 +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("./MrlModalContext"), exports);

package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.global.css

@@ -1,14 +0,0 @@
-.mrl-modal-footer .mrlButton,
-.mrl-modal-footer .modal-tertiary,
-.mrl-modal-footer button {
-  align-self: flex-start;
-}
-.mrl-modal-footer .modal-secondary,
-.mrl-modal-footer .modal-primary,
-.mrl-modal-footer .mrlButton--primary,
-.mrl-modal-footer .mrlButton--secondary {
-  margin-left: auto;
-}
-.mrl-modal-footer .mrlButton--primary {
-  margin: 0;
-}

package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.js

@@ -1,67 +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.MrlModalFooter = void 0;
-const React = __importStar(require("react"));
-const utils_1 = require("../../../utils");
-const classnames_1 = __importDefault(require("classnames"));
-const MrlModalFooter_module_scss_1 = __importDefault(require("./MrlModalFooter.module.scss.js"));
-require("./MrlModalFooter.global.css");
-const useBreakpoint_1 = require("../../../hooks/useBreakpoint");
-const MrlModalContext_1 = require("../MrlModalContext");
-/**
- * Modal Footer component for the MrlModal
- * @param {AttrsObject} attrs - Additional HTML attributes for the `mrl-modal` element
- * @returns {React.ReactElement} The rendered MrlModalFooter component
- */
-const MrlModalFooter = (_a) => {
-    var { attrs = {}, children, className } = _a, rest = __rest(_a, ["attrs", "children", "className"]);
-    const { scrollableContent } = (0, MrlModalContext_1.useMrlModalContext)();
-    const breakpoint = (0, useBreakpoint_1.useBreakpoint)();
-    const attributes = (0, utils_1.setAttributes)(attrs);
-    const modalFooterClasses = (0, classnames_1.default)(className, 'mrl-modal-footer', MrlModalFooter_module_scss_1.default['mrl-modal-footer'], {
-        [MrlModalFooter_module_scss_1.default['slotted']]: breakpoint === 'xs',
-        [MrlModalFooter_module_scss_1.default['mrl-modal-scroll-shadow-bottom']]: scrollableContent.hasScrollBottom
-    });
-    delete attributes.class;
-    delete attributes.className;
-    return (React.createElement("div", Object.assign({}, rest, attributes, { className: modalFooterClasses }),
-        React.createElement("div", { className: (0, classnames_1.default)('mrl-modal-footer-wrapper', MrlModalFooter_module_scss_1.default['mrl-modal-footer-wrapper']) }, children)));
-};
-exports.MrlModalFooter = MrlModalFooter;

package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.module.css

@@ -1,315 +0,0 @@
-:root {
-  --mrl-button-background-color-skeleton: var(--mrl-color-skeleton);
-  --mrl-button-border-radius: var(--mrl-border-radius-functional);
-}
-
-.mrl-u-preHydrateSkeleton--IcMXq mrl-button:not(.hydrated--GwItp),
-.mrl-u-preHydrateSkeleton--IcMXq mrl-icon-button:not(.hydrated--GwItp),
-.mrl-u-preHydrateSkeleton--IcMXq mrl-shadow-button:not(.hydrated--GwItp) {
-  min-height: var(--mrl-spacing-09);
-  min-width: var(--mrl-spacing-09);
-  background: var(--mrl-button-background-color-skeleton);
-  border-radius: var(--mrl-button-border-radius);
-  box-shadow: none;
-  color: transparent;
-  display: inline-flex;
-  font-family: var(--mrl-body-font);
-  pointer-events: none;
-  visibility: inherit;
-}
-.mrl-u-preHydrateSkeleton--IcMXq mrl-button[kind=inverse]:not(.hydrated--GwItp),
-.mrl-u-preHydrateSkeleton--IcMXq mrl-button[kind=ghost-inverse]:not(.hydrated--GwItp),
-.mrl-u-preHydrateSkeleton--IcMXq mrl-icon-button[kind=inverse]:not(.hydrated--GwItp),
-.mrl-u-preHydrateSkeleton--IcMXq mrl-icon-button[kind=ghost-inverse]:not(.hydrated--GwItp),
-.mrl-u-preHydrateSkeleton--IcMXq mrl-shadow-button[kind=inverse]:not(.hydrated--GwItp),
-.mrl-u-preHydrateSkeleton--IcMXq mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--GwItp) {
-  --mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse);
-}
-
-mrl-button[size=small],
-mrl-shadow-button[size=small] {
-  min-height: var(--mrl-spacing-08);
-}
-
-mrl-icon-button[size=small] {
-  min-height: var(--mrl-spacing-08);
-  min-width: var(--mrl-spacing-08);
-}
-
-mrl-button[size=large],
-mrl-shadow-button[size=large] {
-  min-height: calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));
-}
-
-mrl-icon-button[size=large] {
-  min-height: calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));
-  min-width: calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));
-}
-
-mrl-icon-button[size=xsmall][kind=ghost],
-mrl-icon-button[size=xsmall][kind=ghost-inverse] {
-  min-height: var(--mrl-spacing-07);
-  min-width: var(--mrl-spacing-07);
-}
-
-.mrlIconButton--F5HlV,
-.mrlButton---pLob {
-  --mrl-button-background-color: var(--mrl-color-background);
-  --mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);
-  --mrl-button-background-color-disabled: var(--mrl-color-background);
-  --mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-button-border-color: rgba(var(--mrl-gray-30), 1);
-  --mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);
-  --mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);
-  --mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);
-  --mrl-button-border-width: var(--mrl-line-width-border);
-  --mrl-button-icon-size: var(--mrl-spacing-07);
-  --mrl-button-text-color: rgba(var(--mrl-gray-80), 1);
-  --mrl-button-text-color-active: rgba(var(--mrl-black), 1);
-  --mrl-button-text-color-disabled: var(--mrl-color-text-disabled);
-  --mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);
-  --mrl-button-inset-vertical: 0;
-  --mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);
-  --mrl-button-icon-margin-right: var(--mrl-space-inline-related);
-}
-.mrlIconButton--small--4JGXw,
-.mrlButton--small--dNa0s {
-  min-height: var(--mrl-spacing-08);
-  --mrl-button-icon-size: var(--mrl-spacing-06);
-  --mrl-button-inset-horizontal: var(--mrl-spacing-04);
-}
-.mrlIconButton--F5HlV.mrlIconButton--xsmall--MBceK,
-.mrlButton---pLob.mrlIconButton--xsmall--MBceK {
-  --mrl-button-icon-size: var(--mrl-spacing-06);
-}
-.mrlIconButton--F5HlV.mrlButton--xsmall--lOx9q,
-.mrlButton---pLob.mrlButton--xsmall--lOx9q {
-  --mrl-button-icon-size: var(--mrl-spacing-05);
-}
-.mrlIconButton--F5HlV.mrlIconButton--small--4JGXw,
-.mrlButton---pLob.mrlIconButton--small--4JGXw {
-  min-height: var(--mrl-spacing-08);
-  min-width: var(--mrl-spacing-08);
-}
-.mrlIconButton--F5HlV.mrlIconButton--small--4JGXw + .mrl-tooltip-content--MkmK6,
-.mrlButton---pLob.mrlIconButton--small--4JGXw + .mrl-tooltip-content--MkmK6 {
-  --mrl-tooltip-arrow-spacing: calc(
-  	(var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2
-  );
-}
-.mrlIconButton--large--9dMD1,
-.mrlButton--large--4srXf {
-  min-height: calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));
-  --mrl-button-inset-horizontal: var(--mrl-spacing-05);
-}
-.mrlIconButton--F5HlV.mrlIconButton--large--9dMD1,
-.mrlButton---pLob.mrlIconButton--large--9dMD1 {
-  min-height: calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));
-  min-width: calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));
-}
-.mrlIconButton--F5HlV.mrlButton--primary--EnfeH, .mrlIconButton--F5HlV.mrlButton--ghost--oGPSH, .mrlIconButton--F5HlV.mrlButton--ghost-inverse--LtcRG, .mrlIconButton--F5HlV.mrlIconButton--primary--fDpyR, .mrlIconButton--F5HlV.mrlIconButton--ghost--8W4g6, .mrlIconButton--F5HlV.mrlIconButton--ghost-inverse--k0WQb,
-.mrlButton---pLob.mrlButton--primary--EnfeH,
-.mrlButton---pLob.mrlButton--ghost--oGPSH,
-.mrlButton---pLob.mrlButton--ghost-inverse--LtcRG,
-.mrlButton---pLob.mrlIconButton--primary--fDpyR,
-.mrlButton---pLob.mrlIconButton--ghost--8W4g6,
-.mrlButton---pLob.mrlIconButton--ghost-inverse--k0WQb {
-  --mrl-button-border-color: transparent;
-  --mrl-button-border-color-active: transparent;
-  --mrl-button-border-color-hover: transparent;
-  --mrl-button-border-color-disabled: transparent;
-}
-.mrlIconButton--secondary-native--EAhfK,
-.mrlButton--secondary-native--gctyN {
-  --mrl-button-border-color: transparent;
-  --mrl-button-border-color-active: transparent;
-  --mrl-button-border-color-hover: transparent;
-  --mrl-button-border-color-disabled: transparent;
-}
-.mrlIconButton--primary--fDpyR,
-.mrlButton--primary--EnfeH {
-  --mrl-button-background-color: var(--mrl-color-brand);
-  --mrl-button-background-color-active: var(--mrl-color-brand-active);
-  --mrl-button-background-color-disabled: var(--mrl-color-background-disabled);
-  --mrl-button-background-color-hover: var(--mrl-color-brand-hover);
-  --mrl-button-text-color: var(--mrl-color-text-inverse);
-  --mrl-button-text-color-active: var(--mrl-color-text-inverse);
-  --mrl-button-text-color-disabled: var(--mrl-color-text-inverse);
-  --mrl-button-text-color-hover: var(--mrl-color-text-inverse);
-}
-.mrlIconButton--primary-native--mnLY7,
-.mrlButton--primary-native--HJJyN {
-  --mrl-button-background-color: transparent;
-  --mrl-button-background-color-active: var(--mrl-black-opacity-01);
-  --mrl-button-background-color-disabled: transparent;
-  --mrl-button-background-color-hover: var(--mrl-black-opacity-00);
-  --mrl-button-border-color: transparent;
-  --mrl-button-border-color-active: transparent;
-  --mrl-button-border-color-hover: transparent;
-  --mrl-button-border-color-disabled: transparent;
-  --mrl-button-text-color: rgba(var(--mrl-blue-70), 1);
-  --mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);
-  --mrl-button-text-color-disabled: var(--mrl-black-opacity-03);
-  --mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1);
-}
-.mrlIconButton--ghost--8W4g6,
-.mrlButton--ghost--oGPSH {
-  --mrl-button-background-color: transparent;
-  --mrl-button-background-color-active: var(--mrl-black-opacity-01);
-  --mrl-button-background-color-hover: var(--mrl-black-opacity-00);
-  --mrl-button-background-color-disabled: transparent;
-  --mrl-button-text-color: rgba(var(--mrl-gray-100), 1);
-  --mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);
-  --mrl-button-text-color-disabled: var(--mrl-black-opacity-03);
-  --mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);
-  --mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  --mrl-button-icon-margin-right: var(--mrl-spacing-02);
-}
-.mrlIconButton--ghost--8W4g6[aria-pressed=true], .mrlIconButton--ghost--8W4g6[aria-checked=true], .mrlIconButton--ghost--8W4g6[aria-expanded=true], .mrlIconButton--ghost--8W4g6[aria-selected=true],
-.mrlButton--ghost--oGPSH[aria-pressed=true],
-.mrlButton--ghost--oGPSH[aria-checked=true],
-.mrlButton--ghost--oGPSH[aria-expanded=true],
-.mrlButton--ghost--oGPSH[aria-selected=true] {
-  --mrl-button-background-color: var(--mrl-color-background-inverse);
-  --mrl-button-text-color: var(--mrl-color-text-inverse);
-}
-.mrlIconButton--ghost-inverse--k0WQb,
-.mrlButton--ghost-inverse--LtcRG {
-  --mrl-button-background-color: transparent;
-  --mrl-button-background-color-active: var(--mrl-white-opacity-04);
-  --mrl-button-background-color-hover: var(--mrl-white-opacity-02);
-  --mrl-button-background-color-disabled: transparent;
-  --mrl-button-text-color: var(--mrl-color-text-inverse);
-  --mrl-button-text-color-active: var(--mrl-color-text-inverse);
-  --mrl-button-text-color-hover: var(--mrl-color-text-inverse);
-  --mrl-button-text-color-disabled: var(--mrl-white-opacity-04);
-  --mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  --mrl-button-icon-margin-right: var(--mrl-spacing-02);
-}
-.mrlIconButton--ghost-inverse--k0WQb.mrlButton--skeleton--F5baN,
-.mrlButton--ghost-inverse--LtcRG.mrlButton--skeleton--F5baN {
-  --mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse);
-}
-.mrlIconButton--ghost-inverse--k0WQb.toggleStyle--default--22Opd[aria-pressed=true], .mrlIconButton--ghost-inverse--k0WQb.toggleStyle--default--22Opd[aria-checked=true], .mrlIconButton--ghost-inverse--k0WQb.toggleStyle--default--22Opd[aria-expanded=true], .mrlIconButton--ghost-inverse--k0WQb.toggleStyle--default--22Opd[aria-selected=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--default--22Opd[aria-pressed=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--default--22Opd[aria-checked=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--default--22Opd[aria-expanded=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--default--22Opd[aria-selected=true] {
-  --mrl-button-background-color: var(--mrl-color-background);
-  --mrl-button-text-color: var(--mrl-color-text);
-}
-.mrlIconButton--ghost-inverse--k0WQb.toggleStyle--secondary--dAsxm[aria-pressed=true], .mrlIconButton--ghost-inverse--k0WQb.toggleStyle--secondary--dAsxm[aria-checked=true], .mrlIconButton--ghost-inverse--k0WQb.toggleStyle--secondary--dAsxm[aria-expanded=true], .mrlIconButton--ghost-inverse--k0WQb.toggleStyle--secondary--dAsxm[aria-selected=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--secondary--dAsxm[aria-pressed=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--secondary--dAsxm[aria-checked=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--secondary--dAsxm[aria-expanded=true],
-.mrlButton--ghost-inverse--LtcRG.toggleStyle--secondary--dAsxm[aria-selected=true] {
-  --mrl-button-background-color: var(--mrl-color-accent);
-  --mrl-button-text-color: var(--mrl-color-text-inverse);
-}
-.mrlIconButton--ghost-inverse--k0WQb[aria-disabled=true][aria-pressed=true], .mrlIconButton--ghost-inverse--k0WQb[aria-disabled=true][aria-checked=true], .mrlIconButton--ghost-inverse--k0WQb[aria-disabled=true][aria-expanded=true], .mrlIconButton--ghost-inverse--k0WQb[aria-disabled=true][aria-selected=true],
-.mrlButton--ghost-inverse--LtcRG[aria-disabled=true][aria-pressed=true],
-.mrlButton--ghost-inverse--LtcRG[aria-disabled=true][aria-checked=true],
-.mrlButton--ghost-inverse--LtcRG[aria-disabled=true][aria-expanded=true],
-.mrlButton--ghost-inverse--LtcRG[aria-disabled=true][aria-selected=true] {
-  --mrl-button-background-color-disabled: var(--mrl-white-opacity-03);
-  --mrl-button-text-color-disabled: var(--mrl-white-opacity-04);
-}
-.mrlIconButton--inverse--Q9Vwi,
-.mrlButton--inverse--4Zwk- {
-  --mrl-button-background-color: var(--mrl-color-background);
-  --mrl-button-background-color-active: var(--mrl-white-opacity-06);
-  --mrl-button-background-color-hover: var(--mrl-white-opacity-08);
-  --mrl-button-background-color-disabled: var(--mrl-white-opacity-03);
-  --mrl-button-border-color: transparent;
-  --mrl-button-border-color-active: transparent;
-  --mrl-button-border-color-hover: transparent;
-  --mrl-button-border-color-disabled: transparent;
-  --mrl-button-text-color: rgba(var(--mrl-gray-100), 1);
-  --mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);
-  --mrl-button-text-color-disabled: var(--mrl-black-opacity-03);
-}
-.mrlIconButton--inverse--Q9Vwi.mrlButton--skeleton--F5baN,
-.mrlButton--inverse--4Zwk-.mrlButton--skeleton--F5baN {
-  --mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse);
-}
-.mrlIconButton--F5HlV[aria-disabled=true][aria-pressed=true], .mrlIconButton--F5HlV[aria-disabled=true][aria-checked=true], .mrlIconButton--F5HlV[aria-disabled=true][aria-expanded=true], .mrlIconButton--F5HlV[aria-disabled=true][aria-selected=true],
-.mrlButton---pLob[aria-disabled=true][aria-pressed=true],
-.mrlButton---pLob[aria-disabled=true][aria-checked=true],
-.mrlButton---pLob[aria-disabled=true][aria-expanded=true],
-.mrlButton---pLob[aria-disabled=true][aria-selected=true] {
-  --mrl-button-background-color-disabled: var(--mrl-black-opacity-03);
-  --mrl-button-text-color-disabled: var(--mrl-color-text-inverse);
-}
-
-.mrl-modal--lj9Wg {
-  --mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);
-  --mrl-modal-padding-vertical: var(--mrl-spacing-07);
-  --mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);
-  --mrl-modal-padding-vertical-top: var(--mrl-spacing-07);
-  --mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);
-  --mrl-modal-padding-vertical-content: var(--mrl-spacing-02);
-  --mrl-modal-padding-horizontal: var(--mrl-spacing-07);
-  --mrl-modal-close-inline-margin: var(--mrl-space-inline-related);
-  --mrl-modal-close-offset: var(--mrl-spacing-06);
-}
-
-@media screen and (min-width: 37.5rem) {
-  .mrl-modal--lj9Wg,
-  .mrl-modal--lj9Wg .footer--FUsvs.slotted--GdEOi .mrl-modal-footer--RIPcW,
-  .mrl-modal--lj9Wg .header--oybay.slotted--GdEOi .mrl-modal-header--y7Xh9 {
-    --mrl-modal-padding-horizontal: var(--mrl-spacing-08);
-  }
-  .mrl-modal--large--IEL8Y,
-  .mrl-modal--large--IEL8Y .footer--FUsvs.slotted--GdEOi .mrl-modal-footer--RIPcW,
-  .mrl-modal--large--IEL8Y .header--oybay.slotted--GdEOi .mrl-modal-header--y7Xh9 {
-    --mrl-modal-padding-horizontal: var(--mrl-spacing-09);
-  }
-}
-.mrl-native-modal--bfKmU,
-.mrl-display-modal--Ha7Jf {
-  --mrl-modal-padding-horizontal: var(--mrl-spacing-05);
-}
-
-.mrl-modal-footer--RIPcW {
-  --mrl-modal-footer-inline-margin: var(--mrl-spacing-03);
-}
-
-.mrl-modal-footer--RIPcW {
-  display: flex;
-  flex-direction: row;
-  gap: var(--mrl-modal-footer-inline-margin);
-  padding: var(--mrl-modal-padding-vertical-footer) var(--mrl-modal-padding-horizontal);
-  transition: box-shadow var(--mrl-duration-04) var(--mrl-timing-m2);
-}
-
-.mrl-modal-footer-wrapper--LSYsj {
-  display: flex;
-  flex-direction: column;
-  gap: var(--mrl-modal-footer-inline-margin);
-  width: 100%;
-}
-
-.slotted--GdEOi .mrlButton {
-  display: block;
-  width: 100%;
-}
-
-@media screen and (min-width: 37.5rem) {
-  .mrl-modal-footer--RIPcW {
-    flex-direction: row;
-    justify-content: space-between;
-  }
-  .mrl-modal-footer-wrapper--LSYsj {
-    flex-direction: row;
-    justify-content: right;
-  }
-  .mrl-modal-footer-wrapper--LSYsj .slotted--GdEOi {
-    display: inline-flex;
-    width: auto;
-  }
-}
-.mrl-modal-scroll-shadow-bottom--aXjs2 {
-  box-shadow: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 -3px 4px rgba(var(--mrl-black), 0.08);
-  border-bottom-left-radius: var(--mrl-modal-border-radius);
-  border-bottom-right-radius: var(--mrl-modal-border-radius);
-}

package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.module.scss.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlModalFooter.module.css");
-exports.default = {
-	"mrl-u-preHydrateSkeleton": "mrl-u-preHydrateSkeleton--IcMXq",
-	"hydrated": "hydrated--GwItp",
-	"mrlIconButton": "mrlIconButton--F5HlV",
-	"mrlButton": "mrlButton---pLob",
-	"mrlIconButton--small": "mrlIconButton--small--4JGXw",
-	"mrlButton--small": "mrlButton--small--dNa0s",
-	"mrlIconButton--xsmall": "mrlIconButton--xsmall--MBceK",
-	"mrlButton--xsmall": "mrlButton--xsmall--lOx9q",
-	"mrl-tooltip-content": "mrl-tooltip-content--MkmK6",
-	"mrlIconButton--large": "mrlIconButton--large--9dMD1",
-	"mrlButton--large": "mrlButton--large--4srXf",
-	"mrlButton--primary": "mrlButton--primary--EnfeH",
-	"mrlButton--ghost": "mrlButton--ghost--oGPSH",
-	"mrlButton--ghost-inverse": "mrlButton--ghost-inverse--LtcRG",
-	"mrlIconButton--primary": "mrlIconButton--primary--fDpyR",
-	"mrlIconButton--ghost": "mrlIconButton--ghost--8W4g6",
-	"mrlIconButton--ghost-inverse": "mrlIconButton--ghost-inverse--k0WQb",
-	"mrlIconButton--secondary-native": "mrlIconButton--secondary-native--EAhfK",
-	"mrlButton--secondary-native": "mrlButton--secondary-native--gctyN",
-	"mrlIconButton--primary-native": "mrlIconButton--primary-native--mnLY7",
-	"mrlButton--primary-native": "mrlButton--primary-native--HJJyN",
-	"mrlButton--skeleton": "mrlButton--skeleton--F5baN",
-	"toggleStyle--default": "toggleStyle--default--22Opd",
-	"toggleStyle--secondary": "toggleStyle--secondary--dAsxm",
-	"mrlIconButton--inverse": "mrlIconButton--inverse--Q9Vwi",
-	"mrlButton--inverse": "mrlButton--inverse--4Zwk-",
-	"mrl-modal": "mrl-modal--lj9Wg",
-	"footer": "footer--FUsvs",
-	"slotted": "slotted--GdEOi",
-	"mrl-modal-footer": "mrl-modal-footer--RIPcW",
-	"header": "header--oybay",
-	"mrl-modal-header": "mrl-modal-header--y7Xh9",
-	"mrl-modal--large": "mrl-modal--large--IEL8Y",
-	"mrl-native-modal": "mrl-native-modal--bfKmU",
-	"mrl-display-modal": "mrl-display-modal--Ha7Jf",
-	"mrl-modal-footer-wrapper": "mrl-modal-footer-wrapper--LSYsj",
-	"mrl-modal-scroll-shadow-bottom": "mrl-modal-scroll-shadow-bottom--aXjs2"
-};

package/dist/cjs/components/modal/MrlModalFooter/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlModalFooter = void 0;
-var MrlModalFooter_1 = require("./MrlModalFooter");
-Object.defineProperty(exports, "MrlModalFooter", { enumerable: true, get: function () { return MrlModalFooter_1.MrlModalFooter; } });