@onewelcome/react-lib-components 8.5.0 → 8.7.0

package/dist/esm/Form/Select/SingleSelect/Select.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\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/*!\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/*!\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 */.Select-module_sr-only__pw4xB{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select-module_hidden__bM4xB{display:none}.Select-module_slide-in__KrGMO{animation:Select-module_slide-in__KrGMO .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-in__KrGMO{animation-duration:.1ms}}.Select-module_slide-out__57p2b{animation:Select-module_slide-out__57p2b .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-out__57p2b{animation-duration:.1ms}}@keyframes Select-module_slide-in__KrGMO{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select-module_slide-out__57p2b{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 */.Select-module_select__t8I9I{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Select-module_select__t8I9I{transition-duration:.1ms}}.Select-module_select__t8I9I [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select-module_select__t8I9I.Select-module_expanded__Gn0O5 .Select-module_list-wrapper__1bs6M{background:var(--light)}.Select-module_select__t8I9I:not(.Select-module_expanded__Gn0O5) button:focus:not(.Select-module_error__FelMD){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select-module_select__t8I9I:hover:not(.Select-module_disabled__t9oiZ):not(.Select-module_expanded__Gn0O5):not(.Select-module_error__FelMD) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{background-color:initial;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);cursor:pointer;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{transition-duration:.1ms}}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj:focus{outline:0}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_error__FelMD{border-color:var(--error);color:var(--error)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_error__FelMD:focus{border-width:var(--input-border-width-focus)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_disabled__t9oiZ{border-color:var(--color-disabled)}.Select-module_select__t8I9I .Select-module_list-wrapper__1bs6M{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.Select-module_select__t8I9I ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:25rem;overflow:auto;padding:.25rem 0;text-align:left;width:100%}.Select-module_select__t8I9I ul li{box-sizing:border-box;cursor:pointer;font-size:var(--form-control-font-size);line-height:1.25rem;margin:0;min-height:2.5rem;padding:.62rem .75rem;position:relative}.Select-module_select__t8I9I ul li:focus{outline:none}.Select-module_select__t8I9I ul li:focus:before{border-radius:var(--focus-border-radius);content:\"\";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.Select-module_select__t8I9I ul li:hover{background-color:var(--color-blue-grey50)}.Select-module_select__t8I9I ul li:active{background-color:var(--color-blue-grey100)}.Select-module_select__t8I9I ul li.Select-module_disabled__t9oiZ{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select-module_selected-option__RrLIc{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;top:0}.Select-module_selected__DWAJ2{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select-module_status__OMSjY{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select-module_status__OMSjY [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select-module_status__OMSjY [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select-module_status__OMSjY .Select-module_chevron-icon__yV9oP{color:var(--default);font-size:.625rem}.Select-module_status__OMSjY *+*{margin-left:1.25rem}.Select-module_placeholder__n-rO9{color:var(--greyed-out)}.Select-module_select-search__ybi2q{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select-module_disabled__t9oiZ{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select-module_disabled__t9oiZ>*{pointer-events:none}@media only screen and (min-width:30em){.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{padding:0 calc(.5rem - var(--input-border-width))}.Select-module_select__t8I9I:not(.Select-module_expanded__Gn0O5) button:focus:not(.Select-module_error__FelMD){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,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QkFBa0IsQ0FFbEIsY0FBZ0IsQ0FEaEIsT0FBUSxDQUVSLDBCQUdGLENBQ0Esd0RBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0Esc0RBQ0Usa0JBQW1CLENBQ25CLGlCQUNGLENBQ0EsZ0VBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0EsaUNBQ0UsbUJBQ0YsQ0FFQSxrQ0FDRSx1QkFDRixDQUVBLG9DQUlFLDJCQUE0QixDQUM1Qiw0QkFBNkIsQ0FGN0IscUJBQXNCLENBRnRCLGlCQUFrQixDQUNsQixVQUlGLENBRUEsK0JBR0UseUNBQTBDLENBRDFDLHVCQUF3QixDQUR4QixrQkFHRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsd0NBQ0UsaUVBQ0UsaURBQ0YsQ0FDQSwrR0FDRSx1REFDRixDQUNGIiwiZmlsZSI6IlNlbGVjdC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCBbZGF0YS1kaXNwbGF5XSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1kZWZhdWx0KTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn1cbi5zZWxlY3QuZXhwYW5kZWQgLmxpc3Qtd3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWxpZ2h0KTtcbn1cbi5zZWxlY3Q6bm90KC5leHBhbmRlZCkgYnV0dG9uOmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgYm9yZGVyOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cykpO1xufVxuLnNlbGVjdDpob3Zlcjpub3QoLmRpc2FibGVkKTpub3QoLmV4cGFuZGVkKTpub3QoLmVycm9yKSBidXR0b246bm90KDpmb2N1cykge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiBjYWxjKDIuNjI1cmVtIC0gMiAqIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zZWxlY3QgLmN1c3RvbS1zZWxlY3Qge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0OmZvY3VzIHtcbiAgb3V0bGluZTogMDtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5zZWxlY3QgLmN1c3RvbS1zZWxlY3QuZXJyb3I6Zm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1kaXNhYmxlZCk7XG59XG4uc2VsZWN0IC5saXN0LXdyYXBwZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1pbnB1dC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBib3gtc2hhZG93OiAwIDhweCAxMHB4IDAgcmdiYSgxLCA1LCA1MCwgMC4xNDExNzY0NzA2KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMTtcbiAgdG9wOiA0NHB4O1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uc2VsZWN0IHVsIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAyNXJlbTtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5zZWxlY3QgdWwgbGk6Zm9jdXM6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwLjEyNXJlbTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMC4yNXJlbSk7XG4gIG9wYWNpdHk6IDE7XG4gIHotaW5kZXg6IDEwMTtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwLjEyNXJlbTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItbGVmdDogMC4yNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc2VsZWN0ZWQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */";
-var classes = {"sr-only":"Select-module_sr-only__pw4xB","hidden":"Select-module_hidden__bM4xB","slide-in":"Select-module_slide-in__KrGMO","slide-out":"Select-module_slide-out__57p2b","select":"Select-module_select__t8I9I","expanded":"Select-module_expanded__Gn0O5","list-wrapper":"Select-module_list-wrapper__1bs6M","error":"Select-module_error__FelMD","disabled":"Select-module_disabled__t9oiZ","custom-select":"Select-module_custom-select__ybbbj","selected-option":"Select-module_selected-option__RrLIc","selected":"Select-module_selected__DWAJ2","status":"Select-module_status__OMSjY","chevron-icon":"Select-module_chevron-icon__yV9oP","placeholder":"Select-module_placeholder__n-rO9","select-search":"Select-module_select-search__ybi2q"};
+var css_248z = "/*!\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/*!\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/*!\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 */.Select-module_sr-only__pw4xB{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select-module_hidden__bM4xB{display:none}.Select-module_slide-in__KrGMO{animation:Select-module_slide-in__KrGMO .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-in__KrGMO{animation-duration:.1ms}}.Select-module_slide-out__57p2b{animation:Select-module_slide-out__57p2b .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-out__57p2b{animation-duration:.1ms}}@keyframes Select-module_slide-in__KrGMO{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select-module_slide-out__57p2b{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 */.Select-module_select__t8I9I{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Select-module_select__t8I9I{transition-duration:.1ms}}.Select-module_select__t8I9I [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select-module_select__t8I9I.Select-module_expanded__Gn0O5 .Select-module_list-wrapper__1bs6M{background:var(--light)}.Select-module_select__t8I9I:not(.Select-module_expanded__Gn0O5) button:focus:not(.Select-module_error__FelMD){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select-module_select__t8I9I:hover:not(.Select-module_disabled__t9oiZ):not(.Select-module_expanded__Gn0O5):not(.Select-module_error__FelMD) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{background-color:initial;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);cursor:pointer;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{transition-duration:.1ms}}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj:focus{outline:0}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_error__FelMD{border-color:var(--error);color:var(--error)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_error__FelMD:focus{border-width:var(--input-border-width-focus)}.Select-module_select__t8I9I .Select-module_custom-select__ybbbj.Select-module_disabled__t9oiZ{border-color:var(--color-disabled)}.Select-module_select__t8I9I .Select-module_list-wrapper-container__h7Fwi{position:relative}.Select-module_select__t8I9I .Select-module_list-wrapper__1bs6M{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;width:100%;z-index:11}.Select-module_select__t8I9I ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:25rem;overflow:auto;padding:.25rem 0;text-align:left;width:100%}.Select-module_select__t8I9I ul li{box-sizing:border-box;cursor:pointer;font-size:var(--form-control-font-size);line-height:1.25rem;margin:0;min-height:2.5rem;padding:.62rem .75rem;position:relative}.Select-module_select__t8I9I ul li:focus{outline:none}.Select-module_select__t8I9I ul li:focus:before{border-radius:var(--focus-border-radius);content:\"\";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.Select-module_select__t8I9I ul li:hover{background-color:var(--color-blue-grey50)}.Select-module_select__t8I9I ul li:active{background-color:var(--color-blue-grey100)}.Select-module_select__t8I9I ul li.Select-module_disabled__t9oiZ{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select-module_select__t8I9I[data-readonlyview=true]{pointer-events:none;user-select:text}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button]{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button] .Select-module_selected__DWAJ2{color:var(--read-only-text-color)}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_error__FelMD,.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_success__8aTZN{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_error__FelMD .Select-module_status__OMSjY,.Select-module_select__t8I9I[data-readonlyview=true] button[type=button].Select-module_success__8aTZN .Select-module_status__OMSjY{visibility:visible}.Select-module_select__t8I9I[data-readonlyview=true] .Select-module_list-wrapper__1bs6M,.Select-module_select__t8I9I[data-readonlyview=true] button[type=button] .Select-module_status__OMSjY .Select-module_chevron-icon__yV9oP{visibility:hidden}.Select-module_select__t8I9I[data-readonlyview=true] .Select-module_list-wrapper__1bs6M ul{display:none}.Select-module_selected-option__RrLIc{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;top:0}.Select-module_selected__DWAJ2{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select-module_status__OMSjY{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select-module_status__OMSjY [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select-module_status__OMSjY [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select-module_status__OMSjY .Select-module_chevron-icon__yV9oP{color:var(--default);font-size:.625rem}.Select-module_status__OMSjY *+*{margin-left:1.25rem}.Select-module_placeholder__n-rO9{color:var(--greyed-out)}.Select-module_select-search__ybi2q{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select-module_disabled__t9oiZ{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select-module_disabled__t9oiZ>*{pointer-events:none}@media only screen and (min-width:30em){.Select-module_select__t8I9I .Select-module_custom-select__ybbbj{padding:0 calc(.5rem - var(--input-border-width))}.Select-module_select__t8I9I:not(.Select-module_expanded__Gn0O5) button:focus:not(.Select-module_error__FelMD){padding:0 calc(.5rem - var(--input-border-width-focus))}}[data-readonlyview=true] [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] [data-readonlyview] button .Select-module_status__OMSjY .Select-module_chevron-icon__yV9oP{visibility:hidden}[data-readonlyview=true] [data-readonlyview] button.Select-module_error__FelMD{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}\n/*# sourceMappingURL=data:application/json;base64,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Qyw2Q0FBK0MsQ0FGL0MsK0JBQWlDLENBR2pDLDBCQUEyQixDQVIzQixVQUFXLENBSVgsV0FBWSxDQURaLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FPRixDQUVBLCtCQUlFLG1CQUFvQixDQUhwQixpQkFBa0IsQ0FDbEIsT0FBUSxDQUNSLDBCQUVGLENBRUEsNkJBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FKYixpQkFBa0IsQ0FFbEIsY0FBZ0IsQ0FEaEIsT0FBUSxDQUVSLDBCQUdGLENBQ0Esd0RBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0Esc0RBQ0Usa0JBQW1CLENBQ25CLGlCQUNGLENBQ0EsZ0VBQ0Usb0JBQXFCLENBQ3JCLGlCQUNGLENBQ0EsaUNBQ0UsbUJBQ0YsQ0FFQSxrQ0FDRSx1QkFDRixDQUVBLG9DQUlFLDJCQUE0QixDQUM1Qiw0QkFBNkIsQ0FGN0IscUJBQXNCLENBRnRCLGlCQUFrQixDQUNsQixVQUlGLENBRUEsK0JBR0UseUNBQTBDLENBRDFDLHVCQUF3QixDQUR4QixrQkFHRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsd0NBQ0UsaUVBQ0UsaURBQ0YsQ0FDQSwrR0FDRSx1REFDRixDQUNGLENBQ0Esb0RBQ0UsMENBQ0YsQ0FDQSxvSEFDRSxpQkFDRixDQUNBLCtFQUNFLDBDQUEyQyxDQUMzQyxpQ0FDRiIsImZpbGUiOiJTZWxlY3QubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgW2RhdGEtZGlzcGxheV0ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItZGVmYXVsdCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uc2VsZWN0LmV4cGFuZGVkIC5saXN0LXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1saWdodCk7XG59XG4uc2VsZWN0Om5vdCguZXhwYW5kZWQpIGJ1dHRvbjpmb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlcjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbn1cbi5zZWxlY3Q6aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgYnV0dG9uOm5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogY2FsYygyLjYyNXJlbSAtIDIgKiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdDpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yOmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZGlzYWJsZWQpO1xufVxuLnNlbGVjdCAubGlzdC13cmFwcGVyLWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5zZWxlY3QgLmxpc3Qtd3JhcHBlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJveC1zaGFkb3c6IDAgOHB4IDEwcHggMCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4uc2VsZWN0IHVsIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAyNXJlbTtcbn1cbi5zZWxlY3QgdWwgbGkge1xuICBwYWRkaW5nOiAwLjYycmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMi41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5zZWxlY3QgdWwgbGk6Zm9jdXM6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwLjEyNXJlbTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMC4yNXJlbSk7XG4gIG9wYWNpdHk6IDE7XG4gIHotaW5kZXg6IDEwMTtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc2VsZWN0IHVsIGxpOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLnNlbGVjdCB1bCBsaTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0ge1xuICB1c2VyLXNlbGVjdDogdGV4dDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uc2VsZWN0W2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGJ1dHRvblt0eXBlPWJ1dHRvbl0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG4uc2VsZWN0W2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGJ1dHRvblt0eXBlPWJ1dHRvbl0gLnNlbGVjdGVkIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gYnV0dG9uW3R5cGU9YnV0dG9uXS5lcnJvciwgLnNlbGVjdFtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBidXR0b25bdHlwZT1idXR0b25dLnN1Y2Nlc3Mge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xufVxuLnNlbGVjdFtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBidXR0b25bdHlwZT1idXR0b25dLmVycm9yIC5zdGF0dXMsIC5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gYnV0dG9uW3R5cGU9YnV0dG9uXS5zdWNjZXNzIC5zdGF0dXMge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuLnNlbGVjdFtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBidXR0b25bdHlwZT1idXR0b25dIC5zdGF0dXMgLmNoZXZyb24taWNvbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmxpc3Qtd3JhcHBlciB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zZWxlY3RbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmxpc3Qtd3JhcHBlciB1bCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zZWxlY3RlZC1vcHRpb24ge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwLjEyNXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDAuMjVyZW0gc29saWQgdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cblxuLnNlbGVjdGVkIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnN0YXR1cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHJpZ2h0OiAwLjgxMjVyZW07XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5zdGF0dXMgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5zdGF0dXMgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyAuY2hldnJvbi1pY29uIHtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBmb250LXNpemU6IDAuNjI1cmVtO1xufVxuLnN0YXR1cyAqICsgKiB7XG4gIG1hcmdpbi1sZWZ0OiAxLjI1cmVtO1xufVxuXG4ucGxhY2Vob2xkZXIge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG5cbi5zZWxlY3Qtc2VhcmNoIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG59XG5cbi5kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuLmRpc2FibGVkID4gKiB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnNlbGVjdCAuY3VzdG9tLXNlbGVjdCB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICB9XG4gIC5zZWxlY3Q6bm90KC5leHBhbmRlZCkgYnV0dG9uOmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSk7XG4gIH1cbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBbZGF0YS1yZWFkb25seXZpZXddIGJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gW2RhdGEtcmVhZG9ubHl2aWV3XSBidXR0b24gLnN0YXR1cyAuY2hldnJvbi1pY29uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIFtkYXRhLXJlYWRvbmx5dmlld10gYnV0dG9uLmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbn0iXX0= */";
+var classes = {"sr-only":"Select-module_sr-only__pw4xB","hidden":"Select-module_hidden__bM4xB","slide-in":"Select-module_slide-in__KrGMO","slide-out":"Select-module_slide-out__57p2b","select":"Select-module_select__t8I9I","expanded":"Select-module_expanded__Gn0O5","list-wrapper":"Select-module_list-wrapper__1bs6M","error":"Select-module_error__FelMD","disabled":"Select-module_disabled__t9oiZ","custom-select":"Select-module_custom-select__ybbbj","list-wrapper-container":"Select-module_list-wrapper-container__h7Fwi","selected":"Select-module_selected__DWAJ2","success":"Select-module_success__8aTZN","status":"Select-module_status__OMSjY","chevron-icon":"Select-module_chevron-icon__yV9oP","selected-option":"Select-module_selected-option__RrLIc","placeholder":"Select-module_placeholder__n-rO9","select-search":"Select-module_select-search__ybi2q"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/Select/SingleSelect/useArrowNavigation.esm.js

@@ -14,7 +14,7 @@
  *    limitations under the License.
  */
 /** @scope .*/
-const useArrowNavigation = ({ expanded, setExpanded, isSearching, setIsSearching, setFocusedSelectItem, onOptionChangeHandler, childrenCount, setShouldClick, searchInputRef, addBtnRef, renderThreshold }) => {
+const useArrowNavigation = ({ expanded, setExpanded, isSearching, setIsSearching, setFocusedSelectItem, onOptionChangeHandler, childrenCount, setShouldClick, searchInputRef, addBtnRef, renderThreshold, isReadOnlyView }) => {
     const onArrowNavigation = (event) => {
         var _a;
         const codesToPreventDefault = [
@@ -36,6 +36,9 @@ const useArrowNavigation = ({ expanded, setExpanded, isSearching, setIsSearching
             "MetaRight"
         ];
         const isAddBtnFocused = (addBtnRef === null || addBtnRef === void 0 ? void 0 : addBtnRef.current) === document.activeElement;
+        if (isReadOnlyView) {
+            return;
+        }
         if (expanded) {
             codesToPreventDefault.push("Tab");
         }

package/dist/esm/Form/Select/SingleSelect/useArrowNavigation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useArrowNavigation.esm.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/useArrowNavigation.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 { UseArrowNavigationParams } from \"../Select.interfaces\";\n\n/** @scope .*/\nexport const useArrowNavigation = ({\n  expanded,\n  setExpanded,\n  isSearching,\n  setIsSearching,\n  setFocusedSelectItem,\n  onOptionChangeHandler,\n  childrenCount,\n  setShouldClick,\n  searchInputRef,\n  addBtnRef,\n  renderThreshold\n}: UseArrowNavigationParams) => {\n  const onArrowNavigation = (event: React.KeyboardEvent) => {\n    const codesToPreventDefault = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Space\",\n      \"Escape\",\n      \"End\",\n      \"Home\"\n    ];\n\n    const codesToPreventDefaultWhenSearching = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"Enter\",\n      \"Escape\",\n      \"MetaLeft\",\n      \"MetaRight\"\n    ];\n\n    const isAddBtnFocused = addBtnRef?.current === document.activeElement;\n\n    if (expanded) {\n      codesToPreventDefault.push(\"Tab\");\n    }\n\n    if (addBtnRef) {\n      codesToPreventDefaultWhenSearching.push(\"Tab\");\n    }\n\n    if (codesToPreventDefault.includes(event.code) && !event.metaKey && !isSearching) {\n      event.preventDefault();\n    }\n\n    if (isSearching && codesToPreventDefaultWhenSearching.includes(event.code)) {\n      event.preventDefault();\n    }\n\n    if (isSearching) {\n      switch (event.code) {\n        case \"ArrowDown\":\n        case \"Enter\":\n          setIsSearching(false);\n          setFocusedSelectItem(0);\n          return;\n        case \"ArrowUp\":\n          setIsSearching(false);\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"Escape\":\n          setIsSearching(false);\n          setExpanded(false);\n          return;\n        case \"Tab\":\n          if (addBtnRef?.current) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setIsSearching(false);\n          setExpanded(false);\n      }\n    } else {\n      switch (event.code) {\n        case \"ArrowDown\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n          setFocusedSelectItem(prevState => {\n            return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n          });\n          return;\n        case \"ArrowUp\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(childrenCount - 1);\n            return;\n          }\n\n          setFocusedSelectItem(prevState => {\n            return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n          });\n          return;\n        case \"Space\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n\n          onOptionChangeHandler(event.target as HTMLElement);\n          setShouldClick(true);\n          setExpanded(false);\n\n          return;\n        case \"Enter\":\n        case \"Home\":\n          setFocusedSelectItem(0);\n\n          return;\n        case \"Tab\":\n          if (childrenCount >= renderThreshold && expanded && !isAddBtnFocused) {\n            setIsSearching(true);\n            searchInputRef.current?.focus();\n            return;\n          } else if (addBtnRef?.current && expanded && !isAddBtnFocused) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setExpanded(false);\n\n          return;\n        case \"Escape\":\n          if (expanded) {\n            setExpanded(false);\n          }\n          return;\n        case \"End\":\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"ArrowLeft\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(0);\n          }\n          return;\n        case \"ArrowRight\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(childrenCount - 1);\n          }\n          return;\n      }\n    }\n  };\n\n  return { onArrowNavigation };\n};\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;AAIH;AACO,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,WAAW,EACX,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,cAAc,EACd,SAAS,EACT,eAAe,EACU,KAAI;AAC7B,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAA0B,KAAI;;AACvD,QAAA,MAAM,qBAAqB,GAAG;YAC5B,WAAW;YACX,SAAS;YACT,WAAW;YACX,YAAY;YACZ,OAAO;YACP,QAAQ;YACR,KAAK;YACL,MAAM;SACP,CAAC;AAEF,QAAA,MAAM,kCAAkC,GAAG;YACzC,WAAW;YACX,SAAS;YACT,OAAO;YACP,QAAQ;YACR,UAAU;YACV,WAAW;SACZ,CAAC;AAEF,QAAA,MAAM,eAAe,GAAG,CAAA,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,MAAK,QAAQ,CAAC,aAAa,CAAC;QAEtE,IAAI,QAAQ,EAAE;AACZ,YAAA,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACnC;QAED,IAAI,SAAS,EAAE;AACb,YAAA,kCAAkC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAChD;AAED,QAAA,IAAI,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,WAAW,EAAE;YAChF,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;QAED,IAAI,WAAW,IAAI,kCAAkC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC1E,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;QAED,IAAI,WAAW,EAAE;AACf,YAAA,QAAQ,KAAK,CAAC,IAAI;AAChB,gBAAA,KAAK,WAAW,CAAC;AACjB,gBAAA,KAAK,OAAO;oBACV,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtB,oBAAoB,CAAC,CAAC,CAAC,CAAC;oBACxB,OAAO;AACT,gBAAA,KAAK,SAAS;oBACZ,cAAc,CAAC,KAAK,CAAC,CAAC;AACtB,oBAAA,oBAAoB,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;oBACxC,OAAO;AACT,gBAAA,KAAK,QAAQ;oBACX,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,OAAO;AACT,gBAAA,KAAK,KAAK;oBACR,IAAI,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,OAAO,EAAE;AACtB,wBAAA,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;wBAC1B,OAAO;qBACR;oBACD,cAAc,CAAC,KAAK,CAAC,CAAC;oBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;aACtB;SACF;aAAM;AACL,YAAA,QAAQ,KAAK,CAAC,IAAI;AAChB,gBAAA,KAAK,WAAW;oBACd,IAAI,CAAC,QAAQ,EAAE;wBACb,WAAW,CAAC,IAAI,CAAC,CAAC;wBAClB,oBAAoB,CAAC,CAAC,CAAC,CAAC;wBACxB,OAAO;qBACR;oBACD,oBAAoB,CAAC,SAAS,IAAG;AAC/B,wBAAA,OAAO,SAAS,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC;AAC/D,qBAAC,CAAC,CAAC;oBACH,OAAO;AACT,gBAAA,KAAK,SAAS;oBACZ,IAAI,CAAC,QAAQ,EAAE;wBACb,WAAW,CAAC,IAAI,CAAC,CAAC;AAClB,wBAAA,oBAAoB,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;wBACxC,OAAO;qBACR;oBAED,oBAAoB,CAAC,SAAS,IAAG;AAC/B,wBAAA,OAAO,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC;AAC/D,qBAAC,CAAC,CAAC;oBACH,OAAO;AACT,gBAAA,KAAK,OAAO;oBACV,IAAI,CAAC,QAAQ,EAAE;wBACb,WAAW,CAAC,IAAI,CAAC,CAAC;wBAClB,oBAAoB,CAAC,CAAC,CAAC,CAAC;wBACxB,OAAO;qBACR;AAED,oBAAA,qBAAqB,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;oBACnD,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,WAAW,CAAC,KAAK,CAAC,CAAC;oBAEnB,OAAO;AACT,gBAAA,KAAK,OAAO,CAAC;AACb,gBAAA,KAAK,MAAM;oBACT,oBAAoB,CAAC,CAAC,CAAC,CAAC;oBAExB,OAAO;AACT,gBAAA,KAAK,KAAK;oBACR,IAAI,aAAa,IAAI,eAAe,IAAI,QAAQ,IAAI,CAAC,eAAe,EAAE;wBACpE,cAAc,CAAC,IAAI,CAAC,CAAC;AACrB,wBAAA,CAAA,EAAA,GAAA,cAAc,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;wBAChC,OAAO;qBACR;AAAM,yBAAA,IAAI,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,OAAO,KAAI,QAAQ,IAAI,CAAC,eAAe,EAAE;AAC7D,wBAAA,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;wBAC1B,OAAO;qBACR;oBACD,WAAW,CAAC,KAAK,CAAC,CAAC;oBAEnB,OAAO;AACT,gBAAA,KAAK,QAAQ;oBACX,IAAI,QAAQ,EAAE;wBACZ,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;oBACD,OAAO;AACT,gBAAA,KAAK,KAAK;AACR,oBAAA,oBAAoB,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;oBACxC,OAAO;AACT,gBAAA,KAAK,WAAW;AACd,oBAAA,IAAI,KAAK,CAAC,OAAO,IAAI,QAAQ,EAAE;wBAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,oBAAoB,CAAC,CAAC,CAAC,CAAC;qBACzB;oBACD,OAAO;AACT,gBAAA,KAAK,YAAY;AACf,oBAAA,IAAI,KAAK,CAAC,OAAO,IAAI,QAAQ,EAAE;wBAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,wBAAA,oBAAoB,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;qBACzC;oBACD,OAAO;aACV;SACF;AACH,KAAC,CAAC;IAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC/B;;;;"}
+{"version":3,"file":"useArrowNavigation.esm.js","sources":["../../../../../../../src/components/Form/Select/SingleSelect/useArrowNavigation.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 { UseArrowNavigationParams } from \"../Select.interfaces\";\n\n/** @scope .*/\nexport const useArrowNavigation = ({\n  expanded,\n  setExpanded,\n  isSearching,\n  setIsSearching,\n  setFocusedSelectItem,\n  onOptionChangeHandler,\n  childrenCount,\n  setShouldClick,\n  searchInputRef,\n  addBtnRef,\n  renderThreshold,\n  isReadOnlyView\n}: UseArrowNavigationParams) => {\n  const onArrowNavigation = (event: React.KeyboardEvent) => {\n    const codesToPreventDefault = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Space\",\n      \"Escape\",\n      \"End\",\n      \"Home\"\n    ];\n\n    const codesToPreventDefaultWhenSearching = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"Enter\",\n      \"Escape\",\n      \"MetaLeft\",\n      \"MetaRight\"\n    ];\n\n    const isAddBtnFocused = addBtnRef?.current === document.activeElement;\n\n    if (isReadOnlyView) {\n      return;\n    }\n\n    if (expanded) {\n      codesToPreventDefault.push(\"Tab\");\n    }\n\n    if (addBtnRef) {\n      codesToPreventDefaultWhenSearching.push(\"Tab\");\n    }\n\n    if (codesToPreventDefault.includes(event.code) && !event.metaKey && !isSearching) {\n      event.preventDefault();\n    }\n\n    if (isSearching && codesToPreventDefaultWhenSearching.includes(event.code)) {\n      event.preventDefault();\n    }\n\n    if (isSearching) {\n      switch (event.code) {\n        case \"ArrowDown\":\n        case \"Enter\":\n          setIsSearching(false);\n          setFocusedSelectItem(0);\n          return;\n        case \"ArrowUp\":\n          setIsSearching(false);\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"Escape\":\n          setIsSearching(false);\n          setExpanded(false);\n          return;\n        case \"Tab\":\n          if (addBtnRef?.current) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setIsSearching(false);\n          setExpanded(false);\n      }\n    } else {\n      switch (event.code) {\n        case \"ArrowDown\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n          setFocusedSelectItem(prevState => {\n            return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n          });\n          return;\n        case \"ArrowUp\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(childrenCount - 1);\n            return;\n          }\n\n          setFocusedSelectItem(prevState => {\n            return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n          });\n          return;\n        case \"Space\":\n          if (!expanded) {\n            setExpanded(true);\n            setFocusedSelectItem(0);\n            return;\n          }\n\n          onOptionChangeHandler(event.target as HTMLElement);\n          setShouldClick(true);\n          setExpanded(false);\n\n          return;\n        case \"Enter\":\n        case \"Home\":\n          setFocusedSelectItem(0);\n\n          return;\n        case \"Tab\":\n          if (childrenCount >= renderThreshold && expanded && !isAddBtnFocused) {\n            setIsSearching(true);\n            searchInputRef.current?.focus();\n            return;\n          } else if (addBtnRef?.current && expanded && !isAddBtnFocused) {\n            addBtnRef.current.focus();\n            return;\n          }\n          setExpanded(false);\n\n          return;\n        case \"Escape\":\n          if (expanded) {\n            setExpanded(false);\n          }\n          return;\n        case \"End\":\n          setFocusedSelectItem(childrenCount - 1);\n          return;\n        case \"ArrowLeft\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(0);\n          }\n          return;\n        case \"ArrowRight\":\n          if (event.metaKey && expanded) {\n            event.preventDefault();\n            setFocusedSelectItem(childrenCount - 1);\n          }\n          return;\n      }\n    }\n  };\n\n  return { onArrowNavigation };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Select/useSelectPositionList.esm.js

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { Position } from './Select.interfaces.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -22,25 +23,22 @@ const useSelectPositionList = ({ expanded, optionListReference, addBtnRef, conta
         list: undefined
     });
     const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.
-    const [listPosition, setListPosition] = useState({});
+    const [listPosition, setListPosition] = useState(Position.Below);
     useEffect(() => {
         rePositionList();
     }, [expanded]);
     const rePositionList = () => {
+        var _a;
         if (!expanded || !optionListReference.current || !containerReference.current) {
             return;
         }
-        // Check whether there is more space above or below the select
-        // Check space between the bottom of select and top of viewport
-        const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;
-        // Check space between the top of the select and bottom of viewport
-        const spaceOnBottomOfSelect = window.innerHeight - containerReference.current.getBoundingClientRect().top;
-        // Set position as if there's more space on the bottom
-        let position = { top: "2.75rem", bottom: "initial" };
-        // Set the position of the select
-        if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {
-            position = { top: "initial", bottom: "2.75rem" };
-        }
+        const listHeight = (_a = optionListReference.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height;
+        const viewportRelativeRect = containerReference.current.getBoundingClientRect();
+        const spaceOnTopOfSelect = viewportRelativeRect.top;
+        const spaceOnBottomOfSelect = window.innerHeight - viewportRelativeRect.bottom;
+        const position = listHeight > spaceOnBottomOfSelect && spaceOnTopOfSelect > spaceOnBottomOfSelect
+            ? Position.Above
+            : Position.Below;
         setListPosition(position);
         // Calculate the potential max height of the options list
         calculateOptionListMaxHeight(position);
@@ -53,7 +51,7 @@ const useSelectPositionList = ({ expanded, optionListReference, addBtnRef, conta
             ? addBtnRef.current.getBoundingClientRect().height +
                 parseInt(getComputedStyle(addBtnRef.current).marginBottom)
             : 0;
-        const transformOrigin = position.top !== "initial" ? "top" : "bottom";
+        const transformOrigin = position === Position.Below ? "top" : "bottom";
         if (!containerReference.current) {
             console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");
             return;

package/dist/esm/Form/Select/useSelectPositionList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectPositionList.esm.js","sources":["../../../../../../src/components/Form/Select/useSelectPositionList.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 { useEffect, useState } from \"react\";\nimport { Position, UseSelectPositionListParams } from \"./Select.interfaces\";\n\n/** @scope .*/\nexport const useSelectPositionList = ({\n  expanded,\n  optionListReference,\n  addBtnRef,\n  containerReference\n}: UseSelectPositionListParams) => {\n  const [optionsListMaxHeight, setOptionsListMaxHeight] = useState<{\n    wrapper?: string;\n    list?: string;\n  }>({\n    wrapper: undefined,\n    list: undefined\n  });\n  const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.\n  const [listPosition, setListPosition] = useState<Partial<Position>>({});\n\n  useEffect(() => {\n    rePositionList();\n  }, [expanded]);\n\n  const rePositionList = () => {\n    if (!expanded || !optionListReference.current || !containerReference.current) {\n      return;\n    }\n\n    // Check whether there is more space above or below the select\n    // Check space between the bottom of select and top of viewport\n    const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;\n\n    // Check space between the top of the select and bottom of viewport\n    const spaceOnBottomOfSelect =\n      window.innerHeight - containerReference.current.getBoundingClientRect().top;\n\n    // Set position as if there's more space on the bottom\n    let position: Position = { top: \"2.75rem\", bottom: \"initial\" };\n\n    // Set the position of the select\n    if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n      position = { top: \"initial\", bottom: \"2.75rem\" };\n    }\n\n    setListPosition(position);\n\n    // Calculate the potential max height of the options list\n    calculateOptionListMaxHeight(position);\n  };\n\n  const calculateOptionListMaxHeight = (position: Position) => {\n    // Calculate max height if there's more space below the select\n    const listHeight = optionListReference.current?.getBoundingClientRect().height;\n    const addNewButtonHeightWithMargin = addBtnRef.current\n      ? addBtnRef.current.getBoundingClientRect().height +\n        parseInt(getComputedStyle(addBtnRef.current).marginBottom)\n      : 0;\n    const transformOrigin = position.top !== \"initial\" ? \"top\" : \"bottom\";\n\n    if (!containerReference.current) {\n      console.error(\n        \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n      );\n      return;\n    }\n\n    const availableSpace =\n      transformOrigin === \"top\"\n        ? window.innerHeight - containerReference.current.getBoundingClientRect().bottom - 16\n        : containerReference.current.getBoundingClientRect().top - 16;\n\n    if (listHeight && availableSpace < listHeight + addNewButtonHeightWithMargin) {\n      const maxHeightObject = {\n        wrapper: `${availableSpace}px`,\n        list:\n          addNewButtonHeightWithMargin > 0\n            ? `${availableSpace - addNewButtonHeightWithMargin}px`\n            : \"none\"\n      };\n      setOptionsListMaxHeight(maxHeightObject);\n      setOpacity(100);\n      return;\n    }\n\n    setOptionsListMaxHeight({ wrapper: undefined, list: undefined });\n    setOpacity(100);\n  };\n\n  return {\n    optionsListMaxHeight,\n    opacity,\n    setOpacity,\n    listPosition,\n    setListPosition\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSelectPositionList.esm.js","sources":["../../../../../../src/components/Form/Select/useSelectPositionList.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 { useEffect, useState } from \"react\";\nimport { Position, UseSelectPositionListParams } from \"./Select.interfaces\";\n\n/** @scope .*/\nexport const useSelectPositionList = ({\n  expanded,\n  optionListReference,\n  addBtnRef,\n  containerReference\n}: UseSelectPositionListParams) => {\n  const [optionsListMaxHeight, setOptionsListMaxHeight] = useState<{\n    wrapper?: string;\n    list?: string;\n  }>({\n    wrapper: undefined,\n    list: undefined\n  });\n  const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.\n  const [listPosition, setListPosition] = useState<Position>(Position.Below);\n\n  useEffect(() => {\n    rePositionList();\n  }, [expanded]);\n\n  const rePositionList = () => {\n    if (!expanded || !optionListReference.current || !containerReference.current) {\n      return;\n    }\n\n    const listHeight = optionListReference.current?.getBoundingClientRect().height;\n\n    const viewportRelativeRect = containerReference.current.getBoundingClientRect();\n\n    const spaceOnTopOfSelect = viewportRelativeRect.top;\n    const spaceOnBottomOfSelect = window.innerHeight - viewportRelativeRect.bottom;\n\n    const position =\n      listHeight > spaceOnBottomOfSelect && spaceOnTopOfSelect > spaceOnBottomOfSelect\n        ? Position.Above\n        : Position.Below;\n\n    setListPosition(position);\n\n    // Calculate the potential max height of the options list\n    calculateOptionListMaxHeight(position);\n  };\n\n  const calculateOptionListMaxHeight = (position: Position) => {\n    // Calculate max height if there's more space below the select\n    const listHeight = optionListReference.current?.getBoundingClientRect().height;\n    const addNewButtonHeightWithMargin = addBtnRef.current\n      ? addBtnRef.current.getBoundingClientRect().height +\n        parseInt(getComputedStyle(addBtnRef.current).marginBottom)\n      : 0;\n    const transformOrigin = position === Position.Below ? \"top\" : \"bottom\";\n\n    if (!containerReference.current) {\n      console.error(\n        \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n      );\n      return;\n    }\n\n    const availableSpace =\n      transformOrigin === \"top\"\n        ? window.innerHeight - containerReference.current.getBoundingClientRect().bottom - 16\n        : containerReference.current.getBoundingClientRect().top - 16;\n\n    if (listHeight && availableSpace < listHeight + addNewButtonHeightWithMargin) {\n      const maxHeightObject = {\n        wrapper: `${availableSpace}px`,\n        list:\n          addNewButtonHeightWithMargin > 0\n            ? `${availableSpace - addNewButtonHeightWithMargin}px`\n            : \"none\"\n      };\n      setOptionsListMaxHeight(maxHeightObject);\n      setOpacity(100);\n      return;\n    }\n\n    setOptionsListMaxHeight({ wrapper: undefined, list: undefined });\n    setOpacity(100);\n  };\n\n  return {\n    optionsListMaxHeight,\n    opacity,\n    setOpacity,\n    listPosition,\n    setListPosition\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Textarea/Textarea.esm.js

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import classes from './Textarea.module.scss.esm.js';
 import { useDetermineStatusIcon } from '../../src/hooks/useDetermineStatusIcon.esm.js';
+import { withReadOnly } from '../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -17,7 +18,7 @@ import { useDetermineStatusIcon } from '../../src/hooks/useDetermineStatusIcon.e
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const TextareaComponent = ({ error = false, success = false, disabled = false, className, rows = 4, wrapperProps, onFocus, onBlur, ...rest }, ref) => {
+const TextareaComponent = ({ error = false, success = false, disabled = false, className, rows = 4, wrapperProps, onFocus, onBlur, value, ...rest }, ref) => {
     const [focus, setFocus] = useState(false);
     const wrapperClasses = [classes["textarea-wrapper"]];
     const outlineClasses = [classes["outline"]];
@@ -27,18 +28,24 @@ const TextareaComponent = ({ error = false, success = false, disabled = false, c
     focus && wrapperClasses.push(classes["focus"]) && outlineClasses.push(classes["focus"]);
     success && wrapperClasses.push("success");
     const icon = useDetermineStatusIcon({ success, error });
-    return (React.createElement("div", { ...wrapperProps, className: wrapperClasses.join(" ") },
-        React.createElement("textarea", { ...rest, ref: ref, rows: rows, className: `${error ? classes["error"] : ""} ${classes["textarea"]} ${className !== null && className !== void 0 ? className : ""}`, disabled: disabled, onFocus: event => {
+    const renderTextarea = () => {
+        if (rest["data-readonlyview"]) {
+            return (React.createElement("div", { "data-readonlyview": true, tabIndex: 0, className: `${error ? classes["error"] : ""} ${success ? classes["success"] : ""}` }, value));
+        }
+        return (React.createElement("textarea", { ...rest, ref: ref, rows: rows, className: `${error ? classes["error"] : ""} ${classes["textarea"]} ${className !== null && className !== void 0 ? className : ""}`, disabled: disabled, onFocus: event => {
                 setFocus(true);
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
             }, onBlur: event => {
                 setFocus(false);
                 onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-            } }),
+            }, value: value }));
+    };
+    return (React.createElement("div", { ...wrapperProps, className: wrapperClasses.join(" ") },
+        renderTextarea(),
         icon,
         React.createElement("span", { className: outlineClasses.join(" ") })));
 };
-const Textarea = React.forwardRef(TextareaComponent);
+const Textarea = withReadOnly(React.forwardRef(TextareaComponent));
 
 export { Textarea };
 //# sourceMappingURL=Textarea.esm.js.map

package/dist/esm/Form/Textarea/Textarea.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.esm.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.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 React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./Textarea.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\nexport interface Props extends ComponentPropsWithRef<\"textarea\">, FormElement {\n  wrapperProps?: ComponentPropsWithRef<\"div\">;\n}\n\nconst TextareaComponent: ForwardRefRenderFunction<HTMLTextAreaElement, Props> = (\n  {\n    error = false,\n    success = false,\n    disabled = false,\n    className,\n    rows = 4,\n    wrapperProps,\n    onFocus,\n    onBlur,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [focus, setFocus] = useState(false);\n\n  const wrapperClasses = [classes[\"textarea-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(\"success\");\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  return (\n    <div {...wrapperProps} className={wrapperClasses.join(\" \")}>\n      <textarea\n        {...rest}\n        ref={ref}\n        rows={rows}\n        className={`${error ? classes[\"error\"] : \"\"} ${classes[\"textarea\"]} ${className ?? \"\"}`}\n        disabled={disabled}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n      />\n      {icon}\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Textarea = React.forwardRef(TextareaComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAWH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,GAAG,CAAC,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5C,IAAA,CAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAE,SAAS,KAAI,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvE,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IACjG,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACxF,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AACxF,IAAA,OAAO,IAAI,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,IAAI,GAAG,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAExD,QACE,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,YAAY,EAAE,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA;QACxD,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAG,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,OAAO,CAAC,UAAU,CAAC,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAT,SAAS,GAAI,EAAE,CAAE,CAAA,EACvF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,KAAK,IAAG;gBACf,QAAQ,CAAC,IAAI,CAAC,CAAC;AACf,gBAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,KAAK,CAAC,CAAC;AACnB,aAAC,EACD,MAAM,EAAE,KAAK,IAAG;gBACd,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChB,gBAAA,MAAM,aAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAG,KAAK,CAAC,CAAC;AAClB,aAAC,EACD,CAAA;QACD,IAAI;QACL,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,CAAS,CAC9C,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB;;;;"}
+{"version":3,"file":"Textarea.esm.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.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 React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./Textarea.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"textarea\">, FormElement {\n  wrapperProps?: ComponentPropsWithRef<\"div\">;\n  readOnlyView?: boolean;\n}\n\nconst TextareaComponent: ForwardRefRenderFunction<HTMLTextAreaElement, Props> = (\n  {\n    error = false,\n    success = false,\n    disabled = false,\n    className,\n    rows = 4,\n    wrapperProps,\n    onFocus,\n    onBlur,\n    value,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [focus, setFocus] = useState(false);\n\n  const wrapperClasses = [classes[\"textarea-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(\"success\");\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  const renderTextarea = () => {\n    if (rest[\"data-readonlyview\"]) {\n      return (\n        <div\n          data-readonlyview={true}\n          tabIndex={0}\n          className={`${error ? classes[\"error\"] : \"\"} ${success ? classes[\"success\"] : \"\"}`}\n        >\n          {value}\n        </div>\n      );\n    }\n    return (\n      <textarea\n        {...rest}\n        ref={ref}\n        rows={rows}\n        className={`${error ? classes[\"error\"] : \"\"} ${classes[\"textarea\"]} ${className ?? \"\"}`}\n        disabled={disabled}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        value={value}\n      />\n    );\n  };\n\n  return (\n    <div {...wrapperProps} className={wrapperClasses.join(\" \")}>\n      {renderTextarea()}\n      {icon}\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Textarea = withReadOnly(React.forwardRef(TextareaComponent));\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Textarea/Textarea.module.scss.esm.js

@@ -1,6 +1,6 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\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/*!\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/*!\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 */.Textarea-module_sr-only__aJaJl{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Textarea-module_hidden__-YcqE{display:none}.Textarea-module_slide-in__r1Z6F{animation:Textarea-module_slide-in__r1Z6F .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-in__r1Z6F{animation-duration:.1ms}}.Textarea-module_slide-out__tWdHB{animation:Textarea-module_slide-out__tWdHB .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-out__tWdHB{animation-duration:.1ms}}@keyframes Textarea-module_slide-in__r1Z6F{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea-module_slide-out__tWdHB{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 */.Textarea-module_textarea-wrapper__an3Pf{box-sizing:border-box;position:relative;width:100%}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error],.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{font-size:1.25rem;position:absolute;right:1.25rem;top:.85rem;z-index:1}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]:before,.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{color:var(--success)}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]{color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf:hover .Textarea-module_outline__tyQcN{background-color:var(--input-hover-background-color);border-color:var(--default)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_disabled__9Ay4b{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_error__pH5ff{border-color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36{border-width:var(--input-border-width-focus)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36:not(.Textarea-module_error__pH5ff){border-color:var(--color-focus)}.Textarea-module_textarea__ss1Sy{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);margin:var(--input-border-width) 0;padding:.625rem .5rem;position:relative;resize:vertical;vertical-align:top;width:calc(100% - var(--input-border-width));z-index:1}.Textarea-module_textarea__ss1Sy:disabled{color:var(--greyed-out);cursor:not-allowed}.Textarea-module_textarea__ss1Sy{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea-module_textarea__ss1Sy{transition-duration:.1ms}}.Textarea-module_textarea__ss1Sy:focus:not(:disabled){outline:none}.Textarea-module_error__pH5ff{border-color:var(--error)}.Textarea-module_outline__tyQcN{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea-module_outline__tyQcN{transition-duration:.1ms}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlDQUVFLHFCQUFzQixDQUR0QixpQkFBa0IsQ0FFbEIsVUFDRixDQUNBLHNJQU1FLGlCQUFrQixDQUpsQixpQkFBa0IsQ0FDbEIsYUFBYyxDQUVkLFVBQVksQ0FEWixTQUdGLENBQ0Esb0pBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0Esb0VBQ0Usb0JBQ0YsQ0FDQSxrRUFDRSxrQkFDRixDQUNBLCtFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLHlHQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLHNHQUNFLHlCQUNGLENBQ0Esc0dBQ0UsNENBQ0YsQ0FDQSx5SUFDRSwrQkFDRixDQUVBLGlDQVdFLHdCQUE2QixDQVI3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUt0QiwrQkFBZ0MsQ0FGaEMsOEJBQStCLENBQy9CLHVDQUF3QyxDQVN4QyxrQ0FBbUMsQ0FkbkMscUJBQXdCLENBU3hCLGlCQUFrQixDQURsQixlQUFnQixDQURoQixrQkFBbUIsQ0FNbkIsNENBQTZDLENBRjdDLFNBSUYsQ0FDQSwwQ0FFRSx1QkFBd0IsQ0FEeEIsa0JBRUYsQ0FDQSxpQ0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsaUNBQ0Usd0JBQ0YsQ0FDRixDQUNBLHNEQUNFLFlBQ0YsQ0FFQSw4QkFDRSx5QkFDRixDQUVBLGdDQU1FLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQUh2QyxPQUFRLENBRlIsUUFBUyxDQUNULFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIsaUJBQWtCLENBU2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxnQ0FDRSx3QkFDRixDQUNGIiwiZmlsZSI6IlRleHRhcmVhLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50ZXh0YXJlYS13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdLFxuLnRleHRhcmVhLXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMS4yNXJlbTtcbiAgei1pbmRleDogMTtcbiAgdG9wOiAwLjg1cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuXG4udGV4dGFyZWEge1xuICBwYWRkaW5nOiAwLjYyNXJlbSAwLjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICByZXNpemU6IHZlcnRpY2FsO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xuICAvKiBtYWtpbmcgc3BhY2UgZm9yIG91dGxpbmUgaW4gdGV4dCBhcmVhIHdoZW4gc2Nyb2xsIGJhciBpcyB2aXNpYmxlOiB3aWR0aCBzbWFsbGVyIGFuZCBtYXJnaW4gdG9wICYgYm90dG9tIHRvIGhhdmUgc3BhY2UgZm9yIGJvcmRlciAqL1xuICB3aWR0aDogY2FsYygxMDAlIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIG1hcmdpbjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSAwO1xufVxuLnRleHRhcmVhOmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLnRleHRhcmVhIHtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGV4dGFyZWEge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udGV4dGFyZWE6Zm9jdXM6bm90KDpkaXNhYmxlZCkge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4uZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn0iXX0= */";
+var css_248z = "/*!\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/*!\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/*!\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 */.Textarea-module_sr-only__aJaJl{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Textarea-module_hidden__-YcqE{display:none}.Textarea-module_slide-in__r1Z6F{animation:Textarea-module_slide-in__r1Z6F .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-in__r1Z6F{animation-duration:.1ms}}.Textarea-module_slide-out__tWdHB{animation:Textarea-module_slide-out__tWdHB .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-out__tWdHB{animation-duration:.1ms}}@keyframes Textarea-module_slide-in__r1Z6F{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea-module_slide-out__tWdHB{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 */.Textarea-module_textarea-wrapper__an3Pf{box-sizing:border-box;position:relative;width:100%}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error],.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{font-size:1.25rem;position:absolute;right:1.25rem;top:.85rem;z-index:1}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]:before,.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{color:var(--success)}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]{color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf:hover .Textarea-module_outline__tyQcN{background-color:var(--input-hover-background-color);border-color:var(--default)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_disabled__9Ay4b{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_error__pH5ff{border-color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36{border-width:var(--input-border-width-focus)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36:not(.Textarea-module_error__pH5ff){border-color:var(--color-focus)}.Textarea-module_textarea-wrapper__an3Pf div[data-readonlyview=true]{background-color:var(--color-white);border:1px solid var(--color-blue-grey100);border-radius:.125rem;color:var(--read-only-text-color);font-family:var(--font-family);font-size:var(--form-control-font-size);min-height:4rem;padding:.5rem .75rem;position:relative}.Textarea-module_textarea-wrapper__an3Pf div[data-readonlyview=true]~span.Textarea-module_outline__tyQcN{display:none}.Textarea-module_textarea-wrapper__an3Pf div[data-readonlyview=true]:has(~[data-icon-status]){padding-right:2.5rem}.Textarea-module_textarea__ss1Sy{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);margin:var(--input-border-width) 0;padding:.625rem .5rem;position:relative;resize:vertical;vertical-align:top;width:calc(100% - var(--input-border-width));z-index:1}.Textarea-module_textarea__ss1Sy:disabled{color:var(--greyed-out);cursor:not-allowed}.Textarea-module_textarea__ss1Sy{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea-module_textarea__ss1Sy{transition-duration:.1ms}}.Textarea-module_textarea__ss1Sy:focus:not(:disabled){outline:none}.Textarea-module_textarea__ss1Sy:has(~[data-icon-status]){padding-right:2.5rem}.Textarea-module_error__pH5ff{border-color:var(--error)}[data-readonlyview=true] .Textarea-module_outline__tyQcN{border-color:var(--read-only-border-color)}.Textarea-module_outline__tyQcN{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea-module_outline__tyQcN{transition-duration:.1ms}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlDQUVFLHFCQUFzQixDQUR0QixpQkFBa0IsQ0FFbEIsVUFDRixDQUNBLHNJQU1FLGlCQUFrQixDQUpsQixpQkFBa0IsQ0FDbEIsYUFBYyxDQUVkLFVBQVksQ0FEWixTQUdGLENBQ0Esb0pBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0Esb0VBQ0Usb0JBQ0YsQ0FDQSxrRUFDRSxrQkFDRixDQUNBLCtFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLHlHQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLHNHQUNFLHlCQUNGLENBQ0Esc0dBQ0UsNENBQ0YsQ0FDQSx5SUFDRSwrQkFDRixDQUNBLHFFQUlFLG1DQUFvQyxDQUZwQywwQ0FBMkMsQ0FPM0MscUJBQXVCLENBTnZCLGlDQUFrQyxDQUdsQyw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBTnhDLGVBQWdCLENBSWhCLG9CQUF1QixDQUd2QixpQkFFRixDQUNBLHlHQUNFLFlBQ0YsQ0FDQSw4RkFDRSxvQkFDRixDQUVBLGlDQVdFLHdCQUE2QixDQVI3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUt0QiwrQkFBZ0MsQ0FGaEMsOEJBQStCLENBQy9CLHVDQUF3QyxDQVN4QyxrQ0FBbUMsQ0FkbkMscUJBQXdCLENBU3hCLGlCQUFrQixDQURsQixlQUFnQixDQURoQixrQkFBbUIsQ0FNbkIsNENBQTZDLENBRjdDLFNBSUYsQ0FDQSwwQ0FFRSx1QkFBd0IsQ0FEeEIsa0JBRUYsQ0FDQSxpQ0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsaUNBQ0Usd0JBQ0YsQ0FDRixDQUNBLHNEQUNFLFlBQ0YsQ0FDQSwwREFDRSxvQkFDRixDQUVBLDhCQUNFLHlCQUNGLENBRUEseURBQ0UsMENBQ0YsQ0FFQSxnQ0FNRSxzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHNDQUF1QyxDQUN2QyxzQ0FBdUMsQ0FIdkMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVNsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsZ0NBQ0Usd0JBQ0YsQ0FDRiIsImZpbGUiOiJUZXh0YXJlYS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4udGV4dGFyZWEtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSxcbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDEuMjVyZW07XG4gIHotaW5kZXg6IDE7XG4gIHRvcDogMC44NXJlbTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc106YmVmb3JlLFxuLnRleHRhcmVhLXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdOmJlZm9yZSB7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXI6aG92ZXIgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIC5vdXRsaW5lLmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIC5vdXRsaW5lLmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWZvY3VzKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIGRpdltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB7XG4gIG1pbi1oZWlnaHQ6IDRyZW07XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgcGFkZGluZzogMC41cmVtIDAuNzVyZW07XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJhZGl1czogMC4xMjVyZW07XG59XG4udGV4dGFyZWEtd3JhcHBlciBkaXZbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuLm91dGxpbmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgZGl2W2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdOmhhcyh+IFtkYXRhLWljb24tc3RhdHVzXSkge1xuICBwYWRkaW5nLXJpZ2h0OiAyLjVyZW07XG59XG5cbi50ZXh0YXJlYSB7XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDAuNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIHJlc2l6ZTogdmVydGljYWw7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHotaW5kZXg6IDE7XG4gIC8qIG1ha2luZyBzcGFjZSBmb3Igb3V0bGluZSBpbiB0ZXh0IGFyZWEgd2hlbiBzY3JvbGwgYmFyIGlzIHZpc2libGU6IHdpZHRoIHNtYWxsZXIgYW5kIG1hcmdpbiB0b3AgJiBib3R0b20gdG8gaGF2ZSBzcGFjZSBmb3IgYm9yZGVyICovXG4gIHdpZHRoOiBjYWxjKDEwMCUgLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgbWFyZ2luOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpIDA7XG59XG4udGV4dGFyZWE6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4udGV4dGFyZWEge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50ZXh0YXJlYSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50ZXh0YXJlYTpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4udGV4dGFyZWE6aGFzKH4gW2RhdGEtaWNvbi1zdGF0dXNdKSB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuNXJlbTtcbn1cblxuLmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59Il19 */";
 var classes = {"sr-only":"Textarea-module_sr-only__aJaJl","hidden":"Textarea-module_hidden__-YcqE","slide-in":"Textarea-module_slide-in__r1Z6F","slide-out":"Textarea-module_slide-out__tWdHB","textarea-wrapper":"Textarea-module_textarea-wrapper__an3Pf","outline":"Textarea-module_outline__tyQcN","disabled":"Textarea-module_disabled__9Ay4b","error":"Textarea-module_error__pH5ff","focus":"Textarea-module_focus__CKf36","textarea":"Textarea-module_textarea__ss1Sy"};
 styleInject(css_248z);
 

package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js

@@ -4,6 +4,7 @@ import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
 import { Wrapper } from '../Wrapper/Wrapper.esm.js';
 import { Icons } from '../../../Icon/Icon.esm.js';
 import { Fieldset } from '../../Fieldset/Fieldset.esm.js';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -40,10 +41,12 @@ const CheckboxWrapperComponent = ({ children, error = false, helperText, helperP
                 className: `${classes["checkbox-wrapper-helper"]} ${error ? classes["checkbox-wrapper-error"] : ""} ${(_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _a !== void 0 ? _a : ""}`
             }, error: error, errorMessageIcon: Icons.Error, errorId: errorId }, renderChildren())));
 };
+const ForwardedCheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);
+ForwardedCheckboxWrapper.displayName = "CheckboxWrapper";
 /**
  * @deprecated
  */
-const CheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);
+const CheckboxWrapper = withReadOnly(ForwardedCheckboxWrapper);
 
 export { CheckboxWrapper };
 //# sourceMappingURL=CheckboxWrapper.esm.js.map

package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.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 React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./CheckboxWrapper.module.scss\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, Omit<WrapperProps, \"success\"> {\n  children: ReactElement[] | ReactElement;\n  fieldsetProps: FieldsetProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error = false, helperText, helperProps, fieldsetProps, ...rest }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        parentHelperId: helperText ? helperId : false,\n        disabled: rest.disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} required={rest.required}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        label=\"\"\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"checkbox-wrapper-helper\"]} ${\n            error ? classes[\"checkbox-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorMessageIcon={Icons.Error}\n        errorId={errorId}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\n/**\n * @deprecated\n */\nexport const CheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,wBAAwB,GAAoD,CAChF,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,IAAI,EAAS,EACnF,GAAG,KACD;;IACF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAE3C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,aAAa,CAAC,MAAM,KAAK,SAAS,EAAE;AACtC,YAAA,OAAO,CAAC,KAAK,CACX,CAAA,6PAAA,CAA+P,CAChQ,CAAC;SACH;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,MACrB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,IAChC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,UAAU,GAAG,QAAQ,GAAG,KAAK;QAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,KAAA,CAAC,CACH,CAAC;IAEJ,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA;QAClD,KAAC,CAAA,aAAA,CAAA,OAAO,OACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE;AACX,gBAAA,GAAG,WAAW;AACd,gBAAA,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,yBAAyB,CAAC,CAC9C,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,wBAAwB,CAAC,GAAG,EAC9C,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA;AACnC,aAAA,EACD,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,KAAK,CAAC,KAAK,EAC7B,OAAO,EAAE,OAAO,EAEf,EAAA,cAAc,EAAE,CACT,CACD,EACX;AACJ,CAAC,CAAC;AAEF;;AAEG;AACU,MAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB;;;;"}
+{"version":3,"file":"CheckboxWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.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 React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./CheckboxWrapper.module.scss\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, Omit<WrapperProps, \"success\"> {\n  children: ReactElement[] | ReactElement;\n  fieldsetProps: FieldsetProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error = false, helperText, helperProps, fieldsetProps, ...rest }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        parentHelperId: helperText ? helperId : false,\n        disabled: rest.disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} required={rest.required}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        label=\"\"\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"checkbox-wrapper-helper\"]} ${\n            error ? classes[\"checkbox-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorMessageIcon={Icons.Error}\n        errorId={errorId}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nconst ForwardedCheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);\nForwardedCheckboxWrapper.displayName = \"CheckboxWrapper\";\n/**\n * @deprecated\n */\nexport const CheckboxWrapper = withReadOnly(ForwardedCheckboxWrapper);\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAqBH,MAAM,wBAAwB,GAAoD,CAChF,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,IAAI,EAAS,EACnF,GAAG,KACD;;IACF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAE3C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,aAAa,CAAC,MAAM,KAAK,SAAS,EAAE;AACtC,YAAA,OAAO,CAAC,KAAK,CACX,CAAA,6PAAA,CAA+P,CAChQ,CAAC;SACH;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,MACrB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,IAChC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,UAAU,GAAG,QAAQ,GAAG,KAAK;QAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,KAAA,CAAC,CACH,CAAC;IAEJ,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA;QAClD,KAAC,CAAA,aAAA,CAAA,OAAO,OACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE;AACX,gBAAA,GAAG,WAAW;AACd,gBAAA,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,yBAAyB,CAAC,CAC9C,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,wBAAwB,CAAC,GAAG,EAC9C,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA;AACnC,aAAA,EACD,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,KAAK,CAAC,KAAK,EAC7B,OAAO,EAAE,OAAO,EAEf,EAAA,cAAc,EAAE,CACT,CACD,EACX;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;AAC5E,wBAAwB,CAAC,WAAW,GAAG,iBAAiB,CAAC;AACzD;;AAEG;MACU,eAAe,GAAG,YAAY,CAAC,wBAAwB;;;;"}

package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js

@@ -3,6 +3,7 @@ import { Input } from '../../Input/Input.esm.js';
 import classes from './InputWrapper.module.scss.esm.js';
 import { Wrapper } from '../Wrapper/Wrapper.esm.js';
 import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -19,7 +20,7 @@ import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const InputWrapperComponent = ({ type, name, inputProps, helperText, helperProps, value, className, error, success, onChange, onBlur, onFocus, disabled, ...rest }, ref) => {
+const InputWrapperComponent = ({ type, name, inputProps, helperText, helperProps, value, className, error, errorMessageProps, success, onChange, onBlur, onFocus, disabled, ...rest }, ref) => {
     var _a, _b, _c, _d;
     const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();
     const { prefix, suffix } = inputProps !== null && inputProps !== void 0 ? inputProps : {};
@@ -30,14 +31,15 @@ const InputWrapperComponent = ({ type, name, inputProps, helperText, helperProps
     ((_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.wrapperProps) === null || _a === void 0 ? void 0 : _a.className) &&
         inputWrapperClasses.push((_b = inputProps === null || inputProps === void 0 ? void 0 : inputProps.wrapperProps) === null || _b === void 0 ? void 0 : _b.className);
     disabled && inputWrapperClasses.push(classes["disabled"]);
+    const readValue = rest["data-readonlyview"];
     return (React.createElement(Wrapper, { ...rest, ref: ref, name: name, className: `${classes["input-wrapper"]} ${className !== null && className !== void 0 ? className : ""}`, labelProps: {
             id: labelId,
             className: labelClasses.join(" ")
-        }, errorId: errorId, error: error, helperId: helperId, helperText: helperText, helperProps: {
+        }, errorId: errorId, error: error, errorMessageProps: errorMessageProps, helperId: helperId, helperText: helperText, helperProps: {
             ...helperProps,
             className: `${classes["input-wrapper-helper"]} ${(_c = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _c !== void 0 ? _c : ""} `
         }, disabled: disabled },
-        React.createElement(Input, { ...inputProps, prefix: prefix, suffix: suffix, wrapperProps: {
+        React.createElement(Input, { ...inputProps, prefix: prefix, suffix: suffix, readOnlyView: readValue, wrapperProps: {
                 className: inputWrapperClasses.join(" ")
             }, ref: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref) || input, "aria-labelledby": labelId, "aria-describedby": error ? errorId : helperId, onChange: onChange, onFocus: e => {
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
@@ -48,7 +50,7 @@ const InputWrapperComponent = ({ type, name, inputProps, helperText, helperProps
             }, className: `
          ${(_d = inputProps === null || inputProps === void 0 ? void 0 : inputProps.className) !== null && _d !== void 0 ? _d : ""}`, name: name, success: success, error: error, id: name, value: value, type: type })));
 };
-const InputWrapper = React.forwardRef(InputWrapperComponent);
+const InputWrapper = withReadOnly(React.forwardRef(InputWrapperComponent));
 
 export { InputWrapper };
 //# sourceMappingURL=InputWrapper.esm.js.map

package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/InputWrapper/InputWrapper.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 React, { ForwardRefRenderFunction, ComponentPropsWithRef, useRef } from \"react\";\nimport { Input, Type, Props as InputProps } from \"../../Input/Input\";\nimport classes from \"./InputWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\n\ninterface PartialInputProps extends Partial<InputProps> {}\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  label: string;\n  type: Type;\n  name: string;\n  inputProps?: PartialInputProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  success?: boolean;\n}\n\nconst InputWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    type,\n    name,\n    inputProps,\n    helperText,\n    helperProps,\n    value,\n    className,\n    error,\n    success,\n    onChange,\n    onBlur,\n    onFocus,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const { prefix, suffix } = inputProps ?? {};\n  const input = useRef<HTMLInputElement>(null);\n  const labelClasses = [classes[\"input-label\"]];\n  hasFocus && labelClasses.push(classes[\"focus\"]);\n\n  const inputWrapperClasses = [];\n  inputProps?.wrapperProps?.className &&\n    inputWrapperClasses.push(inputProps?.wrapperProps?.className);\n  disabled && inputWrapperClasses.push(classes[\"disabled\"]);\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      name={name}\n      className={`${classes[\"input-wrapper\"]} ${className ?? \"\"}`}\n      labelProps={{\n        id: labelId,\n        className: labelClasses.join(\" \")\n      }}\n      errorId={errorId}\n      error={error}\n      helperId={helperId}\n      helperText={helperText}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"input-wrapper-helper\"]} ${helperProps?.className ?? \"\"} `\n      }}\n      disabled={disabled}\n    >\n      <Input\n        {...inputProps}\n        prefix={prefix}\n        suffix={suffix}\n        wrapperProps={{\n          className: inputWrapperClasses.join(\" \")\n        }}\n        ref={inputProps?.ref || input}\n        aria-labelledby={labelId}\n        aria-describedby={error ? errorId : helperId}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        className={`\n         ${inputProps?.className ?? \"\"}`}\n        name={name}\n        success={success}\n        error={error}\n        id={name}\n        value={value}\n        type={type}\n      />\n    </Wrapper>\n  );\n};\n\nexport const InputWrapper = React.forwardRef(InputWrapperComponent);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/InputWrapper/InputWrapper.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 React, { ForwardRefRenderFunction, ComponentPropsWithRef, useRef } from \"react\";\nimport { Input, Type, Props as InputProps } from \"../../Input/Input\";\nimport classes from \"./InputWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialInputProps extends Partial<InputProps> {}\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  label: string;\n  type: Type;\n  name: string;\n  inputProps?: PartialInputProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  success?: boolean;\n}\n\nconst InputWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    type,\n    name,\n    inputProps,\n    helperText,\n    helperProps,\n    value,\n    className,\n    error,\n    errorMessageProps,\n    success,\n    onChange,\n    onBlur,\n    onFocus,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const { prefix, suffix } = inputProps ?? {};\n  const input = useRef<HTMLInputElement>(null);\n  const labelClasses = [classes[\"input-label\"]];\n  hasFocus && labelClasses.push(classes[\"focus\"]);\n\n  const inputWrapperClasses = [];\n  inputProps?.wrapperProps?.className &&\n    inputWrapperClasses.push(inputProps?.wrapperProps?.className);\n  disabled && inputWrapperClasses.push(classes[\"disabled\"]);\n  const readValue = rest[\"data-readonlyview\"] as boolean;\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      name={name}\n      className={`${classes[\"input-wrapper\"]} ${className ?? \"\"}`}\n      labelProps={{\n        id: labelId,\n        className: labelClasses.join(\" \")\n      }}\n      errorId={errorId}\n      error={error}\n      errorMessageProps={errorMessageProps}\n      helperId={helperId}\n      helperText={helperText}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"input-wrapper-helper\"]} ${helperProps?.className ?? \"\"} `\n      }}\n      disabled={disabled}\n    >\n      <Input\n        {...inputProps}\n        prefix={prefix}\n        suffix={suffix}\n        readOnlyView={readValue}\n        wrapperProps={{\n          className: inputWrapperClasses.join(\" \")\n        }}\n        ref={inputProps?.ref || input}\n        aria-labelledby={labelId}\n        aria-describedby={error ? errorId : helperId}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        className={`\n         ${inputProps?.className ?? \"\"}`}\n        name={name}\n        success={success}\n        error={error}\n        id={name}\n        value={value}\n        type={type}\n      />\n    </Wrapper>\n  );\n};\n\nexport const InputWrapper = withReadOnly(React.forwardRef(InputWrapperComponent));\n"],"names":[],"mappings":"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"}