@onewelcome/react-lib-components 10.0.2 → 10.1.0

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_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Select_hidden_uJyTX{display:none}.Select_slide-in_uJyTX{animation:Select_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-in_uJyTX{animation-duration:.1ms}}.Select_slide-out_uJyTX{animation:Select_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Select_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_slide-out_uJyTX{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_uJyTX{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_uJyTX{transition-duration:.1ms}}.Select_select_uJyTX [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_select_uJyTX.Select_expanded_uJyTX .Select_list-wrapper_uJyTX{background:var(--light)}.Select_select_uJyTX:not(.Select_expanded_uJyTX):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_uJyTX:not(.Select_expanded_uJyTX) button:focus:not(.Select_error_uJyTX){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_uJyTX:hover:not(.Select_disabled_uJyTX):not(.Select_expanded_uJyTX):not(.Select_error_uJyTX) button:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.Select_select_uJyTX .Select_custom-select_uJyTX{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_uJyTX .Select_custom-select_uJyTX{transition-duration:.1ms}}.Select_select_uJyTX .Select_custom-select_uJyTX:focus{outline:0}.Select_select_uJyTX .Select_custom-select_uJyTX.Select_error_uJyTX{border-color:var(--error);color:var(--error)}.Select_select_uJyTX .Select_custom-select_uJyTX.Select_error_uJyTX:focus{border-width:var(--input-border-width)}.Select_select_uJyTX .Select_custom-select_uJyTX.Select_disabled_uJyTX{border-color:var(--color-disabled)}.Select_select_uJyTX .Select_list-wrapper-container_uJyTX{position:relative}.Select_select_uJyTX .Select_list-wrapper_uJyTX{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_uJyTX 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_uJyTX 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_uJyTX ul li:focus{outline:none}.Select_select_uJyTX 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_uJyTX ul li:hover{background-color:var(--color-blue-grey50)}.Select_select_uJyTX ul li:active{background-color:var(--color-blue-grey100)}.Select_select_uJyTX ul li.Select_disabled_uJyTX{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.Select_select_uJyTX[data-readonlyview=true]{-webkit-user-select:text;user-select:text;pointer-events:none}.Select_select_uJyTX[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_uJyTX[data-readonlyview=true] button[type=button] .Select_selected_uJyTX{color:var(--read-only-text-color)}.Select_select_uJyTX[data-readonlyview=true] button[type=button].Select_error_uJyTX,.Select_select_uJyTX[data-readonlyview=true] button[type=button].Select_success_uJyTX{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_select_uJyTX[data-readonlyview=true] button[type=button].Select_error_uJyTX .Select_status_uJyTX,.Select_select_uJyTX[data-readonlyview=true] button[type=button].Select_success_uJyTX .Select_status_uJyTX{visibility:visible}.Select_select_uJyTX[data-readonlyview=true] button[type=button] .Select_status_uJyTX .Select_chevron-icon_uJyTX,.Select_select_uJyTX[data-readonlyview=true] .Select_list-wrapper_uJyTX{visibility:hidden}.Select_select_uJyTX[data-readonlyview=true] .Select_list-wrapper_uJyTX ul{display:none}.Select_selected-option_uJyTX{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_uJyTX{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_uJyTX .Select_required_uJyTX{color:var(--error)}.Select_status_uJyTX{position:absolute;top:50%;right:.8125rem;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0}.Select_status_uJyTX [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.Select_status_uJyTX [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.Select_status_uJyTX [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.Select_status_uJyTX .Select_chevron-icon_uJyTX{color:var(--default);font-size:var(--font-size-small)}.Select_status_uJyTX *+*{margin-left:1.25rem}.Select_placeholder_uJyTX{color:var(--greyed-out)}.Select_select-search_uJyTX{position:relative;width:100%;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}.Select_disabled_uJyTX{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.Select_disabled_uJyTX>*{pointer-events:none}@media only screen and (min-width: 30em){.Select_select_uJyTX .Select_custom-select_uJyTX{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_uJyTX:not(.Select_expanded_uJyTX) button:focus:not(.Select_error_uJyTX){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .Select_root_uJyTX [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] .Select_root_uJyTX [data-readonlyview] button .Select_status_uJyTX .Select_chevron-icon_uJyTX{visibility:hidden}[data-readonlyview=true] .Select_root_uJyTX [data-readonlyview] button.Select_error_uJyTX{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_inlineEditing_uJyTX .Select_select_uJyTX{background-color:transparent;transition:none}.Select_inlineEditing_uJyTX .Select_select_uJyTX:not(.Select_expanded_uJyTX) button:focus:not(.Select_error_uJyTX){border-width:0;border-radius:.3125rem}.Select_inlineEditing_uJyTX .Select_select_uJyTX:focus button:focus{border:.125rem solid var(--color-focus)}.Select_inlineEditing_uJyTX .Select_select_uJyTX:hover button .Select_status_uJyTX span.Select_chevron-icon_uJyTX{visibility:visible}.Select_inlineEditing_uJyTX .Select_select_uJyTX:hover:not(.Select_disabled_uJyTX):not(.Select_expanded_uJyTX):not(.Select_error_uJyTX) button:not(:focus){border:0;background-color:transparent}.Select_inlineEditing_uJyTX .Select_select_uJyTX button{border:0}.Select_inlineEditing_uJyTX .Select_select_uJyTX button.Select_expanded_uJyTX div.Select_status_uJyTX span.Select_chevron-icon_uJyTX{visibility:visible}.Select_inlineEditing_uJyTX .Select_select_uJyTX button:focus-visible{outline:.125rem solid var(--color-focus);border-radius:.3125rem;outline-offset:-1px}.Select_inlineEditing_uJyTX .Select_select_uJyTX button.Select_error_uJyTX{color:var(--color-default)}.Select_inlineEditing_uJyTX .Select_select_uJyTX button .Select_status_uJyTX span.Select_chevron-icon_uJyTX{visibility:hidden}.Select_inlineEditing_uJyTX .Select_select_uJyTX[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_uJyTX";
+const expanded = "Select_expanded_uJyTX";
+const error = "Select_error_uJyTX";
+const disabled = "Select_disabled_uJyTX";
+const selected = "Select_selected_uJyTX";
+const success = "Select_success_uJyTX";
+const status = "Select_status_uJyTX";
+const required = "Select_required_uJyTX";
+const placeholder = "Select_placeholder_uJyTX";
+const root = "Select_root_uJyTX";
+const inlineEditing = "Select_inlineEditing_uJyTX";
 const selectClasses = {
   select,
   expanded,
-  "list-wrapper": "Select_list-wrapper_EsL6T",
+  "list-wrapper": "Select_list-wrapper_uJyTX",
   error,
   disabled,
-  "custom-select": "Select_custom-select_EsL6T",
+  "custom-select": "Select_custom-select_uJyTX",
   selected,
   success,
   status,
-  "chevron-icon": "Select_chevron-icon_EsL6T",
-  "selected-option": "Select_selected-option_EsL6T",
+  "chevron-icon": "Select_chevron-icon_uJyTX",
+  "selected-option": "Select_selected-option_uJyTX",
   required,
   placeholder,
-  "select-search": "Select_select-search_EsL6T",
+  "select-search": "Select_select-search_uJyTX",
   root,
   inlineEditing
 };

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_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_uJyTX{display:none}.useAddNewBtn_slide-in_uJyTX{animation:useAddNewBtn_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_uJyTX{animation-duration:.1ms}}.useAddNewBtn_slide-out_uJyTX{animation:useAddNewBtn_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_uJyTX{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_uJyTX{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_uJyTX{padding-bottom:2px}.useAddNewBtn_action-button_uJyTX{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_uJyTX:focus,.useAddNewBtn_action-button_uJyTX.useAddNewBtn_focus_uJyTX{outline:none}.useAddNewBtn_action-button_uJyTX:focus:before,.useAddNewBtn_action-button_uJyTX.useAddNewBtn_focus_uJyTX: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_uJyTX:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_uJyTX: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_uJyTX",t={"has-sibling":"useAddNewBtn_has-sibling_uJyTX","action-button":"useAddNewBtn_action-button_uJyTX",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_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_uJyTX{display:none}.useAddNewBtn_slide-in_uJyTX{animation:useAddNewBtn_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_uJyTX{animation-duration:.1ms}}.useAddNewBtn_slide-out_uJyTX{animation:useAddNewBtn_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_uJyTX{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_uJyTX{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_uJyTX{padding-bottom:2px}.useAddNewBtn_action-button_uJyTX{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_uJyTX:focus,.useAddNewBtn_action-button_uJyTX.useAddNewBtn_focus_uJyTX{outline:none}.useAddNewBtn_action-button_uJyTX:focus:before,.useAddNewBtn_action-button_uJyTX.useAddNewBtn_focus_uJyTX: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_uJyTX:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_uJyTX: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_uJyTX";
 const classes = {
-  "has-sibling": "useAddNewBtn_has-sibling_EsL6T",
-  "action-button": "useAddNewBtn_action-button_EsL6T",
+  "has-sibling": "useAddNewBtn_has-sibling_uJyTX",
+  "action-button": "useAddNewBtn_action-button_uJyTX",
   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_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Textarea_hidden_uJyTX{display:none}.Textarea_slide-in_uJyTX{animation:Textarea_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-in_uJyTX{animation-duration:.1ms}}.Textarea_slide-out_uJyTX{animation:Textarea_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Textarea_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_slide-out_uJyTX{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_uJyTX{position:relative;box-sizing:border-box;width:100%}.Textarea_textarea-wrapper_uJyTX [data-icon-status=success],.Textarea_textarea-wrapper_uJyTX [data-icon-status=error]{position:absolute;right:1.25rem;z-index:1;top:.85rem;font-size:var(--font-size-big)}.Textarea_textarea-wrapper_uJyTX [data-icon-status=success]:before,.Textarea_textarea-wrapper_uJyTX [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_uJyTX [data-icon-status=success]{color:var(--success)}.Textarea_textarea-wrapper_uJyTX [data-icon-status=error]{color:var(--error)}.Textarea_textarea-wrapper_uJyTX:hover .Textarea_outline_uJyTX{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX.Textarea_disabled_uJyTX{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX.Textarea_error_uJyTX{border-color:var(--error)}.Textarea_textarea-wrapper_uJyTX: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_uJyTX:has(div[data-readonlyview=true]:focus) .Textarea_outline_uJyTX{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea-wrapper_uJyTX 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_uJyTX div[data-readonlyview=true]:focus{outline:none}.Textarea_textarea-wrapper_uJyTX div[data-readonlyview=true]~span.Textarea_outline_uJyTX{display:none}.Textarea_textarea-wrapper_uJyTX div[data-readonlyview=true]:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX{transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX{transition-duration:.1ms}}.Textarea_textarea-wrapper_uJyTX:not(.Textarea_disabled_uJyTX):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_uJyTX:not(.Textarea_disabled_uJyTX):has(textarea:focus) .Textarea_outline_uJyTX{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea_uJyTX{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_uJyTX:disabled{cursor:not-allowed;color:var(--greyed-out)}.Textarea_textarea_uJyTX{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea_uJyTX{transition-duration:.1ms}}.Textarea_textarea_uJyTX:focus:not(:disabled){outline:none}.Textarea_textarea_uJyTX:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_error_uJyTX{border-color:var(--error)}[data-readonlyview=true] .Textarea_outline_uJyTX{border-color:var(--read-only-border-color)}.Textarea_outline_uJyTX{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_uJyTX{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_uJyTX",r="Textarea_disabled_uJyTX",t="Textarea_error_uJyTX",a="Textarea_textarea_uJyTX",o={"textarea-wrapper":"Textarea_textarea-wrapper_uJyTX",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_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Textarea_hidden_uJyTX{display:none}.Textarea_slide-in_uJyTX{animation:Textarea_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-in_uJyTX{animation-duration:.1ms}}.Textarea_slide-out_uJyTX{animation:Textarea_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Textarea_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Textarea_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_slide-out_uJyTX{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_uJyTX{position:relative;box-sizing:border-box;width:100%}.Textarea_textarea-wrapper_uJyTX [data-icon-status=success],.Textarea_textarea-wrapper_uJyTX [data-icon-status=error]{position:absolute;right:1.25rem;z-index:1;top:.85rem;font-size:var(--font-size-big)}.Textarea_textarea-wrapper_uJyTX [data-icon-status=success]:before,.Textarea_textarea-wrapper_uJyTX [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_uJyTX [data-icon-status=success]{color:var(--success)}.Textarea_textarea-wrapper_uJyTX [data-icon-status=error]{color:var(--error)}.Textarea_textarea-wrapper_uJyTX:hover .Textarea_outline_uJyTX{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX.Textarea_disabled_uJyTX{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX.Textarea_error_uJyTX{border-color:var(--error)}.Textarea_textarea-wrapper_uJyTX: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_uJyTX:has(div[data-readonlyview=true]:focus) .Textarea_outline_uJyTX{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea-wrapper_uJyTX 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_uJyTX div[data-readonlyview=true]:focus{outline:none}.Textarea_textarea-wrapper_uJyTX div[data-readonlyview=true]~span.Textarea_outline_uJyTX{display:none}.Textarea_textarea-wrapper_uJyTX div[data-readonlyview=true]:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX{transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea-wrapper_uJyTX .Textarea_outline_uJyTX{transition-duration:.1ms}}.Textarea_textarea-wrapper_uJyTX:not(.Textarea_disabled_uJyTX):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_uJyTX:not(.Textarea_disabled_uJyTX):has(textarea:focus) .Textarea_outline_uJyTX{border-width:var(--input-border-width);border-color:var(--input-border-color)}.Textarea_textarea_uJyTX{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_uJyTX:disabled{cursor:not-allowed;color:var(--greyed-out)}.Textarea_textarea_uJyTX{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Textarea_textarea_uJyTX{transition-duration:.1ms}}.Textarea_textarea_uJyTX:focus:not(:disabled){outline:none}.Textarea_textarea_uJyTX:has(~[data-icon-status]){padding-right:2.5rem}.Textarea_error_uJyTX{border-color:var(--error)}[data-readonlyview=true] .Textarea_outline_uJyTX{border-color:var(--read-only-border-color)}.Textarea_outline_uJyTX{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_uJyTX{transition-duration:.1ms}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const outline = "Textarea_outline_uJyTX";
+const disabled = "Textarea_disabled_uJyTX";
+const error = "Textarea_error_uJyTX";
+const textarea = "Textarea_textarea_uJyTX";
 const classes = {
-  "textarea-wrapper": "Textarea_textarea-wrapper_EsL6T",
+  "textarea-wrapper": "Textarea_textarea-wrapper_uJyTX",
   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_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Toggle_hidden_uJyTX{display:none}.Toggle_slide-in_uJyTX{animation:Toggle_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-in_uJyTX{animation-duration:.1ms}}.Toggle_slide-out_uJyTX{animation:Toggle_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Toggle_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_slide-out_uJyTX{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_uJyTX{display:flex;align-items:center;position:relative}.Toggle_toggle-wrapper_uJyTX label{white-space:nowrap}.Toggle_toggle-wrapper--left_uJyTX>div>div{flex-direction:row-reverse;position:relative}.Toggle_toggle-wrapper--left_uJyTX>div>div input{left:initial;right:0}.Toggle_toggle-wrapper--left_uJyTX>div>div label{margin-left:0;margin-right:.5rem}.Toggle_toggle-wrapper--left_uJyTX>div>div+div{margin-left:0}.Toggle_toggle-wrapper--hide-label_uJyTX>div>div label{display:none}.Toggle_toggle-wrapper--hide-label_uJyTX>div>div+div{margin-left:0}.Toggle_toggle-wrapper--wrap_uJyTX label{white-space:normal}.Toggle_toggle-wrapper--neutral_uJyTX input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--neutral_uJyTX input+span:after{color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--between_uJyTX{width:100%}.Toggle_toggle-wrapper--between_uJyTX>div{width:100%}.Toggle_toggle-wrapper--between_uJyTX>div>div{justify-content:space-between}.Toggle_toggle-wrapper--between_uJyTX.Toggle_toggle-wrapper--right_uJyTX>div>div+div{margin-left:0;text-align:right}.Toggle_toggle-wrapper--disabled_uJyTX input+span{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_uJyTX input+span:before{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_uJyTX input+span:after{color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_uJyTX input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_uJyTX input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_uJyTX input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_toggle_uJyTX{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_uJyTX{transition-duration:.1ms}}.Toggle_toggle_uJyTX: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_uJyTX:before{transition-duration:.1ms}}.Toggle_toggle_uJyTX: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_uJyTX:after{transition-duration:.1ms}}.Toggle_toggle_uJyTX.Toggle_checked_uJyTX{background-color:var(--color-primary)}.Toggle_toggle_uJyTX.Toggle_checked_uJyTX:before{transform:translateY(-50%) translate(calc(100% - .25 * var(--font-size)))}.Toggle_toggle_uJyTX.Toggle_checked_uJyTX:after{transform:translateY(-50%) translate(170%);content:""}.Toggle_toggle_uJyTX.Toggle_disabled_uJyTX{cursor:not-allowed}.Toggle_toggle-helper_uJyTX{margin-left:2.5rem}.Toggle_checkbox_uJyTX{z-index:10;position:static}.Toggle_checkbox_uJyTX>div:first-child{display:flex;align-items:flex-start}.Toggle_checkbox_uJyTX input{width:calc(2 * var(--font-size))}.Toggle_checkbox_uJyTX input~[data-icon][aria-hidden]{display:none}.Toggle_checkbox_uJyTX 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_uJyTX",g="Toggle_toggle_uJyTX",l="Toggle_checked_uJyTX",o="Toggle_disabled_uJyTX",r="Toggle_checkbox_uJyTX",t={"sr-only":"Toggle_sr-only_uJyTX",hidden:e,"slide-in":"Toggle_slide-in_uJyTX","slide-out":"Toggle_slide-out_uJyTX","toggle-wrapper":"Toggle_toggle-wrapper_uJyTX","toggle-wrapper--left":"Toggle_toggle-wrapper--left_uJyTX","toggle-wrapper--hide-label":"Toggle_toggle-wrapper--hide-label_uJyTX","toggle-wrapper--wrap":"Toggle_toggle-wrapper--wrap_uJyTX","toggle-wrapper--neutral":"Toggle_toggle-wrapper--neutral_uJyTX","toggle-wrapper--between":"Toggle_toggle-wrapper--between_uJyTX","toggle-wrapper--right":"Toggle_toggle-wrapper--right_uJyTX","toggle-wrapper--disabled":"Toggle_toggle-wrapper--disabled_uJyTX",toggle:g,checked:l,disabled:o,"toggle-helper":"Toggle_toggle-helper_uJyTX",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_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Toggle_hidden_uJyTX{display:none}.Toggle_slide-in_uJyTX{animation:Toggle_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-in_uJyTX{animation-duration:.1ms}}.Toggle_slide-out_uJyTX{animation:Toggle_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Toggle_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_slide-out_uJyTX{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_uJyTX{display:flex;align-items:center;position:relative}.Toggle_toggle-wrapper_uJyTX label{white-space:nowrap}.Toggle_toggle-wrapper--left_uJyTX>div>div{flex-direction:row-reverse;position:relative}.Toggle_toggle-wrapper--left_uJyTX>div>div input{left:initial;right:0}.Toggle_toggle-wrapper--left_uJyTX>div>div label{margin-left:0;margin-right:.5rem}.Toggle_toggle-wrapper--left_uJyTX>div>div+div{margin-left:0}.Toggle_toggle-wrapper--hide-label_uJyTX>div>div label{display:none}.Toggle_toggle-wrapper--hide-label_uJyTX>div>div+div{margin-left:0}.Toggle_toggle-wrapper--wrap_uJyTX label{white-space:normal}.Toggle_toggle-wrapper--neutral_uJyTX input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--neutral_uJyTX input+span:after{color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--between_uJyTX{width:100%}.Toggle_toggle-wrapper--between_uJyTX>div{width:100%}.Toggle_toggle-wrapper--between_uJyTX>div>div{justify-content:space-between}.Toggle_toggle-wrapper--between_uJyTX.Toggle_toggle-wrapper--right_uJyTX>div>div+div{margin-left:0;text-align:right}.Toggle_toggle-wrapper--disabled_uJyTX input+span{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_uJyTX input+span:before{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_uJyTX input+span:after{color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_uJyTX input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_uJyTX input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_uJyTX input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_toggle_uJyTX{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_uJyTX{transition-duration:.1ms}}.Toggle_toggle_uJyTX: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_uJyTX:before{transition-duration:.1ms}}.Toggle_toggle_uJyTX: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_uJyTX:after{transition-duration:.1ms}}.Toggle_toggle_uJyTX.Toggle_checked_uJyTX{background-color:var(--color-primary)}.Toggle_toggle_uJyTX.Toggle_checked_uJyTX:before{transform:translateY(-50%) translate(calc(100% - .25 * var(--font-size)))}.Toggle_toggle_uJyTX.Toggle_checked_uJyTX:after{transform:translateY(-50%) translate(170%);content:""}.Toggle_toggle_uJyTX.Toggle_disabled_uJyTX{cursor:not-allowed}.Toggle_toggle-helper_uJyTX{margin-left:2.5rem}.Toggle_checkbox_uJyTX{z-index:10;position:static}.Toggle_checkbox_uJyTX>div:first-child{display:flex;align-items:flex-start}.Toggle_checkbox_uJyTX input{width:calc(2 * var(--font-size))}.Toggle_checkbox_uJyTX input~[data-icon][aria-hidden]{display:none}.Toggle_checkbox_uJyTX 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_uJyTX";
+const toggle = "Toggle_toggle_uJyTX";
+const checked = "Toggle_checked_uJyTX";
+const disabled = "Toggle_disabled_uJyTX";
+const checkbox = "Toggle_checkbox_uJyTX";
 const classes = {
-  "sr-only": "Toggle_sr-only_EsL6T",
+  "sr-only": "Toggle_sr-only_uJyTX",
   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_uJyTX",
+  "slide-out": "Toggle_slide-out_uJyTX",
+  "toggle-wrapper": "Toggle_toggle-wrapper_uJyTX",
+  "toggle-wrapper--left": "Toggle_toggle-wrapper--left_uJyTX",
+  "toggle-wrapper--hide-label": "Toggle_toggle-wrapper--hide-label_uJyTX",
+  "toggle-wrapper--wrap": "Toggle_toggle-wrapper--wrap_uJyTX",
+  "toggle-wrapper--neutral": "Toggle_toggle-wrapper--neutral_uJyTX",
+  "toggle-wrapper--between": "Toggle_toggle-wrapper--between_uJyTX",
+  "toggle-wrapper--right": "Toggle_toggle-wrapper--right_uJyTX",
+  "toggle-wrapper--disabled": "Toggle_toggle-wrapper--disabled_uJyTX",
   toggle,
   checked,
   disabled,
-  "toggle-helper": "Toggle_toggle-helper_EsL6T",
+  "toggle-helper": "Toggle_toggle-helper_uJyTX",
   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_uJyTX{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_uJyTX{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_uJyTX [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_uJyTX","checkbox-wrapper-error":"CheckboxWrapper_checkbox-wrapper-error_uJyTX"};
 //# 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_uJyTX{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_uJyTX{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_uJyTX [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_uJyTX",
+  "checkbox-wrapper-error": "CheckboxWrapper_checkbox-wrapper-error_uJyTX"
 };
 export {
   classes as default

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.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('.InputWrapper_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_EsL6T{display:none}.InputWrapper_slide-in_EsL6T{animation:InputWrapper_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_EsL6T{animation-duration:.1ms}}.InputWrapper_slide-out_EsL6T{animation:InputWrapper_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_EsL6T{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_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 */.InputWrapper_input-wrapper_EsL6T input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_EsL6T{padding-top:1rem}.InputWrapper_input-wrapper-helper_EsL6T{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_EsL6T [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_EsL6T [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_EsL6T [data-prefix],.InputWrapper_input-wrapper_EsL6T [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_EsL6T [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T .InputWrapper_disabled_EsL6T{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_EsL6T[data-readonlyview=true] label,.InputWrapper_input-wrapper_EsL6T[data-readonlyview=true] input{color:var(--read-only-text-color)}')),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="InputWrapper_disabled_EsL6T",p={"input-wrapper":"InputWrapper_input-wrapper_EsL6T","input-wrapper-helper":"InputWrapper_input-wrapper-helper_EsL6T",disabled:e};exports.default=p,exports.disabled=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.InputWrapper_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_uJyTX{display:none}.InputWrapper_slide-in_uJyTX{animation:InputWrapper_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_uJyTX{animation-duration:.1ms}}.InputWrapper_slide-out_uJyTX{animation:InputWrapper_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_uJyTX{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_slide-out_uJyTX{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 */.InputWrapper_input-wrapper_uJyTX input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_uJyTX{padding-top:1rem}.InputWrapper_input-wrapper-helper_uJyTX{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_uJyTX [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_uJyTX [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_uJyTX [data-prefix],.InputWrapper_input-wrapper_uJyTX [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_uJyTX [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX .InputWrapper_disabled_uJyTX{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_uJyTX[data-readonlyview=true] label,.InputWrapper_input-wrapper_uJyTX[data-readonlyview=true] input{color:var(--read-only-text-color)}')),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="InputWrapper_disabled_uJyTX",p={"input-wrapper":"InputWrapper_input-wrapper_uJyTX","input-wrapper-helper":"InputWrapper_input-wrapper-helper_uJyTX",disabled:e};exports.default=p,exports.disabled=e;
 //# sourceMappingURL=InputWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.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('.InputWrapper_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_EsL6T{display:none}.InputWrapper_slide-in_EsL6T{animation:InputWrapper_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_EsL6T{animation-duration:.1ms}}.InputWrapper_slide-out_EsL6T{animation:InputWrapper_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_EsL6T{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_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 */.InputWrapper_input-wrapper_EsL6T input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_EsL6T{padding-top:1rem}.InputWrapper_input-wrapper-helper_EsL6T{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_EsL6T [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_EsL6T [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_EsL6T [data-prefix],.InputWrapper_input-wrapper_EsL6T [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_EsL6T [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_EsL6T .InputWrapper_disabled_EsL6T{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_EsL6T[data-readonlyview=true] label,.InputWrapper_input-wrapper_EsL6T[data-readonlyview=true] input{color:var(--read-only-text-color)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
-const disabled = "InputWrapper_disabled_EsL6T";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.InputWrapper_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_uJyTX{display:none}.InputWrapper_slide-in_uJyTX{animation:InputWrapper_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_uJyTX{animation-duration:.1ms}}.InputWrapper_slide-out_uJyTX{animation:InputWrapper_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_uJyTX{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_slide-out_uJyTX{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 */.InputWrapper_input-wrapper_uJyTX input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_uJyTX{padding-top:1rem}.InputWrapper_input-wrapper-helper_uJyTX{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_uJyTX [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_uJyTX [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_uJyTX [data-prefix],.InputWrapper_input-wrapper_uJyTX [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_uJyTX [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX .InputWrapper_disabled_uJyTX{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_uJyTX[data-readonlyview=true] label,.InputWrapper_input-wrapper_uJyTX[data-readonlyview=true] input{color:var(--read-only-text-color)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const disabled = "InputWrapper_disabled_uJyTX";
 const classes = {
-  "input-wrapper": "InputWrapper_input-wrapper_EsL6T",
-  "input-wrapper-helper": "InputWrapper_input-wrapper-helper_EsL6T",
+  "input-wrapper": "InputWrapper_input-wrapper_uJyTX",
+  "input-wrapper-helper": "InputWrapper_input-wrapper-helper_uJyTX",
   disabled
 };
 export {

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":["MultiSelectWrapper","withReadOnly","React","forwardRef","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","createElement","Wrapper","labelProps","id","className","classes","MultiSelect","labeledBy","describedBy","isReadOnlyView","isWrapperComponent"],"mappings":"+SAqFaA,0CAAqBC,aAAaC,EAAMC,YA/CgC,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAASC,SAAAA,EAAAC,QAAUA,GAAYC,EAAAA,aAGrC,OAAAf,EAAAgB,cAACC,EAAAA,QAAA,IACKP,EACJC,MACAC,UACAC,WACAK,WAAY,CAAEC,GAAIL,EAASM,UAAWC,EAAAA,QAAQ,iBAC9Cb,YAAa,IACRA,EACHY,UAAW,GAAGC,EAAAA,QAAQ,0BAAsC,MAAbb,OAAa,EAAAA,EAAAY,YAAa,MAE3EjB,SAEAH,EAAAgB,cAACM,EAAAA,YAAA,IACKf,EACJF,QACAkB,UAAWT,EACXX,QACAC,UACAoB,YAAarB,EAAQS,EAAUC,EAC/BJ,WACAH,cACAc,UAAW,IAAgB,MAAbb,OAAa,EAAAA,EAAAa,YAAa,KACxCK,iBAAkBf,EAAK,sBAEtBR,GAEL,IAI0F,CAC5FwB,oBAAoB"}
+{"version":3,"file":"MultiSelectWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">, Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":["MultiSelectWrapper","withReadOnly","React","forwardRef","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","createElement","Wrapper","labelProps","id","className","classes","MultiSelect","labeledBy","describedBy","isReadOnlyView","isWrapperComponent"],"mappings":"+SAoFaA,0CAAqBC,aAAaC,EAAMC,YA/CgC,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAASC,SAAAA,EAAAC,QAAUA,GAAYC,EAAAA,aAGrC,OAAAf,EAAAgB,cAACC,EAAAA,QAAA,IACKP,EACJC,MACAC,UACAC,WACAK,WAAY,CAAEC,GAAIL,EAASM,UAAWC,EAAAA,QAAQ,iBAC9Cb,YAAa,IACRA,EACHY,UAAW,GAAGC,EAAAA,QAAQ,0BAAsC,MAAbb,OAAa,EAAAA,EAAAY,YAAa,MAE3EjB,SAEAH,EAAAgB,cAACM,EAAAA,YAAA,IACKf,EACJF,QACAkB,UAAWT,EACXX,QACAC,UACAoB,YAAarB,EAAQS,EAAUC,EAC/BJ,WACAH,cACAc,UAAW,IAAgB,MAAbb,OAAa,EAAAA,EAAAa,YAAa,KACxCK,iBAAkBf,EAAK,sBAEtBR,GAEL,IAI0F,CAC5FwB,oBAAoB"}

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":[],"mappings":";;;;;;AAsCA,MAAM,8BAA+E,CACnF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,UAAU,QAAA,IAAY,WAAW;AAGhD,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,EAAE,IAAI,SAAS,WAAW,QAAQ,cAAc,EAAE;AAAA,MAC9D,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,oBAAoB,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAC7E;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,aAAa,QAAQ,UAAU;AAAA,QAC/B;AAAA,QACA;AAAA,QACA,WAAW,IAAG,2CAAa,cAAa,EAAE;AAAA,QAC1C,gBAAgB,CAAC,CAAC,KAAK,mBAAmB;AAAA,MAAA;AAAA,MAEzC;AAAA,IAAA;AAAA,EAEL;AAEJ;AAEO,MAAM,qBAAqB,aAAa,MAAM,WAAW,2BAA2B,GAAG;AAAA,EAC5F,oBAAoB;AACtB,CAAC;"}
+{"version":3,"file":"MultiSelectWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">, Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":[],"mappings":";;;;;;AAqCA,MAAM,8BAA+E,CACnF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,UAAU,QAAA,IAAY,WAAW;AAGhD,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,EAAE,IAAI,SAAS,WAAW,QAAQ,cAAc,EAAE;AAAA,MAC9D,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,oBAAoB,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAC7E;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,aAAa,QAAQ,UAAU;AAAA,QAC/B;AAAA,QACA;AAAA,QACA,WAAW,IAAG,2CAAa,cAAa,EAAE;AAAA,QAC1C,gBAAgB,CAAC,CAAC,KAAK,mBAAmB;AAAA,MAAA;AAAA,MAEzC;AAAA,IAAA;AAAA,EAEL;AAEJ;AAEO,MAAM,qBAAqB,aAAa,MAAM,WAAW,2BAA2B,GAAG;AAAA,EAC5F,oBAAoB;AACtB,CAAC;"}

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 */.MultiSelectWrapper_select-label_EsL6T{left:calc(1.25rem + 2px)}.MultiSelectWrapper_select-helper-text_EsL6T{margin-top:.15rem}')),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={"select-label":"MultiSelectWrapper_select-label_EsL6T","select-helper-text":"MultiSelectWrapper_select-helper-text_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 */.MultiSelectWrapper_select-label_uJyTX{left:calc(1.25rem + 2px)}.MultiSelectWrapper_select-helper-text_uJyTX{margin-top:.15rem}')),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={"select-label":"MultiSelectWrapper_select-label_uJyTX","select-helper-text":"MultiSelectWrapper_select-helper-text_uJyTX"};
 //# sourceMappingURL=MultiSelectWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 */.MultiSelectWrapper_select-label_EsL6T{left:calc(1.25rem + 2px)}.MultiSelectWrapper_select-helper-text_EsL6T{margin-top:.15rem}')),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 */.MultiSelectWrapper_select-label_uJyTX{left:calc(1.25rem + 2px)}.MultiSelectWrapper_select-helper-text_uJyTX{margin-top:.15rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
 const classes = {
-  "select-label": "MultiSelectWrapper_select-label_EsL6T",
-  "select-helper-text": "MultiSelectWrapper_select-helper-text_EsL6T"
+  "select-label": "MultiSelectWrapper_select-label_uJyTX",
+  "select-helper-text": "MultiSelectWrapper_select-helper-text_uJyTX"
 };
 export {
   classes as default

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.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 */.RadioWrapper_radio-wrapper-helper_EsL6T{margin-top:1.25rem}.RadioWrapper_radio-wrapper-error_EsL6T{font-size:1rem;margin-left:0;line-height:unset}.RadioWrapper_radio-wrapper-error_EsL6T [data-icon]{font-size:var(--font-size-big);vertical-align:text-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={"radio-wrapper-helper":"RadioWrapper_radio-wrapper-helper_EsL6T","radio-wrapper-error":"RadioWrapper_radio-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 */.RadioWrapper_radio-wrapper-helper_uJyTX{margin-top:1.25rem}.RadioWrapper_radio-wrapper-error_uJyTX{font-size:1rem;margin-left:0;line-height:unset}.RadioWrapper_radio-wrapper-error_uJyTX [data-icon]{font-size:var(--font-size-big);vertical-align:text-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={"radio-wrapper-helper":"RadioWrapper_radio-wrapper-helper_uJyTX","radio-wrapper-error":"RadioWrapper_radio-wrapper-error_uJyTX"};
 //# sourceMappingURL=RadioWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.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 */.RadioWrapper_radio-wrapper-helper_EsL6T{margin-top:1.25rem}.RadioWrapper_radio-wrapper-error_EsL6T{font-size:1rem;margin-left:0;line-height:unset}.RadioWrapper_radio-wrapper-error_EsL6T [data-icon]{font-size:var(--font-size-big);vertical-align:text-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 */.RadioWrapper_radio-wrapper-helper_uJyTX{margin-top:1.25rem}.RadioWrapper_radio-wrapper-error_uJyTX{font-size:1rem;margin-left:0;line-height:unset}.RadioWrapper_radio-wrapper-error_uJyTX [data-icon]{font-size:var(--font-size-big);vertical-align:text-bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
 const classes = {
-  "radio-wrapper-helper": "RadioWrapper_radio-wrapper-helper_EsL6T",
-  "radio-wrapper-error": "RadioWrapper_radio-wrapper-error_EsL6T"
+  "radio-wrapper-helper": "RadioWrapper_radio-wrapper-helper_uJyTX",
+  "radio-wrapper-error": "RadioWrapper_radio-wrapper-error_uJyTX"
 };
 export {
   classes as default