@onewelcome/react-lib-components 8.5.0 → 8.6.0

package/dist/cjs/Form/FileUpload/FileUpload.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:" *"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);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){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUVBLGdEQUNFLG1DQUFvQyxDQUNwQyxXQUNGLENBQ0EsdUhBUUUsdUNBQXdDLENBRnhDLDhGQUErRixDQUMvRix3Q0FBeUMsQ0FGekMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxzQ0FFRSxrQkFBbUIsQ0FHbkIsOEZBQStGLENBSi9GLFlBQWEsQ0FFYixrQkFBbUIsQ0FDbkIsc0JBQXVCLENBRXZCLGVBQ0YsQ0FDQSxvREFDRSxpQkFBa0IsQ0FDbEIsaUJBQ0YsQ0FDQSwwREFDRSxlQUNGLENBRUEsdUNBR0UsV0FBWSxDQU1aLFFBQVMsQ0FFVCxjQUFlLENBVmYsYUFBYyxDQU1kLE1BQU8sQ0FHUCxTQUFVLENBTFYsaUJBQWtCLENBR2xCLE9BQVEsQ0FKUixtQkFBb0IsQ0FFcEIsS0FBTSxDQUpOLFVBVUYsQ0FDQSw2Q0FDRSxZQUNGLENBRUEsMENBQ0UsaUJBQ0YsQ0FFQSxvQ0FDRSxlQUFnQixDQUVoQixlQUFpQixDQURqQixTQUVGLENBQ0Esd0RBQ0UsbUJBQ0YiLCJmaWxlIjoiRmlsZVVwbG9hZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtdXBsb2FkLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZmlsZS1kcm9wem9uZSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbSAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xuICBmb250LXdlaWdodDogNDAwO1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWxlLWRyb3B6b25lIC5maWxlLXVwbG9hZC10aXRsZS5yZXF1aXJlZDphZnRlciB7XG4gIGNvbnRlbnQ6IFwiICpcIjtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLmVycm9yIHNwYW5bZGF0YS1pY29uLXN0YXR1c10sXG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3IgLmZpbGUtc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5zdWNjZXNzIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHAge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NDAwKTtcbn1cbi5maWxlLWRyb3B6b25lIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBhdXRvO1xuICByaWdodDogMnJlbTtcbn1cbi5maWxlLWRyb3B6b25lIHtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuZmlsZS1kcm9wem9uZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnVwbG9hZC1idXR0b24td3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbiAgcGFkZGluZzogNHB4O1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlcjogdmFyKC0tZmlsZS11cGxvYWQtYm9yZGVyLXdpZHRoKSB2YXIoLS1kcmFnLWRyb3AtYm9yZGVyLXN0eWxlKSB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJEcm9wIGhlcmVcIjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmU6aG92ZXIgLm91dGxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTApO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZmlsZS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5lcnJvciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLXNlbGVjdG9yLXN1Yi10ZXh0LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */'),exports.default={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",required:"FileUpload-module_required__yZ5ob",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg",disabled:"FileUpload-module_disabled__hvZQb","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:" *"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li p span[data-icon]:before{color:var(--color-blue-grey900)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li button{visibility:hidden}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_upload-button-wrapper__vVTvg{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg{min-height:4.5rem}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn{border:0}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn p{color:var(--read-only-text-color)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-upload-btn__M2Fg-{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-selector-helper-text__4KSpI{color:var(--greyed-out);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUNBLGtKQUNFLFlBQ0YsQ0FDQSx3SUFDRSwrQkFDRixDQUNBLHNIQUNFLGlCQUNGLENBQ0EseUpBQ0UsWUFDRixDQUNBLCtKQUNFLGlCQUNGLENBQ0EscU1BQ0UsUUFDRixDQUNBLHVNQUNFLGlDQUNGLENBQ0EseU1BQ0UsWUFDRixDQUNBLHdKQUNFLFlBQ0YsQ0FFQSxnREFDRSxtQ0FBb0MsQ0FDcEMsV0FDRixDQUNBLHVIQU9FLHVDQUF3QyxDQUZ4Qyw4RkFBK0YsQ0FDL0Ysd0NBQXlDLENBRnpDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUZWLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxvREFDRSx1QkFBd0IsQ0FDeEIsYUFDRixDQUVBLHNDQUVFLGtCQUFtQixDQUduQiw4RkFBK0YsQ0FKL0YsWUFBYSxDQUViLGtCQUFtQixDQUNuQixzQkFBdUIsQ0FFdkIsZUFDRixDQUNBLG9EQUNFLGlCQUFrQixDQUNsQixpQkFDRixDQUNBLDBEQUNFLGVBQ0YsQ0FFQSx1Q0FHRSxXQUFZLENBTVosUUFBUyxDQUVULGNBQWUsQ0FWZixhQUFjLENBTWQsTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUpSLG1CQUFvQixDQUVwQixLQUFNLENBSk4sVUFVRixDQUNBLDZDQUNFLFlBQ0YsQ0FFQSwwQ0FDRSxpQkFDRixDQUVBLG9DQUNFLGVBQWdCLENBRWhCLGVBQWlCLENBRGpCLFNBRUYsQ0FDQSx3REFDRSxtQkFDRiIsImZpbGUiOiJGaWxlVXBsb2FkLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS11cGxvYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5maWxlLWRyb3B6b25lIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmlsZS1kcm9wem9uZSAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBtYXJnaW46IDAgMCAwLjI1cmVtIDA7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3Igc3BhbltkYXRhLWljb24tc3RhdHVzXSxcbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXVwbG9hZC10aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLnN1Y2Nlc3Mgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQgcCB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk0MDApO1xufVxuLmZpbGUtZHJvcHpvbmUgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IGF1dG87XG4gIHJpZ2h0OiAycmVtO1xufVxuLmZpbGUtZHJvcHpvbmUge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5maWxlLWRyb3B6b25lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC5yZXF1aXJlZDphZnRlciB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgcCBzcGFuW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06bm90KDpoYXMoLmZpbGUtbGlzdCkpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBtaW4taGVpZ2h0OiA0LjVyZW07XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXI6IDA7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3QgcCB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS11cGxvYWQtYnRuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdOm5vdCg6aGFzKC5maWxlLWxpc3QpKSAucmVxdWlyZWQ6YWZ0ZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICBwYWRkaW5nOiA0cHg7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk1MCk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmU6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiRHJvcCBoZXJlXCI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgcGFkZGluZy10b3A6IDJyZW07XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlOmhvdmVyIC5vdXRsaW5lIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLmZpbGUtc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZXJyb3IgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmZpbGUtc2VsZWN0b3Itc3ViLXRleHQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */'),exports.default={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",required:"FileUpload-module_required__yZ5ob",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg",disabled:"FileUpload-module_disabled__hvZQb","file-list":"FileUpload-module_file-list__GLggq","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","file-selector-helper-text":"FileUpload-module_file-selector-helper-text__4KSpI","upload-input":"FileUpload-module_upload-input__wteSl"};
 //# sourceMappingURL=FileUpload.module.scss.cjs.js.map

package/dist/cjs/Form/FormHelperText/FormHelperText.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhlbHBlci10ZXh0LWNvbG9yKTtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuZGl2LmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuXG5kaXYuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */'),exports.default={"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K",disabled:"FormHelperText-module_disabled__zvbtp",error:"FormHelperText-module_error__cTlPz"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}[data-readonlyview=true] div.FormHelperText-module_form-helper-text__zCO1K{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGLENBRUEsMkVBQ0UsWUFDRiIsImZpbGUiOiJGb3JtSGVscGVyVGV4dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5kaXYuZm9ybS1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1oZWxwZXItdGV4dC1jb2xvcik7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbmRpdi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuZGl2LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgZGlzcGxheTogbm9uZTtcbn0iXX0= */'),exports.default={"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K",disabled:"FormHelperText-module_disabled__zvbtp",error:"FormHelperText-module_error__cTlPz"};
 //# sourceMappingURL=FormHelperText.module.scss.cjs.js.map

package/dist/cjs/Form/Input/Input.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),s=require("./Input.module.scss.cjs.js"),t=require("../../src/readyclasses.module.scss.cjs.js"),u=require("../../src/hooks/useDetermineStatusIcon.cjs.js");const a=["date","time","datetime-local"],l=e.forwardRef((({error:l=!1,success:r=!1,className:n,name:d,style:c,wrapperProps:i,type:f,labeledBy:o,prefix:p,suffix:m,disabled:h,onFocus:x,onBlur:y,...j},v)=>{var b;const[E,N]=e.useState(!1),w=e.useRef(null),I=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const k=[s.default.input],q=s=>"string"==typeof s?e.createElement("span",null,s):s;a.includes(f)&&k.push(s.default["shrink-width-for-date-icon"]),n&&k.push(n);const B=[s.default["input-wrapper"]],R=[s.default.outline];(null==i?void 0:i.className)&&B.push(i.className),"hidden"===f&&B.push(t.default.hidden),p&&B.push(s.default.prefix),m&&B.push(s.default.suffix),h&&B.push(s.default.disabled)&&R.push(s.default.disabled),l&&B.push(s.default.error)&&R.push(s.default.error),E&&B.push(s.default.focus)&&R.push(s.default.focus),r&&B.push(s.default.success);const S=u.useDetermineStatusIcon({success:r,error:l});return e.createElement("div",{ref:w,...i,style:{...c},className:`${s.default["input-wrapper"]} ${B.join(" ")}`},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},q(p)),e.createElement("input",{...j,ref:v,onFocus:e=>{N(!0),null==x||x(e)},onBlur:e=>{N(!1),null==y||y(e)},"aria-labelledby":o,type:f,name:d,disabled:h,className:k.join(" "),spellCheck:null!==(b=j.spellCheck)&&void 0!==b&&b}),S,m&&e.createElement("div",{ref:I,"data-suffix":!0,className:s.default.suffix},q(m)),e.createElement("span",{className:R.join(" ")}))}));exports.Input=l,exports.dateTypes=a;
+"use strict";var e=require("react"),s=require("./Input.module.scss.cjs.js"),a=require("../../src/readyclasses.module.scss.cjs.js"),t=require("../../src/hooks/useDetermineStatusIcon.cjs.js"),u=require("../../withReadOnly.cjs.js");const l=["date","time","datetime-local"],r=u.withReadOnly(e.forwardRef((({error:u=!1,success:r=!1,className:n,name:d,style:i,wrapperProps:c,type:o,labeledBy:f,prefix:p,suffix:m,disabled:h,onFocus:y,onBlur:w,readOnlyView:x,...j},v)=>{var b;const[E,N]=e.useState(!1),I=e.useRef(null),q=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const R=[s.default.input],k=s=>"string"==typeof s?e.createElement("span",null,s):s;l.includes(o)&&R.push(s.default["shrink-width-for-date-icon"]),n&&R.push(n);const O=[s.default["input-wrapper"]],B=[s.default.outline];(null==c?void 0:c.className)&&O.push(c.className),"hidden"===o&&O.push(a.default.hidden),p&&O.push(s.default.prefix),m&&O.push(s.default.suffix),h&&O.push(s.default.disabled)&&B.push(s.default.disabled),u&&O.push(s.default.error)&&B.push(s.default.error),E&&O.push(s.default.focus)&&B.push(s.default.focus),r&&O.push(s.default.success);const S=t.useDetermineStatusIcon({success:r,error:u}),g=j["data-readonlyview"];return e.createElement("div",{ref:I,...c,style:{...i},"data-readonlyview":g,className:`${s.default["input-wrapper"]} ${O.join(" ")}`,tabIndex:g?0:-1},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},k(p)),e.createElement("input",{...j,ref:v,"aria-readonly":g,readOnly:g,onFocus:e=>{N(!0),null==y||y(e)},onBlur:e=>{N(!1),null==w||w(e)},"aria-labelledby":f,type:o,name:d,disabled:h,className:R.join(" "),spellCheck:null!==(b=j.spellCheck)&&void 0!==b&&b,tabIndex:g?-1:0}),S,m&&e.createElement("div",{ref:q,"data-suffix":!0,className:s.default.suffix},k(m)),e.createElement("span",{className:B.join(" ")}))})));exports.Input=r,exports.dateTypes=l;
 //# sourceMappingURL=Input.cjs.js.map

package/dist/cjs/Form/Input/Input.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.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  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\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(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = React.forwardRef(InputComponent);\n"],"names":["dateTypes","Input","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","join","event","spellCheck","_a"],"mappings":"8LA+Ba,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAwH7BC,EAAQC,EAAMC,YA/F+C,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,YACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAaC,IAATnB,EACF,MAAM,IAAIoB,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAkB7B,EAAO8B,cAAA,OAAA,KAAAD,GAAaA,EAGrD/B,EAAoCiC,SAASvB,IAC5CkB,EAAgBM,KAAKL,UAAQ,+BAC/BvB,GAAasB,EAAgBM,KAAK5B,GAElC,MAAM6B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzCpB,aAAA,EAAAA,EAAcH,YAAa6B,EAAeD,KAAKzB,EAAaH,WACnD,WAATI,GAAqByB,EAAeD,KAAKG,EAAYC,QAAS,QAC9D1B,GAAUuB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9ChB,GAAUsB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9Cf,GAAYqB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UAC9FzB,GAAS+B,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFV,GAASgB,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFxB,GAAW8B,EAAeD,KAAKL,EAAAA,QAAiB,SAEhD,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEnC,UAASD,UAE/C,OACEF,EAAA8B,cAAA,MAAA,CACEd,IAAKI,KACDb,EACJD,MAAO,IAAKA,GACZF,UAAW,GAAGuB,EAAOS,QAAC,oBAAoBH,EAAeM,KAAK,QAE7D7B,GACCV,EAAiB8B,cAAA,MAAA,CAAA,eAAA,EAAA1B,UAAWuB,EAAAA,QAAgB,QACzCC,EAAclB,IAGnBV,EACM8B,cAAA,QAAA,IAAAf,EACJC,IAAKA,EACLH,QAAS2B,IACPtB,GAAS,GACTL,SAAAA,EAAU2B,EAAM,EAElB1B,OAAQ0B,IACNtB,GAAS,GACTJ,SAAAA,EAAS0B,EAAM,EAEA,kBAAA/B,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWsB,EAAgBa,KAAK,KAChCE,WAA2B,QAAfC,EAAA3B,EAAK0B,kBAAU,IAAAC,GAAAA,IAE5BL,EACA1B,GACCX,EAAA8B,cAAA,MAAA,CAAKd,IAAKM,mBAAuBlB,UAAWuB,EAAOS,QAAS,QACzDR,EAAcjB,IAInBX,EAAM8B,cAAA,OAAA,CAAA1B,UAAW8B,EAAeK,KAAK,OAEvC"}
+{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.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  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\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(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":["dateTypes","Input","withReadOnly","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","readOnlyView","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","readOnlyMode","join","tabIndex","readOnly","event","spellCheck","_a"],"mappings":"qOAgCa,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAgI7BC,EAAQC,EAAYA,aAACC,EAAMC,YAtGkC,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,SACAC,kBACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAaC,IAATpB,EACF,MAAM,IAAIqB,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAkB9B,EAAO+B,cAAA,OAAA,KAAAD,GAAaA,EAGrDjC,EAAoCmC,SAASxB,IAC5CmB,EAAgBM,KAAKL,UAAQ,+BAC/BxB,GAAauB,EAAgBM,KAAK7B,GAElC,MAAM8B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzCrB,aAAA,EAAAA,EAAcH,YAAa8B,EAAeD,KAAK1B,EAAaH,WACnD,WAATI,GAAqB0B,EAAeD,KAAKG,EAAYC,QAAS,QAC9D3B,GAAUwB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9CjB,GAAUuB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9ChB,GAAYsB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UAC9F1B,GAASgC,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFV,GAASgB,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFzB,GAAW+B,EAAeD,KAAKL,EAAAA,QAAiB,SAEhD,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEpC,UAASD,UACzCsC,EAAexB,EAAK,qBAE1B,OACEhB,uBACEiB,IAAKI,KACDd,EACJD,MAAO,IAAKA,GACO,oBAAAkC,EACnBpC,UAAW,GAAGwB,EAAOS,QAAC,oBAAoBH,EAAeO,KAAK,OAC9DC,SAAUF,EAAe,GAAK,GAE7B9B,GACCV,EAAiB+B,cAAA,MAAA,CAAA,eAAA,EAAA3B,UAAWwB,EAAAA,QAAgB,QACzCC,EAAcnB,IAGnBV,EAAA+B,cAAA,QAAA,IACMf,EACJC,IAAKA,kBACUuB,EACfG,SAAUH,EACV3B,QAAS+B,IACPzB,GAAS,GACTN,SAAAA,EAAU+B,EAAM,EAElB9B,OAAQ8B,IACNzB,GAAS,GACTL,SAAAA,EAAS8B,EAAM,EAChB,kBACgBnC,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWuB,EAAgBc,KAAK,KAChCI,WAA2B,QAAfC,EAAA9B,EAAK6B,kBAAU,IAAAC,GAAAA,EAC3BJ,SAAUF,GAAgB,EAAI,IAE/BF,EACA3B,GACCX,EAAA+B,cAAA,MAAA,CAAKd,IAAKM,mBAAuBnB,UAAWwB,EAAOS,QAAS,QACzDR,EAAclB,IAInBX,EAAM+B,cAAA,OAAA,CAAA3B,UAAW+B,EAAeM,KAAK,OAEvC"}

package/dist/cjs/Form/Input/Input.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{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 */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input__DImrC{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);height:40px;padding:0;z-index:1}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:focus:not(:disabled){outline:none}.Input-module_outline__orHmi{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){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsK0JBQ0Usb0RBQ0YsQ0FDQSx1Q0FDRSwrQkFDRSx1QkFDRixDQUNGLENBRUEsd0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHlDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQUdFLGtCQUFtQixDQUduQiw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUh6QyxZQUFhLENBS2IsZUFBaUIsQ0FOakIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMlBBSUUsMERBQ0YsQ0FDQSx1WUFTRSx3Q0FBeUMsQ0FMekMsVUFBVyxDQUVYLGFBQWMsQ0FFZCxXQUFZLENBSFosaUJBQWtCLENBRWxCLFVBR0YsQ0FDQSx5RUFDRSx1WUFJRSx3QkFDRixDQUNGLENBQ0EsOENBQ0UsdVlBSUUsd0JBQ0YsQ0FDRixDQUNBLHNFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLDZGQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDBGQUNFLHlCQUNGLENBQ0EsMEZBQ0UsNENBQ0YsQ0FDQSwwSEFDRSwrQkFDRixDQUNBLDBIQU9FLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FFdEIsWUFBYSxDQURiLGtCQUFtQixDQUhuQixXQUFZLENBTVosc0JBQXVCLENBTHZCLGFBQWMsQ0FNZCxTQUNGLENBQ0Esd0lBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0EsOERBQ0Usb0JBQ0YsQ0FDQSw0REFDRSxrQkFDRixDQUVBLDJCQVNFLHdCQUE2QixDQUY3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUh0QiwrQkFBZ0MsQ0FFaEMsOEJBQStCLENBRC9CLHVDQUF3QyxDQUZ4QyxXQUFZLENBRFosU0FBVSxDQVNWLFNBQ0YsQ0FDQSxnRkFDRSxVQUNGLENBQ0Esb0NBRUUsdUJBQXdCLENBRHhCLGtCQUVGLENBQ0EsMEVBQ0UsVUFDRixDQUNBLDJCQUVFLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSwyQkFDRSx3QkFDRixDQUNGLENBQ0EsZ0RBQ0UsWUFDRixDQUVBLDZCQU1FLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQUh2QyxPQUFRLENBRlIsUUFBUyxDQUNULFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIsaUJBQWtCLENBU2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx3QkFDRixDQUNGLENBRUEsaUNBQ0UscUJBQ0YsQ0FDQSx5RUFDRSxlQUNGLENBRUEsbUNBQ0UscUJBQ0YsQ0FFQSxrR0FFRSxhQUFjLENBR2QsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FIdkMsU0FJRixDQUNBLHVDQUNFLGtHQUVFLHdCQUNGLENBQ0YsQ0FFQSx3Q0FDRSxtQ0FDRSxlQUNGLENBQ0YiLCJmaWxlIjoiSW5wdXQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmlucHV0LXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciA1MDAwcyBlYXNlLWluLW91dCAwcyAhaW1wb3J0YW50O1xufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xufVxuQG1lZGlhIGFsbCBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMCkgYW5kIChtaW4tcmVzb2x1dGlvbjogMC4wMDFkcGNtKSB7XG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyMzIsIDI0MCwgMjU0KTtcbiAgfVxufVxuQG1lZGlhIG5vdCBhbGwgYW5kIChtaW4tcmVzb2x1dGlvbjogMC4wMDFkcGNtKSB7XG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyNTAsIDI1NSwgMTg5KTtcbiAgfVxufVxuLmlucHV0LXdyYXBwZXI6aG92ZXIgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWZvY3VzKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5pbnB1dCB7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogNDBweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dCB7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0OmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLmVycm9yIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cbi5lcnJvciBpbnB1dC5yZW1vdmUtZXh0cmEtaW5kZW50IHtcbiAgcGFkZGluZy1yaWdodDogMDtcbn1cblxuLnN1Y2Nlc3MgaW5wdXQge1xuICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCAwLjVyZW07XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{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 */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input-wrapper__GYlup[data-readonlyview=true]{color:var(--read-only-text-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] .Input-module_Input-module__eIyXD{border-color:var(--read-only-border-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] span.Input-module_outline__orHmi{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] span.Input-module_outline__orHmi.Input-module_focus__MWEAK{border-color:var(--read-only-border-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true]:hover .Input-module_outline__orHmi{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input-module_input__DImrC{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);height:40px;padding:0;z-index:1}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input-module_outline__orHmi{border-color:var(--read-only-border-color)}.Input-module_outline__orHmi{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){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,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RSx3QkFDRixDQUNGLENBRUEsd0NBQ0UsbUNBQ0UsZUFDRixDQUNGIiwiZmlsZSI6IklucHV0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5pbnB1dC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMCAwLjVyZW07XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3Zlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgNTAwMHMgZWFzZS1pbi1vdXQgMHMgIWltcG9ydGFudDtcbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbn1cbkBtZWRpYSBhbGwgYW5kICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApIGFuZCAobWluLXJlc29sdXRpb246IDAuMDAxZHBjbSkge1xuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjMyLCAyNDAsIDI1NCk7XG4gIH1cbn1cbkBtZWRpYSBub3QgYWxsIGFuZCAobWluLXJlc29sdXRpb246IDAuMDAxZHBjbSkge1xuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjUwLCAyNTUsIDE4OSk7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyOmhvdmVyIC5vdXRsaW5lIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtaG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1kaXNhYmxlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1cyB7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB6LWluZGV4OiAyO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc106YmVmb3JlLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdOmJlZm9yZSB7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0ge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLklucHV0LW1vZHVsZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlcltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBzcGFuLm91dGxpbmUge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG59XG4uaW5wdXQtd3JhcHBlcltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBzcGFuLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aG92ZXIgLm91dGxpbmUge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5cbi5pbnB1dCB7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogNDBweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dCB7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0OmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5vdXRsaW5lIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbn1cblxuLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLmVycm9yIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cbi5lcnJvciBpbnB1dC5yZW1vdmUtZXh0cmEtaW5kZW50IHtcbiAgcGFkZGluZy1yaWdodDogMDtcbn1cblxuLnN1Y2Nlc3MgaW5wdXQge1xuICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCAwLjVyZW07XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK","Input-module":"Input-module_Input-module__eIyXD",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};
 //# sourceMappingURL=Input.module.scss.cjs.js.map

package/dist/cjs/Form/Radio/Radio.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),o=require("../../src/hooks/useFormSelector.cjs.js"),t=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");const l=e.forwardRef((({children:l,disabled:s,className:c,value:n,name:d,helperText:i,parentErrorId:p,parentHelperId:u,error:m,errorMessage:f,checked:h=!1,formSelectorWrapperProps:I,helperProps:b,onChange:j,...E},v)=>{const{errorId:g,identifier:F,describedBy:N}=o.useFormSelector({name:d,helperText:i,parentErrorId:p,errorMessage:f,error:m,parentHelperId:u}),S=e=>{if(s)return;const r=e.nativeEvent||e,a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:!0,value:{value:n}}),null==j||j(a)},k=[a.default["native-input"]],q=[a.default.input,a.default.radio],x=[a.default.input,a.default.circle];return m&&k.push(a.default.error),s&&q.push(a.default.disabled)&&x.push(a.default.disabled),e.createElement(t.FormSelectorWrapper,{...I,className:`${a.default["radio-wrapper"]} ${null!=c?c:""}`,containerProps:{className:a.default["radio-container"]},helperText:i,helperProps:b,parentErrorId:p,errorId:g,errorMessage:f,error:m,disabled:s,identifier:F},e.createElement("input",{...E,ref:v,disabled:s,tabIndex:0,className:k.join(" "),onChange:S,checked:h,"aria-checked":h,"aria-describedby":N,name:d,value:n,id:`${F}-radio`,type:"radio"}),h&&e.createElement(r.Icon,{className:q.join(" "),icon:r.Icons.Radio}),!h&&e.createElement(r.Icon,{className:x.join(" "),icon:r.Icons.Circle}),e.createElement("label",{onClick:S,htmlFor:`${F}-radio`},l))}));exports.Radio=l;
+"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),t=require("../../src/hooks/useFormSelector.cjs.js"),o=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");const l=require("../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({children:l,disabled:s,className:n,value:c,name:i,helperText:d,parentErrorId:p,parentHelperId:u,error:m,errorMessage:f,checked:h=!1,formSelectorWrapperProps:j,helperProps:I,onChange:b,...E},v)=>{const{errorId:y,identifier:g,describedBy:q}=t.useFormSelector({name:i,helperText:d,parentErrorId:p,errorMessage:f,error:m,parentHelperId:u}),w=e=>{if(s)return;const r=e.nativeEvent||e,a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:!0,value:{value:c}}),null==b||b(a)},F=[a.default["native-input"]],N=[a.default.input,a.default.radio],R=[a.default.input,a.default.circle];return m&&F.push(a.default.error),s&&N.push(a.default.disabled)&&R.push(a.default.disabled),e.createElement(o.FormSelectorWrapper,{...j,className:`${a.default["radio-wrapper"]} ${null!=n?n:""}`,containerProps:{className:a.default["radio-container"]},helperText:d,helperProps:I,parentErrorId:p,errorId:y,errorMessage:f,error:m,disabled:s,identifier:g},e.createElement("input",{...E,ref:v,disabled:s,tabIndex:0,className:F.join(" "),onChange:w,checked:h,"aria-checked":h,"aria-describedby":q,name:i,value:c,id:`${g}-radio`,type:"radio"}),h&&e.createElement(r.Icon,{className:N.join(" "),icon:r.Icons.Radio}),!h&&e.createElement(r.Icon,{className:R.join(" "),icon:r.Icons.Circle}),e.createElement("label",{onClick:w,htmlFor:`${g}-radio`},l))})));exports.Radio=l;
 //# sourceMappingURL=Radio.cjs.js.map

package/dist/cjs/Form/Radio/Radio.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.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 } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = React.forwardRef(RadioComponent);\n"],"names":["Radio","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Circle","onClick","htmlFor"],"mappings":"mOAkCA,MA+FaA,EAAQC,EAAMC,YA/F+C,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,WAAU,EACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGIa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EACxCE,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,UAAU,EACVzB,MAAO,CAAEA,MAAOA,KAGlBU,SAAAA,EAAWU,EAAY,EAGnBM,EAAqB,CAACC,UAAQ,iBAC9BC,EAAsB,CAACD,UAAe,MAAGA,EAAOE,QAAQ,OACxDC,EAAwB,CAACH,UAAe,MAAGA,EAAOE,QAAS,QAMjE,OALAxB,GAASqB,EAAmBK,KAAKJ,EAAAA,QAAe,OAChD7B,GACE8B,EAAoBG,KAAKJ,UAAkB,WAC3CG,EAAsBC,KAAKJ,UAAkB,UAG7ChC,EAAAqC,cAACC,sBAAmB,IACdzB,EACJT,UAAW,GAAG4B,UAAQ,oBAAoB5B,QAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAOE,QAAC,oBACrC3B,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZnB,EACMqC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWZ,EAACqC,cAAAM,EAAIA,MAACvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAKA,MAAC9C,SACtEa,GAAWZ,EAAAqC,cAACM,EAAAA,KAAK,CAAAvC,UAAW+B,EAAsBM,KAAK,KAAMG,KAAMC,EAAKA,MAACC,SAE3E9C,EAAAqC,cAAA,QAAA,CAAOU,QAASzB,EAAiB0B,QAAS,GAAG7B,WAC1CjB,GAGL"}
+{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.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 } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = withReadOnly(React.forwardRef(RadioComponent));\n"],"names":["Radio","withReadOnly","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Circle","onClick","htmlFor"],"mappings":"mOAmCA,MA+FaA,uCAAoBC,aAACC,EAAMC,YA/FkC,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,WAAU,EACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGIa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EACxCE,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,UAAU,EACVzB,MAAO,CAAEA,MAAOA,KAGlBU,SAAAA,EAAWU,EAAY,EAGnBM,EAAqB,CAACC,UAAQ,iBAC9BC,EAAsB,CAACD,UAAe,MAAGA,EAAOE,QAAQ,OACxDC,EAAwB,CAACH,UAAe,MAAGA,EAAOE,QAAS,QAMjE,OALAxB,GAASqB,EAAmBK,KAAKJ,EAAAA,QAAe,OAChD7B,GACE8B,EAAoBG,KAAKJ,UAAkB,WAC3CG,EAAsBC,KAAKJ,UAAkB,UAG7ChC,EAAAqC,cAACC,sBAAmB,IACdzB,EACJT,UAAW,GAAG4B,UAAQ,oBAAoB5B,QAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAOE,QAAC,oBACrC3B,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZnB,EACMqC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWZ,EAACqC,cAAAM,EAAIA,MAACvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAKA,MAAC/C,SACtEc,GAAWZ,EAAAqC,cAACM,EAAAA,KAAK,CAAAvC,UAAW+B,EAAsBM,KAAK,KAAMG,KAAMC,EAAKA,MAACC,SAE3E9C,EAAAqC,cAAA,QAAA,CAAOU,QAASzB,EAAiB0B,QAAS,GAAG7B,WAC1CjB,GAGL"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Radio-module_radio-wrapper__4532-{position:relative}.Radio-module_radio-wrapper__4532-+.Radio-module_radio-wrapper__4532-{margin-top:.75rem}.Radio-module_error__Pjq-F{color:var(--error)}.Radio-module_helper-text__GjhEJ{margin-left:1.75rem;margin-top:.25rem}.Radio-module_error-message__udguG{display:flex;margin-top:1.25rem}.Radio-module_error-icon__JPuVE{font-size:1.25rem;margin-right:.5rem}.Radio-module_radio-container__Z-lKd{display:flex}.Radio-module_radio-container__Z-lKd label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.15rem;user-select:none}.Radio-module_disabled__ASNkr .Radio-module_radio-container__Z-lKd label{cursor:not-allowed}.Radio-module_native-input__aXxo1{height:1.75rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.75rem;z-index:2}.Radio-module_native-input__aXxo1+span[data-icon=true]:before{display:block;height:20px;width:20px}.Radio-module_native-input__aXxo1:checked+*{color:var(--color-primary)}.Radio-module_native-input__aXxo1:checked+.Radio-module_disabled__ASNkr{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio-module_native-input__aXxo1:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F+*{border-radius:100%}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:hover+.Radio-module_radio__B6HML:before{outline-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:active+.Radio-module_radio__B6HML:before{outline-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color);color:var(--radio-pressed-color)}.Radio-module_input__XIS-I{border-radius:100%;font-size:1.25rem;height:1.25rem;width:1.25rem;z-index:1}.Radio-module_input__XIS-I:active{border-radius:100%}.Radio-module_disabled__ASNkr .Radio-module_input__XIS-I{color:var(--disabled)}.Radio-module_disabled__ASNkr{color:var(--disabled);pointer-events:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUNBQ0UsaUJBQ0YsQ0FDQSxzRUFDRSxpQkFDRixDQUVBLDJCQUNFLGtCQUNGLENBRUEsaUNBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsbUNBRUUsWUFBYSxDQURiLGtCQUVGLENBRUEsZ0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBRUEscUNBQ0UsWUFDRixDQUNBLDJDQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixpQkFBbUIsQ0FIbkIsZ0JBSUYsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGtDQU9FLGNBQWUsQ0FKZixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLGFBQWMsQ0FFZCxTQUNGLENBQ0EsOERBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsNENBQ0UsMEJBQ0YsQ0FDQSx3RUFDRSxxQkFBc0IsQ0FDdEIsa0JBQW1CLENBQ25CLG1CQUNGLENBQ0Esa0RBQ0Usa0JBQW1CLENBQ25CLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0Esb0dBQ0UsaURBQ0YsQ0FDQSxxR0FDRSxtREFDRixDQUNBLGlJQUNFLG9EQUNGLENBQ0Esa0lBQ0Usc0RBQ0YsQ0FDQSxnSUFDRSxvREFBcUQsQ0FDckQsOEJBQ0YsQ0FDQSxpSUFFRSxzREFBdUQsQ0FEdkQsZ0NBRUYsQ0FFQSwyQkFLRSxrQkFBbUIsQ0FKbkIsaUJBQWtCLENBRWxCLGNBQWUsQ0FEZixhQUFjLENBRWQsU0FFRixDQUNBLGtDQUNFLGtCQUNGLENBQ0EseURBQ0UscUJBQ0YsQ0FFQSw4QkFDRSxxQkFBc0IsQ0FDdEIsbUJBQ0YiLCJmaWxlIjoiUmFkaW8ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucmFkaW8td3JhcHBlciArIC5yYWRpby13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMC43NXJlbTtcbn1cblxuLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IDEuNzVyZW07XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmVycm9yLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucmFkaW8tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5yYWRpby1jb250YWluZXIgbGFiZWwge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn1cbi5kaXNhYmxlZCAucmFkaW8tY29udGFpbmVyIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLm5hdGl2ZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiAxLjc1cmVtO1xuICBoZWlnaHQ6IDEuNzVyZW07XG4gIHotaW5kZXg6IDI7XG59XG4ubmF0aXZlLWlucHV0ICsgc3BhbltkYXRhLWljb249dHJ1ZV06YmVmb3JlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG59XG4ubmF0aXZlLWlucHV0OmNoZWNrZWQgKyAqIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkICsgKi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLm5hdGl2ZS1pbnB1dDpmb2N1cy12aXNpYmxlICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmhvdmVyICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQuZXJyb3I6YWN0aXZlICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5pbnB1dC5jaXJjbGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmlucHV0LmNpcmNsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJhZGlvLXByZXNzZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmlucHV0LnJhZGlvOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8taG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5pbnB1dC5yYWRpbzpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8tcHJlc3NlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuLmlucHV0OmFjdGl2ZSB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4uZGlzYWJsZWQgLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cblxuLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59Il19 */'),exports.default={"radio-wrapper":"Radio-module_radio-wrapper__4532-",error:"Radio-module_error__Pjq-F","helper-text":"Radio-module_helper-text__GjhEJ","error-message":"Radio-module_error-message__udguG","error-icon":"Radio-module_error-icon__JPuVE","radio-container":"Radio-module_radio-container__Z-lKd",disabled:"Radio-module_disabled__ASNkr","native-input":"Radio-module_native-input__aXxo1",radio:"Radio-module_radio__B6HML",input:"Radio-module_input__XIS-I",circle:"Radio-module_circle__WmukT"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Radio-module_radio-wrapper__4532-{position:relative}.Radio-module_radio-wrapper__4532-+.Radio-module_radio-wrapper__4532-{margin-top:.75rem}.Radio-module_error__Pjq-F{color:var(--error)}.Radio-module_helper-text__GjhEJ{margin-left:1.75rem;margin-top:.25rem}.Radio-module_error-message__udguG{display:flex;margin-top:1.25rem}.Radio-module_error-icon__JPuVE{font-size:1.25rem;margin-right:.5rem}.Radio-module_radio-container__Z-lKd{display:flex}.Radio-module_radio-container__Z-lKd label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.15rem;user-select:none}.Radio-module_disabled__ASNkr .Radio-module_radio-container__Z-lKd label{cursor:not-allowed}.Radio-module_native-input__aXxo1{height:1.75rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.75rem;z-index:2}.Radio-module_native-input__aXxo1+span[data-icon=true]:before{display:block;height:20px;width:20px}.Radio-module_native-input__aXxo1:checked+*{color:var(--color-primary)}.Radio-module_native-input__aXxo1:checked+.Radio-module_disabled__ASNkr{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio-module_native-input__aXxo1:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F+*{border-radius:100%}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:hover+.Radio-module_radio__B6HML:before{outline-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:active+.Radio-module_radio__B6HML:before{outline-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color);color:var(--radio-pressed-color)}.Radio-module_input__XIS-I{border-radius:100%;font-size:1.25rem;height:1.25rem;width:1.25rem;z-index:1}.Radio-module_input__XIS-I:active{border-radius:100%}.Radio-module_disabled__ASNkr .Radio-module_input__XIS-I{color:var(--disabled)}.Radio-module_disabled__ASNkr{color:var(--disabled);pointer-events:none}[data-readonlyview=true] .Radio-module_radio-wrapper__4532-{color:var(--read-only-text-color)}[data-readonlyview=true] .Radio-module_radio-wrapper__4532- span.Radio-module_input__XIS-I{color:var(--read-only-text-color);cursor:not-allowed}[data-readonlyview=true] .Radio-module_radio-wrapper__4532- span.Radio-module_input__XIS-I:before{border-radius:50%;outline:1px solid var(--read-only-border-color);outline-offset:-1px}[data-readonlyview=true] label{user-select:text}input[type=radio][data-readonlyview=true]~span.Radio-module_input__XIS-I{color:var(--read-only-text-color);cursor:not-allowed}input[type=radio][data-readonlyview=true]~span.Radio-module_input__XIS-I:before{border-radius:50%;outline:1px solid var(--read-only-border-color);outline-offset:-1px}input[type=radio][data-readonlyview=true]~label{pointer-events:none;user-select:text}input[type=radio][data-readonlyview=true] :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUNBQ0UsaUJBQ0YsQ0FDQSxzRUFDRSxpQkFDRixDQUVBLDJCQUNFLGtCQUNGLENBRUEsaUNBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsbUNBRUUsWUFBYSxDQURiLGtCQUVGLENBRUEsZ0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBRUEscUNBQ0UsWUFDRixDQUNBLDJDQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixpQkFBbUIsQ0FIbkIsZ0JBSUYsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGtDQU9FLGNBQWUsQ0FKZixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLGFBQWMsQ0FFZCxTQUNGLENBQ0EsOERBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsNENBQ0UsMEJBQ0YsQ0FDQSx3RUFDRSxxQkFBc0IsQ0FDdEIsa0JBQW1CLENBQ25CLG1CQUNGLENBQ0Esa0RBQ0Usa0JBQW1CLENBQ25CLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0Esb0dBQ0UsaURBQ0YsQ0FDQSxxR0FDRSxtREFDRixDQUNBLGlJQUNFLG9EQUNGLENBQ0Esa0lBQ0Usc0RBQ0YsQ0FDQSxnSUFDRSxvREFBcUQsQ0FDckQsOEJBQ0YsQ0FDQSxpSUFFRSxzREFBdUQsQ0FEdkQsZ0NBRUYsQ0FFQSwyQkFLRSxrQkFBbUIsQ0FKbkIsaUJBQWtCLENBRWxCLGNBQWUsQ0FEZixhQUFjLENBRWQsU0FFRixDQUNBLGtDQUNFLGtCQUNGLENBQ0EseURBQ0UscUJBQ0YsQ0FFQSw4QkFDRSxxQkFBc0IsQ0FDdEIsbUJBQ0YsQ0FFQSw0REFDRSxpQ0FDRixDQUNBLDJGQUNFLGlDQUFrQyxDQUNsQyxrQkFDRixDQUNBLGtHQUdFLGlCQUFrQixDQUZsQiwrQ0FBZ0QsQ0FDaEQsbUJBRUYsQ0FDQSwrQkFDRSxnQkFDRixDQUVBLHlFQUNFLGlDQUFrQyxDQUNsQyxrQkFDRixDQUNBLGdGQUdFLGlCQUFrQixDQUZsQiwrQ0FBZ0QsQ0FDaEQsbUJBRUYsQ0FDQSxnREFFRSxtQkFBb0IsQ0FEcEIsZ0JBRUYsQ0FDQSx5REFDRSxvQ0FBcUMsQ0FDckMsa0JBQ0YiLCJmaWxlIjoiUmFkaW8ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucmFkaW8td3JhcHBlciArIC5yYWRpby13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMC43NXJlbTtcbn1cblxuLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IDEuNzVyZW07XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmVycm9yLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucmFkaW8tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5yYWRpby1jb250YWluZXIgbGFiZWwge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn1cbi5kaXNhYmxlZCAucmFkaW8tY29udGFpbmVyIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLm5hdGl2ZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiAxLjc1cmVtO1xuICBoZWlnaHQ6IDEuNzVyZW07XG4gIHotaW5kZXg6IDI7XG59XG4ubmF0aXZlLWlucHV0ICsgc3BhbltkYXRhLWljb249dHJ1ZV06YmVmb3JlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG59XG4ubmF0aXZlLWlucHV0OmNoZWNrZWQgKyAqIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkICsgKi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLm5hdGl2ZS1pbnB1dDpmb2N1cy12aXNpYmxlICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmhvdmVyICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQuZXJyb3I6YWN0aXZlICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5pbnB1dC5jaXJjbGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmlucHV0LmNpcmNsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJhZGlvLXByZXNzZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmlucHV0LnJhZGlvOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8taG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5pbnB1dC5yYWRpbzpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8tcHJlc3NlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuLmlucHV0OmFjdGl2ZSB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4uZGlzYWJsZWQgLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cblxuLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAucmFkaW8td3JhcHBlciB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLnJhZGlvLXdyYXBwZXIgc3Bhbi5pbnB1dCB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLnJhZGlvLXdyYXBwZXIgc3Bhbi5pbnB1dDpiZWZvcmUge1xuICBvdXRsaW5lOiAxcHggc29saWQgdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gbGFiZWwge1xuICB1c2VyLXNlbGVjdDogdGV4dDtcbn1cblxuaW5wdXRbdHlwZT1yYWRpb11bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbmlucHV0W3R5cGU9cmFkaW9dW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3Bhbi5pbnB1dDpiZWZvcmUge1xuICBvdXRsaW5lOiAxcHggc29saWQgdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG5pbnB1dFt0eXBlPXJhZGlvXVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IGxhYmVsIHtcbiAgdXNlci1zZWxlY3Q6IHRleHQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuaW5wdXRbdHlwZT1yYWRpb11bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xufSJdfQ== */'),exports.default={"radio-wrapper":"Radio-module_radio-wrapper__4532-",error:"Radio-module_error__Pjq-F","helper-text":"Radio-module_helper-text__GjhEJ","error-message":"Radio-module_error-message__udguG","error-icon":"Radio-module_error-icon__JPuVE","radio-container":"Radio-module_radio-container__Z-lKd",disabled:"Radio-module_disabled__ASNkr","native-input":"Radio-module_native-input__aXxo1",radio:"Radio-module_radio__B6HML",input:"Radio-module_input__XIS-I",circle:"Radio-module_circle__WmukT"};
 //# sourceMappingURL=Radio.module.scss.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./MultiSelect.module.scss.cjs.js"),t=require("react"),s=require("../../../src/hooks/useBodyClick.cjs.js"),r=require("../../../src/hooks/useDetermineStatusIcon.cjs.js"),l=require("../../../src/readyclasses.module.scss.cjs.js"),a=require("../../../src/util/helper.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),c=require("../useAddNewBtn.cjs.js"),o=require("../useSelectPositionList.cjs.js"),i=require("./SelectButton.cjs.js"),u=require("./SelectedOptions.cjs.js"),d=require("./useArrowNavigation.cjs.js"),p=require("./useSearch.cjs.js");const h=(e,t)=>`${e}_option${t}`,f=e=>`${e}_listbox`,m=t.forwardRef((({id:m,children:v,name:b,disabled:C=!1,labeledBy:S,placeholder:E,describedBy:j,selectButtonProps:g={},className:y,error:N=!1,success:I=!1,value:x,clearLabel:w="Clear selection",noResultsLabel:R="No results found",onChange:B,addNew:q,search:k={enabled:!0,renderThreshold:0,searchPlaceholder:"Search item"},...L},A)=>{const P=t.useRef(null!=m?m:a.generateID(20)),[$,O]=t.useState(!1),[D,F]=t.useState([]),H=t.useRef(null),M=t.useRef(null),[_,K]=t.useState(0),[T,U]=t.useState(!1),[V,z]=t.useState(!1),[G,J]=t.useState(t.Children.count(v)-D.length),{filter:Q,renderSearch:W,searchInputRef:X,resetSearchState:Y,searchVisible:Z}=p.useSearch({selectId:P.current,expanded:$,search:k,searchInputClassName:e.default["select-search"],optionsCount:G,focusedSelectItem:_,setFocusedSelectItem:K,describedBy:j,getOptionId:h,getListboxId:f}),{addBtnRef:ee,addNewBtnOptionsContainerClassName:te,renderAddNew:se}=c.useAddNewBtn({id:h(P.current,G),addNew:q,filter:Q,focusedSelectItem:_,optionsCount:G,searchInputRef:X,shouldClick:T,onClickCallback:()=>{U(!1),Y()}}),re=A||t.createRef(),le=t.useRef(null),{onArrowNavigation:ae}=d.useArrowNavigation({expanded:$,setExpanded:O,setFocusedSelectItem:K,childrenCount:G,setShouldClick:U,addBtnRef:ee,searchInputRef:X,customSelectButtonRef:le,onClose:Y}),{listPosition:ne,opacity:ce,optionsListMaxHeight:oe,setListPosition:ie,setOpacity:ue}=o.useSelectPositionList({expanded:$,optionListReference:M,containerReference:H,addBtnRef:ee}),de=r.useDetermineStatusIcon({success:I,error:N});t.useEffect((()=>{$&&X.current&&(z(!0),X.current.focus()),!$&&le.current&&V&&(z(!1),le.current.focus())}),[$,le.current,V,X.current]),t.useEffect((()=>{var e;(e=>{const s=t.Children.map(v,(e=>e)),r=e.map((e=>{const t=s.find((t=>t.props.value===e));return{value:e,label:null==t?void 0:t.props.children,fixed:null==t?void 0:t.props.fixed}}));F(r)})(x),e=x,re.current&&[...re.current.options].forEach((t=>{e.includes(t.value)?t.selected=!0:t.selected=!1}))}),[x]),s.useBodyClick((e=>!e.target.closest(".custom-select")&&$),(()=>{O(!1),ie({top:0,bottom:"initial"}),ue(0)}),$);const pe=[];$&&pe.push(e.default.expanded),N&&pe.push(e.default.error),C&&pe.push(e.default.disabled),y&&pe.push(y),I&&pe.push(e.default.success);const he=()=>{O((e=>!e)),U(!1)};return t.createElement(t.Fragment,null,t.createElement("select",{...a.filterProps(L,/^data-/,!1),tabIndex:-1,multiple:!0,"aria-hidden":"true",ref:re,name:b,onChange:e=>{null==B||B(e)},className:l.default["sr-only"]},t.createElement("option",{value:""}),t.Children.map(v,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...a.filterProps(L,/^data-/),id:P.current,ref:H,onKeyDown:ae,className:`custom-select ${e.default.select} ${pe.join(" ")}`},t.createElement("div",{className:`${e.default["custom-select"]} ${pe.join(" ")} `,style:{display:"flex"}},t.createElement("div",{className:e.default["display-container"],"data-display":!0},t.createElement(i.SelectButton,{...g,onClick:he,name:b,ref:le,disabled:C,"aria-disabled":C,"aria-invalid":N,"aria-expanded":$,"aria-haspopup":"listbox","aria-labelledby":S,"aria-describedby":j}),0===(null==x?void 0:x.length)&&E&&t.createElement("span",{className:e.default.placeholder},E),(null==x?void 0:x.length)>0&&t.createElement(u.SelectedOptions,{disabled:C,display:D,onClick:he,onRemove:e=>{if(re.current){[...re.current.options].find((t=>t.value===e)).selected=!1,re.current.dispatchEvent(new Event("change",{bubbles:!0}))}}}),Z&&W()),t.createElement("div",{className:e.default.status},de||($?t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronUp}):t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronDown})))),t.createElement("div",{ref:M,className:`list-wrapper ${e.default["list-wrapper"]}`,style:{display:$?"block":"none",opacity:ce,maxHeight:oe.wrapper,pointerEvents:$?"auto":"none",...ne}},t.createElement("ul",{id:f(P.current),className:te,role:"listbox","aria-multiselectable":"true",style:{maxHeight:oe.list}},(()=>{const s=e=>e.filter((e=>"object"==typeof e&&"props"in e&&!D.find((t=>t.value===e.props.value))));let r;if(""!==Q){r=l(s(t.Children.toArray(v).filter((e=>null!==e.props.children.toLowerCase().match(a.escapeRegExp(Q.toLowerCase()))))))}else r=l(s(t.Children.toArray(v)));return G!==r.length&&J(r.length),0===r.length?t.createElement("li",{className:e.default["no-results"]},R):r;function l(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{K(e)},onOptionSelect:e=>{(e=>{if(re.current&&e){const t=e.getAttribute("data-value"),s=[...re.current.options],r=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{(e.value===t||r.includes(e.value))&&(e.selected=!0)})),re.current.dispatchEvent(new Event("change",{bubbles:!0}))}O(!1),Y()})(e.current),O(!1),U(!1)},isSearching:!1,selectOpened:$,childIndex:s,hasFocus:_===s,shouldClick:T,id:h(P.current,s)})))}})()),se())))}));exports.MultiSelect=m;
+"use strict";var e=require("./MultiSelect.module.scss.cjs.js"),t=require("react"),s=require("../../../src/hooks/useBodyClick.cjs.js"),r=require("../../../src/hooks/useDetermineStatusIcon.cjs.js"),a=require("../../../src/readyclasses.module.scss.cjs.js"),l=require("../../../src/util/helper.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),c=require("../Select.interfaces.cjs.js"),i=require("../useAddNewBtn.cjs.js"),o=require("../useSelectPositionList.cjs.js"),u=require("./SelectButton.cjs.js"),d=require("./SelectedOptions.cjs.js"),p=require("./useArrowNavigation.cjs.js"),h=require("./useSearch.cjs.js"),f=require("../../../withReadOnly.cjs.js");const m=(e,t)=>`${e}_option${t}`,v=e=>`${e}_listbox`,b=f.withReadOnly(t.forwardRef((({id:f,children:b,name:j,disabled:S=!1,labeledBy:w,placeholder:y,describedBy:C,selectButtonProps:E={},className:g,error:N=!1,success:x=!1,value:I,clearLabel:R="Clear selection",noResultsLabel:B="No results found",onChange:q,addNew:P,search:k={enabled:!0,renderThreshold:0,searchPlaceholder:"Search item"},isReadOnlyView:A,...O},L)=>{const $=t.useRef(null!=f?f:l.generateID(20)),[D,F]=t.useState(!1),[H,M]=t.useState([]),V=t.useRef(null),_=t.useRef(null),[K,T]=t.useState(0),[U,z]=t.useState(!1),[G,J]=t.useState(!1),[Q,W]=t.useState(t.Children.count(b)-H.length),{filter:X,renderSearch:Y,searchInputRef:Z,resetSearchState:ee,searchVisible:te}=h.useSearch({selectId:$.current,expanded:D,search:k,searchInputClassName:e.default["select-search"],optionsCount:Q,focusedSelectItem:K,setFocusedSelectItem:T,describedBy:C,getOptionId:m,getListboxId:v}),{addBtnRef:se,addNewBtnOptionsContainerClassName:re,renderAddNew:ae}=i.useAddNewBtn({id:m($.current,Q),addNew:P,filter:X,focusedSelectItem:K,optionsCount:Q,searchInputRef:Z,shouldClick:U,onClickCallback:()=>{z(!1),ee()}}),le=L||t.createRef(),ne=t.useRef(null),ce=!!O["data-readonlyview"]||A,{onArrowNavigation:ie}=p.useArrowNavigation({expanded:D,setExpanded:F,setFocusedSelectItem:T,childrenCount:Q,setShouldClick:z,addBtnRef:se,searchInputRef:Z,customSelectButtonRef:ne,onClose:ee,isReadOnlyView:ce}),{listPosition:oe,opacity:ue,optionsListMaxHeight:de,setListPosition:pe,setOpacity:he}=o.useSelectPositionList({expanded:D,optionListReference:_,containerReference:V,addBtnRef:se}),fe=r.useDetermineStatusIcon({success:x,error:N});t.useEffect((()=>{D&&Z.current&&(J(!0),Z.current.focus()),!D&&ne.current&&G&&(J(!1),ne.current.focus())}),[D,ne.current,G,Z.current]),t.useEffect((()=>{var e;(e=>{const s=t.Children.map(b,(e=>e)),r=e.map((e=>{const t=s.find((t=>t.props.value===e));return{value:e,label:null==t?void 0:t.props.children,fixed:null==t?void 0:t.props.fixed}}));M(r)})(I),e=I,le.current&&[...le.current.options].forEach((t=>{e.includes(t.value)?t.selected=!0:t.selected=!1}))}),[I]),s.useBodyClick((e=>!e.target.closest(".custom-select")&&D),(()=>{F(!1),pe(c.Position.Below),he(0)}),D);const me=[];D&&me.push(e.default.expanded),N&&me.push(e.default.error),S&&me.push(e.default.disabled),g&&me.push(g),x&&me.push(e.default.success);const ve=()=>{O["data-readonlyview"]||A||(F((e=>!e)),z(!1))},be=t.createElement("div",{className:`list-wrapper-container ${e.default["list-wrapper-container"]}`},t.createElement("div",{ref:_,className:`list-wrapper ${e.default["list-wrapper"]}`,style:{display:D?"block":"none",opacity:ue,maxHeight:de.wrapper,pointerEvents:D?"auto":"none",top:oe===c.Position.Below?"4px":"initial",bottom:oe===c.Position.Above?"4px":"initial"}},t.createElement("ul",{id:v($.current),className:re,role:"listbox","aria-multiselectable":"true",style:{maxHeight:de.list}},(()=>{const s=e=>e.filter((e=>"object"==typeof e&&"props"in e&&!H.find((t=>t.value===e.props.value))));let r;if(""!==X){r=a(s(t.Children.toArray(b).filter((e=>null!==e.props.children.toLowerCase().match(l.escapeRegExp(X.toLowerCase()))))))}else r=a(s(t.Children.toArray(b)));return Q!==r.length&&W(r.length),0===r.length?t.createElement("li",{className:e.default["no-results"]},B):r;function a(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{T(e)},onOptionSelect:e=>{(e=>{if(le.current&&e){const t=e.getAttribute("data-value"),s=[...le.current.options],r=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{(e.value===t||r.includes(e.value))&&(e.selected=!0)})),le.current.dispatchEvent(new Event("change",{bubbles:!0}))}F(!1),ee()})(e.current),F(!1),z(!1)},isSearching:!1,selectOpened:D,childIndex:s,hasFocus:K===s,shouldClick:U,id:m($.current,s)})))}})()),ae()));return t.createElement(t.Fragment,null,t.createElement("select",{...l.filterProps(O,/^data-/,!1),tabIndex:-1,multiple:!0,"aria-hidden":"true",ref:le,name:j,onChange:e=>{null==q||q(e)},className:a.default["sr-only"]},t.createElement("option",{value:""}),t.Children.map(b,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...l.filterProps(O,/^data-/),id:$.current,ref:V,onKeyDown:ie,className:`custom-select ${e.default.select} ${me.join(" ")}`},oe===c.Position.Above?be:void 0,t.createElement("div",{className:`${e.default["custom-select"]} ${me.join(" ")} `,style:{display:"flex"}},t.createElement("div",{className:e.default["display-container"],"data-display":!0},t.createElement(u.SelectButton,{...E,onClick:ve,name:j,ref:ne,disabled:S,"aria-disabled":S,"aria-invalid":N,"aria-expanded":D,"aria-haspopup":"listbox","aria-labelledby":w,"aria-describedby":C}),0===(null==I?void 0:I.length)&&y&&t.createElement("span",{className:e.default.placeholder},y),(null==I?void 0:I.length)>0&&t.createElement(d.SelectedOptions,{disabled:S,display:H,onClick:ve,onRemove:e=>{if(le.current){[...le.current.options].find((t=>t.value===e)).selected=!1,le.current.dispatchEvent(new Event("change",{bubbles:!0}))}}}),te&&Y()),t.createElement("div",{className:e.default.status},fe||(D?t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronUp}):t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronDown})))),oe===c.Position.Below?be:void 0))})));exports.MultiSelect=b;
 //# sourceMappingURL=MultiSelect.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js.map

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