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

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

@@ -21,7 +21,7 @@ function defaultStyles() {
     }
   });
   return {
-    control: function control(baseStyles, state) {
+    control: (baseStyles, state) => {
       var hasError = state.selectProps['aria-invalid'];
       var isReadOnly = state.selectProps['aria-readonly'];
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
@@ -95,7 +95,7 @@ function defaultStyles() {
       }
       return styles;
     },
-    clearIndicator: function clearIndicator(baseStyles, props) {
+    clearIndicator: (baseStyles, props) => {
       if (props.selectProps.showClearIndicatorIcon) {
         return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
           color: 'var(--mrl-color-text-selected)',
@@ -112,19 +112,19 @@ function defaultStyles() {
         display: 'none'
       });
     },
-    valueContainer: function valueContainer(baseStyles) {
+    valueContainer: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         padding: 0,
         minHeight: 'var(--mrl-spacing-07)',
         gap: 'var(--mrl-spacing-01)'
       });
     },
-    indicatorSeparator: function indicatorSeparator() {
+    indicatorSeparator: () => {
       return {
         display: 'none'
       };
     },
-    indicatorsContainer: function indicatorsContainer(baseStyles, state) {
+    indicatorsContainer: (baseStyles, state) => {
       var isReadOnly = state.selectProps['aria-readonly'];
       return _objectSpread2(_objectSpread2(_objectSpread2({}, baseStyles), isReadOnly && {
         display: 'none'
@@ -132,19 +132,19 @@ function defaultStyles() {
         height: 'auto'
       });
     },
-    input: function input(baseStyles) {
+    input: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         padding: 0,
         margin: 0
       });
     },
-    menuList: function menuList(baseStyles) {
+    menuList: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         padding: 'var(--mrl-space-inset)',
         margin: 0
       });
     },
-    menu: function menu(baseStyles) {
+    menu: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         marginTop: 'calc(-1 * var(--mrl-spacing-02))',
         marginBottom: 'calc(-1 * var(--mrl-spacing-02))',
@@ -153,7 +153,7 @@ function defaultStyles() {
         boxShadow: 'var(--mrl-shadow-01)'
       });
     },
-    option: function option(baseStyles, state) {
+    option: (baseStyles, state) => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         backgroundColor: 'var(--mrl-color-background-input)',
         position: 'relative',
@@ -200,7 +200,7 @@ function defaultStyles() {
       }
       return styles;
     },
-    placeholder: function placeholder(baseStyles, state) {
+    placeholder: (baseStyles, state) => {
       var isMulti = state.isMulti;
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         color: 'inherit',
@@ -213,13 +213,13 @@ function defaultStyles() {
       }
       return styles;
     },
-    singleValue: function singleValue(baseStyles) {
+    singleValue: baseStyles => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         color: 'inherit'
       });
       return styles;
     },
-    multiValue: function multiValue(baseStyles) {
+    multiValue: baseStyles => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         margin: 0,
         padding: 0,
@@ -235,7 +235,7 @@ function defaultStyles() {
       });
       return styles;
     },
-    multiValueLabel: function multiValueLabel(baseStyles) {
+    multiValueLabel: baseStyles => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         padding: 'var(--mrl-spacing-01)',
         paddingLeft: 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))',
@@ -246,7 +246,7 @@ function defaultStyles() {
       });
       return styles;
     },
-    multiValueRemove: function multiValueRemove(baseStyles) {
+    multiValueRemove: baseStyles => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         padding: 0,
         margin: 0,
@@ -263,7 +263,7 @@ function defaultStyles() {
       });
       return styles;
     },
-    noOptionsMessage: function noOptionsMessage(baseStyles) {
+    noOptionsMessage: baseStyles => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         color: 'var(--mrl-color-text-secondary)',
         fontSize: 'var(--mrl-type-size-text-small)',
@@ -271,21 +271,21 @@ function defaultStyles() {
       });
       return styles;
     },
-    loadingMessage: function loadingMessage(baseStyles) {
+    loadingMessage: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         color: 'var(--mrl-color-text-secondary)',
         fontSize: 'var(--mrl-type-size-text-small)',
         padding: 0
       });
     },
-    group: function group(baseStyles) {
+    group: baseStyles => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         paddingTop: 0,
         paddingBottom: 'var(--mrl-spacing-01)'
       });
       return styles;
     },
-    groupHeading: function groupHeading(baseStyles) {
+    groupHeading: baseStyles => {
       var styles = _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         paddingLeft: 0,
         textTransform: 'capitalize',

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

@@ -1 +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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"}
+{"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/esm/components/form/select/styles/inline.js

@@ -8,12 +8,12 @@ import { defaultStyles } from './default.js';
  */
 function inlineStyles() {
   return _objectSpread2(_objectSpread2({}, defaultStyles()), {}, {
-    container: function container(baseStyles) {
+    container: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         flexGrow: 1
       });
     },
-    control: function control(baseStyles, state) {
+    control: (baseStyles, state) => {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var styles = defaultStyles().control(baseStyles, state);
       var hasError = state.selectProps['aria-invalid'];

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

@@ -1 +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,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIC,aAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGC,UAAU,EAAK;AAC1B,MAAA,OAAAH,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbC,QAAAA,QAAQ,EAAE;AAAC,OAAA,CAAA;IAEb,CAAC;AACDC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGF,UAAU,EAAEG,KAAK,EAAK;AAC/B;MACA,IAAMC,MAAM,GAAGN,aAAa,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;;;;"}
+{"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,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIC,aAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;IACrCC,SAAS,EAAGC,UAAU,IAAK;AAC1B,MAAA,OAAAH,cAAA,CAAAA,cAAA,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,aAAa,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/esm/components/form/select/styles/inlineNoLabel.js

@@ -8,12 +8,12 @@ import { defaultStyles } from './default.js';
  */
 function inlineNoLabelStyles() {
   return _objectSpread2(_objectSpread2({}, defaultStyles()), {}, {
-    container: function container(baseStyles) {
+    container: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         flexGrow: 1
       });
     },
-    control: function control(baseStyles, state) {
+    control: (baseStyles, state) => {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var styles = defaultStyles().control(baseStyles, state);
       var hasError = state.selectProps['aria-invalid'];
@@ -48,7 +48,7 @@ function inlineNoLabelStyles() {
       }
       return styles;
     },
-    valueContainer: function valueContainer(baseStyles) {
+    valueContainer: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         minHeight: 'var(--mrl-spacing-06)',
         padding: 0

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

@@ -1 +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,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIC,aAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGC,UAAU,EAAK;AAC1B,MAAA,OAAAH,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbC,QAAAA,QAAQ,EAAE;AAAC,OAAA,CAAA;IAEb,CAAC;AACDC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGF,UAAU,EAAEG,KAAK,EAAK;AAC/B;MACA,IAAMC,MAAM,GAAGN,aAAa,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;AACDa,IAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAGjB,UAAU,EAAK;AAC/B,MAAA,OAAAH,cAAA,CAAAA,cAAA,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;;;;"}
+{"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,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIC,aAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;IACrCC,SAAS,EAAGC,UAAU,IAAK;AAC1B,MAAA,OAAAH,cAAA,CAAAA,cAAA,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,aAAa,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,cAAA,CAAAA,cAAA,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/esm/components/form/select/styles/inlineStacked.js

@@ -9,7 +9,7 @@ import { inlineStyles } from './inline.js';
  */
 function inlineStackedStyles() {
   return _objectSpread2(_objectSpread2({}, defaultStyles()), {}, {
-    control: function control(baseStyles, state) {
+    control: (baseStyles, state) => {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var styles = inlineStyles().control(baseStyles, state);
       var hasError = state.selectProps['aria-invalid'];
@@ -23,7 +23,7 @@ function inlineStackedStyles() {
       }
       return styles;
     },
-    placeholder: function placeholder(baseStyles) {
+    placeholder: baseStyles => {
       return _objectSpread2(_objectSpread2({}, baseStyles), {}, {
         marginLeft: 0
       });

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

@@ -1 +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,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIC,aAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGC,UAAU,EAAEC,KAAK,EAAK;AAC/B;MACA,IAAMC,MAAM,GAAGC,YAAY,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,cAAA,CAAAA,cAAA,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;AACDQ,IAAAA,WAAW,EAAE,SAAbA,WAAWA,CAAGV,UAAU,EAAK;AAC5B,MAAA,OAAAH,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbW,QAAAA,UAAU,EAAE;AAAC,OAAA,CAAA;AAEf,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}
+{"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,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIC,aAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,OAAO,EAAEA,CAACC,UAAU,EAAEC,KAAK,KAAK;AAC/B;MACA,IAAMC,MAAM,GAAGC,YAAY,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,cAAA,CAAAA,cAAA,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,cAAA,CAAAA,cAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbW,QAAAA,UAAU,EAAE;AAAC,OAAA,CAAA;AAEf,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}

package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import { memo, useMemo } from 'react';
 import classnames from 'classnames';
@@ -7,7 +7,7 @@ import { getUniqueId } from '../../../../utils/setAttributes/setAttributes.js';
 import { MrlSwitchStandalone } from '../MrlSwitchStandalone/MrlSwitchStandalone.js';
 
 var _excluded = ["className", "disabled", "id", "label", "onChange", "selected"];
-var MrlSwitch = /*#__PURE__*/memo(function (_ref) {
+var MrlSwitch = /*#__PURE__*/memo(_ref => {
   var className = _ref.className,
     disabled = _ref.disabled,
     _ref$id = _ref.id,
@@ -17,11 +17,14 @@ var MrlSwitch = /*#__PURE__*/memo(function (_ref) {
     _ref$selected = _ref.selected,
     selected = _ref$selected === void 0 ? false : _ref$selected,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var inputId = useMemo(function () {
-    return id || getUniqueId('mrl-toggle-');
-  }, [id]);
+  var inputId = useMemo(() => id || getUniqueId('mrl-toggle-'), [id]);
   var textOnlyLabel = typeof label === 'string';
-  var containerClasses = classnames('MrlSwitch', styles['MrlSwitch'], className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'mrl-label', textOnlyLabel), styles['MrlLabel'], textOnlyLabel), 'MrlSwitch-disabled', disabled), styles['MrlSwitch-disabled'], disabled));
+  var containerClasses = classnames('MrlSwitch', styles['MrlSwitch'], className, {
+    ['mrl-label']: textOnlyLabel,
+    [styles['MrlLabel']]: textOnlyLabel,
+    ['MrlSwitch-disabled']: disabled,
+    [styles['MrlSwitch-disabled']]: disabled
+  });
   return /*#__PURE__*/React.createElement("label", {
     className: containerClasses
   }, label, /*#__PURE__*/React.createElement(MrlSwitchStandalone, _extends({}, rest, {

package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSwitch.js","sources":["../../../../../../src/components/form/switch/MrlSwitch/MrlSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useMemo } from 'react';\nimport { MrlSwitchStandalone } from '../../..';\nimport { getUniqueId } from '../../../../utils';\n\nimport styles from './MrlSwitch.module.scss';\n\ninterface MrlSwitchProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tdisabled?: boolean;\n\tid?: string;\n\t/**\n\t * The `label` is best used as a string, which will style according to MrlLabel styles.\n\t * If you need custom styles, you can use `className` or use a span that you style as `label`\n\t */\n\tlabel: string | React.ReactNode;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitch = memo(\n\t({\n\t\tclassName,\n\t\tdisabled,\n\t\tid = undefined,\n\t\tlabel,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchProps) => {\n\t\tconst inputId = useMemo(() => id || getUniqueId('mrl-toggle-'), [id]);\n\t\tconst textOnlyLabel = typeof label === 'string';\n\t\tconst containerClasses = classnames('MrlSwitch', styles['MrlSwitch'], className, {\n\t\t\t['mrl-label']: textOnlyLabel,\n\t\t\t[styles['MrlLabel']]: textOnlyLabel,\n\t\t\t['MrlSwitch-disabled']: disabled,\n\t\t\t[styles['MrlSwitch-disabled']]: disabled\n\t\t});\n\n\t\treturn (\n\t\t\t<label className={containerClasses}>\n\t\t\t\t{label}\n\t\t\t\t<MrlSwitchStandalone\n\t\t\t\t\t{...rest}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tid={inputId}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tselected={selected}\n\t\t\t\t/>\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nMrlSwitch.displayName = 'MrlSwitch';\n"],"names":["MrlSwitch","memo","_ref","className","disabled","_ref$id","id","undefined","label","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","inputId","useMemo","getUniqueId","textOnlyLabel","containerClasses","classnames","styles","_defineProperty","React","createElement","MrlSwitchStandalone","_extends","displayName"],"mappings":";;;;;;;;;IAqBaA,SAAS,gBAAGC,IAAI,CAC5B,UAAAC,IAAA,EAQsB;AAAA,EAAA,IAPrBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,OAAA,GAAAH,IAAA,CACRI,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAA,MAAA,GAAGE,SAAS,GAAAF,OAAA;IACdG,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,aAAA,GAAAR,IAAA,CACRS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;EAEP,IAAMC,OAAO,GAAGC,OAAO,CAAC,YAAA;AAAA,IAAA,OAAMV,EAAE,IAAIW,WAAW,CAAC,aAAa,CAAC;EAAA,CAAA,EAAE,CAACX,EAAE,CAAC,CAAC;AACrE,EAAA,IAAMY,aAAa,GAAG,OAAOV,KAAK,KAAK,QAAQ;AAC/C,EAAA,IAAMW,gBAAgB,GAAGC,UAAU,CAAC,WAAW,EAAEC,MAAM,CAAC,WAAW,CAAC,EAAElB,SAAS,EAAAmB,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EAC7E,WAAW,EAAGJ,aAAa,GAC3BG,MAAM,CAAC,UAAU,CAAC,EAAGH,aAAa,CAAA,EAClC,oBAAoB,EAAGd,QAAQ,CAAA,EAC/BiB,MAAM,CAAC,oBAAoB,CAAC,EAAGjB,QAAQ,CACxC,CAAC;EAEF,oBACCmB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOrB,IAAAA,SAAS,EAAEgB;GAAiB,EACjCX,KAAK,eACNe,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAAC,QAAA,CAAA,EAAA,EACfd,IAAI,EAAA;AACRR,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,EAAE,EAAES,OAAQ;AACZN,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,QAAQ,EAAEA;AAAS,GAAA,CACnB,CACK,CAAC;AAEV,CACD;AAEAX,SAAS,CAAC2B,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"MrlSwitch.js","sources":["../../../../../../src/components/form/switch/MrlSwitch/MrlSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useMemo } from 'react';\nimport { MrlSwitchStandalone } from '../../..';\nimport { getUniqueId } from '../../../../utils';\n\nimport styles from './MrlSwitch.module.scss';\n\ninterface MrlSwitchProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tdisabled?: boolean;\n\tid?: string;\n\t/**\n\t * The `label` is best used as a string, which will style according to MrlLabel styles.\n\t * If you need custom styles, you can use `className` or use a span that you style as `label`\n\t */\n\tlabel: string | React.ReactNode;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitch = memo(\n\t({\n\t\tclassName,\n\t\tdisabled,\n\t\tid = undefined,\n\t\tlabel,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchProps) => {\n\t\tconst inputId = useMemo(() => id || getUniqueId('mrl-toggle-'), [id]);\n\t\tconst textOnlyLabel = typeof label === 'string';\n\t\tconst containerClasses = classnames('MrlSwitch', styles['MrlSwitch'], className, {\n\t\t\t['mrl-label']: textOnlyLabel,\n\t\t\t[styles['MrlLabel']]: textOnlyLabel,\n\t\t\t['MrlSwitch-disabled']: disabled,\n\t\t\t[styles['MrlSwitch-disabled']]: disabled\n\t\t});\n\n\t\treturn (\n\t\t\t<label className={containerClasses}>\n\t\t\t\t{label}\n\t\t\t\t<MrlSwitchStandalone\n\t\t\t\t\t{...rest}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tid={inputId}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tselected={selected}\n\t\t\t\t/>\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nMrlSwitch.displayName = 'MrlSwitch';\n"],"names":["MrlSwitch","memo","_ref","className","disabled","_ref$id","id","undefined","label","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","inputId","useMemo","getUniqueId","textOnlyLabel","containerClasses","classnames","styles","React","createElement","MrlSwitchStandalone","_extends","displayName"],"mappings":";;;;;;;;;IAqBaA,SAAS,gBAAGC,IAAI,CAC5BC,IAAA,IAQsB;AAAA,EAAA,IAPrBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,OAAA,GAAAH,IAAA,CACRI,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAA,MAAA,GAAGE,SAAS,GAAAF,OAAA;IACdG,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,aAAA,GAAAR,IAAA,CACRS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAGC,OAAO,CAAC,MAAMV,EAAE,IAAIW,WAAW,CAAC,aAAa,CAAC,EAAE,CAACX,EAAE,CAAC,CAAC;AACrE,EAAA,IAAMY,aAAa,GAAG,OAAOV,KAAK,KAAK,QAAQ;AAC/C,EAAA,IAAMW,gBAAgB,GAAGC,UAAU,CAAC,WAAW,EAAEC,MAAM,CAAC,WAAW,CAAC,EAAElB,SAAS,EAAE;IAChF,CAAC,WAAW,GAAGe,aAAa;AAC5B,IAAA,CAACG,MAAM,CAAC,UAAU,CAAC,GAAGH,aAAa;IACnC,CAAC,oBAAoB,GAAGd,QAAQ;AAChC,IAAA,CAACiB,MAAM,CAAC,oBAAoB,CAAC,GAAGjB;AACjC,GAAC,CAAC;EAEF,oBACCkB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOpB,IAAAA,SAAS,EAAEgB;GAAiB,EACjCX,KAAK,eACNc,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAAC,QAAA,CAAA,EAAA,EACfb,IAAI,EAAA;AACRR,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,EAAE,EAAES,OAAQ;AACZN,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,QAAQ,EAAEA;AAAS,GAAA,CACnB,CACK,CAAC;AAEV,CACD;AAEAX,SAAS,CAAC0B,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js

@@ -7,7 +7,7 @@ import styles from './MrlSwitchStandalone.module.scss.js';
 import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
 
 var _excluded = ["className", "id", "labelledBy", "onChange", "selected"];
-var MrlSwitchStandalone = /*#__PURE__*/memo(function (_ref) {
+var MrlSwitchStandalone = /*#__PURE__*/memo(_ref => {
   var className = _ref.className,
     id = _ref.id,
     labelledBy = _ref.labelledBy,
@@ -19,10 +19,10 @@ var MrlSwitchStandalone = /*#__PURE__*/memo(function (_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isChecked = _useState2[0],
     setIsChecked = _useState2[1];
-  useEffect(function () {
+  useEffect(() => {
     setIsChecked(selected);
   }, [selected]);
-  var handleChange = function handleChange(e) {
+  var handleChange = e => {
     setIsChecked(e.target.checked);
     onChange(e);
   };

package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSwitchStandalone.js","sources":["../../../../../../src/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.tsx"],"sourcesContent":["import { check, minus } from '@muraldevkit/ds-icons';\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useState, useEffect } from 'react';\nimport { MrlSvg } from '../../..';\n\nimport styles from './MrlSwitchStandalone.module.scss';\n\ninterface MrlSwitchStandaloneProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tid: string;\n\tlabelledBy?: string;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitchStandalone = memo(\n\t({\n\t\tclassName,\n\t\tid,\n\t\tlabelledBy,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchStandaloneProps) => {\n\t\tconst [isChecked, setIsChecked] = useState(selected);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsChecked(selected);\n\t\t}, [selected]);\n\n\t\tconst handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tsetIsChecked(e.target.checked);\n\t\t\tonChange(e);\n\t\t};\n\n\t\tconst containerClasses = classnames(\n\t\t\tclassName,\n\t\t\t'MrlSwitchStandalone',\n\t\t\tstyles['MrlSwitchStandalone']\n\t\t);\n\n\t\treturn (\n\t\t\t<div className={containerClasses}>\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\taria-labelledby={labelledBy}\n\t\t\t\t\taria-checked={isChecked}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-checkbox',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-checkbox']\n\t\t\t\t\t)}\n\t\t\t\t\tid={id}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\trole=\"switch\"\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames('MrlSwitchStandalone-switch', styles['MrlSwitchStandalone-switch'])}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-switch-indicator',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-switch-indicator']\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg size=\"auto\" svg={isChecked ? check : minus} />\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nMrlSwitchStandalone.displayName = 'MrlSwitchStandalone';\n"],"names":["MrlSwitchStandalone","memo","_ref","className","id","labelledBy","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","useEffect","handleChange","e","target","checked","containerClasses","classnames","styles","React","createElement","_extends","type","role","MrlSvg","size","svg","check","minus","displayName"],"mappings":";;;;;;;;;IAgBaA,mBAAmB,gBAAGC,IAAI,CACtC,UAAAC,IAAA,EAOgC;AAAA,EAAA,IAN/BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAAC,aAAA,GAAAL,IAAA,CACRM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAACL,QAAQ,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9BI,EAAAA,SAAS,CAAC,YAAM;IACfD,YAAY,CAACT,QAAQ,CAAC;AACvB,EAAA,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;AAEd,EAAA,IAAMW,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAsC,EAAK;AAChEH,IAAAA,YAAY,CAACG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;IAC9BhB,QAAQ,CAACc,CAAC,CAAC;EACZ,CAAC;AAED,EAAA,IAAMG,gBAAgB,GAAGC,UAAU,CAClCrB,SAAS,EACT,qBAAqB,EACrBsB,MAAM,CAAC,qBAAqB,CAC7B,CAAC;EAED,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKxB,IAAAA,SAAS,EAAEoB;AAAiB,GAAA,eAChCG,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,KACKnB,IAAI,EAAA;AACR,IAAA,iBAAA,EAAiBJ,UAAW;AAC5B,IAAA,cAAA,EAAcW,SAAU;IACxBb,SAAS,EAAEqB,UAAU,CACpB,8BAA8B,EAC9BC,MAAM,CAAC,8BAA8B,CACtC,CAAE;AACFrB,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,QAAQ,EAAEa,YAAa;AACvBU,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,IAAI,EAAC;AAAQ,GAAA,CACb,CAAC,eACFJ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CAAC,4BAA4B,EAAEC,MAAM,CAAC,4BAA4B,CAAC;AAAE,GAC1F,CAAC,eACFC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CACpB,sCAAsC,EACtCC,MAAM,CAAC,sCAAsC,CAC9C;AAAE,GAAA,eAEFC,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEjB,SAAS,GAAGkB,KAAK,GAAGC;GAAQ,CAChD,CACF,CAAC;AAER,CACD;AAEAnC,mBAAmB,CAACoC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"MrlSwitchStandalone.js","sources":["../../../../../../src/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.tsx"],"sourcesContent":["import { check, minus } from '@muraldevkit/ds-icons';\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useState, useEffect } from 'react';\nimport { MrlSvg } from '../../..';\n\nimport styles from './MrlSwitchStandalone.module.scss';\n\ninterface MrlSwitchStandaloneProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tid: string;\n\tlabelledBy?: string;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitchStandalone = memo(\n\t({\n\t\tclassName,\n\t\tid,\n\t\tlabelledBy,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchStandaloneProps) => {\n\t\tconst [isChecked, setIsChecked] = useState(selected);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsChecked(selected);\n\t\t}, [selected]);\n\n\t\tconst handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tsetIsChecked(e.target.checked);\n\t\t\tonChange(e);\n\t\t};\n\n\t\tconst containerClasses = classnames(\n\t\t\tclassName,\n\t\t\t'MrlSwitchStandalone',\n\t\t\tstyles['MrlSwitchStandalone']\n\t\t);\n\n\t\treturn (\n\t\t\t<div className={containerClasses}>\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\taria-labelledby={labelledBy}\n\t\t\t\t\taria-checked={isChecked}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-checkbox',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-checkbox']\n\t\t\t\t\t)}\n\t\t\t\t\tid={id}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\trole=\"switch\"\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames('MrlSwitchStandalone-switch', styles['MrlSwitchStandalone-switch'])}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-switch-indicator',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-switch-indicator']\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg size=\"auto\" svg={isChecked ? check : minus} />\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nMrlSwitchStandalone.displayName = 'MrlSwitchStandalone';\n"],"names":["MrlSwitchStandalone","memo","_ref","className","id","labelledBy","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","useEffect","handleChange","e","target","checked","containerClasses","classnames","styles","React","createElement","_extends","type","role","MrlSvg","size","svg","check","minus","displayName"],"mappings":";;;;;;;;;IAgBaA,mBAAmB,gBAAGC,IAAI,CACtCC,IAAA,IAOgC;AAAA,EAAA,IAN/BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAAC,aAAA,GAAAL,IAAA,CACRM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAACL,QAAQ,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9BI,EAAAA,SAAS,CAAC,MAAM;IACfD,YAAY,CAACT,QAAQ,CAAC;AACvB,EAAA,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMW,YAAY,GAAIC,CAAsC,IAAK;AAChEH,IAAAA,YAAY,CAACG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;IAC9BhB,QAAQ,CAACc,CAAC,CAAC;EACZ,CAAC;AAED,EAAA,IAAMG,gBAAgB,GAAGC,UAAU,CAClCrB,SAAS,EACT,qBAAqB,EACrBsB,MAAM,CAAC,qBAAqB,CAC7B,CAAC;EAED,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKxB,IAAAA,SAAS,EAAEoB;AAAiB,GAAA,eAChCG,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,KACKnB,IAAI,EAAA;AACR,IAAA,iBAAA,EAAiBJ,UAAW;AAC5B,IAAA,cAAA,EAAcW,SAAU;IACxBb,SAAS,EAAEqB,UAAU,CACpB,8BAA8B,EAC9BC,MAAM,CAAC,8BAA8B,CACtC,CAAE;AACFrB,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,QAAQ,EAAEa,YAAa;AACvBU,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,IAAI,EAAC;AAAQ,GAAA,CACb,CAAC,eACFJ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CAAC,4BAA4B,EAAEC,MAAM,CAAC,4BAA4B,CAAC;AAAE,GAC1F,CAAC,eACFC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CACpB,sCAAsC,EACtCC,MAAM,CAAC,sCAAsC,CAC9C;AAAE,GAAA,eAEFC,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEjB,SAAS,GAAGkB,KAAK,GAAGC;GAAQ,CAChD,CACF,CAAC;AAER,CACD;AAEAnC,mBAAmB,CAACoC,WAAW,GAAG,qBAAqB;;;;"}

package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { edit, error } from '@muraldevkit/ds-icons';
@@ -32,25 +32,23 @@ var MrlEditableTextInput = /*#__PURE__*/React.forwardRef(function MrlEditiableTe
   var _useIsEditable = useIsEditable({
       changeHandler: controlledIsEditableUpdate,
       initialValue: false,
-      state: state,
+      state,
       value: controlledIsEditable
     }),
     isEditable = _useIsEditable.isEditable,
     isEditing = _useIsEditable.isEditing,
     setIsEditable = _useIsEditable.setIsEditable,
     setIsEditing = _useIsEditable.setIsEditing;
-  React.useImperativeHandle(ref, function () {
-    return iconRef.current;
-  });
-  var unlockInput = React.useCallback(function () {
+  React.useImperativeHandle(ref, () => iconRef.current);
+  var unlockInput = React.useCallback(() => {
     setIsEditable(true);
     setIsEditing(true);
   }, [setIsEditable, setIsEditing]);
-  var lockInput = React.useCallback(function () {
+  var lockInput = React.useCallback(() => {
     setIsEditable(false);
     setIsEditing(false);
   }, [setIsEditable, setIsEditing]);
-  var handleOnClick = function handleOnClick(e) {
+  var handleOnClick = e => {
     if (!isEditable && !isEditing) {
       unlockInput();
     }
@@ -62,7 +60,7 @@ var MrlEditableTextInput = /*#__PURE__*/React.forwardRef(function MrlEditiableTe
       attrs.onClick(e);
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  var handleKeyDown = event => {
     var key = event.key;
 
     // Selects the item on enter or spacebar and closes the select
@@ -77,32 +75,32 @@ var MrlEditableTextInput = /*#__PURE__*/React.forwardRef(function MrlEditiableTe
       attrs.onKeyDown(event);
     }
   };
-  var handleOnBlur = React.useCallback(function (e) {
+  var handleOnBlur = React.useCallback(e => {
     setHasActiveColor(false);
     lockInput();
     if (typeof attrs.onBlur === 'function') {
       attrs.onBlur(e);
     }
   }, [attrs, setHasActiveColor, lockInput]);
-  var handleOnFocus = React.useCallback(function (e) {
+  var handleOnFocus = React.useCallback(e => {
     setHasActiveColor(true);
     if (typeof attrs.onFocus === 'function') {
       attrs.onFocus(e);
     }
   }, [attrs, setHasActiveColor]);
-  var handleOnMouseEnter = React.useCallback(function (e) {
+  var handleOnMouseEnter = React.useCallback(e => {
     setHasActiveColor(true);
     if (typeof attrs.onMouseEnter === 'function') {
       attrs.onMouseEnter(e);
     }
   }, [attrs, setHasActiveColor]);
-  var handleOnMouseLeave = React.useCallback(function (e) {
+  var handleOnMouseLeave = React.useCallback(e => {
     setHasActiveColor(false);
     if (typeof attrs.onMouseLeave === 'function') {
       attrs.onMouseLeave(e);
     }
   }, [attrs, setHasActiveColor]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (iconRef.current) {
       if (attrs.autoFocus) {
         iconRef.current.focus();
@@ -112,13 +110,21 @@ var MrlEditableTextInput = /*#__PURE__*/React.forwardRef(function MrlEditiableTe
     // it should only run on the first render
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  React.useEffect(function () {
+  React.useEffect(() => {
     // when editiable changes focus to current thingy
     if (isEditable && textInputRef.current) {
       textInputRef.current.focus();
     }
   }, [isEditable, isEditing]);
-  var inputClasses = classnames('MrlEditableTextInput', styles['MrlEditableTextInput'], styles['mrl-textInput'], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles['MrlEditableTextInput-errorMessage'], state === 'error'), styles['MrlEditableTextInput-errorIcon'], state === 'error'), styles['MrlEditableTextInput--dynamicIcon'], state !== 'read-only'), styles['MrlEditableTextInput--readOnly'], state === 'read-only'), styles['MrlEditableTextInput--active'], hasActiveColor), styles['MrlEditableTextInput--allowOnClick'], typeof attrs.onClick === 'function'), attrs.className);
+  var inputClasses = classnames('MrlEditableTextInput', styles['MrlEditableTextInput'], styles['mrl-textInput'], {
+    [styles['MrlEditableTextInput-errorMessage']]: state === 'error',
+    [styles['MrlEditableTextInput-errorIcon']]: state === 'error',
+    [styles['MrlEditableTextInput--dynamicIcon']]: state !== 'read-only',
+    [styles['MrlEditableTextInput--readOnly']]: state === 'read-only',
+    [styles['MrlEditableTextInput--active']]: hasActiveColor,
+    // if an onClick property is provided, we need to apply the class that allows pointer events
+    [styles['MrlEditableTextInput--allowOnClick']]: typeof attrs.onClick === 'function'
+  }, attrs.className);
   var hasCounter = typeof maxLength !== 'undefined' && Number(maxLength) > 0;
   if (hasCounter && isNaN(Number(maxLength))) {
     throw new Error('maxLength should have type number');
@@ -127,7 +133,9 @@ var MrlEditableTextInput = /*#__PURE__*/React.forwardRef(function MrlEditiableTe
 
   // do not pass class info to child elements/components
   delete attrs.className;
-  var iconClasses = classnames('MrlEditableTextInput-right-button', styles['MrlEditableTextInput-right-button'], _defineProperty({}, styles['MrlEditableTextInput-hover-button'], showIconOnHover));
+  var iconClasses = classnames('MrlEditableTextInput-right-button', styles['MrlEditableTextInput-right-button'], {
+    [styles['MrlEditableTextInput-hover-button']]: showIconOnHover
+  });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles['MrlEditableTextInput--wrapper'], 'MrlEditableTextInput--wrapper')
   }, /*#__PURE__*/React.createElement("input", _extends({