@muraldevkit/ui-toolkit 4.67.0 → 4.68.0-dev-NFbt.1

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var Select = require('react-select');
+var classnames = require('classnames');
+var MrlSelectMultiValue_module = require('./MrlSelectMultiValue.module.scss.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * MrlSelectMultiValue component
+ *
+ * @param props - the react-select multi value props
+ * @returns a multi value component
+ */
+function MrlSelectMultiValue(props) {
+  var children = props.children,
+    selectProps = props.selectProps,
+    data = props.data;
+  var isReadOnly = selectProps['aria-readonly'];
+  if (isReadOnly) {
+    var selectedOptions = props.getValue();
+    var isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;
+    return /*#__PURE__*/React__namespace.createElement("div", {
+      "aria-label": "".concat(data.label)
+    }, children, !isLastOption && ', ');
+  }
+  var classes = classnames(MrlSelectMultiValue_module.default['MrlSelectMultiValue'], 'MrlSelectMultiValue', _rollupPluginBabelHelpers.defineProperty({}, MrlSelectMultiValue_module.default['MrlSelectMultiValue--is-focused'], props.isFocused));
+  return /*#__PURE__*/React__namespace.createElement(Select.components.MultiValue, _rollupPluginBabelHelpers.extends({}, props, {
+    className: classes
+  }), children);
+}
+
+exports.MrlSelectMultiValue = MrlSelectMultiValue;
+//# sourceMappingURL=MrlSelectMultiValue.js.map

package/dist/cjs/components/form/select/components/MrlSelectMultiValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSelectMultiValue.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValue.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueProps, components } from 'react-select';\nimport { DefaultOption } from '../types';\nimport classnames from 'classnames';\nimport styles from './MrlSelectMultiValue.module.scss';\n\n/**\n * MrlSelectMultiValue component\n *\n * @param props - the react-select multi value props\n * @returns a multi value component\n */\nexport function MrlSelectMultiValue<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueProps<T, IsMulti, Group>): JSX.Element {\n\tconst { children, selectProps, data } = props;\n\tconst isReadOnly = selectProps['aria-readonly'];\n\n\tif (isReadOnly) {\n\t\tconst selectedOptions = props.getValue();\n\t\tconst isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;\n\t\treturn (\n\t\t\t<div aria-label={`${data.label}`}>\n\t\t\t\t{children}\n\t\t\t\t{!isLastOption && ', '}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {\n\t\t[styles['MrlSelectMultiValue--is-focused']]: props.isFocused\n\t});\n\n\treturn (\n\t\t<components.MultiValue {...props} className={classes}>\n\t\t\t{children}\n\t\t</components.MultiValue>\n\t);\n}\n"],"names":["MrlSelectMultiValue","props","children","selectProps","data","isReadOnly","selectedOptions","getValue","isLastOption","length","value","React","createElement","concat","label","classes","classnames","styles","_defineProperty","isFocused","components","MultiValue","_extends","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAIjCC,KAAyC,EAAe;AACzD,EAAA,IAAQC,QAAQ,GAAwBD,KAAK,CAArCC,QAAQ;IAAEC,WAAW,GAAWF,KAAK,CAA3BE,WAAW;IAAEC,IAAI,GAAKH,KAAK,CAAdG,IAAI;AACnC,EAAA,IAAMC,UAAU,GAAGF,WAAW,CAAC,eAAe,CAAC;AAE/C,EAAA,IAAIE,UAAU,EAAE;AACf,IAAA,IAAMC,eAAe,GAAGL,KAAK,CAACM,QAAQ,EAAE;AACxC,IAAA,IAAMC,YAAY,GAAGF,eAAe,CAACA,eAAe,CAACG,MAAM,GAAG,CAAC,CAAC,CAACC,KAAK,KAAKN,IAAI,CAACM,KAAK;IACrF,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAeT,IAAI,CAACU,KAAK;AAAG,KAAA,EAC/BZ,QAAQ,EACR,CAACM,YAAY,IAAI,IACd,CAAC;AAER,EAAA;EAEA,IAAMO,OAAO,GAAGC,UAAU,CAACC,kCAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB,EAAAC,wCAAA,CAAA,EAAA,EAC7ED,kCAAM,CAAC,iCAAiC,CAAC,EAAGhB,KAAK,CAACkB,SAAS,CAC5D,CAAC;EAEF,oBACCR,gBAAA,CAAAC,aAAA,CAACQ,iBAAU,CAACC,UAAU,EAAAC,iCAAA,CAAA,EAAA,EAAKrB,KAAK,EAAA;AAAEsB,IAAAA,SAAS,EAAER;AAAQ,GAAA,CAAA,EACnDb,QACqB,CAAC;AAE1B;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlSelectMultiValue":"MrlSelectMultiValue--ZCEGM","MrlSelectMultiValue--is-focused":"MrlSelectMultiValue--is-focused--J41Dw"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlSelectMultiValue.module.scss.js.map

package/dist/cjs/components/form/select/components/MrlSelectMultiValue.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSelectMultiValue.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+var Select = require('react-select');
+var dsIcons = require('@muraldevkit/ds-icons');
+var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * MrlSelectMultiValueRemove component
+ *
+ * @param props - the react-select multi value remove props
+ * @returns a multi value remove component
+ */
+function MrlSelectMultiValueRemove(props) {
+  return /*#__PURE__*/React__namespace.createElement(Select.components.MultiValueRemove, props, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    svg: dsIcons.close,
+    size: "auto"
+  }));
+}
+
+exports.MrlSelectMultiValueRemove = MrlSelectMultiValueRemove;
+//# sourceMappingURL=MrlSelectMultiValueRemove.js.map

package/dist/cjs/components/form/select/components/MrlSelectMultiValueRemove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSelectMultiValueRemove.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValueRemove.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueRemoveProps, components } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { close } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectMultiValueRemove component\n *\n * @param props - the react-select multi value remove props\n * @returns a multi value remove component\n */\nexport function MrlSelectMultiValueRemove<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueRemoveProps<T, IsMulti, Group>): JSX.Element {\n\treturn (\n\t\t<components.MultiValueRemove {...props}>\n\t\t\t<MrlSvg svg={close} size=\"auto\" />\n\t\t</components.MultiValueRemove>\n\t);\n}\n"],"names":["MrlSelectMultiValueRemove","props","React","createElement","components","MultiValueRemove","MrlSvg","svg","close","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,yBAAyBA,CAIvCC,KAA+C,EAAe;AAC/D,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,gBAAgB,EAAKJ,KAAK,eACrCC,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,aAAM;AAACC,IAAAA,IAAI,EAAC;AAAM,GAAE,CACL,CAAC;AAEhC;;;;"}

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

@@ -0,0 +1,50 @@
+'use strict';
+
+var React = require('react');
+var Select = require('react-select');
+var dsIcons = require('@muraldevkit/ds-icons');
+var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * MrlSelectOption component
+ *
+ * @param props - the react-select option props
+ * @returns a select option
+ */
+function MrlSelectOption(props) {
+  var isSelected = props.isSelected,
+    children = props.children;
+  return /*#__PURE__*/React__namespace.createElement(Select.components.Option, props, children, isSelected && /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    svg: dsIcons.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)'
+    }
+  }));
+}
+
+exports.MrlSelectOption = MrlSelectOption;
+//# sourceMappingURL=MrlSelectOption.js.map

package/dist/cjs/components/form/select/components/MrlSelectOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSelectOption.js","sources":["../../../../../../src/components/form/select/components/MrlSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, OptionProps, components } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { check } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectOption component\n *\n * @param props - the react-select option props\n * @returns a select option\n */\nexport function MrlSelectOption<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: OptionProps<T, IsMulti, Group>): JSX.Element {\n\tconst { isSelected, children } = props;\n\n\treturn (\n\t\t<components.Option {...props}>\n\t\t\t{children}\n\t\t\t{isSelected && (\n\t\t\t\t<MrlSvg\n\t\t\t\t\tsvg={check}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: 'var(--mrl-spacing-05)',\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tright: 'var(--mrl-space-inset)',\n\t\t\t\t\t\ttop: 'var(--mrl-space-inset)',\n\t\t\t\t\t\twidth: 'var(--mrl-spacing-05)'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</components.Option>\n\t);\n}\n"],"names":["MrlSelectOption","props","isSelected","children","React","createElement","components","Option","MrlSvg","svg","check","size","style","height","position","right","top","width"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,CAI7BC,KAAqC,EAAe;AACrD,EAAA,IAAQC,UAAU,GAAeD,KAAK,CAA9BC,UAAU;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;AAE5B,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,MAAM,EAAKN,KAAK,EAC1BE,QAAQ,EACRD,UAAU,iBACVE,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AACNC,IAAAA,GAAG,EAAEC,aAAM;AACXC,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,KAAK,EAAE;AACNC,MAAAA,MAAM,EAAE,uBAAuB;AAC/BC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,wBAAwB;AAC/BC,MAAAA,GAAG,EAAE,wBAAwB;AAC7BC,MAAAA,KAAK,EAAE;AACR;AAAE,GACF,CAEgB,CAAC;AAEtB;;;;"}

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

@@ -0,0 +1,42 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var Select = require('react-select');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * MrlSelectValueContainer component
+ *
+ * @param props - the react-select value container props
+ * @returns a value container component
+ */
+function MrlSelectValueContainer(props) {
+  var dataQa = props.selectProps['data-qa'];
+  return /*#__PURE__*/React__namespace.createElement(Select.components.ValueContainer, _rollupPluginBabelHelpers.extends({}, props, {
+    innerProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props.innerProps), dataQa && {
+      'data-qa': "".concat(dataQa, "-value-container")
+    })
+  }));
+}
+
+exports.MrlSelectValueContainer = MrlSelectValueContainer;
+//# sourceMappingURL=MrlSelectValueContainer.js.map

package/dist/cjs/components/form/select/components/MrlSelectValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSelectValueContainer.js","sources":["../../../../../../src/components/form/select/components/MrlSelectValueContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, components, ValueContainerProps } from 'react-select';\n\n/**\n * MrlSelectValueContainer component\n *\n * @param props - the react-select value container props\n * @returns a value container component\n */\nexport function MrlSelectValueContainer<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: ValueContainerProps<T, IsMulti, Group>): JSX.Element {\n\tconst dataQa = props.selectProps['data-qa'];\n\treturn (\n\t\t<components.ValueContainer\n\t\t\t{...props}\n\t\t\tinnerProps={{\n\t\t\t\t...props.innerProps,\n\t\t\t\t...(dataQa && { 'data-qa': `${dataQa}-value-container` })\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"names":["MrlSelectValueContainer","props","dataQa","selectProps","React","createElement","components","ValueContainer","_extends","innerProps","_objectSpread","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,uBAAuBA,CAIrCC,KAA6C,EAAe;AAC7D,EAAA,IAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAAC,SAAS,CAAC;EAC3C,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,cAAc,EAAAC,iCAAA,CAAA,EAAA,EACrBP,KAAK,EAAA;IACTQ,UAAU,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACNT,KAAK,CAACQ,UAAU,CAAA,EACfP,MAAM,IAAI;MAAE,SAAS,EAAA,EAAA,CAAAS,MAAA,CAAKT,MAAM,EAAA,kBAAA;KAAoB;AACvD,GAAA,CACF,CAAC;AAEJ;;;;"}

package/dist/cjs/components/form/select/styles/default.js

@@ -0,0 +1,304 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@emotion/react');
+
+/**
+ * MrlSelect styles object for the default kind
+ * @returns a styles object
+ */
+function defaultStyles() {
+  var outlineAnimation = react.keyframes({
+    '0%': {
+      outline: '0 solid transparent',
+      outlineOffset: '1px'
+    },
+    '50%': {
+      outline: '4px solid var(--mrl-color-focus)',
+      outlineOffset: '1px'
+    },
+    '100%': {
+      outline: '2px solid var(--mrl-color-focus)',
+      outlineOffset: '1px'
+    }
+  });
+  return {
+    control: function control(baseStyles, state) {
+      var hasError = state.selectProps['aria-invalid'];
+      var isReadOnly = state.selectProps['aria-readonly'];
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        cursor: 'pointer',
+        color: 'var(--mrl-color-text-secondary)',
+        backgroundColor: 'var(--mrl-color-background-input)',
+        borderWidth: 'var(--mrl-line-width-control)',
+        borderColor: 'var(--mrl-color-line)',
+        borderStyle: 'solid',
+        borderRadius: 'var(--mrl-radii-03)',
+        boxShadow: 'none',
+        boxSizing: 'border-box',
+        fontSize: 'var(--mrl-type-size-text-small)',
+        margin: '0',
+        padding: 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)',
+        outline: 'var(--mrl-line-width-focus) solid transparent',
+        outlineOffset: 'var(--mrl-space-offset-focus)',
+        '&:hover': {
+          color: 'var(--mrl-color-text-selected)',
+          borderColor: 'var(--mrl-color-line-hover)'
+        }
+      });
+
+      // Populated (open)
+      if (state.menuIsOpen) {
+        styles.color = 'var(--mrl-color-text-selected)';
+        styles.borderColor = 'var(--mrl-color-line-hover)';
+      }
+
+      // Populated (closed)
+      if (state.hasValue) {
+        styles.color = 'var(--mrl-color-text-selected)';
+      }
+
+      // Focus
+      if (state.isFocused && !state.menuIsOpen) {
+        styles.color = 'var(--mrl-color-text-selected)';
+        styles.borderColor = 'var(--mrl-color-line-hover)';
+        styles.outlineColor = 'var(--mrl-color-focus)';
+        styles.animationFillMode = 'forwards';
+        styles.animationIterationCount = 1;
+        styles.animation = "".concat(outlineAnimation, " var(--mrl-duration-03) var(--mrl-timing-m3)");
+      }
+
+      // Alert
+      if (hasError) {
+        styles.color = 'var(--mrl-color-text-selected)';
+        styles.borderColor = 'rgba(var(--mrl-status-error), 1)';
+        styles['&:hover'] = {
+          borderColor: 'rgba(var(--mrl-status-error), 1)'
+        };
+      }
+
+      // Disabled (default and populated)
+      if (state.isDisabled) {
+        styles.color = 'var(--mrl-color-text-disabled)';
+        styles.borderColor = 'var(--mrl-color-line-disabled)';
+        styles['&:hover'] = {
+          borderColor: 'var(--mrl-color-line-disabled)'
+        };
+      }
+
+      // Read only
+      if (isReadOnly) {
+        styles.color = 'var(--mrl-color-text-selected)';
+        styles.borderColor = 'transparent';
+        styles.backgroundColor = 'var(--mrl-black-opacity-00)';
+        styles['&:hover'] = {
+          borderColor: 'transparent'
+        };
+      }
+      return styles;
+    },
+    clearIndicator: function clearIndicator(baseStyles, props) {
+      if (props.selectProps.showClearIndicatorIcon) {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+          color: 'var(--mrl-color-text-selected)',
+          display: 'inline-block',
+          padding: '0 var(--mrl-spacing-02) 0 0',
+          margin: 0,
+          height: 'var(--mrl-spacing-06)',
+          '&:hover': {
+            color: 'var(--mrl-color-text-selected)'
+          }
+        });
+      }
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        display: 'none'
+      });
+    },
+    valueContainer: function valueContainer(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 0,
+        minHeight: 'var(--mrl-spacing-07)',
+        gap: 'var(--mrl-spacing-01)'
+      });
+    },
+    indicatorSeparator: function indicatorSeparator() {
+      return {
+        display: 'none'
+      };
+    },
+    indicatorsContainer: function indicatorsContainer(baseStyles, state) {
+      var isReadOnly = state.selectProps['aria-readonly'];
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), isReadOnly && {
+        display: 'none'
+      }), {}, {
+        height: 'auto'
+      });
+    },
+    input: function input(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 0,
+        margin: 0
+      });
+    },
+    menuList: function menuList(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 'var(--mrl-space-inset)',
+        margin: 0
+      });
+    },
+    menu: function menu(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        marginTop: 'calc(-1 * var(--mrl-spacing-02))',
+        marginBottom: 'calc(-1 * var(--mrl-spacing-02))',
+        borderRadius: 'var(--mrl-radii-03)',
+        padding: 0,
+        boxShadow: 'var(--mrl-shadow-01)'
+      });
+    },
+    option: function option(baseStyles, state) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        backgroundColor: 'var(--mrl-color-background-input)',
+        position: 'relative',
+        cursor: 'pointer',
+        display: 'flex',
+        borderRadius: 'var(--mrl-radii-03)',
+        fontSize: 'var(--mrl-type-size-text-small)',
+        fontWeight: 'var(--mrl-type-weight-title-secondary)',
+        letterSpacing: 'var(--mrl-type-spacing-text)',
+        lineHeight: 'var(--mrl-type-line-height-text-small)',
+        color: 'var(--mrl-color-text)',
+        paddingTop: 'calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))',
+        paddingRight: 'var(--mrl-space-inset)',
+        paddingBottom: 'calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))',
+        marginBottom: 'var(--mrl-spacing-02)',
+        outline: 'var(--mrl-line-width-focus) solid transparent',
+        outlineOffset: 'var(--mrl-space-offset-focus)',
+        '&:hover': {
+          backgroundColor: 'var(--mrl-black-opacity-00)'
+        },
+        ':active': {
+          backgroundColor: 'var(--mrl-color-background-hover)'
+        }
+      });
+      if (state.isSelected) {
+        styles.backgroundColor = 'var(--mrl-color-background-selected)';
+        styles.color = 'var(--mrl-color-text-highlight-selected)';
+        styles.outlineColor = 'transparent';
+        styles['&:hover'] = {
+          backgroundColor: 'var(--mrl-color-background-selected)'
+        };
+      }
+      if (state.isFocused) {
+        styles.borderColor = 'var(--mrl-color-line-hover)';
+        styles.outlineColor = 'var(--mrl-color-focus)';
+        styles.animationFillMode = 'forwards';
+        styles.animationIterationCount = 1;
+        styles.animation = "".concat(outlineAnimation, " var(--mrl-duration-03) var(--mrl-timing-m3)");
+      }
+      if (state.isSelected && state.isFocused) {
+        styles.backgroundColor = 'var(--mrl-color-background-selected)';
+        styles.color = 'var(--mrl-color-text-highlight-selected)';
+        styles.outlineColor = 'var(--mrl-color-focus)';
+      }
+      return styles;
+    },
+    placeholder: function placeholder(baseStyles, state) {
+      var isMulti = state.isMulti;
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        color: 'inherit',
+        lineHeight: 'inherit'
+      });
+
+      // Multi-select
+      if (isMulti) {
+        styles.marginLeft = 0;
+      }
+      return styles;
+    },
+    singleValue: function singleValue(baseStyles) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        color: 'inherit'
+      });
+      return styles;
+    },
+    multiValue: function multiValue(baseStyles) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        margin: 0,
+        padding: 0,
+        backgroundColor: 'rgba(var(--mrl-gray-10), 1)',
+        boxSizing: 'border-box',
+        borderStyle: 'solid',
+        borderRadius: 'var(--mrl-radii-02)',
+        borderColor: 'var(--mrl-black-opacity-00)',
+        borderWidth: 'var(--mrl-line-width-control)',
+        display: 'flex',
+        alignItems: 'center',
+        height: 'var(--mrl-spacing-07)'
+      });
+      return styles;
+    },
+    multiValueLabel: function multiValueLabel(baseStyles) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 'var(--mrl-spacing-01)',
+        paddingLeft: 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))',
+        paddingRight: 'var(--mrl-spacing-01)',
+        fontSize: 'var(--mrl-font-size-02)',
+        fontWeight: 'var(--mrl-font-weight-02)',
+        color: 'var(--mrl-color-text)'
+      });
+      return styles;
+    },
+    multiValueRemove: function multiValueRemove(baseStyles) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 0,
+        margin: 0,
+        borderStyle: 'solid',
+        borderRadius: 'var(--mrl-radii-02)',
+        height: 'var(--mrl-spacing-05)',
+        width: 'var(--mrl-spacing-05)',
+        color: 'var(--mrl-color-text)',
+        backgroundColor: 'rgba(var(--mrl-gray-10), 1)',
+        '&:hover': {
+          color: 'var(--mrl-color-text-selected)',
+          backgroundColor: 'rgba(var(--mrl-gray-10), 1)'
+        }
+      });
+      return styles;
+    },
+    noOptionsMessage: function noOptionsMessage(baseStyles) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        color: 'var(--mrl-color-text-secondary)',
+        fontSize: 'var(--mrl-type-size-text-small)',
+        padding: 0
+      });
+      return styles;
+    },
+    loadingMessage: function loadingMessage(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        color: 'var(--mrl-color-text-secondary)',
+        fontSize: 'var(--mrl-type-size-text-small)',
+        padding: 0
+      });
+    },
+    group: function group(baseStyles) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        paddingTop: 0,
+        paddingBottom: 'var(--mrl-spacing-01)'
+      });
+      return styles;
+    },
+    groupHeading: function groupHeading(baseStyles) {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        paddingLeft: 0,
+        textTransform: 'capitalize',
+        marginBottom: 'var(--mrl-spacing-03)',
+        color: 'var(--mrl-color-text-secondary)',
+        fontSize: 'var(--mrl-font-size-02)'
+      });
+      return styles;
+    }
+  };
+}
+
+exports.defaultStyles = defaultStyles;
+//# sourceMappingURL=default.js.map

package/dist/cjs/components/form/select/styles/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../../../src/components/form/select/styles/default.ts"],"sourcesContent":["/* eslint-disable sort-keys */\nimport { CSSObjectWithLabel, GroupBase, StylesConfig } from 'react-select';\nimport { keyframes } from '@emotion/react';\n\n/**\n * MrlSelect styles object for the default kind\n * @returns a styles object\n */\nexport function defaultStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(): StylesConfig<T, IsMulti, Group> {\n\tconst outlineAnimation = keyframes({\n\t\t'0%': {\n\t\t\toutline: '0 solid transparent',\n\t\t\toutlineOffset: '1px'\n\t\t},\n\t\t'50%': {\n\t\t\toutline: '4px solid var(--mrl-color-focus)',\n\t\t\toutlineOffset: '1px'\n\t\t},\n\t\t'100%': {\n\t\t\toutline: '2px solid var(--mrl-color-focus)',\n\t\t\toutlineOffset: '1px'\n\t\t}\n\t});\n\n\treturn {\n\t\tcontrol: (baseStyles, state) => {\n\t\t\tconst hasError = state.selectProps['aria-invalid'];\n\t\t\tconst isReadOnly = state.selectProps['aria-readonly'];\n\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tcursor: 'pointer',\n\t\t\t\tcolor: 'var(--mrl-color-text-secondary)',\n\t\t\t\tbackgroundColor: 'var(--mrl-color-background-input)',\n\t\t\t\tborderWidth: 'var(--mrl-line-width-control)',\n\t\t\t\tborderColor: 'var(--mrl-color-line)',\n\t\t\t\tborderStyle: 'solid',\n\t\t\t\tborderRadius: 'var(--mrl-radii-03)',\n\t\t\t\tboxShadow: 'none',\n\t\t\t\tboxSizing: 'border-box',\n\t\t\t\tfontSize: 'var(--mrl-type-size-text-small)',\n\t\t\t\tmargin: '0',\n\t\t\t\tpadding: 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)',\n\t\t\t\toutline: 'var(--mrl-line-width-focus) solid transparent',\n\t\t\t\toutlineOffset: 'var(--mrl-space-offset-focus)',\n\t\t\t\t'&:hover': {\n\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)',\n\t\t\t\t\tborderColor: 'var(--mrl-color-line-hover)'\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t// Populated (open)\n\t\t\tif (state.menuIsOpen) {\n\t\t\t\tstyles.color = 'var(--mrl-color-text-selected)';\n\t\t\t\tstyles.borderColor = 'var(--mrl-color-line-hover)';\n\t\t\t}\n\n\t\t\t// Populated (closed)\n\t\t\tif (state.hasValue) {\n\t\t\t\tstyles.color = 'var(--mrl-color-text-selected)';\n\t\t\t}\n\n\t\t\t// Focus\n\t\t\tif (state.isFocused && !state.menuIsOpen) {\n\t\t\t\tstyles.color = 'var(--mrl-color-text-selected)';\n\t\t\t\tstyles.borderColor = 'var(--mrl-color-line-hover)';\n\t\t\t\tstyles.outlineColor = 'var(--mrl-color-focus)';\n\t\t\t\tstyles.animationFillMode = 'forwards';\n\t\t\t\tstyles.animationIterationCount = 1;\n\t\t\t\tstyles.animation = `${outlineAnimation} var(--mrl-duration-03) var(--mrl-timing-m3)`;\n\t\t\t}\n\n\t\t\t// Alert\n\t\t\tif (hasError) {\n\t\t\t\tstyles.color = 'var(--mrl-color-text-selected)';\n\t\t\t\tstyles.borderColor = 'rgba(var(--mrl-status-error), 1)';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tborderColor: 'rgba(var(--mrl-status-error), 1)'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Disabled (default and populated)\n\t\t\tif (state.isDisabled) {\n\t\t\t\tstyles.color = 'var(--mrl-color-text-disabled)';\n\t\t\t\tstyles.borderColor = 'var(--mrl-color-line-disabled)';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tborderColor: 'var(--mrl-color-line-disabled)'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Read only\n\t\t\tif (isReadOnly) {\n\t\t\t\tstyles.color = 'var(--mrl-color-text-selected)';\n\t\t\t\tstyles.borderColor = 'transparent';\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-black-opacity-00)';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tborderColor: 'transparent'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t},\n\t\tclearIndicator: (baseStyles, props) => {\n\t\t\tif (props.selectProps.showClearIndicatorIcon) {\n\t\t\t\treturn {\n\t\t\t\t\t...baseStyles,\n\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)',\n\t\t\t\t\tdisplay: 'inline-block',\n\t\t\t\t\tpadding: '0 var(--mrl-spacing-02) 0 0',\n\t\t\t\t\tmargin: 0,\n\t\t\t\t\theight: 'var(--mrl-spacing-06)',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tdisplay: 'none'\n\t\t\t};\n\t\t},\n\t\tvalueContainer: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tpadding: 0,\n\t\t\t\tminHeight: 'var(--mrl-spacing-07)',\n\t\t\t\tgap: 'var(--mrl-spacing-01)'\n\t\t\t};\n\t\t},\n\t\tindicatorSeparator: () => {\n\t\t\treturn {\n\t\t\t\tdisplay: 'none'\n\t\t\t};\n\t\t},\n\t\tindicatorsContainer: (baseStyles, state) => {\n\t\t\tconst isReadOnly = state.selectProps['aria-readonly'];\n\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\t...(isReadOnly && { display: 'none' }),\n\t\t\t\theight: 'auto'\n\t\t\t};\n\t\t},\n\t\tinput: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tpadding: 0,\n\t\t\t\tmargin: 0\n\t\t\t};\n\t\t},\n\t\tmenuList: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tpadding: 'var(--mrl-space-inset)',\n\t\t\t\tmargin: 0\n\t\t\t};\n\t\t},\n\t\tmenu: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tmarginTop: 'calc(-1 * var(--mrl-spacing-02))',\n\t\t\t\tmarginBottom: 'calc(-1 * var(--mrl-spacing-02))',\n\t\t\t\tborderRadius: 'var(--mrl-radii-03)',\n\t\t\t\tpadding: 0,\n\t\t\t\tboxShadow: 'var(--mrl-shadow-01)'\n\t\t\t};\n\t\t},\n\t\toption: (baseStyles, state) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tbackgroundColor: 'var(--mrl-color-background-input)',\n\t\t\t\tposition: 'relative',\n\t\t\t\tcursor: 'pointer',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tborderRadius: 'var(--mrl-radii-03)',\n\t\t\t\tfontSize: 'var(--mrl-type-size-text-small)',\n\t\t\t\tfontWeight: 'var(--mrl-type-weight-title-secondary)',\n\t\t\t\tletterSpacing: 'var(--mrl-type-spacing-text)',\n\t\t\t\tlineHeight: 'var(--mrl-type-line-height-text-small)',\n\t\t\t\tcolor: 'var(--mrl-color-text)',\n\t\t\t\tpaddingTop: 'calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))',\n\t\t\t\tpaddingRight: 'var(--mrl-space-inset)',\n\t\t\t\tpaddingBottom: 'calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))',\n\t\t\t\tmarginBottom: 'var(--mrl-spacing-02)',\n\t\t\t\toutline: 'var(--mrl-line-width-focus) solid transparent',\n\t\t\t\toutlineOffset: 'var(--mrl-space-offset-focus)',\n\t\t\t\t'&:hover': {\n\t\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)'\n\t\t\t\t},\n\t\t\t\t':active': {\n\t\t\t\t\tbackgroundColor: 'var(--mrl-color-background-hover)'\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tif (state.isSelected) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-color-background-selected)';\n\t\t\t\tstyles.color = 'var(--mrl-color-text-highlight-selected)';\n\t\t\t\tstyles.outlineColor = 'transparent';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tbackgroundColor: 'var(--mrl-color-background-selected)'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif (state.isFocused) {\n\t\t\t\tstyles.borderColor = 'var(--mrl-color-line-hover)';\n\t\t\t\tstyles.outlineColor = 'var(--mrl-color-focus)';\n\t\t\t\tstyles.animationFillMode = 'forwards';\n\t\t\t\tstyles.animationIterationCount = 1;\n\t\t\t\tstyles.animation = `${outlineAnimation} var(--mrl-duration-03) var(--mrl-timing-m3)`;\n\t\t\t}\n\n\t\t\tif (state.isSelected && state.isFocused) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-color-background-selected)';\n\t\t\t\tstyles.color = 'var(--mrl-color-text-highlight-selected)';\n\t\t\t\tstyles.outlineColor = 'var(--mrl-color-focus)';\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t},\n\t\tplaceholder: (baseStyles, state) => {\n\t\t\tconst isMulti = state.isMulti;\n\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tcolor: 'inherit',\n\t\t\t\tlineHeight: 'inherit'\n\t\t\t};\n\n\t\t\t// Multi-select\n\t\t\tif (isMulti) {\n\t\t\t\tstyles.marginLeft = 0;\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t},\n\t\tsingleValue: (baseStyles) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tcolor: 'inherit'\n\t\t\t};\n\n\t\t\treturn styles;\n\t\t},\n\t\tmultiValue: (baseStyles) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tmargin: 0,\n\t\t\t\tpadding: 0,\n\t\t\t\tbackgroundColor: 'rgba(var(--mrl-gray-10), 1)',\n\t\t\t\tboxSizing: 'border-box',\n\t\t\t\tborderStyle: 'solid',\n\t\t\t\tborderRadius: 'var(--mrl-radii-02)',\n\t\t\t\tborderColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\tborderWidth: 'var(--mrl-line-width-control)',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\theight: 'var(--mrl-spacing-07)'\n\t\t\t};\n\n\t\t\treturn styles;\n\t\t},\n\t\tmultiValueLabel: (baseStyles) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tpadding: 'var(--mrl-spacing-01)',\n\t\t\t\tpaddingLeft: 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))',\n\t\t\t\tpaddingRight: 'var(--mrl-spacing-01)',\n\t\t\t\tfontSize: 'var(--mrl-font-size-02)',\n\t\t\t\tfontWeight: 'var(--mrl-font-weight-02)',\n\t\t\t\tcolor: 'var(--mrl-color-text)'\n\t\t\t};\n\n\t\t\treturn styles;\n\t\t},\n\t\tmultiValueRemove: (baseStyles) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tpadding: 0,\n\t\t\t\tmargin: 0,\n\t\t\t\tborderStyle: 'solid',\n\t\t\t\tborderRadius: 'var(--mrl-radii-02)',\n\t\t\t\theight: 'var(--mrl-spacing-05)',\n\t\t\t\twidth: 'var(--mrl-spacing-05)',\n\t\t\t\tcolor: 'var(--mrl-color-text)',\n\t\t\t\tbackgroundColor: 'rgba(var(--mrl-gray-10), 1)',\n\t\t\t\t'&:hover': {\n\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)',\n\t\t\t\t\tbackgroundColor: 'rgba(var(--mrl-gray-10), 1)'\n\t\t\t\t}\n\t\t\t};\n\n\t\t\treturn styles;\n\t\t},\n\t\tnoOptionsMessage: (baseStyles) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tcolor: 'var(--mrl-color-text-secondary)',\n\t\t\t\tfontSize: 'var(--mrl-type-size-text-small)',\n\t\t\t\tpadding: 0\n\t\t\t};\n\n\t\t\treturn styles;\n\t\t},\n\t\tloadingMessage: (baseStyles: CSSObjectWithLabel) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tcolor: 'var(--mrl-color-text-secondary)',\n\t\t\t\tfontSize: 'var(--mrl-type-size-text-small)',\n\t\t\t\tpadding: 0\n\t\t\t};\n\t\t},\n\t\tgroup: (baseStyles) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tpaddingTop: 0,\n\t\t\t\tpaddingBottom: 'var(--mrl-spacing-01)'\n\t\t\t};\n\n\t\t\treturn styles;\n\t\t},\n\t\tgroupHeading: (baseStyles) => {\n\t\t\tconst styles: CSSObjectWithLabel = {\n\t\t\t\t...baseStyles,\n\t\t\t\tpaddingLeft: 0,\n\t\t\t\ttextTransform: 'capitalize',\n\t\t\t\tmarginBottom: 'var(--mrl-spacing-03)',\n\t\t\t\tcolor: 'var(--mrl-color-text-secondary)',\n\t\t\t\tfontSize: 'var(--mrl-font-size-02)'\n\t\t\t};\n\n\t\t\treturn styles;\n\t\t}\n\t};\n}\n"],"names":["defaultStyles","outlineAnimation","keyframes","outline","outlineOffset","control","baseStyles","state","hasError","selectProps","isReadOnly","styles","_objectSpread","cursor","color","backgroundColor","borderWidth","borderColor","borderStyle","borderRadius","boxShadow","boxSizing","fontSize","margin","padding","menuIsOpen","hasValue","isFocused","outlineColor","animationFillMode","animationIterationCount","animation","concat","isDisabled","clearIndicator","props","showClearIndicatorIcon","display","height","valueContainer","minHeight","gap","indicatorSeparator","indicatorsContainer","input","menuList","menu","marginTop","marginBottom","option","position","fontWeight","letterSpacing","lineHeight","paddingTop","paddingRight","paddingBottom","isSelected","placeholder","isMulti","marginLeft","singleValue","multiValue","alignItems","multiValueLabel","paddingLeft","multiValueRemove","width","noOptionsMessage","loadingMessage","group","groupHeading","textTransform"],"mappings":";;;;;AAIA;AACA;AACA;AACA;AACO,SAASA,aAAaA,GAIQ;EACpC,IAAMC,gBAAgB,GAAGC,eAAS,CAAC;AAClC,IAAA,IAAI,EAAE;AACLC,MAAAA,OAAO,EAAE,qBAAqB;AAC9BC,MAAAA,aAAa,EAAE;KACf;AACD,IAAA,KAAK,EAAE;AACND,MAAAA,OAAO,EAAE,kCAAkC;AAC3CC,MAAAA,aAAa,EAAE;KACf;AACD,IAAA,MAAM,EAAE;AACPD,MAAAA,OAAO,EAAE,kCAAkC;AAC3CC,MAAAA,aAAa,EAAE;AAChB;AACD,GAAC,CAAC;EAEF,OAAO;AACNC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGC,UAAU,EAAEC,KAAK,EAAK;AAC/B,MAAA,IAAMC,QAAQ,GAAGD,KAAK,CAACE,WAAW,CAAC,cAAc,CAAC;AAClD,MAAA,IAAMC,UAAU,GAAGH,KAAK,CAACE,WAAW,CAAC,eAAe,CAAC;AAErD,MAAA,IAAME,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbO,QAAAA,MAAM,EAAE,SAAS;AACjBC,QAAAA,KAAK,EAAE,iCAAiC;AACxCC,QAAAA,eAAe,EAAE,mCAAmC;AACpDC,QAAAA,WAAW,EAAE,+BAA+B;AAC5CC,QAAAA,WAAW,EAAE,uBAAuB;AACpCC,QAAAA,WAAW,EAAE,OAAO;AACpBC,QAAAA,YAAY,EAAE,qBAAqB;AACnCC,QAAAA,SAAS,EAAE,MAAM;AACjBC,QAAAA,SAAS,EAAE,YAAY;AACvBC,QAAAA,QAAQ,EAAE,iCAAiC;AAC3CC,QAAAA,MAAM,EAAE,GAAG;AACXC,QAAAA,OAAO,EAAE,2EAA2E;AACpFrB,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,aAAa,EAAE,+BAA+B;AAC9C,QAAA,SAAS,EAAE;AACVU,UAAAA,KAAK,EAAE,gCAAgC;AACvCG,UAAAA,WAAW,EAAE;AACd;OAAC,CACD;;AAED;MACA,IAAIV,KAAK,CAACkB,UAAU,EAAE;QACrBd,MAAM,CAACG,KAAK,GAAG,gCAAgC;QAC/CH,MAAM,CAACM,WAAW,GAAG,6BAA6B;AACnD,MAAA;;AAEA;MACA,IAAIV,KAAK,CAACmB,QAAQ,EAAE;QACnBf,MAAM,CAACG,KAAK,GAAG,gCAAgC;AAChD,MAAA;;AAEA;MACA,IAAIP,KAAK,CAACoB,SAAS,IAAI,CAACpB,KAAK,CAACkB,UAAU,EAAE;QACzCd,MAAM,CAACG,KAAK,GAAG,gCAAgC;QAC/CH,MAAM,CAACM,WAAW,GAAG,6BAA6B;QAClDN,MAAM,CAACiB,YAAY,GAAG,wBAAwB;QAC9CjB,MAAM,CAACkB,iBAAiB,GAAG,UAAU;QACrClB,MAAM,CAACmB,uBAAuB,GAAG,CAAC;AAClCnB,QAAAA,MAAM,CAACoB,SAAS,GAAA,EAAA,CAAAC,MAAA,CAAM/B,gBAAgB,EAAA,8CAAA,CAA8C;AACrF,MAAA;;AAEA;AACA,MAAA,IAAIO,QAAQ,EAAE;QACbG,MAAM,CAACG,KAAK,GAAG,gCAAgC;QAC/CH,MAAM,CAACM,WAAW,GAAG,kCAAkC;QACvDN,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBM,UAAAA,WAAW,EAAE;SACb;AACF,MAAA;;AAEA;MACA,IAAIV,KAAK,CAAC0B,UAAU,EAAE;QACrBtB,MAAM,CAACG,KAAK,GAAG,gCAAgC;QAC/CH,MAAM,CAACM,WAAW,GAAG,gCAAgC;QACrDN,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBM,UAAAA,WAAW,EAAE;SACb;AACF,MAAA;;AAEA;AACA,MAAA,IAAIP,UAAU,EAAE;QACfC,MAAM,CAACG,KAAK,GAAG,gCAAgC;QAC/CH,MAAM,CAACM,WAAW,GAAG,aAAa;QAClCN,MAAM,CAACI,eAAe,GAAG,6BAA6B;QACtDJ,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBM,UAAAA,WAAW,EAAE;SACb;AACF,MAAA;AAEA,MAAA,OAAON,MAAM;IACd,CAAC;AACDuB,IAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAG5B,UAAU,EAAE6B,KAAK,EAAK;AACtC,MAAA,IAAIA,KAAK,CAAC1B,WAAW,CAAC2B,sBAAsB,EAAE;AAC7C,QAAA,OAAAxB,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbQ,UAAAA,KAAK,EAAE,gCAAgC;AACvCuB,UAAAA,OAAO,EAAE,cAAc;AACvBb,UAAAA,OAAO,EAAE,6BAA6B;AACtCD,UAAAA,MAAM,EAAE,CAAC;AACTe,UAAAA,MAAM,EAAE,uBAAuB;AAC/B,UAAA,SAAS,EAAE;AACVxB,YAAAA,KAAK,EAAE;AACR;AAAC,SAAA,CAAA;AAEH,MAAA;AAEA,MAAA,OAAAF,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EAAA,EAAA,EAAA;AACb+B,QAAAA,OAAO,EAAE;AAAM,OAAA,CAAA;IAEjB,CAAC;AACDE,IAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAGjC,UAAU,EAAK;AAC/B,MAAA,OAAAM,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbkB,QAAAA,OAAO,EAAE,CAAC;AACVgB,QAAAA,SAAS,EAAE,uBAAuB;AAClCC,QAAAA,GAAG,EAAE;AAAuB,OAAA,CAAA;IAE9B,CAAC;AACDC,IAAAA,kBAAkB,EAAE,SAApBA,kBAAkBA,GAAQ;MACzB,OAAO;AACNL,QAAAA,OAAO,EAAE;OACT;IACF,CAAC;AACDM,IAAAA,mBAAmB,EAAE,SAArBA,mBAAmBA,CAAGrC,UAAU,EAAEC,KAAK,EAAK;AAC3C,MAAA,IAAMG,UAAU,GAAGH,KAAK,CAACE,WAAW,CAAC,eAAe,CAAC;MAErD,OAAAG,uCAAA,CAAAA,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EACTI,UAAU,IAAI;AAAE2B,QAAAA,OAAO,EAAE;OAAQ,CAAA,EAAA,EAAA,EAAA;AACrCC,QAAAA,MAAM,EAAE;AAAM,OAAA,CAAA;IAEhB,CAAC;AACDM,IAAAA,KAAK,EAAE,SAAPA,KAAKA,CAAGtC,UAAU,EAAK;AACtB,MAAA,OAAAM,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbkB,QAAAA,OAAO,EAAE,CAAC;AACVD,QAAAA,MAAM,EAAE;AAAC,OAAA,CAAA;IAEX,CAAC;AACDsB,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAGvC,UAAU,EAAK;AACzB,MAAA,OAAAM,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbkB,QAAAA,OAAO,EAAE,wBAAwB;AACjCD,QAAAA,MAAM,EAAE;AAAC,OAAA,CAAA;IAEX,CAAC;AACDuB,IAAAA,IAAI,EAAE,SAANA,IAAIA,CAAGxC,UAAU,EAAK;AACrB,MAAA,OAAAM,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbyC,QAAAA,SAAS,EAAE,kCAAkC;AAC7CC,QAAAA,YAAY,EAAE,kCAAkC;AAChD7B,QAAAA,YAAY,EAAE,qBAAqB;AACnCK,QAAAA,OAAO,EAAE,CAAC;AACVJ,QAAAA,SAAS,EAAE;AAAsB,OAAA,CAAA;IAEnC,CAAC;AACD6B,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAG3C,UAAU,EAAEC,KAAK,EAAK;AAC9B,MAAA,IAAMI,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbS,QAAAA,eAAe,EAAE,mCAAmC;AACpDmC,QAAAA,QAAQ,EAAE,UAAU;AACpBrC,QAAAA,MAAM,EAAE,SAAS;AACjBwB,QAAAA,OAAO,EAAE,MAAM;AACflB,QAAAA,YAAY,EAAE,qBAAqB;AACnCG,QAAAA,QAAQ,EAAE,iCAAiC;AAC3C6B,QAAAA,UAAU,EAAE,wCAAwC;AACpDC,QAAAA,aAAa,EAAE,8BAA8B;AAC7CC,QAAAA,UAAU,EAAE,wCAAwC;AACpDvC,QAAAA,KAAK,EAAE,uBAAuB;AAC9BwC,QAAAA,UAAU,EAAE,qDAAqD;AACjEC,QAAAA,YAAY,EAAE,wBAAwB;AACtCC,QAAAA,aAAa,EAAE,qDAAqD;AACpER,QAAAA,YAAY,EAAE,uBAAuB;AACrC7C,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,aAAa,EAAE,+BAA+B;AAC9C,QAAA,SAAS,EAAE;AACVW,UAAAA,eAAe,EAAE;SACjB;AACD,QAAA,SAAS,EAAE;AACVA,UAAAA,eAAe,EAAE;AAClB;OAAC,CACD;MAED,IAAIR,KAAK,CAACkD,UAAU,EAAE;QACrB9C,MAAM,CAACI,eAAe,GAAG,sCAAsC;QAC/DJ,MAAM,CAACG,KAAK,GAAG,0CAA0C;QACzDH,MAAM,CAACiB,YAAY,GAAG,aAAa;QACnCjB,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBI,UAAAA,eAAe,EAAE;SACjB;AACF,MAAA;MAEA,IAAIR,KAAK,CAACoB,SAAS,EAAE;QACpBhB,MAAM,CAACM,WAAW,GAAG,6BAA6B;QAClDN,MAAM,CAACiB,YAAY,GAAG,wBAAwB;QAC9CjB,MAAM,CAACkB,iBAAiB,GAAG,UAAU;QACrClB,MAAM,CAACmB,uBAAuB,GAAG,CAAC;AAClCnB,QAAAA,MAAM,CAACoB,SAAS,GAAA,EAAA,CAAAC,MAAA,CAAM/B,gBAAgB,EAAA,8CAAA,CAA8C;AACrF,MAAA;AAEA,MAAA,IAAIM,KAAK,CAACkD,UAAU,IAAIlD,KAAK,CAACoB,SAAS,EAAE;QACxChB,MAAM,CAACI,eAAe,GAAG,sCAAsC;QAC/DJ,MAAM,CAACG,KAAK,GAAG,0CAA0C;QACzDH,MAAM,CAACiB,YAAY,GAAG,wBAAwB;AAC/C,MAAA;AAEA,MAAA,OAAOjB,MAAM;IACd,CAAC;AACD+C,IAAAA,WAAW,EAAE,SAAbA,WAAWA,CAAGpD,UAAU,EAAEC,KAAK,EAAK;AACnC,MAAA,IAAMoD,OAAO,GAAGpD,KAAK,CAACoD,OAAO;AAE7B,MAAA,IAAMhD,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbQ,QAAAA,KAAK,EAAE,SAAS;AAChBuC,QAAAA,UAAU,EAAE;OAAS,CACrB;;AAED;AACA,MAAA,IAAIM,OAAO,EAAE;QACZhD,MAAM,CAACiD,UAAU,GAAG,CAAC;AACtB,MAAA;AAEA,MAAA,OAAOjD,MAAM;IACd,CAAC;AACDkD,IAAAA,WAAW,EAAE,SAAbA,WAAWA,CAAGvD,UAAU,EAAK;AAC5B,MAAA,IAAMK,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbQ,QAAAA,KAAK,EAAE;OAAS,CAChB;AAED,MAAA,OAAOH,MAAM;IACd,CAAC;AACDmD,IAAAA,UAAU,EAAE,SAAZA,UAAUA,CAAGxD,UAAU,EAAK;AAC3B,MAAA,IAAMK,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbiB,QAAAA,MAAM,EAAE,CAAC;AACTC,QAAAA,OAAO,EAAE,CAAC;AACVT,QAAAA,eAAe,EAAE,6BAA6B;AAC9CM,QAAAA,SAAS,EAAE,YAAY;AACvBH,QAAAA,WAAW,EAAE,OAAO;AACpBC,QAAAA,YAAY,EAAE,qBAAqB;AACnCF,QAAAA,WAAW,EAAE,6BAA6B;AAC1CD,QAAAA,WAAW,EAAE,+BAA+B;AAC5CqB,QAAAA,OAAO,EAAE,MAAM;AACf0B,QAAAA,UAAU,EAAE,QAAQ;AACpBzB,QAAAA,MAAM,EAAE;OAAuB,CAC/B;AAED,MAAA,OAAO3B,MAAM;IACd,CAAC;AACDqD,IAAAA,eAAe,EAAE,SAAjBA,eAAeA,CAAG1D,UAAU,EAAK;AAChC,MAAA,IAAMK,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbkB,QAAAA,OAAO,EAAE,uBAAuB;AAChCyC,QAAAA,WAAW,EAAE,qDAAqD;AAClEV,QAAAA,YAAY,EAAE,uBAAuB;AACrCjC,QAAAA,QAAQ,EAAE,yBAAyB;AACnC6B,QAAAA,UAAU,EAAE,2BAA2B;AACvCrC,QAAAA,KAAK,EAAE;OAAuB,CAC9B;AAED,MAAA,OAAOH,MAAM;IACd,CAAC;AACDuD,IAAAA,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAG5D,UAAU,EAAK;AACjC,MAAA,IAAMK,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbkB,QAAAA,OAAO,EAAE,CAAC;AACVD,QAAAA,MAAM,EAAE,CAAC;AACTL,QAAAA,WAAW,EAAE,OAAO;AACpBC,QAAAA,YAAY,EAAE,qBAAqB;AACnCmB,QAAAA,MAAM,EAAE,uBAAuB;AAC/B6B,QAAAA,KAAK,EAAE,uBAAuB;AAC9BrD,QAAAA,KAAK,EAAE,uBAAuB;AAC9BC,QAAAA,eAAe,EAAE,6BAA6B;AAC9C,QAAA,SAAS,EAAE;AACVD,UAAAA,KAAK,EAAE,gCAAgC;AACvCC,UAAAA,eAAe,EAAE;AAClB;OAAC,CACD;AAED,MAAA,OAAOJ,MAAM;IACd,CAAC;AACDyD,IAAAA,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAG9D,UAAU,EAAK;AACjC,MAAA,IAAMK,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbQ,QAAAA,KAAK,EAAE,iCAAiC;AACxCQ,QAAAA,QAAQ,EAAE,iCAAiC;AAC3CE,QAAAA,OAAO,EAAE;OAAC,CACV;AAED,MAAA,OAAOb,MAAM;IACd,CAAC;AACD0D,IAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAG/D,UAA8B,EAAK;AACnD,MAAA,OAAAM,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbQ,QAAAA,KAAK,EAAE,iCAAiC;AACxCQ,QAAAA,QAAQ,EAAE,iCAAiC;AAC3CE,QAAAA,OAAO,EAAE;AAAC,OAAA,CAAA;IAEZ,CAAC;AACD8C,IAAAA,KAAK,EAAE,SAAPA,KAAKA,CAAGhE,UAAU,EAAK;AACtB,MAAA,IAAMK,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACbgD,QAAAA,UAAU,EAAE,CAAC;AACbE,QAAAA,aAAa,EAAE;OAAuB,CACtC;AAED,MAAA,OAAO7C,MAAM;IACd,CAAC;AACD4D,IAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAGjE,UAAU,EAAK;AAC7B,MAAA,IAAMK,MAA0B,GAAAC,uCAAA,CAAAA,uCAAA,KAC5BN,UAAU,CAAA,EAAA,EAAA,EAAA;AACb2D,QAAAA,WAAW,EAAE,CAAC;AACdO,QAAAA,aAAa,EAAE,YAAY;AAC3BxB,QAAAA,YAAY,EAAE,uBAAuB;AACrClC,QAAAA,KAAK,EAAE,iCAAiC;AACxCQ,QAAAA,QAAQ,EAAE;OAAyB,CACnC;AAED,MAAA,OAAOX,MAAM;AACd,IAAA;GACA;AACF;;;;"}

package/dist/cjs/components/form/select/styles/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var _default = require('./default.js');
+var inline = require('./inline.js');
+var inlineNoLabel = require('./inlineNoLabel.js');
+var inlineStacked = require('./inlineStacked.js');
+
+/**
+ * Gets the styles objects for each MrlSelect kind
+ *
+ * @param kind - the select kind
+ * @returns the styles object for react-select
+ */
+function getSelectStyles() {
+  var kind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+  if (kind === 'inline') {
+    return inline.inlineStyles();
+  }
+  if (kind === 'inline-stacked') {
+    return inlineStacked.inlineStackedStyles();
+  }
+  if (kind === 'inline-no-label') {
+    return inlineNoLabel.inlineNoLabelStyles();
+  }
+  return _default.defaultStyles();
+}
+
+exports.getSelectStyles = getSelectStyles;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/form/select/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form/select/styles/index.ts"],"sourcesContent":["import { GroupBase, StylesConfig } from 'react-select';\nimport { SelectKind } from '../types';\nimport { defaultStyles } from './default';\nimport { inlineStyles } from './inline';\nimport { inlineNoLabelStyles } from './inlineNoLabel';\nimport { inlineStackedStyles } from './inlineStacked';\n\n/**\n * Gets the styles objects for each MrlSelect kind\n *\n * @param kind - the select kind\n * @returns the styles object for react-select\n */\nexport function getSelectStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(kind: SelectKind = 'default'): StylesConfig<T, IsMulti, Group> {\n\tif (kind === 'inline') {\n\t\treturn inlineStyles<T, IsMulti, Group>();\n\t}\n\n\tif (kind === 'inline-stacked') {\n\t\treturn inlineStackedStyles<T, IsMulti, Group>();\n\t}\n\n\tif (kind === 'inline-no-label') {\n\t\treturn inlineNoLabelStyles<T, IsMulti, Group>();\n\t}\n\n\treturn defaultStyles<T, IsMulti, Group>();\n}\n"],"names":["getSelectStyles","kind","arguments","length","undefined","inlineStyles","inlineStackedStyles","inlineNoLabelStyles","defaultStyles"],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,GAIkC;AAAA,EAAA,IAA/DC,IAAgB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,SAAS;EAC7B,IAAID,IAAI,KAAK,QAAQ,EAAE;IACtB,OAAOI,mBAAY,EAAqB;AACzC,EAAA;EAEA,IAAIJ,IAAI,KAAK,gBAAgB,EAAE;IAC9B,OAAOK,iCAAmB,EAAqB;AAChD,EAAA;EAEA,IAAIL,IAAI,KAAK,iBAAiB,EAAE;IAC/B,OAAOM,iCAAmB,EAAqB;AAChD,EAAA;EAEA,OAAOC,sBAAa,EAAqB;AAC1C;;;;"}