@onewelcome/react-lib-components 10.0.1 → 10.1.0

package/dist/components/Form/Input/Input.module.scss.es.js

@@ -1,18 +1,18 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Input_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Input_hidden_k4xuc{display:none}.Input_slide-in_k4xuc{animation:Input_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-in_k4xuc{animation-duration:.1ms}}.Input_slide-out_k4xuc{animation:Input_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Input_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_slide-out_k4xuc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input_input-wrapper_k4xuc{position:relative;display:flex;align-items:center;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);padding:0 calc(.5 * var(--font-size));transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_k4xuc{transition-duration:.1ms}}.Input_input-wrapper_k4xuc input:-webkit-autofill,.Input_input-wrapper_k4xuc input:-webkit-autofill:hover,.Input_input-wrapper_k4xuc input:-webkit-autofill:focus,.Input_input-wrapper_k4xuc input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.Input_input-wrapper_k4xuc input:-webkit-autofill~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:hover~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:focus~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:active~.Input_outline_k4xuc:after{content:"";position:absolute;display:block;width:100%;height:100%;border-radius:var(--input-border-radius)}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Input_input-wrapper_k4xuc input:-webkit-autofill~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:hover~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:focus~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:active~.Input_outline_k4xuc:after{background-color:#e8f0fe}}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){.Input_input-wrapper_k4xuc input:-webkit-autofill~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:hover~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:focus~.Input_outline_k4xuc:after,.Input_input-wrapper_k4xuc input:-webkit-autofill:active~.Input_outline_k4xuc:after{background-color:#faffbd}}.Input_input-wrapper_k4xuc:hover .Input_outline_k4xuc{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Input_input-wrapper_k4xuc .Input_outline_k4xuc.Input_disabled_k4xuc{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Input_input-wrapper_k4xuc .Input_outline_k4xuc.Input_error_k4xuc{border-color:var(--error)}.Input_input-wrapper_k4xuc [data-icon-status=success],.Input_input-wrapper_k4xuc [data-icon-status=error]{height:100%;width:calc(1.25 * var(--font-size));box-sizing:border-box;font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;z-index:2}.Input_input-wrapper_k4xuc [data-icon-status=success]:before,.Input_input-wrapper_k4xuc [data-icon-status=error]:before{font-size:var(--icon-font-big);height:calc(1.25 * var(--font-size));width:calc(1.25 * var(--font-size));display:flex;align-items:center;justify-content:center}.Input_input-wrapper_k4xuc [data-icon-status=success]{color:var(--success)}.Input_input-wrapper_k4xuc [data-icon-status=error]{color:var(--error)}.Input_input-wrapper_k4xuc[data-readonlyview=true]{color:var(--read-only-text-color)}.Input_input-wrapper_k4xuc[data-readonlyview=true] .Input_Input-module_k4xuc{border-color:var(--read-only-border-color)}.Input_input-wrapper_k4xuc[data-readonlyview=true] span.Input_outline_k4xuc{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}.Input_input-wrapper_k4xuc[data-readonlyview=true]:hover .Input_outline_k4xuc{color:var(--read-only-text-color);background-color:var(--color-white);border-color:var(--read-only-border-color)}.Input_input-wrapper_k4xuc [data-prefix],.Input_input-wrapper_k4xuc [data-suffix]{display:block;z-index:1;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_k4xuc [data-prefix],.Input_input-wrapper_k4xuc [data-suffix]{transition-duration:.1ms}}.Input_input-wrapper_k4xuc.Input_focus_k4xuc:not(.Input_disabled_k4xuc):not([data-readonlyview=true]),.Input_input-wrapper_k4xuc[data-readonlyview=true]:focus:not(.Input_disabled_k4xuc),.Input_input-wrapper_k4xuc[data-readonlyview=true]:focus-visible:not(.Input_disabled_k4xuc){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Input_input_k4xuc{padding:0;height:calc(2.75 * var(--font-size));color:var(--color-blue-grey900);font-size:var(--input-font-size);font-family:var(--font-family);box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:transparent;z-index:1}.Input_input_k4xuc:not(.Input_shrink-width-for-date-icon_k4xuc){width:100%}.Input_input_k4xuc:disabled{cursor:not-allowed;color:var(--greyed-out)}.Input_input_k4xuc.Input_shrink-width-for-date-icon_k4xuc{width:auto}.Input_input_k4xuc{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input_k4xuc{transition-duration:.1ms}}.Input_input_k4xuc:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input_outline_k4xuc{border-color:var(--read-only-border-color)}.Input_outline_k4xuc{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_outline_k4xuc{transition-duration:.1ms}}.Input_error_k4xuc input{padding-right:calc(1.25 * var(--font-size))}.Input_error_k4xuc input.Input_remove-extra-indent_k4xuc{padding-right:0}.Input_success_k4xuc input{padding-right:calc(1.25 * var(--font-size))}@media only screen and (min-width: 30em){.Input_input-wrapper_k4xuc{padding:0 calc(.5 * var(--font-size))}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const outline = "Input_outline_k4xuc";
-const disabled = "Input_disabled_k4xuc";
-const error = "Input_error_k4xuc";
-const focus = "Input_focus_k4xuc";
-const input = "Input_input_k4xuc";
-const success = "Input_success_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Input_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Input_hidden_uJyTX{display:none}.Input_slide-in_uJyTX{animation:Input_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-in_uJyTX{animation-duration:.1ms}}.Input_slide-out_uJyTX{animation:Input_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Input_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_slide-out_uJyTX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input_input-wrapper_uJyTX{position:relative;display:flex;align-items:center;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);padding:0 calc(.5 * var(--font-size));transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_uJyTX{transition-duration:.1ms}}.Input_input-wrapper_uJyTX input:-webkit-autofill,.Input_input-wrapper_uJyTX input:-webkit-autofill:hover,.Input_input-wrapper_uJyTX input:-webkit-autofill:focus,.Input_input-wrapper_uJyTX input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.Input_input-wrapper_uJyTX input:-webkit-autofill~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:hover~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:focus~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:active~.Input_outline_uJyTX:after{content:"";position:absolute;display:block;width:100%;height:100%;border-radius:var(--input-border-radius)}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Input_input-wrapper_uJyTX input:-webkit-autofill~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:hover~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:focus~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:active~.Input_outline_uJyTX:after{background-color:#e8f0fe}}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){.Input_input-wrapper_uJyTX input:-webkit-autofill~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:hover~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:focus~.Input_outline_uJyTX:after,.Input_input-wrapper_uJyTX input:-webkit-autofill:active~.Input_outline_uJyTX:after{background-color:#faffbd}}.Input_input-wrapper_uJyTX:hover .Input_outline_uJyTX{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Input_input-wrapper_uJyTX .Input_outline_uJyTX.Input_disabled_uJyTX{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Input_input-wrapper_uJyTX .Input_outline_uJyTX.Input_error_uJyTX{border-color:var(--error)}.Input_input-wrapper_uJyTX [data-icon-status=success],.Input_input-wrapper_uJyTX [data-icon-status=error]{height:100%;width:calc(1.25 * var(--font-size));box-sizing:border-box;font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;z-index:2}.Input_input-wrapper_uJyTX [data-icon-status=success]:before,.Input_input-wrapper_uJyTX [data-icon-status=error]:before{font-size:var(--icon-font-big);height:calc(1.25 * var(--font-size));width:calc(1.25 * var(--font-size));display:flex;align-items:center;justify-content:center}.Input_input-wrapper_uJyTX [data-icon-status=success]{color:var(--success)}.Input_input-wrapper_uJyTX [data-icon-status=error]{color:var(--error)}.Input_input-wrapper_uJyTX[data-readonlyview=true]{color:var(--read-only-text-color)}.Input_input-wrapper_uJyTX[data-readonlyview=true] .Input_Input-module_uJyTX{border-color:var(--read-only-border-color)}.Input_input-wrapper_uJyTX[data-readonlyview=true] span.Input_outline_uJyTX{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}.Input_input-wrapper_uJyTX[data-readonlyview=true]:hover .Input_outline_uJyTX{color:var(--read-only-text-color);background-color:var(--color-white);border-color:var(--read-only-border-color)}.Input_input-wrapper_uJyTX [data-prefix],.Input_input-wrapper_uJyTX [data-suffix]{display:block;z-index:1;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_uJyTX [data-prefix],.Input_input-wrapper_uJyTX [data-suffix]{transition-duration:.1ms}}.Input_input-wrapper_uJyTX.Input_focus_uJyTX:not(.Input_disabled_uJyTX):not([data-readonlyview=true]),.Input_input-wrapper_uJyTX[data-readonlyview=true]:focus:not(.Input_disabled_uJyTX),.Input_input-wrapper_uJyTX[data-readonlyview=true]:focus-visible:not(.Input_disabled_uJyTX){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Input_input_uJyTX{padding:0;height:calc(2.75 * var(--font-size));color:var(--color-blue-grey900);font-size:var(--input-font-size);font-family:var(--font-family);box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:transparent;z-index:1}.Input_input_uJyTX:not(.Input_shrink-width-for-date-icon_uJyTX){width:100%}.Input_input_uJyTX:disabled{cursor:not-allowed;color:var(--greyed-out)}.Input_input_uJyTX.Input_shrink-width-for-date-icon_uJyTX{width:auto}.Input_input_uJyTX{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input_uJyTX{transition-duration:.1ms}}.Input_input_uJyTX:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input_outline_uJyTX{border-color:var(--read-only-border-color)}.Input_outline_uJyTX{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_outline_uJyTX{transition-duration:.1ms}}.Input_error_uJyTX input{padding-right:calc(1.25 * var(--font-size))}.Input_error_uJyTX input.Input_remove-extra-indent_uJyTX{padding-right:0}.Input_success_uJyTX input{padding-right:calc(1.25 * var(--font-size))}@media only screen and (min-width: 30em){.Input_input-wrapper_uJyTX{padding:0 calc(.5 * var(--font-size))}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const outline = "Input_outline_uJyTX";
+const disabled = "Input_disabled_uJyTX";
+const error = "Input_error_uJyTX";
+const focus = "Input_focus_uJyTX";
+const input = "Input_input_uJyTX";
+const success = "Input_success_uJyTX";
 const classes = {
-  "input-wrapper": "Input_input-wrapper_k4xuc",
+  "input-wrapper": "Input_input-wrapper_uJyTX",
   outline,
   disabled,
   error,
   focus,
   input,
-  "shrink-width-for-date-icon": "Input_shrink-width-for-date-icon_k4xuc",
+  "shrink-width-for-date-icon": "Input_shrink-width-for-date-icon_uJyTX",
   success
 };
 export {

package/dist/components/Form/Label/Label.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Label_label_k4xuc{cursor:text;color:var(--greyed-out);font-size:var(--font-size)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Label_label_k4xuc",l={label:e};exports.default=l,exports.label=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Label_label_uJyTX{cursor:text;color:var(--greyed-out);font-size:var(--font-size)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Label_label_uJyTX",l={label:e};exports.default=l,exports.label=e;
 //# sourceMappingURL=Label.module.scss.cjs.js.map

package/dist/components/Form/Label/Label.module.scss.es.js

@@ -1,5 +1,5 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Label_label_k4xuc{cursor:text;color:var(--greyed-out);font-size:var(--font-size)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const label = "Label_label_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Label_label_uJyTX{cursor:text;color:var(--greyed-out);font-size:var(--font-size)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const label = "Label_label_uJyTX";
 const classes = {
   label
 };

package/dist/components/Form/Radio/Radio.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Radio_radio-wrapper_k4xuc{position:relative}.Radio_radio-wrapper_k4xuc+.Radio_radio-wrapper_k4xuc{margin-top:.75rem}.Radio_error_k4xuc{color:var(--error)}.Radio_error-message_k4xuc{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size));font-size:var(--font-size-sub)}.Radio_helper-text_k4xuc{margin-top:.25rem;margin-left:1.75rem}.Radio_error-icon_k4xuc{margin-right:.5rem;font-size:var(--font-size-big)}.Radio_radio-container_k4xuc{display:flex}.Radio_radio-container_k4xuc label{display:inline-block;margin-left:calc(.5 * var(--font-size));font-size:var(--font-size-form-label);font-family:var(--font-family);margin-top:.15rem}.Radio_radio-container_k4xuc label.Radio_no-margin-top_k4xuc{margin-top:0}.Radio_disabled_k4xuc .Radio_radio-container_k4xuc label{cursor:not-allowed}.Radio_native-input_k4xuc{position:absolute;top:0;left:0;opacity:0;margin:0;width:var(--font-size-big);height:var(--font-size-big);z-index:2}.Radio_native-input_k4xuc+span[data-icon=true]:before{display:block;width:var(--font-size-big);height:var(--font-size-big)}.Radio_native-input_k4xuc:checked+*{color:var(--radio-checked-color)}.Radio_native-input_k4xuc:checked+*.Radio_disabled_k4xuc{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio_native-input_k4xuc:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio_native-input_k4xuc.Radio_error_k4xuc+*{border-radius:100%}.Radio_native-input_k4xuc.Radio_error_k4xuc:hover+.Radio_radio_k4xuc:before{outline-color:var(--radio-hover-background-color)}.Radio_native-input_k4xuc.Radio_error_k4xuc:active+.Radio_radio_k4xuc:before{outline-color:var(--radio-pressed-background-color)}.Radio_native-input_k4xuc:hover+.Radio_input_k4xuc.Radio_circle_k4xuc:not(.Radio_disabled_k4xuc){background-color:var(--radio-hover-background-color)}.Radio_native-input_k4xuc:active+.Radio_input_k4xuc.Radio_circle_k4xuc:not(.Radio_disabled_k4xuc){background-color:var(--radio-pressed-background-color)}.Radio_native-input_k4xuc:hover+.Radio_input_k4xuc.Radio_radio_k4xuc:not(.Radio_disabled_k4xuc){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio_native-input_k4xuc:active+.Radio_input_k4xuc.Radio_radio_k4xuc:not(.Radio_disabled_k4xuc){color:var(--radio-pressed-color);background-color:var(--radio-pressed-background-color)}.Radio_input_k4xuc{font-size:var(--font-size-big);width:var(--font-size-big);height:var(--font-size-big);z-index:1;border-radius:100%;color:var(--color-blue-grey500)}.Radio_input_k4xuc:active{border-radius:100%}.Radio_disabled_k4xuc .Radio_input_k4xuc{color:var(--disabled)}.Radio_disabled_k4xuc{color:var(--disabled);pointer-events:none}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc{color:var(--read-only-text-color)}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc span.Radio_input_k4xuc{color:var(--read-only-text-color);cursor:not-allowed}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc span.Radio_input_k4xuc:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc label{-webkit-user-select:text;user-select:text}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true]~span.Radio_input_k4xuc{color:var(--read-only-text-color);cursor:not-allowed}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true]~span.Radio_input_k4xuc:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true]~label{-webkit-user-select:text;user-select:text;pointer-events:none}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true] :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="Radio_error_k4xuc",o="Radio_disabled_k4xuc",e="Radio_radio_k4xuc",i="Radio_input_k4xuc",a="Radio_circle_k4xuc",d={"radio-wrapper":"Radio_radio-wrapper_k4xuc",error:r,"error-message":"Radio_error-message_k4xuc","radio-container":"Radio_radio-container_k4xuc","no-margin-top":"Radio_no-margin-top_k4xuc",disabled:o,"native-input":"Radio_native-input_k4xuc",radio:e,input:i,circle:a};exports.circle=a,exports.default=d,exports.disabled=o,exports.error=r,exports.input=i,exports.radio=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Radio_radio-wrapper_uJyTX{position:relative}.Radio_radio-wrapper_uJyTX+.Radio_radio-wrapper_uJyTX{margin-top:.75rem}.Radio_error_uJyTX{color:var(--error)}.Radio_error-message_uJyTX{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size));font-size:var(--font-size-sub)}.Radio_helper-text_uJyTX{margin-top:.25rem;margin-left:1.75rem}.Radio_error-icon_uJyTX{margin-right:.5rem;font-size:var(--font-size-big)}.Radio_radio-container_uJyTX{display:flex}.Radio_radio-container_uJyTX label{display:inline-block;margin-left:calc(.5 * var(--font-size));font-size:var(--font-size-form-label);font-family:var(--font-family);margin-top:.15rem}.Radio_radio-container_uJyTX label.Radio_no-margin-top_uJyTX{margin-top:0}.Radio_disabled_uJyTX .Radio_radio-container_uJyTX label{cursor:not-allowed}.Radio_native-input_uJyTX{position:absolute;top:0;left:0;opacity:0;margin:0;width:var(--font-size-big);height:var(--font-size-big);z-index:2}.Radio_native-input_uJyTX+span[data-icon=true]:before{display:block;width:var(--font-size-big);height:var(--font-size-big)}.Radio_native-input_uJyTX:checked+*{color:var(--radio-checked-color)}.Radio_native-input_uJyTX:checked+*.Radio_disabled_uJyTX{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio_native-input_uJyTX:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio_native-input_uJyTX.Radio_error_uJyTX+*{border-radius:100%}.Radio_native-input_uJyTX.Radio_error_uJyTX:hover+.Radio_radio_uJyTX:before{outline-color:var(--radio-hover-background-color)}.Radio_native-input_uJyTX.Radio_error_uJyTX:active+.Radio_radio_uJyTX:before{outline-color:var(--radio-pressed-background-color)}.Radio_native-input_uJyTX:hover+.Radio_input_uJyTX.Radio_circle_uJyTX:not(.Radio_disabled_uJyTX){background-color:var(--radio-hover-background-color)}.Radio_native-input_uJyTX:active+.Radio_input_uJyTX.Radio_circle_uJyTX:not(.Radio_disabled_uJyTX){background-color:var(--radio-pressed-background-color)}.Radio_native-input_uJyTX:hover+.Radio_input_uJyTX.Radio_radio_uJyTX:not(.Radio_disabled_uJyTX){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio_native-input_uJyTX:active+.Radio_input_uJyTX.Radio_radio_uJyTX:not(.Radio_disabled_uJyTX){color:var(--radio-pressed-color);background-color:var(--radio-pressed-background-color)}.Radio_input_uJyTX{font-size:var(--font-size-big);width:var(--font-size-big);height:var(--font-size-big);z-index:1;border-radius:100%;color:var(--color-blue-grey500)}.Radio_input_uJyTX:active{border-radius:100%}.Radio_disabled_uJyTX .Radio_input_uJyTX{color:var(--disabled)}.Radio_disabled_uJyTX{color:var(--disabled);pointer-events:none}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX{color:var(--read-only-text-color)}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX span.Radio_input_uJyTX{color:var(--read-only-text-color);cursor:not-allowed}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX span.Radio_input_uJyTX:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX label{-webkit-user-select:text;user-select:text}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true]~span.Radio_input_uJyTX{color:var(--read-only-text-color);cursor:not-allowed}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true]~span.Radio_input_uJyTX:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true]~label{-webkit-user-select:text;user-select:text;pointer-events:none}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true] :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="Radio_error_uJyTX",o="Radio_disabled_uJyTX",e="Radio_radio_uJyTX",i="Radio_input_uJyTX",a="Radio_circle_uJyTX",d={"radio-wrapper":"Radio_radio-wrapper_uJyTX",error:r,"error-message":"Radio_error-message_uJyTX","radio-container":"Radio_radio-container_uJyTX","no-margin-top":"Radio_no-margin-top_uJyTX",disabled:o,"native-input":"Radio_native-input_uJyTX",radio:e,input:i,circle:a};exports.circle=a,exports.default=d,exports.disabled=o,exports.error=r,exports.input=i,exports.radio=e;
 //# sourceMappingURL=Radio.module.scss.cjs.js.map

package/dist/components/Form/Radio/Radio.module.scss.es.js

@@ -1,17 +1,17 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Radio_radio-wrapper_k4xuc{position:relative}.Radio_radio-wrapper_k4xuc+.Radio_radio-wrapper_k4xuc{margin-top:.75rem}.Radio_error_k4xuc{color:var(--error)}.Radio_error-message_k4xuc{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size));font-size:var(--font-size-sub)}.Radio_helper-text_k4xuc{margin-top:.25rem;margin-left:1.75rem}.Radio_error-icon_k4xuc{margin-right:.5rem;font-size:var(--font-size-big)}.Radio_radio-container_k4xuc{display:flex}.Radio_radio-container_k4xuc label{display:inline-block;margin-left:calc(.5 * var(--font-size));font-size:var(--font-size-form-label);font-family:var(--font-family);margin-top:.15rem}.Radio_radio-container_k4xuc label.Radio_no-margin-top_k4xuc{margin-top:0}.Radio_disabled_k4xuc .Radio_radio-container_k4xuc label{cursor:not-allowed}.Radio_native-input_k4xuc{position:absolute;top:0;left:0;opacity:0;margin:0;width:var(--font-size-big);height:var(--font-size-big);z-index:2}.Radio_native-input_k4xuc+span[data-icon=true]:before{display:block;width:var(--font-size-big);height:var(--font-size-big)}.Radio_native-input_k4xuc:checked+*{color:var(--radio-checked-color)}.Radio_native-input_k4xuc:checked+*.Radio_disabled_k4xuc{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio_native-input_k4xuc:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio_native-input_k4xuc.Radio_error_k4xuc+*{border-radius:100%}.Radio_native-input_k4xuc.Radio_error_k4xuc:hover+.Radio_radio_k4xuc:before{outline-color:var(--radio-hover-background-color)}.Radio_native-input_k4xuc.Radio_error_k4xuc:active+.Radio_radio_k4xuc:before{outline-color:var(--radio-pressed-background-color)}.Radio_native-input_k4xuc:hover+.Radio_input_k4xuc.Radio_circle_k4xuc:not(.Radio_disabled_k4xuc){background-color:var(--radio-hover-background-color)}.Radio_native-input_k4xuc:active+.Radio_input_k4xuc.Radio_circle_k4xuc:not(.Radio_disabled_k4xuc){background-color:var(--radio-pressed-background-color)}.Radio_native-input_k4xuc:hover+.Radio_input_k4xuc.Radio_radio_k4xuc:not(.Radio_disabled_k4xuc){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio_native-input_k4xuc:active+.Radio_input_k4xuc.Radio_radio_k4xuc:not(.Radio_disabled_k4xuc){color:var(--radio-pressed-color);background-color:var(--radio-pressed-background-color)}.Radio_input_k4xuc{font-size:var(--font-size-big);width:var(--font-size-big);height:var(--font-size-big);z-index:1;border-radius:100%;color:var(--color-blue-grey500)}.Radio_input_k4xuc:active{border-radius:100%}.Radio_disabled_k4xuc .Radio_input_k4xuc{color:var(--disabled)}.Radio_disabled_k4xuc{color:var(--disabled);pointer-events:none}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc{color:var(--read-only-text-color)}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc span.Radio_input_k4xuc{color:var(--read-only-text-color);cursor:not-allowed}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc span.Radio_input_k4xuc:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}[data-readonlyview=true] .Radio_radio-wrapper_k4xuc label{-webkit-user-select:text;user-select:text}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true]~span.Radio_input_k4xuc{color:var(--read-only-text-color);cursor:not-allowed}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true]~span.Radio_input_k4xuc:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true]~label{-webkit-user-select:text;user-select:text;pointer-events:none}.Radio_radio-container_k4xuc input[type=radio][data-readonlyview=true] :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
-const error = "Radio_error_k4xuc";
-const disabled = "Radio_disabled_k4xuc";
-const radio = "Radio_radio_k4xuc";
-const input = "Radio_input_k4xuc";
-const circle = "Radio_circle_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Radio_radio-wrapper_uJyTX{position:relative}.Radio_radio-wrapper_uJyTX+.Radio_radio-wrapper_uJyTX{margin-top:.75rem}.Radio_error_uJyTX{color:var(--error)}.Radio_error-message_uJyTX{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size));font-size:var(--font-size-sub)}.Radio_helper-text_uJyTX{margin-top:.25rem;margin-left:1.75rem}.Radio_error-icon_uJyTX{margin-right:.5rem;font-size:var(--font-size-big)}.Radio_radio-container_uJyTX{display:flex}.Radio_radio-container_uJyTX label{display:inline-block;margin-left:calc(.5 * var(--font-size));font-size:var(--font-size-form-label);font-family:var(--font-family);margin-top:.15rem}.Radio_radio-container_uJyTX label.Radio_no-margin-top_uJyTX{margin-top:0}.Radio_disabled_uJyTX .Radio_radio-container_uJyTX label{cursor:not-allowed}.Radio_native-input_uJyTX{position:absolute;top:0;left:0;opacity:0;margin:0;width:var(--font-size-big);height:var(--font-size-big);z-index:2}.Radio_native-input_uJyTX+span[data-icon=true]:before{display:block;width:var(--font-size-big);height:var(--font-size-big)}.Radio_native-input_uJyTX:checked+*{color:var(--radio-checked-color)}.Radio_native-input_uJyTX:checked+*.Radio_disabled_uJyTX{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio_native-input_uJyTX:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio_native-input_uJyTX.Radio_error_uJyTX+*{border-radius:100%}.Radio_native-input_uJyTX.Radio_error_uJyTX:hover+.Radio_radio_uJyTX:before{outline-color:var(--radio-hover-background-color)}.Radio_native-input_uJyTX.Radio_error_uJyTX:active+.Radio_radio_uJyTX:before{outline-color:var(--radio-pressed-background-color)}.Radio_native-input_uJyTX:hover+.Radio_input_uJyTX.Radio_circle_uJyTX:not(.Radio_disabled_uJyTX){background-color:var(--radio-hover-background-color)}.Radio_native-input_uJyTX:active+.Radio_input_uJyTX.Radio_circle_uJyTX:not(.Radio_disabled_uJyTX){background-color:var(--radio-pressed-background-color)}.Radio_native-input_uJyTX:hover+.Radio_input_uJyTX.Radio_radio_uJyTX:not(.Radio_disabled_uJyTX){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio_native-input_uJyTX:active+.Radio_input_uJyTX.Radio_radio_uJyTX:not(.Radio_disabled_uJyTX){color:var(--radio-pressed-color);background-color:var(--radio-pressed-background-color)}.Radio_input_uJyTX{font-size:var(--font-size-big);width:var(--font-size-big);height:var(--font-size-big);z-index:1;border-radius:100%;color:var(--color-blue-grey500)}.Radio_input_uJyTX:active{border-radius:100%}.Radio_disabled_uJyTX .Radio_input_uJyTX{color:var(--disabled)}.Radio_disabled_uJyTX{color:var(--disabled);pointer-events:none}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX{color:var(--read-only-text-color)}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX span.Radio_input_uJyTX{color:var(--read-only-text-color);cursor:not-allowed}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX span.Radio_input_uJyTX:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}[data-readonlyview=true] .Radio_radio-wrapper_uJyTX label{-webkit-user-select:text;user-select:text}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true]~span.Radio_input_uJyTX{color:var(--read-only-text-color);cursor:not-allowed}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true]~span.Radio_input_uJyTX:before{outline:1px solid var(--read-only-border-color);outline-offset:-1px;border-radius:50%}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true]~label{-webkit-user-select:text;user-select:text;pointer-events:none}.Radio_radio-container_uJyTX input[type=radio][data-readonlyview=true] :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+const error = "Radio_error_uJyTX";
+const disabled = "Radio_disabled_uJyTX";
+const radio = "Radio_radio_uJyTX";
+const input = "Radio_input_uJyTX";
+const circle = "Radio_circle_uJyTX";
 const classes = {
-  "radio-wrapper": "Radio_radio-wrapper_k4xuc",
+  "radio-wrapper": "Radio_radio-wrapper_uJyTX",
   error,
-  "error-message": "Radio_error-message_k4xuc",
-  "radio-container": "Radio_radio-container_k4xuc",
-  "no-margin-top": "Radio_no-margin-top_k4xuc",
+  "error-message": "Radio_error-message_uJyTX",
+  "radio-container": "Radio_radio-container_uJyTX",
+  "no-margin-top": "Radio_no-margin-top_uJyTX",
   disabled,
-  "native-input": "Radio_native-input_k4xuc",
+  "native-input": "Radio_native-input_uJyTX",
   radio,
   input,
   circle

package/dist/components/Form/Select/MultiSelect/MultiSelect.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_k4xuc{display:none}.MultiSelect_slide-in_k4xuc{animation:MultiSelect_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_k4xuc{animation-duration:.1ms}}.MultiSelect_slide-out_k4xuc{animation:MultiSelect_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_k4xuc{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_slide-out_k4xuc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect_select_k4xuc{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_k4xuc.MultiSelect_expanded_k4xuc .MultiSelect_list-wrapper_k4xuc{background:var(--light)}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_error_k4xuc){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_k4xuc:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{box-sizing:border-box;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--color-blue-grey500);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus-visible,.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus{outline:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc{border-color:var(--error)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc:focus{border-width:var(--input-border-width)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_disabled_k4xuc{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc .MultiSelect_display-container_k4xuc{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_k4xuc .MultiSelect_list-wrapper-container_k4xuc{position:relative}.MultiSelect_select_k4xuc .MultiSelect_list-wrapper_k4xuc{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_select_k4xuc ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.MultiSelect_select_k4xuc ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.MultiSelect_select_k4xuc ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_k4xuc ul li:focus,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc{outline:none}.MultiSelect_select_k4xuc ul li:focus:before,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.MultiSelect_select_k4xuc ul li:hover:after,.MultiSelect_select_k4xuc ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_k4xuc ul li:active:after{opacity:.1}.MultiSelect_select_k4xuc ul li.MultiSelect_disabled_k4xuc{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_k4xuc{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_k4xuc [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_k4xuc *+*{margin-left:1.25rem}.MultiSelect_placeholder_k4xuc{color:var(--greyed-out)}.MultiSelect_select-search_k4xuc{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_k4xuc:focus-visible,.MultiSelect_select-search_k4xuc:focus{outline:none}.MultiSelect_disabled_k4xuc{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_k4xuc>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_error_k4xuc){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc,[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_success_k4xuc{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="MultiSelect_select_k4xuc",t="MultiSelect_expanded_k4xuc",c="MultiSelect_error_k4xuc",l="MultiSelect_disabled_k4xuc",s="MultiSelect_focus_k4xuc",u="MultiSelect_status_k4xuc",r="MultiSelect_placeholder_k4xuc",o="MultiSelect_success_k4xuc",i={select:e,expanded:t,"list-wrapper":"MultiSelect_list-wrapper_k4xuc","custom-select":"MultiSelect_custom-select_k4xuc",error:c,disabled:l,"display-container":"MultiSelect_display-container_k4xuc","list-wrapper-container":"MultiSelect_list-wrapper-container_k4xuc",focus:s,status:u,"chevron-icon":"MultiSelect_chevron-icon_k4xuc",placeholder:r,"select-search":"MultiSelect_select-search_k4xuc",success:o};exports.default=i,exports.disabled=l,exports.error=c,exports.expanded=t,exports.focus=s,exports.placeholder=r,exports.select=e,exports.status=u,exports.success=o;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_uJyTX{display:none}.MultiSelect_slide-in_uJyTX{animation:MultiSelect_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_uJyTX{animation-duration:.1ms}}.MultiSelect_slide-out_uJyTX{animation:MultiSelect_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_uJyTX{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_slide-out_uJyTX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect_select_uJyTX{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_uJyTX{transition-duration:.1ms}}.MultiSelect_select_uJyTX [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_uJyTX.MultiSelect_expanded_uJyTX .MultiSelect_list-wrapper_uJyTX{background:var(--light)}.MultiSelect_select_uJyTX:not(.MultiSelect_expanded_uJyTX):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.MultiSelect_select_uJyTX:not(.MultiSelect_expanded_uJyTX) .MultiSelect_custom-select_uJyTX:focus:not(.MultiSelect_error_uJyTX){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_uJyTX:hover:not(.MultiSelect_disabled_uJyTX):not(.MultiSelect_expanded_uJyTX):not(.MultiSelect_error_uJyTX) .MultiSelect_custom-select_uJyTX:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX{box-sizing:border-box;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--color-blue-grey500);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX{transition-duration:.1ms}}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX:focus-visible,.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX:focus{outline:none}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX.MultiSelect_error_uJyTX{border-color:var(--error)}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX.MultiSelect_error_uJyTX:focus{border-width:var(--input-border-width)}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX.MultiSelect_disabled_uJyTX{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX .MultiSelect_display-container_uJyTX{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_uJyTX .MultiSelect_list-wrapper-container_uJyTX{position:relative}.MultiSelect_select_uJyTX .MultiSelect_list-wrapper_uJyTX{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_select_uJyTX ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.MultiSelect_select_uJyTX ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.MultiSelect_select_uJyTX ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_uJyTX ul li:focus,.MultiSelect_select_uJyTX ul li.MultiSelect_focus_uJyTX{outline:none}.MultiSelect_select_uJyTX ul li:focus:before,.MultiSelect_select_uJyTX ul li.MultiSelect_focus_uJyTX:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.MultiSelect_select_uJyTX ul li:hover:after,.MultiSelect_select_uJyTX ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_uJyTX ul li:active:after{opacity:.1}.MultiSelect_select_uJyTX ul li.MultiSelect_disabled_uJyTX{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_uJyTX{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_uJyTX [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_uJyTX [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_uJyTX .MultiSelect_chevron-icon_uJyTX{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_uJyTX *+*{margin-left:1.25rem}.MultiSelect_placeholder_uJyTX{color:var(--greyed-out)}.MultiSelect_select-search_uJyTX{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_uJyTX:focus-visible,.MultiSelect_select-search_uJyTX:focus{outline:none}.MultiSelect_disabled_uJyTX{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_uJyTX>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_uJyTX:not(.MultiSelect_expanded_uJyTX) .MultiSelect_custom-select_uJyTX:focus:not(.MultiSelect_error_uJyTX){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_uJyTX{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_uJyTX.MultiSelect_error_uJyTX,[data-readonlyview=true] .MultiSelect_custom-select_uJyTX.MultiSelect_success_uJyTX{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_uJyTX button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_uJyTX .MultiSelect_chevron-icon_uJyTX{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_uJyTX):not(.MultiSelect_expanded_uJyTX):not(.MultiSelect_error_uJyTX) .MultiSelect_custom-select_uJyTX:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="MultiSelect_select_uJyTX",t="MultiSelect_expanded_uJyTX",l="MultiSelect_error_uJyTX",s="MultiSelect_disabled_uJyTX",c="MultiSelect_focus_uJyTX",u="MultiSelect_status_uJyTX",r="MultiSelect_placeholder_uJyTX",o="MultiSelect_success_uJyTX",i={select:e,expanded:t,"list-wrapper":"MultiSelect_list-wrapper_uJyTX","custom-select":"MultiSelect_custom-select_uJyTX",error:l,disabled:s,"display-container":"MultiSelect_display-container_uJyTX","list-wrapper-container":"MultiSelect_list-wrapper-container_uJyTX",focus:c,status:u,"chevron-icon":"MultiSelect_chevron-icon_uJyTX",placeholder:r,"select-search":"MultiSelect_select-search_uJyTX",success:o};exports.default=i,exports.disabled=s,exports.error=l,exports.expanded=t,exports.focus=c,exports.placeholder=r,exports.select=e,exports.status=u,exports.success=o;
 //# sourceMappingURL=MultiSelect.module.scss.cjs.js.map

package/dist/components/Form/Select/MultiSelect/MultiSelect.module.scss.es.js

@@ -1,26 +1,26 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_k4xuc{display:none}.MultiSelect_slide-in_k4xuc{animation:MultiSelect_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_k4xuc{animation-duration:.1ms}}.MultiSelect_slide-out_k4xuc{animation:MultiSelect_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_k4xuc{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_slide-out_k4xuc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect_select_k4xuc{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_k4xuc.MultiSelect_expanded_k4xuc .MultiSelect_list-wrapper_k4xuc{background:var(--light)}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_error_k4xuc){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_k4xuc:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{box-sizing:border-box;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--color-blue-grey500);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus-visible,.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus{outline:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc{border-color:var(--error)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc:focus{border-width:var(--input-border-width)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_disabled_k4xuc{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc .MultiSelect_display-container_k4xuc{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_k4xuc .MultiSelect_list-wrapper-container_k4xuc{position:relative}.MultiSelect_select_k4xuc .MultiSelect_list-wrapper_k4xuc{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_select_k4xuc ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.MultiSelect_select_k4xuc ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.MultiSelect_select_k4xuc ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_k4xuc ul li:focus,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc{outline:none}.MultiSelect_select_k4xuc ul li:focus:before,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.MultiSelect_select_k4xuc ul li:hover:after,.MultiSelect_select_k4xuc ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_k4xuc ul li:active:after{opacity:.1}.MultiSelect_select_k4xuc ul li.MultiSelect_disabled_k4xuc{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_k4xuc{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_k4xuc [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_k4xuc *+*{margin-left:1.25rem}.MultiSelect_placeholder_k4xuc{color:var(--greyed-out)}.MultiSelect_select-search_k4xuc{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_k4xuc:focus-visible,.MultiSelect_select-search_k4xuc:focus{outline:none}.MultiSelect_disabled_k4xuc{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_k4xuc>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_error_k4xuc){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc,[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_success_k4xuc{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-const select = "MultiSelect_select_k4xuc";
-const expanded = "MultiSelect_expanded_k4xuc";
-const error = "MultiSelect_error_k4xuc";
-const disabled = "MultiSelect_disabled_k4xuc";
-const focus = "MultiSelect_focus_k4xuc";
-const status = "MultiSelect_status_k4xuc";
-const placeholder = "MultiSelect_placeholder_k4xuc";
-const success = "MultiSelect_success_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_uJyTX{display:none}.MultiSelect_slide-in_uJyTX{animation:MultiSelect_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_uJyTX{animation-duration:.1ms}}.MultiSelect_slide-out_uJyTX{animation:MultiSelect_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_uJyTX{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_slide-out_uJyTX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelect_select_uJyTX{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_uJyTX{transition-duration:.1ms}}.MultiSelect_select_uJyTX [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_uJyTX.MultiSelect_expanded_uJyTX .MultiSelect_list-wrapper_uJyTX{background:var(--light)}.MultiSelect_select_uJyTX:not(.MultiSelect_expanded_uJyTX):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.MultiSelect_select_uJyTX:not(.MultiSelect_expanded_uJyTX) .MultiSelect_custom-select_uJyTX:focus:not(.MultiSelect_error_uJyTX){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_uJyTX:hover:not(.MultiSelect_disabled_uJyTX):not(.MultiSelect_expanded_uJyTX):not(.MultiSelect_error_uJyTX) .MultiSelect_custom-select_uJyTX:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX{box-sizing:border-box;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--color-blue-grey500);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX{transition-duration:.1ms}}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX:focus-visible,.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX:focus{outline:none}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX.MultiSelect_error_uJyTX{border-color:var(--error)}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX.MultiSelect_error_uJyTX:focus{border-width:var(--input-border-width)}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX.MultiSelect_disabled_uJyTX{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX .MultiSelect_display-container_uJyTX{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_uJyTX .MultiSelect_list-wrapper-container_uJyTX{position:relative}.MultiSelect_select_uJyTX .MultiSelect_list-wrapper_uJyTX{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_select_uJyTX ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.MultiSelect_select_uJyTX ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.MultiSelect_select_uJyTX ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_uJyTX ul li:focus,.MultiSelect_select_uJyTX ul li.MultiSelect_focus_uJyTX{outline:none}.MultiSelect_select_uJyTX ul li:focus:before,.MultiSelect_select_uJyTX ul li.MultiSelect_focus_uJyTX:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.MultiSelect_select_uJyTX ul li:hover:after,.MultiSelect_select_uJyTX ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_uJyTX ul li:active:after{opacity:.1}.MultiSelect_select_uJyTX ul li.MultiSelect_disabled_uJyTX{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_uJyTX{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_uJyTX [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_uJyTX [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_uJyTX .MultiSelect_chevron-icon_uJyTX{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_uJyTX *+*{margin-left:1.25rem}.MultiSelect_placeholder_uJyTX{color:var(--greyed-out)}.MultiSelect_select-search_uJyTX{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_uJyTX:focus-visible,.MultiSelect_select-search_uJyTX:focus{outline:none}.MultiSelect_disabled_uJyTX{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_uJyTX>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_uJyTX .MultiSelect_custom-select_uJyTX{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_uJyTX:not(.MultiSelect_expanded_uJyTX) .MultiSelect_custom-select_uJyTX:focus:not(.MultiSelect_error_uJyTX){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_uJyTX{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_uJyTX.MultiSelect_error_uJyTX,[data-readonlyview=true] .MultiSelect_custom-select_uJyTX.MultiSelect_success_uJyTX{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_uJyTX button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_uJyTX .MultiSelect_chevron-icon_uJyTX{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_uJyTX):not(.MultiSelect_expanded_uJyTX):not(.MultiSelect_error_uJyTX) .MultiSelect_custom-select_uJyTX:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const select = "MultiSelect_select_uJyTX";
+const expanded = "MultiSelect_expanded_uJyTX";
+const error = "MultiSelect_error_uJyTX";
+const disabled = "MultiSelect_disabled_uJyTX";
+const focus = "MultiSelect_focus_uJyTX";
+const status = "MultiSelect_status_uJyTX";
+const placeholder = "MultiSelect_placeholder_uJyTX";
+const success = "MultiSelect_success_uJyTX";
 const classes = {
   select,
   expanded,
-  "list-wrapper": "MultiSelect_list-wrapper_k4xuc",
-  "custom-select": "MultiSelect_custom-select_k4xuc",
+  "list-wrapper": "MultiSelect_list-wrapper_uJyTX",
+  "custom-select": "MultiSelect_custom-select_uJyTX",
   error,
   disabled,
-  "display-container": "MultiSelect_display-container_k4xuc",
-  "list-wrapper-container": "MultiSelect_list-wrapper-container_k4xuc",
+  "display-container": "MultiSelect_display-container_uJyTX",
+  "list-wrapper-container": "MultiSelect_list-wrapper-container_uJyTX",
   focus,
   status,
-  "chevron-icon": "MultiSelect_chevron-icon_k4xuc",
+  "chevron-icon": "MultiSelect_chevron-icon_uJyTX",
   placeholder,
-  "select-search": "MultiSelect_select-search_k4xuc",
+  "select-search": "MultiSelect_select-search_uJyTX",
   success
 };
 export {

package/dist/components/Form/Select/MultiSelect/SelectButton.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectButton_btn_k4xuc{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SelectButton_btn_k4xuc",t={btn:e};exports.btn=e,exports.default=t;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectButton_btn_uJyTX{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SelectButton_btn_uJyTX",t={btn:e};exports.btn=e,exports.default=t;
 //# sourceMappingURL=SelectButton.module.scss.cjs.js.map

package/dist/components/Form/Select/MultiSelect/SelectButton.module.scss.es.js

@@ -1,5 +1,5 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectButton_btn_k4xuc{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const btn = "SelectButton_btn_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectButton_btn_uJyTX{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const btn = "SelectButton_btn_uJyTX";
 const classes = {
   btn
 };

package/dist/components/Form/Select/MultiSelect/SelectedOptions.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectedOptions_options_k4xuc{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_k4xuc{cursor:text}.SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SelectedOptions_options_k4xuc",t="SelectedOptions_tag_k4xuc",o={options:e,tag:t,"remove-btn":"SelectedOptions_remove-btn_k4xuc"};exports.default=o,exports.options=e,exports.tag=t;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectedOptions_options_uJyTX{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_uJyTX{cursor:text}.SelectedOptions_tag_uJyTX .SelectedOptions_remove-btn_uJyTX{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_uJyTX .SelectedOptions_remove-btn_uJyTX{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SelectedOptions_options_uJyTX",t="SelectedOptions_tag_uJyTX",o={options:e,tag:t,"remove-btn":"SelectedOptions_remove-btn_uJyTX"};exports.default=o,exports.options=e,exports.tag=t;
 //# sourceMappingURL=SelectedOptions.module.scss.cjs.js.map

package/dist/components/Form/Select/MultiSelect/SelectedOptions.module.scss.es.js

@@ -1,10 +1,10 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectedOptions_options_k4xuc{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_k4xuc{cursor:text}.SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const options = "SelectedOptions_options_k4xuc";
-const tag = "SelectedOptions_tag_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectedOptions_options_uJyTX{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_uJyTX{cursor:text}.SelectedOptions_tag_uJyTX .SelectedOptions_remove-btn_uJyTX{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_uJyTX .SelectedOptions_remove-btn_uJyTX{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const options = "SelectedOptions_options_uJyTX";
+const tag = "SelectedOptions_tag_uJyTX";
 const classes = {
   options,
   tag,
-  "remove-btn": "SelectedOptions_remove-btn_k4xuc"
+  "remove-btn": "SelectedOptions_remove-btn_uJyTX"
 };
 export {
   classes as default,

package/dist/components/Form/Select/Select.interfaces.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.interfaces.cjs.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n  enabled?: boolean;\n  renderThreshold?: number;\n  searchPlaceholder?: string;\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n  label: string;\n  onAddNew: (value: string) => void;\n  btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string | readonly string[] | undefined>\n  extends ComponentPropsWithRef<\"select\">,\n    FormElement {\n  children: ReactElement[];\n  name?: string;\n  labeledBy?: string;\n  describedBy?: string;\n  placeholder?: string;\n  selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n  search?: SearchProps;\n  className?: string;\n  value: V;\n  clearLabel?: string;\n  noResultsLabel?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n  addNew?: AddNewProps;\n  isReadOnlyView?: boolean;\n  domRoot?: HTMLElement;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n  Above = \"Above\",\n  Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n  expanded: boolean;\n  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n  isSearching: boolean;\n  setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n  setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n  childrenCount: number;\n  setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n  onOptionChangeHandler: (optionElement: HTMLElement | null) => void;\n  searchInputRef: React.RefObject<HTMLInputElement>;\n  addBtnRef?: React.RefObject<HTMLButtonElement>;\n  renderThreshold: number;\n  isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n  expanded: boolean;\n  optionListReference: React.RefObject<HTMLDivElement>;\n  containerReference: React.RefObject<HTMLDivElement>;\n  addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"gFA2DY,IAAAA,GAAAA,IACVA,EAAQ,MAAA,QACRA,EAAQ,MAAA,QAFEA,IAAAA,GAAA,CAAA"}
+{"version":3,"file":"Select.interfaces.cjs.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n  enabled?: boolean;\n  renderThreshold?: number;\n  searchPlaceholder?: string;\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n  label: string;\n  onAddNew: (value: string) => void;\n  btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string | readonly string[] | undefined>\n  extends ComponentPropsWithRef<\"select\">, FormElement {\n  children: ReactElement[];\n  name?: string;\n  labeledBy?: string;\n  describedBy?: string;\n  placeholder?: string;\n  selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n  search?: SearchProps;\n  className?: string;\n  value: V;\n  clearLabel?: string;\n  noResultsLabel?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n  addNew?: AddNewProps;\n  isReadOnlyView?: boolean;\n  domRoot?: HTMLElement;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n  Above = \"Above\",\n  Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n  expanded: boolean;\n  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n  isSearching: boolean;\n  setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n  setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n  childrenCount: number;\n  setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n  onOptionChangeHandler: (optionElement: HTMLElement | null) => void;\n  searchInputRef: React.RefObject<HTMLInputElement>;\n  addBtnRef?: React.RefObject<HTMLButtonElement>;\n  renderThreshold: number;\n  isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n  expanded: boolean;\n  optionListReference: React.RefObject<HTMLDivElement>;\n  containerReference: React.RefObject<HTMLDivElement>;\n  addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"gFA0DY,IAAAA,GAAAA,IACVA,EAAQ,MAAA,QACRA,EAAQ,MAAA,QAFEA,IAAAA,GAAA,CAAA"}

package/dist/components/Form/Select/Select.interfaces.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.interfaces.es.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n  enabled?: boolean;\n  renderThreshold?: number;\n  searchPlaceholder?: string;\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n  label: string;\n  onAddNew: (value: string) => void;\n  btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string | readonly string[] | undefined>\n  extends ComponentPropsWithRef<\"select\">,\n    FormElement {\n  children: ReactElement[];\n  name?: string;\n  labeledBy?: string;\n  describedBy?: string;\n  placeholder?: string;\n  selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n  search?: SearchProps;\n  className?: string;\n  value: V;\n  clearLabel?: string;\n  noResultsLabel?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n  addNew?: AddNewProps;\n  isReadOnlyView?: boolean;\n  domRoot?: HTMLElement;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n  Above = \"Above\",\n  Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n  expanded: boolean;\n  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n  isSearching: boolean;\n  setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n  setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n  childrenCount: number;\n  setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n  onOptionChangeHandler: (optionElement: HTMLElement | null) => void;\n  searchInputRef: React.RefObject<HTMLInputElement>;\n  addBtnRef?: React.RefObject<HTMLButtonElement>;\n  renderThreshold: number;\n  isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n  expanded: boolean;\n  optionListReference: React.RefObject<HTMLDivElement>;\n  containerReference: React.RefObject<HTMLDivElement>;\n  addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"AA2DY,IAAA,6BAAAA,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AAFEA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;"}
+{"version":3,"file":"Select.interfaces.es.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n  enabled?: boolean;\n  renderThreshold?: number;\n  searchPlaceholder?: string;\n  searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n  label: string;\n  onAddNew: (value: string) => void;\n  btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string | readonly string[] | undefined>\n  extends ComponentPropsWithRef<\"select\">, FormElement {\n  children: ReactElement[];\n  name?: string;\n  labeledBy?: string;\n  describedBy?: string;\n  placeholder?: string;\n  selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n  search?: SearchProps;\n  className?: string;\n  value: V;\n  clearLabel?: string;\n  noResultsLabel?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n  addNew?: AddNewProps;\n  isReadOnlyView?: boolean;\n  domRoot?: HTMLElement;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n  Above = \"Above\",\n  Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n  expanded: boolean;\n  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n  isSearching: boolean;\n  setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n  setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n  childrenCount: number;\n  setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n  onOptionChangeHandler: (optionElement: HTMLElement | null) => void;\n  searchInputRef: React.RefObject<HTMLInputElement>;\n  addBtnRef?: React.RefObject<HTMLButtonElement>;\n  renderThreshold: number;\n  isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n  expanded: boolean;\n  optionListReference: React.RefObject<HTMLDivElement>;\n  containerReference: React.RefObject<HTMLDivElement>;\n  addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"AA0DY,IAAA,6BAAAA,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AAFEA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;"}

package/dist/components/Form/Select/SingleSelect/Select.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select.module.scss.cjs.js"),t=require("react"),s=require("../../../../hooks/useClickOutside.cjs.js"),a=require("../../../../readyclasses.module.scss.cjs.js"),r=require("../../../../util/helper.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),l=require("../Select.interfaces.cjs.js"),i=require("../useSelectPositionList.cjs.js"),c=require("../useAddNewBtn.cjs.js"),o=require("./useSearch.cjs.js"),d=require("./useArrowNavigation.cjs.js"),u=require("../../../withReadOnly.cjs.js"),p=require("../../../RequiredSign/RequiredSign.cjs.js"),h=require("../../FormStatusIndicator/FormStatusIndicator.cjs.js"),m=require("../../../InlineEditing/InlineEditingContext.cjs.js"),f=u.withReadOnly(t.forwardRef((({children:u,name:f,disabled:S=!1,labeledBy:j,placeholder:v,describedBy:g,selectButtonProps:y,className:E,error:b=!1,success:N=!1,value:w,clearLabel:C="Clear selection",noResultsLabel:I="No results found",onChange:R,addNew:q,search:x,isReadOnlyView:O,...A},B)=>{const[P,L]=t.useState(!1),[k,F]=t.useState(""),$=t.useRef(null),H=t.useRef(null),[T,V]=t.useState(-1),[D,M]=t.useState(!1),[K,U]=t.useState(!1),z=t.Children.count(u),{filter:G,isSearching:J,renderSearch:Q,searchInputRef:W,setIsSearching:X,searchThreshold:Y,searchVisible:Z}=o.useSearch({expanded:P,search:x,searchInputClassName:e.default["select-search"],optionsCount:z,setFocusedSelectItem:V}),{addBtnRef:_,addNewBtnOptionsContainerClassName:ee,renderAddNew:te}=c.useAddNewBtn({addNew:q,filter:G,focusedSelectItem:T,optionsCount:z,searchInputRef:W}),{inlineClassNames:se}=m.useInlineEditing(),ae=se?` ${se}`:"",re=B||t.createRef(),ne=e=>{re.current&&e&&(re.current.value=e.getAttribute("data-value"),re.current.dispatchEvent(new Event("change",{bubbles:!0}))),L(!1)},le=t.useRef(null),{onArrowNavigation:ie}=d.useArrowNavigation({expanded:P,setExpanded:L,isSearching:J,setIsSearching:X,setFocusedSelectItem:V,onOptionChangeHandler:ne,childrenCount:z,setShouldClick:M,searchInputRef:W,addBtnRef:_,renderThreshold:Y,isReadOnlyView:O||!!A["data-readonlyview"]}),{listPosition:ce,opacity:oe,optionsListMaxHeight:de,setListPosition:ue,setOpacity:pe}=i.useSelectPositionList({expanded:P,optionListReference:H,containerReference:$,addBtnRef:_});t.useEffect((()=>{P&&(V(0),U(!0)),!P&&le.current&&K&&(le.current.focus(),U(!1))}),[P,le.current,K]),t.useEffect((()=>{var e;e=w,t.Children.forEach(u,(t=>{t.props.value===e&&F(t.props.children)}))}),[w]);const he=t.useRef(null);s.useClickOutside(he,(()=>{P&&(L(!1),ue(l.Position.Below),pe(0))}),[P]);const me=[];return P&&me.push(e.default.expanded),b&&me.push(e.default.error),S&&me.push(e.default.disabled),E&&me.push(E),N&&me.push(e.default.success),t.createElement("div",{ref:he,className:`${e.default.root}${ae}`},t.createElement("select",{...r.filterProps(A,/^data-/,!1),tabIndex:-1,"aria-hidden":"true",ref:re,name:f,onChange:e=>{null==R||R(e)},className:a.default["sr-only"]},t.createElement("option",{value:""}),t.Children.map(u,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...r.filterProps(A,/^data-/),ref:$,onKeyDown:ie,className:`custom-select ${e.default.select} ${me.join(" ")}`},Z&&Q(),t.createElement("button",{...y,onClick:()=>{L(!O&&!A["data-readonlyview"]&&!P)},ref:le,type:"button",name:f,className:`${e.default["custom-select"]} ${me.join(" ")} `,style:{display:P&&Z?"none":"block"},disabled:S,"aria-disabled":S,"aria-invalid":b,"aria-expanded":P,"aria-haspopup":"listbox","aria-labelledby":j,"aria-describedby":g},t.createElement("div",{"data-display":!0,className:e.default.selected},!w&&v&&t.createElement("span",{className:e.default.placeholder},v),(null==w?void 0:w.length)>0&&t.createElement("span",{"data-display-inner":!0},k),t.createElement(p.RequiredSign,{className:e.default.required})),t.createElement("div",{className:e.default.status},t.createElement(h.FormStatusIndicator,{isReadOnlyView:O,success:N,error:b},P?t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronUp}):t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronDown})))),t.createElement("div",{className:"list-wrapper-container"},t.createElement("div",{ref:H,className:`list-wrapper ${e.default["list-wrapper"]}`,style:{display:P?"block":"none",opacity:oe,maxHeight:de.wrapper,pointerEvents:P?"auto":"none",bottom:ce===l.Position.Above?"2.85rem":"initial",marginTop:"4px"}},t.createElement("ul",{className:ee,role:"listbox",style:{maxHeight:de.list}},(()=>{if(J||""!==G){const a=t.Children.toArray(u).filter((e=>{const t=e.props.children;return(Array.isArray(t)?t.map(String).join(""):String(t)).toLowerCase().includes(G.toLowerCase())}));return 0===s(a).length?t.createElement("li",{className:e.default["no-results"]},I):s(a)}return s(u);function s(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{V(e)},onOptionSelect:e=>{ne(e.current),M(!1)},isSelected:e.props.value===w,isSearching:J,selectOpened:P,childIndex:s,hasFocus:T===s,shouldClick:D,isAddBtnFocused:_.current===document.activeElement})))}})()),te()))))})));exports.Select=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select.module.scss.cjs.js"),t=require("react"),s=require("../../../../hooks/useClickOutside.cjs.js"),a=require("../../../../readyclasses.module.scss.cjs.js"),r=require("../../../../util/helper.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),l=require("../Select.interfaces.cjs.js"),i=require("../useSelectPositionList.cjs.js"),c=require("../useAddNewBtn.cjs.js"),o=require("./useSearch.cjs.js"),d=require("./useArrowNavigation.cjs.js"),u=require("../../../withReadOnly.cjs.js"),p=require("../../../RequiredSign/RequiredSign.cjs.js"),h=require("../../FormStatusIndicator/FormStatusIndicator.cjs.js"),m=require("../../../InlineEditing/InlineEditingContext.cjs.js"),f=u.withReadOnly(t.forwardRef((({children:u,name:f,disabled:S=!1,labeledBy:j,placeholder:v,describedBy:g,selectButtonProps:y,className:E,error:b=!1,success:N=!1,value:w,clearLabel:C="Clear selection",noResultsLabel:I="No results found",onChange:R,addNew:q,search:x,isReadOnlyView:O,...A},B)=>{const[P,L]=t.useState(!1),[k,F]=t.useState(""),$=t.useRef(null),H=t.useRef(null),[T,V]=t.useState(-1),[D,M]=t.useState(!1),[K,U]=t.useState(!1),z=t.Children.count(u),{filter:G,isSearching:J,renderSearch:Q,searchInputRef:W,setIsSearching:X,searchThreshold:Y,searchVisible:Z}=o.useSearch({expanded:P,search:x,searchInputClassName:e.default["select-search"],optionsCount:z,setFocusedSelectItem:V}),{addBtnRef:_,addNewBtnOptionsContainerClassName:ee,renderAddNew:te}=c.useAddNewBtn({addNew:q,filter:G,focusedSelectItem:T,optionsCount:z,searchInputRef:W}),{inlineClassNames:se}=m.useInlineEditing(),ae=se?` ${se}`:"",re=B||t.createRef(),ne=e=>{re.current&&e&&(re.current.value=e.getAttribute("data-value"),re.current.dispatchEvent(new Event("change",{bubbles:!0}))),L(!1)},le=t.useRef(null),{onArrowNavigation:ie}=d.useArrowNavigation({expanded:P,setExpanded:L,isSearching:J,setIsSearching:X,setFocusedSelectItem:V,onOptionChangeHandler:ne,childrenCount:z,setShouldClick:M,searchInputRef:W,addBtnRef:_,renderThreshold:Y,isReadOnlyView:O||!!A["data-readonlyview"]}),{listPosition:ce,opacity:oe,optionsListMaxHeight:de,setListPosition:ue,setOpacity:pe}=i.useSelectPositionList({expanded:P,optionListReference:H,containerReference:$,addBtnRef:_});t.useEffect((()=>{P&&(V(0),U(!0)),!P&&le.current&&K&&(le.current.focus(),U(!1))}),[P,le.current,K]),t.useEffect((()=>{var e;e=w,t.Children.forEach(u,(t=>{t.props.value===e&&F(t.props.children)}))}),[w,u]);const he=t.useRef(null);s.useClickOutside(he,(()=>{P&&(L(!1),ue(l.Position.Below),pe(0))}),[P]);const me=[];return P&&me.push(e.default.expanded),b&&me.push(e.default.error),S&&me.push(e.default.disabled),E&&me.push(E),N&&me.push(e.default.success),t.createElement("div",{ref:he,className:`${e.default.root}${ae}`},t.createElement("select",{...r.filterProps(A,/^data-/,!1),tabIndex:-1,"aria-hidden":"true",ref:re,name:f,onChange:e=>{null==R||R(e)},className:a.default["sr-only"]},t.createElement("option",{value:""}),t.Children.map(u,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...r.filterProps(A,/^data-/),ref:$,onKeyDown:ie,className:`custom-select ${e.default.select} ${me.join(" ")}`},Z&&Q(),t.createElement("button",{...y,onClick:()=>{L(!O&&!A["data-readonlyview"]&&!P)},ref:le,type:"button",name:f,className:`${e.default["custom-select"]} ${me.join(" ")} `,style:{display:P&&Z?"none":"block"},disabled:S,"aria-disabled":S,"aria-invalid":b,"aria-expanded":P,"aria-haspopup":"listbox","aria-labelledby":j,"aria-describedby":g},t.createElement("div",{"data-display":!0,className:e.default.selected},!w&&v&&t.createElement("span",{className:e.default.placeholder},v),(null==w?void 0:w.length)>0&&t.createElement("span",{"data-display-inner":!0},k),t.createElement(p.RequiredSign,{className:e.default.required})),t.createElement("div",{className:e.default.status},t.createElement(h.FormStatusIndicator,{isReadOnlyView:O,success:N,error:b},P?t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronUp}):t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronDown})))),t.createElement("div",{className:"list-wrapper-container"},t.createElement("div",{ref:H,className:`list-wrapper ${e.default["list-wrapper"]}`,style:{display:P?"block":"none",opacity:oe,maxHeight:de.wrapper,pointerEvents:P?"auto":"none",bottom:ce===l.Position.Above?"2.85rem":"initial",marginTop:"4px"}},t.createElement("ul",{className:ee,role:"listbox",style:{maxHeight:de.list}},(()=>{if(J||""!==G){const a=t.Children.toArray(u).filter((e=>{const t=e.props.children;return(Array.isArray(t)?t.map(String).join(""):String(t)).toLowerCase().includes(G.toLowerCase())}));return 0===s(a).length?t.createElement("li",{className:e.default["no-results"]},I):s(a)}return s(u);function s(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{V(e)},onOptionSelect:e=>{ne(e.current),M(!1)},isSelected:e.props.value===w,isSearching:J,selectOpened:P,childIndex:s,hasFocus:T===s,shouldClick:D,isAddBtnFocused:_.current===document.activeElement})))}})()),te()))))})));exports.Select=f;
 //# sourceMappingURL=Select.cjs.js.map

package/dist/components/Form/Select/SingleSelect/Select.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs.js","sources":["../../../../../src/components/Form/Select/SingleSelect/Select.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport classes from \"./Select.module.scss\";\n\nimport React, {\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { useClickOutside } from \"../../../../hooks/useClickOutside\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Position, SingleSelectProps } from \"../Select.interfaces\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSearch } from \"./useSearch\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { RequiredSign } from \"../../../RequiredSign/RequiredSign\";\nimport { FormStatusIndicator } from \"../../FormStatusIndicator/FormStatusIndicator\";\nimport { useInlineEditing } from \"../../../InlineEditing/InlineEditingContext\";\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, SingleSelectProps> = (\n  {\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    selectButtonProps,\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search,\n    isReadOnlyView,\n    ...rest\n  }: SingleSelectProps,\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState(\"\");\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(-1);\n  const [shouldClick, setShouldClick] = useState(false);\n  /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const optionsCount = React.Children.count(children);\n  const {\n    filter,\n    isSearching,\n    renderSearch,\n    searchInputRef,\n    setIsSearching,\n    searchThreshold,\n    searchVisible\n  } = useSearch({\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount,\n    setFocusedSelectItem\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    addNew,\n    filter,\n    focusedSelectItem,\n    optionsCount,\n    searchInputRef\n  });\n\n  const { inlineClassNames } = useInlineEditing();\n  const rootClassNames = inlineClassNames ? ` ${inlineClassNames}` : \"\";\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      nativeSelect.current.value = optionElement.getAttribute(\"data-value\")!;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n\n    setExpanded(false);\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    isSearching,\n    setIsSearching,\n    setFocusedSelectItem,\n    onOptionChangeHandler,\n    childrenCount: optionsCount,\n    setShouldClick,\n    searchInputRef,\n    addBtnRef,\n    renderThreshold: searchThreshold,\n    isReadOnlyView: isReadOnlyView || !!rest[\"data-readonlyview\"]\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (val: string) => {\n    React.Children.forEach(children, child => {\n      if (child.props.value === val) {\n        setDisplay(child.props.children);\n      }\n    });\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have an additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    if (isSearching || filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(child => {\n        const childElement = child as React.ReactElement;\n        const innerChildren = childElement.props.children;\n\n        const childText = Array.isArray(innerChildren)\n          ? innerChildren.map(String).join(\"\")\n          : String(innerChildren);\n        return childText.toLowerCase().includes(filter.toLowerCase());\n      });\n\n      const internalChildren = _internalRenderChildren(filteredChildren as ReactElement[]);\n\n      if (internalChildren.length === 0) {\n        return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n      }\n\n      return _internalRenderChildren(filteredChildren as ReactElement[]);\n    }\n\n    return _internalRenderChildren(children);\n\n    function _internalRenderChildren(internalChildren: ReactElement[]) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setShouldClick(false);\n          },\n          isSelected: child.props.value === value,\n          isSearching: isSearching,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          isAddBtnFocused: addBtnRef.current === document.activeElement\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded) {\n      setFocusedSelectItem(0);\n      setShouldFocusButtonAfterClose(true);\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      customSelectButtonRef.current.focus();\n      setShouldFocusButtonAfterClose(false);\n    }\n  }, [expanded, customSelectButtonRef.current, shouldFocusButtonAfterClose]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n  }, [value]);\n\n  const myElementRef = useRef<HTMLDivElement>(null);\n\n  useClickOutside(myElementRef, () => {\n    if (!expanded) {\n      return;\n    }\n    setExpanded(false);\n    setListPosition(Position.Below);\n    setOpacity(0);\n  }, [expanded]);\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <div ref={myElementRef} className={`${classes[\"root\"]}${rootClassNames}`}>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n      >\n        {searchVisible && renderSearch()}\n        <button\n          {...selectButtonProps}\n          onClick={() => {\n            setExpanded(isReadOnlyView || rest[\"data-readonlyview\"] ? false : !expanded);\n          }}\n          ref={customSelectButtonRef}\n          type=\"button\"\n          name={name}\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: expanded && searchVisible ? \"none\" : \"block\" }}\n          disabled={disabled}\n          aria-disabled={disabled}\n          aria-invalid={error}\n          aria-expanded={expanded}\n          aria-haspopup=\"listbox\"\n          aria-labelledby={labeledBy}\n          aria-describedby={describedBy}\n        >\n          <div data-display className={classes[\"selected\"]}>\n            {!value && placeholder && <span className={classes[\"placeholder\"]}>{placeholder}</span>}\n            {value?.length > 0 && <span data-display-inner>{display}</span>}\n            <RequiredSign className={classes[\"required\"]} />\n          </div>\n          <div className={classes[\"status\"]}>\n            <FormStatusIndicator isReadOnlyView={isReadOnlyView} success={success} error={error}>\n              {renderChevronIcon()}\n            </FormStatusIndicator>\n          </div>\n        </button>\n        <div className=\"list-wrapper-container\">\n          <div\n            ref={optionListReference}\n            className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n            style={{\n              display: expanded ? \"block\" : \"none\",\n              opacity: opacity,\n              maxHeight: optionsListMaxHeight.wrapper,\n              pointerEvents: expanded ? \"auto\" : \"none\",\n              bottom: listPosition === Position.Above ? \"2.85rem\" : \"initial\",\n              marginTop: \"4px\"\n            }}\n          >\n            <ul\n              className={addNewBtnOptionsContainerClassName}\n              role=\"listbox\"\n              style={{ maxHeight: optionsListMaxHeight.list }}\n            >\n              {renderOptions()}\n            </ul>\n            {renderAddNew()}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport const Select = withReadOnly(React.forwardRef(SelectComponent));\n"],"names":["Select","withReadOnly","React","forwardRef","children","name","disabled","labeledBy","placeholder","describedBy","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","addNew","search","isReadOnlyView","rest","ref","expanded","setExpanded","useState","display","setDisplay","containerReference","useRef","optionListReference","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","optionsCount","Children","count","filter","isSearching","renderSearch","searchInputRef","setIsSearching","searchThreshold","searchVisible","useSearch","searchInputClassName","classes","addBtnRef","addNewBtnOptionsContainerClassName","renderAddNew","useAddNewBtn","inlineClassNames","useInlineEditing","rootClassNames","nativeSelect","createRef","onOptionChangeHandler","optionElement","current","getAttribute","dispatchEvent","Event","bubbles","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","renderThreshold","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","useEffect","focus","val","forEach","child","props","myElementRef","useClickOutside","Position","Below","additionalClasses","push","createElement","default","filterProps","tabIndex","event","readyclasses","map","onKeyDown","select","join","onClick","type","style","length","RequiredSign","FormStatusIndicator","Icon","icon","Icons","ChevronUp","ChevronDown","maxHeight","wrapper","pointerEvents","bottom","Above","marginTop","role","list","filteredChildren","toArray","innerChildren","Array","isArray","String","toLowerCase","includes","_internalRenderChildren","internalChildren","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","isAddBtnFocused","document","activeElement","renderOptions"],"mappings":"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"}
+{"version":3,"file":"Select.cjs.js","sources":["../../../../../src/components/Form/Select/SingleSelect/Select.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport classes from \"./Select.module.scss\";\n\nimport React, {\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { useClickOutside } from \"../../../../hooks/useClickOutside\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Position, SingleSelectProps } from \"../Select.interfaces\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSearch } from \"./useSearch\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { RequiredSign } from \"../../../RequiredSign/RequiredSign\";\nimport { FormStatusIndicator } from \"../../FormStatusIndicator/FormStatusIndicator\";\nimport { useInlineEditing } from \"../../../InlineEditing/InlineEditingContext\";\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, SingleSelectProps> = (\n  {\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    selectButtonProps,\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search,\n    isReadOnlyView,\n    ...rest\n  }: SingleSelectProps,\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState(\"\");\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(-1);\n  const [shouldClick, setShouldClick] = useState(false);\n  /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const optionsCount = React.Children.count(children);\n  const {\n    filter,\n    isSearching,\n    renderSearch,\n    searchInputRef,\n    setIsSearching,\n    searchThreshold,\n    searchVisible\n  } = useSearch({\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount,\n    setFocusedSelectItem\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    addNew,\n    filter,\n    focusedSelectItem,\n    optionsCount,\n    searchInputRef\n  });\n\n  const { inlineClassNames } = useInlineEditing();\n  const rootClassNames = inlineClassNames ? ` ${inlineClassNames}` : \"\";\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      nativeSelect.current.value = optionElement.getAttribute(\"data-value\")!;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n\n    setExpanded(false);\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    isSearching,\n    setIsSearching,\n    setFocusedSelectItem,\n    onOptionChangeHandler,\n    childrenCount: optionsCount,\n    setShouldClick,\n    searchInputRef,\n    addBtnRef,\n    renderThreshold: searchThreshold,\n    isReadOnlyView: isReadOnlyView || !!rest[\"data-readonlyview\"]\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (val: string) => {\n    React.Children.forEach(children, child => {\n      if (child.props.value === val) {\n        setDisplay(child.props.children);\n      }\n    });\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have an additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    if (isSearching || filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(child => {\n        const childElement = child as React.ReactElement;\n        const innerChildren = childElement.props.children;\n\n        const childText = Array.isArray(innerChildren)\n          ? innerChildren.map(String).join(\"\")\n          : String(innerChildren);\n        return childText.toLowerCase().includes(filter.toLowerCase());\n      });\n\n      const internalChildren = _internalRenderChildren(filteredChildren as ReactElement[]);\n\n      if (internalChildren.length === 0) {\n        return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n      }\n\n      return _internalRenderChildren(filteredChildren as ReactElement[]);\n    }\n\n    return _internalRenderChildren(children);\n\n    function _internalRenderChildren(internalChildren: ReactElement[]) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setShouldClick(false);\n          },\n          isSelected: child.props.value === value,\n          isSearching: isSearching,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          isAddBtnFocused: addBtnRef.current === document.activeElement\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded) {\n      setFocusedSelectItem(0);\n      setShouldFocusButtonAfterClose(true);\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      customSelectButtonRef.current.focus();\n      setShouldFocusButtonAfterClose(false);\n    }\n  }, [expanded, customSelectButtonRef.current, shouldFocusButtonAfterClose]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n  }, [value, children]);\n\n  const myElementRef = useRef<HTMLDivElement>(null);\n\n  useClickOutside(myElementRef, () => {\n    if (!expanded) {\n      return;\n    }\n    setExpanded(false);\n    setListPosition(Position.Below);\n    setOpacity(0);\n  }, [expanded]);\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <div ref={myElementRef} className={`${classes[\"root\"]}${rootClassNames}`}>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n      >\n        {searchVisible && renderSearch()}\n        <button\n          {...selectButtonProps}\n          onClick={() => {\n            setExpanded(isReadOnlyView || rest[\"data-readonlyview\"] ? false : !expanded);\n          }}\n          ref={customSelectButtonRef}\n          type=\"button\"\n          name={name}\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: expanded && searchVisible ? \"none\" : \"block\" }}\n          disabled={disabled}\n          aria-disabled={disabled}\n          aria-invalid={error}\n          aria-expanded={expanded}\n          aria-haspopup=\"listbox\"\n          aria-labelledby={labeledBy}\n          aria-describedby={describedBy}\n        >\n          <div data-display className={classes[\"selected\"]}>\n            {!value && placeholder && <span className={classes[\"placeholder\"]}>{placeholder}</span>}\n            {value?.length > 0 && <span data-display-inner>{display}</span>}\n            <RequiredSign className={classes[\"required\"]} />\n          </div>\n          <div className={classes[\"status\"]}>\n            <FormStatusIndicator isReadOnlyView={isReadOnlyView} success={success} error={error}>\n              {renderChevronIcon()}\n            </FormStatusIndicator>\n          </div>\n        </button>\n        <div className=\"list-wrapper-container\">\n          <div\n            ref={optionListReference}\n            className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n            style={{\n              display: expanded ? \"block\" : \"none\",\n              opacity: opacity,\n              maxHeight: optionsListMaxHeight.wrapper,\n              pointerEvents: expanded ? \"auto\" : \"none\",\n              bottom: listPosition === Position.Above ? \"2.85rem\" : \"initial\",\n              marginTop: \"4px\"\n            }}\n          >\n            <ul\n              className={addNewBtnOptionsContainerClassName}\n              role=\"listbox\"\n              style={{ maxHeight: optionsListMaxHeight.list }}\n            >\n              {renderOptions()}\n            </ul>\n            {renderAddNew()}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport const Select = withReadOnly(React.forwardRef(SelectComponent));\n"],"names":["Select","withReadOnly","React","forwardRef","children","name","disabled","labeledBy","placeholder","describedBy","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","addNew","search","isReadOnlyView","rest","ref","expanded","setExpanded","useState","display","setDisplay","containerReference","useRef","optionListReference","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","optionsCount","Children","count","filter","isSearching","renderSearch","searchInputRef","setIsSearching","searchThreshold","searchVisible","useSearch","searchInputClassName","classes","addBtnRef","addNewBtnOptionsContainerClassName","renderAddNew","useAddNewBtn","inlineClassNames","useInlineEditing","rootClassNames","nativeSelect","createRef","onOptionChangeHandler","optionElement","current","getAttribute","dispatchEvent","Event","bubbles","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","renderThreshold","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","useEffect","focus","val","forEach","child","props","myElementRef","useClickOutside","Position","Below","additionalClasses","push","createElement","default","filterProps","tabIndex","event","readyclasses","map","onKeyDown","select","join","onClick","type","style","length","RequiredSign","FormStatusIndicator","Icon","icon","Icons","ChevronUp","ChevronDown","maxHeight","wrapper","pointerEvents","bottom","Above","marginTop","role","list","filteredChildren","toArray","innerChildren","Array","isArray","String","toLowerCase","includes","_internalRenderChildren","internalChildren","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","isAddBtnFocused","document","activeElement","renderOptions"],"mappings":"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"}

package/dist/components/Form/Select/SingleSelect/Select.es.js

@@ -150,7 +150,7 @@ const SelectComponent = ({
   }, [expanded, customSelectButtonRef.current, shouldFocusButtonAfterClose]);
   useEffect(() => {
     syncDisplayValue(value);
-  }, [value]);
+  }, [value, children]);
   const myElementRef = useRef(null);
   useClickOutside(myElementRef, () => {
     if (!expanded) {