@onewelcome/react-lib-components 10.0.1 → 10.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"Select.es.js","sources":["../../../../../src/components/Form/Select/SingleSelect/Select.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 classes from \"./Select.module.scss\";\n\nimport React, {\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { useClickOutside } from \"../../../../hooks/useClickOutside\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Position, SingleSelectProps } from \"../Select.interfaces\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSearch } from \"./useSearch\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { RequiredSign } from \"../../../RequiredSign/RequiredSign\";\nimport { FormStatusIndicator } from \"../../FormStatusIndicator/FormStatusIndicator\";\nimport { useInlineEditing } from \"../../../InlineEditing/InlineEditingContext\";\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, SingleSelectProps> = (\n  {\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    selectButtonProps,\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search,\n    isReadOnlyView,\n    ...rest\n  }: SingleSelectProps,\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState(\"\");\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(-1);\n  const [shouldClick, setShouldClick] = useState(false);\n  /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const optionsCount = React.Children.count(children);\n  const {\n    filter,\n    isSearching,\n    renderSearch,\n    searchInputRef,\n    setIsSearching,\n    searchThreshold,\n    searchVisible\n  } = useSearch({\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount,\n    setFocusedSelectItem\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    addNew,\n    filter,\n    focusedSelectItem,\n    optionsCount,\n    searchInputRef\n  });\n\n  const { inlineClassNames } = useInlineEditing();\n  const rootClassNames = inlineClassNames ? ` ${inlineClassNames}` : \"\";\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      nativeSelect.current.value = optionElement.getAttribute(\"data-value\")!;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n\n    setExpanded(false);\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    isSearching,\n    setIsSearching,\n    setFocusedSelectItem,\n    onOptionChangeHandler,\n    childrenCount: optionsCount,\n    setShouldClick,\n    searchInputRef,\n    addBtnRef,\n    renderThreshold: searchThreshold,\n    isReadOnlyView: isReadOnlyView || !!rest[\"data-readonlyview\"]\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (val: string) => {\n    React.Children.forEach(children, child => {\n      if (child.props.value === val) {\n        setDisplay(child.props.children);\n      }\n    });\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have an additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    if (isSearching || filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(child => {\n        const childElement = child as React.ReactElement;\n        const innerChildren = childElement.props.children;\n\n        const childText = Array.isArray(innerChildren)\n          ? innerChildren.map(String).join(\"\")\n          : String(innerChildren);\n        return childText.toLowerCase().includes(filter.toLowerCase());\n      });\n\n      const internalChildren = _internalRenderChildren(filteredChildren as ReactElement[]);\n\n      if (internalChildren.length === 0) {\n        return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n      }\n\n      return _internalRenderChildren(filteredChildren as ReactElement[]);\n    }\n\n    return _internalRenderChildren(children);\n\n    function _internalRenderChildren(internalChildren: ReactElement[]) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setShouldClick(false);\n          },\n          isSelected: child.props.value === value,\n          isSearching: isSearching,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          isAddBtnFocused: addBtnRef.current === document.activeElement\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded) {\n      setFocusedSelectItem(0);\n      setShouldFocusButtonAfterClose(true);\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      customSelectButtonRef.current.focus();\n      setShouldFocusButtonAfterClose(false);\n    }\n  }, [expanded, customSelectButtonRef.current, shouldFocusButtonAfterClose]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n  }, [value]);\n\n  const myElementRef = useRef<HTMLDivElement>(null);\n\n  useClickOutside(myElementRef, () => {\n    if (!expanded) {\n      return;\n    }\n    setExpanded(false);\n    setListPosition(Position.Below);\n    setOpacity(0);\n  }, [expanded]);\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <div ref={myElementRef} className={`${classes[\"root\"]}${rootClassNames}`}>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n      >\n        {searchVisible && renderSearch()}\n        <button\n          {...selectButtonProps}\n          onClick={() => {\n            setExpanded(isReadOnlyView || rest[\"data-readonlyview\"] ? false : !expanded);\n          }}\n          ref={customSelectButtonRef}\n          type=\"button\"\n          name={name}\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: expanded && searchVisible ? \"none\" : \"block\" }}\n          disabled={disabled}\n          aria-disabled={disabled}\n          aria-invalid={error}\n          aria-expanded={expanded}\n          aria-haspopup=\"listbox\"\n          aria-labelledby={labeledBy}\n          aria-describedby={describedBy}\n        >\n          <div data-display className={classes[\"selected\"]}>\n            {!value && placeholder && <span className={classes[\"placeholder\"]}>{placeholder}</span>}\n            {value?.length > 0 && <span data-display-inner>{display}</span>}\n            <RequiredSign className={classes[\"required\"]} />\n          </div>\n          <div className={classes[\"status\"]}>\n            <FormStatusIndicator isReadOnlyView={isReadOnlyView} success={success} error={error}>\n              {renderChevronIcon()}\n            </FormStatusIndicator>\n          </div>\n        </button>\n        <div className=\"list-wrapper-container\">\n          <div\n            ref={optionListReference}\n            className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n            style={{\n              display: expanded ? \"block\" : \"none\",\n              opacity: opacity,\n              maxHeight: optionsListMaxHeight.wrapper,\n              pointerEvents: expanded ? \"auto\" : \"none\",\n              bottom: listPosition === Position.Above ? \"2.85rem\" : \"initial\",\n              marginTop: \"4px\"\n            }}\n          >\n            <ul\n              className={addNewBtnOptionsContainerClassName}\n              role=\"listbox\"\n              style={{ maxHeight: optionsListMaxHeight.list }}\n            >\n              {renderOptions()}\n            </ul>\n            {renderAddNew()}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport const Select = withReadOnly(React.forwardRef(SelectComponent));\n"],"names":["classes"],"mappings":"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"}
+{"version":3,"file":"Select.es.js","sources":["../../../../../src/components/Form/Select/SingleSelect/Select.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 classes from \"./Select.module.scss\";\n\nimport React, {\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { useClickOutside } from \"../../../../hooks/useClickOutside\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Position, SingleSelectProps } from \"../Select.interfaces\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSearch } from \"./useSearch\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { RequiredSign } from \"../../../RequiredSign/RequiredSign\";\nimport { FormStatusIndicator } from \"../../FormStatusIndicator/FormStatusIndicator\";\nimport { useInlineEditing } from \"../../../InlineEditing/InlineEditingContext\";\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, SingleSelectProps> = (\n  {\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    selectButtonProps,\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search,\n    isReadOnlyView,\n    ...rest\n  }: SingleSelectProps,\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState(\"\");\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(-1);\n  const [shouldClick, setShouldClick] = useState(false);\n  /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const optionsCount = React.Children.count(children);\n  const {\n    filter,\n    isSearching,\n    renderSearch,\n    searchInputRef,\n    setIsSearching,\n    searchThreshold,\n    searchVisible\n  } = useSearch({\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount,\n    setFocusedSelectItem\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    addNew,\n    filter,\n    focusedSelectItem,\n    optionsCount,\n    searchInputRef\n  });\n\n  const { inlineClassNames } = useInlineEditing();\n  const rootClassNames = inlineClassNames ? ` ${inlineClassNames}` : \"\";\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      nativeSelect.current.value = optionElement.getAttribute(\"data-value\")!;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n\n    setExpanded(false);\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    isSearching,\n    setIsSearching,\n    setFocusedSelectItem,\n    onOptionChangeHandler,\n    childrenCount: optionsCount,\n    setShouldClick,\n    searchInputRef,\n    addBtnRef,\n    renderThreshold: searchThreshold,\n    isReadOnlyView: isReadOnlyView || !!rest[\"data-readonlyview\"]\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (val: string) => {\n    React.Children.forEach(children, child => {\n      if (child.props.value === val) {\n        setDisplay(child.props.children);\n      }\n    });\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have an additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    if (isSearching || filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(child => {\n        const childElement = child as React.ReactElement;\n        const innerChildren = childElement.props.children;\n\n        const childText = Array.isArray(innerChildren)\n          ? innerChildren.map(String).join(\"\")\n          : String(innerChildren);\n        return childText.toLowerCase().includes(filter.toLowerCase());\n      });\n\n      const internalChildren = _internalRenderChildren(filteredChildren as ReactElement[]);\n\n      if (internalChildren.length === 0) {\n        return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n      }\n\n      return _internalRenderChildren(filteredChildren as ReactElement[]);\n    }\n\n    return _internalRenderChildren(children);\n\n    function _internalRenderChildren(internalChildren: ReactElement[]) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setShouldClick(false);\n          },\n          isSelected: child.props.value === value,\n          isSearching: isSearching,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          isAddBtnFocused: addBtnRef.current === document.activeElement\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded) {\n      setFocusedSelectItem(0);\n      setShouldFocusButtonAfterClose(true);\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      customSelectButtonRef.current.focus();\n      setShouldFocusButtonAfterClose(false);\n    }\n  }, [expanded, customSelectButtonRef.current, shouldFocusButtonAfterClose]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n  }, [value, children]);\n\n  const myElementRef = useRef<HTMLDivElement>(null);\n\n  useClickOutside(myElementRef, () => {\n    if (!expanded) {\n      return;\n    }\n    setExpanded(false);\n    setListPosition(Position.Below);\n    setOpacity(0);\n  }, [expanded]);\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <div ref={myElementRef} className={`${classes[\"root\"]}${rootClassNames}`}>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n      >\n        {searchVisible && renderSearch()}\n        <button\n          {...selectButtonProps}\n          onClick={() => {\n            setExpanded(isReadOnlyView || rest[\"data-readonlyview\"] ? false : !expanded);\n          }}\n          ref={customSelectButtonRef}\n          type=\"button\"\n          name={name}\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: expanded && searchVisible ? \"none\" : \"block\" }}\n          disabled={disabled}\n          aria-disabled={disabled}\n          aria-invalid={error}\n          aria-expanded={expanded}\n          aria-haspopup=\"listbox\"\n          aria-labelledby={labeledBy}\n          aria-describedby={describedBy}\n        >\n          <div data-display className={classes[\"selected\"]}>\n            {!value && placeholder && <span className={classes[\"placeholder\"]}>{placeholder}</span>}\n            {value?.length > 0 && <span data-display-inner>{display}</span>}\n            <RequiredSign className={classes[\"required\"]} />\n          </div>\n          <div className={classes[\"status\"]}>\n            <FormStatusIndicator isReadOnlyView={isReadOnlyView} success={success} error={error}>\n              {renderChevronIcon()}\n            </FormStatusIndicator>\n          </div>\n        </button>\n        <div className=\"list-wrapper-container\">\n          <div\n            ref={optionListReference}\n            className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n            style={{\n              display: expanded ? \"block\" : \"none\",\n              opacity: opacity,\n              maxHeight: optionsListMaxHeight.wrapper,\n              pointerEvents: expanded ? \"auto\" : \"none\",\n              bottom: listPosition === Position.Above ? \"2.85rem\" : \"initial\",\n              marginTop: \"4px\"\n            }}\n          >\n            <ul\n              className={addNewBtnOptionsContainerClassName}\n              role=\"listbox\"\n              style={{ maxHeight: optionsListMaxHeight.list }}\n            >\n              {renderOptions()}\n            </ul>\n            {renderAddNew()}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport const Select = withReadOnly(React.forwardRef(SelectComponent));\n"],"names":["classes"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.cjs.js","sources":["../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Checkbox, Props as CheckboxProps } from \"../Checkbox/Checkbox\";\nimport classes from \"./Toggle.module.scss\";\n\nexport interface Props\n  extends ComponentPropsWithRef<\"input\">,\n    Omit<CheckboxProps, \"indeterminate\" | \"errorMessage\" | \"error\" | \"label\"> {\n  label?: string | React.ReactElement;\n  labelPosition?: \"left\" | \"right\";\n  hideLabel?: boolean;\n  labelOverflow?: \"wrap\" | \"nowrap\";\n  version?: \"emphasis\" | \"neutral\";\n  spacing?: \"packed\" | \"between\";\n}\n\nconst ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    checked,\n    disabled,\n    helperProps,\n    className,\n    label,\n    labelPosition = \"right\",\n    hideLabel = false,\n    labelOverflow = \"nowrap\",\n    version = \"emphasis\",\n    spacing = \"packed\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const classNames = [classes[\"toggle-wrapper\"]];\n  className && classNames.push(className);\n  classNames.push(classes[`toggle-wrapper--${labelPosition}`]);\n  hideLabel && classNames.push(classes[\"toggle-wrapper--hide-label\"]);\n  classNames.push(classes[`toggle-wrapper--${labelOverflow}`]);\n  classNames.push(classes[`toggle-wrapper--${version}`]);\n  classNames.push(classes[`toggle-wrapper--${spacing}`]);\n  disabled && classNames.push(classes[\"toggle-wrapper--disabled\"]);\n\n  return (\n    <div className={classNames.join(\" \")}>\n      <Checkbox\n        {...rest}\n        ref={ref}\n        checked={checked}\n        className={classes[\"checkbox\"]}\n        helperProps={{ className: classes[\"toggle-helper\"], ...helperProps }}\n        disabled={disabled}\n        label={label}\n      >\n        <span\n          data-toggle=\"true\"\n          aria-hidden=\"true\"\n          className={`${classes[\"toggle\"]} ${checked ? classes[\"checked\"] : \"\"} ${\n            disabled ? classes[\"disabled\"] : \"\"\n          } `}\n        ></span>\n      </Checkbox>\n    </div>\n  );\n};\n\nexport const Toggle = React.forwardRef(ToggleComponent);\n"],"names":["Toggle","React","forwardRef","checked","disabled","helperProps","className","label","labelPosition","hideLabel","labelOverflow","version","spacing","rest","ref","classNames","classes","push","default","join","createElement","Checkbox"],"mappings":"2LA+EaA,EAASC,EAAMC,YAhD+C,EAEvEC,UACAC,WACAC,cACAC,YACAC,QACAC,gBAAgB,QAChBC,aAAY,EACZC,gBAAgB,SAChBC,UAAU,WACVC,UAAU,YACPC,GAELC,KAEA,MAAMC,EAAa,CAACC,UAAQ,0BACfV,GAAAS,EAAWE,KAAKX,GAC7BS,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBV,MAC3CC,GAAaM,EAAWE,KAAKD,EAAQE,QAAA,+BACrCH,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBR,MAC3CK,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBP,MAC3CI,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBN,MAC3CR,GAAYW,EAAWE,KAAKD,EAAQE,QAAA,6CAGjC,MAAI,CAAAZ,UAAWS,EAAWI,KAAK,MAC9BlB,EAAAmB,cAACC,EAAAA,SAAA,IACKR,EACJC,MACAX,UACAG,UAAWU,UAAkB,SAC7BX,YAAa,CAAEC,UAAWU,EAAAA,QAAQ,oBAAqBX,GACvDD,WACAG,SAEAN,EAAAmB,cAAC,OAAA,CACC,cAAY,OACZ,cAAY,OACZd,UAAW,GAAGU,EAAAE,QAAgB,UAAKf,EAAUa,EAAAE,QAAiB,QAAI,MAChEd,EAAWY,EAAQE,QAAU,SAAI,SAIzC"}
+{"version":3,"file":"Toggle.cjs.js","sources":["../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Checkbox, Props as CheckboxProps } from \"../Checkbox/Checkbox\";\nimport classes from \"./Toggle.module.scss\";\n\nexport interface Props\n  extends\n    ComponentPropsWithRef<\"input\">,\n    Omit<CheckboxProps, \"indeterminate\" | \"errorMessage\" | \"error\" | \"label\"> {\n  label?: string | React.ReactElement;\n  labelPosition?: \"left\" | \"right\";\n  hideLabel?: boolean;\n  labelOverflow?: \"wrap\" | \"nowrap\";\n  version?: \"emphasis\" | \"neutral\";\n  spacing?: \"packed\" | \"between\";\n}\n\nconst ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    checked,\n    disabled,\n    helperProps,\n    className,\n    label,\n    labelPosition = \"right\",\n    hideLabel = false,\n    labelOverflow = \"nowrap\",\n    version = \"emphasis\",\n    spacing = \"packed\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const classNames = [classes[\"toggle-wrapper\"]];\n  className && classNames.push(className);\n  classNames.push(classes[`toggle-wrapper--${labelPosition}`]);\n  hideLabel && classNames.push(classes[\"toggle-wrapper--hide-label\"]);\n  classNames.push(classes[`toggle-wrapper--${labelOverflow}`]);\n  classNames.push(classes[`toggle-wrapper--${version}`]);\n  classNames.push(classes[`toggle-wrapper--${spacing}`]);\n  disabled && classNames.push(classes[\"toggle-wrapper--disabled\"]);\n\n  return (\n    <div className={classNames.join(\" \")}>\n      <Checkbox\n        {...rest}\n        ref={ref}\n        checked={checked}\n        className={classes[\"checkbox\"]}\n        helperProps={{ className: classes[\"toggle-helper\"], ...helperProps }}\n        disabled={disabled}\n        label={label}\n      >\n        <span\n          data-toggle=\"true\"\n          aria-hidden=\"true\"\n          className={`${classes[\"toggle\"]} ${checked ? classes[\"checked\"] : \"\"} ${\n            disabled ? classes[\"disabled\"] : \"\"\n          } `}\n        ></span>\n      </Checkbox>\n    </div>\n  );\n};\n\nexport const Toggle = React.forwardRef(ToggleComponent);\n"],"names":["Toggle","React","forwardRef","checked","disabled","helperProps","className","label","labelPosition","hideLabel","labelOverflow","version","spacing","rest","ref","classNames","classes","push","default","join","createElement","Checkbox"],"mappings":"2LAgFaA,EAASC,EAAMC,YAhD+C,EAEvEC,UACAC,WACAC,cACAC,YACAC,QACAC,gBAAgB,QAChBC,aAAY,EACZC,gBAAgB,SAChBC,UAAU,WACVC,UAAU,YACPC,GAELC,KAEA,MAAMC,EAAa,CAACC,UAAQ,0BACfV,GAAAS,EAAWE,KAAKX,GAC7BS,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBV,MAC3CC,GAAaM,EAAWE,KAAKD,EAAQE,QAAA,+BACrCH,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBR,MAC3CK,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBP,MAC3CI,EAAWE,KAAKD,EAAAE,QAAQ,mBAAmBN,MAC3CR,GAAYW,EAAWE,KAAKD,EAAQE,QAAA,6CAGjC,MAAI,CAAAZ,UAAWS,EAAWI,KAAK,MAC9BlB,EAAAmB,cAACC,EAAAA,SAAA,IACKR,EACJC,MACAX,UACAG,UAAWU,UAAkB,SAC7BX,YAAa,CAAEC,UAAWU,EAAAA,QAAQ,oBAAqBX,GACvDD,WACAG,SAEAN,EAAAmB,cAAC,OAAA,CACC,cAAY,OACZ,cAAY,OACZd,UAAW,GAAGU,EAAAE,QAAgB,UAAKf,EAAUa,EAAAE,QAAiB,QAAI,MAChEd,EAAWY,EAAQE,QAAU,SAAI,SAIzC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.es.js","sources":["../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Checkbox, Props as CheckboxProps } from \"../Checkbox/Checkbox\";\nimport classes from \"./Toggle.module.scss\";\n\nexport interface Props\n  extends ComponentPropsWithRef<\"input\">,\n    Omit<CheckboxProps, \"indeterminate\" | \"errorMessage\" | \"error\" | \"label\"> {\n  label?: string | React.ReactElement;\n  labelPosition?: \"left\" | \"right\";\n  hideLabel?: boolean;\n  labelOverflow?: \"wrap\" | \"nowrap\";\n  version?: \"emphasis\" | \"neutral\";\n  spacing?: \"packed\" | \"between\";\n}\n\nconst ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    checked,\n    disabled,\n    helperProps,\n    className,\n    label,\n    labelPosition = \"right\",\n    hideLabel = false,\n    labelOverflow = \"nowrap\",\n    version = \"emphasis\",\n    spacing = \"packed\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const classNames = [classes[\"toggle-wrapper\"]];\n  className && classNames.push(className);\n  classNames.push(classes[`toggle-wrapper--${labelPosition}`]);\n  hideLabel && classNames.push(classes[\"toggle-wrapper--hide-label\"]);\n  classNames.push(classes[`toggle-wrapper--${labelOverflow}`]);\n  classNames.push(classes[`toggle-wrapper--${version}`]);\n  classNames.push(classes[`toggle-wrapper--${spacing}`]);\n  disabled && classNames.push(classes[\"toggle-wrapper--disabled\"]);\n\n  return (\n    <div className={classNames.join(\" \")}>\n      <Checkbox\n        {...rest}\n        ref={ref}\n        checked={checked}\n        className={classes[\"checkbox\"]}\n        helperProps={{ className: classes[\"toggle-helper\"], ...helperProps }}\n        disabled={disabled}\n        label={label}\n      >\n        <span\n          data-toggle=\"true\"\n          aria-hidden=\"true\"\n          className={`${classes[\"toggle\"]} ${checked ? classes[\"checked\"] : \"\"} ${\n            disabled ? classes[\"disabled\"] : \"\"\n          } `}\n        ></span>\n      </Checkbox>\n    </div>\n  );\n};\n\nexport const Toggle = React.forwardRef(ToggleComponent);\n"],"names":[],"mappings":";;;AA+BA,MAAM,kBAAqE,CACzE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,GAAG;AACL,GACA,QACG;AACH,QAAM,aAAa,CAAC,QAAQ,gBAAgB,CAAC;AAChC,eAAA,WAAW,KAAK,SAAS;AACtC,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,eAAa,WAAW,KAAK,QAAQ,4BAA4B,CAAC;AAClE,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,cAAY,WAAW,KAAK,QAAQ,0BAA0B,CAAC;AAE/D,6CACG,OAAI,EAAA,WAAW,WAAW,KAAK,GAAG,KACjC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,QAAQ,UAAU;AAAA,MAC7B,aAAa,EAAE,WAAW,QAAQ,eAAe,GAAG,GAAG,YAAY;AAAA,MACnE;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,eAAY;AAAA,QACZ,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,UAAU,QAAQ,SAAS,IAAI,EAAE,IAClE,WAAW,QAAQ,UAAU,IAAI,EACnC;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,CAEL;AAEJ;AAEa,MAAA,SAAS,MAAM,WAAW,eAAe;"}
+{"version":3,"file":"Toggle.es.js","sources":["../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Checkbox, Props as CheckboxProps } from \"../Checkbox/Checkbox\";\nimport classes from \"./Toggle.module.scss\";\n\nexport interface Props\n  extends\n    ComponentPropsWithRef<\"input\">,\n    Omit<CheckboxProps, \"indeterminate\" | \"errorMessage\" | \"error\" | \"label\"> {\n  label?: string | React.ReactElement;\n  labelPosition?: \"left\" | \"right\";\n  hideLabel?: boolean;\n  labelOverflow?: \"wrap\" | \"nowrap\";\n  version?: \"emphasis\" | \"neutral\";\n  spacing?: \"packed\" | \"between\";\n}\n\nconst ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    checked,\n    disabled,\n    helperProps,\n    className,\n    label,\n    labelPosition = \"right\",\n    hideLabel = false,\n    labelOverflow = \"nowrap\",\n    version = \"emphasis\",\n    spacing = \"packed\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const classNames = [classes[\"toggle-wrapper\"]];\n  className && classNames.push(className);\n  classNames.push(classes[`toggle-wrapper--${labelPosition}`]);\n  hideLabel && classNames.push(classes[\"toggle-wrapper--hide-label\"]);\n  classNames.push(classes[`toggle-wrapper--${labelOverflow}`]);\n  classNames.push(classes[`toggle-wrapper--${version}`]);\n  classNames.push(classes[`toggle-wrapper--${spacing}`]);\n  disabled && classNames.push(classes[\"toggle-wrapper--disabled\"]);\n\n  return (\n    <div className={classNames.join(\" \")}>\n      <Checkbox\n        {...rest}\n        ref={ref}\n        checked={checked}\n        className={classes[\"checkbox\"]}\n        helperProps={{ className: classes[\"toggle-helper\"], ...helperProps }}\n        disabled={disabled}\n        label={label}\n      >\n        <span\n          data-toggle=\"true\"\n          aria-hidden=\"true\"\n          className={`${classes[\"toggle\"]} ${checked ? classes[\"checked\"] : \"\"} ${\n            disabled ? classes[\"disabled\"] : \"\"\n          } `}\n        ></span>\n      </Checkbox>\n    </div>\n  );\n};\n\nexport const Toggle = React.forwardRef(ToggleComponent);\n"],"names":[],"mappings":";;;AAgCA,MAAM,kBAAqE,CACzE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,GAAG;AACL,GACA,QACG;AACH,QAAM,aAAa,CAAC,QAAQ,gBAAgB,CAAC;AAChC,eAAA,WAAW,KAAK,SAAS;AACtC,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,eAAa,WAAW,KAAK,QAAQ,4BAA4B,CAAC;AAClE,aAAW,KAAK,QAAQ,mBAAmB,aAAa,EAAE,CAAC;AAC3D,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,aAAW,KAAK,QAAQ,mBAAmB,OAAO,EAAE,CAAC;AACrD,cAAY,WAAW,KAAK,QAAQ,0BAA0B,CAAC;AAE/D,6CACG,OAAI,EAAA,WAAW,WAAW,KAAK,GAAG,KACjC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,QAAQ,UAAU;AAAA,MAC7B,aAAa,EAAE,WAAW,QAAQ,eAAe,GAAG,GAAG,YAAY;AAAA,MACnE;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,eAAY;AAAA,QACZ,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,UAAU,QAAQ,SAAS,IAAI,EAAE,IAClE,WAAW,QAAQ,UAAU,IAAI,EACnC;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,CAEL;AAEJ;AAEa,MAAA,SAAS,MAAM,WAAW,eAAe;"}

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.InputWrapper_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_k4xuc{display:none}.InputWrapper_slide-in_k4xuc{animation:InputWrapper_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_k4xuc{animation-duration:.1ms}}.InputWrapper_slide-out_k4xuc{animation:InputWrapper_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_k4xuc{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_slide-out_k4xuc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.InputWrapper_input-wrapper_k4xuc input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_k4xuc{padding-top:1rem}.InputWrapper_input-wrapper-helper_k4xuc{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_k4xuc [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_k4xuc [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_k4xuc [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_k4xuc [data-prefix],.InputWrapper_input-wrapper_k4xuc [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_k4xuc [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_k4xuc [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_k4xuc input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_k4xuc .InputWrapper_disabled_k4xuc{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_k4xuc[data-readonlyview=true] label,.InputWrapper_input-wrapper_k4xuc[data-readonlyview=true] input{color:var(--read-only-text-color)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="InputWrapper_disabled_k4xuc",p={"input-wrapper":"InputWrapper_input-wrapper_k4xuc","input-wrapper-helper":"InputWrapper_input-wrapper-helper_k4xuc",disabled:e};exports.default=p,exports.disabled=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.InputWrapper_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_uJyTX{display:none}.InputWrapper_slide-in_uJyTX{animation:InputWrapper_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_uJyTX{animation-duration:.1ms}}.InputWrapper_slide-out_uJyTX{animation:InputWrapper_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_uJyTX{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_slide-out_uJyTX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.InputWrapper_input-wrapper_uJyTX input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_uJyTX{padding-top:1rem}.InputWrapper_input-wrapper-helper_uJyTX{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_uJyTX [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_uJyTX [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_uJyTX [data-prefix],.InputWrapper_input-wrapper_uJyTX [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_uJyTX [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_uJyTX .InputWrapper_disabled_uJyTX{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_uJyTX[data-readonlyview=true] label,.InputWrapper_input-wrapper_uJyTX[data-readonlyview=true] input{color:var(--read-only-text-color)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="InputWrapper_disabled_uJyTX",p={"input-wrapper":"InputWrapper_input-wrapper_uJyTX","input-wrapper-helper":"InputWrapper_input-wrapper-helper_uJyTX",disabled:e};exports.default=p,exports.disabled=e;
 //# sourceMappingURL=InputWrapper.module.scss.cjs.js.map