npm - @onewelcome/react-lib-components - Versions diffs - 4.3.0 → 5.1.0 - Mend

@onewelcome/react-lib-components 4.3.0 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (771) hide show

package/dist/esm/Form/Select/Select.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o='.Select_module_srOnly__6d2a532e{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select_module_hidden__6d2a532e{display:none}.Select_module_slideIn__6d2a532e{animation:Select_module_slideIn__6d2a532e .5s forwards}@media (prefers-reduced-motion:reduce){.Select_module_slideIn__6d2a532e{animation-duration:.1ms}}.Select_module_slideOut__6d2a532e{animation:Select_module_slideOut__6d2a532e .5s forwards}@media (prefers-reduced-motion:reduce){.Select_module_slideOut__6d2a532e{animation-duration:.1ms}}@keyframes Select_module_slideIn__6d2a532e{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_module_slideOut__6d2a532e{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Select_module_select__6d2a532e{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Select_module_select__6d2a532e{transition-duration:.1ms}}.Select_module_select__6d2a532e [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_module_select__6d2a532e.Select_module_expanded__6d2a532e .Select_module_listWrapper__6d2a532e{background:var(--light)}.Select_module_select__6d2a532e:not(.Select_module_expanded__6d2a532e) button:focus:not(.Select_module_error__6d2a532e){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select_module_select__6d2a532e:hover:not(.Select_module_disabled__6d2a532e):not(.Select_module_expanded__6d2a532e):not(.Select_module_error__6d2a532e) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e{background-color:transparent;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);cursor:pointer;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e{transition-duration:.1ms}}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e:focus{outline:0}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e.Select_module_error__6d2a532e{border-color:var(--error);color:var(--error)}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e.Select_module_error__6d2a532e:focus{border-width:var(--input-border-width-focus)}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e.Select_module_disabled__6d2a532e{border-color:var(--color-disabled)}.Select_module_select__6d2a532e .Select_module_listWrapper__6d2a532e{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 4px 5px 0 rgba(1,5,50,.2);box-shadow:0 3px 14px 0 rgba(1,5,50,.122);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.Select_module_select__6d2a532e ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:21.25rem;padding:.25rem 0;text-align:left;width:100%}.Select_module_select__6d2a532e ul li{cursor:pointer;font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin:0;padding:.5rem .75rem;position:relative}.Select_module_select__6d2a532e ul li:after{background-color:transparent;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.Select_module_select__6d2a532e ul li:focus{outline:var(--input-border-width-focus) solid var(--color-primary300);outline-offset:-var(--input-border-width-focus)}.Select_module_select__6d2a532e ul li:active:after,.Select_module_select__6d2a532e ul li:hover:after{background-color:var(--color-primary)}.Select_module_select__6d2a532e ul li:active:after{opacity:.1}.Select_module_select__6d2a532e ul li.Select_module_disabled__6d2a532e{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select_module_selectedOption__6d2a532e{color:var(--color-primary)}.Select_module_selectedOption__6d2a532e:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}.Select_module_selected__6d2a532e{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select_module_status__6d2a532e{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select_module_status__6d2a532e [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select_module_status__6d2a532e [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select_module_status__6d2a532e .Select_module_chevronIcon__6d2a532e{color:var(--default);font-size:.625rem}.Select_module_status__6d2a532e *+*{margin-left:1.25rem}.Select_module_placeholder__6d2a532e{color:var(--greyed-out)}.Select_module_selectSearch__6d2a532e{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select_module_disabled__6d2a532e{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select_module_disabled__6d2a532e>*{pointer-events:none}@media only screen and (min-width:30em){.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e{padding:0 calc(.5rem - var(--input-border-width))}.Select_module_select__6d2a532e:not(.Select_module_expanded__6d2a532e) button:focus:not(.Select_module_error__6d2a532e){padding:0 calc(.5rem - var(--input-border-width-focus))}}',t={"sr-only":"Select_module_srOnly__6d2a532e",hidden:"Select_module_hidden__6d2a532e","slide-in":"Select_module_slideIn__6d2a532e","slide-out":"Select_module_slideOut__6d2a532e",select:"Select_module_select__6d2a532e",expanded:"Select_module_expanded__6d2a532e","list-wrapper":"Select_module_listWrapper__6d2a532e",error:"Select_module_error__6d2a532e",disabled:"Select_module_disabled__6d2a532e","custom-select":"Select_module_customSelect__6d2a532e","selected-option":"Select_module_selectedOption__6d2a532e",selected:"Select_module_selected__6d2a532e",status:"Select_module_status__6d2a532e","chevron-icon":"Select_module_chevronIcon__6d2a532e",placeholder:"Select_module_placeholder__6d2a532e","select-search":"Select_module_selectSearch__6d2a532e"};e(o,{});export{o as css,t as default};
+import e from "../../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select-module_sr-only__TQqez{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select-module_hidden__pKi-5{display:none}.Select-module_slide-in__gD4nj{animation:Select-module_slide-in__gD4nj .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-in__gD4nj{animation-duration:.1ms}}.Select-module_slide-out__qNAXK{animation:Select-module_slide-out__qNAXK .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-out__qNAXK{animation-duration:.1ms}}@keyframes Select-module_slide-in__gD4nj{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select-module_slide-out__qNAXK{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select-module_select__4okI5{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Select-module_select__4okI5{transition-duration:.1ms}}.Select-module_select__4okI5 [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select-module_select__4okI5.Select-module_expanded__mnk2x .Select-module_list-wrapper__Dk9pW{background:var(--light)}.Select-module_select__4okI5:not(.Select-module_expanded__mnk2x) button:focus:not(.Select-module_error__5k7oW){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select-module_select__4okI5:hover:not(.Select-module_disabled__ySi2M):not(.Select-module_expanded__mnk2x):not(.Select-module_error__5k7oW) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{background-color:transparent;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);cursor:pointer;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{transition-duration:.1ms}}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR:focus{outline:0}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_error__5k7oW{border-color:var(--error);color:var(--error)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_error__5k7oW:focus{border-width:var(--input-border-width-focus)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_disabled__ySi2M{border-color:var(--color-disabled)}.Select-module_select__4okI5 .Select-module_list-wrapper__Dk9pW{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 4px 5px 0 rgba(1,5,50,.2);box-shadow:0 3px 14px 0 rgba(1,5,50,.122);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.Select-module_select__4okI5 ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:21.25rem;padding:.25rem 0;text-align:left;width:100%}.Select-module_select__4okI5 ul li{cursor:pointer;font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin:0;padding:.5rem .75rem;position:relative}.Select-module_select__4okI5 ul li:after{background-color:transparent;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.Select-module_select__4okI5 ul li:focus{outline:var(--input-border-width-focus) solid var(--color-primary300);outline-offset:-var(--input-border-width-focus)}.Select-module_select__4okI5 ul li:active:after,.Select-module_select__4okI5 ul li:hover:after{background-color:var(--color-primary)}.Select-module_select__4okI5 ul li:active:after{opacity:.1}.Select-module_select__4okI5 ul li.Select-module_disabled__ySi2M{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select-module_selected-option__wUy3C{color:var(--color-primary)}.Select-module_selected-option__wUy3C:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}.Select-module_selected__qlDcZ{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select-module_status__p90CC{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select-module_status__p90CC [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select-module_status__p90CC [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select-module_status__p90CC .Select-module_chevron-icon__I1QHG{color:var(--default);font-size:.625rem}.Select-module_status__p90CC *+*{margin-left:1.25rem}.Select-module_placeholder__sGzfV{color:var(--greyed-out)}.Select-module_select-search__icP-u{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select-module_disabled__ySi2M{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select-module_disabled__ySi2M>*{pointer-events:none}@media only screen and (min-width:30em){.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{padding:0 calc(.5rem - var(--input-border-width))}.Select-module_select__4okI5:not(.Select-module_expanded__mnk2x) button:focus:not(.Select-module_error__5k7oW){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2QkFRRSw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUx6QyxxQkFBc0IsQ0FPdEIsdUNBQXdDLENBUnhDLGlCQUFrQixDQUdsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUtGLENBQ0EsdUNBQ0UsNkJBQ0Usd0JBQ0YsQ0FDRixDQUNBLDRDQUNFLDBCQUEyQixDQUMzQiw4QkFDRixDQUNBLDhGQUNFLHVCQUNGLENBQ0EsK0dBQ0UsK0RBQWdFLENBQ2hFLHVEQUNGLENBQ0EsK0pBR0UseUNBQTBDLENBRjFDLDJCQUE0QixDQUM1QixzQ0FFRixDQUNBLGlFQUtFLDRCQUE2QixDQUM3QixzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHNDQUF1QyxDQUN2QyxzQ0FBdUMsQ0FHdkMsY0FBZSxDQURmLHVDQUF3QyxDQVB4Qyx1REFBMEQsQ0FDMUQsaURBQW1ELENBSG5ELGlCQUFrQixDQVlsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUF1QyxDQVp2QyxVQWFGLENBQ0EsdUNBQ0UsaUVBQ0Usd0JBQ0YsQ0FDRixDQUNBLHVFQUNFLFNBQ0YsQ0FDQSw0RkFDRSx5QkFBMEIsQ0FDMUIsa0JBQ0YsQ0FDQSxrR0FDRSw0Q0FDRixDQUNBLCtGQUNFLGtDQUNGLENBQ0EsZ0VBQ0UscUNBQXNDLENBR3RDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBRXZDLHNDQUErQyxDQUMvQyx5Q0FBeUQsQ0FDekQseUNBQXlELENBSXpELE1BQU8sQ0FFUCxhQUFjLENBTGQsaUJBQWtCLENBRWxCLFFBQVMsQ0FFVCxVQUFXLENBSFgsVUFLRixDQUNBLGdDQU1FLDZCQUE4QixDQUM5Qix3Q0FBeUMsQ0FOekMscUJBQXNCLENBT3RCLG9CQUFxQixDQUhyQixlQUFnQixDQURoQixRQUFTLENBTVQsbUJBQW9CLENBUnBCLGdCQUFrQixDQU9sQixlQUFnQixDQU5oQixVQVFGLENBQ0EsbUNBTUUsY0FBZSxDQUpmLHVDQUF3QyxDQUd4QyxzQ0FBdUMsQ0FGdkMsUUFBUyxDQUZULG9CQUF1QixDQUd2QixpQkFHRixDQUNBLHlDQUtFLDRCQUE2QixDQUo3QixVQUFXLENBTVgsV0FBWSxDQUhaLE1BQU8sQ0FJUCxXQUFhLENBTmIsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTixVQUdGLENBQ0EseUNBQ0UscUVBQXNFLENBQ3RFLCtDQUNGLENBQ0EsK0ZBQ0UscUNBQ0YsQ0FDQSxnREFDRSxVQUNGLENBQ0EsaUVBRUUsZ0NBQWlDLENBRGpDLHVCQUF3QixDQUV4QixtQkFDRixDQUVBLHNDQUNFLDBCQUNGLENBQ0EsNkNBT0Usa0NBQW9DLENBQ3BDLDZDQUErQyxDQUYvQywrQkFBaUMsQ0FMakMsVUFBVyxDQUlYLFdBQVksQ0FEWixNQUFPLENBRlAsaUJBQWtCLENBQ2xCLEtBTUYsQ0FFQSwrQkFJRSxtQkFBb0IsQ0FIcEIsaUJBQWtCLENBQ2xCLE9BQVEsQ0FDUiwwQkFFRixDQUVBLDZCQU1FLGtCQUFtQixDQURuQixZQUFhLENBSmIsaUJBQWtCLENBRWxCLGNBQWdCLENBRGhCLE9BQVEsQ0FFUiwwQkFHRixDQUNBLHdEQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLHNEQUNFLGtCQUFtQixDQUNuQixpQkFDRixDQUNBLGdFQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsa0NBQ0UsdUJBQ0YsQ0FFQSxvQ0FJRSwyQkFBNEIsQ0FDNUIsNEJBQTZCLENBRjdCLHFCQUFzQixDQUZ0QixpQkFBa0IsQ0FDbEIsVUFJRixDQUVBLCtCQUdFLHlDQUEwQyxDQUQxQyx1QkFBd0IsQ0FEeEIsa0JBR0YsQ0FDQSxpQ0FDRSxtQkFDRixDQUVBLHdDQUNFLGlFQUNFLGlEQUNGLENBQ0EsK0dBQ0UsdURBQ0YsQ0FDRiIsImZpbGUiOiJTZWxlY3QubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgW2RhdGEtZGlzcGxheV0ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItZGVmYXVsdCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uc2VsZWN0LmV4cGFuZGVkIC5saXN0LXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1saWdodCk7XG59XG4uc2VsZWN0Om5vdCguZXhwYW5kZWQpIGJ1dHRvbjpmb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlcjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbn1cbi5zZWxlY3Q6aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgYnV0dG9uOm5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogY2FsYygyLjYyNXJlbSAtIDIgKiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdDpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yOmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZGlzYWJsZWQpO1xufVxuLnNlbGVjdCAubGlzdC13cmFwcGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA1cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMik7XG4gIGJveC1zaGFkb3c6IDBweCAzcHggMTRweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4xMjE1Njg2Mjc1KTtcbiAgYm94LXNoYWRvdzogMHB4IDhweCAxMHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICB0b3A6IDQ0cHg7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5zZWxlY3QgdWwge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwLjI1cmVtIDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWF4LWhlaWdodDogMjEuMjVyZW07XG59XG4uc2VsZWN0IHVsIGxpIHtcbiAgcGFkZGluZzogMC41cmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zZWxlY3QgdWwgbGk6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9wYWNpdHk6IDAuMDU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5MzAwKTtcbiAgb3V0bGluZS1vZmZzZXQ6IC12YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCB1bCBsaTpob3ZlcjphZnRlciwgLnNlbGVjdCB1bCBsaTphY3RpdmU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3QgdWwgbGk6YWN0aXZlOmFmdGVyIHtcbiAgb3BhY2l0eTogMC4xO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3RlZC1vcHRpb246YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc2VsZWN0ZWQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */';var c={"sr-only":"Select-module_sr-only__TQqez",hidden:"Select-module_hidden__pKi-5","slide-in":"Select-module_slide-in__gD4nj","slide-out":"Select-module_slide-out__qNAXK",select:"Select-module_select__4okI5",expanded:"Select-module_expanded__mnk2x","list-wrapper":"Select-module_list-wrapper__Dk9pW",error:"Select-module_error__5k7oW",disabled:"Select-module_disabled__ySi2M","custom-select":"Select-module_custom-select__qtuLR","selected-option":"Select-module_selected-option__wUy3C",selected:"Select-module_selected__qlDcZ",status:"Select-module_status__p90CC","chevron-icon":"Select-module_chevron-icon__I1QHG",placeholder:"Select-module_placeholder__sGzfV","select-search":"Select-module_select-search__icP-u"};e(l);export{c as default};
 //# sourceMappingURL=Select.module.esm.js.map

package/dist/esm/Form/Select/SelectService.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as t}from"react";const n=({expanded:e,setExpanded:t,isSearching:n,setIsSearching:r,setFocusedSelectItem:o,onOptionChangeHandler:i,childrenCount:c,setShouldClick:a,searchInputRef:s,renderSearchCondition:d})=>({onArrowNavigation:u=>{var p;const l=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"];if(e&&l.push("Tab"),!l.includes(u.code)||u.metaKey||n||u.preventDefault(),n&&["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"].includes(u.code)&&u.preventDefault(),n)switch(u.code){case"ArrowDown":case"Enter":return r(!1),void o(0);case"ArrowUp":return r(!1),void o(c-1);case"Escape":case"Tab":r(!1),t(!1)}else switch(u.code){case"ArrowDown":return e?void o((e=>e+1>c-1?0:e+1)):(t(!0),void o(0));case"ArrowUp":return e?void o((e=>e-1<0?c-1:e-1)):(t(!0),void o(c-1));case"Space":return e?(i(u.target),a(!0),void t(!1)):(t(!0),void o(0));case"Enter":case"Home":return void o(0);case"Tab":return c>=d&&e?(r(!0),void(null===(p=s.current)||void 0===p||p.focus())):void t(!1);case"Escape":return void(e&&t(!1));case"End":return void o(c-1);case"ArrowLeft":return void(u.metaKey&&e&&(u.preventDefault(),o(0)));case"ArrowRight":return void(u.metaKey&&e&&(u.preventDefault(),o(c-1)))}}}),r=({expanded:n,optionListReference:r,containerReference:o})=>{const[i,c]=e("none"),[a,s]=e(0),[d,u]=e({});t((()=>{p()}),[n]);const p=()=>{if(!n||!r.current||!o.current)return;let e={top:"2.75rem",bottom:"initial"};o.current.getBoundingClientRect().bottom>window.innerHeight-o.current.getBoundingClientRect().top&&(e={top:"initial",bottom:"2.75rem"}),u(e),l(e)},l=e=>{var t;const n=null===(t=r.current)||void 0===t?void 0:t.getBoundingClientRect().height,i="initial"!==e.top?"top":"bottom";if(!o.current)return void console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");const a="top"===i?window.innerHeight-o.current.getBoundingClientRect()[i]-16:o.current.getBoundingClientRect()[i]-16;if(n&&a<n)return c(`${a}px`),void s(100);c("none"),s(100)};return{optionsListMaxHeight:i,opacity:a,setOpacity:s,listPosition:d,setListPosition:u}};export{n as useArrowNavigation,r as useSelectPositionList};
+import{useState as e,useEffect as t}from"react";const r=({expanded:e,setExpanded:t,isSearching:r,setIsSearching:n,setFocusedSelectItem:o,onOptionChangeHandler:i,childrenCount:c,setShouldClick:s,searchInputRef:a,renderSearchCondition:u})=>{const l=l=>{var p;const f=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"];const d=["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"];if(e)f.push("Tab");if(f.includes(l.code)&&!l.metaKey&&!r)l.preventDefault();if(r&&d.includes(l.code))l.preventDefault();if(r)switch(l.code){case"ArrowDown":case"Enter":n(false);o(0);return;case"ArrowUp":n(false);o(c-1);return;case"Escape":case"Tab":n(false);t(false)}else switch(l.code){case"ArrowDown":if(!e){t(true);o(0);return}o((e=>e+1>c-1?0:e+1));return;case"ArrowUp":if(!e){t(true);o(c-1);return}o((e=>e-1<0?c-1:e-1));return;case"Space":if(!e){t(true);o(0);return}i(l.target);s(true);t(false);return;case"Enter":case"Home":o(0);return;case"Tab":if(c>=u&&e){n(true);(p=a.current)===null||p===void 0?void 0:p.focus();return}t(false);return;case"Escape":if(e)t(false);return;case"End":o(c-1);return;case"ArrowLeft":if(l.metaKey&&e){l.preventDefault();o(0)}return;case"ArrowRight":if(l.metaKey&&e){l.preventDefault();o(c-1)}return}};return{onArrowNavigation:l}};const n=({expanded:r,optionListReference:n,containerReference:o})=>{const[i,c]=e("none");const[s,a]=e(0);const[u,l]=e({});t((()=>{p()}),[r]);const p=()=>{if(!r||!n.current||!o.current)return;const e=o.current.getBoundingClientRect().bottom;const t=window.innerHeight-o.current.getBoundingClientRect().top;let i={top:"2.75rem",bottom:"initial"};if(e>t)i={top:"initial",bottom:"2.75rem"};l(i);f(i)};const f=e=>{var t;const r=(t=n.current)===null||t===void 0?void 0:t.getBoundingClientRect().height;const i=e.top!=="initial"?"top":"bottom";if(!o.current){console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");return}const s=i==="top"?window.innerHeight-o.current.getBoundingClientRect()[i]-16:o.current.getBoundingClientRect()[i]-16;if(r&&s<r){c(`${s}px`);a(100);return}c("none");a(100)};return{optionsListMaxHeight:i,opacity:s,setOpacity:a,listPosition:u,setListPosition:l}};export{r as useArrowNavigation,n as useSelectPositionList};
 //# sourceMappingURL=SelectService.esm.js.map

package/dist/esm/Form/Select/SelectService.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectService.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"SelectService.esm.js","sources":["../../../../../../src/components/Form/Select/SelectService.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, { useEffect, useState } from \"react\";\nimport {\n Position,\n UseArrowNavigationParams,\n UseSelectPositionListParams\n} from \"./Select.interfaces\";\n\nexport const useArrowNavigation = ({\n expanded,\n setExpanded,\n isSearching,\n setIsSearching,\n setFocusedSelectItem,\n onOptionChangeHandler,\n childrenCount,\n setShouldClick,\n searchInputRef,\n renderSearchCondition\n}: UseArrowNavigationParams) => {\n const onArrowNavigation = (event: React.KeyboardEvent) => {\n const codesToPreventDefault = [\n \"ArrowDown\",\n \"ArrowUp\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"Space\",\n \"Escape\",\n \"End\",\n \"Home\"\n ];\n\n const codesToPreventDefaultWhenSearching = [\n \"ArrowDown\",\n \"ArrowUp\",\n \"Enter\",\n \"Escape\",\n \"MetaLeft\",\n \"MetaRight\"\n ];\n\n /* If the select is expanded, we also want to control the Tab key /\n if (expanded) {\n codesToPreventDefault.push(\"Tab\");\n }\n\n /* We will handle the way certain key strokes affect the Select, unless we're searching */\n if (codesToPreventDefault.includes(event.code) && !event.metaKey && !isSearching) {\n event.preventDefault();\n }\n\n if (isSearching && codesToPreventDefaultWhenSearching.includes(event.code)) {\n event.preventDefault();\n }\n\n if (isSearching) {\n switch (event.code) {\n case \"ArrowDown\":\n case \"Enter\":\n setIsSearching(false);\n setFocusedSelectItem(0);\n return;\n case \"ArrowUp\":\n setIsSearching(false);\n setFocusedSelectItem(childrenCount - 1);\n return;\n case \"Escape\":\n case \"Tab\":\n setIsSearching(false);\n setExpanded(false);\n }\n } else {\n switch (event.code) {\n case \"ArrowDown\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n return;\n }\n setFocusedSelectItem(prevState => {\n return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n });\n return;\n case \"ArrowUp\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(childrenCount - 1);\n return;\n }\n\n setFocusedSelectItem(prevState => {\n return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n });\n return;\n case \"Space\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n return;\n }\n\n onOptionChangeHandler(event.target as HTMLElement);\n setShouldClick(true);\n setExpanded(false);\n\n return;\n case \"Enter\":\n case \"Home\":\n setFocusedSelectItem(0);\n\n return;\n case \"Tab\":\n if (childrenCount >= renderSearchCondition && expanded) {\n setIsSearching(true);\n searchInputRef.current?.focus();\n return;\n }\n setExpanded(false);\n\n return;\n case \"Escape\":\n if (expanded) {\n setExpanded(false);\n }\n return;\n case \"End\":\n setFocusedSelectItem(childrenCount - 1);\n return;\n case \"ArrowLeft\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(0);\n }\n return;\n case \"ArrowRight\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(childrenCount - 1);\n }\n return;\n }\n }\n };\n\n return { onArrowNavigation };\n};\n\nexport const useSelectPositionList = ({\n expanded,\n optionListReference,\n containerReference\n}: UseSelectPositionListParams) => {\n const [optionsListMaxHeight, setOptionsListMaxHeight] = useState(\"none\");\n const [opacity, setOpacity] = useState(0); // We set opacity because other wise if we calculate the max height you see the list full height for a split second and then it shortens.\n const [listPosition, setListPosition] = useState<Partial<Position>>({});\n\n useEffect(() => {\n rePositionList();\n }, [expanded]);\n\n const rePositionList = () => {\n if (!expanded \|\| !optionListReference.current \|\| !containerReference.current) {\n return;\n }\n\n // Check whether there is more space above or below the select\n // Check space between the bottom of select and top of viewport\n const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;\n\n // Check space between the top of the select and bottom of viewport\n const spaceOnBottomOfSelect =\n window.innerHeight - containerReference.current.getBoundingClientRect().top;\n\n // Set position as if there's more space on the bottom\n let position: Position = { top: \"2.75rem\", bottom: \"initial\" };\n\n // Set the position of the select\n if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n position = { top: \"initial\", bottom: \"2.75rem\" };\n }\n\n setListPosition(position);\n\n // Calculate the potential max height of the options list\n calculateOptionListMaxHeight(position);\n };\n\n const calculateOptionListMaxHeight = (position: Position) => {\n // Calculate max height if there's more space below the select\n const listHeight = optionListReference.current?.getBoundingClientRect().height;\n const transformOrigin = position.top !== \"initial\" ? \"top\" : \"bottom\";\n\n if (!containerReference.current) {\n console.error(\n \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n );\n return;\n }\n\n const availableSpace =\n transformOrigin === \"top\"\n ? window.innerHeight -\n containerReference.current.getBoundingClientRect()[transformOrigin] -\n 16\n : containerReference.current.getBoundingClientRect()[transformOrigin] - 16;\n\n if (listHeight && availableSpace < listHeight) {\n setOptionsListMaxHeight(`${availableSpace}px`);\n setOpacity(100);\n return;\n }\n\n setOptionsListMaxHeight(\"none\");\n setOpacity(100);\n };\n\n return {\n optionsListMaxHeight,\n opacity,\n setOpacity,\n listPosition,\n setListPosition\n };\n};\n"],"names":["useArrowNavigation","expanded","setExpanded","isSearching","setIsSearching","setFocusedSelectItem","onOptionChangeHandler","childrenCount","setShouldClick","searchInputRef","renderSearchCondition","onArrowNavigation","event","codesToPreventDefault","codesToPreventDefaultWhenSearching","push","includes","code","metaKey","preventDefault","prevState","target","_a","current","focus","useSelectPositionList","optionListReference","containerReference","optionsListMaxHeight","setOptionsListMaxHeight","useState","opacity","setOpacity","listPosition","setListPosition","useEffect","rePositionList","spaceOnTopOfSelect","getBoundingClientRect","bottom","spaceOnBottomOfSelect","window","innerHeight","top","position","calculateOptionListMaxHeight","listHeight","height","transformOrigin","console","error","availableSpace"],"mappings":"gDAuBa,MAAAA,EAAqB,EAChCC,WACAC,cACAC,cACAC,iBACAC,uBACAC,wBACAC,gBACAC,iBACAC,iBACAC,4BAEA,MAAMC,EAAqBC,UACzB,MAAMC,EAAwB,CAC5B,YACA,UACA,YACA,aACA,QACA,SACA,MACA,QAGF,MAAMC,EAAqC,CACzC,YACA,UACA,QACA,SACA,WACA,aAIF,GAAIb,EACFY,EAAsBE,KAAK,OAI7B,GAAIF,EAAsBG,SAASJ,EAAMK,QAAUL,EAAMM,UAAYf,EACnES,EAAMO,iBAGR,GAAIhB,GAAeW,EAAmCE,SAASJ,EAAMK,MACnEL,EAAMO,iBAGR,GAAIhB,EACF,OAAQS,EAAMK,MACZ,IAAK,YACL,IAAK,QACHb,EAAe,OACfC,EAAqB,GACrB,OACF,IAAK,UACHD,EAAe,OACfC,EAAqBE,EAAgB,GACrC,OACF,IAAK,SACL,IAAK,MACHH,EAAe,OACfF,EAAY,YAGhB,OAAQU,EAAMK,MACZ,IAAK,YACH,IAAKhB,EAAU,CACbC,EAAY,MACZG,EAAqB,GACrB,MACD,CACDA,GAAqBe,GACZA,EAAY,EAAIb,EAAgB,EAAI,EAAIa,EAAY,IAE7D,OACF,IAAK,UACH,IAAKnB,EAAU,CACbC,EAAY,MACZG,EAAqBE,EAAgB,GACrC,MACD,CAEDF,GAAqBe,GACZA,EAAY,EAAI,EAAIb,EAAgB,EAAIa,EAAY,IAE7D,OACF,IAAK,QACH,IAAKnB,EAAU,CACbC,EAAY,MACZG,EAAqB,GACrB,MACD,CAEDC,EAAsBM,EAAMS,QAC5Bb,EAAe,MACfN,EAAY,OAEZ,OACF,IAAK,QACL,IAAK,OACHG,EAAqB,GAErB,OACF,IAAK,MACH,GAAIE,GAAiBG,GAAyBT,EAAU,CACtDG,EAAe,OACfkB,EAAAb,EAAec,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,QACxB,MACD,CACDtB,EAAY,OAEZ,OACF,IAAK,SACH,GAAID,EACFC,EAAY,OAEd,OACF,IAAK,MACHG,EAAqBE,EAAgB,GACrC,OACF,IAAK,YACH,GAAIK,EAAMM,SAAWjB,EAAU,CAC7BW,EAAMO,iBACNd,EAAqB,EACtB,CACD,OACF,IAAK,aACH,GAAIO,EAAMM,SAAWjB,EAAU,CAC7BW,EAAMO,iBACNd,EAAqBE,EAAgB,EACtC,CACD,OAEL,EAGH,MAAO,CAAEI,oBAAmB,EAGvB,MAAMc,EAAwB,EACnCxB,WACAyB,sBACAC,yBAEA,MAAOC,EAAsBC,GAA2BC,EAAS,QACjE,MAAOC,EAASC,GAAcF,EAAS,GACvC,MAAOG,EAAcC,GAAmBJ,EAA4B,CAAE,GAEtEK,GAAU,KACRC,GAAgB,GACf,CAACnC,IAEJ,MAAMmC,EAAiB,KACrB,IAAKnC,IAAayB,EAAoBH,UAAYI,EAAmBJ,QACnE,OAKF,MAAMc,EAAqBV,EAAmBJ,QAAQe,wBAAwBC,OAG9E,MAAMC,EACJC,OAAOC,YAAcf,EAAmBJ,QAAQe,wBAAwBK,IAG1E,IAAIC,EAAqB,CAAED,IAAK,UAAWJ,OAAQ,WAGnD,GAAIF,EAAqBG,EACvBI,EAAW,CAAED,IAAK,UAAWJ,OAAQ,WAGvCL,EAAgBU,GAGhBC,EAA6BD,EAAS,EAGxC,MAAMC,EAAgCD,UAEpC,MAAME,GAAaxB,EAAAI,EAAoBH,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAgB,wBAAwBS,OACxE,MAAMC,EAAkBJ,EAASD,MAAQ,UAAY,MAAQ,SAE7D,IAAKhB,EAAmBJ,QAAS,CAC/B0B,QAAQC,MACN,6LAEF,MACD,CAED,MAAMC,EACJH,IAAoB,MAChBP,OAAOC,YACPf,EAAmBJ,QAAQe,wBAAwBU,GACnD,GACArB,EAAmBJ,QAAQe,wBAAwBU,GAAmB,GAE5E,GAAIF,GAAcK,EAAiBL,EAAY,CAC7CjB,EAAwB,GAAGsB,OAC3BnB,EAAW,KACX,MACD,CAEDH,EAAwB,QACxBG,EAAW,IAAI,EAGjB,MAAO,CACLJ,uBACAG,UACAC,aACAC,eACAC,kBACD"}

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

@@ -1,2 +1,2 @@
-import e,{useState as s}from"react";import r from"./Textarea.module.esm.js";import{useDetermineStatusIcon as o}from"../../src/hooks/useDetermineStatusIcon.esm.js";const a=e.forwardRef((({error:a=!1,success:t=!1,disabled:u=!1,className:c,rows:l=4,wrapperProps:n,onFocus:m,onBlur:p,...i},d)=>{const[h,f]=s(!1),N=[r["textarea-wrapper"]],w=[r.outline];(null==n?void 0:n.className)&&N.push(n.className),u&&N.push(r.disabled)&&w.push(r.disabled),a&&N.push(r.error)&&w.push(r.error),h&&N.push(r.focus)&&w.push(r.focus),t&&N.push("success");const x=o({success:t,error:a});return e.createElement("div",{...n,className:N.join(" ")},e.createElement("textarea",{...i,ref:d,rows:l,className:`${a?r.error:""} ${r.textarea} ${null!=c?c:""}`,disabled:u,onFocus:e=>{f(!0),null==m||m(e)},onBlur:e=>{f(!1),null==p||p(e)}}),x,e.createElement("span",{className:w.join(" ")}))}));export{a as Textarea};
+import s,{useState as e}from"react";import r from"./Textarea.module.esm.js";import{useDetermineStatusIcon as o}from"../../src/hooks/useDetermineStatusIcon.esm.js";const a=({error:a=false,success:l=false,disabled:t=false,className:c,rows:u=4,wrapperProps:n,onFocus:i,onBlur:m,...d},p)=>{const[f,h]=e(false);const v=[r["textarea-wrapper"]];const N=[r["outline"]];(n===null||n===void 0?void 0:n.className)&&v.push(n.className);t&&v.push(r["disabled"])&&N.push(r["disabled"]);a&&v.push(r["error"])&&N.push(r["error"]);f&&v.push(r["focus"])&&N.push(r["focus"]);l&&v.push("success");const w=o({success:l,error:a});return s.createElement("div",{...n,className:v.join(" ")},s.createElement("textarea",{...d,ref:p,rows:u,className:`${a?r["error"]:""} ${r["textarea"]} ${c!==null&&c!==void 0?c:""}`,disabled:t,onFocus:s=>{h(true);i===null||i===void 0?void 0:i(s)},onBlur:s=>{h(false);m===null||m===void 0?void 0:m(s)}}),w,s.createElement("span",{className:N.join(" ")}))};const l=s.forwardRef(a);export{l as Textarea};
 //# sourceMappingURL=Textarea.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Textarea.esm.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./Textarea.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\nexport interface Props extends ComponentPropsWithRef<\"textarea\">, FormElement {\n wrapperProps?: ComponentPropsWithRef<\"div\">;\n}\n\nconst TextareaComponent: ForwardRefRenderFunction<HTMLTextAreaElement, Props> = (\n {\n error = false,\n success = false,\n disabled = false,\n className,\n rows = 4,\n wrapperProps,\n onFocus,\n onBlur,\n ...rest\n }: Props,\n ref\n) => {\n const [focus, setFocus] = useState(false);\n\n const wrapperClasses = [classes[\"textarea-wrapper\"]];\n const outlineClasses = [classes[\"outline\"]];\n\n wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n success && wrapperClasses.push(\"success\");\n\n const icon = useDetermineStatusIcon({ success, error });\n\n return (\n <div {...wrapperProps} className={wrapperClasses.join(\" \")}>\n <textarea\n {...rest}\n ref={ref}\n rows={rows}\n className={`${error ? classes[\"error\"] : \"\"} ${classes[\"textarea\"]} ${className ?? \"\"}`}\n disabled={disabled}\n onFocus={event => {\n setFocus(true);\n onFocus?.(event);\n }}\n onBlur={event => {\n setFocus(false);\n onBlur?.(event);\n }}\n />\n {icon}\n <span className={outlineClasses.join(\" \")}></span>\n </div>\n );\n};\n\nexport const Textarea = React.forwardRef(TextareaComponent);\n"],"names":["TextareaComponent","error","success","disabled","className","rows","wrapperProps","onFocus","onBlur","rest","ref","focus","setFocus","useState","wrapperClasses","classes","outlineClasses","push","icon","useDetermineStatusIcon","React","createElement","join","event","Textarea","forwardRef"],"mappings":"mKAyBA,MAAMA,EAA0E,EAE5EC,QAAQ,MACRC,UAAU,MACVC,WAAW,MACXC,YACAC,OAAO,EACPC,eACAC,UACAC,YACGC,GAELC,KAEA,MAAOC,EAAOC,GAAYC,EAAS,OAEnC,MAAMC,EAAiB,CAACC,EAAQ,qBAChC,MAAMC,EAAiB,CAACD,EAAQ,aAEhCT,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAcF,YAAaU,EAAeG,KAAKX,EAAaF,WAC5DD,GAAYW,EAAeG,KAAKF,EAAQ,cAAgBC,EAAeC,KAAKF,EAAQ,aACpFd,GAASa,EAAeG,KAAKF,EAAQ,WAAaC,EAAeC,KAAKF,EAAQ,UAC9EJ,GAASG,EAAeG,KAAKF,EAAQ,WAAaC,EAAeC,KAAKF,EAAQ,UAC9Eb,GAAWY,EAAeG,KAAK,WAE/B,MAAMC,EAAOC,EAAuB,CAAEjB,UAASD,UAE/C,OACEmB,EAASC,cAAA,MAAA,IAAAf,EAAcF,UAAWU,EAAeQ,KAAK,MACpDF,EACMC,cAAA,WAAA,IAAAZ,EACJC,IAAKA,EACLL,KAAMA,EACND,UAAW,GAAGH,EAAQc,EAAQ,SAAW,MAAMA,EAAQ,eAAeX,IAAS,MAATA,SAAS,EAATA,EAAa,KACnFD,SAAUA,EACVI,QAASgB,IACPX,EAAS,MACTL,UAAAA,SAAO,OAAA,EAAPA,EAAUgB,EAAM,EAElBf,OAAQe,IACNX,EAAS,OACTJ,UAAAA,SAAM,OAAA,EAANA,EAASe,EAAM,IAGlBL,EACDE,EAAMC,cAAA,OAAA,CAAAjB,UAAWY,EAAeM,KAAK,OAEvC,EAGS,MAAAE,EAAWJ,EAAMK,WAAWzB"}

package/dist/esm/Form/Textarea/Textarea.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".Textarea_module_srOnly__2da13637{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Textarea_module_hidden__2da13637{display:none}.Textarea_module_slideIn__2da13637{animation:Textarea_module_slideIn__2da13637 .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea_module_slideIn__2da13637{animation-duration:.1ms}}.Textarea_module_slideOut__2da13637{animation:Textarea_module_slideOut__2da13637 .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea_module_slideOut__2da13637{animation-duration:.1ms}}@keyframes Textarea_module_slideIn__2da13637{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_module_slideOut__2da13637{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Textarea_module_textareaWrapper__2da13637{box-sizing:border-box;position:relative;width:100%}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=error],.Textarea_module_textareaWrapper__2da13637 [data-icon-status=success]{font-size:1.25rem;position:absolute;right:1.25rem;top:.85rem;z-index:1}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=error]:before,.Textarea_module_textareaWrapper__2da13637 [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=success]{color:var(--success)}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=error]{color:var(--error)}.Textarea_module_textareaWrapper__2da13637:hover .Textarea_module_outline__2da13637{background-color:var(--input-hover-background-color);border-color:var(--default)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_disabled__2da13637{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_error__2da13637{border-color:var(--error)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_focus__2da13637{border-width:var(--input-border-width-focus)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_focus__2da13637:not(.Textarea_module_error__2da13637){border-color:var(--color-focus)}.Textarea_module_textarea__2da13637{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);margin:var(--input-border-width) 0;padding:.625rem .5rem;position:relative;resize:vertical;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;vertical-align:top;width:calc(100% - var(--input-border-width));z-index:1}@media (prefers-reduced-motion:reduce){.Textarea_module_textarea__2da13637{transition-duration:.1ms}}.Textarea_module_textarea__2da13637:disabled{color:var(--greyed-out);cursor:not-allowed}.Textarea_module_textarea__2da13637:focus:not(:disabled){outline:none}.Textarea_module_outline__2da13637{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea_module_outline__2da13637{transition-duration:.1ms}}.Textarea_module_error__2da13637{border-color:var(--error)}",r={"sr-only":"Textarea_module_srOnly__2da13637",hidden:"Textarea_module_hidden__2da13637","slide-in":"Textarea_module_slideIn__2da13637","slide-out":"Textarea_module_slideOut__2da13637","textarea-wrapper":"Textarea_module_textareaWrapper__2da13637",outline:"Textarea_module_outline__2da13637",disabled:"Textarea_module_disabled__2da13637",error:"Textarea_module_error__2da13637",focus:"Textarea_module_focus__2da13637",textarea:"Textarea_module_textarea__2da13637"};e(a,{});export{a as css,r as default};
+import e from "../../../lib/style-inject.js";var i='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea-module_sr-only__aJaJl{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Textarea-module_hidden__-YcqE{display:none}.Textarea-module_slide-in__r1Z6F{animation:Textarea-module_slide-in__r1Z6F .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-in__r1Z6F{animation-duration:.1ms}}.Textarea-module_slide-out__tWdHB{animation:Textarea-module_slide-out__tWdHB .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-out__tWdHB{animation-duration:.1ms}}@keyframes Textarea-module_slide-in__r1Z6F{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea-module_slide-out__tWdHB{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea-module_textarea-wrapper__an3Pf{box-sizing:border-box;position:relative;width:100%}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error],.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{font-size:1.25rem;position:absolute;right:1.25rem;top:.85rem;z-index:1}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]:before,.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{color:var(--success)}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]{color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf:hover .Textarea-module_outline__tyQcN{background-color:var(--input-hover-background-color);border-color:var(--default)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_disabled__9Ay4b{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_error__pH5ff{border-color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36{border-width:var(--input-border-width-focus)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36:not(.Textarea-module_error__pH5ff){border-color:var(--color-focus)}.Textarea-module_textarea__ss1Sy{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);margin:var(--input-border-width) 0;padding:.625rem .5rem;position:relative;resize:vertical;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;vertical-align:top;width:calc(100% - var(--input-border-width));z-index:1}@media (prefers-reduced-motion:reduce){.Textarea-module_textarea__ss1Sy{transition-duration:.1ms}}.Textarea-module_textarea__ss1Sy:disabled{color:var(--greyed-out);cursor:not-allowed}.Textarea-module_textarea__ss1Sy:focus:not(:disabled){outline:none}.Textarea-module_outline__tyQcN{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea-module_outline__tyQcN{transition-duration:.1ms}}.Textarea-module_error__pH5ff{border-color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlDQUVFLHFCQUFzQixDQUR0QixpQkFBa0IsQ0FFbEIsVUFDRixDQUNBLHNJQU1FLGlCQUFrQixDQUpsQixpQkFBa0IsQ0FDbEIsYUFBYyxDQUVkLFVBQVksQ0FEWixTQUdGLENBQ0Esb0pBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0Esb0VBQ0Usb0JBQ0YsQ0FDQSxrRUFDRSxrQkFDRixDQUNBLCtFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLHlHQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLHNHQUNFLHlCQUNGLENBQ0Esc0dBQ0UsNENBQ0YsQ0FDQSx5SUFDRSwrQkFDRixDQUVBLGlDQWNFLDRCQUE2QixDQVg3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQVF0QiwrQkFBZ0MsQ0FGaEMsOEJBQStCLENBQy9CLHVDQUF3QyxDQVN4QyxrQ0FBbUMsQ0FqQm5DLHFCQUF3QixDQVl4QixpQkFBa0IsQ0FEbEIsZUFBZ0IsQ0FOaEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FJdkMsa0JBQW1CLENBTW5CLDRDQUE2QyxDQUY3QyxTQUlGLENBQ0EsdUNBQ0UsaUNBQ0Usd0JBQ0YsQ0FDRixDQUNBLDBDQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNBLHNEQUNFLFlBQ0YsQ0FFQSxnQ0FNRSxzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHNDQUF1QyxDQUN2QyxzQ0FBdUMsQ0FIdkMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVNsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsZ0NBQ0Usd0JBQ0YsQ0FDRixDQUVBLDhCQUNFLHlCQUNGIiwiZmlsZSI6IlRleHRhcmVhLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50ZXh0YXJlYS13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdLFxuLnRleHRhcmVhLXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMS4yNXJlbTtcbiAgei1pbmRleDogMTtcbiAgdG9wOiAwLjg1cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuXG4udGV4dGFyZWEge1xuICBwYWRkaW5nOiAwLjYyNXJlbSAwLjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbiAgLyogbWFraW5nIHNwYWNlIGZvciBvdXRsaW5lIGluIHRleHQgYXJlYSB3aGVuIHNjcm9sbCBiYXIgaXMgdmlzaWJsZTogd2lkdGggc21hbGxlciBhbmQgbWFyZ2luIHRvcCAmIGJvdHRvbSB0byBoYXZlIHNwYWNlIGZvciBib3JkZXIgKi9cbiAgd2lkdGg6IGNhbGMoMTAwJSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBtYXJnaW46IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkgMDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50ZXh0YXJlYSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50ZXh0YXJlYTpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi50ZXh0YXJlYTpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */';var a={"sr-only":"Textarea-module_sr-only__aJaJl",hidden:"Textarea-module_hidden__-YcqE","slide-in":"Textarea-module_slide-in__r1Z6F","slide-out":"Textarea-module_slide-out__tWdHB","textarea-wrapper":"Textarea-module_textarea-wrapper__an3Pf",outline:"Textarea-module_outline__tyQcN",disabled:"Textarea-module_disabled__9Ay4b",error:"Textarea-module_error__pH5ff",focus:"Textarea-module_focus__CKf36",textarea:"Textarea-module_textarea__ss1Sy"};e(i);export{a as default};
 //# sourceMappingURL=Textarea.module.esm.js.map

package/dist/esm/Form/Toggle/Toggle.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import{Checkbox as r}from"../Checkbox/Checkbox.esm.js";import a from"./Toggle.module.esm.js";const l=e.forwardRef((({checked:l,disabled:p,helperProps:s,className:o,label:t,labelPosition:g="right",hideLabel:c=!1,labelOverflow:h="nowrap",version:d="emphasis",spacing:i="packed",...m},b)=>{const n=[a["toggle-wrapper"]];return o&&n.push(o),n.push(a[`toggle-wrapper--${g}`]),c&&n.push(a["toggle-wrapper--hide-label"]),n.push(a[`toggle-wrapper--${h}`]),n.push(a[`toggle-wrapper--${d}`]),n.push(a[`toggle-wrapper--${i}`]),p&&n.push(a["toggle-wrapper--disabled"]),e.createElement("div",{className:n.join(" ")},e.createElement(r,{...m,ref:b,checked:l,className:a.checkbox,helperProps:{className:a["toggle-helper"],...s},disabled:p,label:t},e.createElement("span",{"data-toggle":"true","aria-hidden":"true",className:`${a.toggle} ${l?a.checked:""} ${p?a.disabled:""} `})))}));export{l as Toggle};
+import e from"react";import{Checkbox as a}from"../Checkbox/Checkbox.esm.js";import r from"./Toggle.module.esm.js";const l=({checked:l,disabled:s,helperProps:p,className:o,label:t,labelPosition:c="right",hideLabel:g=false,labelOverflow:h="nowrap",version:d="emphasis",spacing:i="packed",...m},n)=>{const b=[r["toggle-wrapper"]];o&&b.push(o);b.push(r[`toggle-wrapper--${c}`]);g&&b.push(r["toggle-wrapper--hide-label"]);b.push(r[`toggle-wrapper--${h}`]);b.push(r[`toggle-wrapper--${d}`]);b.push(r[`toggle-wrapper--${i}`]);s&&b.push(r["toggle-wrapper--disabled"]);return e.createElement("div",{className:b.join(" ")},e.createElement(a,{...m,ref:n,checked:l,className:r["checkbox"],helperProps:{className:r["toggle-helper"],...p},disabled:s,label:t},e.createElement("span",{"data-toggle":"true","aria-hidden":"true",className:`${r["toggle"]} ${l?r["checked"]:""} ${s?r["disabled"]:""} `})))};const s=e.forwardRef(l);export{s as Toggle};
 //# sourceMappingURL=Toggle.esm.js.map

package/dist/esm/Form/Toggle/Toggle.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Toggle.esm.js","sources":["../../../../../../src/components/Form/Toggle/Toggle.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 { Checkbox, Props as CheckboxProps } from \"../Checkbox/Checkbox\";\nimport classes from \"./Toggle.module.scss\";\n\nexport interface Props\n extends ComponentPropsWithRef<\"input\">,\n Omit<CheckboxProps, \"indeterminate\" \| \"errorMessage\" \| \"error\" \| \"label\"> {\n label?: string \| React.ReactElement;\n labelPosition?: \"left\" \| \"right\";\n hideLabel?: boolean;\n labelOverflow?: \"wrap\" \| \"nowrap\";\n version?: \"emphasis\" \| \"neutral\";\n spacing?: \"packed\" \| \"between\";\n}\n\nconst ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n checked,\n disabled,\n helperProps,\n className,\n label,\n labelPosition = \"right\",\n hideLabel = false,\n labelOverflow = \"nowrap\",\n version = \"emphasis\",\n spacing = \"packed\",\n ...rest\n }: Props,\n ref\n) => {\n const classNames = [classes[\"toggle-wrapper\"]];\n className && classNames.push(className);\n classNames.push(classes[`toggle-wrapper--${labelPosition}`]);\n hideLabel && classNames.push(classes[\"toggle-wrapper--hide-label\"]);\n classNames.push(classes[`toggle-wrapper--${labelOverflow}`]);\n classNames.push(classes[`toggle-wrapper--${version}`]);\n classNames.push(classes[`toggle-wrapper--${spacing}`]);\n disabled && classNames.push(classes[\"toggle-wrapper--disabled\"]);\n\n return (\n <div className={classNames.join(\" \")}>\n <Checkbox\n {...rest}\n ref={ref}\n checked={checked}\n className={classes[\"checkbox\"]}\n helperProps={{ className: classes[\"toggle-helper\"], ...helperProps }}\n disabled={disabled}\n label={label}\n >\n <span\n data-toggle=\"true\"\n aria-hidden=\"true\"\n className={`${classes[\"toggle\"]} ${checked ? classes[\"checked\"] : \"\"} ${\n disabled ? classes[\"disabled\"] : \"\"\n } `}\n ></span>\n </Checkbox>\n </div>\n );\n};\n\nexport const Toggle = React.forwardRef(ToggleComponent);\n"],"names":["ToggleComponent","checked","disabled","helperProps","className","label","labelPosition","hideLabel","labelOverflow","version","spacing","rest","ref","classNames","classes","push","React","join","createElement","Checkbox","Toggle","forwardRef"],"mappings":"kHA+BA,MAAMA,EAAqE,EAEvEC,UACAC,WACAC,cACAC,YACAC,QACAC,gBAAgB,QAChBC,YAAY,MACZC,gBAAgB,SAChBC,UAAU,WACVC,UAAU,YACPC,GAELC,KAEA,MAAMC,EAAa,CAACC,EAAQ,mBAC5BV,GAAaS,EAAWE,KAAKX,GAC7BS,EAAWE,KAAKD,EAAQ,mBAAmBR,MAC3CC,GAAaM,EAAWE,KAAKD,EAAQ,+BACrCD,EAAWE,KAAKD,EAAQ,mBAAmBN,MAC3CK,EAAWE,KAAKD,EAAQ,mBAAmBL,MAC3CI,EAAWE,KAAKD,EAAQ,mBAAmBJ,MAC3CR,GAAYW,EAAWE,KAAKD,EAAQ,6BAEpC,OACEE,uBAAKZ,UAAWS,EAAWI,KAAK,MAC9BD,EAAAE,cAACC,EACK,IAAAR,EACJC,IAAKA,EACLX,QAASA,EACTG,UAAWU,EAAQ,YACnBX,YAAa,CAAEC,UAAWU,EAAQ,oBAAqBX,GACvDD,SAAUA,EACVG,MAAOA,GAEPW,EAAAE,cAAA,OAAA,CAAA,cACc,OACA,cAAA,OACZd,UAAW,GAAGU,EAAQ,aAAab,EAAUa,EAAQ,WAAa,MAChEZ,EAAWY,EAAQ,YAAc,SAKzC,EAGS,MAAAM,EAASJ,EAAMK,WAAWrB"}

package/dist/esm/Form/Toggle/Toggle.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o='.Toggle_module_srOnly__9aec994f{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Toggle_module_hidden__9aec994f{display:none}.Toggle_module_slideIn__9aec994f{animation:Toggle_module_slideIn__9aec994f .5s forwards}@media (prefers-reduced-motion:reduce){.Toggle_module_slideIn__9aec994f{animation-duration:.1ms}}.Toggle_module_slideOut__9aec994f{animation:Toggle_module_slideOut__9aec994f .5s forwards}@media (prefers-reduced-motion:reduce){.Toggle_module_slideOut__9aec994f{animation-duration:.1ms}}@keyframes Toggle_module_slideIn__9aec994f{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_module_slideOut__9aec994f{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Toggle_module_toggleWrapper__9aec994f{align-items:center;display:flex;position:relative}.Toggle_module_toggleWrapper__9aec994f label{white-space:nowrap}.Toggle_module_toggleWrapper_Left__9aec994f>div>div{flex-direction:row-reverse;position:relative}.Toggle_module_toggleWrapper_Left__9aec994f>div>div input{left:auto;right:0}.Toggle_module_toggleWrapper_Left__9aec994f>div>div label{margin-left:0;margin-right:.5rem}.Toggle_module_toggleWrapper_Left__9aec994f>div>div+div{margin-left:0}.Toggle_module_toggleWrapper_HideLabel__9aec994f>div>div label{display:none}.Toggle_module_toggleWrapper_HideLabel__9aec994f>div>div+div{margin-left:0}.Toggle_module_toggleWrapper_Wrap__9aec994f label{white-space:normal}.Toggle_module_toggleWrapper_Neutral__9aec994f input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_module_toggleWrapper_Neutral__9aec994f input+span:after{color:var(--color-blue-grey500)}.Toggle_module_toggleWrapper_Between__9aec994f,.Toggle_module_toggleWrapper_Between__9aec994f>div{width:100%}.Toggle_module_toggleWrapper_Between__9aec994f>div>div{justify-content:space-between}.Toggle_module_toggleWrapper_Between__9aec994f.Toggle_module_toggleWrapper_Right__9aec994f>div>div+div{margin-left:0;text-align:right}.Toggle_module_toggleWrapper_Disabled__9aec994f input+span{background-color:var(--color-blue-grey50)}.Toggle_module_toggleWrapper_Disabled__9aec994f input+span:before{background-color:var(--color-blue-grey200)}.Toggle_module_toggleWrapper_Disabled__9aec994f input+span:after{color:var(--color-blue-grey50)}.Toggle_module_toggleWrapper_Disabled__9aec994f input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_module_toggleWrapper_Disabled__9aec994f input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_module_toggleWrapper_Disabled__9aec994f input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_module_toggle__9aec994f{background-color:var(--toggle-background-color);border-radius:2.5rem;display:block;height:1.25rem;min-width:2rem;pointer-events:none;position:relative;transition-duration:.2s;transition-property:background-color;transition-timing-function:ease-in-out;width:2rem}@media (prefers-reduced-motion:reduce){.Toggle_module_toggle__9aec994f{transition-duration:.1ms}}.Toggle_module_toggle__9aec994f:before{background-color:var(--light);border-radius:50%;content:"";display:block;height:1rem;left:.125rem;position:absolute;top:50%;transform:translateY(-50%) translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.Toggle_module_toggle__9aec994f:before{transition-duration:.1ms}}.Toggle_module_toggle__9aec994f:after{color:var(--color-primary);content:"\\e927";font-family:icomoon;font-size:.4375rem;left:.4rem;position:absolute;top:47%;transform:translateY(-50%) translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Toggle_module_toggle__9aec994f:after{transition-duration:.1ms}}.Toggle_module_toggle__9aec994f.Toggle_module_checked__9aec994f{background-color:var(--color-primary)}.Toggle_module_toggle__9aec994f.Toggle_module_checked__9aec994f:before{transform:translateY(-50%) translateX(calc(100% - .25rem))}.Toggle_module_toggle__9aec994f.Toggle_module_checked__9aec994f:after{content:"\\e938";transform:translateY(-50%) translateX(170%)}.Toggle_module_toggle__9aec994f.Toggle_module_disabled__9aec994f{cursor:not-allowed}.Toggle_module_toggleHelper__9aec994f{margin-left:2.5rem}.Toggle_module_checkbox__9aec994f{position:static;z-index:10}.Toggle_module_checkbox__9aec994f>div:first-child{align-items:flex-start;display:flex}.Toggle_module_checkbox__9aec994f input{width:2rem}.Toggle_module_checkbox__9aec994f input~[data-icon][aria-hidden]{display:none}.Toggle_module_checkbox__9aec994f input:focus-visible+*{border-radius:2.5rem;outline-offset:.125rem;outline-width:.125rem}',l={"sr-only":"Toggle_module_srOnly__9aec994f",hidden:"Toggle_module_hidden__9aec994f","slide-in":"Toggle_module_slideIn__9aec994f","slide-out":"Toggle_module_slideOut__9aec994f","toggle-wrapper":"Toggle_module_toggleWrapper__9aec994f","toggle-wrapper--left":"Toggle_module_toggleWrapper_Left__9aec994f","toggle-wrapper--hide-label":"Toggle_module_toggleWrapper_HideLabel__9aec994f","toggle-wrapper--wrap":"Toggle_module_toggleWrapper_Wrap__9aec994f","toggle-wrapper--neutral":"Toggle_module_toggleWrapper_Neutral__9aec994f","toggle-wrapper--between":"Toggle_module_toggleWrapper_Between__9aec994f","toggle-wrapper--right":"Toggle_module_toggleWrapper_Right__9aec994f","toggle-wrapper--disabled":"Toggle_module_toggleWrapper_Disabled__9aec994f",toggle:"Toggle_module_toggle__9aec994f",checked:"Toggle_module_checked__9aec994f",disabled:"Toggle_module_disabled__9aec994f","toggle-helper":"Toggle_module_toggleHelper__9aec994f",checkbox:"Toggle_module_checkbox__9aec994f"};e(o,{});export{o as css,l as default};
+import e from "../../../lib/style-inject.js";var l='/*!\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 */.Toggle-module_sr-only__0TsNJ{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Toggle-module_hidden__n0gJF{display:none}.Toggle-module_slide-in__c0pPe{animation:Toggle-module_slide-in__c0pPe .5s forwards}@media (prefers-reduced-motion:reduce){.Toggle-module_slide-in__c0pPe{animation-duration:.1ms}}.Toggle-module_slide-out__7zFfU{animation:Toggle-module_slide-out__7zFfU .5s forwards}@media (prefers-reduced-motion:reduce){.Toggle-module_slide-out__7zFfU{animation-duration:.1ms}}@keyframes Toggle-module_slide-in__c0pPe{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle-module_slide-out__7zFfU{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 */.Toggle-module_toggle-wrapper__HJDTR{align-items:center;display:flex;position:relative}.Toggle-module_toggle-wrapper__HJDTR label{white-space:nowrap}.Toggle-module_toggle-wrapper--left__sG5aX>div>div{flex-direction:row-reverse;position:relative}.Toggle-module_toggle-wrapper--left__sG5aX>div>div input{left:auto;right:0}.Toggle-module_toggle-wrapper--left__sG5aX>div>div label{margin-left:0;margin-right:.5rem}.Toggle-module_toggle-wrapper--left__sG5aX>div>div+div{margin-left:0}.Toggle-module_toggle-wrapper--hide-label__3nba->div>div label{display:none}.Toggle-module_toggle-wrapper--hide-label__3nba->div>div+div{margin-left:0}.Toggle-module_toggle-wrapper--wrap__Kcz8m label{white-space:normal}.Toggle-module_toggle-wrapper--neutral__qwlSy input:checked+span{background-color:var(--color-blue-grey500)}.Toggle-module_toggle-wrapper--neutral__qwlSy input+span:after{color:var(--color-blue-grey500)}.Toggle-module_toggle-wrapper--between__44-Q7,.Toggle-module_toggle-wrapper--between__44-Q7>div{width:100%}.Toggle-module_toggle-wrapper--between__44-Q7>div>div{justify-content:space-between}.Toggle-module_toggle-wrapper--between__44-Q7.Toggle-module_toggle-wrapper--right__Xhn23>div>div+div{margin-left:0;text-align:right}.Toggle-module_toggle-wrapper--disabled__tFK90 input+span{background-color:var(--color-blue-grey50)}.Toggle-module_toggle-wrapper--disabled__tFK90 input+span:before{background-color:var(--color-blue-grey200)}.Toggle-module_toggle-wrapper--disabled__tFK90 input+span:after{color:var(--color-blue-grey50)}.Toggle-module_toggle-wrapper--disabled__tFK90 input:checked+span{background-color:var(--color-blue-grey200)}.Toggle-module_toggle-wrapper--disabled__tFK90 input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle-module_toggle-wrapper--disabled__tFK90 input:checked+span:after{color:var(--color-blue-grey200)}.Toggle-module_toggle__yQYkY{background-color:var(--toggle-background-color);border-radius:2.5rem;display:block;height:1.25rem;min-width:2rem;pointer-events:none;position:relative;transition-duration:.2s;transition-property:background-color;transition-timing-function:ease-in-out;width:2rem}@media (prefers-reduced-motion:reduce){.Toggle-module_toggle__yQYkY{transition-duration:.1ms}}.Toggle-module_toggle__yQYkY:before{background-color:var(--light);border-radius:50%;content:"";display:block;height:1rem;left:.125rem;position:absolute;top:50%;transform:translateY(-50%) translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.Toggle-module_toggle__yQYkY:before{transition-duration:.1ms}}.Toggle-module_toggle__yQYkY:after{color:var(--color-primary);content:"\\e927";font-family:icomoon;font-size:.4375rem;left:.4rem;position:absolute;top:47%;transform:translateY(-50%) translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Toggle-module_toggle__yQYkY:after{transition-duration:.1ms}}.Toggle-module_toggle__yQYkY.Toggle-module_checked__glIeq{background-color:var(--color-primary)}.Toggle-module_toggle__yQYkY.Toggle-module_checked__glIeq:before{transform:translateY(-50%) translateX(calc(100% - .25rem))}.Toggle-module_toggle__yQYkY.Toggle-module_checked__glIeq:after{content:"\\e938";transform:translateY(-50%) translateX(170%)}.Toggle-module_toggle__yQYkY.Toggle-module_disabled__UZaBW{cursor:not-allowed}.Toggle-module_toggle-helper__g0Wbe{margin-left:2.5rem}.Toggle-module_checkbox__K9kym{position:static;z-index:10}.Toggle-module_checkbox__K9kym>div:first-child{align-items:flex-start;display:flex}.Toggle-module_checkbox__K9kym input{width:2rem}.Toggle-module_checkbox__K9kym input~[data-icon][aria-hidden]{display:none}.Toggle-module_checkbox__K9kym input:focus-visible+*{border-radius:2.5rem;outline-offset:.125rem;outline-width:.125rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixxQ0FFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUViLGlCQUNGLENBQ0EsMkNBQ0Usa0JBQ0YsQ0FDQSxtREFDRSwwQkFBMkIsQ0FDM0IsaUJBQ0YsQ0FDQSx5REFDRSxTQUFhLENBQ2IsT0FDRixDQUNBLHlEQUNFLGFBQWMsQ0FDZCxrQkFDRixDQUNBLHVEQUNFLGFBQ0YsQ0FDQSwrREFDRSxZQUNGLENBQ0EsNkRBQ0UsYUFDRixDQUNBLGlEQUNFLGtCQUNGLENBQ0EsaUVBQ0UsMENBQ0YsQ0FDQSwrREFDRSwrQkFDRixDQUlBLGdHQUNFLFVBQ0YsQ0FDQSxzREFDRSw2QkFDRixDQUNBLHFHQUNFLGFBQWMsQ0FDZCxnQkFDRixDQUNBLDBEQUNFLHlDQUNGLENBQ0EsaUVBQ0UsMENBQ0YsQ0FDQSxnRUFDRSw4QkFDRixDQUNBLGtFQUNFLDBDQUNGLENBQ0EseUVBQ0UseUNBQ0YsQ0FDQSx3RUFDRSwrQkFDRixDQUVBLDZCQUlFLCtDQUFnRCxDQUNoRCxvQkFBcUIsQ0FLckIsYUFBYyxDQVBkLGNBQWUsQ0FEZixjQUFlLENBU2YsbUJBQW9CLENBTHBCLGlCQUFrQixDQUVsQix1QkFBeUIsQ0FEekIsb0NBQXFDLENBRXJDLHNDQUF1QyxDQVJ2QyxVQVdGLENBQ0EsdUNBQ0UsNkJBQ0Usd0JBQ0YsQ0FDRixDQUNBLG9DQU1FLDZCQUE4QixDQUY5QixpQkFBa0IsQ0FIbEIsVUFBVyxDQUlYLGFBQWMsQ0FGZCxXQUFZLENBT1osWUFBYyxDQUhkLGlCQUFrQixDQUNsQixPQUFRLENBQ1Isd0NBQXlDLENBR3pDLHVCQUF5QixDQUR6Qiw2QkFBOEIsQ0FFOUIsc0NBQXVDLENBWHZDLFVBWUYsQ0FDQSx1Q0FDRSxvQ0FDRSx3QkFDRixDQUNGLENBQ0EsbUNBUUUsMEJBQTJCLENBUDNCLGVBQWdCLENBQ2hCLG1CQUFzQixDQUV0QixrQkFBb0IsQ0FFcEIsVUFBWSxDQUhaLGlCQUFrQixDQUVsQixPQUFRLENBRVIsd0NBQXlDLENBR3pDLHVCQUF5QixDQUR6Qiw2QkFBOEIsQ0FFOUIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMERBQ0UscUNBQ0YsQ0FDQSxpRUFDRSwwREFDRixDQUNBLGdFQUVFLGVBQWdCLENBRGhCLDJDQUVGLENBQ0EsMkRBQ0Usa0JBQ0YsQ0FFQSxvQ0FDRSxrQkFDRixDQUVBLCtCQUVFLGVBQWdCLENBRGhCLFVBRUYsQ0FDQSwrQ0FFRSxzQkFBdUIsQ0FEdkIsWUFFRixDQUNBLHFDQUNFLFVBQ0YsQ0FDQSw4REFDRSxZQUNGLENBQ0EscURBQ0Usb0JBQXFCLENBQ3JCLHNCQUF3QixDQUN4QixxQkFDRiIsImZpbGUiOiJUb2dnbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRvZ2dsZS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLnRvZ2dsZS13cmFwcGVyIGxhYmVsIHtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cbi50b2dnbGUtd3JhcHBlci0tbGVmdCA+IGRpdiA+IGRpdiB7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3ctcmV2ZXJzZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLnRvZ2dsZS13cmFwcGVyLS1sZWZ0ID4gZGl2ID4gZGl2IGlucHV0IHtcbiAgbGVmdDogaW5pdGlhbDtcbiAgcmlnaHQ6IDA7XG59XG4udG9nZ2xlLXdyYXBwZXItLWxlZnQgPiBkaXYgPiBkaXYgbGFiZWwge1xuICBtYXJnaW4tbGVmdDogMDtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG59XG4udG9nZ2xlLXdyYXBwZXItLWxlZnQgPiBkaXYgPiBkaXYgKyBkaXYge1xuICBtYXJnaW4tbGVmdDogMDtcbn1cbi50b2dnbGUtd3JhcHBlci0taGlkZS1sYWJlbCA+IGRpdiA+IGRpdiBsYWJlbCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4udG9nZ2xlLXdyYXBwZXItLWhpZGUtbGFiZWwgPiBkaXYgPiBkaXYgKyBkaXYge1xuICBtYXJnaW4tbGVmdDogMDtcbn1cbi50b2dnbGUtd3JhcHBlci0td3JhcCBsYWJlbCB7XG4gIHdoaXRlLXNwYWNlOiBub3JtYWw7XG59XG4udG9nZ2xlLXdyYXBwZXItLW5ldXRyYWwgaW5wdXQ6Y2hlY2tlZCArIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xufVxuLnRvZ2dsZS13cmFwcGVyLS1uZXV0cmFsIGlucHV0ICsgc3BhbjphZnRlciB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xufVxuLnRvZ2dsZS13cmFwcGVyLS1iZXR3ZWVuIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4udG9nZ2xlLXdyYXBwZXItLWJldHdlZW4gPiBkaXYge1xuICB3aWR0aDogMTAwJTtcbn1cbi50b2dnbGUtd3JhcHBlci0tYmV0d2VlbiA+IGRpdiA+IGRpdiB7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cbi50b2dnbGUtd3JhcHBlci0tYmV0d2Vlbi50b2dnbGUtd3JhcHBlci0tcmlnaHQgPiBkaXYgPiBkaXYgKyBkaXYge1xuICBtYXJnaW4tbGVmdDogMDtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG4udG9nZ2xlLXdyYXBwZXItLWRpc2FibGVkIGlucHV0ICsgc3BhbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwKTtcbn1cbi50b2dnbGUtd3JhcHBlci0tZGlzYWJsZWQgaW5wdXQgKyBzcGFuOmJlZm9yZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4udG9nZ2xlLXdyYXBwZXItLWRpc2FibGVkIGlucHV0ICsgc3BhbjphZnRlciB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MCk7XG59XG4udG9nZ2xlLXdyYXBwZXItLWRpc2FibGVkIGlucHV0OmNoZWNrZWQgKyBzcGFuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi50b2dnbGUtd3JhcHBlci0tZGlzYWJsZWQgaW5wdXQ6Y2hlY2tlZCArIHNwYW46YmVmb3JlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xufVxuLnRvZ2dsZS13cmFwcGVyLS1kaXNhYmxlZCBpbnB1dDpjaGVja2VkICsgc3BhbjphZnRlciB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuXG4udG9nZ2xlIHtcbiAgd2lkdGg6IDJyZW07XG4gIG1pbi13aWR0aDogMnJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10b2dnbGUtYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDIuNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50b2dnbGUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udG9nZ2xlOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoMCk7XG4gIGxlZnQ6IDAuMTI1cmVtO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50b2dnbGU6YmVmb3JlIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnRvZ2dsZTphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXFxlOTI3XCI7XG4gIGZvbnQtZmFtaWx5OiBcImljb21vb25cIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBmb250LXNpemU6IDAuNDM3NXJlbTtcbiAgdG9wOiA0NyU7XG4gIGxlZnQ6IDAuNHJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudG9nZ2xlOmFmdGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnRvZ2dsZS5jaGVja2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4udG9nZ2xlLmNoZWNrZWQ6YmVmb3JlIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoY2FsYygxMDAlIC0gMC4yNXJlbSkpO1xufVxuLnRvZ2dsZS5jaGVja2VkOmFmdGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoMTcwJSk7XG4gIGNvbnRlbnQ6IFwiXFxlOTM4XCI7XG59XG4udG9nZ2xlLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnRvZ2dsZS1oZWxwZXIge1xuICBtYXJnaW4tbGVmdDogMi41cmVtO1xufVxuXG4uY2hlY2tib3gge1xuICB6LWluZGV4OiAxMDtcbiAgcG9zaXRpb246IHN0YXRpYztcbn1cbi5jaGVja2JveCA+IGRpdjpmaXJzdC1jaGlsZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xufVxuLmNoZWNrYm94IGlucHV0IHtcbiAgd2lkdGg6IDJyZW07XG59XG4uY2hlY2tib3ggaW5wdXQgfiBbZGF0YS1pY29uXVthcmlhLWhpZGRlbl0ge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmNoZWNrYm94IGlucHV0OmZvY3VzLXZpc2libGUgKyAqIHtcbiAgYm9yZGVyLXJhZGl1czogMi41cmVtO1xuICBvdXRsaW5lLW9mZnNldDogMC4xMjVyZW07XG4gIG91dGxpbmUtd2lkdGg6IDAuMTI1cmVtO1xufSJdfQ== */';var g={"sr-only":"Toggle-module_sr-only__0TsNJ",hidden:"Toggle-module_hidden__n0gJF","slide-in":"Toggle-module_slide-in__c0pPe","slide-out":"Toggle-module_slide-out__7zFfU","toggle-wrapper":"Toggle-module_toggle-wrapper__HJDTR","toggle-wrapper--left":"Toggle-module_toggle-wrapper--left__sG5aX","toggle-wrapper--hide-label":"Toggle-module_toggle-wrapper--hide-label__3nba-","toggle-wrapper--wrap":"Toggle-module_toggle-wrapper--wrap__Kcz8m","toggle-wrapper--neutral":"Toggle-module_toggle-wrapper--neutral__qwlSy","toggle-wrapper--between":"Toggle-module_toggle-wrapper--between__44-Q7","toggle-wrapper--right":"Toggle-module_toggle-wrapper--right__Xhn23","toggle-wrapper--disabled":"Toggle-module_toggle-wrapper--disabled__tFK90",toggle:"Toggle-module_toggle__yQYkY",checked:"Toggle-module_checked__glIeq",disabled:"Toggle-module_disabled__UZaBW","toggle-helper":"Toggle-module_toggle-helper__g0Wbe",checkbox:"Toggle-module_checkbox__K9kym"};e(l);export{g as default};
 //# sourceMappingURL=Toggle.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useEffect as r}from"react";import o from"./CheckboxWrapper.module.esm.js";import{useWrapper as p}from"../../../src/hooks/useWrapper.esm.js";import{Wrapper as s}from"../Wrapper/Wrapper.esm.js";import{Icons as l}from"../../../Icon/Icon.esm.js";import{Fieldset as d}from"../../Fieldset/Fieldset.esm.js";const t=e.forwardRef((({children:t,error:n=!1,helperText:a,helperProps:i,fieldsetProps:m,...c},h)=>{var f;const{errorId:u,helperId:g}=p();r((()=>{void 0===m.legend&&console.error('You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})')}),[]);return e.createElement(d,{...m,error:n,required:c.required},e.createElement(s,{...c,ref:h,label:"",helperId:g,helperText:a,helperProps:{...i,className:`${o["checkbox-wrapper-helper"]} ${n?o["checkbox-wrapper-error"]:""} ${null!==(f=null==i?void 0:i.className)&&void 0!==f?f:""}`},error:n,errorMessageIcon:l.Error,errorId:u},e.Children.map(t,(r=>e.cloneElement(r,{parentErrorId:u,error:n,parentHelperId:!!a&&g,disabled:c.disabled})))))}));export{t as CheckboxWrapper};
+import e,{useEffect as r}from"react";import o from"./CheckboxWrapper.module.esm.js";import{useWrapper as s}from"../../../src/hooks/useWrapper.esm.js";import{Wrapper as p}from"../Wrapper/Wrapper.esm.js";import{Icons as l}from"../../../Icon/Icon.esm.js";import{Fieldset as d}from"../../Fieldset/Fieldset.esm.js";const t=({children:t,error:n=false,helperText:a,helperProps:i,fieldsetProps:m,...c},h)=>{var f;const{errorId:u,helperId:g}=s();r((()=>{if(m.legend===void 0)console.error(`You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})`)}),[]);const b=()=>e.Children.map(t,(r=>e.cloneElement(r,{parentErrorId:u,error:n,parentHelperId:a?g:false,disabled:c.disabled})));return e.createElement(d,{...m,required:c.required},e.createElement(p,{...c,ref:h,label:"",helperId:g,helperText:a,helperProps:{...i,className:`${o["checkbox-wrapper-helper"]} ${n?o["checkbox-wrapper-error"]:""} ${(f=i===null||i===void 0?void 0:i.className)!==null&&f!==void 0?f:""}`},error:n,errorMessageIcon:l.Error,errorId:u},b()))};const n=e.forwardRef(t);export{n as CheckboxWrapper};
 //# sourceMappingURL=CheckboxWrapper.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxWrapper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"CheckboxWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n ReactElement,\n useEffect\n} from \"react\";\nimport classes from \"./CheckboxWrapper.module.scss\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, Omit<WrapperProps, \"success\"> {\n children: ReactElement[] \| ReactElement;\n fieldsetProps: FieldsetProps;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { children, error = false, helperText, helperProps, fieldsetProps, ...rest }: Props,\n ref\n) => {\n const { errorId, helperId } = useWrapper();\n\n useEffect(() => {\n if (fieldsetProps.legend === undefined) {\n console.error(\n `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n );\n }\n }, []);\n\n const renderChildren = () =>\n React.Children.map(children, child =>\n React.cloneElement(child, {\n parentErrorId: errorId,\n error: error,\n parentHelperId: helperText ? helperId : false,\n disabled: rest.disabled\n })\n );\n\n return (\n <Fieldset {...fieldsetProps} required={rest.required}>\n <Wrapper\n {...rest}\n ref={ref}\n label=\"\"\n helperId={helperId}\n helperText={helperText}\n helperProps={{\n ...helperProps,\n className: `${classes[\"checkbox-wrapper-helper\"]} ${\n error ? classes[\"checkbox-wrapper-error\"] : \"\"\n } ${helperProps?.className ?? \"\"}`\n }}\n error={error}\n errorMessageIcon={Icons.Error}\n errorId={errorId}\n >\n {renderChildren()}\n </Wrapper>\n </Fieldset>\n );\n};\n\n/\n @deprecated\n */\nexport const CheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);\n"],"names":["CheckboxWrapperComponent","children","error","helperText","helperProps","fieldsetProps","rest","ref","errorId","helperId","useWrapper","useEffect","legend","undefined","console","renderChildren","React","Children","map","child","cloneElement","parentErrorId","parentHelperId","disabled","createElement","Fieldset","required","Wrapper","label","className","classes","_a","errorMessageIcon","Icons","Error","CheckboxWrapper","forwardRef"],"mappings":"sTAkCA,MAAMA,EAA4E,EAC9EC,WAAUC,QAAQ,MAAOC,aAAYC,cAAaC,mBAAkBC,GACtEC,WAEA,MAAMC,QAAEA,EAAOC,SAAEA,GAAaC,IAE9BC,GAAU,KACR,GAAIN,EAAcO,cAAWC,EAC3BC,QAAQZ,MACN,gQAEH,GACA,IAEH,MAAMa,EAAiB,IACrBC,EAAMC,SAASC,IAAIjB,GAAUkB,GAC3BH,EAAMI,aAAaD,EAAO,CACxBE,cAAeb,EACfN,MAAOA,EACPoB,eAAgBnB,EAAaM,EAAW,MACxCc,SAAUjB,EAAKiB,aAIrB,OACEP,EAACQ,cAAAC,EAAa,IAAApB,EAAeqB,SAAUpB,EAAKoB,UAC1CV,EAACQ,cAAAG,MACKrB,EACJC,IAAKA,EACLqB,MAAM,GACNnB,SAAUA,EACVN,WAAYA,EACZC,YAAa,IACRA,EACHyB,UAAW,GAAGC,EAAQ,8BACpB5B,EAAQ4B,EAAQ,0BAA4B,OAC1CC,EAAA3B,IAAW,MAAXA,SAAW,OAAA,EAAXA,EAAayB,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAEhC7B,MAAOA,EACP8B,iBAAkBC,EAAMC,MACxB1B,QAASA,GAERO,KAGL,EAMS,MAAAoB,EAAkBnB,EAAMoB,WAAWpC"}

package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var r=".CheckboxWrapper_module_checkboxWrapperHelper__a4e8b426{margin-top:1.25rem}.CheckboxWrapper_module_checkboxWrapperError__a4e8b426 span{font-size:1rem}.CheckboxWrapper_module_checkboxWrapperError__a4e8b426 [data-icon]{font-size:1.375rem;vertical-align:bottom}",o={"checkbox-wrapper-helper":"CheckboxWrapper_module_checkboxWrapperHelper__a4e8b426","checkbox-wrapper-error":"CheckboxWrapper_module_checkboxWrapperError__a4e8b426"};e(r,{});export{r as css,o as default};
+import e from "../../../../lib/style-inject.js";var c='/*!\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 */.CheckboxWrapper-module_checkbox-wrapper-helper__RWYiI{margin-top:1.25rem}.CheckboxWrapper-module_checkbox-wrapper-error__1yup- span{font-size:1rem}.CheckboxWrapper-module_checkbox-wrapper-error__1yup- [data-icon]{font-size:1.375rem;vertical-align:bottom}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVEQUNFLGtCQUNGLENBRUEsMkRBQ0UsY0FDRixDQUVBLGtFQUNFLGtCQUFtQixDQUNuQixxQkFDRiIsImZpbGUiOiJDaGVja2JveFdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmNoZWNrYm94LXdyYXBwZXItaGVscGVyIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbn1cblxuLmNoZWNrYm94LXdyYXBwZXItZXJyb3Igc3BhbiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLmNoZWNrYm94LXdyYXBwZXItZXJyb3IgW2RhdGEtaWNvbl0ge1xuICBmb250LXNpemU6IDEuMzc1cmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogYm90dG9tO1xufSJdfQ== */';var i={"checkbox-wrapper-helper":"CheckboxWrapper-module_checkbox-wrapper-helper__RWYiI","checkbox-wrapper-error":"CheckboxWrapper-module_checkbox-wrapper-error__1yup-"};e(c);export{i as default};
 //# sourceMappingURL=CheckboxWrapper.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useRef as r}from"react";import{Input as l}from"../../Input/Input.esm.js";import s from"./InputWrapper.module.esm.js";import{Wrapper as a}from"../Wrapper/Wrapper.esm.js";import{useWrapper as o}from"../../../src/hooks/useWrapper.esm.js";const p=e.forwardRef((({type:p,name:n,inputProps:u,helperText:i,helperProps:m,value:d,className:c,error:t,success:f,onChange:h,onBlur:v,onFocus:b,disabled:N,...I},x)=>{var P,j,w,$;const{errorId:y,hasFocus:F,setHasFocus:W,helperId:g,labelId:B}=o(),{prefix:C,suffix:E}=null!=u?u:{},T=r(null),k=[s["input-label"]];F&&k.push(s.focus);const H=[];return(null===(P=null==u?void 0:u.wrapperProps)||void 0===P?void 0:P.className)&&H.push(null===(j=null==u?void 0:u.wrapperProps)||void 0===j?void 0:j.className),N&&H.push(s.disabled),e.createElement(a,{...I,ref:x,name:n,className:`${s["input-wrapper"]} ${null!=c?c:""}`,labelProps:{id:B,className:k.join(" ")},errorId:y,error:t,helperId:g,helperText:i,helperProps:{...m,className:`${s["input-wrapper-helper"]} ${null!==(w=null==m?void 0:m.className)&&void 0!==w?w:""} `},disabled:N},e.createElement(l,{...u,prefix:C,suffix:E,wrapperProps:{className:H.join(" ")},ref:(null==u?void 0:u.ref)||T,"aria-labelledby":B,"aria-describedby":t?y:g,onChange:h,onFocus:e=>{null==b||b(e),W(!0)},onBlur:e=>{null==v||v(e),W(!1)},className:`\n         ${null!==($=null==u?void 0:u.className)&&void 0!==$?$:""}`,name:n,success:f,error:t,id:n,value:d,type:p}))}));export{p as InputWrapper};
+import e,{useRef as r}from"react";import{Input as o}from"../../Input/Input.esm.js";import s from"./InputWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{useWrapper as a}from"../../../src/hooks/useWrapper.esm.js";const p=({type:p,name:i,inputProps:n,helperText:u,helperProps:d,value:t,className:c,error:m,success:v,onChange:f,onBlur:h,onFocus:b,disabled:N,...I},x)=>{var P,j,w,$;const{errorId:y,hasFocus:F,setHasFocus:W,helperId:g,labelId:B}=a();const{prefix:C,suffix:E}=n!==null&&n!==void 0?n:{};const T=r(null);const k=[s["input-label"]];F&&k.push(s["focus"]);const H=[];((P=n===null||n===void 0?void 0:n.wrapperProps)===null||P===void 0?void 0:P.className)&&H.push((j=n===null||n===void 0?void 0:n.wrapperProps)===null||j===void 0?void 0:j.className);N&&H.push(s["disabled"]);return e.createElement(l,{...I,ref:x,name:i,className:`${s["input-wrapper"]} ${c!==null&&c!==void 0?c:""}`,labelProps:{id:B,className:k.join(" ")},errorId:y,error:m,helperId:g,helperText:u,helperProps:{...d,className:`${s["input-wrapper-helper"]} ${(w=d===null||d===void 0?void 0:d.className)!==null&&w!==void 0?w:""} `},disabled:N},e.createElement(o,{...n,prefix:C,suffix:E,wrapperProps:{className:H.join(" ")},ref:(n===null||n===void 0?void 0:n.ref)||T,"aria-labelledby":B,"aria-describedby":m?y:g,onChange:f,onFocus:e=>{b===null||b===void 0?void 0:b(e);W(true)},onBlur:e=>{h===null||h===void 0?void 0:h(e);W(false)},className:`\n         ${($=n===null||n===void 0?void 0:n.className)!==null&&$!==void 0?$:""}`,name:i,success:v,error:m,id:i,value:t,type:p}))};const i=e.forwardRef(p);export{i as InputWrapper};
 //# sourceMappingURL=InputWrapper.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InputWrapper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"InputWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/InputWrapper/InputWrapper.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useRef } from \"react\";\nimport { Input, Type, Props as InputProps } from \"../../Input/Input\";\nimport classes from \"./InputWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\n\ninterface PartialInputProps extends Partial<InputProps> {}\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n label: string;\n type: Type;\n name: string;\n inputProps?: PartialInputProps;\n value: string;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n success?: boolean;\n}\n\nconst InputWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n type,\n name,\n inputProps,\n helperText,\n helperProps,\n value,\n className,\n error,\n success,\n onChange,\n onBlur,\n onFocus,\n disabled,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n const { prefix, suffix } = inputProps ?? {};\n const input = useRef<HTMLInputElement>(null);\n const labelClasses = [classes[\"input-label\"]];\n hasFocus && labelClasses.push(classes[\"focus\"]);\n\n const inputWrapperClasses = [];\n inputProps?.wrapperProps?.className &&\n inputWrapperClasses.push(inputProps?.wrapperProps?.className);\n disabled && inputWrapperClasses.push(classes[\"disabled\"]);\n\n return (\n <Wrapper\n {...rest}\n ref={ref}\n name={name}\n className={`${classes[\"input-wrapper\"]} ${className ?? \"\"}`}\n labelProps={{\n id: labelId,\n className: labelClasses.join(\" \")\n }}\n errorId={errorId}\n error={error}\n helperId={helperId}\n helperText={helperText}\n helperProps={{\n ...helperProps,\n className: `${classes[\"input-wrapper-helper\"]} ${helperProps?.className ?? \"\"} `\n }}\n disabled={disabled}\n >\n <Input\n {...inputProps}\n prefix={prefix}\n suffix={suffix}\n wrapperProps={{\n className: inputWrapperClasses.join(\" \")\n }}\n ref={inputProps?.ref \|\| input}\n aria-labelledby={labelId}\n aria-describedby={error ? errorId : helperId}\n onChange={onChange}\n onFocus={e => {\n onFocus?.(e);\n setHasFocus(true);\n }}\n onBlur={e => {\n onBlur?.(e);\n setHasFocus(false);\n }}\n className={`\n ${inputProps?.className ?? \"\"}`}\n name={name}\n success={success}\n error={error}\n id={name}\n value={value}\n type={type}\n />\n </Wrapper>\n );\n};\n\nexport const InputWrapper = React.forwardRef(InputWrapperComponent);\n"],"names":["InputWrapperComponent","type","name","inputProps","helperText","helperProps","value","className","error","success","onChange","onBlur","onFocus","disabled","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","prefix","suffix","input","useRef","labelClasses","classes","push","inputWrapperClasses","_a","wrapperProps","_b","React","createElement","Wrapper","labelProps","id","join","_c","Input","e","_d","InputWrapper","forwardRef"],"mappings":"qPAoCA,MAAMA,EAAyE,EAE3EC,OACAC,OACAC,aACAC,aACAC,cACAC,QACAC,YACAC,QACAC,UACAC,WACAC,SACAC,UACAC,cACGC,GAELC,iBAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,YAAEA,EAAWC,SAAEA,EAAQC,QAAEA,GAAYC,IAC9D,MAAMC,OAAEA,EAAMC,OAAEA,GAAWpB,IAAU,MAAVA,SAAU,EAAVA,EAAc,GACzC,MAAMqB,EAAQC,EAAyB,MACvC,MAAMC,EAAe,CAACC,EAAQ,gBAC9BV,GAAYS,EAAaE,KAAKD,EAAQ,UAEtC,MAAME,EAAsB,KAC5BC,EAAA3B,IAAA,MAAAA,kBAAAA,EAAY4B,gBAAY,MAAAD,SAAA,OAAA,EAAAA,EAAEvB,YACxBsB,EAAoBD,MAAKI,EAAA7B,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAY4B,gBAAc,MAAAC,SAAA,OAAA,EAAAA,EAAAzB,WACrDM,GAAYgB,EAAoBD,KAAKD,EAAQ,aAE7C,OACEM,EAAAC,cAACC,EAAO,IACFrB,EACJC,IAAKA,EACLb,KAAMA,EACNK,UAAW,GAAGoB,EAAQ,oBAAoBpB,IAAA,MAAAA,SAAA,EAAAA,EAAa,KACvD6B,WAAY,CACVC,GAAIjB,EACJb,UAAWmB,EAAaY,KAAK,MAE/BtB,QAASA,EACTR,MAAOA,EACPW,SAAUA,EACVf,WAAYA,EACZC,YAAa,IACRA,EACHE,UAAW,GAAGoB,EAAQ,4BAA2BY,EAAAlC,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaE,aAAS,MAAAgC,SAAA,EAAAA,EAAI,OAE7E1B,SAAUA,GAEVoB,EAAAC,cAACM,EAAK,IACArC,EACJmB,OAAQA,EACRC,OAAQA,EACRQ,aAAc,CACZxB,UAAWsB,EAAoBS,KAAK,MAEtCvB,KAAKZ,UAAAA,SAAU,OAAA,EAAVA,EAAYY,MAAOS,EAAK,kBACZJ,EACC,mBAAAZ,EAAQQ,EAAUG,EACpCT,SAAUA,EACVE,QAAS6B,IACP7B,UAAAA,SAAO,OAAA,EAAPA,EAAU6B,GACVvB,EAAY,KAAK,EAEnBP,OAAQ8B,IACN9B,UAAAA,SAAM,OAAA,EAANA,EAAS8B,GACTvB,EAAY,MAAM,EAEpBX,UAAW,eACRmC,EAAAvC,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAYI,aAAS,MAAAmC,SAAA,EAAAA,EAAI,KAC5BxC,KAAMA,EACNO,QAASA,EACTD,MAAOA,EACP6B,GAAInC,EACJI,MAAOA,EACPL,KAAMA,IAGV,EAGS,MAAA0C,EAAeV,EAAMW,WAAW5C"}

package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var r=".InputWrapper_module_srOnly__f1b9f33e{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.InputWrapper_module_hidden__f1b9f33e{display:none}.InputWrapper_module_slideIn__f1b9f33e{animation:InputWrapper_module_slideIn__f1b9f33e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideIn__f1b9f33e{animation-duration:.1ms}}.InputWrapper_module_slideOut__f1b9f33e{animation:InputWrapper_module_slideOut__f1b9f33e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideOut__f1b9f33e{animation-duration:.1ms}}@keyframes InputWrapper_module_slideIn__f1b9f33e{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_module_slideOut__f1b9f33e{0%{transform:translateY(0)}to{transform:translateY(100vh)}}input.InputWrapper_module_floatingLabel__f1b9f33e{padding-top:1rem}.InputWrapper_module_inputWrapperHelper__f1b9f33e{margin-top:.14rem}.InputWrapper_module_inputWrapper__f1b9f33e [data-icon]:before{align-items:center;display:flex;font-size:1.125rem;justify-content:center;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.InputWrapper_module_inputWrapper__f1b9f33e [data-icon]:before{transition-duration:.1ms}}.InputWrapper_module_inputWrapper__f1b9f33e .InputWrapper_module_floatingLabelActive__f1b9f33e [data-icon]:before{transform:translateY(5px)}.InputWrapper_module_inputWrapper__f1b9f33e [data-prefix],.InputWrapper_module_inputWrapper__f1b9f33e [data-suffix]{font-size:var(--form-control-font-size)}.InputWrapper_module_inputWrapper__f1b9f33e [data-prefix]+input{padding-left:.5rem}.InputWrapper_module_inputWrapper__f1b9f33e [data-suffix]{padding-left:1.25rem}.InputWrapper_module_inputWrapper__f1b9f33e input+[data-suffix]{padding-left:.5rem}.InputWrapper_module_inputWrapper__f1b9f33e .InputWrapper_module_disabled__f1b9f33e{background-color:var(--disabled);color:var(--greyed-out);cursor:not-allowed}.InputWrapper_module_floatingLabelActive__f1b9f33e [data-prefix],.InputWrapper_module_floatingLabelActive__f1b9f33e [data-suffix]{padding-top:1rem;transform:translateY(0)}",p={"sr-only":"InputWrapper_module_srOnly__f1b9f33e",hidden:"InputWrapper_module_hidden__f1b9f33e","slide-in":"InputWrapper_module_slideIn__f1b9f33e","slide-out":"InputWrapper_module_slideOut__f1b9f33e","floating-label":"InputWrapper_module_floatingLabel__f1b9f33e","input-wrapper-helper":"InputWrapper_module_inputWrapperHelper__f1b9f33e","input-wrapper":"InputWrapper_module_inputWrapper__f1b9f33e","floating-label-active":"InputWrapper_module_floatingLabelActive__f1b9f33e",disabled:"InputWrapper_module_disabled__f1b9f33e"};e(r,{});export{r as css,p as default};
+import e from "../../../../lib/style-inject.js";var i='/*!\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 */.InputWrapper-module_sr-only__s1zzm{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.InputWrapper-module_hidden__pdo-4{display:none}.InputWrapper-module_slide-in__F60Ym{animation:InputWrapper-module_slide-in__F60Ym .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper-module_slide-in__F60Ym{animation-duration:.1ms}}.InputWrapper-module_slide-out__9nEOK{animation:InputWrapper-module_slide-out__9nEOK .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper-module_slide-out__9nEOK{animation-duration:.1ms}}@keyframes InputWrapper-module_slide-in__F60Ym{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper-module_slide-out__9nEOK{0%{transform:translateY(0)}to{transform:translateY(100vh)}}input.InputWrapper-module_floating-label__Iqo8f{padding-top:1rem}.InputWrapper-module_input-wrapper-helper__zp6zd{margin-top:.14rem}.InputWrapper-module_input-wrapper__XgESf [data-icon]:before{align-items:center;display:flex;font-size:1.125rem;justify-content:center;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.InputWrapper-module_input-wrapper__XgESf [data-icon]:before{transition-duration:.1ms}}.InputWrapper-module_input-wrapper__XgESf .InputWrapper-module_floating-label-active__eV82B [data-icon]:before{transform:translateY(5px)}.InputWrapper-module_input-wrapper__XgESf [data-prefix],.InputWrapper-module_input-wrapper__XgESf [data-suffix]{font-size:var(--form-control-font-size)}.InputWrapper-module_input-wrapper__XgESf [data-prefix]+input{padding-left:.5rem}.InputWrapper-module_input-wrapper__XgESf [data-suffix]{padding-left:1.25rem}.InputWrapper-module_input-wrapper__XgESf input+[data-suffix]{padding-left:.5rem}.InputWrapper-module_input-wrapper__XgESf .InputWrapper-module_disabled__-0jjZ{background-color:var(--disabled);color:var(--greyed-out);cursor:not-allowed}.InputWrapper-module_floating-label-active__eV82B [data-prefix],.InputWrapper-module_floating-label-active__eV82B [data-suffix]{padding-top:1rem;transform:translateY(0)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsZ0RBQ0UsZ0JBQ0YsQ0FFQSxpREFDRSxpQkFDRixDQUVBLDZEQU9FLGtCQUFtQixDQURuQixZQUFhLENBRGIsa0JBQW1CLENBR25CLHNCQUF1QixDQUp2Qix1QkFBMEIsQ0FGMUIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FNRixDQUNBLHVDQUNFLDZEQUNFLHdCQUNGLENBQ0YsQ0FDQSwrR0FDRSx5QkFDRixDQUNBLGdIQUVFLHVDQUNGLENBQ0EsOERBQ0Usa0JBQ0YsQ0FDQSx3REFDRSxvQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0EsK0VBQ0UsZ0NBQWlDLENBRWpDLHVCQUF3QixDQUR4QixrQkFFRixDQUVBLGdJQUVFLGdCQUFpQixDQUNqQix1QkFDRiIsImZpbGUiOiJJbnB1dFdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG5pbnB1dC5mbG9hdGluZy1sYWJlbCB7XG4gIHBhZGRpbmctdG9wOiAxcmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlci1oZWxwZXIge1xuICBtYXJnaW4tdG9wOiAwLjE0cmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uXTpiZWZvcmUge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0LXdyYXBwZXIgLmZsb2F0aW5nLWxhYmVsLWFjdGl2ZSBbZGF0YS1pY29uXTpiZWZvcmUge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoNXB4KTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1zdWZmaXhdIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0gKyBpbnB1dCB7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0ICsgW2RhdGEtc3VmZml4XSB7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xufVxuLmlucHV0LXdyYXBwZXIgLmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG5cbi5mbG9hdGluZy1sYWJlbC1hY3RpdmUgW2RhdGEtcHJlZml4XSxcbi5mbG9hdGluZy1sYWJlbC1hY3RpdmUgW2RhdGEtc3VmZml4XSB7XG4gIHBhZGRpbmctdG9wOiAxcmVtO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG59Il19 */';var l={"sr-only":"InputWrapper-module_sr-only__s1zzm",hidden:"InputWrapper-module_hidden__pdo-4","slide-in":"InputWrapper-module_slide-in__F60Ym","slide-out":"InputWrapper-module_slide-out__9nEOK","floating-label":"InputWrapper-module_floating-label__Iqo8f","input-wrapper-helper":"InputWrapper-module_input-wrapper-helper__zp6zd","input-wrapper":"InputWrapper-module_input-wrapper__XgESf","floating-label-active":"InputWrapper-module_floating-label-active__eV82B",disabled:"InputWrapper-module_disabled__-0jjZ"};e(i);export{l as default};
 //# sourceMappingURL=InputWrapper.module.esm.js.map

package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useEffect as r}from"react";import o from"./RadioWrapper.module.esm.js";import{Wrapper as p}from"../Wrapper/Wrapper.esm.js";import{useWrapper as s}from"../../../src/hooks/useWrapper.esm.js";import{Icons as d}from"../../../Icon/Icon.esm.js";import{Fieldset as a}from"../../Fieldset/Fieldset.esm.js";const l=e.forwardRef((({children:l,error:n,name:i,helperText:t,helperProps:m,fieldsetProps:h,value:c,onChange:f,disabled:g,...u},I)=>{var b;const{errorId:v,helperId:j}=s();r((()=>{void 0===h.legend&&console.error('You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})')}),[]);return e.createElement(a,{...h,error:n,disabled:g},e.createElement(p,{...u,ref:I,disabled:g,name:i,helperId:j,helperText:t,helperProps:{...m,className:`${o["radio-wrapper-helper"]} ${n?o["radio-wrapper-error"]:""} ${null!==(b=null==m?void 0:m.className)&&void 0!==b?b:""}`},error:n,errorId:v,errorMessageIcon:d.Error},e.Children.map(l,(r=>e.cloneElement(r,{parentErrorId:v,error:n,checked:r.props.value===c,name:i,parentHelperId:!!t&&j,onChange:f,disabled:void 0!==r.props.disabled?r.props.disabled:g})))))}));export{l as RadioWrapper};
+import e,{useEffect as r}from"react";import o from"./RadioWrapper.module.esm.js";import{Wrapper as s}from"../Wrapper/Wrapper.esm.js";import{useWrapper as p}from"../../../src/hooks/useWrapper.esm.js";import{Icons as d}from"../../../Icon/Icon.esm.js";import{Fieldset as a}from"../../Fieldset/Fieldset.esm.js";const l=({children:l,error:n,name:i,helperText:t,helperProps:m,fieldsetProps:c,value:h,onChange:f,disabled:g,...u},v)=>{var I;const{errorId:b,helperId:j}=p();r((()=>{if(c.legend===void 0)console.error(`You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})`)}),[]);const w=()=>e.Children.map(l,(r=>e.cloneElement(r,{parentErrorId:b,error:n,checked:r.props.value===h,name:i,parentHelperId:t?j:false,onChange:f,disabled:r.props.disabled!==void 0?r.props.disabled:g})));return e.createElement(a,{...c,disabled:g},e.createElement(s,{...u,ref:v,disabled:g,name:i,helperId:j,helperText:t,helperProps:{...m,className:`${o["radio-wrapper-helper"]} ${n?o["radio-wrapper-error"]:""} ${(I=m===null||m===void 0?void 0:m.className)!==null&&I!==void 0?I:""}`},error:n,errorId:b,errorMessageIcon:d.Error},w()))};const n=e.forwardRef(l);export{n as RadioWrapper};
 //# sourceMappingURL=RadioWrapper.esm.js.map

package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioWrapper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"RadioWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/RadioWrapper/RadioWrapper.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n ReactElement,\n useEffect\n} from \"react\";\nimport classes from \"./RadioWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n children: ReactElement \| ReactElement[];\n fieldsetProps: FieldsetProps;\n value: string;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst RadioWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n children,\n error,\n name,\n helperText,\n helperProps,\n fieldsetProps,\n value,\n onChange,\n disabled,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, helperId } = useWrapper();\n\n useEffect(() => {\n if (fieldsetProps.legend === undefined) {\n console.error(\n `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n );\n }\n }, []);\n\n const renderChildren = () =>\n React.Children.map(children, child =>\n React.cloneElement(child, {\n parentErrorId: errorId,\n error: error,\n checked: child.props.value === value,\n name: name,\n parentHelperId: helperText ? helperId : false,\n onChange: onChange,\n disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n })\n );\n\n return (\n <Fieldset {...fieldsetProps} disabled={disabled}>\n <Wrapper\n {...rest}\n ref={ref}\n disabled={disabled}\n name={name}\n helperId={helperId}\n helperText={helperText}\n helperProps={{\n ...helperProps,\n className: `${classes[\"radio-wrapper-helper\"]} ${\n error ? classes[\"radio-wrapper-error\"] : \"\"\n } ${helperProps?.className ?? \"\"}`\n }}\n error={error}\n errorId={errorId}\n errorMessageIcon={Icons.Error}\n >\n {renderChildren()}\n </Wrapper>\n </Fieldset>\n );\n};\n\nexport const RadioWrapper = React.forwardRef(RadioWrapperComponent);\n"],"names":["RadioWrapperComponent","children","error","name","helperText","helperProps","fieldsetProps","value","onChange","disabled","rest","ref","errorId","helperId","useWrapper","useEffect","legend","undefined","console","renderChildren","React","Children","map","child","cloneElement","parentErrorId","checked","props","parentHelperId","Fieldset","createElement","Wrapper","className","classes","_a","errorMessageIcon","Icons","Error","RadioWrapper","forwardRef"],"mappings":"mTAmCA,MAAMA,EAAyE,EAE3EC,WACAC,QACAC,OACAC,aACAC,cACAC,gBACAC,QACAC,WACAC,cACGC,GAELC,WAEA,MAAMC,QAAEA,EAAOC,SAAEA,GAAaC,IAE9BC,GAAU,KACR,GAAIT,EAAcU,cAAWC,EAC3BC,QAAQhB,MACN,6PAEH,GACA,IAEH,MAAMiB,EAAiB,IACrBC,EAAMC,SAASC,IAAIrB,GAAUsB,GAC3BH,EAAMI,aAAaD,EAAO,CACxBE,cAAeb,EACfV,MAAOA,EACPwB,QAASH,EAAMI,MAAMpB,QAAUA,EAC/BJ,KAAMA,EACNyB,eAAgBxB,EAAaS,EAAW,MACxCL,SAAUA,EACVC,SAAUc,EAAMI,MAAMlB,gBAAaQ,EAAYM,EAAMI,MAAMlB,SAAWA,MAI5E,OACEW,gBAACS,EAAQ,IAAKvB,EAAeG,SAAUA,GACrCW,EAACU,cAAAC,EACK,IAAArB,EACJC,IAAKA,EACLF,SAAUA,EACVN,KAAMA,EACNU,SAAUA,EACVT,WAAYA,EACZC,YAAa,IACRA,EACH2B,UAAW,GAAGC,EAAQ,2BACpB/B,EAAQ+B,EAAQ,uBAAyB,OACvCC,EAAA7B,IAAW,MAAXA,SAAW,OAAA,EAAXA,EAAa2B,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAEhChC,MAAOA,EACPU,QAASA,EACTuB,iBAAkBC,EAAMC,OAEvBlB,KAGL,EAGS,MAAAmB,EAAelB,EAAMmB,WAAWvC"}

package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const r = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".RadioWrapper_module_radioWrapperHelper__8df89930{margin-top:1.25rem}.RadioWrapper_module_radioWrapperError__8df89930 span{font-size:1rem}.RadioWrapper_module_radioWrapperError__8df89930 [data-icon]{font-size:1.25rem;vertical-align:text-bottom}",a={"radio-wrapper-helper":"RadioWrapper_module_radioWrapperHelper__8df89930","radio-wrapper-error":"RadioWrapper_module_radioWrapperError__8df89930"};r(e,{});export{e as css,a as default};
+import e from "../../../../lib/style-inject.js";var i='/*!\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 */.RadioWrapper-module_radio-wrapper-helper__qd-Xq{margin-top:1.25rem}.RadioWrapper-module_radio-wrapper-error__6BJAc span{font-size:1rem}.RadioWrapper-module_radio-wrapper-error__6BJAc [data-icon]{font-size:1.25rem;vertical-align:text-bottom}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvV3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGlEQUNFLGtCQUNGLENBRUEscURBQ0UsY0FDRixDQUVBLDREQUNFLGlCQUFrQixDQUNsQiwwQkFDRiIsImZpbGUiOiJSYWRpb1dyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXItaGVscGVyIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbn1cblxuLnJhZGlvLXdyYXBwZXItZXJyb3Igc3BhbiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLnJhZGlvLXdyYXBwZXItZXJyb3IgW2RhdGEtaWNvbl0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbn0iXX0= */';var c={"radio-wrapper-helper":"RadioWrapper-module_radio-wrapper-helper__qd-Xq","radio-wrapper-error":"RadioWrapper-module_radio-wrapper-error__6BJAc"};e(i);export{c as default};
 //# sourceMappingURL=RadioWrapper.module.esm.js.map

package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import r from"./SelectWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{Select as s}from"../../Select/Select.esm.js";import{useWrapper as o}from"../../../src/hooks/useWrapper.esm.js";const a=e.forwardRef((({children:a,error:c,success:p,value:m,placeholder:t,selectProps:d,helperProps:n,onChange:i,...h},u)=>{var f,v;const{errorId:b,helperId:I,labelId:N}=o();return e.createElement(l,{...h,ref:u,errorId:b,helperId:I,labelProps:{id:N,className:r["select-label"]},helperProps:{...n,className:`${r["select-helper-text"]} ${null!==(f=null==n?void 0:n.className)&&void 0!==f?f:""}`},error:c},e.createElement(s,{...d,value:m,labeledBy:N,error:c,success:p,describedBy:c?b:I,onChange:i,placeholder:t,className:`${null!==(v=null==d?void 0:d.className)&&void 0!==v?v:""}`},a))}));export{a as SelectWrapper};
+import e from"react";import r from"./SelectWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{Select as s}from"../../Select/Select.esm.js";import{useWrapper as o}from"../../../src/hooks/useWrapper.esm.js";const a=({children:a,error:c,success:p,value:t,placeholder:m,selectProps:d,helperProps:n,onChange:i,...h},u)=>{var v,f;const{errorId:b,helperId:I,labelId:N}=o();return e.createElement(l,{...h,ref:u,errorId:b,helperId:I,labelProps:{id:N,className:r["select-label"]},helperProps:{...n,className:`${r["select-helper-text"]} ${(v=n===null||n===void 0?void 0:n.className)!==null&&v!==void 0?v:""}`},error:c},e.createElement(s,{...d,value:t,labeledBy:N,error:c,success:p,describedBy:c?b:I,onChange:i,placeholder:m,className:`${(f=d===null||d===void 0?void 0:d.className)!==null&&f!==void 0?f:""}`},a))};const c=e.forwardRef(a);export{c as SelectWrapper};
 //# sourceMappingURL=SelectWrapper.esm.js.map

package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectWrapper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"SelectWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/SelectWrapper/SelectWrapper.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, ReactElement } from \"react\";\nimport classes from \"./SelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Select, Props as SelectProps } from \"../../Select/Select\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\n\ninterface PartialSelectProps extends Partial<SelectProps> {}\n\nexport interface Props\n extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n Omit<WrapperProps, \"onChange\" \| \"error\"> {\n children: ReactElement[] \| ReactElement \| number[];\n placeholder?: string;\n value: string;\n error?: boolean;\n selectProps?: PartialSelectProps;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n success?: boolean;\n}\n\nconst SelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n children,\n error,\n success,\n value,\n placeholder,\n selectProps,\n helperProps,\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, helperId, labelId } = useWrapper();\n\n return (\n <Wrapper\n {...rest}\n ref={ref}\n errorId={errorId}\n helperId={helperId}\n labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n helperProps={{\n ...helperProps,\n className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n }}\n error={error}\n >\n <Select\n {...selectProps}\n value={value}\n labeledBy={labelId}\n error={error}\n success={success}\n describedBy={error ? errorId : helperId}\n onChange={onChange}\n placeholder={placeholder}\n className={`${selectProps?.className ?? \"\"}`}\n >\n {children as ReactElement[]}\n </Select>\n </Wrapper>\n );\n};\n\nexport const SelectWrapper = React.forwardRef(SelectWrapperComponent);\n"],"names":["SelectWrapperComponent","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","React","createElement","Wrapper","labelProps","id","className","classes","_a","Select","labeledBy","describedBy","_b","SelectWrapper","forwardRef"],"mappings":"4OAoCA,MAAMA,EAA0E,EAE5EC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,IAEvC,OACEC,EAAAC,cAACC,EAAO,IACFR,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVM,WAAY,CAAEC,GAAIN,EAASO,UAAWC,EAAQ,iBAC9Cd,YAAa,IACRA,EACHa,UAAW,GAAGC,EAAQ,0BAAyBC,EAAAf,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaa,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPa,EAACC,cAAAO,EACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbe,UAAW,IAAGM,EAAApB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAac,aAAa,MAAAM,SAAA,EAAAA,EAAA,MAEvCzB,GAGL,EAGS,MAAA0B,EAAgBZ,EAAMa,WAAW5B"}

package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var l=".SelectWrapper_module_selectLabel__03db466d{left:calc(1.25rem + 2px)}.SelectWrapper_module_selectHelperText__03db466d{margin-top:.15rem}.SelectWrapper_module_floatingLabelActive__03db466d [data-display]{top:calc(50% + .5rem)}",t={"select-label":"SelectWrapper_module_selectLabel__03db466d","select-helper-text":"SelectWrapper_module_selectHelperText__03db466d","floating-label-active":"SelectWrapper_module_floatingLabelActive__03db466d"};e(l,{});export{l as css,t as default};
+import e from "../../../../lib/style-inject.js";var l='/*!\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 */.SelectWrapper-module_select-label__kOR21{left:calc(1.25rem + 2px)}.SelectWrapper-module_select-helper-text__5-xHK{margin-top:.15rem}.SelectWrapper-module_floating-label-active__DvHIn [data-display]{top:calc(50% + .5rem)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdFdyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUNFLHdCQUNGLENBRUEsZ0RBQ0UsaUJBQ0YsQ0FFQSxrRUFDRSxxQkFDRiIsImZpbGUiOiJTZWxlY3RXcmFwcGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2VsZWN0LWxhYmVsIHtcbiAgbGVmdDogY2FsYygxLjI1cmVtICsgMnB4KTtcbn1cblxuLnNlbGVjdC1oZWxwZXItdGV4dCB7XG4gIG1hcmdpbi10b3A6IDAuMTVyZW07XG59XG5cbi5mbG9hdGluZy1sYWJlbC1hY3RpdmUgW2RhdGEtZGlzcGxheV0ge1xuICB0b3A6IGNhbGMoNTAlICsgMC41cmVtKTtcbn0iXX0= */';var i={"select-label":"SelectWrapper-module_select-label__kOR21","select-helper-text":"SelectWrapper-module_select-helper-text__5-xHK","floating-label-active":"SelectWrapper-module_floating-label-active__DvHIn"};e(l);export{i as default};
 //# sourceMappingURL=SelectWrapper.module.esm.js.map

package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as r}from"react";import a from"./TextareaWrapper.module.esm.js";import{Wrapper as o}from"../Wrapper/Wrapper.esm.js";import{Textarea as s}from"../../Textarea/Textarea.esm.js";import{useWrapper as l}from"../../../src/hooks/useWrapper.esm.js";const p=e.forwardRef((({name:p,error:t,value:n,label:u,placeholder:m,textareaProps:c,helperProps:d,onChange:h,onFocus:i,onBlur:b,onMouseEnter:x,onMouseLeave:f,disabled:j,success:$,...v},I)=>{const{errorId:P,hasFocus:E,setHasFocus:F,helperId:M,labelId:N}=l(),[W,w]=r(!1),T=[];return E&&T.push(a.focus),W&&T.push(a.hover),j&&T.push(a.disabled),t&&T.push(a.error),e.createElement(o,{...v,ref:I,disabled:j,labelProps:{id:N,className:`${a["textarea-label"]} ${T.join(" ")}`},name:p,label:u,helperId:M,helperProps:{...d,className:a["textarea-helper-text"]},error:t,errorId:P},e.createElement(s,{...c,error:t,"aria-labelledby":u&&N,"aria-describedby":t?P:M,placeholder:m,name:p,id:p,value:n,success:$,onChange:h,onFocus:e=>{null==i||i(e),F(!0)},onBlur:e=>{null==b||b(e),F(!1)},onMouseEnter:e=>{null==x||x(e),w(!0)},onMouseLeave:e=>{null==f||f(e),w(!1)},className:`${a.textarea} ${t?a.error:""}`,wrapperProps:{className:`${T.join(" ")} ${a["textarea-wrapper"]}`}}))}));export{p as TextareaWrapper};
+import e,{useState as r}from"react";import o from"./TextareaWrapper.module.esm.js";import{Wrapper as a}from"../Wrapper/Wrapper.esm.js";import{Textarea as s}from"../../Textarea/Textarea.esm.js";import{useWrapper as l}from"../../../src/hooks/useWrapper.esm.js";const t=({name:t,error:p,value:n,label:d,placeholder:u,textareaProps:c,helperProps:m,onChange:i,onFocus:h,onBlur:v,onMouseEnter:b,onMouseLeave:f,disabled:x,success:j,...$},I)=>{const{errorId:P,hasFocus:E,setHasFocus:F,helperId:M,labelId:N}=l();const[W,w]=r(false);const T=[];E&&T.push(o["focus"]);W&&T.push(o["hover"]);x&&T.push(o["disabled"]);p&&T.push(o["error"]);return e.createElement(a,{...$,ref:I,disabled:x,labelProps:{id:N,className:`${o["textarea-label"]} ${T.join(" ")}`},name:t,label:d,helperId:M,helperProps:{...m,className:o["textarea-helper-text"]},error:p,errorId:P},e.createElement(s,{...c,error:p,"aria-labelledby":d&&N,"aria-describedby":p?P:M,placeholder:u,name:t,id:t,value:n,success:j,onChange:i,onFocus:e=>{h===null||h===void 0?void 0:h(e);F(true)},onBlur:e=>{v===null||v===void 0?void 0:v(e);F(false)},onMouseEnter:e=>{b===null||b===void 0?void 0:b(e);w(true)},onMouseLeave:e=>{f===null||f===void 0?void 0:f(e);w(false)},className:`${o["textarea"]} ${p?o["error"]:""}`,wrapperProps:{className:`${T.join(" ")} ${o["textarea-wrapper"]}`}}))};const p=e.forwardRef(t);export{p as TextareaWrapper};
 //# sourceMappingURL=TextareaWrapper.esm.js.map

package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextareaWrapper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"TextareaWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./TextareaWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Textarea, Props as TextareaProps } from \"../../Textarea/Textarea\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\n\nexport interface Props\n extends Omit<\n ComponentPropsWithRef<\"div\">,\n \"onFocus\" \| \"onChange\" \| \"onBlur\" \| \"onMouseEnter\" \| \"onMouseLeave\"\n >,\n Omit<WrapperProps, \"onFocus\" \| \"onChange\" \| \"onBlur\" \| \"onMouseEnter\" \| \"onMouseLeave\"> {\n placeholder?: string;\n textareaProps?: TextareaProps;\n value: string;\n onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n success?: boolean;\n}\n\nconst TextareaWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n name,\n error,\n value,\n label,\n placeholder,\n textareaProps,\n helperProps,\n onChange,\n onFocus,\n onBlur,\n onMouseEnter,\n onMouseLeave,\n disabled,\n success,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n const [hover, setHover] = useState(false);\n\n const wrapperClasses: string[] = [];\n\n hasFocus && wrapperClasses.push(classes[\"focus\"]);\n hover && wrapperClasses.push(classes[\"hover\"]);\n disabled && wrapperClasses.push(classes[\"disabled\"]);\n error && wrapperClasses.push(classes[\"error\"]);\n\n return (\n <Wrapper\n {...rest}\n ref={ref}\n disabled={disabled}\n labelProps={{\n id: labelId,\n className: `${classes[\"textarea-label\"]} ${wrapperClasses.join(\" \")}`\n }}\n name={name}\n label={label}\n helperId={helperId}\n helperProps={{\n ...helperProps,\n className: classes[\"textarea-helper-text\"]\n }}\n error={error}\n errorId={errorId}\n >\n <Textarea\n {...textareaProps}\n error={error}\n aria-labelledby={label && labelId}\n aria-describedby={error ? errorId : helperId}\n placeholder={placeholder}\n name={name}\n id={name}\n value={value}\n success={success}\n onChange={onChange}\n onFocus={e => {\n onFocus?.(e);\n setHasFocus(true);\n }}\n onBlur={e => {\n onBlur?.(e);\n setHasFocus(false);\n }}\n onMouseEnter={e => {\n onMouseEnter?.(e);\n setHover(true);\n }}\n onMouseLeave={e => {\n onMouseLeave?.(e);\n setHover(false);\n }}\n className={`${classes[\"textarea\"]} ${error ? classes[\"error\"] : \"\"}`}\n wrapperProps={{\n className: `${wrapperClasses.join(\" \")} ${classes[\"textarea-wrapper\"]}`\n }}\n />\n </Wrapper>\n );\n};\n\nexport const TextareaWrapper = React.forwardRef(TextareaWrapperComponent);\n"],"names":["TextareaWrapperComponent","name","error","value","label","placeholder","textareaProps","helperProps","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","disabled","success","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","hover","setHover","useState","wrapperClasses","push","classes","React","createElement","Wrapper","labelProps","id","className","join","Textarea","e","wrapperProps","TextareaWrapper","forwardRef"],"mappings":"mQAuCA,MAAMA,EAA4E,EAE9EC,OACAC,QACAC,QACAC,QACAC,cACAC,gBACAC,cACAC,WACAC,UACAC,SACAC,eACAC,eACAC,WACAC,aACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,YAAEA,EAAWC,SAAEA,EAAQC,QAAEA,GAAYC,IAC9D,MAAOC,EAAOC,GAAYC,EAAS,OAEnC,MAAMC,EAA2B,GAEjCR,GAAYQ,EAAeC,KAAKC,EAAQ,UACxCL,GAASG,EAAeC,KAAKC,EAAQ,UACrCf,GAAYa,EAAeC,KAAKC,EAAQ,aACxC1B,GAASwB,EAAeC,KAAKC,EAAQ,UAErC,OACEC,EAAAC,cAACC,EAAO,IACFhB,EACJC,IAAKA,EACLH,SAAUA,EACVmB,WAAY,CACVC,GAAIZ,EACJa,UAAW,GAAGN,EAAQ,qBAAqBF,EAAeS,KAAK,QAEjElC,KAAMA,EACNG,MAAOA,EACPgB,SAAUA,EACVb,YAAa,IACRA,EACH2B,UAAWN,EAAQ,yBAErB1B,MAAOA,EACPe,QAASA,GAETY,EAACC,cAAAM,MACK9B,EACJJ,MAAOA,EACU,kBAAAE,GAASiB,qBACRnB,EAAQe,EAAUG,EACpCf,YAAaA,EACbJ,KAAMA,EACNgC,GAAIhC,EACJE,MAAOA,EACPW,QAASA,EACTN,SAAUA,EACVC,QAAS4B,IACP5B,UAAAA,SAAO,OAAA,EAAPA,EAAU4B,GACVlB,EAAY,KAAK,EAEnBT,OAAQ2B,IACN3B,UAAAA,SAAM,OAAA,EAANA,EAAS2B,GACTlB,EAAY,MAAM,EAEpBR,aAAc0B,IACZ1B,UAAAA,SAAY,OAAA,EAAZA,EAAe0B,GACfb,EAAS,KAAK,EAEhBZ,aAAcyB,IACZzB,UAAAA,SAAY,OAAA,EAAZA,EAAeyB,GACfb,EAAS,MAAM,EAEjBU,UAAW,GAAGN,EAAQ,eAAe1B,EAAQ0B,EAAQ,SAAW,KAChEU,aAAc,CACZJ,UAAW,GAAGR,EAAeS,KAAK,QAAQP,EAAQ,yBAIxD,EAGS,MAAAW,EAAkBV,EAAMW,WAAWxC"}