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

package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.scss.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlLabelWithDescription.module.css");
-exports.default = {
-	"MrlLabelWithDescription": "MrlLabelWithDescription--QyxQJ",
-	"mrl-is--selected": "mrl-is--selected--iIbJc",
-	"mrl-is--indeterminate": "mrl-is--indeterminate--3M0m-",
-	"mrl-is--disabled": "mrl-is--disabled--qE6xi",
-	"MrlLabelWithDescription-label": "MrlLabelWithDescription-label--pY3uV",
-	"has-icon": "has-icon--sa3DP",
-	"has-multiline-label": "has-multiline-label--yHEOK",
-	"MrlLabelWithDescription-description": "MrlLabelWithDescription-description--aWfRw",
-	"MrlLabelWithDescription-text": "MrlLabelWithDescription-text--JLnVU"
-};

package/dist/cjs/components/form/label/MrlLabelWithDescription/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("./MrlLabelWithDescription"), exports);

package/dist/cjs/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.js

@@ -1,295 +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.MrlLegacySelect = 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 constants_1 = require("../../constants");
-const SelectContext_1 = require("../context/SelectContext");
-const utils_1 = require("../../utils");
-const utils_2 = require("../../../../utils");
-const hooks_1 = require("../../../../hooks");
-const layers_1 = require("../../../../utils/layers");
-const useClickOutside_1 = require("../../../../hooks/useClickOutside");
-const MrlLegacySelect_module_scss_1 = __importDefault(require("./MrlLegacySelect.module.scss.js"));
-/**
- * Creates and exports component class for Mural Select
- *
- * @param {MrlLegacySelectProptypes} props the props for your MrlLink
- * @returns {React.ReactElement} an a element containing the text you pass
- */
-const MrlLegacySelect = (_a) => {
-    var { attrs = {}, children, kind = constants_1.selectDefaults.kind, labelId, size = constants_1.selectDefaults.size } = _a, theRest = __rest(_a, ["attrs", "children", "kind", "labelId", "size"]);
-    const selectRef = React.useRef(null);
-    const portalRef = React.useRef(null);
-    const { dispatch, state: dispatchState } = (0, SelectContext_1.useSelect)();
-    const coords = (0, hooks_1.useCoordinate)(selectRef.current, false, dispatchState.open);
-    const handleOpen = React.useCallback((e) => {
-        var _a;
-        e.stopPropagation();
-        if (dispatchState.open) {
-            dispatch({ payload: 'mouse', type: 'close' });
-        }
-        else {
-            dispatch({ type: 'open' });
-        }
-        (_a = theRest.onClick) === null || _a === void 0 ? void 0 : _a.call(theRest, e);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dispatchState.open]);
-    const handleKeyPress = React.useCallback((event) => {
-        var _a;
-        // trap tab when we are open
-        if (dispatchState.open && event.key === 'Tab') {
-            event.preventDefault();
-            event.stopPropagation();
-            return;
-        }
-        const action = (0, utils_1.getActionFromKey)(event, dispatchState.open);
-        switch (action) {
-            case utils_1.actions.Last:
-            case utils_1.actions.First:
-                dispatch({ type: 'open' });
-                break;
-            case utils_1.actions.Type:
-                event.preventDefault();
-                event.stopPropagation();
-                dispatch({ type: 'open' });
-                break;
-            case utils_1.actions.Open:
-                event.preventDefault();
-                event.stopPropagation();
-                dispatch({ type: 'open' });
-                break;
-        }
-        (_a = theRest.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(theRest, event);
-    }, 
-    // only want to rereun this when our keydown changes or our state changes.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dispatchState, theRest.onKeyDown]);
-    /**
-     * @TODO: move menu key handling to MrlLegacySelectMenu
-     */
-    const handleGlobalKeyPress = React.useCallback((event) => {
-        var _a;
-        const action = (0, utils_1.getActionFromKey)(event, dispatchState.open);
-        const items = ((_a = portalRef === null || portalRef === void 0 ? void 0 : portalRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.mrl-selectItem')) || [];
-        const lastItemIndex = (items === null || items === void 0 ? void 0 : items.length) - 1;
-        const firstItemIndex = 0;
-        const focusIndex = dispatchState.focusIndex || 0;
-        switch (action) {
-            case utils_1.actions.PageDown:
-            case utils_1.actions.Last:
-                event.stopPropagation();
-                event.preventDefault();
-                dispatch({
-                    payload: (0, utils_1.getUpdatedIndex)(focusIndex, lastItemIndex, action),
-                    type: 'focus'
-                });
-                break;
-            case utils_1.actions.PageUp:
-            case utils_1.actions.First:
-                event.stopPropagation();
-                event.preventDefault();
-                dispatch({
-                    payload: (0, utils_1.getUpdatedIndex)(focusIndex, lastItemIndex, action),
-                    type: 'focus'
-                });
-                break;
-            case utils_1.actions.Previous:
-                event.stopPropagation();
-                event.preventDefault();
-                // if not our first item then focus next.
-                if (firstItemIndex !== focusIndex) {
-                    dispatch({
-                        payload: focusIndex - 1,
-                        type: 'focus'
-                    });
-                }
-                break;
-            case utils_1.actions.Next:
-                event.stopPropagation();
-                event.preventDefault();
-                // if not our last item then focus next.
-                if (lastItemIndex !== focusIndex) {
-                    dispatch({
-                        payload: focusIndex + 1,
-                        type: 'focus'
-                    });
-                }
-                break;
-            case utils_1.actions.CloseSelect:
-            case utils_1.actions.Close:
-                dispatch({ payload: 'keyboard', type: 'close' });
-                break;
-        }
-    }, 
-    // only want to change when state changes or we have different children.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dispatchState, children]);
-    /**
-     * Detects if the select element has moved and closes the menu if it has
-     *
-     * We are using requestAnimationFrame to check the position of the select element
-     * and compare it to the last known position. If the position has changed, we close
-     * the menu.
-     */
-    const lastPosition = React.useRef(null);
-    const animationFrameRef = React.useRef(null);
-    React.useEffect(() => {
-        const checkPositionChange = () => {
-            if (selectRef.current && dispatchState.open) {
-                const currentPosition = selectRef.current.getBoundingClientRect();
-                // If the last position is different than the current position, we know that the
-                // menu has scrolled and we should close it.
-                if (lastPosition.current && lastPosition.current.y !== currentPosition.y) {
-                    lastPosition.current = null;
-                    dispatch({ payload: 'mouse', type: 'close' });
-                    return;
-                }
-                lastPosition.current = currentPosition;
-            }
-            animationFrameRef.current = requestAnimationFrame(checkPositionChange);
-        };
-        if (dispatchState.open) {
-            animationFrameRef.current = requestAnimationFrame(checkPositionChange);
-        }
-        return () => {
-            if (animationFrameRef.current) {
-                cancelAnimationFrame(animationFrameRef.current);
-            }
-        };
-    }, [dispatch, dispatchState.open]);
-    /**
-     * Sets focus to select element when it is closed
-     */
-    React.useEffect(() => {
-        var _a;
-        if (!dispatchState.open && dispatchState.actionType === 'keyboard') {
-            (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatchState.open]);
-    /**
-     * @TODO: move menu key handling to MrlLegacySelectMenu
-     */
-    React.useEffect(() => {
-        if (dispatchState.disabled || dispatchState.readOnly) {
-            return;
-        }
-        document === null || document === void 0 ? void 0 : document.addEventListener('keydown', handleGlobalKeyPress);
-        return () => {
-            document === null || document === void 0 ? void 0 : document.removeEventListener('keydown', handleGlobalKeyPress);
-        };
-    }, [handleGlobalKeyPress, dispatchState.disabled, dispatchState.readOnly]);
-    /**
-     * This useEffect is responsible for setting the value if it passed in or changed
-     * when the select is being used as a controlled component
-     */
-    React.useEffect(() => {
-        const value = dispatchState.controlledValue;
-        if (value && value !== dispatchState.selectedItem) {
-            dispatch({ payload: value, type: 'select' });
-            if (children) {
-                // The first child is an instance of MrlLegacySelectMenu, so let's grab that
-                // because we are looking to match the value against the children passed
-                // into the MrlLegacySelectMenu component
-                const selectMenu = React.Children.toArray(children)[0];
-                if (React.isValidElement(selectMenu)) {
-                    // Now let's grab the children of the array
-                    const menuChildren = React.Children.toArray(selectMenu.props.children);
-                    // Once we have the children, we want to iterate over them to check to see if
-                    // the controlled value passed to the component matches any of the items in the menu
-                    const matchedItem = menuChildren.find((item) => 
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    React.isValidElement(item) && item.props.value === value);
-                    // If we found a match, we want to set the selected text to the value of the item's children
-                    if (matchedItem && React.isValidElement(matchedItem)) {
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        const selectedText = matchedItem.props.children;
-                        dispatch({ payload: selectedText, type: 'selectedText' });
-                    }
-                }
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [children, dispatchState.controlledValue, dispatchState.selectedItem]);
-    const attributes = (0, utils_2.setAttributes)(attrs, Object.assign({ 'aria-controls': dispatchState.id, 'aria-disabled': dispatchState.disabled ? 'true' : 'false', 'aria-expanded': dispatchState.open.toString(), 'aria-haspopup': 'listbox', 'aria-labelledby': labelId, role: 'combobox' }, (!dispatchState.disabled && { tabIndex: '0' })));
-    const allClasses = (0, classnames_1.default)('mrl-select', attributes.className, theRest.className, {
-        [MrlLegacySelect_module_scss_1.default['mrl-select']]: true,
-        [MrlLegacySelect_module_scss_1.default['mrl-select--disabled']]: dispatchState.disabled,
-        [MrlLegacySelect_module_scss_1.default['mrl-select--read-only']]: dispatchState.readOnly
-    });
-    const selectClasses = (0, classnames_1.default)('mrl-select-trigger', {
-        [MrlLegacySelect_module_scss_1.default['mrl-select-trigger']]: true,
-        [MrlLegacySelect_module_scss_1.default['mrl-select-trigger--border']]: kind === 'default',
-        [MrlLegacySelect_module_scss_1.default[`mrl-select-trigger--${kind}`]]: kind !== 'default',
-        [MrlLegacySelect_module_scss_1.default[`mrl-select-trigger--${size}`]]: size !== 'default'
-    });
-    const svgClasses = (0, classnames_1.default)({
-        [MrlLegacySelect_module_scss_1.default['mrl-is--open']]: dispatchState.open,
-        [MrlLegacySelect_module_scss_1.default['mrl-select-trigger-indicator']]: true
-    });
-    const selectedText = React.useMemo(() => {
-        if (dispatchState.selectedText) {
-            return dispatchState.selectedText;
-        }
-        if (children) {
-            return React.Children.toArray(children)[0];
-        }
-        return 'loading...';
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatchState.selectedText]);
-    const closeSelect = () => dispatch({ payload: 'mouse', type: 'close' });
-    (0, useClickOutside_1.useClickOutside)(selectRef, portalRef, 'mousedown', closeSelect);
-    return (React.createElement("div", Object.assign({}, attributes, theRest, (!dispatchState.disabled && !dispatchState.readOnly && { onClick: handleOpen }), (!dispatchState.disabled && !dispatchState.readOnly && { onKeyDown: handleKeyPress }), { "data-value": dispatchState.selectedItem, id: dispatchState.id, className: allClasses, ref: selectRef }),
-        React.createElement("div", { className: selectClasses },
-            React.createElement("span", null, selectedText),
-            !dispatchState.readOnly && (React.createElement(__1.MrlSvg, { svg: dispatchState.open ? ds_icons_1.chevronUpFilled : ds_icons_1.chevronDownFilled, className: svgClasses, size: "small" }))),
-        dispatchState.open && (React.createElement(__1.MrlPortal, { id: "mrl-select-portal", layer: layers_1.PORTAL_LAYERS.SELECT },
-            React.createElement("div", { ref: portalRef, style: {
-                    left: coords.left,
-                    position: 'absolute',
-                    top: coords.top + coords.height,
-                    width: `${coords.width}px`
-                } }, children)))));
-};
-exports.MrlLegacySelect = MrlLegacySelect;

package/dist/cjs/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.module.css

@@ -1,319 +0,0 @@
-/* stylelint-disable scss/operator-no-newline-after */
-.mrl-u-focus-wrapper--N3M5U {
-  position: relative;
-}
-
-:root,
-:host {
-  --mrl-text-input-background: var(--mrl-color-background);
-  --mrl-text-input-background-color-hover: var(--mrl-color-background);
-  --mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);
-  --mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);
-  --mrl-text-input-border-width: var(--mrl-line-width-border);
-  --mrl-text-input-border-color-hover: var(--mrl-color-line-hover);
-  --mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);
-  --mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);
-  --mrl-text-input-border-color-focus: var(--mrl-color-line-active);
-  --mrl-text-input-border-radius: var(--mrl-border-radius-functional);
-  --mrl-text-input-color: rgba(var(--mrl-gray-90), 1);
-  --mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);
-  --mrl-text-input-color-disabled: var(--mrl-color-text-disabled);
-  --mrl-text-input-color-read-only: var(--mrl-gray-90);
-  --mrl-text-input-height: var(--mrl-spacing-09);
-  --mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);
-  --mrl-text-input-inset-vertical: var(--mrl-space-inset);
-  --mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);
-  --mrl-text-input-padding: var(--mrl-text-input-inset-vertical)
-  	var(--mrl-text-input-inset-horizontal);
-  --mrl-input-icon-offset: var(--mrl-spacing-03);
-  --mrl-checkbox-height: var(--mrl-spacing-09);
-  --mrl-checkbox-input-affordance: var(--mrl-spacing-08);
-  --mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  --mrl-checkbox-input-size: var(--mrl-spacing-06);
-  --mrl-checkbox-input-background: var(--mrl-color-background);
-  --mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);
-  --mrl-checkbox-input-color: var(--mrl-color-text-inverse);
-  --mrl-checkbox-input-border-width: var(--mrl-line-width-control);
-  --mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);
-  --mrl-radio-button-height: var(--mrl-spacing-06);
-  --mrl-radio-button-width: var(--mrl-spacing-06);
-  --mrl-radio-button-fill-size: var(--mrl-spacing-04);
-  --mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);
-  --mrl-radio-button-border-width: var(--mrl-line-width-border);
-  --mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);
-  --mrl-radio-button-background: var(--mrl-color-background);
-  --mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);
-  --mrl-select-background-color-read-only: var(--mrl-black-opacity-00);
-  --mrl-select-border-color-read-only: rgba(0, 0, 0, 0%);
-}
-
-.mrl-checkbox-input--mxyTc:checked ~ .mrl-checkbox-inputDisplay--HAb8X,
-.MrlCheckboxStandalone-input--h9013:checked ~ .MrlCheckboxStandalone-inputDisplay--fUhs-,
-.mrl-checkbox-input--mxyTc:indeterminate ~ .mrl-checkbox-inputDisplay--HAb8X,
-.MrlCheckboxStandalone-input--h9013:indeterminate ~ .MrlCheckboxStandalone-inputDisplay--fUhs- {
-  --mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);
-  --mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1);
-}
-
-:host {
-  --mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  --mrl-select-item-spacing-stack: var(--mrl-spacing-02);
-  --mrl-select-item-text-affordance: calc(
-  	var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small)
-  );
-}
-
-.MrlForm-counter---akvk {
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-type-size-text-xxsmall);
-  font-weight: var(--mrl-type-weight-text);
-  letter-spacing: var(--mrl-type-spacing-text);
-  line-height: var(--mrl-type-line-height-text-xxsmall);
-  color: rgba(var(--mrl-gray-80), 1);
-  display: block;
-  margin-top: var(--mrl-spacing-02);
-  text-align: right;
-  width: 100%;
-}
-
-.mrl-select--GCrJo {
-  --mrl-select-trigger-indicator-color: var(--mrl-text-input-border-color);
-  --mrl-select-trigger-indicator-color-hover: var(--mrl-text-input-border-color-hover);
-  --mrl-select-trigger-indicator-color-focus: var(--mrl-text-input-border-color-focus);
-}
-
-.mrl-select--GCrJo:focus-within > .mrl-select-trigger--inline--KArrm {
-  --mrl-text-input-border-color-focus: transparent;
-}
-
-.mrl-select--GCrJo {
-  display: block;
-  position: relative;
-}
-
-.mrl-select-trigger--UUVVY {
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-type-size-text-small);
-  font-weight: var(--mrl-type-weight-text);
-  letter-spacing: var(--mrl-type-spacing-text);
-  line-height: var(--mrl-type-line-height-text-small);
-  background: var(--mrl-text-input-background);
-  border-color: var(--mrl-text-input-border-color);
-  border-radius: var(--mrl-text-input-border-radius);
-  border-style: solid;
-  border-width: var(--mrl-text-input-border-width);
-  color: var(--mrl-text-input-color);
-  margin: 0;
-  min-height: var(--mrl-text-input-height);
-  padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);
-  transition: background-color var(--mrl-duration-03) var(--mrl-timing-m2), border-color var(--mrl-duration-03) var(--mrl-timing-m2), color var(--mrl-duration-03) var(--mrl-timing-m2), padding-left var(--mrl-duration-03) var(--mrl-timing-m2);
-  width: 100%;
-  align-items: center;
-  box-sizing: border-box;
-  cursor: pointer;
-  display: flex;
-  justify-content: space-between;
-  padding-right: var(--mrl-input-icon-offset);
-  position: relative;
-  width: auto;
-}
-.mrl-select-trigger--UUVVY::placeholder {
-  color: var(--mrl-text-input-placeholder-color);
-}
-.mrl-select-trigger--UUVVY:hover {
-  --mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);
-  --mrl-text-input-background: var(--mrl-text-input-background-color-hover);
-}
-.mrl-select-trigger--UUVVY:focus {
-  --mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);
-  color: var(--mrl-text-input-color-focus);
-}
-.mrl-select-trigger--UUVVY:focus-visible {
-  outline: none;
-}
-.mrl-select-trigger--UUVVY:disabled {
-  --mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);
-  color: var(--mrl-text-input-color-disabled);
-  pointer-events: none;
-}
-.mrl-select-trigger--UUVVY:disabled::placeholder {
-  color: var(--mrl-text-input-color-disabled);
-}
-.mrl-select-trigger--UUVVY[aria-invalid=true] {
-  border-color: var(--mrl-color-background-error);
-}
-
-.mrl-select--read-only--SmmR6 {
-  pointer-events: none;
-}
-.mrl-select--read-only--SmmR6 .mrl-select-trigger--UUVVY {
-  background-color: var(--mrl-select-background-color-read-only);
-  border-color: var(--mrl-select-border-color-read-only);
-}
-
-.mrl-select--GCrJo:focus-within > .mrl-select-trigger--UUVVY {
-  border-color: var(--mrl-text-input-border-color-focus);
-}
-
-.mrl-select--GCrJo:focus-within > .mrl-select-trigger--UUVVY::after {
-  animation-duration: var(--mrl-duration-03);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-  animation-timing-function: var(--mrl-timing-m3);
-  border: 0 solid transparent;
-  border-radius: calc(
-		var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
-	);
-  bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)) * -1);
-  content: "";
-  display: block;
-  left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)) * -1);
-  position: absolute;
-  right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)) * -1);
-  top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)) * -1);
-  z-index: 1;
-  animation-name: border-animation--E8hLn;
-}
-@keyframes border-animation--E8hLn {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-  }
-}
-@keyframes border-animation-inverse--AktDJ {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width)
-					) * -1);
-  }
-}
-
-.mrl-select--GCrJo:focus-visible {
-  outline: none;
-}
-
-.mrl-select-trigger--UUVVY span {
-  display: flex;
-}
-
-.mrl-select-trigger--UUVVY span mrl-svg {
-  flex-basis: fit-content;
-  margin-right: var(--mrl-select-item-icon-spacing);
-  max-width: var(--mrl-select-item-icon-size);
-}
-
-.mrl-select-trigger-indicator--K9Hbd {
-  color: var(--mrl-trigger-indicator-color);
-  margin-left: var(--mrl-input-icon-offset);
-}
-
-.mrl-select-trigger-indicator--K9Hbd.mrl-is--open--HVbzI {
-  transform: rotate(180deg);
-}
-
-.mrl-select--GCrJo:focus-within .mrl-select-trigger-indicator--K9Hbd {
-  color: var(--mrl-trigger-indicator-color-focus);
-}
-
-.mrl-select-trigger--UUVVY:hover .mrl-select-trigger-indicator--K9Hbd {
-  color: var(--mrl-trigger-indicator-color-hover);
-}
-
-.mrl-select-trigger--inline--KArrm {
-  --mrl-text-input-border-color: transparent;
-  --mrl-text-input-border-color-focus: transparent;
-  --mrl-text-input-inset-vertical: var(--mrl-spacing-02);
-  --mrl-text-input-inset-horizontal: var(--mrl-spacing-03);
-  --mrl-text-input-height: var(--mrl-spacing-08);
-  font-weight: var(--mrl-font-weight-04);
-}
-.mrl-select-trigger--inline--KArrm:hover {
-  --mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);
-  --mrl-text-input-border-color: transparent;
-}
-
-.mrl-select-trigger--inline-label--fEQI3 {
-  --mrl-text-input-border-color: transparent;
-  --mrl-text-input-border-color-focus: transparent;
-  --mrl-text-input-inset-vertical: var(--mrl-spacing-02);
-  --mrl-text-input-inset-horizontal: var(--mrl-spacing-03);
-  --mrl-text-input-height: var(--mrl-spacing-08);
-  color: var(--mrl-color-text-secondary);
-}
-.mrl-select-trigger--inline-label--fEQI3:hover {
-  --mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);
-  --mrl-text-input-border-color: transparent;
-}
-
-.mrl-select-trigger--large--2rale {
-  --mrl-text-input-height: var(--mrl-spacing-09);
-}
-
-/* stylelint-disable no-descending-specificity */
-.mrl-select--disabled--pBMeQ .mrl-select-trigger--UUVVY {
-  color: var(--mrl-text-input-color-disabled);
-  pointer-events: none;
-}
-.mrl-select--disabled--pBMeQ .mrl-select-trigger-border--Xz-mq {
-  border-color: var(--mrl-text-input-border-color-disabled);
-}
-.mrl-select--disabled--pBMeQ .mrl-select-trigger-indicator--K9Hbd {
-  color: var(--mrl-text-input-color-disabled);
-  cursor: default;
-  pointer-events: none;
-}

package/dist/cjs/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.module.scss.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlLegacySelect.module.css");
-exports.default = {
-	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--N3M5U",
-	"mrl-checkbox-input": "mrl-checkbox-input--mxyTc",
-	"mrl-checkbox-inputDisplay": "mrl-checkbox-inputDisplay--HAb8X",
-	"MrlCheckboxStandalone-input": "MrlCheckboxStandalone-input--h9013",
-	"MrlCheckboxStandalone-inputDisplay": "MrlCheckboxStandalone-inputDisplay--fUhs-",
-	"MrlForm-counter": "MrlForm-counter---akvk",
-	"mrl-select": "mrl-select--GCrJo",
-	"mrl-select-trigger--inline": "mrl-select-trigger--inline--KArrm",
-	"mrl-select-trigger": "mrl-select-trigger--UUVVY",
-	"mrl-select--read-only": "mrl-select--read-only--SmmR6",
-	"border-animation": "border-animation--E8hLn",
-	"mrl-select-trigger-indicator": "mrl-select-trigger-indicator--K9Hbd",
-	"mrl-is--open": "mrl-is--open--HVbzI",
-	"mrl-select-trigger--inline-label": "mrl-select-trigger--inline-label--fEQI3",
-	"mrl-select-trigger--large": "mrl-select-trigger--large--2rale",
-	"mrl-select--disabled": "mrl-select--disabled--pBMeQ",
-	"mrl-select-trigger-border": "mrl-select-trigger-border--Xz-mq",
-	"border-animation-inverse": "border-animation-inverse--AktDJ"
-};

package/dist/cjs/components/form/legacy-select/MrlLegacySelect/index.js

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