@onewelcome/react-lib-components 6.7.1 → 7.1.0

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.useAddNewBtn-module_sr-only__MnEKa{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.useAddNewBtn-module_hidden__w7xZc{display:none}.useAddNewBtn-module_slide-in__N8T9F{animation:useAddNewBtn-module_slide-in__N8T9F .5s forwards}@media (prefers-reduced-motion:reduce){.useAddNewBtn-module_slide-in__N8T9F{animation-duration:.1ms}}.useAddNewBtn-module_slide-out__0yXQE{animation:useAddNewBtn-module_slide-out__0yXQE .5s forwards}@media (prefers-reduced-motion:reduce){.useAddNewBtn-module_slide-out__0yXQE{animation-duration:.1ms}}@keyframes useAddNewBtn-module_slide-in__N8T9F{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn-module_slide-out__0yXQE{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 */ul.useAddNewBtn-module_has-sibling__ylbtM{padding-bottom:2px}.useAddNewBtn-module_action-button__hS4pN{background-color:var(--light);border:none;border-radius:var(--input-border-radius);border-top:1px solid var(--color-blue-grey50);box-sizing:border-box;color:var(--default);cursor:pointer;font-family:var(--font-family);font-size:var(--form-control-font-size);height:2.5rem;margin:0 0 .25rem;padding:.625rem .75rem;position:relative;text-align:left;width:100%}.useAddNewBtn-module_action-button__hS4pN.useAddNewBtn-module_focus__flP-n,.useAddNewBtn-module_action-button__hS4pN:focus{outline:none}.useAddNewBtn-module_action-button__hS4pN.useAddNewBtn-module_focus__flP-n:before,.useAddNewBtn-module_action-button__hS4pN:focus:before{border-radius:var(--focus-border-radius);content:\"\";height:100%;left:.125rem;opacity:1;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:calc(100% - .25rem);z-index:101}.useAddNewBtn-module_action-button__hS4pN:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn-module_action-button__hS4pN:active{background-color:var(--color-blue-grey100)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVzZUFkZE5ld0J0bi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwwQ0FDRSxrQkFDRixDQUVBLDBDQVFFLDZCQUE4QixDQU45QixXQUFZLENBT1osd0NBQXlDLENBTnpDLDZDQUE4QyxDQVM5QyxxQkFBc0IsQ0FGdEIsb0JBQXFCLENBR3JCLGNBQWUsQ0FDZiw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBVnhDLGFBQWMsQ0FFZCxpQkFBbUIsQ0FEbkIsc0JBQXlCLENBTHpCLGlCQUFrQixDQVVsQixlQUFnQixDQVBoQixVQVlGLENBQ0EsMkhBQ0UsWUFDRixDQUNBLHlJQUdFLHdDQUF5QyxDQUN6QyxVQUFXLENBSVgsV0FBWSxDQURaLFlBQWMsQ0FHZCxTQUFVLENBVFYsd0NBQTBDLENBQzFDLGdCQUFpQixDQUdqQixpQkFBa0IsQ0FDbEIsS0FBTSxDQUdOLHlCQUEyQixDQUUzQixXQUNGLENBQ0EsZ0RBQ0UseUNBQ0YsQ0FDQSxpREFDRSwwQ0FDRiIsImZpbGUiOiJ1c2VBZGROZXdCdG4ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xudWwuaGFzLXNpYmxpbmcge1xuICBwYWRkaW5nLWJvdHRvbTogMnB4O1xufVxuXG4uYWN0aW9uLWJ1dHRvbiB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTApO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAyLjVyZW07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDAuNzVyZW07XG4gIG1hcmdpbjogMCAwIDAuMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xufVxuLmFjdGlvbi1idXR0b246Zm9jdXMsIC5hY3Rpb24tYnV0dG9uLmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5hY3Rpb24tYnV0dG9uOmZvY3VzOjpiZWZvcmUsIC5hY3Rpb24tYnV0dG9uLmZvY3VzOjpiZWZvcmUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDAuMTI1cmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAwLjI1cmVtKTtcbiAgb3BhY2l0eTogMTtcbiAgei1pbmRleDogMTAxO1xufVxuLmFjdGlvbi1idXR0b246aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MCk7XG59XG4uYWN0aW9uLWJ1dHRvbjphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufSJdfQ== */";
+var classes = {"sr-only":"useAddNewBtn-module_sr-only__MnEKa","hidden":"useAddNewBtn-module_hidden__w7xZc","slide-in":"useAddNewBtn-module_slide-in__N8T9F","slide-out":"useAddNewBtn-module_slide-out__0yXQE","has-sibling":"useAddNewBtn-module_has-sibling__ylbtM","action-button":"useAddNewBtn-module_action-button__hS4pN","focus":"useAddNewBtn-module_focus__flP-n"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=useAddNewBtn.module.scss.esm.js.map

package/dist/esm/Form/Select/useAddNewBtn.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddNewBtn.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,2 +1,88 @@
-import{useState as t,useEffect as e}from"react";const n=({expanded:n,optionListReference:o,addBtnRef:i,containerReference:r})=>{const[c,s]=t({wrapper:void 0,list:void 0});const[p,a]=t(0);const[l,u]=t({});e((()=>{g()}),[n]);const g=()=>{if(!n||!o.current||!r.current)return;const t=r.current.getBoundingClientRect().bottom;const e=window.innerHeight-r.current.getBoundingClientRect().top;let i={top:"2.75rem",bottom:"initial"};if(t>e)i={top:"initial",bottom:"2.75rem"};u(i);d(i)};const d=t=>{var e;const n=(e=o.current)===null||e===void 0?void 0:e.getBoundingClientRect().height;const c=i.current?i.current.getBoundingClientRect().height+parseInt(getComputedStyle(i.current).marginBottom):0;const p=t.top!=="initial"?"top":"bottom";if(!r.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 l=p==="top"?window.innerHeight-r.current.getBoundingClientRect().bottom-16:r.current.getBoundingClientRect().top-16;if(n&&l<n+c){const t={wrapper:`${l}px`,list:c>0?`${l-c}px`:"none"};s(t);a(100);return}s({wrapper:void 0,list:void 0});a(100)};return{optionsListMaxHeight:c,opacity:p,setOpacity:a,listPosition:l,setListPosition:u}};export{n as useSelectPositionList};
+import { useState, useEffect } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+/** @scope .*/
+const useSelectPositionList = ({ expanded, optionListReference, addBtnRef, containerReference }) => {
+    const [optionsListMaxHeight, setOptionsListMaxHeight] = useState({
+        wrapper: undefined,
+        list: undefined
+    });
+    const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.
+    const [listPosition, setListPosition] = useState({});
+    useEffect(() => {
+        rePositionList();
+    }, [expanded]);
+    const rePositionList = () => {
+        if (!expanded || !optionListReference.current || !containerReference.current) {
+            return;
+        }
+        // Check whether there is more space above or below the select
+        // Check space between the bottom of select and top of viewport
+        const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;
+        // Check space between the top of the select and bottom of viewport
+        const spaceOnBottomOfSelect = window.innerHeight - containerReference.current.getBoundingClientRect().top;
+        // Set position as if there's more space on the bottom
+        let position = { top: "2.75rem", bottom: "initial" };
+        // Set the position of the select
+        if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {
+            position = { top: "initial", bottom: "2.75rem" };
+        }
+        setListPosition(position);
+        // Calculate the potential max height of the options list
+        calculateOptionListMaxHeight(position);
+    };
+    const calculateOptionListMaxHeight = (position) => {
+        var _a;
+        // Calculate max height if there's more space below the select
+        const listHeight = (_a = optionListReference.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height;
+        const addNewButtonHeightWithMargin = addBtnRef.current
+            ? addBtnRef.current.getBoundingClientRect().height +
+                parseInt(getComputedStyle(addBtnRef.current).marginBottom)
+            : 0;
+        const transformOrigin = position.top !== "initial" ? "top" : "bottom";
+        if (!containerReference.current) {
+            console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");
+            return;
+        }
+        const availableSpace = transformOrigin === "top"
+            ? window.innerHeight - containerReference.current.getBoundingClientRect().bottom - 16
+            : containerReference.current.getBoundingClientRect().top - 16;
+        if (listHeight && availableSpace < listHeight + addNewButtonHeightWithMargin) {
+            const maxHeightObject = {
+                wrapper: `${availableSpace}px`,
+                list: addNewButtonHeightWithMargin > 0
+                    ? `${availableSpace - addNewButtonHeightWithMargin}px`
+                    : "none"
+            };
+            setOptionsListMaxHeight(maxHeightObject);
+            setOpacity(100);
+            return;
+        }
+        setOptionsListMaxHeight({ wrapper: undefined, list: undefined });
+        setOpacity(100);
+    };
+    return {
+        optionsListMaxHeight,
+        opacity,
+        setOpacity,
+        listPosition,
+        setListPosition
+    };
+};
+
+export { useSelectPositionList };
 //# sourceMappingURL=useSelectPositionList.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectPositionList.esm.js","sources":["../../../../../../src/components/Form/Select/useSelectPositionList.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useState } from \"react\";\nimport { Position, UseSelectPositionListParams } from \"./Select.interfaces\";\n\n/** @scope .*/\nexport const useSelectPositionList = ({\n  expanded,\n  optionListReference,\n  addBtnRef,\n  containerReference\n}: UseSelectPositionListParams) => {\n  const [optionsListMaxHeight, setOptionsListMaxHeight] = useState<{\n    wrapper?: string;\n    list?: string;\n  }>({\n    wrapper: undefined,\n    list: undefined\n  });\n  const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.\n  const [listPosition, setListPosition] = useState<Partial<Position>>({});\n\n  useEffect(() => {\n    rePositionList();\n  }, [expanded]);\n\n  const rePositionList = () => {\n    if (!expanded || !optionListReference.current || !containerReference.current) {\n      return;\n    }\n\n    // Check whether there is more space above or below the select\n    // Check space between the bottom of select and top of viewport\n    const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;\n\n    // Check space between the top of the select and bottom of viewport\n    const spaceOnBottomOfSelect =\n      window.innerHeight - containerReference.current.getBoundingClientRect().top;\n\n    // Set position as if there's more space on the bottom\n    let position: Position = { top: \"2.75rem\", bottom: \"initial\" };\n\n    // Set the position of the select\n    if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n      position = { top: \"initial\", bottom: \"2.75rem\" };\n    }\n\n    setListPosition(position);\n\n    // Calculate the potential max height of the options list\n    calculateOptionListMaxHeight(position);\n  };\n\n  const calculateOptionListMaxHeight = (position: Position) => {\n    // Calculate max height if there's more space below the select\n    const listHeight = optionListReference.current?.getBoundingClientRect().height;\n    const addNewButtonHeightWithMargin = addBtnRef.current\n      ? addBtnRef.current.getBoundingClientRect().height +\n        parseInt(getComputedStyle(addBtnRef.current).marginBottom)\n      : 0;\n    const transformOrigin = position.top !== \"initial\" ? \"top\" : \"bottom\";\n\n    if (!containerReference.current) {\n      console.error(\n        \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n      );\n      return;\n    }\n\n    const availableSpace =\n      transformOrigin === \"top\"\n        ? window.innerHeight - containerReference.current.getBoundingClientRect().bottom - 16\n        : containerReference.current.getBoundingClientRect().top - 16;\n\n    if (listHeight && availableSpace < listHeight + addNewButtonHeightWithMargin) {\n      const maxHeightObject = {\n        wrapper: `${availableSpace}px`,\n        list:\n          addNewButtonHeightWithMargin > 0\n            ? `${availableSpace - addNewButtonHeightWithMargin}px`\n            : \"none\"\n      };\n      setOptionsListMaxHeight(maxHeightObject);\n      setOpacity(100);\n      return;\n    }\n\n    setOptionsListMaxHeight({ wrapper: undefined, list: undefined });\n    setOpacity(100);\n  };\n\n  return {\n    optionsListMaxHeight,\n    opacity,\n    setOpacity,\n    listPosition,\n    setListPosition\n  };\n};\n"],"names":["useSelectPositionList","expanded","optionListReference","addBtnRef","containerReference","optionsListMaxHeight","setOptionsListMaxHeight","useState","wrapper","undefined","list","opacity","setOpacity","listPosition","setListPosition","useEffect","rePositionList","current","spaceOnTopOfSelect","getBoundingClientRect","bottom","spaceOnBottomOfSelect","window","innerHeight","top","position","calculateOptionListMaxHeight","listHeight","_a","height","addNewButtonHeightWithMargin","parseInt","getComputedStyle","marginBottom","transformOrigin","console","error","availableSpace","maxHeightObject"],"mappings":"gDAoBO,MAAMA,EAAwB,EACnCC,WACAC,sBACAC,YACAC,yBAEA,MAAOC,EAAsBC,GAA2BC,EAGrD,CACDC,aAASC,EACTC,UAAMD,IAER,MAAOE,EAASC,GAAcL,EAAS,GACvC,MAAOM,EAAcC,GAAmBP,EAA4B,CAAE,GAEtEQ,GAAU,KACRC,GAAgB,GACf,CAACf,IAEJ,MAAMe,EAAiB,KACrB,IAAKf,IAAaC,EAAoBe,UAAYb,EAAmBa,QACnE,OAKF,MAAMC,EAAqBd,EAAmBa,QAAQE,wBAAwBC,OAG9E,MAAMC,EACJC,OAAOC,YAAcnB,EAAmBa,QAAQE,wBAAwBK,IAG1E,IAAIC,EAAqB,CAAED,IAAK,UAAWJ,OAAQ,WAGnD,GAAIF,EAAqBG,EACvBI,EAAW,CAAED,IAAK,UAAWJ,OAAQ,WAGvCN,EAAgBW,GAGhBC,EAA6BD,EAAS,EAGxC,MAAMC,EAAgCD,UAEpC,MAAME,GAAaC,EAAA1B,EAAoBe,WAAS,MAAAW,SAAA,OAAA,EAAAA,EAAAT,wBAAwBU,OACxE,MAAMC,EAA+B3B,EAAUc,QAC3Cd,EAAUc,QAAQE,wBAAwBU,OAC1CE,SAASC,iBAAiB7B,EAAUc,SAASgB,cAC7C,EACJ,MAAMC,EAAkBT,EAASD,MAAQ,UAAY,MAAQ,SAE7D,IAAKpB,EAAmBa,QAAS,CAC/BkB,QAAQC,MACN,6LAEF,MACD,CAED,MAAMC,EACJH,IAAoB,MAChBZ,OAAOC,YAAcnB,EAAmBa,QAAQE,wBAAwBC,OAAS,GACjFhB,EAAmBa,QAAQE,wBAAwBK,IAAM,GAE/D,GAAIG,GAAcU,EAAiBV,EAAaG,EAA8B,CAC5E,MAAMQ,EAAkB,CACtB9B,QAAS,GAAG6B,MACZ3B,KACEoB,EAA+B,EAC3B,GAAGO,EAAiBP,MACpB,QAERxB,EAAwBgC,GACxB1B,EAAW,KACX,MACD,CAEDN,EAAwB,CAAEE,aAASC,EAAWC,UAAMD,IACpDG,EAAW,IAAI,EAGjB,MAAO,CACLP,uBACAM,UACAC,aACAC,eACAC,kBACD"}
+{"version":3,"file":"useSelectPositionList.esm.js","sources":["../../../../../../src/components/Form/Select/useSelectPositionList.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useState } from \"react\";\nimport { Position, UseSelectPositionListParams } from \"./Select.interfaces\";\n\n/** @scope .*/\nexport const useSelectPositionList = ({\n  expanded,\n  optionListReference,\n  addBtnRef,\n  containerReference\n}: UseSelectPositionListParams) => {\n  const [optionsListMaxHeight, setOptionsListMaxHeight] = useState<{\n    wrapper?: string;\n    list?: string;\n  }>({\n    wrapper: undefined,\n    list: undefined\n  });\n  const [opacity, setOpacity] = useState(0); // We set opacity because otherwise if we calculate the max height you see the list full height for a split second and then it shortens.\n  const [listPosition, setListPosition] = useState<Partial<Position>>({});\n\n  useEffect(() => {\n    rePositionList();\n  }, [expanded]);\n\n  const rePositionList = () => {\n    if (!expanded || !optionListReference.current || !containerReference.current) {\n      return;\n    }\n\n    // Check whether there is more space above or below the select\n    // Check space between the bottom of select and top of viewport\n    const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;\n\n    // Check space between the top of the select and bottom of viewport\n    const spaceOnBottomOfSelect =\n      window.innerHeight - containerReference.current.getBoundingClientRect().top;\n\n    // Set position as if there's more space on the bottom\n    let position: Position = { top: \"2.75rem\", bottom: \"initial\" };\n\n    // Set the position of the select\n    if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n      position = { top: \"initial\", bottom: \"2.75rem\" };\n    }\n\n    setListPosition(position);\n\n    // Calculate the potential max height of the options list\n    calculateOptionListMaxHeight(position);\n  };\n\n  const calculateOptionListMaxHeight = (position: Position) => {\n    // Calculate max height if there's more space below the select\n    const listHeight = optionListReference.current?.getBoundingClientRect().height;\n    const addNewButtonHeightWithMargin = addBtnRef.current\n      ? addBtnRef.current.getBoundingClientRect().height +\n        parseInt(getComputedStyle(addBtnRef.current).marginBottom)\n      : 0;\n    const transformOrigin = position.top !== \"initial\" ? \"top\" : \"bottom\";\n\n    if (!containerReference.current) {\n      console.error(\n        \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n      );\n      return;\n    }\n\n    const availableSpace =\n      transformOrigin === \"top\"\n        ? window.innerHeight - containerReference.current.getBoundingClientRect().bottom - 16\n        : containerReference.current.getBoundingClientRect().top - 16;\n\n    if (listHeight && availableSpace < listHeight + addNewButtonHeightWithMargin) {\n      const maxHeightObject = {\n        wrapper: `${availableSpace}px`,\n        list:\n          addNewButtonHeightWithMargin > 0\n            ? `${availableSpace - addNewButtonHeightWithMargin}px`\n            : \"none\"\n      };\n      setOptionsListMaxHeight(maxHeightObject);\n      setOpacity(100);\n      return;\n    }\n\n    setOptionsListMaxHeight({ wrapper: undefined, list: undefined });\n    setOpacity(100);\n  };\n\n  return {\n    optionsListMaxHeight,\n    opacity,\n    setOpacity,\n    listPosition,\n    setListPosition\n  };\n};\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAKH;AACO,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,kBAAkB,EACU,KAAI;AAChC,IAAA,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAG7D;AACD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAExE,SAAS,CAAC,MAAK;AACb,QAAA,cAAc,EAAE,CAAC;AACnB,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,mBAAmB,CAAC,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YAC5E,OAAO;SACR;;;QAID,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;;AAGrF,QAAA,MAAM,qBAAqB,GACzB,MAAM,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;;QAG9E,IAAI,QAAQ,GAAa,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;AAG/D,QAAA,IAAI,kBAAkB,GAAG,qBAAqB,EAAE;YAC9C,QAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;SAClD;QAED,eAAe,CAAC,QAAQ,CAAC,CAAC;;QAG1B,4BAA4B,CAAC,QAAQ,CAAC,CAAC;AACzC,KAAC,CAAC;AAEF,IAAA,MAAM,4BAA4B,GAAG,CAAC,QAAkB,KAAI;;;QAE1D,MAAM,UAAU,GAAG,CAAA,EAAA,GAAA,mBAAmB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qBAAqB,EAAG,CAAA,MAAM,CAAC;AAC/E,QAAA,MAAM,4BAA4B,GAAG,SAAS,CAAC,OAAO;cAClD,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBAChD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC;cAC1D,CAAC,CAAC;AACN,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEtE,QAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;AAC/B,YAAA,OAAO,CAAC,KAAK,CACX,2LAA2L,CAC5L,CAAC;YACF,OAAO;SACR;AAED,QAAA,MAAM,cAAc,GAClB,eAAe,KAAK,KAAK;AACvB,cAAE,MAAM,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,EAAE;cACnF,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC;QAElE,IAAI,UAAU,IAAI,cAAc,GAAG,UAAU,GAAG,4BAA4B,EAAE;AAC5E,YAAA,MAAM,eAAe,GAAG;gBACtB,OAAO,EAAE,CAAG,EAAA,cAAc,CAAI,EAAA,CAAA;gBAC9B,IAAI,EACF,4BAA4B,GAAG,CAAC;AAC9B,sBAAE,CAAA,EAAG,cAAc,GAAG,4BAA4B,CAAI,EAAA,CAAA;AACtD,sBAAE,MAAM;aACb,CAAC;YACF,uBAAuB,CAAC,eAAe,CAAC,CAAC;YACzC,UAAU,CAAC,GAAG,CAAC,CAAC;YAChB,OAAO;SACR;QAED,uBAAuB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QACjE,UAAU,CAAC,GAAG,CAAC,CAAC;AAClB,KAAC,CAAC;IAEF,OAAO;QACL,oBAAoB;QACpB,OAAO;QACP,UAAU;QACV,YAAY;QACZ,eAAe;KAChB,CAAC;AACJ;;;;"}

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

@@ -1,2 +1,44 @@
-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};
+import React, { useState } from 'react';
+import classes from './Textarea.module.scss.esm.js';
+import { useDetermineStatusIcon } from '../../src/hooks/useDetermineStatusIcon.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const TextareaComponent = ({ error = false, success = false, disabled = false, className, rows = 4, wrapperProps, onFocus, onBlur, ...rest }, ref) => {
+    const [focus, setFocus] = useState(false);
+    const wrapperClasses = [classes["textarea-wrapper"]];
+    const outlineClasses = [classes["outline"]];
+    (wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className) && wrapperClasses.push(wrapperProps.className);
+    disabled && wrapperClasses.push(classes["disabled"]) && outlineClasses.push(classes["disabled"]);
+    error && wrapperClasses.push(classes["error"]) && outlineClasses.push(classes["error"]);
+    focus && wrapperClasses.push(classes["focus"]) && outlineClasses.push(classes["focus"]);
+    success && wrapperClasses.push("success");
+    const icon = useDetermineStatusIcon({ success, error });
+    return (React.createElement("div", { ...wrapperProps, className: wrapperClasses.join(" ") },
+        React.createElement("textarea", { ...rest, ref: ref, rows: rows, className: `${error ? classes["error"] : ""} ${classes["textarea"]} ${className !== null && className !== void 0 ? className : ""}`, disabled: disabled, onFocus: event => {
+                setFocus(true);
+                onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+            }, onBlur: event => {
+                setFocus(false);
+                onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+            } }),
+        icon,
+        React.createElement("span", { className: outlineClasses.join(" ") })));
+};
+const Textarea = React.forwardRef(TextareaComponent);
+
+export { Textarea };
 //# sourceMappingURL=Textarea.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.esm.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./Textarea.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\nexport interface Props extends ComponentPropsWithRef<\"textarea\">, FormElement {\n  wrapperProps?: ComponentPropsWithRef<\"div\">;\n}\n\nconst TextareaComponent: ForwardRefRenderFunction<HTMLTextAreaElement, Props> = (\n  {\n    error = false,\n    success = false,\n    disabled = false,\n    className,\n    rows = 4,\n    wrapperProps,\n    onFocus,\n    onBlur,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [focus, setFocus] = useState(false);\n\n  const wrapperClasses = [classes[\"textarea-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(\"success\");\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  return (\n    <div {...wrapperProps} className={wrapperClasses.join(\" \")}>\n      <textarea\n        {...rest}\n        ref={ref}\n        rows={rows}\n        className={`${error ? classes[\"error\"] : \"\"} ${classes[\"textarea\"]} ${className ?? \"\"}`}\n        disabled={disabled}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n      />\n      {icon}\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Textarea = React.forwardRef(TextareaComponent);\n"],"names":["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"}
+{"version":3,"file":"Textarea.esm.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./Textarea.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\nexport interface Props extends ComponentPropsWithRef<\"textarea\">, FormElement {\n  wrapperProps?: ComponentPropsWithRef<\"div\">;\n}\n\nconst TextareaComponent: ForwardRefRenderFunction<HTMLTextAreaElement, Props> = (\n  {\n    error = false,\n    success = false,\n    disabled = false,\n    className,\n    rows = 4,\n    wrapperProps,\n    onFocus,\n    onBlur,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [focus, setFocus] = useState(false);\n\n  const wrapperClasses = [classes[\"textarea-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(\"success\");\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  return (\n    <div {...wrapperProps} className={wrapperClasses.join(\" \")}>\n      <textarea\n        {...rest}\n        ref={ref}\n        rows={rows}\n        className={`${error ? classes[\"error\"] : \"\"} ${classes[\"textarea\"]} ${className ?? \"\"}`}\n        disabled={disabled}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n      />\n      {icon}\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Textarea = React.forwardRef(TextareaComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAWH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,GAAG,CAAC,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5C,IAAA,CAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAE,SAAS,KAAI,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvE,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IACjG,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACxF,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AACxF,IAAA,OAAO,IAAI,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,IAAI,GAAG,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAExD,QACE,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,YAAY,EAAE,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA;QACxD,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAG,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,OAAO,CAAC,UAAU,CAAC,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAT,SAAS,GAAI,EAAE,CAAE,CAAA,EACvF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,KAAK,IAAG;gBACf,QAAQ,CAAC,IAAI,CAAC,CAAC;AACf,gBAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,KAAK,CAAC,CAAC;AACnB,aAAC,EACD,MAAM,EAAE,KAAK,IAAG;gBACd,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChB,gBAAA,MAAM,aAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAG,KAAK,CAAC,CAAC;AAClB,aAAC,EACD,CAAA;QACD,IAAI;QACL,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,CAAS,CAC9C,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea-module_sr-only__aJaJl{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Textarea-module_hidden__-YcqE{display:none}.Textarea-module_slide-in__r1Z6F{animation:Textarea-module_slide-in__r1Z6F .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-in__r1Z6F{animation-duration:.1ms}}.Textarea-module_slide-out__tWdHB{animation:Textarea-module_slide-out__tWdHB .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-out__tWdHB{animation-duration:.1ms}}@keyframes Textarea-module_slide-in__r1Z6F{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea-module_slide-out__tWdHB{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea-module_textarea-wrapper__an3Pf{box-sizing:border-box;position:relative;width:100%}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error],.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{font-size:1.25rem;position:absolute;right:1.25rem;top:.85rem;z-index:1}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]:before,.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{color:var(--success)}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]{color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf:hover .Textarea-module_outline__tyQcN{background-color:var(--input-hover-background-color);border-color:var(--default)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_disabled__9Ay4b{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_error__pH5ff{border-color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36{border-width:var(--input-border-width-focus)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36:not(.Textarea-module_error__pH5ff){border-color:var(--color-focus)}.Textarea-module_textarea__ss1Sy{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);margin:var(--input-border-width) 0;padding:.625rem .5rem;position:relative;resize:vertical;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlDQUVFLHFCQUFzQixDQUR0QixpQkFBa0IsQ0FFbEIsVUFDRixDQUNBLHNJQU1FLGlCQUFrQixDQUpsQixpQkFBa0IsQ0FDbEIsYUFBYyxDQUVkLFVBQVksQ0FEWixTQUdGLENBQ0Esb0pBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0Esb0VBQ0Usb0JBQ0YsQ0FDQSxrRUFDRSxrQkFDRixDQUNBLCtFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLHlHQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLHNHQUNFLHlCQUNGLENBQ0Esc0dBQ0UsNENBQ0YsQ0FDQSx5SUFDRSwrQkFDRixDQUVBLGlDQWNFLHdCQUE2QixDQVg3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQVF0QiwrQkFBZ0MsQ0FGaEMsOEJBQStCLENBQy9CLHVDQUF3QyxDQVN4QyxrQ0FBbUMsQ0FqQm5DLHFCQUF3QixDQVl4QixpQkFBa0IsQ0FEbEIsZUFBZ0IsQ0FOaEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FJdkMsa0JBQW1CLENBTW5CLDRDQUE2QyxDQUY3QyxTQUlGLENBQ0EsdUNBQ0UsaUNBQ0Usd0JBQ0YsQ0FDRixDQUNBLDBDQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNBLHNEQUNFLFlBQ0YsQ0FFQSxnQ0FNRSxzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHNDQUF1QyxDQUN2QyxzQ0FBdUMsQ0FIdkMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVNsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsZ0NBQ0Usd0JBQ0YsQ0FDRixDQUVBLDhCQUNFLHlCQUNGIiwiZmlsZSI6IlRleHRhcmVhLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50ZXh0YXJlYS13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdLFxuLnRleHRhcmVhLXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMS4yNXJlbTtcbiAgei1pbmRleDogMTtcbiAgdG9wOiAwLjg1cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuXG4udGV4dGFyZWEge1xuICBwYWRkaW5nOiAwLjYyNXJlbSAwLjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbiAgLyogbWFraW5nIHNwYWNlIGZvciBvdXRsaW5lIGluIHRleHQgYXJlYSB3aGVuIHNjcm9sbCBiYXIgaXMgdmlzaWJsZTogd2lkdGggc21hbGxlciBhbmQgbWFyZ2luIHRvcCAmIGJvdHRvbSB0byBoYXZlIHNwYWNlIGZvciBib3JkZXIgKi9cbiAgd2lkdGg6IGNhbGMoMTAwJSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBtYXJnaW46IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkgMDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50ZXh0YXJlYSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50ZXh0YXJlYTpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi50ZXh0YXJlYTpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */";
+var classes = {"sr-only":"Textarea-module_sr-only__aJaJl","hidden":"Textarea-module_hidden__-YcqE","slide-in":"Textarea-module_slide-in__r1Z6F","slide-out":"Textarea-module_slide-out__tWdHB","textarea-wrapper":"Textarea-module_textarea-wrapper__an3Pf","outline":"Textarea-module_outline__tyQcN","disabled":"Textarea-module_disabled__9Ay4b","error":"Textarea-module_error__pH5ff","focus":"Textarea-module_focus__CKf36","textarea":"Textarea-module_textarea__ss1Sy"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Textarea.module.scss.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,2 +1,36 @@
-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};
+import React from 'react';
+import { Checkbox } from '../Checkbox/Checkbox.esm.js';
+import classes from './Toggle.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const ToggleComponent = ({ checked, disabled, helperProps, className, label, labelPosition = "right", hideLabel = false, labelOverflow = "nowrap", version = "emphasis", spacing = "packed", ...rest }, ref) => {
+    const classNames = [classes["toggle-wrapper"]];
+    className && classNames.push(className);
+    classNames.push(classes[`toggle-wrapper--${labelPosition}`]);
+    hideLabel && classNames.push(classes["toggle-wrapper--hide-label"]);
+    classNames.push(classes[`toggle-wrapper--${labelOverflow}`]);
+    classNames.push(classes[`toggle-wrapper--${version}`]);
+    classNames.push(classes[`toggle-wrapper--${spacing}`]);
+    disabled && classNames.push(classes["toggle-wrapper--disabled"]);
+    return (React.createElement("div", { className: classNames.join(" ") },
+        React.createElement(Checkbox, { ...rest, ref: ref, checked: checked, className: classes["checkbox"], helperProps: { className: classes["toggle-helper"], ...helperProps }, disabled: disabled, label: label },
+            React.createElement("span", { "data-toggle": "true", "aria-hidden": "true", className: `${classes["toggle"]} ${checked ? classes["checked"] : ""} ${disabled ? classes["disabled"] : ""} ` }))));
+};
+const Toggle = React.forwardRef(ToggleComponent);
+
+export { Toggle };
 //# sourceMappingURL=Toggle.esm.js.map

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

@@ -1 +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"}
+{"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":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAiBH,MAAM,eAAe,GAAsD,CACzE,EACE,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,QAAQ,EAClB,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAC/C,IAAA,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,aAAa,CAAA,CAAE,CAAC,CAAC,CAAC;IAC7D,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC,CAAC;IACpE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,aAAa,CAAA,CAAE,CAAC,CAAC,CAAC;IAC7D,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,OAAO,CAAA,CAAE,CAAC,CAAC,CAAC;IACvD,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,OAAO,CAAA,CAAE,CAAC,CAAC,CAAC;IACvD,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAEjE,QACE,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA;AAClC,QAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EACH,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAC9B,WAAW,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,GAAG,WAAW,EAAE,EACpE,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA;AAEZ,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACc,MAAM,EACN,aAAA,EAAA,MAAM,EAClB,SAAS,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAClE,CAAA,EAAA,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EACnC,CAAA,CAAA,CAAG,GACG,CACC,CACP,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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 classes = {"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"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Toggle.module.scss.esm.js.map

package/dist/esm/Form/Toggle/Toggle.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,2 +1,49 @@
-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};
+import React, { useEffect } from 'react';
+import classes from './CheckboxWrapper.module.scss.esm.js';
+import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
+import { Wrapper } from '../Wrapper/Wrapper.esm.js';
+import { Icons } from '../../../Icon/Icon.esm.js';
+import { Fieldset } from '../../Fieldset/Fieldset.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const CheckboxWrapperComponent = ({ children, error = false, helperText, helperProps, fieldsetProps, ...rest }, ref) => {
+    var _a;
+    const { errorId, helperId } = useWrapper();
+    useEffect(() => {
+        if (fieldsetProps.legend === undefined) {
+            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 renderChildren = () => React.Children.map(children, child => React.cloneElement(child, {
+        parentErrorId: errorId,
+        error: error,
+        parentHelperId: helperText ? helperId : false,
+        disabled: rest.disabled
+    }));
+    return (React.createElement(Fieldset, { ...fieldsetProps, required: rest.required },
+        React.createElement(Wrapper, { ...rest, ref: ref, label: "", helperId: helperId, helperText: helperText, helperProps: {
+                ...helperProps,
+                className: `${classes["checkbox-wrapper-helper"]} ${error ? classes["checkbox-wrapper-error"] : ""} ${(_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _a !== void 0 ? _a : ""}`
+            }, error: error, errorMessageIcon: Icons.Error, errorId: errorId }, renderChildren())));
+};
+/**
+ * @deprecated
+ */
+const CheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);
+
+export { CheckboxWrapper };
 //# sourceMappingURL=CheckboxWrapper.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./CheckboxWrapper.module.scss\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, Omit<WrapperProps, \"success\"> {\n  children: ReactElement[] | ReactElement;\n  fieldsetProps: FieldsetProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error = false, helperText, helperProps, fieldsetProps, ...rest }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        parentHelperId: helperText ? helperId : false,\n        disabled: rest.disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} required={rest.required}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        label=\"\"\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"checkbox-wrapper-helper\"]} ${\n            error ? classes[\"checkbox-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorMessageIcon={Icons.Error}\n        errorId={errorId}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\n/**\n * @deprecated\n */\nexport const CheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);\n"],"names":["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"}
+{"version":3,"file":"CheckboxWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./CheckboxWrapper.module.scss\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, Omit<WrapperProps, \"success\"> {\n  children: ReactElement[] | ReactElement;\n  fieldsetProps: FieldsetProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error = false, helperText, helperProps, fieldsetProps, ...rest }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        parentHelperId: helperText ? helperId : false,\n        disabled: rest.disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} required={rest.required}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        label=\"\"\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"checkbox-wrapper-helper\"]} ${\n            error ? classes[\"checkbox-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorMessageIcon={Icons.Error}\n        errorId={errorId}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\n/**\n * @deprecated\n */\nexport const CheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,wBAAwB,GAAoD,CAChF,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,IAAI,EAAS,EACnF,GAAG,KACD;;IACF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAE3C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,aAAa,CAAC,MAAM,KAAK,SAAS,EAAE;AACtC,YAAA,OAAO,CAAC,KAAK,CACX,CAAA,6PAAA,CAA+P,CAChQ,CAAC;SACH;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,MACrB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,IAChC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,UAAU,GAAG,QAAQ,GAAG,KAAK;QAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,KAAA,CAAC,CACH,CAAC;IAEJ,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA;QAClD,KAAC,CAAA,aAAA,CAAA,OAAO,OACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE;AACX,gBAAA,GAAG,WAAW;AACd,gBAAA,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,yBAAyB,CAAC,CAC9C,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,wBAAwB,CAAC,GAAG,EAC9C,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA;AACnC,aAAA,EACD,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,KAAK,CAAC,KAAK,EAC7B,OAAO,EAAE,OAAO,EAEf,EAAA,cAAc,EAAE,CACT,CACD,EACX;AACJ,CAAC,CAAC;AAEF;;AAEG;AACU,MAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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 classes = {"checkbox-wrapper-helper":"CheckboxWrapper-module_checkbox-wrapper-helper__RWYiI","checkbox-wrapper-error":"CheckboxWrapper-module_checkbox-wrapper-error__1yup-"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=CheckboxWrapper.module.scss.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}