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

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: (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: (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: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 0,
+        minHeight: 'var(--mrl-spacing-07)',
+        gap: 'var(--mrl-spacing-01)'
+      });
+    },
+    indicatorSeparator: () => {
+      return {
+        display: 'none'
+      };
+    },
+    indicatorsContainer: (baseStyles, state) => {
+      var isReadOnly = state.selectProps['aria-readonly'];
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), isReadOnly && {
+        display: 'none'
+      }), {}, {
+        height: 'auto'
+      });
+    },
+    input: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 0,
+        margin: 0
+      });
+    },
+    menuList: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        padding: 'var(--mrl-space-inset)',
+        margin: 0
+      });
+    },
+    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: (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: (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: baseStyles => {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        color: 'inherit'
+      });
+      return styles;
+    },
+    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: 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: 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: 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: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        color: 'var(--mrl-color-text-secondary)',
+        fontSize: 'var(--mrl-type-size-text-small)',
+        padding: 0
+      });
+    },
+    group: baseStyles => {
+      var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        paddingTop: 0,
+        paddingBottom: 'var(--mrl-spacing-01)'
+      });
+      return styles;
+    },
+    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":"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"}

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;;;;"}

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var _default = require('./default.js');
+
+/**
+ * MrlSelect styles object for the inline kind
+ *
+ * @returns a styles object
+ */
+function inlineStyles() {
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _default.defaultStyles()), {}, {
+    container: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        flexGrow: 1
+      });
+    },
+    control: (baseStyles, state) => {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      var styles = _default.defaultStyles().control(baseStyles, state);
+      var hasError = state.selectProps['aria-invalid'];
+      var isReadOnly = state.selectProps['aria-readonly'];
+      styles.borderColor = 'transparent';
+      styles['&:hover'] = {
+        backgroundColor: 'var(--mrl-black-opacity-00)',
+        borderColor: 'transparent',
+        color: 'var(--mrl-color-text-selected)'
+      };
+      if (state.menuIsOpen) {
+        styles.backgroundColor = 'var(--mrl-black-opacity-01)';
+      }
+      if (hasError) {
+        styles.borderColor = 'rgba(var(--mrl-status-error), 1)';
+        styles.paddingLeft = 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';
+        styles['&:hover'] = {
+          backgroundColor: 'var(--mrl-black-opacity-00)',
+          borderColor: 'rgba(var(--mrl-status-error), 1)',
+          color: 'var(--mrl-color-text-selected)'
+        };
+      }
+      if (isReadOnly) {
+        styles.backgroundColor = 'var(--mrl-color-background)';
+      }
+      if (state.selectProps.isMulti) {
+        styles.paddingLeft = 0;
+      }
+      return styles;
+    }
+  });
+}
+
+exports.inlineStyles = inlineStyles;
+//# sourceMappingURL=inline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline.js","sources":["../../../../../../src/components/form/select/styles/inline.ts"],"sourcesContent":["import { GroupBase, StylesConfig } from 'react-select';\nimport { defaultStyles } from './default';\n\n/**\n * MrlSelect styles object for the inline kind\n *\n * @returns a styles object\n */\nexport function inlineStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(): StylesConfig<T, IsMulti, Group> {\n\treturn {\n\t\t...defaultStyles<T, IsMulti, Group>(),\n\t\tcontainer: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tflexGrow: 1\n\t\t\t};\n\t\t},\n\t\tcontrol: (baseStyles, state) => {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tconst styles = defaultStyles<T, IsMulti, Group>().control!(baseStyles, state);\n\n\t\t\tconst hasError = state.selectProps['aria-invalid'];\n\t\t\tconst isReadOnly = state.selectProps['aria-readonly'];\n\n\t\t\tstyles.borderColor = 'transparent';\n\t\t\tstyles['&:hover'] = {\n\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\tborderColor: 'transparent',\n\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t};\n\n\t\t\tif (state.menuIsOpen) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-black-opacity-01)';\n\t\t\t}\n\n\t\t\tif (hasError) {\n\t\t\t\tstyles.borderColor = 'rgba(var(--mrl-status-error), 1)';\n\t\t\t\tstyles.paddingLeft =\n\t\t\t\t\t'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\t\tborderColor: 'rgba(var(--mrl-status-error), 1)',\n\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif (isReadOnly) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-color-background)';\n\t\t\t}\n\n\t\t\tif (state.selectProps.isMulti) {\n\t\t\t\tstyles.paddingLeft = 0;\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t}\n\t};\n}\n"],"names":["inlineStyles","_objectSpread","defaultStyles","container","baseStyles","flexGrow","control","state","styles","hasError","selectProps","isReadOnly","borderColor","backgroundColor","color","menuIsOpen","paddingLeft","isMulti"],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,GAIS;AACpC,EAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIC,sBAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;IACrCC,SAAS,EAAGC,UAAU,IAAK;AAC1B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbC,QAAAA,QAAQ,EAAE;AAAC,OAAA,CAAA;IAEb,CAAC;AACDC,IAAAA,OAAO,EAAEA,CAACF,UAAU,EAAEG,KAAK,KAAK;AAC/B;MACA,IAAMC,MAAM,GAAGN,sBAAa,EAAqB,CAACI,OAAO,CAAEF,UAAU,EAAEG,KAAK,CAAC;AAE7E,MAAA,IAAME,QAAQ,GAAGF,KAAK,CAACG,WAAW,CAAC,cAAc,CAAC;AAClD,MAAA,IAAMC,UAAU,GAAGJ,KAAK,CAACG,WAAW,CAAC,eAAe,CAAC;MAErDF,MAAM,CAACI,WAAW,GAAG,aAAa;MAClCJ,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBK,QAAAA,eAAe,EAAE,6BAA6B;AAC9CD,QAAAA,WAAW,EAAE,aAAa;AAC1BE,QAAAA,KAAK,EAAE;OACP;MAED,IAAIP,KAAK,CAACQ,UAAU,EAAE;QACrBP,MAAM,CAACK,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIJ,QAAQ,EAAE;QACbD,MAAM,CAACI,WAAW,GAAG,kCAAkC;QACvDJ,MAAM,CAACQ,WAAW,GACjB,2EAA2E;QAC5ER,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBK,UAAAA,eAAe,EAAE,6BAA6B;AAC9CD,UAAAA,WAAW,EAAE,kCAAkC;AAC/CE,UAAAA,KAAK,EAAE;SACP;AACF,MAAA;AAEA,MAAA,IAAIH,UAAU,EAAE;QACfH,MAAM,CAACK,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIN,KAAK,CAACG,WAAW,CAACO,OAAO,EAAE;QAC9BT,MAAM,CAACQ,WAAW,GAAG,CAAC;AACvB,MAAA;AAEA,MAAA,OAAOR,MAAM;AACd,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var _default = require('./default.js');
+
+/**
+ * MrlSelect styles object for the inline-no-label kind
+ *
+ * @returns a styles object
+ */
+function inlineNoLabelStyles() {
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _default.defaultStyles()), {}, {
+    container: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        flexGrow: 1
+      });
+    },
+    control: (baseStyles, state) => {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      var styles = _default.defaultStyles().control(baseStyles, state);
+      var hasError = state.selectProps['aria-invalid'];
+      var isReadOnly = state.selectProps['aria-readonly'];
+      styles.borderColor = 'transparent';
+      styles.color = 'var(--mrl-color-text-label)';
+      styles.fontWeight = 'var(--mrl-font-weight-04)';
+      styles.minHeight = 'var(--mrl-spacing-06)';
+      styles.padding = 'var(--mrl-spacing-03) var(--mrl-space-inset)';
+      styles['&:hover'] = {
+        backgroundColor: 'var(--mrl-black-opacity-00)',
+        borderColor: 'transparent',
+        color: 'var(--mrl-color-text-selected)'
+      };
+      if (state.menuIsOpen) {
+        styles.backgroundColor = 'var(--mrl-black-opacity-01)';
+      }
+      if (hasError) {
+        styles.paddingLeft = 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';
+        styles.borderColor = 'rgba(var(--mrl-status-error), 1)';
+        styles['&:hover'] = {
+          backgroundColor: 'var(--mrl-black-opacity-00)',
+          borderColor: 'rgba(var(--mrl-status-error), 1)',
+          color: 'var(--mrl-color-text-selected)'
+        };
+      }
+      if (isReadOnly) {
+        styles.backgroundColor = 'var(--mrl-color-background)';
+      }
+      if (state.selectProps.isMulti) {
+        styles.paddingLeft = 0;
+      }
+      return styles;
+    },
+    valueContainer: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        minHeight: 'var(--mrl-spacing-06)',
+        padding: 0
+      });
+    }
+  });
+}
+
+exports.inlineNoLabelStyles = inlineNoLabelStyles;
+//# sourceMappingURL=inlineNoLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inlineNoLabel.js","sources":["../../../../../../src/components/form/select/styles/inlineNoLabel.ts"],"sourcesContent":["import { GroupBase, StylesConfig } from 'react-select';\nimport { defaultStyles } from './default';\n\n/**\n * MrlSelect styles object for the inline-no-label kind\n *\n * @returns a styles object\n */\nexport function inlineNoLabelStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(): StylesConfig<T, IsMulti, Group> {\n\treturn {\n\t\t...defaultStyles<T, IsMulti, Group>(),\n\t\tcontainer: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tflexGrow: 1\n\t\t\t};\n\t\t},\n\t\tcontrol: (baseStyles, state) => {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tconst styles = defaultStyles<T, IsMulti, Group>().control!(baseStyles, state);\n\n\t\t\tconst hasError = state.selectProps['aria-invalid'];\n\t\t\tconst isReadOnly = state.selectProps['aria-readonly'];\n\n\t\t\tstyles.borderColor = 'transparent';\n\t\t\tstyles.color = 'var(--mrl-color-text-label)';\n\t\t\tstyles.fontWeight = 'var(--mrl-font-weight-04)';\n\t\t\tstyles.minHeight = 'var(--mrl-spacing-06)';\n\t\t\tstyles.padding = 'var(--mrl-spacing-03) var(--mrl-space-inset)';\n\t\t\tstyles['&:hover'] = {\n\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\tborderColor: 'transparent',\n\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t};\n\n\t\t\tif (state.menuIsOpen) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-black-opacity-01)';\n\t\t\t}\n\n\t\t\tif (hasError) {\n\t\t\t\tstyles.paddingLeft =\n\t\t\t\t\t'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';\n\t\t\t\tstyles.borderColor = 'rgba(var(--mrl-status-error), 1)';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\t\tborderColor: 'rgba(var(--mrl-status-error), 1)',\n\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif (isReadOnly) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-color-background)';\n\t\t\t}\n\n\t\t\tif (state.selectProps.isMulti) {\n\t\t\t\tstyles.paddingLeft = 0;\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t},\n\t\tvalueContainer: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tminHeight: 'var(--mrl-spacing-06)',\n\t\t\t\tpadding: 0\n\t\t\t};\n\t\t}\n\t};\n}\n"],"names":["inlineNoLabelStyles","_objectSpread","defaultStyles","container","baseStyles","flexGrow","control","state","styles","hasError","selectProps","isReadOnly","borderColor","color","fontWeight","minHeight","padding","backgroundColor","menuIsOpen","paddingLeft","isMulti","valueContainer"],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,GAIE;AACpC,EAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIC,sBAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;IACrCC,SAAS,EAAGC,UAAU,IAAK;AAC1B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbC,QAAAA,QAAQ,EAAE;AAAC,OAAA,CAAA;IAEb,CAAC;AACDC,IAAAA,OAAO,EAAEA,CAACF,UAAU,EAAEG,KAAK,KAAK;AAC/B;MACA,IAAMC,MAAM,GAAGN,sBAAa,EAAqB,CAACI,OAAO,CAAEF,UAAU,EAAEG,KAAK,CAAC;AAE7E,MAAA,IAAME,QAAQ,GAAGF,KAAK,CAACG,WAAW,CAAC,cAAc,CAAC;AAClD,MAAA,IAAMC,UAAU,GAAGJ,KAAK,CAACG,WAAW,CAAC,eAAe,CAAC;MAErDF,MAAM,CAACI,WAAW,GAAG,aAAa;MAClCJ,MAAM,CAACK,KAAK,GAAG,6BAA6B;MAC5CL,MAAM,CAACM,UAAU,GAAG,2BAA2B;MAC/CN,MAAM,CAACO,SAAS,GAAG,uBAAuB;MAC1CP,MAAM,CAACQ,OAAO,GAAG,8CAA8C;MAC/DR,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBS,QAAAA,eAAe,EAAE,6BAA6B;AAC9CL,QAAAA,WAAW,EAAE,aAAa;AAC1BC,QAAAA,KAAK,EAAE;OACP;MAED,IAAIN,KAAK,CAACW,UAAU,EAAE;QACrBV,MAAM,CAACS,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIR,QAAQ,EAAE;QACbD,MAAM,CAACW,WAAW,GACjB,2EAA2E;QAC5EX,MAAM,CAACI,WAAW,GAAG,kCAAkC;QACvDJ,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBS,UAAAA,eAAe,EAAE,6BAA6B;AAC9CL,UAAAA,WAAW,EAAE,kCAAkC;AAC/CC,UAAAA,KAAK,EAAE;SACP;AACF,MAAA;AAEA,MAAA,IAAIF,UAAU,EAAE;QACfH,MAAM,CAACS,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIV,KAAK,CAACG,WAAW,CAACU,OAAO,EAAE;QAC9BZ,MAAM,CAACW,WAAW,GAAG,CAAC;AACvB,MAAA;AAEA,MAAA,OAAOX,MAAM;IACd,CAAC;IACDa,cAAc,EAAGjB,UAAU,IAAK;AAC/B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbW,QAAAA,SAAS,EAAE,uBAAuB;AAClCC,QAAAA,OAAO,EAAE;AAAC,OAAA,CAAA;AAEZ,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var _default = require('./default.js');
+var inline = require('./inline.js');
+
+/**
+ * MrlSelect styles object for the inline-stacked kind
+ *
+ * @returns a styles object
+ */
+function inlineStackedStyles() {
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _default.defaultStyles()), {}, {
+    control: (baseStyles, state) => {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      var styles = inline.inlineStyles().control(baseStyles, state);
+      var hasError = state.selectProps['aria-invalid'];
+      styles.paddingLeft = 0;
+      styles.transition = 'background-color var(--mrl-duration-03) var(--mrl-timing-m2), padding-left var(--mrl-duration-03) var(--mrl-timing-m2)';
+      styles['&:hover'] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles['&:hover']), {}, {
+        paddingLeft: 'var(--mrl-space-inset-control-small)'
+      });
+      if (hasError || state.isFocused || state.menuIsOpen) {
+        styles.paddingLeft = 'var(--mrl-space-inset-control-small)';
+      }
+      return styles;
+    },
+    placeholder: baseStyles => {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        marginLeft: 0
+      });
+    }
+  });
+}
+
+exports.inlineStackedStyles = inlineStackedStyles;
+//# sourceMappingURL=inlineStacked.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inlineStacked.js","sources":["../../../../../../src/components/form/select/styles/inlineStacked.ts"],"sourcesContent":["import { CSSObjectWithLabel, GroupBase, StylesConfig } from 'react-select';\nimport { defaultStyles } from './default';\nimport { inlineStyles } from './inline';\n\n/**\n * MrlSelect styles object for the inline-stacked kind\n *\n * @returns a styles object\n */\nexport function inlineStackedStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(): StylesConfig<T, IsMulti, Group> {\n\treturn {\n\t\t...defaultStyles<T, IsMulti, Group>(),\n\t\tcontrol: (baseStyles, state) => {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tconst styles = inlineStyles<T, IsMulti, Group>().control!(baseStyles, state);\n\t\t\tconst hasError = state.selectProps['aria-invalid'];\n\n\t\t\tstyles.paddingLeft = 0;\n\t\t\tstyles.transition =\n\t\t\t\t'background-color var(--mrl-duration-03) var(--mrl-timing-m2), padding-left var(--mrl-duration-03) var(--mrl-timing-m2)';\n\t\t\tstyles['&:hover'] = {\n\t\t\t\t...(styles['&:hover'] as CSSObjectWithLabel),\n\t\t\t\tpaddingLeft: 'var(--mrl-space-inset-control-small)'\n\t\t\t};\n\n\t\t\tif (hasError || state.isFocused || state.menuIsOpen) {\n\t\t\t\tstyles.paddingLeft = 'var(--mrl-space-inset-control-small)';\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t},\n\t\tplaceholder: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tmarginLeft: 0\n\t\t\t};\n\t\t}\n\t};\n}\n"],"names":["inlineStackedStyles","_objectSpread","defaultStyles","control","baseStyles","state","styles","inlineStyles","hasError","selectProps","paddingLeft","transition","isFocused","menuIsOpen","placeholder","marginLeft"],"mappings":";;;;;;AAIA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,GAIE;AACpC,EAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIC,sBAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,OAAO,EAAEA,CAACC,UAAU,EAAEC,KAAK,KAAK;AAC/B;MACA,IAAMC,MAAM,GAAGC,mBAAY,EAAqB,CAACJ,OAAO,CAAEC,UAAU,EAAEC,KAAK,CAAC;AAC5E,MAAA,IAAMG,QAAQ,GAAGH,KAAK,CAACI,WAAW,CAAC,cAAc,CAAC;MAElDH,MAAM,CAACI,WAAW,GAAG,CAAC;MACtBJ,MAAM,CAACK,UAAU,GAChB,wHAAwH;MACzHL,MAAM,CAAC,SAAS,CAAC,GAAAL,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACZK,MAAM,CAAC,SAAS,CAAC,CAAA,EAAA,EAAA,EAAA;AACrBI,QAAAA,WAAW,EAAE;OAAsC,CACnD;MAED,IAAIF,QAAQ,IAAIH,KAAK,CAACO,SAAS,IAAIP,KAAK,CAACQ,UAAU,EAAE;QACpDP,MAAM,CAACI,WAAW,GAAG,sCAAsC;AAC5D,MAAA;AAEA,MAAA,OAAOJ,MAAM;IACd,CAAC;IACDQ,WAAW,EAAGV,UAAU,IAAK;AAC5B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbW,QAAAA,UAAU,EAAE;AAAC,OAAA,CAAA;AAEf,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}

package/dist/cjs/components/form/select/utils/closeMenuOnScroll.js

@@ -0,0 +1,24 @@
+'use strict';
+
+/**
+ * Evaluates the scroll event target with a given class name to prevent closing the select menu when
+ * it renders inside a scrollable container.
+ * if the scroll event target contains the provided class, the function return `false` to keep the menu open.
+ * In most scenarios, `className` will be the class name of the select menu list.
+ *
+ * @param  className - The class name to check against the target element's class list.
+ * @returns An event handler function that takes an event as an argument
+ */
+function closeMenuOnScroll(className) {
+  return function (e) {
+    e.stopPropagation();
+    var el = e.target;
+    if (el && el.classList && typeof el.classList.contains === 'function') {
+      return !el.classList.contains(className);
+    }
+    return true;
+  };
+}
+
+exports.closeMenuOnScroll = closeMenuOnScroll;
+//# sourceMappingURL=closeMenuOnScroll.js.map

package/dist/cjs/components/form/select/utils/closeMenuOnScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"closeMenuOnScroll.js","sources":["../../../../../../src/components/form/select/utils/closeMenuOnScroll.ts"],"sourcesContent":["/**\n * Evaluates the scroll event target with a given class name to prevent closing the select menu when\n * it renders inside a scrollable container.\n * if the scroll event target contains the provided class, the function return `false` to keep the menu open.\n * In most scenarios, `className` will be the class name of the select menu list.\n *\n * @param  className - The class name to check against the target element's class list.\n * @returns An event handler function that takes an event as an argument\n */\nexport function closeMenuOnScroll(className: string): (e: Event) => boolean {\n\treturn function (e: Event): boolean {\n\t\te.stopPropagation();\n\t\tconst el = e.target as HTMLElement;\n\t\tif (el && el.classList && typeof el.classList.contains === 'function') {\n\t\t\treturn !el.classList.contains(className);\n\t\t}\n\t\treturn true;\n\t};\n}\n"],"names":["closeMenuOnScroll","className","e","stopPropagation","el","target","classList","contains"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAACC,SAAiB,EAAyB;EAC3E,OAAO,UAAUC,CAAQ,EAAW;IACnCA,CAAC,CAACC,eAAe,EAAE;AACnB,IAAA,IAAMC,EAAE,GAAGF,CAAC,CAACG,MAAqB;AAClC,IAAA,IAAID,EAAE,IAAIA,EAAE,CAACE,SAAS,IAAI,OAAOF,EAAE,CAACE,SAAS,CAACC,QAAQ,KAAK,UAAU,EAAE;MACtE,OAAO,CAACH,EAAE,CAACE,SAAS,CAACC,QAAQ,CAACN,SAAS,CAAC;AACzC,IAAA;AACA,IAAA,OAAO,IAAI;EACZ,CAAC;AACF;;;;"}