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

package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.css

@@ -1,154 +0,0 @@
-/* stylelint-disable scss/operator-no-newline-after */
-.mrl-u-focus-wrapper--eZAEj {
-  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--8EqpS:checked ~ .mrl-checkbox-inputDisplay--ZUcBm,
-.MrlCheckboxStandalone-input--AxbrZ:checked ~ .MrlCheckboxStandalone-inputDisplay--V3-Ll,
-.mrl-checkbox-input--8EqpS:indeterminate ~ .mrl-checkbox-inputDisplay--ZUcBm,
-.MrlCheckboxStandalone-input--AxbrZ:indeterminate ~ .MrlCheckboxStandalone-inputDisplay--V3-Ll {
-  --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)
-  );
-}
-
-.MrlRadioButtonStandalone-input--miwTL:focus-within ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  --mrl-radio-button-border-color: var(--mrl-color-line-active);
-}
-
-.MrlRadioButtonStandalone-input--miwTL:hover ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  --mrl-radio-button-border-color: var(--mrl-color-line-hover);
-}
-
-.MrlRadioButtonStandalone-input--miwTL:checked ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  --mrl-radio-button-border-color: var(--mrl-radio-button-background-selected);
-}
-.MrlRadioButtonStandalone-input--miwTL:checked ~ .MrlRadioButtonStandalone-faux-input--xcnVn::before {
-  --mrl-radio-button-background: var(--mrl-radio-button-background-selected);
-}
-
-.MrlRadioButtonStandalone-input--miwTL:disabled ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  --mrl-radio-button-border-color: var(--mrl-color-line-disabled);
-}
-
-.MrlRadioButtonStandalone-input--miwTL.hasError--ifSAg ~ .MrlRadioButtonStandalone-faux-input--xcnVn,
-.MrlRadioButtonStandalone-input--miwTL.hasError--ifSAg:checked ~ .MrlRadioButtonStandalone-faux-input--xcnVn,
-.MrlRadioButtonStandalone-input--miwTL.hasError--ifSAg:hover ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  --mrl-radio-button-border-color: var(--mrl-color-background-error);
-}
-
-.MrlRadioButtonStandalone-input--miwTL.hasError--ifSAg:checked ~ .MrlRadioButtonStandalone-faux-input--xcnVn::before {
-  --mrl-radio-button-background: var(--mrl-color-background-error);
-}
-
-.MrlRadioButtonStandalone-input--miwTL:disabled:checked ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  --mrl-radio-button-border-color: var(--mrl-color-line-disabled);
-}
-.MrlRadioButtonStandalone-input--miwTL:disabled:checked ~ .MrlRadioButtonStandalone-faux-input--xcnVn::before {
-  --mrl-radio-button-background: var(--mrl-color-background-disabled);
-}
-
-.MrlRadioButtonStandalone--OPeQ- {
-  display: inline-block;
-  margin: calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));
-  margin-left: var(--mrl-spacing-01);
-  min-height: var(--mrl-radio-button-height);
-  min-width: var(--mrl-radio-button-width);
-  position: relative;
-}
-
-.MrlRadioButtonStandalone-input--miwTL {
-  appearance: none;
-  cursor: pointer;
-  height: var(--mrl-radio-button-height);
-  left: 0;
-  margin: 0;
-  opacity: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  vertical-align: middle;
-  width: var(--mrl-radio-button-width);
-  z-index: 1;
-}
-.MrlRadioButtonStandalone-input--miwTL:disabled, .MrlRadioButtonStandalone-input--miwTL ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  cursor: default;
-  pointer-events: none;
-}
-.MrlRadioButtonStandalone-input--miwTL ~ .MrlRadioButtonStandalone-faux-input--xcnVn {
-  background-color: var(--mrl-radio-button-background);
-  border-color: var(--mrl-radio-button-border-color);
-  border-radius: var(--mrl-radio-button-border-radius);
-  border-style: solid;
-  border-width: var(--mrl-radio-button-border-width);
-  height: var(--mrl-radio-button-height);
-  left: 0;
-  position: absolute;
-  top: 0;
-  transition: background-color var(--mrl-duration-03) var(--mrl-timing-m2), border-color var(--mrl-duration-03) var(--mrl-timing-m2);
-  width: var(--mrl-radio-button-width);
-}
-.MrlRadioButtonStandalone-input--miwTL ~ .MrlRadioButtonStandalone-faux-input--xcnVn::before {
-  background-color: var(--mrl-radio-button-background);
-  border-radius: var(--mrl-border-radius-rounded);
-  content: "";
-  cursor: pointer;
-  height: var(--mrl-radio-button-fill-size);
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transition: background-color var(--mrl-duration-03) var(--mrl-timing-m2);
-  width: var(--mrl-radio-button-fill-size);
-}

package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.scss.js

@@ -1,12 +0,0 @@
-import "./MrlRadioButtonStandalone.module.css";
-export default {
-	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--eZAEj",
-	"mrl-checkbox-input": "mrl-checkbox-input--8EqpS",
-	"mrl-checkbox-inputDisplay": "mrl-checkbox-inputDisplay--ZUcBm",
-	"MrlCheckboxStandalone-input": "MrlCheckboxStandalone-input--AxbrZ",
-	"MrlCheckboxStandalone-inputDisplay": "MrlCheckboxStandalone-inputDisplay--V3-Ll",
-	"MrlRadioButtonStandalone-input": "MrlRadioButtonStandalone-input--miwTL",
-	"MrlRadioButtonStandalone-faux-input": "MrlRadioButtonStandalone-faux-input--xcnVn",
-	"hasError": "hasError--ifSAg",
-	"MrlRadioButtonStandalone": "MrlRadioButtonStandalone--OPeQ-"
-};

package/dist/esm/components/form/radio/MrlRadioButtonStandalone/index.js

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

package/dist/esm/components/form/radio/MrlRadioGroup/MrlRadioGroup.js

@@ -1,27 +0,0 @@
-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;
-};
-import * as React from 'react';
-import { MrlFieldset } from '../../../';
-/**
- * Radio button group that allows the user to select one option from a provided list
- * @param {MrlRadioGroupProps} props - the component props
- * @returns a radio group
- */
-export function MrlRadioGroup(_a) {
-    var { className, children, label, hasError } = _a, rest = __rest(_a, ["className", "children", "label", "hasError"]);
-    return (React.createElement(MrlFieldset, Object.assign({}, rest, { label: label, className: className, attrs: {
-            'aria-describedby': rest['aria-describedby'],
-            'aria-invalid': hasError,
-            'aria-required': hasError,
-            role: 'radiogroup'
-        } }), children));
-}

package/dist/esm/components/form/radio/MrlRadioGroup/index.js

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

package/dist/esm/components/form/select/MrlCreatableSelect/MrlCreatableSelect.js

@@ -1,43 +0,0 @@
-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;
-};
-import * as React from 'react';
-import CreatableSelect from 'react-select/creatable';
-import { getSelectStyles } from '../styles';
-import { MrlSelectDropdownIndicator, MrlSelectOption, MrlSelectContainer, MrlSelectValueContainer, MrlSelectClearIndicator } from '../components';
-import { closeMenuOnScroll } from '../utils/closeMenuOnScroll';
-export const CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlCreatableSelect';
-export const CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;
-/**
- * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
- * @param props - the component props
- * @returns the select component
- */
-export function MrlCreatableSelect(props) {
-    const { hasError, isReadOnly, kind = 'default' } = props, rest = __rest(props, ["hasError", "isReadOnly", "kind"]);
-    const defaultStyles = React.useMemo(() => {
-        return getSelectStyles(kind);
-    }, [kind]);
-    const customComponents = React.useMemo(() => {
-        const defaults = {
-            ClearIndicator: (MrlSelectClearIndicator),
-            DropdownIndicator: (MrlSelectDropdownIndicator),
-            Option: (MrlSelectOption),
-            SelectContainer: (MrlSelectContainer),
-            ValueContainer: (MrlSelectValueContainer)
-        };
-        if (props.components) {
-            Object.assign(defaults, props.components);
-        }
-        return defaults;
-    }, [props.components]);
-    return (React.createElement(CreatableSelect, Object.assign({ classNamePrefix: CREATABLE_SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: closeMenuOnScroll(CREATABLE_SELECT_MENU_LIST_CLASS_NAME), formatCreateLabel: () => `Press enter to add new option` }, rest, props, { styles: Object.assign(Object.assign({}, defaultStyles), props.styles), components: customComponents, "aria-invalid": hasError, "aria-readonly": isReadOnly, menuIsOpen: isReadOnly ? false : props.menuIsOpen, backspaceRemovesValue: !isReadOnly, isMulti: false })));
-}

package/dist/esm/components/form/select/MrlCreatableSelect/index.js

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

package/dist/esm/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js

@@ -1,43 +0,0 @@
-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;
-};
-import * as React from 'react';
-import CreatableSelect from 'react-select/creatable';
-import { getSelectStyles } from '../styles';
-import { MrlSelectDropdownIndicator, MrlSelectOption, MrlSelectContainer, MrlSelectValueContainer, MrlSelectClearIndicator } from '../components';
-import { closeMenuOnScroll } from '../utils/closeMenuOnScroll';
-export const MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';
-export const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;
-/**
- * MrlMultiCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
- * @param props - the component props
- * @returns the select component
- */
-export function MrlMultiCreatableSelect(props) {
-    const { hasError, isReadOnly, kind = 'default' } = props, rest = __rest(props, ["hasError", "isReadOnly", "kind"]);
-    const defaultStyles = React.useMemo(() => {
-        return getSelectStyles(kind);
-    }, [kind]);
-    const customComponents = React.useMemo(() => {
-        const defaults = {
-            ClearIndicator: (MrlSelectClearIndicator),
-            DropdownIndicator: (MrlSelectDropdownIndicator),
-            Option: (MrlSelectOption),
-            SelectContainer: (MrlSelectContainer),
-            ValueContainer: (MrlSelectValueContainer)
-        };
-        if (props.components) {
-            Object.assign(defaults, props.components);
-        }
-        return defaults;
-    }, [props.components]);
-    return (React.createElement(CreatableSelect, Object.assign({ classNamePrefix: MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: closeMenuOnScroll(MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME), formatCreateLabel: () => `Press enter to add new option` }, rest, props, { styles: Object.assign(Object.assign({}, defaultStyles), props.styles), components: customComponents, "aria-invalid": hasError, "aria-readonly": isReadOnly, menuIsOpen: isReadOnly ? false : props.menuIsOpen, backspaceRemovesValue: !isReadOnly, isMulti: true })));
-}

package/dist/esm/components/form/select/MrlMultiCreatableSelect/index.js

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

package/dist/esm/components/form/select/MrlMultiSelect/MrlMultiSelect.js

@@ -1,45 +0,0 @@
-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;
-};
-import * as React from 'react';
-import Select from 'react-select';
-import { getSelectStyles } from '../styles';
-import { MrlSelectDropdownIndicator, MrlSelectOption, MrlSelectMultiValueRemove, MrlSelectMultiValue, MrlSelectContainer, MrlSelectValueContainer } from '../components';
-import { closeMenuOnScroll } from '../utils/closeMenuOnScroll';
-export const MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';
-export const MULTI_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_SELECT_CLASS_NAME_PREFIX}__menu-list`;
-/**
- * MrlSelect component
- * @param props - the component props
- * @returns the select component
- */
-export function MrlMultiSelect(props) {
-    const { hasError, isReadOnly, isSearchable = false, closeMenuOnSelect = false, kind = 'default' } = props, rest = __rest(props, ["hasError", "isReadOnly", "isSearchable", "closeMenuOnSelect", "kind"]);
-    const defaultStyles = React.useMemo(() => {
-        const styles = getSelectStyles(kind);
-        return styles;
-    }, [kind]);
-    const customComponents = React.useMemo(() => {
-        const defaults = {
-            DropdownIndicator: (MrlSelectDropdownIndicator),
-            MultiValue: (MrlSelectMultiValue),
-            MultiValueRemove: (MrlSelectMultiValueRemove),
-            Option: (MrlSelectOption),
-            SelectContainer: (MrlSelectContainer),
-            ValueContainer: (MrlSelectValueContainer)
-        };
-        if (props.components) {
-            Object.assign(defaults, props.components);
-        }
-        return defaults;
-    }, [props.components]);
-    return (React.createElement(Select, Object.assign({ classNamePrefix: MULTI_SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME) }, rest, props, { styles: Object.assign(Object.assign({}, defaultStyles), props.styles), components: customComponents, "aria-invalid": hasError, "aria-readonly": isReadOnly, menuIsOpen: isReadOnly ? false : props.menuIsOpen, backspaceRemovesValue: !isReadOnly, isSearchable: isSearchable && !isReadOnly, isMulti: true, hideSelectedOptions: true, closeMenuOnSelect: closeMenuOnSelect })));
-}

package/dist/esm/components/form/select/MrlMultiSelect/index.js

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

package/dist/esm/components/form/select/MrlSelect/MrlSelect.js

@@ -1,42 +0,0 @@
-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;
-};
-import * as React from 'react';
-import Select from 'react-select';
-import { getSelectStyles } from '../styles';
-import { MrlSelectDropdownIndicator, MrlSelectOption, MrlSelectContainer, MrlSelectValueContainer } from '../components';
-import { closeMenuOnScroll } from '../utils/closeMenuOnScroll';
-export const SELECT_CLASS_NAME_PREFIX = 'MrlSelect';
-export const SELECT_MENU_LIST_CLASS_NAME = `${SELECT_CLASS_NAME_PREFIX}__menu-list`;
-/**
- * MrlSelect component
- * @param props - the component props
- * @returns the select component
- */
-export function MrlSelect(props) {
-    const { hasError, isReadOnly, kind = 'default', isSearchable = false } = props, rest = __rest(props, ["hasError", "isReadOnly", "kind", "isSearchable"]);
-    const defaultStyles = React.useMemo(() => {
-        return getSelectStyles(kind);
-    }, [kind]);
-    const customComponents = React.useMemo(() => {
-        const defaults = {
-            DropdownIndicator: (MrlSelectDropdownIndicator),
-            Option: (MrlSelectOption),
-            SelectContainer: (MrlSelectContainer),
-            ValueContainer: (MrlSelectValueContainer)
-        };
-        if (props.components) {
-            Object.assign(defaults, props.components);
-        }
-        return defaults;
-    }, [props.components]);
-    return (React.createElement(Select, Object.assign({ classNamePrefix: SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME) }, rest, props, { styles: Object.assign(Object.assign({}, defaultStyles), props.styles), components: customComponents, "aria-invalid": hasError, "aria-readonly": isReadOnly, menuIsOpen: isReadOnly ? false : props.menuIsOpen, backspaceRemovesValue: !isReadOnly, isSearchable: isSearchable && !isReadOnly, isMulti: false })));
-}

package/dist/esm/components/form/select/MrlSelect/index.js

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

package/dist/esm/components/form/select/components/MrlSelectClearIndicator.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { MrlSvg } from '../../../svg/MrlSvg';
-import { closeAlt } from '@muraldevkit/ds-icons';
-import { components } from 'react-select';
-/**
- * MrlSelectClearIndicator component
- * @param props the react-select clear indicator props
- * @returns the select clear indicator
- */
-export function MrlSelectClearIndicator(props) {
-    return (React.createElement(components.ClearIndicator, Object.assign({}, props),
-        React.createElement(MrlSvg, { svg: closeAlt, size: "small" })));
-}

package/dist/esm/components/form/select/components/MrlSelectContainer.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { components } from 'react-select';
-/**
- * MrlSelectContainer component
- *
- * @param props - the react-select container props
- * @returns a select container
- */
-export function MrlSelectContainer(props) {
-    const dataQa = props.selectProps['data-qa'];
-    return (React.createElement(components.SelectContainer, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), (dataQa && { 'data-qa': `${dataQa}-container` })) })));
-}

package/dist/esm/components/form/select/components/MrlSelectDropdownIndicator.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { MrlSvg } from '../../../svg/MrlSvg';
-import { chevronDownFilled, chevronUpFilled } from '@muraldevkit/ds-icons';
-/**
- * MrlSelectDropdownIndicator component
- *
- * @param props - the react-select dropdown indicator props
- * @returns the select dropdown indicator
- */
-export function MrlSelectDropdownIndicator(props) {
-    return (React.createElement(MrlSvg
-    // eslint-disable-next-line react/prop-types
-    , { 
-        // eslint-disable-next-line react/prop-types
-        svg: !props.selectProps.menuIsOpen ? chevronDownFilled : chevronUpFilled, size: "small" }));
-}

package/dist/esm/components/form/select/components/MrlSelectMultiValue.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { components } from 'react-select';
-import classnames from 'classnames';
-import styles from './MrlSelectMultiValue.module.scss.js';
-/**
- * MrlSelectMultiValue component
- *
- * @param props - the react-select multi value props
- * @returns a multi value component
- */
-export function MrlSelectMultiValue(props) {
-    const { children, selectProps, data } = props;
-    const isReadOnly = selectProps['aria-readonly'];
-    if (isReadOnly) {
-        const selectedOptions = props.getValue();
-        const isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;
-        return (React.createElement("div", { "aria-label": `${data.label}` },
-            children,
-            !isLastOption && ', '));
-    }
-    const classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {
-        [styles['MrlSelectMultiValue--is-focused']]: props.isFocused
-    });
-    return (React.createElement(components.MultiValue, Object.assign({}, props, { className: classes }), children));
-}

package/dist/esm/components/form/select/components/MrlSelectMultiValue.module.css

@@ -1,4 +0,0 @@
-.MrlSelectMultiValue--UkyhJ.MrlSelectMultiValue--is-focused--MIYam .MrlSvgContainer {
-  border-radius: var(--mrl-radii-02);
-  outline: var(--mrl-line-width-focus) solid var(--mrl-color-focus);
-}

package/dist/esm/components/form/select/components/MrlSelectMultiValue.module.scss.js

@@ -1,5 +0,0 @@
-import "./MrlSelectMultiValue.module.css";
-export default {
-	"MrlSelectMultiValue": "MrlSelectMultiValue--UkyhJ",
-	"MrlSelectMultiValue--is-focused": "MrlSelectMultiValue--is-focused--MIYam"
-};

package/dist/esm/components/form/select/components/MrlSelectMultiValueRemove.js

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { components } from 'react-select';
-import { MrlSvg } from '../../../svg/MrlSvg';
-import { close } from '@muraldevkit/ds-icons';
-/**
- * MrlSelectMultiValueRemove component
- *
- * @param props - the react-select multi value remove props
- * @returns a multi value remove component
- */
-export function MrlSelectMultiValueRemove(props) {
-    return (React.createElement(components.MultiValueRemove, Object.assign({}, props),
-        React.createElement(MrlSvg, { svg: close, size: "auto" })));
-}

package/dist/esm/components/form/select/components/MrlSelectOption.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { components } from 'react-select';
-import { MrlSvg } from '../../../svg/MrlSvg';
-import { check } from '@muraldevkit/ds-icons';
-/**
- * MrlSelectOption component
- *
- * @param props - the react-select option props
- * @returns a select option
- */
-export function MrlSelectOption(props) {
-    const { isSelected, children } = props;
-    return (React.createElement(components.Option, Object.assign({}, props),
-        children,
-        isSelected && (React.createElement(MrlSvg, { svg: check, size: "small", style: {
-                height: 'var(--mrl-spacing-05)',
-                position: 'absolute',
-                right: 'var(--mrl-space-inset)',
-                top: 'var(--mrl-space-inset)',
-                width: 'var(--mrl-spacing-05)'
-            } }))));
-}

package/dist/esm/components/form/select/components/MrlSelectValueContainer.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { components } from 'react-select';
-/**
- * MrlSelectValueContainer component
- *
- * @param props - the react-select value container props
- * @returns a value container component
- */
-export function MrlSelectValueContainer(props) {
-    const dataQa = props.selectProps['data-qa'];
-    return (React.createElement(components.ValueContainer, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), (dataQa && { 'data-qa': `${dataQa}-value-container` })) })));
-}

package/dist/esm/components/form/select/components/index.js

@@ -1,7 +0,0 @@
-export * from './MrlSelectDropdownIndicator';
-export * from './MrlSelectOption';
-export * from './MrlSelectMultiValueRemove';
-export * from './MrlSelectMultiValue';
-export * from './MrlSelectContainer';
-export * from './MrlSelectValueContainer';
-export * from './MrlSelectClearIndicator';

package/dist/esm/components/form/select/index.js

@@ -1,6 +0,0 @@
-export * from './MrlSelect';
-export * from './MrlMultiSelect';
-export * from './MrlCreatableSelect';
-export * from './MrlMultiCreatableSelect';
-export * from './components';
-export * from './utils';