@onewelcome/react-lib-components 10.1.0 → 11.0.0

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

@@ -1,4 +1,5 @@
 import React, { useState, useRef, useEffect } from "react";
+import { filterProps } from "../../../../util/helper.es.js";
 const useSearch = ({
   selectId,
   search,
@@ -28,10 +29,15 @@ const useSearch = ({
   };
   const renderSearch = () => {
     var _a2;
+    const filteredProps = filterProps(
+      (search == null ? void 0 : search.searchInputProps) ?? {},
+      /^(reset|prefix|suffix|wrapperProps|labeledBy|readOnlyView|error|success)$/,
+      false
+    );
     return /* @__PURE__ */ React.createElement(
       "input",
       {
-        ...(search == null ? void 0 : search.searchInputProps) ?? {},
+        ...filteredProps,
         ref: searchInputRef,
         value: filter,
         onChange: (event) => setFilter(event.currentTarget.value),

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

@@ -1 +1 @@
-{"version":3,"file":"useSearch.es.js","sources":["../../../../../src/components/Form/Select/MultiSelect/useSearch.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\n\ninterface Props {\n  selectId: string;\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n  focusedSelectItem: number;\n  describedBy?: string;\n  getOptionId: (multiSelectId: string, optionIndex: number) => string;\n  getListboxId: (multiSelectId: string) => string;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  selectId,\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem,\n  focusedSelectItem,\n  describedBy,\n  getOptionId,\n  getListboxId\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n\n  const DEFAULT_RENDER_THRESHOLD = 0;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => {\n    return (\n      <input\n        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n        {...((search?.searchInputProps as any) ?? {})}\n        ref={searchInputRef}\n        value={filter}\n        onChange={event => setFilter(event.currentTarget.value)}\n        className={[searchInputClassName, search?.searchInputProps?.className].join(\" \")}\n        style={{\n          display: expanded ? \"block\" : \"none\"\n        }}\n        type=\"text\"\n        name=\"search-option\"\n        placeholder={search?.searchPlaceholder}\n        role=\"combobox\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        spellCheck={false}\n        aria-controls={getListboxId(selectId)}\n        aria-describedby={describedBy}\n        aria-autocomplete=\"none\"\n        aria-expanded={expanded}\n        aria-activedescendant={getOptionId(selectId, focusedSelectItem)}\n        aria-haspopup={true}\n      />\n    );\n  };\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setFocusedSelectItem(0);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    if (search?.searchInputProps?.reset) {\n      resetSearchState();\n    }\n  }, [search?.searchInputProps?.reset]);\n\n  return {\n    renderSearch,\n    resetSearchState,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter\n  };\n};\n"],"names":["_a"],"mappings":";AAiCO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;;AACX,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,2BAA2B;AAE3B,QAAA,iBAAiB,OAAyB,IAAI;AAE9C,QAAA,aAAY,iCAAQ,oBAAmB;AAC7C,QAAM,oBAAoB,gBAAgB;AAE1C,QAAM,qBAAqB,MAAM;AAC/B,QAAI,iCAAQ,SAAS;AACZ,aAAA;AAAA,IAAA;AAGT,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,IAAA;AAGhB,WAAO,eAAe;AAAA,EACxB;AAEA,QAAM,eAAe,MAAM;;AAEvB,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEE,IAAK,iCAAQ,qBAA4B,CAAC;AAAA,QAC3C,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAA,UAAS,UAAU,MAAM,cAAc,KAAK;AAAA,QACtD,WAAW,CAAC,uBAAsBA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,SAAS,EAAE,KAAK,GAAG;AAAA,QAC/E,OAAO;AAAA,UACL,SAAS,WAAW,UAAU;AAAA,QAChC;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAa,iCAAQ;AAAA,QACrB,MAAK;AAAA,QACL,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY;AAAA,QACZ,iBAAe,aAAa,QAAQ;AAAA,QACpC,oBAAkB;AAAA,QAClB,qBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf,yBAAuB,YAAY,UAAU,iBAAiB;AAAA,QAC9D,iBAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EAEJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,cAAU,EAAE;AACZ,yBAAqB,CAAC;AAAA,EACxB;AAEA,QAAM,UAAU,mBAAmB;AAEnC,YAAU,MAAM;;AACV,SAAAA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,OAAO;AAClB,uBAAA;AAAA,IAAA;AAAA,EAElB,GAAA,EAAC,sCAAQ,qBAAR,mBAA0B,KAAK,CAAC;AAE7B,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useSearch.es.js","sources":["../../../../../src/components/Form/Select/MultiSelect/useSearch.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\nimport { filterProps } from \"../../../../util/helper\";\n\ninterface Props {\n  selectId: string;\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n  focusedSelectItem: number;\n  describedBy?: string;\n  getOptionId: (multiSelectId: string, optionIndex: number) => string;\n  getListboxId: (multiSelectId: string) => string;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  selectId,\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem,\n  focusedSelectItem,\n  describedBy,\n  getOptionId,\n  getListboxId\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n\n  const DEFAULT_RENDER_THRESHOLD = 0;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => {\n    // Filter out non-native HTML input attributes\n    const filteredProps = filterProps(\n      search?.searchInputProps ?? {},\n      /^(reset|prefix|suffix|wrapperProps|labeledBy|readOnlyView|error|success)$/,\n      false\n    );\n\n    return (\n      <input\n        {...filteredProps}\n        ref={searchInputRef}\n        value={filter}\n        onChange={event => setFilter(event.currentTarget.value)}\n        className={[searchInputClassName, search?.searchInputProps?.className].join(\" \")}\n        style={{\n          display: expanded ? \"block\" : \"none\"\n        }}\n        type=\"text\"\n        name=\"search-option\"\n        placeholder={search?.searchPlaceholder}\n        role=\"combobox\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        spellCheck={false}\n        aria-controls={getListboxId(selectId)}\n        aria-describedby={describedBy}\n        aria-autocomplete=\"none\"\n        aria-expanded={expanded}\n        aria-activedescendant={getOptionId(selectId, focusedSelectItem)}\n        aria-haspopup={true}\n      />\n    );\n  };\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setFocusedSelectItem(0);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    if (search?.searchInputProps?.reset) {\n      resetSearchState();\n    }\n  }, [search?.searchInputProps?.reset]);\n\n  return {\n    renderSearch,\n    resetSearchState,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter\n  };\n};\n"],"names":["_a"],"mappings":";;AAkCO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;;AACX,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,2BAA2B;AAE3B,QAAA,iBAAiB,OAAyB,IAAI;AAE9C,QAAA,aAAY,iCAAQ,oBAAmB;AAC7C,QAAM,oBAAoB,gBAAgB;AAE1C,QAAM,qBAAqB,MAAM;AAC/B,QAAI,iCAAQ,SAAS;AACZ,aAAA;AAAA,IAAA;AAGT,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,IAAA;AAGhB,WAAO,eAAe;AAAA,EACxB;AAEA,QAAM,eAAe,MAAM;;AAEzB,UAAM,gBAAgB;AAAA,OACpB,iCAAQ,qBAAoB,CAAC;AAAA,MAC7B;AAAA,MACA;AAAA,IACF;AAGE,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAA,UAAS,UAAU,MAAM,cAAc,KAAK;AAAA,QACtD,WAAW,CAAC,uBAAsBA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,SAAS,EAAE,KAAK,GAAG;AAAA,QAC/E,OAAO;AAAA,UACL,SAAS,WAAW,UAAU;AAAA,QAChC;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAa,iCAAQ;AAAA,QACrB,MAAK;AAAA,QACL,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY;AAAA,QACZ,iBAAe,aAAa,QAAQ;AAAA,QACpC,oBAAkB;AAAA,QAClB,qBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf,yBAAuB,YAAY,UAAU,iBAAiB;AAAA,QAC9D,iBAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EAEJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,cAAU,EAAE;AACZ,yBAAqB,CAAC;AAAA,EACxB;AAEA,QAAM,UAAU,mBAAmB;AAEnC,YAAU,MAAM;;AACV,SAAAA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,OAAO;AAClB,uBAAA;AAAA,IAAA;AAAA,EAElB,GAAA,EAAC,sCAAQ,qBAAR,mBAA0B,KAAK,CAAC;AAE7B,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACF;"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useSearch.es.js","sources":["../../../../../src/components/Form/Select/SingleSelect/useSearch.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\nimport { Input } from \"../../Input/Input\";\n\ninterface Props {\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n  const [isSearching, setIsSearching] = useState(false);\n\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\n  };\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => (\n    <Input\n      {...(search?.searchInputProps ?? {})}\n      ref={searchInputRef}\n      onFocus={() => setIsSearching(true)}\n      onBlur={() => setIsSearching(false)}\n      onChange={filterResults}\n      className={searchInputClassName}\n      wrapperProps={{\n        className: search?.searchInputProps?.wrapperProps?.className\n      }}\n      style={{\n        display: expanded ? \"block\" : \"none\"\n      }}\n      type=\"text\"\n      name=\"search-option\"\n      placeholder={search?.searchPlaceholder ? search?.searchPlaceholder : \"Search item\"}\n    />\n  );\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    search?.searchInputProps?.reset && resetSearchState();\n  }, [search?.searchInputProps?.reset]);\n\n  useEffect(() => {\n    const searchDeactivated =\n      !visible &&\n      !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false  */\n    if (searchDeactivated) {\n      resetSearchState();\n    }\n  }, [isSearching, visible]);\n\n  return {\n    renderSearch,\n    setIsSearching,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter,\n    isSearching\n  };\n};\n"],"names":["_a"],"mappings":";;AA6BO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;;AACX,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,2BAA2B;AAE3B,QAAA,iBAAiB,OAAyB,IAAI;AAE9C,QAAA,aAAY,iCAAQ,oBAAmB;AAC7C,QAAM,oBAAoB,gBAAgB;AAEpC,QAAA,gBAAgB,CAAC,UAA+C;AAC1D,cAAA,MAAM,cAAc,KAAK;AAAA,EACrC;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,iCAAQ,SAAS;AACZ,aAAA;AAAA,IAAA;AAGT,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,IAAA;AAGhB,WAAO,eAAe;AAAA,EACxB;AAEA,QAAM,eAAe,MACnB;;AAAA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,IAAI,iCAAQ,qBAAoB,CAAC;AAAA,QAClC,KAAK;AAAA,QACL,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC,QAAQ,MAAM,eAAe,KAAK;AAAA,QAClC,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA,UACZ,YAAW,MAAAA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,iBAA1B,mBAAwC;AAAA,QACrD;AAAA,QACA,OAAO;AAAA,UACL,SAAS,WAAW,UAAU;AAAA,QAChC;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAa,iCAAQ,qBAAoB,iCAAQ,oBAAoB;AAAA,MAAA;AAAA,IACvE;AAAA;AAGF,QAAM,mBAAmB,MAAM;AAC7B,cAAU,EAAE;AACZ,mBAAe,KAAK;AACpB,yBAAqB,EAAE;AAAA,EACzB;AAEA,QAAM,UAAU,mBAAmB;AAEnC,YAAU,MAAM;;AACN,MAAAA,MAAA,iCAAA,qBAAA,gBAAAA,IAAkB,UAAS,iBAAiB;AAAA,EACnD,GAAA,EAAC,sCAAQ,qBAAR,mBAA0B,KAAK,CAAC;AAEpC,YAAU,MAAM;AACR,UAAA,oBACJ,CAAC,WACD,CAAC;AACH,QAAI,mBAAmB;AACJ,uBAAA;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,aAAa,OAAO,CAAC;AAElB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useSearch.es.js","sources":["../../../../../src/components/Form/Select/SingleSelect/useSearch.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { SearchProps } from \"../Select.interfaces\";\nimport { Input } from \"../../Input/Input\";\nimport { filterProps } from \"../../../../util/helper\";\n\ninterface Props {\n  search?: SearchProps;\n  optionsCount: number;\n  searchInputClassName: string;\n  expanded: boolean;\n  setFocusedSelectItem: (idx: number) => void;\n}\n\n/** @scope .*/\nexport const useSearch = ({\n  search,\n  optionsCount,\n  searchInputClassName,\n  expanded,\n  setFocusedSelectItem\n}: Props) => {\n  const [filter, setFilter] = useState(\"\");\n  const [isSearching, setIsSearching] = useState(false);\n\n  const DEFAULT_RENDER_THRESHOLD = 10;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n  const hasEnoughChildren = optionsCount >= threshold;\n\n  const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFilter(event.currentTarget.value);\n  };\n\n  const shouldRenderSearch = () => {\n    if (search?.enabled) {\n      return hasEnoughChildren;\n    }\n\n    if (search) {\n      return search.enabled as boolean;\n    }\n\n    return optionsCount > DEFAULT_RENDER_THRESHOLD;\n  };\n\n  const renderSearch = () => {\n    const filteredProps = filterProps(search?.searchInputProps ?? {}, /^reset$/, false);\n\n    return (\n      <Input\n        {...filteredProps}\n        ref={searchInputRef}\n        onFocus={() => setIsSearching(true)}\n        onBlur={() => setIsSearching(false)}\n        onChange={filterResults}\n        className={searchInputClassName}\n        wrapperProps={{\n          className: search?.searchInputProps?.wrapperProps?.className\n        }}\n        style={{\n          display: expanded ? \"block\" : \"none\"\n        }}\n        type=\"text\"\n        name=\"search-option\"\n        placeholder={search?.searchPlaceholder ? search?.searchPlaceholder : \"Search item\"}\n      />\n    );\n  };\n\n  const resetSearchState = () => {\n    setFilter(\"\");\n    setIsSearching(false);\n    setFocusedSelectItem(-1);\n  };\n\n  const visible = shouldRenderSearch();\n\n  useEffect(() => {\n    search?.searchInputProps?.reset && resetSearchState();\n  }, [search?.searchInputProps?.reset]);\n\n  useEffect(() => {\n    const searchDeactivated =\n      !visible &&\n      !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false  */\n    if (searchDeactivated) {\n      resetSearchState();\n    }\n  }, [isSearching, visible]);\n\n  return {\n    renderSearch,\n    setIsSearching,\n    searchVisible: visible,\n    searchThreshold: threshold,\n    searchInputRef,\n    filter,\n    isSearching\n  };\n};\n"],"names":["_a"],"mappings":";;;AA8BO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;;AACX,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,2BAA2B;AAE3B,QAAA,iBAAiB,OAAyB,IAAI;AAE9C,QAAA,aAAY,iCAAQ,oBAAmB;AAC7C,QAAM,oBAAoB,gBAAgB;AAEpC,QAAA,gBAAgB,CAAC,UAA+C;AAC1D,cAAA,MAAM,cAAc,KAAK;AAAA,EACrC;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,iCAAQ,SAAS;AACZ,aAAA;AAAA,IAAA;AAGT,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,IAAA;AAGhB,WAAO,eAAe;AAAA,EACxB;AAEA,QAAM,eAAe,MAAM;;AACzB,UAAM,gBAAgB,aAAY,iCAAQ,qBAAoB,CAAC,GAAG,WAAW,KAAK;AAGhF,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC,QAAQ,MAAM,eAAe,KAAK;AAAA,QAClC,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA,UACZ,YAAW,MAAAA,MAAA,iCAAQ,qBAAR,gBAAAA,IAA0B,iBAA1B,mBAAwC;AAAA,QACrD;AAAA,QACA,OAAO;AAAA,UACL,SAAS,WAAW,UAAU;AAAA,QAChC;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAa,iCAAQ,qBAAoB,iCAAQ,oBAAoB;AAAA,MAAA;AAAA,IACvE;AAAA,EAEJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,cAAU,EAAE;AACZ,mBAAe,KAAK;AACpB,yBAAqB,EAAE;AAAA,EACzB;AAEA,QAAM,UAAU,mBAAmB;AAEnC,YAAU,MAAM;;AACN,MAAAA,MAAA,iCAAA,qBAAA,gBAAAA,IAAkB,UAAS,iBAAiB;AAAA,EACnD,GAAA,EAAC,sCAAQ,qBAAR,mBAA0B,KAAK,CAAC;AAEpC,YAAU,MAAM;AACR,UAAA,oBACJ,CAAC,WACD,CAAC;AACH,QAAI,mBAAmB;AACJ,uBAAA;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,aAAa,OAAO,CAAC;AAElB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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