@onewelcome/react-lib-components 10.0.2 → 11.0.0

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Select_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Select_hidden_EsL6T{display:none}.Select_slide-in_EsL6T{animation:Select_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-in_EsL6T{animation-duration:.1ms}}.Select_slide-out_EsL6T{animation:Select_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-out_EsL6T{animation-duration:.1ms}}@keyframes Select_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select_select_EsL6T{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_EsL6T{transition-duration:.1ms}}.Select_select_EsL6T [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_select_EsL6T.Select_expanded_EsL6T .Select_list-wrapper_EsL6T{background:var(--light)}.Select_select_EsL6T:not(.Select_expanded_EsL6T):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Select_select_EsL6T:not(.Select_expanded_EsL6T) button:focus:not(.Select_error_EsL6T){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_EsL6T:hover:not(.Select_disabled_EsL6T):not(.Select_expanded_EsL6T):not(.Select_error_EsL6T) button:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.Select_select_EsL6T .Select_custom-select_EsL6T{position:relative;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);cursor:pointer;transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_EsL6T .Select_custom-select_EsL6T{transition-duration:.1ms}}.Select_select_EsL6T .Select_custom-select_EsL6T:focus{outline:0}.Select_select_EsL6T .Select_custom-select_EsL6T.Select_error_EsL6T{border-color:var(--error);color:var(--error)}.Select_select_EsL6T .Select_custom-select_EsL6T.Select_error_EsL6T:focus{border-width:var(--input-border-width)}.Select_select_EsL6T .Select_custom-select_EsL6T.Select_disabled_EsL6T{border-color:var(--color-disabled)}.Select_select_EsL6T .Select_list-wrapper-container_EsL6T{position:relative}.Select_select_EsL6T .Select_list-wrapper_EsL6T{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.Select_select_EsL6T ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.Select_select_EsL6T ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.Select_select_EsL6T ul li:focus{outline:none}.Select_select_EsL6T ul li:focus:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.Select_select_EsL6T ul li:hover{background-color:var(--color-blue-grey50)}.Select_select_EsL6T ul li:active{background-color:var(--color-blue-grey100)}.Select_select_EsL6T ul li.Select_disabled_EsL6T{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.Select_select_EsL6T[data-readonlyview=true]{-webkit-user-select:text;user-select:text;pointer-events:none}.Select_select_EsL6T[data-readonlyview=true] button[type=button]{background-color:var(--color-white);color:var(--read-only-text-color);border-color:var(--read-only-border-color)}.Select_select_EsL6T[data-readonlyview=true] button[type=button] .Select_selected_EsL6T{color:var(--read-only-text-color)}.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_error_EsL6T,.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_success_EsL6T{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_error_EsL6T .Select_status_EsL6T,.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_success_EsL6T .Select_status_EsL6T{visibility:visible}.Select_select_EsL6T[data-readonlyview=true] button[type=button] .Select_status_EsL6T .Select_chevron-icon_EsL6T,.Select_select_EsL6T[data-readonlyview=true] .Select_list-wrapper_EsL6T{visibility:hidden}.Select_select_EsL6T[data-readonlyview=true] .Select_list-wrapper_EsL6T ul{display:none}.Select_selected-option_EsL6T{content:"";position:absolute;top:0;left:0;height:100%;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);color:var(--color-primary)}.Select_selected_EsL6T{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;left:calc(.5 * var(--font-size) - var(--input-border-width));right:2.25rem;text-align:left;white-space:normal}.Select_selected_EsL6T .Select_required_EsL6T{color:var(--error)}.Select_status_EsL6T{position:absolute;top:50%;right:.8125rem;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0}.Select_status_EsL6T [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.Select_status_EsL6T [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.Select_status_EsL6T [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.Select_status_EsL6T .Select_chevron-icon_EsL6T{color:var(--default);font-size:var(--font-size-small)}.Select_status_EsL6T *+*{margin-left:1.25rem}.Select_placeholder_EsL6T{color:var(--greyed-out)}.Select_select-search_EsL6T{position:relative;width:100%;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}.Select_disabled_EsL6T{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.Select_disabled_EsL6T>*{pointer-events:none}@media only screen and (min-width: 30em){.Select_select_EsL6T .Select_custom-select_EsL6T{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_EsL6T:not(.Select_expanded_EsL6T) button:focus:not(.Select_error_EsL6T){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .Select_root_EsL6T [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] .Select_root_EsL6T [data-readonlyview] button .Select_status_EsL6T .Select_chevron-icon_EsL6T{visibility:hidden}[data-readonlyview=true] .Select_root_EsL6T [data-readonlyview] button.Select_error_EsL6T{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_inlineEditing_EsL6T .Select_select_EsL6T{background-color:transparent;transition:none}.Select_inlineEditing_EsL6T .Select_select_EsL6T:not(.Select_expanded_EsL6T) button:focus:not(.Select_error_EsL6T){border-width:0;border-radius:.3125rem}.Select_inlineEditing_EsL6T .Select_select_EsL6T:focus button:focus{border:.125rem solid var(--color-focus)}.Select_inlineEditing_EsL6T .Select_select_EsL6T:hover button .Select_status_EsL6T span.Select_chevron-icon_EsL6T{visibility:visible}.Select_inlineEditing_EsL6T .Select_select_EsL6T:hover:not(.Select_disabled_EsL6T):not(.Select_expanded_EsL6T):not(.Select_error_EsL6T) button:not(:focus){border:0;background-color:transparent}.Select_inlineEditing_EsL6T .Select_select_EsL6T button{border:0}.Select_inlineEditing_EsL6T .Select_select_EsL6T button.Select_expanded_EsL6T div.Select_status_EsL6T span.Select_chevron-icon_EsL6T{visibility:visible}.Select_inlineEditing_EsL6T .Select_select_EsL6T button:focus-visible{outline:.125rem solid var(--color-focus);border-radius:.3125rem;outline-offset:-1px}.Select_inlineEditing_EsL6T .Select_select_EsL6T button.Select_error_EsL6T{color:var(--color-default)}.Select_inlineEditing_EsL6T .Select_select_EsL6T button .Select_status_EsL6T span.Select_chevron-icon_EsL6T{visibility:hidden}.Select_inlineEditing_EsL6T .Select_select_EsL6T[data-readonlyview=true] button{background-color:transparent}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Select_select_EsL6T",s="Select_expanded_EsL6T",t="Select_error_EsL6T",c="Select_disabled_EsL6T",l="Select_selected_EsL6T",r="Select_success_EsL6T",o="Select_status_EsL6T",_="Select_required_EsL6T",d="Select_placeholder_EsL6T",i="Select_root_EsL6T",p="Select_inlineEditing_EsL6T",n={select:e,expanded:s,"list-wrapper":"Select_list-wrapper_EsL6T",error:t,disabled:c,"custom-select":"Select_custom-select_EsL6T",selected:l,success:r,status:o,"chevron-icon":"Select_chevron-icon_EsL6T","selected-option":"Select_selected-option_EsL6T",required:_,placeholder:d,"select-search":"Select_select-search_EsL6T",root:i,inlineEditing:p};exports.default=n,exports.disabled=c,exports.error=t,exports.expanded=s,exports.inlineEditing=p,exports.placeholder=d,exports.required=_,exports.root=i,exports.select=e,exports.selected=l,exports.status=o,exports.success=r;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Select_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Select_hidden_HO9cY{display:none}.Select_slide-in_HO9cY{animation:Select_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-in_HO9cY{animation-duration:.1ms}}.Select_slide-out_HO9cY{animation:Select_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Select_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select_select_HO9cY{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_HO9cY{transition-duration:.1ms}}.Select_select_HO9cY [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_select_HO9cY.Select_expanded_HO9cY .Select_list-wrapper_HO9cY{background:var(--light)}.Select_select_HO9cY:not(.Select_expanded_HO9cY):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Select_select_HO9cY:not(.Select_expanded_HO9cY) button:focus:not(.Select_error_HO9cY){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_HO9cY:hover:not(.Select_disabled_HO9cY):not(.Select_expanded_HO9cY):not(.Select_error_HO9cY) button:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.Select_select_HO9cY .Select_custom-select_HO9cY{position:relative;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);cursor:pointer;transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_HO9cY .Select_custom-select_HO9cY{transition-duration:.1ms}}.Select_select_HO9cY .Select_custom-select_HO9cY:focus{outline:0}.Select_select_HO9cY .Select_custom-select_HO9cY.Select_error_HO9cY{border-color:var(--error);color:var(--error)}.Select_select_HO9cY .Select_custom-select_HO9cY.Select_error_HO9cY:focus{border-width:var(--input-border-width)}.Select_select_HO9cY .Select_custom-select_HO9cY.Select_disabled_HO9cY{border-color:var(--color-disabled)}.Select_select_HO9cY .Select_list-wrapper-container_HO9cY{position:relative}.Select_select_HO9cY .Select_list-wrapper_HO9cY{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.Select_select_HO9cY ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.Select_select_HO9cY ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.Select_select_HO9cY ul li:focus{outline:none}.Select_select_HO9cY ul li:focus:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.Select_select_HO9cY ul li:hover{background-color:var(--color-blue-grey50)}.Select_select_HO9cY ul li:active{background-color:var(--color-blue-grey100)}.Select_select_HO9cY ul li.Select_disabled_HO9cY{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.Select_select_HO9cY[data-readonlyview=true]{-webkit-user-select:text;user-select:text;pointer-events:none}.Select_select_HO9cY[data-readonlyview=true] button[type=button]{background-color:var(--color-white);color:var(--read-only-text-color);border-color:var(--read-only-border-color)}.Select_select_HO9cY[data-readonlyview=true] button[type=button] .Select_selected_HO9cY{color:var(--read-only-text-color)}.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_error_HO9cY,.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_success_HO9cY{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_error_HO9cY .Select_status_HO9cY,.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_success_HO9cY .Select_status_HO9cY{visibility:visible}.Select_select_HO9cY[data-readonlyview=true] button[type=button] .Select_status_HO9cY .Select_chevron-icon_HO9cY,.Select_select_HO9cY[data-readonlyview=true] .Select_list-wrapper_HO9cY{visibility:hidden}.Select_select_HO9cY[data-readonlyview=true] .Select_list-wrapper_HO9cY ul{display:none}.Select_selected-option_HO9cY{content:"";position:absolute;top:0;left:0;height:100%;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);color:var(--color-primary)}.Select_selected_HO9cY{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;left:calc(.5 * var(--font-size) - var(--input-border-width));right:2.25rem;text-align:left;white-space:normal}.Select_selected_HO9cY .Select_required_HO9cY{color:var(--error)}.Select_status_HO9cY{position:absolute;top:50%;right:.8125rem;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0}.Select_status_HO9cY [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.Select_status_HO9cY [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.Select_status_HO9cY [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.Select_status_HO9cY .Select_chevron-icon_HO9cY{color:var(--default);font-size:var(--font-size-small)}.Select_status_HO9cY *+*{margin-left:1.25rem}.Select_placeholder_HO9cY{color:var(--greyed-out)}.Select_select-search_HO9cY{position:relative;width:100%;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}.Select_disabled_HO9cY{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.Select_disabled_HO9cY>*{pointer-events:none}@media only screen and (min-width: 30em){.Select_select_HO9cY .Select_custom-select_HO9cY{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_HO9cY:not(.Select_expanded_HO9cY) button:focus:not(.Select_error_HO9cY){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .Select_root_HO9cY [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] .Select_root_HO9cY [data-readonlyview] button .Select_status_HO9cY .Select_chevron-icon_HO9cY{visibility:hidden}[data-readonlyview=true] .Select_root_HO9cY [data-readonlyview] button.Select_error_HO9cY{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_inlineEditing_HO9cY .Select_select_HO9cY{background-color:transparent;transition:none}.Select_inlineEditing_HO9cY .Select_select_HO9cY:not(.Select_expanded_HO9cY) button:focus:not(.Select_error_HO9cY){border-width:0;border-radius:.3125rem}.Select_inlineEditing_HO9cY .Select_select_HO9cY:focus button:focus{border:.125rem solid var(--color-focus)}.Select_inlineEditing_HO9cY .Select_select_HO9cY:hover button .Select_status_HO9cY span.Select_chevron-icon_HO9cY{visibility:visible}.Select_inlineEditing_HO9cY .Select_select_HO9cY:hover:not(.Select_disabled_HO9cY):not(.Select_expanded_HO9cY):not(.Select_error_HO9cY) button:not(:focus){border:0;background-color:transparent}.Select_inlineEditing_HO9cY .Select_select_HO9cY button{border:0}.Select_inlineEditing_HO9cY .Select_select_HO9cY button.Select_expanded_HO9cY div.Select_status_HO9cY span.Select_chevron-icon_HO9cY{visibility:visible}.Select_inlineEditing_HO9cY .Select_select_HO9cY button:focus-visible{outline:.125rem solid var(--color-focus);border-radius:.3125rem;outline-offset:-1px}.Select_inlineEditing_HO9cY .Select_select_HO9cY button.Select_error_HO9cY{color:var(--color-default)}.Select_inlineEditing_HO9cY .Select_select_HO9cY button .Select_status_HO9cY span.Select_chevron-icon_HO9cY{visibility:hidden}.Select_inlineEditing_HO9cY .Select_select_HO9cY[data-readonlyview=true] button{background-color:transparent}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Select_select_HO9cY",t="Select_expanded_HO9cY",c="Select_error_HO9cY",s="Select_disabled_HO9cY",l="Select_selected_HO9cY",r="Select_success_HO9cY",o="Select_status_HO9cY",_="Select_required_HO9cY",d="Select_placeholder_HO9cY",i="Select_root_HO9cY",p="Select_inlineEditing_HO9cY",n={select:e,expanded:t,"list-wrapper":"Select_list-wrapper_HO9cY",error:c,disabled:s,"custom-select":"Select_custom-select_HO9cY",selected:l,success:r,status:o,"chevron-icon":"Select_chevron-icon_HO9cY","selected-option":"Select_selected-option_HO9cY",required:_,placeholder:d,"select-search":"Select_select-search_HO9cY",root:i,inlineEditing:p};exports.default=n,exports.disabled=s,exports.error=c,exports.expanded=t,exports.inlineEditing=p,exports.placeholder=d,exports.required=_,exports.root=i,exports.select=e,exports.selected=l,exports.status=o,exports.success=r;
 //# sourceMappingURL=Select.module.scss.cjs.js.map

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

@@ -1,30 +1,30 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Select_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Select_hidden_EsL6T{display:none}.Select_slide-in_EsL6T{animation:Select_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-in_EsL6T{animation-duration:.1ms}}.Select_slide-out_EsL6T{animation:Select_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-out_EsL6T{animation-duration:.1ms}}@keyframes Select_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select_select_EsL6T{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_EsL6T{transition-duration:.1ms}}.Select_select_EsL6T [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_select_EsL6T.Select_expanded_EsL6T .Select_list-wrapper_EsL6T{background:var(--light)}.Select_select_EsL6T:not(.Select_expanded_EsL6T):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Select_select_EsL6T:not(.Select_expanded_EsL6T) button:focus:not(.Select_error_EsL6T){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_EsL6T:hover:not(.Select_disabled_EsL6T):not(.Select_expanded_EsL6T):not(.Select_error_EsL6T) button:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.Select_select_EsL6T .Select_custom-select_EsL6T{position:relative;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);cursor:pointer;transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_EsL6T .Select_custom-select_EsL6T{transition-duration:.1ms}}.Select_select_EsL6T .Select_custom-select_EsL6T:focus{outline:0}.Select_select_EsL6T .Select_custom-select_EsL6T.Select_error_EsL6T{border-color:var(--error);color:var(--error)}.Select_select_EsL6T .Select_custom-select_EsL6T.Select_error_EsL6T:focus{border-width:var(--input-border-width)}.Select_select_EsL6T .Select_custom-select_EsL6T.Select_disabled_EsL6T{border-color:var(--color-disabled)}.Select_select_EsL6T .Select_list-wrapper-container_EsL6T{position:relative}.Select_select_EsL6T .Select_list-wrapper_EsL6T{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.Select_select_EsL6T ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.Select_select_EsL6T ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.Select_select_EsL6T ul li:focus{outline:none}.Select_select_EsL6T ul li:focus:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.Select_select_EsL6T ul li:hover{background-color:var(--color-blue-grey50)}.Select_select_EsL6T ul li:active{background-color:var(--color-blue-grey100)}.Select_select_EsL6T ul li.Select_disabled_EsL6T{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.Select_select_EsL6T[data-readonlyview=true]{-webkit-user-select:text;user-select:text;pointer-events:none}.Select_select_EsL6T[data-readonlyview=true] button[type=button]{background-color:var(--color-white);color:var(--read-only-text-color);border-color:var(--read-only-border-color)}.Select_select_EsL6T[data-readonlyview=true] button[type=button] .Select_selected_EsL6T{color:var(--read-only-text-color)}.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_error_EsL6T,.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_success_EsL6T{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_error_EsL6T .Select_status_EsL6T,.Select_select_EsL6T[data-readonlyview=true] button[type=button].Select_success_EsL6T .Select_status_EsL6T{visibility:visible}.Select_select_EsL6T[data-readonlyview=true] button[type=button] .Select_status_EsL6T .Select_chevron-icon_EsL6T,.Select_select_EsL6T[data-readonlyview=true] .Select_list-wrapper_EsL6T{visibility:hidden}.Select_select_EsL6T[data-readonlyview=true] .Select_list-wrapper_EsL6T ul{display:none}.Select_selected-option_EsL6T{content:"";position:absolute;top:0;left:0;height:100%;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);color:var(--color-primary)}.Select_selected_EsL6T{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;left:calc(.5 * var(--font-size) - var(--input-border-width));right:2.25rem;text-align:left;white-space:normal}.Select_selected_EsL6T .Select_required_EsL6T{color:var(--error)}.Select_status_EsL6T{position:absolute;top:50%;right:.8125rem;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0}.Select_status_EsL6T [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.Select_status_EsL6T [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.Select_status_EsL6T [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.Select_status_EsL6T .Select_chevron-icon_EsL6T{color:var(--default);font-size:var(--font-size-small)}.Select_status_EsL6T *+*{margin-left:1.25rem}.Select_placeholder_EsL6T{color:var(--greyed-out)}.Select_select-search_EsL6T{position:relative;width:100%;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}.Select_disabled_EsL6T{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.Select_disabled_EsL6T>*{pointer-events:none}@media only screen and (min-width: 30em){.Select_select_EsL6T .Select_custom-select_EsL6T{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_EsL6T:not(.Select_expanded_EsL6T) button:focus:not(.Select_error_EsL6T){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .Select_root_EsL6T [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] .Select_root_EsL6T [data-readonlyview] button .Select_status_EsL6T .Select_chevron-icon_EsL6T{visibility:hidden}[data-readonlyview=true] .Select_root_EsL6T [data-readonlyview] button.Select_error_EsL6T{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_inlineEditing_EsL6T .Select_select_EsL6T{background-color:transparent;transition:none}.Select_inlineEditing_EsL6T .Select_select_EsL6T:not(.Select_expanded_EsL6T) button:focus:not(.Select_error_EsL6T){border-width:0;border-radius:.3125rem}.Select_inlineEditing_EsL6T .Select_select_EsL6T:focus button:focus{border:.125rem solid var(--color-focus)}.Select_inlineEditing_EsL6T .Select_select_EsL6T:hover button .Select_status_EsL6T span.Select_chevron-icon_EsL6T{visibility:visible}.Select_inlineEditing_EsL6T .Select_select_EsL6T:hover:not(.Select_disabled_EsL6T):not(.Select_expanded_EsL6T):not(.Select_error_EsL6T) button:not(:focus){border:0;background-color:transparent}.Select_inlineEditing_EsL6T .Select_select_EsL6T button{border:0}.Select_inlineEditing_EsL6T .Select_select_EsL6T button.Select_expanded_EsL6T div.Select_status_EsL6T span.Select_chevron-icon_EsL6T{visibility:visible}.Select_inlineEditing_EsL6T .Select_select_EsL6T button:focus-visible{outline:.125rem solid var(--color-focus);border-radius:.3125rem;outline-offset:-1px}.Select_inlineEditing_EsL6T .Select_select_EsL6T button.Select_error_EsL6T{color:var(--color-default)}.Select_inlineEditing_EsL6T .Select_select_EsL6T button .Select_status_EsL6T span.Select_chevron-icon_EsL6T{visibility:hidden}.Select_inlineEditing_EsL6T .Select_select_EsL6T[data-readonlyview=true] button{background-color:transparent}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-const select = "Select_select_EsL6T";
-const expanded = "Select_expanded_EsL6T";
-const error = "Select_error_EsL6T";
-const disabled = "Select_disabled_EsL6T";
-const selected = "Select_selected_EsL6T";
-const success = "Select_success_EsL6T";
-const status = "Select_status_EsL6T";
-const required = "Select_required_EsL6T";
-const placeholder = "Select_placeholder_EsL6T";
-const root = "Select_root_EsL6T";
-const inlineEditing = "Select_inlineEditing_EsL6T";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Select_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Select_hidden_HO9cY{display:none}.Select_slide-in_HO9cY{animation:Select_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-in_HO9cY{animation-duration:.1ms}}.Select_slide-out_HO9cY{animation:Select_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Select_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Select_select_HO9cY{position:relative;box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-size:var(--form-control-font-size);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_HO9cY{transition-duration:.1ms}}.Select_select_HO9cY [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_select_HO9cY.Select_expanded_HO9cY .Select_list-wrapper_HO9cY{background:var(--light)}.Select_select_HO9cY:not(.Select_expanded_HO9cY):has(button:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Select_select_HO9cY:not(.Select_expanded_HO9cY) button:focus:not(.Select_error_HO9cY){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_HO9cY:hover:not(.Select_disabled_HO9cY):not(.Select_expanded_HO9cY):not(.Select_error_HO9cY) button:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.Select_select_HO9cY .Select_custom-select_HO9cY{position:relative;width:100%;min-height:calc(2.875 * var(--font-size) - 2 * var(--input-border-width));padding:0 calc(.5 * var(--font-size) - var(--input-border-width));background-color:transparent;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);font-size:var(--form-control-font-size);cursor:pointer;transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Select_select_HO9cY .Select_custom-select_HO9cY{transition-duration:.1ms}}.Select_select_HO9cY .Select_custom-select_HO9cY:focus{outline:0}.Select_select_HO9cY .Select_custom-select_HO9cY.Select_error_HO9cY{border-color:var(--error);color:var(--error)}.Select_select_HO9cY .Select_custom-select_HO9cY.Select_error_HO9cY:focus{border-width:var(--input-border-width)}.Select_select_HO9cY .Select_custom-select_HO9cY.Select_disabled_HO9cY{border-color:var(--color-disabled)}.Select_select_HO9cY .Select_list-wrapper-container_HO9cY{position:relative}.Select_select_HO9cY .Select_list-wrapper_HO9cY{border-color:var(--light-grey-border);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.Select_select_HO9cY ul{box-sizing:border-box;padding:.25rem 0;width:100%;margin:0;list-style:none;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;overflow:auto;max-height:25rem}.Select_select_HO9cY ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);font-family:var(--font-family);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.Select_select_HO9cY ul li:focus{outline:none}.Select_select_HO9cY ul li:focus:before{content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.Select_select_HO9cY ul li:hover{background-color:var(--color-blue-grey50)}.Select_select_HO9cY ul li:active{background-color:var(--color-blue-grey100)}.Select_select_HO9cY ul li.Select_disabled_HO9cY{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.Select_select_HO9cY[data-readonlyview=true]{-webkit-user-select:text;user-select:text;pointer-events:none}.Select_select_HO9cY[data-readonlyview=true] button[type=button]{background-color:var(--color-white);color:var(--read-only-text-color);border-color:var(--read-only-border-color)}.Select_select_HO9cY[data-readonlyview=true] button[type=button] .Select_selected_HO9cY{color:var(--read-only-text-color)}.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_error_HO9cY,.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_success_HO9cY{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_error_HO9cY .Select_status_HO9cY,.Select_select_HO9cY[data-readonlyview=true] button[type=button].Select_success_HO9cY .Select_status_HO9cY{visibility:visible}.Select_select_HO9cY[data-readonlyview=true] button[type=button] .Select_status_HO9cY .Select_chevron-icon_HO9cY,.Select_select_HO9cY[data-readonlyview=true] .Select_list-wrapper_HO9cY{visibility:hidden}.Select_select_HO9cY[data-readonlyview=true] .Select_list-wrapper_HO9cY ul{display:none}.Select_selected-option_HO9cY{content:"";position:absolute;top:0;left:0;height:100%;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);color:var(--color-primary)}.Select_selected_HO9cY{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;left:calc(.5 * var(--font-size) - var(--input-border-width));right:2.25rem;text-align:left;white-space:normal}.Select_selected_HO9cY .Select_required_HO9cY{color:var(--error)}.Select_status_HO9cY{position:absolute;top:50%;right:.8125rem;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0}.Select_status_HO9cY [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.Select_status_HO9cY [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.Select_status_HO9cY [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.Select_status_HO9cY .Select_chevron-icon_HO9cY{color:var(--default);font-size:var(--font-size-small)}.Select_status_HO9cY *+*{margin-left:1.25rem}.Select_placeholder_HO9cY{color:var(--greyed-out)}.Select_select-search_HO9cY{position:relative;width:100%;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}.Select_disabled_HO9cY{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.Select_disabled_HO9cY>*{pointer-events:none}@media only screen and (min-width: 30em){.Select_select_HO9cY .Select_custom-select_HO9cY{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_HO9cY:not(.Select_expanded_HO9cY) button:focus:not(.Select_error_HO9cY){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .Select_root_HO9cY [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] .Select_root_HO9cY [data-readonlyview] button .Select_status_HO9cY .Select_chevron-icon_HO9cY{visibility:hidden}[data-readonlyview=true] .Select_root_HO9cY [data-readonlyview] button.Select_error_HO9cY{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_inlineEditing_HO9cY .Select_select_HO9cY{background-color:transparent;transition:none}.Select_inlineEditing_HO9cY .Select_select_HO9cY:not(.Select_expanded_HO9cY) button:focus:not(.Select_error_HO9cY){border-width:0;border-radius:.3125rem}.Select_inlineEditing_HO9cY .Select_select_HO9cY:focus button:focus{border:.125rem solid var(--color-focus)}.Select_inlineEditing_HO9cY .Select_select_HO9cY:hover button .Select_status_HO9cY span.Select_chevron-icon_HO9cY{visibility:visible}.Select_inlineEditing_HO9cY .Select_select_HO9cY:hover:not(.Select_disabled_HO9cY):not(.Select_expanded_HO9cY):not(.Select_error_HO9cY) button:not(:focus){border:0;background-color:transparent}.Select_inlineEditing_HO9cY .Select_select_HO9cY button{border:0}.Select_inlineEditing_HO9cY .Select_select_HO9cY button.Select_expanded_HO9cY div.Select_status_HO9cY span.Select_chevron-icon_HO9cY{visibility:visible}.Select_inlineEditing_HO9cY .Select_select_HO9cY button:focus-visible{outline:.125rem solid var(--color-focus);border-radius:.3125rem;outline-offset:-1px}.Select_inlineEditing_HO9cY .Select_select_HO9cY button.Select_error_HO9cY{color:var(--color-default)}.Select_inlineEditing_HO9cY .Select_select_HO9cY button .Select_status_HO9cY span.Select_chevron-icon_HO9cY{visibility:hidden}.Select_inlineEditing_HO9cY .Select_select_HO9cY[data-readonlyview=true] button{background-color:transparent}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const select = "Select_select_HO9cY";
+const expanded = "Select_expanded_HO9cY";
+const error = "Select_error_HO9cY";
+const disabled = "Select_disabled_HO9cY";
+const selected = "Select_selected_HO9cY";
+const success = "Select_success_HO9cY";
+const status = "Select_status_HO9cY";
+const required = "Select_required_HO9cY";
+const placeholder = "Select_placeholder_HO9cY";
+const root = "Select_root_HO9cY";
+const inlineEditing = "Select_inlineEditing_HO9cY";
 const selectClasses = {
   select,
   expanded,
-  "list-wrapper": "Select_list-wrapper_EsL6T",
+  "list-wrapper": "Select_list-wrapper_HO9cY",
   error,
   disabled,
-  "custom-select": "Select_custom-select_EsL6T",
+  "custom-select": "Select_custom-select_HO9cY",
   selected,
   success,
   status,
-  "chevron-icon": "Select_chevron-icon_EsL6T",
-  "selected-option": "Select_selected-option_EsL6T",
+  "chevron-icon": "Select_chevron-icon_HO9cY",
+  "selected-option": "Select_selected-option_HO9cY",
   required,
   placeholder,
-  "select-search": "Select_select-search_EsL6T",
+  "select-search": "Select_select-search_HO9cY",
   root,
   inlineEditing
 };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Input/Input.cjs.js");exports.useSearch=({search:s,optionsCount:l,searchInputClassName:a,expanded:n,setFocusedSelectItem:t})=>{var o;const[u,c]=e.useState(""),[p,d]=e.useState(!1),i=e.useRef(null),h=(null==s?void 0:s.renderThreshold)??10,v=l>=h,I=e=>{c(e.currentTarget.value)},S=()=>{c(""),d(!1),t(-1)},f=(null==s?void 0:s.enabled)?v:s?s.enabled:l>10;return e.useEffect((()=>{var e;(null==(e=null==s?void 0:s.searchInputProps)?void 0:e.reset)&&S()}),[null==(o=null==s?void 0:s.searchInputProps)?void 0:o.reset]),e.useEffect((()=>{!f&&!p&&S()}),[p,f]),{renderSearch:()=>{var l,t;return e.createElement(r.Input,{...(null==s?void 0:s.searchInputProps)??{},ref:i,onFocus:()=>d(!0),onBlur:()=>d(!1),onChange:I,className:a,wrapperProps:{className:null==(t=null==(l=null==s?void 0:s.searchInputProps)?void 0:l.wrapperProps)?void 0:t.className},style:{display:n?"block":"none"},type:"text",name:"search-option",placeholder:(null==s?void 0:s.searchPlaceholder)?null==s?void 0:s.searchPlaceholder:"Search item"})},setIsSearching:d,searchVisible:f,searchThreshold:h,searchInputRef:i,filter:u,isSearching:p}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Input/Input.cjs.js"),s=require("../../../../util/helper.cjs.js");exports.useSearch=({search:l,optionsCount:t,searchInputClassName:n,expanded:a,setFocusedSelectItem:o})=>{var u;const[c,i]=e.useState(""),[p,d]=e.useState(!1),h=e.useRef(null),v=(null==l?void 0:l.renderThreshold)??10,I=t>=v,f=e=>{i(e.currentTarget.value)},P=()=>{i(""),d(!1),o(-1)},S=(null==l?void 0:l.enabled)?I:l?l.enabled:t>10;return e.useEffect((()=>{var e;(null==(e=null==l?void 0:l.searchInputProps)?void 0:e.reset)&&P()}),[null==(u=null==l?void 0:l.searchInputProps)?void 0:u.reset]),e.useEffect((()=>{!S&&!p&&P()}),[p,S]),{renderSearch:()=>{var t,o;const u=s.filterProps((null==l?void 0:l.searchInputProps)??{},/^reset$/,!1);return e.createElement(r.Input,{...u,ref:h,onFocus:()=>d(!0),onBlur:()=>d(!1),onChange:f,className:n,wrapperProps:{className:null==(o=null==(t=null==l?void 0:l.searchInputProps)?void 0:t.wrapperProps)?void 0:o.className},style:{display:a?"block":"none"},type:"text",name:"search-option",placeholder:(null==l?void 0:l.searchPlaceholder)?null==l?void 0:l.searchPlaceholder:"Search item"})},setIsSearching:d,searchVisible:S,searchThreshold:v,searchInputRef:h,filter:c,isSearching:p}};
 //# sourceMappingURL=useSearch.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSearch.cjs.js","sources":["../../../../../src/components/Form/Select/SingleSelect/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\nimport { Input } from \"../../Input/Input\";\n\ninterface Props {\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n  const [isSearching, setIsSearching] = useState(false);\n\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\n  };\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => (\n    <Input\n      {...(search?.searchInputProps ?? {})}\n      ref={searchInputRef}\n      onFocus={() => setIsSearching(true)}\n      onBlur={() => setIsSearching(false)}\n      onChange={filterResults}\n      className={searchInputClassName}\n      wrapperProps={{\n        className: search?.searchInputProps?.wrapperProps?.className\n      }}\n      style={{\n        display: expanded ? \"block\" : \"none\"\n      }}\n      type=\"text\"\n      name=\"search-option\"\n      placeholder={search?.searchPlaceholder ? search?.searchPlaceholder : \"Search item\"}\n    />\n  );\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    search?.searchInputProps?.reset && resetSearchState();\n  }, [search?.searchInputProps?.reset]);\n\n  useEffect(() => {\n    const searchDeactivated =\n      !visible &&\n      !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false  */\n    if (searchDeactivated) {\n      resetSearchState();\n    }\n  }, [isSearching, visible]);\n\n  return {\n    renderSearch,\n    setIsSearching,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter,\n    isSearching\n  };\n};\n"],"names":["search","optionsCount","searchInputClassName","expanded","setFocusedSelectItem","filter","setFilter","useState","isSearching","setIsSearching","searchInputRef","useRef","threshold","renderThreshold","hasEnoughChildren","filterResults","event","currentTarget","value","resetSearchState","visible","enabled","useEffect","_a","searchInputProps","reset","renderSearch","React","createElement","Input","ref","onFocus","onBlur","onChange","className","wrapperProps","_b","style","display","type","name","placeholder","searchPlaceholder","searchVisible","searchThreshold"],"mappings":"iKA6ByB,EACvBA,SACAC,eACAC,uBACAC,WACAC,iCAEA,MAAOC,EAAQC,GAAaC,EAAAA,SAAS,KAC9BC,EAAaC,GAAkBF,EAAAA,UAAS,GAIzCG,EAAiBC,SAAyB,MAE1CC,SAAYZ,WAAQa,kBAJO,GAK3BC,EAAoBb,GAAgBW,EAEpCG,EAAiBC,IACXV,EAAAU,EAAMC,cAAcC,MAAK,EAmC/BC,EAAmB,KACvBb,EAAU,IACVG,GAAe,GACfL,GAAuB,EAAA,EAGnBgB,SArCApB,WAAQqB,SACHP,EAGLd,EACKA,EAAOqB,QAGTpB,EApBwB,GAgE1B,OAbPqB,EAAAA,WAAU,YACA,OAAAC,EAAA,MAAAvB,OAAA,EAAAA,EAAAwB,uBAAAD,EAAAA,EAAkBE,QAASN,GAAiB,GACnD,CAAC,OAAAI,EAAA,MAAAvB,OAAA,EAAAA,EAAQwB,uBAAR,EAAAD,EAA0BE,QAE9BH,EAAAA,WAAU,MAELF,IACAZ,GAEgBW,GAAA,GAElB,CAACX,EAAaY,IAEV,CACLM,aA1CmB,aACnB,OAAAC,EAAAC,cAACC,EAAAA,MAAA,KACc,MAAR7B,OAAQ,EAAAA,EAAAwB,mBAAoB,CAAC,EAClCM,IAAKpB,EACLqB,QAAS,IAAMtB,GAAe,GAC9BuB,OAAQ,IAAMvB,GAAe,GAC7BwB,SAAUlB,EACVmB,UAAWhC,EACXiC,aAAc,CACZD,UAAW,OAAAE,EAAA,OAAAb,EAAA,MAAAvB,OAAA,EAAAA,EAAQwB,uBAARD,EAAAA,EAA0BY,mBAAc,EAAAC,EAAAF,WAErDG,MAAO,CACLC,QAASnC,EAAW,QAAU,QAEhCoC,KAAK,OACLC,KAAK,gBACLC,aAAa,MAAAzC,OAAA,EAAAA,EAAQ0C,mBAAoB,MAAA1C,OAAA,EAAAA,EAAQ0C,kBAAoB,eACvE,EA0BAjC,iBACAkC,cAAevB,EACfwB,gBAAiBhC,EACjBF,iBACAL,SACAG,cACF"}
+{"version":3,"file":"useSearch.cjs.js","sources":["../../../../../src/components/Form/Select/SingleSelect/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\nimport { Input } from \"../../Input/Input\";\nimport { filterProps } from \"../../../../util/helper\";\n\ninterface Props {\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n  const [isSearching, setIsSearching] = useState(false);\n\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\n  };\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => {\n    const filteredProps = filterProps(search?.searchInputProps ?? {}, /^reset$/, false);\n\n    return (\n      <Input\n        {...filteredProps}\n        ref={searchInputRef}\n        onFocus={() => setIsSearching(true)}\n        onBlur={() => setIsSearching(false)}\n        onChange={filterResults}\n        className={searchInputClassName}\n        wrapperProps={{\n          className: search?.searchInputProps?.wrapperProps?.className\n        }}\n        style={{\n          display: expanded ? \"block\" : \"none\"\n        }}\n        type=\"text\"\n        name=\"search-option\"\n        placeholder={search?.searchPlaceholder ? search?.searchPlaceholder : \"Search item\"}\n      />\n    );\n  };\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    search?.searchInputProps?.reset && resetSearchState();\n  }, [search?.searchInputProps?.reset]);\n\n  useEffect(() => {\n    const searchDeactivated =\n      !visible &&\n      !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false  */\n    if (searchDeactivated) {\n      resetSearchState();\n    }\n  }, [isSearching, visible]);\n\n  return {\n    renderSearch,\n    setIsSearching,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter,\n    isSearching\n  };\n};\n"],"names":["search","optionsCount","searchInputClassName","expanded","setFocusedSelectItem","filter","setFilter","useState","isSearching","setIsSearching","searchInputRef","useRef","threshold","renderThreshold","hasEnoughChildren","filterResults","event","currentTarget","value","resetSearchState","visible","enabled","useEffect","_a","searchInputProps","reset","renderSearch","filteredProps","filterProps","React","createElement","Input","ref","onFocus","onBlur","onChange","className","wrapperProps","_b","style","display","type","name","placeholder","searchPlaceholder","searchVisible","searchThreshold"],"mappings":"6MA8ByB,EACvBA,SACAC,eACAC,uBACAC,WACAC,iCAEA,MAAOC,EAAQC,GAAaC,EAAAA,SAAS,KAC9BC,EAAaC,GAAkBF,EAAAA,UAAS,GAIzCG,EAAiBC,SAAyB,MAE1CC,SAAYZ,WAAQa,kBAJO,GAK3BC,EAAoBb,GAAgBW,EAEpCG,EAAiBC,IACXV,EAAAU,EAAMC,cAAcC,MAAK,EAuC/BC,EAAmB,KACvBb,EAAU,IACVG,GAAe,GACfL,GAAuB,EAAA,EAGnBgB,SAzCApB,WAAQqB,SACHP,EAGLd,EACKA,EAAOqB,QAGTpB,EApBwB,GAoE1B,OAbPqB,EAAAA,WAAU,YACA,OAAAC,EAAA,MAAAvB,OAAA,EAAAA,EAAAwB,uBAAAD,EAAAA,EAAkBE,QAASN,GAAiB,GACnD,CAAC,OAAAI,EAAA,MAAAvB,OAAA,EAAAA,EAAQwB,uBAAR,EAAAD,EAA0BE,QAE9BH,EAAAA,WAAU,MAELF,IACAZ,GAEgBW,GAAA,GAElB,CAACX,EAAaY,IAEV,CACLM,aA9CmB,aACb,MAAAC,EAAgBC,EAAAA,aAAY,MAAA5B,OAAA,EAAAA,EAAQwB,mBAAoB,CAAC,EAAG,WAAW,GAG3E,OAAAK,EAAAC,cAACC,EAAAA,MAAA,IACKJ,EACJK,IAAKtB,EACLuB,QAAS,IAAMxB,GAAe,GAC9ByB,OAAQ,IAAMzB,GAAe,GAC7B0B,SAAUpB,EACVqB,UAAWlC,EACXmC,aAAc,CACZD,UAAW,OAAAE,EAAA,OAAAf,EAAA,MAAAvB,OAAA,EAAAA,EAAQwB,uBAARD,EAAAA,EAA0Bc,mBAAc,EAAAC,EAAAF,WAErDG,MAAO,CACLC,QAASrC,EAAW,QAAU,QAEhCsC,KAAK,OACLC,KAAK,gBACLC,aAAa,MAAA3C,OAAA,EAAAA,EAAQ4C,mBAAoB,MAAA5C,OAAA,EAAAA,EAAQ4C,kBAAoB,eACvE,EA2BFnC,iBACAoC,cAAezB,EACf0B,gBAAiBlC,EACjBF,iBACAL,SACAG,cACF"}

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

@@ -1,5 +1,6 @@
 import React, { useState, useRef, useEffect } from "react";
 import { Input } from "../../Input/Input.es.js";
+import { filterProps } from "../../../../util/helper.es.js";
 const useSearch = ({
   search,
   optionsCount,
@@ -28,10 +29,11 @@ const useSearch = ({
   };
   const renderSearch = () => {
     var _a2, _b;
+    const filteredProps = filterProps((search == null ? void 0 : search.searchInputProps) ?? {}, /^reset$/, false);
     return /* @__PURE__ */ React.createElement(
       Input,
       {
-        ...(search == null ? void 0 : search.searchInputProps) ?? {},
+        ...filteredProps,
         ref: searchInputRef,
         onFocus: () => setIsSearching(true),
         onBlur: () => setIsSearching(false),

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

@@ -1 +1 @@
-{"version":3,"file":"useSearch.es.js","sources":["../../../../../src/components/Form/Select/SingleSelect/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\nimport { Input } from \"../../Input/Input\";\n\ninterface Props {\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n  const [isSearching, setIsSearching] = useState(false);\n\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\n  };\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => (\n    <Input\n      {...(search?.searchInputProps ?? {})}\n      ref={searchInputRef}\n      onFocus={() => setIsSearching(true)}\n      onBlur={() => setIsSearching(false)}\n      onChange={filterResults}\n      className={searchInputClassName}\n      wrapperProps={{\n        className: search?.searchInputProps?.wrapperProps?.className\n      }}\n      style={{\n        display: expanded ? \"block\" : \"none\"\n      }}\n      type=\"text\"\n      name=\"search-option\"\n      placeholder={search?.searchPlaceholder ? search?.searchPlaceholder : \"Search item\"}\n    />\n  );\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    search?.searchInputProps?.reset && resetSearchState();\n  }, [search?.searchInputProps?.reset]);\n\n  useEffect(() => {\n    const searchDeactivated =\n      !visible &&\n      !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false  */\n    if (searchDeactivated) {\n      resetSearchState();\n    }\n  }, [isSearching, visible]);\n\n  return {\n    renderSearch,\n    setIsSearching,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter,\n    isSearching\n  };\n};\n"],"names":["_a"],"mappings":";;AA6BO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;;AACX,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,2BAA2B;AAE3B,QAAA,iBAAiB,OAAyB,IAAI;AAE9C,QAAA,aAAY,iCAAQ,oBAAmB;AAC7C,QAAM,oBAAoB,gBAAgB;AAEpC,QAAA,gBAAgB,CAAC,UAA+C;AAC1D,cAAA,MAAM,cAAc,KAAK;AAAA,EACrC;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,iCAAQ,SAAS;AACZ,aAAA;AAAA,IAAA;AAGT,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,IAAA;AAGhB,WAAO,eAAe;AAAA,EACxB;AAEA,QAAM,eAAe,MACnB;;AAAA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,IAAI,iCAAQ,qBAAoB,CAAC;AAAA,QAClC,KAAK;AAAA,QACL,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC,QAAQ,MAAM,eAAe,KAAK;AAAA,QAClC,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA,UACZ,YAAW,MAAAA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,iBAA1B,mBAAwC;AAAA,QACrD;AAAA,QACA,OAAO;AAAA,UACL,SAAS,WAAW,UAAU;AAAA,QAChC;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAa,iCAAQ,qBAAoB,iCAAQ,oBAAoB;AAAA,MAAA;AAAA,IACvE;AAAA;AAGF,QAAM,mBAAmB,MAAM;AAC7B,cAAU,EAAE;AACZ,mBAAe,KAAK;AACpB,yBAAqB,EAAE;AAAA,EACzB;AAEA,QAAM,UAAU,mBAAmB;AAEnC,YAAU,MAAM;;AACN,MAAAA,MAAA,iCAAA,qBAAA,gBAAAA,IAAkB,UAAS,iBAAiB;AAAA,EACnD,GAAA,EAAC,sCAAQ,qBAAR,mBAA0B,KAAK,CAAC;AAEpC,YAAU,MAAM;AACR,UAAA,oBACJ,CAAC,WACD,CAAC;AACH,QAAI,mBAAmB;AACJ,uBAAA;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,aAAa,OAAO,CAAC;AAElB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useSearch.es.js","sources":["../../../../../src/components/Form/Select/SingleSelect/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\nimport { Input } from \"../../Input/Input\";\nimport { filterProps } from \"../../../../util/helper\";\n\ninterface Props {\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n  const [isSearching, setIsSearching] = useState(false);\n\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\n  };\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => {\n    const filteredProps = filterProps(search?.searchInputProps ?? {}, /^reset$/, false);\n\n    return (\n      <Input\n        {...filteredProps}\n        ref={searchInputRef}\n        onFocus={() => setIsSearching(true)}\n        onBlur={() => setIsSearching(false)}\n        onChange={filterResults}\n        className={searchInputClassName}\n        wrapperProps={{\n          className: search?.searchInputProps?.wrapperProps?.className\n        }}\n        style={{\n          display: expanded ? \"block\" : \"none\"\n        }}\n        type=\"text\"\n        name=\"search-option\"\n        placeholder={search?.searchPlaceholder ? search?.searchPlaceholder : \"Search item\"}\n      />\n    );\n  };\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    search?.searchInputProps?.reset && resetSearchState();\n  }, [search?.searchInputProps?.reset]);\n\n  useEffect(() => {\n    const searchDeactivated =\n      !visible &&\n      !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false  */\n    if (searchDeactivated) {\n      resetSearchState();\n    }\n  }, [isSearching, visible]);\n\n  return {\n    renderSearch,\n    setIsSearching,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter,\n    isSearching\n  };\n};\n"],"names":["_a"],"mappings":";;;AA8BO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;;AACX,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,2BAA2B;AAE3B,QAAA,iBAAiB,OAAyB,IAAI;AAE9C,QAAA,aAAY,iCAAQ,oBAAmB;AAC7C,QAAM,oBAAoB,gBAAgB;AAEpC,QAAA,gBAAgB,CAAC,UAA+C;AAC1D,cAAA,MAAM,cAAc,KAAK;AAAA,EACrC;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,iCAAQ,SAAS;AACZ,aAAA;AAAA,IAAA;AAGT,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,IAAA;AAGhB,WAAO,eAAe;AAAA,EACxB;AAEA,QAAM,eAAe,MAAM;;AACzB,UAAM,gBAAgB,aAAY,iCAAQ,qBAAoB,CAAC,GAAG,WAAW,KAAK;AAGhF,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC,QAAQ,MAAM,eAAe,KAAK;AAAA,QAClC,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA,UACZ,YAAW,MAAAA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,iBAA1B,mBAAwC;AAAA,QACrD;AAAA,QACA,OAAO;AAAA,UACL,SAAS,WAAW,UAAU;AAAA,QAChC;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAa,iCAAQ,qBAAoB,iCAAQ,oBAAoB;AAAA,MAAA;AAAA,IACvE;AAAA,EAEJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,cAAU,EAAE;AACZ,mBAAe,KAAK;AACpB,yBAAqB,EAAE;AAAA,EACzB;AAEA,QAAM,UAAU,mBAAmB;AAEnC,YAAU,MAAM;;AACN,MAAAA,MAAA,iCAAA,qBAAA,gBAAAA,IAAkB,UAAS,iBAAiB;AAAA,EACnD,GAAA,EAAC,sCAAQ,qBAAR,mBAA0B,KAAK,CAAC;AAEpC,YAAU,MAAM;AACR,UAAA,oBACJ,CAAC,WACD,CAAC;AACH,QAAI,mBAAmB;AACJ,uBAAA;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,aAAa,OAAO,CAAC;AAElB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.useAddNewBtn_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_EsL6T{display:none}.useAddNewBtn_slide-in_EsL6T{animation:useAddNewBtn_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_EsL6T{animation-duration:.1ms}}.useAddNewBtn_slide-out_EsL6T{animation:useAddNewBtn_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_EsL6T{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */ul.useAddNewBtn_has-sibling_EsL6T{padding-bottom:2px}.useAddNewBtn_action-button_EsL6T{position:relative;border:none;border-top:1px solid var(--color-blue-grey50);width:100%;height:calc(2.5 * var(--font-size));padding:.625rem .75rem;margin:0 0 .25rem;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--form-control-font-size)}.useAddNewBtn_action-button_EsL6T:focus,.useAddNewBtn_action-button_EsL6T.useAddNewBtn_focus_EsL6T{outline:none}.useAddNewBtn_action-button_EsL6T:focus:before,.useAddNewBtn_action-button_EsL6T.useAddNewBtn_focus_EsL6T:before{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius);content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101}.useAddNewBtn_action-button_EsL6T:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_EsL6T:active{background-color:var(--color-blue-grey100)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="useAddNewBtn_focus_EsL6T",s={"has-sibling":"useAddNewBtn_has-sibling_EsL6T","action-button":"useAddNewBtn_action-button_EsL6T",focus:e};exports.default=s,exports.focus=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.useAddNewBtn_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_HO9cY{display:none}.useAddNewBtn_slide-in_HO9cY{animation:useAddNewBtn_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_HO9cY{animation-duration:.1ms}}.useAddNewBtn_slide-out_HO9cY{animation:useAddNewBtn_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_HO9cY{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */ul.useAddNewBtn_has-sibling_HO9cY{padding-bottom:2px}.useAddNewBtn_action-button_HO9cY{position:relative;border:none;border-top:1px solid var(--color-blue-grey50);width:100%;height:calc(2.5 * var(--font-size));padding:.625rem .75rem;margin:0 0 .25rem;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--form-control-font-size)}.useAddNewBtn_action-button_HO9cY:focus,.useAddNewBtn_action-button_HO9cY.useAddNewBtn_focus_HO9cY{outline:none}.useAddNewBtn_action-button_HO9cY:focus:before,.useAddNewBtn_action-button_HO9cY.useAddNewBtn_focus_HO9cY:before{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius);content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101}.useAddNewBtn_action-button_HO9cY:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_HO9cY:active{background-color:var(--color-blue-grey100)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="useAddNewBtn_focus_HO9cY",t={"has-sibling":"useAddNewBtn_has-sibling_HO9cY","action-button":"useAddNewBtn_action-button_HO9cY",focus:e};exports.default=t,exports.focus=e;
 //# sourceMappingURL=useAddNewBtn.module.scss.cjs.js.map

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

@@ -1,8 +1,8 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.useAddNewBtn_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_EsL6T{display:none}.useAddNewBtn_slide-in_EsL6T{animation:useAddNewBtn_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_EsL6T{animation-duration:.1ms}}.useAddNewBtn_slide-out_EsL6T{animation:useAddNewBtn_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_EsL6T{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */ul.useAddNewBtn_has-sibling_EsL6T{padding-bottom:2px}.useAddNewBtn_action-button_EsL6T{position:relative;border:none;border-top:1px solid var(--color-blue-grey50);width:100%;height:calc(2.5 * var(--font-size));padding:.625rem .75rem;margin:0 0 .25rem;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--form-control-font-size)}.useAddNewBtn_action-button_EsL6T:focus,.useAddNewBtn_action-button_EsL6T.useAddNewBtn_focus_EsL6T{outline:none}.useAddNewBtn_action-button_EsL6T:focus:before,.useAddNewBtn_action-button_EsL6T.useAddNewBtn_focus_EsL6T:before{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius);content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101}.useAddNewBtn_action-button_EsL6T:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_EsL6T:active{background-color:var(--color-blue-grey100)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const focus = "useAddNewBtn_focus_EsL6T";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.useAddNewBtn_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_HO9cY{display:none}.useAddNewBtn_slide-in_HO9cY{animation:useAddNewBtn_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_HO9cY{animation-duration:.1ms}}.useAddNewBtn_slide-out_HO9cY{animation:useAddNewBtn_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_HO9cY{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */ul.useAddNewBtn_has-sibling_HO9cY{padding-bottom:2px}.useAddNewBtn_action-button_HO9cY{position:relative;border:none;border-top:1px solid var(--color-blue-grey50);width:100%;height:calc(2.5 * var(--font-size));padding:.625rem .75rem;margin:0 0 .25rem;background-color:var(--light);border-radius:var(--input-border-radius);color:var(--default);text-align:left;box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--form-control-font-size)}.useAddNewBtn_action-button_HO9cY:focus,.useAddNewBtn_action-button_HO9cY.useAddNewBtn_focus_HO9cY{outline:none}.useAddNewBtn_action-button_HO9cY:focus:before,.useAddNewBtn_action-button_HO9cY.useAddNewBtn_focus_HO9cY:before{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius);content:"";position:absolute;top:0;left:.125rem;height:100%;width:calc(100% - .25rem);opacity:1;z-index:101}.useAddNewBtn_action-button_HO9cY:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_HO9cY:active{background-color:var(--color-blue-grey100)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const focus = "useAddNewBtn_focus_HO9cY";
 const classes = {
-  "has-sibling": "useAddNewBtn_has-sibling_EsL6T",
-  "action-button": "useAddNewBtn_action-button_EsL6T",
+  "has-sibling": "useAddNewBtn_has-sibling_HO9cY",
+  "action-button": "useAddNewBtn_action-button_HO9cY",
   focus
 };
 export {

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Textarea_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Textarea_hidden_EsL6T{display:none}.Textarea_slide-in_EsL6T{animation:Textarea_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-in_EsL6T{animation-duration:.1ms}}.Textarea_slide-out_EsL6T{animation:Textarea_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-out_EsL6T{animation-duration:.1ms}}@keyframes Textarea_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea_textarea-wrapper_EsL6T{position:relative;box-sizing:border-box;width:100%}.Textarea_textarea-wrapper_EsL6T [data-icon-status=success],.Textarea_textarea-wrapper_EsL6T [data-icon-status=error]{position:absolute;right:1.25rem;z-index:1;top:.85rem;font-size:var(--font-size-big)}.Textarea_textarea-wrapper_EsL6T [data-icon-status=success]:before,.Textarea_textarea-wrapper_EsL6T [data-icon-status=error]:before{font-size:var(--icon-font-big);height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}.Textarea_textarea-wrapper_EsL6T [data-icon-status=success]{color:var(--success)}.Textarea_textarea-wrapper_EsL6T [data-icon-status=error]{color:var(--error)}.Textarea_textarea-wrapper_EsL6T:hover .Textarea_outline_EsL6T{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T.Textarea_disabled_EsL6T{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T.Textarea_error_EsL6T{border-color:var(--error)}.Textarea_textarea-wrapper_EsL6T:has(div[data-readonlyview=true]:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_EsL6T:has(div[data-readonlyview=true]:focus) .Textarea_outline_EsL6T{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]{min-height:4rem;border:1px solid var(--color-blue-grey100);color:var(--read-only-text-color);background-color:var(--color-white);padding:.5rem .75rem;font-family:var(--font-family);font-size:var(--input-font-size);position:relative;border-radius:.125rem;word-wrap:break-word}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]:focus{outline:none}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]~span.Textarea_outline_EsL6T{display:none}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T{transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T{transition-duration:.1ms}}.Textarea_textarea-wrapper_EsL6T:not(.Textarea_disabled_EsL6T):has(textarea:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_EsL6T:not(.Textarea_disabled_EsL6T):has(textarea:focus) .Textarea_outline_EsL6T{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea_EsL6T{padding:calc(.625 * var(--font-size)) calc(.5 * var(--font-size));box-sizing:border-box;border:0;border-radius:var(--input-border-radius);font-family:var(--font-family);font-size:var(--input-font-size);color:var(--color-blue-grey900);vertical-align:top;resize:vertical;position:relative;background-color:transparent;z-index:1;width:calc(100% - var(--input-border-width));margin:var(--input-border-width) 0}.Textarea_textarea_EsL6T:disabled{cursor:not-allowed;color:var(--greyed-out)}.Textarea_textarea_EsL6T{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea_EsL6T{transition-duration:.1ms}}.Textarea_textarea_EsL6T:focus:not(:disabled){outline:none}.Textarea_textarea_EsL6T:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_error_EsL6T{border-color:var(--error)}[data-readonlyview=true] .Textarea_outline_EsL6T{border-color:var(--read-only-border-color)}.Textarea_outline_EsL6T{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_outline_EsL6T{transition-duration:.1ms}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Textarea_outline_EsL6T",r="Textarea_disabled_EsL6T",t="Textarea_error_EsL6T",a="Textarea_textarea_EsL6T",s={"textarea-wrapper":"Textarea_textarea-wrapper_EsL6T",outline:e,disabled:r,error:t,textarea:a};exports.default=s,exports.disabled=r,exports.error=t,exports.outline=e,exports.textarea=a;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Textarea_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Textarea_hidden_HO9cY{display:none}.Textarea_slide-in_HO9cY{animation:Textarea_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-in_HO9cY{animation-duration:.1ms}}.Textarea_slide-out_HO9cY{animation:Textarea_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Textarea_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea_textarea-wrapper_HO9cY{position:relative;box-sizing:border-box;width:100%}.Textarea_textarea-wrapper_HO9cY [data-icon-status=success],.Textarea_textarea-wrapper_HO9cY [data-icon-status=error]{position:absolute;right:1.25rem;z-index:1;top:.85rem;font-size:var(--font-size-big)}.Textarea_textarea-wrapper_HO9cY [data-icon-status=success]:before,.Textarea_textarea-wrapper_HO9cY [data-icon-status=error]:before{font-size:var(--icon-font-big);height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}.Textarea_textarea-wrapper_HO9cY [data-icon-status=success]{color:var(--success)}.Textarea_textarea-wrapper_HO9cY [data-icon-status=error]{color:var(--error)}.Textarea_textarea-wrapper_HO9cY:hover .Textarea_outline_HO9cY{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY.Textarea_disabled_HO9cY{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY.Textarea_error_HO9cY{border-color:var(--error)}.Textarea_textarea-wrapper_HO9cY:has(div[data-readonlyview=true]:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_HO9cY:has(div[data-readonlyview=true]:focus) .Textarea_outline_HO9cY{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]{min-height:4rem;border:1px solid var(--color-blue-grey100);color:var(--read-only-text-color);background-color:var(--color-white);padding:.5rem .75rem;font-family:var(--font-family);font-size:var(--input-font-size);position:relative;border-radius:.125rem;word-wrap:break-word}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]:focus{outline:none}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]~span.Textarea_outline_HO9cY{display:none}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY{transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY{transition-duration:.1ms}}.Textarea_textarea-wrapper_HO9cY:not(.Textarea_disabled_HO9cY):has(textarea:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_HO9cY:not(.Textarea_disabled_HO9cY):has(textarea:focus) .Textarea_outline_HO9cY{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea_HO9cY{padding:calc(.625 * var(--font-size)) calc(.5 * var(--font-size));box-sizing:border-box;border:0;border-radius:var(--input-border-radius);font-family:var(--font-family);font-size:var(--input-font-size);color:var(--color-blue-grey900);vertical-align:top;resize:vertical;position:relative;background-color:transparent;z-index:1;width:calc(100% - var(--input-border-width));margin:var(--input-border-width) 0}.Textarea_textarea_HO9cY:disabled{cursor:not-allowed;color:var(--greyed-out)}.Textarea_textarea_HO9cY{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea_HO9cY{transition-duration:.1ms}}.Textarea_textarea_HO9cY:focus:not(:disabled){outline:none}.Textarea_textarea_HO9cY:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_error_HO9cY{border-color:var(--error)}[data-readonlyview=true] .Textarea_outline_HO9cY{border-color:var(--read-only-border-color)}.Textarea_outline_HO9cY{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_outline_HO9cY{transition-duration:.1ms}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Textarea_outline_HO9cY",r="Textarea_disabled_HO9cY",t="Textarea_error_HO9cY",a="Textarea_textarea_HO9cY",o={"textarea-wrapper":"Textarea_textarea-wrapper_HO9cY",outline:e,disabled:r,error:t,textarea:a};exports.default=o,exports.disabled=r,exports.error=t,exports.outline=e,exports.textarea=a;
 //# sourceMappingURL=Textarea.module.scss.cjs.js.map

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

@@ -1,10 +1,10 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Textarea_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Textarea_hidden_EsL6T{display:none}.Textarea_slide-in_EsL6T{animation:Textarea_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-in_EsL6T{animation-duration:.1ms}}.Textarea_slide-out_EsL6T{animation:Textarea_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-out_EsL6T{animation-duration:.1ms}}@keyframes Textarea_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea_textarea-wrapper_EsL6T{position:relative;box-sizing:border-box;width:100%}.Textarea_textarea-wrapper_EsL6T [data-icon-status=success],.Textarea_textarea-wrapper_EsL6T [data-icon-status=error]{position:absolute;right:1.25rem;z-index:1;top:.85rem;font-size:var(--font-size-big)}.Textarea_textarea-wrapper_EsL6T [data-icon-status=success]:before,.Textarea_textarea-wrapper_EsL6T [data-icon-status=error]:before{font-size:var(--icon-font-big);height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}.Textarea_textarea-wrapper_EsL6T [data-icon-status=success]{color:var(--success)}.Textarea_textarea-wrapper_EsL6T [data-icon-status=error]{color:var(--error)}.Textarea_textarea-wrapper_EsL6T:hover .Textarea_outline_EsL6T{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T.Textarea_disabled_EsL6T{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T.Textarea_error_EsL6T{border-color:var(--error)}.Textarea_textarea-wrapper_EsL6T:has(div[data-readonlyview=true]:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_EsL6T:has(div[data-readonlyview=true]:focus) .Textarea_outline_EsL6T{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]{min-height:4rem;border:1px solid var(--color-blue-grey100);color:var(--read-only-text-color);background-color:var(--color-white);padding:.5rem .75rem;font-family:var(--font-family);font-size:var(--input-font-size);position:relative;border-radius:.125rem;word-wrap:break-word}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]:focus{outline:none}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]~span.Textarea_outline_EsL6T{display:none}.Textarea_textarea-wrapper_EsL6T div[data-readonlyview=true]:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T{transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea-wrapper_EsL6T .Textarea_outline_EsL6T{transition-duration:.1ms}}.Textarea_textarea-wrapper_EsL6T:not(.Textarea_disabled_EsL6T):has(textarea:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_EsL6T:not(.Textarea_disabled_EsL6T):has(textarea:focus) .Textarea_outline_EsL6T{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea_EsL6T{padding:calc(.625 * var(--font-size)) calc(.5 * var(--font-size));box-sizing:border-box;border:0;border-radius:var(--input-border-radius);font-family:var(--font-family);font-size:var(--input-font-size);color:var(--color-blue-grey900);vertical-align:top;resize:vertical;position:relative;background-color:transparent;z-index:1;width:calc(100% - var(--input-border-width));margin:var(--input-border-width) 0}.Textarea_textarea_EsL6T:disabled{cursor:not-allowed;color:var(--greyed-out)}.Textarea_textarea_EsL6T{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea_EsL6T{transition-duration:.1ms}}.Textarea_textarea_EsL6T:focus:not(:disabled){outline:none}.Textarea_textarea_EsL6T:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_error_EsL6T{border-color:var(--error)}[data-readonlyview=true] .Textarea_outline_EsL6T{border-color:var(--read-only-border-color)}.Textarea_outline_EsL6T{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_outline_EsL6T{transition-duration:.1ms}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
-const outline = "Textarea_outline_EsL6T";
-const disabled = "Textarea_disabled_EsL6T";
-const error = "Textarea_error_EsL6T";
-const textarea = "Textarea_textarea_EsL6T";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Textarea_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Textarea_hidden_HO9cY{display:none}.Textarea_slide-in_HO9cY{animation:Textarea_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-in_HO9cY{animation-duration:.1ms}}.Textarea_slide-out_HO9cY{animation:Textarea_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Textarea_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Textarea_textarea-wrapper_HO9cY{position:relative;box-sizing:border-box;width:100%}.Textarea_textarea-wrapper_HO9cY [data-icon-status=success],.Textarea_textarea-wrapper_HO9cY [data-icon-status=error]{position:absolute;right:1.25rem;z-index:1;top:.85rem;font-size:var(--font-size-big)}.Textarea_textarea-wrapper_HO9cY [data-icon-status=success]:before,.Textarea_textarea-wrapper_HO9cY [data-icon-status=error]:before{font-size:var(--icon-font-big);height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}.Textarea_textarea-wrapper_HO9cY [data-icon-status=success]{color:var(--success)}.Textarea_textarea-wrapper_HO9cY [data-icon-status=error]{color:var(--error)}.Textarea_textarea-wrapper_HO9cY:hover .Textarea_outline_HO9cY{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY.Textarea_disabled_HO9cY{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY.Textarea_error_HO9cY{border-color:var(--error)}.Textarea_textarea-wrapper_HO9cY:has(div[data-readonlyview=true]:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_HO9cY:has(div[data-readonlyview=true]:focus) .Textarea_outline_HO9cY{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]{min-height:4rem;border:1px solid var(--color-blue-grey100);color:var(--read-only-text-color);background-color:var(--color-white);padding:.5rem .75rem;font-family:var(--font-family);font-size:var(--input-font-size);position:relative;border-radius:.125rem;word-wrap:break-word}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]:focus{outline:none}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]~span.Textarea_outline_HO9cY{display:none}.Textarea_textarea-wrapper_HO9cY div[data-readonlyview=true]:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY{transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea-wrapper_HO9cY .Textarea_outline_HO9cY{transition-duration:.1ms}}.Textarea_textarea-wrapper_HO9cY:not(.Textarea_disabled_HO9cY):has(textarea:focus){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Textarea_textarea-wrapper_HO9cY:not(.Textarea_disabled_HO9cY):has(textarea:focus) .Textarea_outline_HO9cY{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea_HO9cY{padding:calc(.625 * var(--font-size)) calc(.5 * var(--font-size));box-sizing:border-box;border:0;border-radius:var(--input-border-radius);font-family:var(--font-family);font-size:var(--input-font-size);color:var(--color-blue-grey900);vertical-align:top;resize:vertical;position:relative;background-color:transparent;z-index:1;width:calc(100% - var(--input-border-width));margin:var(--input-border-width) 0}.Textarea_textarea_HO9cY:disabled{cursor:not-allowed;color:var(--greyed-out)}.Textarea_textarea_HO9cY{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea_HO9cY{transition-duration:.1ms}}.Textarea_textarea_HO9cY:focus:not(:disabled){outline:none}.Textarea_textarea_HO9cY:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_error_HO9cY{border-color:var(--error)}[data-readonlyview=true] .Textarea_outline_HO9cY{border-color:var(--read-only-border-color)}.Textarea_outline_HO9cY{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_outline_HO9cY{transition-duration:.1ms}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const outline = "Textarea_outline_HO9cY";
+const disabled = "Textarea_disabled_HO9cY";
+const error = "Textarea_error_HO9cY";
+const textarea = "Textarea_textarea_HO9cY";
 const classes = {
-  "textarea-wrapper": "Textarea_textarea-wrapper_EsL6T",
+  "textarea-wrapper": "Textarea_textarea-wrapper_HO9cY",
   outline,
   disabled,
   error,

package/dist/components/Form/Toggle/Toggle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.cjs.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":["Toggle","React","forwardRef","checked","disabled","helperProps","className","label","labelPosition","hideLabel","labelOverflow","version","spacing","rest","ref","classNames","classes","push","default","join","createElement","Checkbox"],"mappings":"2LA+EaA,EAASC,EAAMC,YAhD+C,EAEvEC,UACAC,WACAC,cACAC,YACAC,QACAC,gBAAgB,QAChBC,aAAY,EACZC,gBAAgB,SAChBC,UAAU,WACVC,UAAU,YACPC,GAELC,KAEA,MAAMC,EAAa,CAACC,UAAQ,0BACfV,GAAAS,EAAWE,KAAKX,GAC7BS,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBV,MAC3CC,GAAaM,EAAWE,KAAKD,EAAQE,QAAA,+BACrCH,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBR,MAC3CK,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBP,MAC3CI,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBN,MAC3CR,GAAYW,EAAWE,KAAKD,EAAQE,QAAA,6CAGjC,MAAI,CAAAZ,UAAWS,EAAWI,KAAK,MAC9BlB,EAAAmB,cAACC,EAAAA,SAAA,IACKR,EACJC,MACAX,UACAG,UAAWU,UAAkB,SAC7BX,YAAa,CAAEC,UAAWU,EAAAA,QAAQ,oBAAqBX,GACvDD,WACAG,SAEAN,EAAAmB,cAAC,OAAA,CACC,cAAY,OACZ,cAAY,OACZd,UAAW,GAAGU,EAAAE,QAAgB,UAAKf,EAAUa,EAAAE,QAAiB,QAAI,MAChEd,EAAWY,EAAQE,QAAU,SAAI,SAIzC"}
+{"version":3,"file":"Toggle.cjs.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\n    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":["Toggle","React","forwardRef","checked","disabled","helperProps","className","label","labelPosition","hideLabel","labelOverflow","version","spacing","rest","ref","classNames","classes","push","default","join","createElement","Checkbox"],"mappings":"2LAgFaA,EAASC,EAAMC,YAhD+C,EAEvEC,UACAC,WACAC,cACAC,YACAC,QACAC,gBAAgB,QAChBC,aAAY,EACZC,gBAAgB,SAChBC,UAAU,WACVC,UAAU,YACPC,GAELC,KAEA,MAAMC,EAAa,CAACC,UAAQ,0BACfV,GAAAS,EAAWE,KAAKX,GAC7BS,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBV,MAC3CC,GAAaM,EAAWE,KAAKD,EAAQE,QAAA,+BACrCH,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBR,MAC3CK,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBP,MAC3CI,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBN,MAC3CR,GAAYW,EAAWE,KAAKD,EAAQE,QAAA,6CAGjC,MAAI,CAAAZ,UAAWS,EAAWI,KAAK,MAC9BlB,EAAAmB,cAACC,EAAAA,SAAA,IACKR,EACJC,MACAX,UACAG,UAAWU,UAAkB,SAC7BX,YAAa,CAAEC,UAAWU,EAAAA,QAAQ,oBAAqBX,GACvDD,WACAG,SAEAN,EAAAmB,cAAC,OAAA,CACC,cAAY,OACZ,cAAY,OACZd,UAAW,GAAGU,EAAAE,QAAgB,UAAKf,EAAUa,EAAAE,QAAiB,QAAI,MAChEd,EAAWY,EAAQE,QAAU,SAAI,SAIzC"}

package/dist/components/Form/Toggle/Toggle.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.es.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":";;;AA+BA,MAAM,kBAAqE,CACzE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,GAAG;AACL,GACA,QACG;AACH,QAAM,aAAa,CAAC,QAAQ,gBAAgB,CAAC;AAChC,eAAA,WAAW,KAAK,SAAS;AACtC,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,eAAa,WAAW,KAAK,QAAQ,4BAA4B,CAAC;AAClE,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,cAAY,WAAW,KAAK,QAAQ,0BAA0B,CAAC;AAE/D,6CACG,OAAI,EAAA,WAAW,WAAW,KAAK,GAAG,KACjC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,QAAQ,UAAU;AAAA,MAC7B,aAAa,EAAE,WAAW,QAAQ,eAAe,GAAG,GAAG,YAAY;AAAA,MACnE;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,eAAY;AAAA,QACZ,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,UAAU,QAAQ,SAAS,IAAI,EAAE,IAClE,WAAW,QAAQ,UAAU,IAAI,EACnC;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,CAEL;AAEJ;AAEa,MAAA,SAAS,MAAM,WAAW,eAAe;"}
+{"version":3,"file":"Toggle.es.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\n    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":";;;AAgCA,MAAM,kBAAqE,CACzE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,GAAG;AACL,GACA,QACG;AACH,QAAM,aAAa,CAAC,QAAQ,gBAAgB,CAAC;AAChC,eAAA,WAAW,KAAK,SAAS;AACtC,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,eAAa,WAAW,KAAK,QAAQ,4BAA4B,CAAC;AAClE,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,cAAY,WAAW,KAAK,QAAQ,0BAA0B,CAAC;AAE/D,6CACG,OAAI,EAAA,WAAW,WAAW,KAAK,GAAG,KACjC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,QAAQ,UAAU;AAAA,MAC7B,aAAa,EAAE,WAAW,QAAQ,eAAe,GAAG,GAAG,YAAY;AAAA,MACnE;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,eAAY;AAAA,QACZ,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,UAAU,QAAQ,SAAS,IAAI,EAAE,IAClE,WAAW,QAAQ,UAAU,IAAI,EACnC;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,CAEL;AAEJ;AAEa,MAAA,SAAS,MAAM,WAAW,eAAe;"}

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Toggle_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Toggle_hidden_EsL6T{display:none}.Toggle_slide-in_EsL6T{animation:Toggle_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-in_EsL6T{animation-duration:.1ms}}.Toggle_slide-out_EsL6T{animation:Toggle_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-out_EsL6T{animation-duration:.1ms}}@keyframes Toggle_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Toggle_toggle-wrapper_EsL6T{display:flex;align-items:center;position:relative}.Toggle_toggle-wrapper_EsL6T label{white-space:nowrap}.Toggle_toggle-wrapper--left_EsL6T>div>div{flex-direction:row-reverse;position:relative}.Toggle_toggle-wrapper--left_EsL6T>div>div input{left:initial;right:0}.Toggle_toggle-wrapper--left_EsL6T>div>div label{margin-left:0;margin-right:.5rem}.Toggle_toggle-wrapper--left_EsL6T>div>div+div{margin-left:0}.Toggle_toggle-wrapper--hide-label_EsL6T>div>div label{display:none}.Toggle_toggle-wrapper--hide-label_EsL6T>div>div+div{margin-left:0}.Toggle_toggle-wrapper--wrap_EsL6T label{white-space:normal}.Toggle_toggle-wrapper--neutral_EsL6T input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--neutral_EsL6T input+span:after{color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--between_EsL6T{width:100%}.Toggle_toggle-wrapper--between_EsL6T>div{width:100%}.Toggle_toggle-wrapper--between_EsL6T>div>div{justify-content:space-between}.Toggle_toggle-wrapper--between_EsL6T.Toggle_toggle-wrapper--right_EsL6T>div>div+div{margin-left:0;text-align:right}.Toggle_toggle-wrapper--disabled_EsL6T input+span{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_EsL6T input+span:before{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_EsL6T input+span:after{color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_EsL6T input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_EsL6T input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_EsL6T input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_toggle_EsL6T{width:calc(2 * var(--font-size));min-width:calc(2 * var(--font-size));height:var(--font-size-big);background-color:var(--toggle-background-color);border-radius:2.5rem;position:relative;display:block;pointer-events:none;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_EsL6T{transition-duration:.1ms}}.Toggle_toggle_EsL6T:before{content:"";width:var(--font-size);height:var(--font-size);border-radius:50%;display:block;background-color:var(--light);position:absolute;top:50%;transform:translateY(-50%) translate(0);left:calc(.125 * var(--font-size));transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_EsL6T:before{transition-duration:.1ms}}.Toggle_toggle_EsL6T:after{content:"";font-family:icomoon;position:absolute;font-size:calc(.4375 * var(--font-size));top:47%;left:calc(.4 * var(--font-size));transform:translateY(-50%) translate(0);color:var(--color-primary);transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_EsL6T:after{transition-duration:.1ms}}.Toggle_toggle_EsL6T.Toggle_checked_EsL6T{background-color:var(--color-primary)}.Toggle_toggle_EsL6T.Toggle_checked_EsL6T:before{transform:translateY(-50%) translate(calc(100% - .25 * var(--font-size)))}.Toggle_toggle_EsL6T.Toggle_checked_EsL6T:after{transform:translateY(-50%) translate(170%);content:""}.Toggle_toggle_EsL6T.Toggle_disabled_EsL6T{cursor:not-allowed}.Toggle_toggle-helper_EsL6T{margin-left:2.5rem}.Toggle_checkbox_EsL6T{z-index:10;position:static}.Toggle_checkbox_EsL6T>div:first-child{display:flex;align-items:flex-start}.Toggle_checkbox_EsL6T input{width:calc(2 * var(--font-size))}.Toggle_checkbox_EsL6T input~[data-icon][aria-hidden]{display:none}.Toggle_checkbox_EsL6T input:focus-visible+*{border-radius:2.5rem;outline-offset:.125rem;outline-width:.125rem}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Toggle_hidden_EsL6T",g="Toggle_toggle_EsL6T",l="Toggle_checked_EsL6T",o="Toggle_disabled_EsL6T",r="Toggle_checkbox_EsL6T",t={"sr-only":"Toggle_sr-only_EsL6T",hidden:e,"slide-in":"Toggle_slide-in_EsL6T","slide-out":"Toggle_slide-out_EsL6T","toggle-wrapper":"Toggle_toggle-wrapper_EsL6T","toggle-wrapper--left":"Toggle_toggle-wrapper--left_EsL6T","toggle-wrapper--hide-label":"Toggle_toggle-wrapper--hide-label_EsL6T","toggle-wrapper--wrap":"Toggle_toggle-wrapper--wrap_EsL6T","toggle-wrapper--neutral":"Toggle_toggle-wrapper--neutral_EsL6T","toggle-wrapper--between":"Toggle_toggle-wrapper--between_EsL6T","toggle-wrapper--right":"Toggle_toggle-wrapper--right_EsL6T","toggle-wrapper--disabled":"Toggle_toggle-wrapper--disabled_EsL6T",toggle:g,checked:l,disabled:o,"toggle-helper":"Toggle_toggle-helper_EsL6T",checkbox:r};exports.checkbox=r,exports.checked=l,exports.default=t,exports.disabled=o,exports.hidden=e,exports.toggle=g;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Toggle_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Toggle_hidden_HO9cY{display:none}.Toggle_slide-in_HO9cY{animation:Toggle_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-in_HO9cY{animation-duration:.1ms}}.Toggle_slide-out_HO9cY{animation:Toggle_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Toggle_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Toggle_toggle-wrapper_HO9cY{display:flex;align-items:center;position:relative}.Toggle_toggle-wrapper_HO9cY label{white-space:nowrap}.Toggle_toggle-wrapper--left_HO9cY>div>div{flex-direction:row-reverse;position:relative}.Toggle_toggle-wrapper--left_HO9cY>div>div input{left:initial;right:0}.Toggle_toggle-wrapper--left_HO9cY>div>div label{margin-left:0;margin-right:.5rem}.Toggle_toggle-wrapper--left_HO9cY>div>div+div{margin-left:0}.Toggle_toggle-wrapper--hide-label_HO9cY>div>div label{display:none}.Toggle_toggle-wrapper--hide-label_HO9cY>div>div+div{margin-left:0}.Toggle_toggle-wrapper--wrap_HO9cY label{white-space:normal}.Toggle_toggle-wrapper--neutral_HO9cY input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--neutral_HO9cY input+span:after{color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--between_HO9cY{width:100%}.Toggle_toggle-wrapper--between_HO9cY>div{width:100%}.Toggle_toggle-wrapper--between_HO9cY>div>div{justify-content:space-between}.Toggle_toggle-wrapper--between_HO9cY.Toggle_toggle-wrapper--right_HO9cY>div>div+div{margin-left:0;text-align:right}.Toggle_toggle-wrapper--disabled_HO9cY input+span{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_HO9cY input+span:before{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_HO9cY input+span:after{color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_HO9cY input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_HO9cY input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_HO9cY input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_toggle_HO9cY{width:calc(2 * var(--font-size));min-width:calc(2 * var(--font-size));height:var(--font-size-big);background-color:var(--toggle-background-color);border-radius:2.5rem;position:relative;display:block;pointer-events:none;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_HO9cY{transition-duration:.1ms}}.Toggle_toggle_HO9cY:before{content:"";width:var(--font-size);height:var(--font-size);border-radius:50%;display:block;background-color:var(--light);position:absolute;top:50%;transform:translateY(-50%) translate(0);left:calc(.125 * var(--font-size));transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_HO9cY:before{transition-duration:.1ms}}.Toggle_toggle_HO9cY:after{content:"";font-family:icomoon;position:absolute;font-size:calc(.4375 * var(--font-size));top:47%;left:calc(.4 * var(--font-size));transform:translateY(-50%) translate(0);color:var(--color-primary);transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_HO9cY:after{transition-duration:.1ms}}.Toggle_toggle_HO9cY.Toggle_checked_HO9cY{background-color:var(--color-primary)}.Toggle_toggle_HO9cY.Toggle_checked_HO9cY:before{transform:translateY(-50%) translate(calc(100% - .25 * var(--font-size)))}.Toggle_toggle_HO9cY.Toggle_checked_HO9cY:after{transform:translateY(-50%) translate(170%);content:""}.Toggle_toggle_HO9cY.Toggle_disabled_HO9cY{cursor:not-allowed}.Toggle_toggle-helper_HO9cY{margin-left:2.5rem}.Toggle_checkbox_HO9cY{z-index:10;position:static}.Toggle_checkbox_HO9cY>div:first-child{display:flex;align-items:flex-start}.Toggle_checkbox_HO9cY input{width:calc(2 * var(--font-size))}.Toggle_checkbox_HO9cY input~[data-icon][aria-hidden]{display:none}.Toggle_checkbox_HO9cY input:focus-visible+*{border-radius:2.5rem;outline-offset:.125rem;outline-width:.125rem}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Toggle_hidden_HO9cY",g="Toggle_toggle_HO9cY",l="Toggle_checked_HO9cY",o="Toggle_disabled_HO9cY",r="Toggle_checkbox_HO9cY",t={"sr-only":"Toggle_sr-only_HO9cY",hidden:e,"slide-in":"Toggle_slide-in_HO9cY","slide-out":"Toggle_slide-out_HO9cY","toggle-wrapper":"Toggle_toggle-wrapper_HO9cY","toggle-wrapper--left":"Toggle_toggle-wrapper--left_HO9cY","toggle-wrapper--hide-label":"Toggle_toggle-wrapper--hide-label_HO9cY","toggle-wrapper--wrap":"Toggle_toggle-wrapper--wrap_HO9cY","toggle-wrapper--neutral":"Toggle_toggle-wrapper--neutral_HO9cY","toggle-wrapper--between":"Toggle_toggle-wrapper--between_HO9cY","toggle-wrapper--right":"Toggle_toggle-wrapper--right_HO9cY","toggle-wrapper--disabled":"Toggle_toggle-wrapper--disabled_HO9cY",toggle:g,checked:l,disabled:o,"toggle-helper":"Toggle_toggle-helper_HO9cY",checkbox:r};exports.checkbox=r,exports.checked=l,exports.default=t,exports.disabled=o,exports.hidden=e,exports.toggle=g;
 //# sourceMappingURL=Toggle.module.scss.cjs.js.map

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

@@ -1,26 +1,26 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Toggle_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Toggle_hidden_EsL6T{display:none}.Toggle_slide-in_EsL6T{animation:Toggle_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-in_EsL6T{animation-duration:.1ms}}.Toggle_slide-out_EsL6T{animation:Toggle_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-out_EsL6T{animation-duration:.1ms}}@keyframes Toggle_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Toggle_toggle-wrapper_EsL6T{display:flex;align-items:center;position:relative}.Toggle_toggle-wrapper_EsL6T label{white-space:nowrap}.Toggle_toggle-wrapper--left_EsL6T>div>div{flex-direction:row-reverse;position:relative}.Toggle_toggle-wrapper--left_EsL6T>div>div input{left:initial;right:0}.Toggle_toggle-wrapper--left_EsL6T>div>div label{margin-left:0;margin-right:.5rem}.Toggle_toggle-wrapper--left_EsL6T>div>div+div{margin-left:0}.Toggle_toggle-wrapper--hide-label_EsL6T>div>div label{display:none}.Toggle_toggle-wrapper--hide-label_EsL6T>div>div+div{margin-left:0}.Toggle_toggle-wrapper--wrap_EsL6T label{white-space:normal}.Toggle_toggle-wrapper--neutral_EsL6T input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--neutral_EsL6T input+span:after{color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--between_EsL6T{width:100%}.Toggle_toggle-wrapper--between_EsL6T>div{width:100%}.Toggle_toggle-wrapper--between_EsL6T>div>div{justify-content:space-between}.Toggle_toggle-wrapper--between_EsL6T.Toggle_toggle-wrapper--right_EsL6T>div>div+div{margin-left:0;text-align:right}.Toggle_toggle-wrapper--disabled_EsL6T input+span{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_EsL6T input+span:before{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_EsL6T input+span:after{color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_EsL6T input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_EsL6T input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_EsL6T input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_toggle_EsL6T{width:calc(2 * var(--font-size));min-width:calc(2 * var(--font-size));height:var(--font-size-big);background-color:var(--toggle-background-color);border-radius:2.5rem;position:relative;display:block;pointer-events:none;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_EsL6T{transition-duration:.1ms}}.Toggle_toggle_EsL6T:before{content:"";width:var(--font-size);height:var(--font-size);border-radius:50%;display:block;background-color:var(--light);position:absolute;top:50%;transform:translateY(-50%) translate(0);left:calc(.125 * var(--font-size));transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_EsL6T:before{transition-duration:.1ms}}.Toggle_toggle_EsL6T:after{content:"";font-family:icomoon;position:absolute;font-size:calc(.4375 * var(--font-size));top:47%;left:calc(.4 * var(--font-size));transform:translateY(-50%) translate(0);color:var(--color-primary);transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_EsL6T:after{transition-duration:.1ms}}.Toggle_toggle_EsL6T.Toggle_checked_EsL6T{background-color:var(--color-primary)}.Toggle_toggle_EsL6T.Toggle_checked_EsL6T:before{transform:translateY(-50%) translate(calc(100% - .25 * var(--font-size)))}.Toggle_toggle_EsL6T.Toggle_checked_EsL6T:after{transform:translateY(-50%) translate(170%);content:""}.Toggle_toggle_EsL6T.Toggle_disabled_EsL6T{cursor:not-allowed}.Toggle_toggle-helper_EsL6T{margin-left:2.5rem}.Toggle_checkbox_EsL6T{z-index:10;position:static}.Toggle_checkbox_EsL6T>div:first-child{display:flex;align-items:flex-start}.Toggle_checkbox_EsL6T input{width:calc(2 * var(--font-size))}.Toggle_checkbox_EsL6T input~[data-icon][aria-hidden]{display:none}.Toggle_checkbox_EsL6T input:focus-visible+*{border-radius:2.5rem;outline-offset:.125rem;outline-width:.125rem}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
-const hidden = "Toggle_hidden_EsL6T";
-const toggle = "Toggle_toggle_EsL6T";
-const checked = "Toggle_checked_EsL6T";
-const disabled = "Toggle_disabled_EsL6T";
-const checkbox = "Toggle_checkbox_EsL6T";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Toggle_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Toggle_hidden_HO9cY{display:none}.Toggle_slide-in_HO9cY{animation:Toggle_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-in_HO9cY{animation-duration:.1ms}}.Toggle_slide-out_HO9cY{animation:Toggle_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Toggle_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_slide-out_HO9cY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Toggle_toggle-wrapper_HO9cY{display:flex;align-items:center;position:relative}.Toggle_toggle-wrapper_HO9cY label{white-space:nowrap}.Toggle_toggle-wrapper--left_HO9cY>div>div{flex-direction:row-reverse;position:relative}.Toggle_toggle-wrapper--left_HO9cY>div>div input{left:initial;right:0}.Toggle_toggle-wrapper--left_HO9cY>div>div label{margin-left:0;margin-right:.5rem}.Toggle_toggle-wrapper--left_HO9cY>div>div+div{margin-left:0}.Toggle_toggle-wrapper--hide-label_HO9cY>div>div label{display:none}.Toggle_toggle-wrapper--hide-label_HO9cY>div>div+div{margin-left:0}.Toggle_toggle-wrapper--wrap_HO9cY label{white-space:normal}.Toggle_toggle-wrapper--neutral_HO9cY input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--neutral_HO9cY input+span:after{color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--between_HO9cY{width:100%}.Toggle_toggle-wrapper--between_HO9cY>div{width:100%}.Toggle_toggle-wrapper--between_HO9cY>div>div{justify-content:space-between}.Toggle_toggle-wrapper--between_HO9cY.Toggle_toggle-wrapper--right_HO9cY>div>div+div{margin-left:0;text-align:right}.Toggle_toggle-wrapper--disabled_HO9cY input+span{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_HO9cY input+span:before{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_HO9cY input+span:after{color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_HO9cY input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_HO9cY input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_HO9cY input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_toggle_HO9cY{width:calc(2 * var(--font-size));min-width:calc(2 * var(--font-size));height:var(--font-size-big);background-color:var(--toggle-background-color);border-radius:2.5rem;position:relative;display:block;pointer-events:none;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_HO9cY{transition-duration:.1ms}}.Toggle_toggle_HO9cY:before{content:"";width:var(--font-size);height:var(--font-size);border-radius:50%;display:block;background-color:var(--light);position:absolute;top:50%;transform:translateY(-50%) translate(0);left:calc(.125 * var(--font-size));transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_HO9cY:before{transition-duration:.1ms}}.Toggle_toggle_HO9cY:after{content:"";font-family:icomoon;position:absolute;font-size:calc(.4375 * var(--font-size));top:47%;left:calc(.4 * var(--font-size));transform:translateY(-50%) translate(0);color:var(--color-primary);transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_HO9cY:after{transition-duration:.1ms}}.Toggle_toggle_HO9cY.Toggle_checked_HO9cY{background-color:var(--color-primary)}.Toggle_toggle_HO9cY.Toggle_checked_HO9cY:before{transform:translateY(-50%) translate(calc(100% - .25 * var(--font-size)))}.Toggle_toggle_HO9cY.Toggle_checked_HO9cY:after{transform:translateY(-50%) translate(170%);content:""}.Toggle_toggle_HO9cY.Toggle_disabled_HO9cY{cursor:not-allowed}.Toggle_toggle-helper_HO9cY{margin-left:2.5rem}.Toggle_checkbox_HO9cY{z-index:10;position:static}.Toggle_checkbox_HO9cY>div:first-child{display:flex;align-items:flex-start}.Toggle_checkbox_HO9cY input{width:calc(2 * var(--font-size))}.Toggle_checkbox_HO9cY input~[data-icon][aria-hidden]{display:none}.Toggle_checkbox_HO9cY input:focus-visible+*{border-radius:2.5rem;outline-offset:.125rem;outline-width:.125rem}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+const hidden = "Toggle_hidden_HO9cY";
+const toggle = "Toggle_toggle_HO9cY";
+const checked = "Toggle_checked_HO9cY";
+const disabled = "Toggle_disabled_HO9cY";
+const checkbox = "Toggle_checkbox_HO9cY";
 const classes = {
-  "sr-only": "Toggle_sr-only_EsL6T",
+  "sr-only": "Toggle_sr-only_HO9cY",
   hidden,
-  "slide-in": "Toggle_slide-in_EsL6T",
-  "slide-out": "Toggle_slide-out_EsL6T",
-  "toggle-wrapper": "Toggle_toggle-wrapper_EsL6T",
-  "toggle-wrapper--left": "Toggle_toggle-wrapper--left_EsL6T",
-  "toggle-wrapper--hide-label": "Toggle_toggle-wrapper--hide-label_EsL6T",
-  "toggle-wrapper--wrap": "Toggle_toggle-wrapper--wrap_EsL6T",
-  "toggle-wrapper--neutral": "Toggle_toggle-wrapper--neutral_EsL6T",
-  "toggle-wrapper--between": "Toggle_toggle-wrapper--between_EsL6T",
-  "toggle-wrapper--right": "Toggle_toggle-wrapper--right_EsL6T",
-  "toggle-wrapper--disabled": "Toggle_toggle-wrapper--disabled_EsL6T",
+  "slide-in": "Toggle_slide-in_HO9cY",
+  "slide-out": "Toggle_slide-out_HO9cY",
+  "toggle-wrapper": "Toggle_toggle-wrapper_HO9cY",
+  "toggle-wrapper--left": "Toggle_toggle-wrapper--left_HO9cY",
+  "toggle-wrapper--hide-label": "Toggle_toggle-wrapper--hide-label_HO9cY",
+  "toggle-wrapper--wrap": "Toggle_toggle-wrapper--wrap_HO9cY",
+  "toggle-wrapper--neutral": "Toggle_toggle-wrapper--neutral_HO9cY",
+  "toggle-wrapper--between": "Toggle_toggle-wrapper--between_HO9cY",
+  "toggle-wrapper--right": "Toggle_toggle-wrapper--right_HO9cY",
+  "toggle-wrapper--disabled": "Toggle_toggle-wrapper--disabled_HO9cY",
   toggle,
   checked,
   disabled,
-  "toggle-helper": "Toggle_toggle-helper_EsL6T",
+  "toggle-helper": "Toggle_toggle-helper_HO9cY",
   checkbox
 };
 export {

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.CheckboxWrapper_checkbox-wrapper-helper_EsL6T{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_EsL6T{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_EsL6T [data-icon]{font-size:calc(1.375 * var(--font-size));vertical-align:bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"checkbox-wrapper-helper":"CheckboxWrapper_checkbox-wrapper-helper_EsL6T","checkbox-wrapper-error":"CheckboxWrapper_checkbox-wrapper-error_EsL6T"};
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.CheckboxWrapper_checkbox-wrapper-helper_HO9cY{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_HO9cY{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_HO9cY [data-icon]{font-size:calc(1.375 * var(--font-size));vertical-align:bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"checkbox-wrapper-helper":"CheckboxWrapper_checkbox-wrapper-helper_HO9cY","checkbox-wrapper-error":"CheckboxWrapper_checkbox-wrapper-error_HO9cY"};
 //# sourceMappingURL=CheckboxWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.es.js

@@ -1,7 +1,7 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.CheckboxWrapper_checkbox-wrapper-helper_EsL6T{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_EsL6T{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_EsL6T [data-icon]{font-size:calc(1.375 * var(--font-size));vertical-align:bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.CheckboxWrapper_checkbox-wrapper-helper_HO9cY{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_HO9cY{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_HO9cY [data-icon]{font-size:calc(1.375 * var(--font-size));vertical-align:bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
 const classes = {
-  "checkbox-wrapper-helper": "CheckboxWrapper_checkbox-wrapper-helper_EsL6T",
-  "checkbox-wrapper-error": "CheckboxWrapper_checkbox-wrapper-error_EsL6T"
+  "checkbox-wrapper-helper": "CheckboxWrapper_checkbox-wrapper-helper_HO9cY",
+  "checkbox-wrapper-error": "CheckboxWrapper_checkbox-wrapper-error_HO9cY"
 };
 export {
   classes as default