npm - @onewelcome/react-lib-components - Versions diffs - 10.0.0 → 10.0.1 - Mend

@onewelcome/react-lib-components 10.0.0 → 10.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (188) hide show

package/dist/components/Form/Select/MultiSelect/MultiSelect.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelect.es.js","sources":["../../../../../src/components/Form/Select/MultiSelect/MultiSelect.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 \"./MultiSelect.module.scss\";\n\nimport React, {\n ForwardRefRenderFunction,\n ReactElement,\n createRef,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { useClickOutside } from \"../../../../hooks/useClickOutside\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps, generateID } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { MultiSelectProps, Position } from \"../Select.interfaces\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { SelectButton } from \"./SelectButton\";\nimport { Display, SelectedOptions } from \"./SelectedOptions\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { useSearch } from \"./useSearch\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nconst getOptionId = (multiSelectId: string, optionIndex: number) =>\n `${multiSelectId}_option${optionIndex}`;\n\nconst getListboxId = (multiSelectId: string) => `${multiSelectId}_listbox`;\n\nconst extractTextFromChildren = (children: React.ReactNode): string => {\n return React.Children.toArray(children).reduce((text: string, child) => {\n if (typeof child === \"string\" \|\| typeof child === \"number\") {\n return text + child;\n }\n if (React.isValidElement(child) && child.props.children) {\n return text + extractTextFromChildren(child.props.children);\n }\n return text;\n }, \"\");\n};\n\nconst MultiSelectComponent: ForwardRefRenderFunction<HTMLSelectElement, MultiSelectProps> = (\n {\n id,\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 = { enabled: true, renderThreshold: 0, searchPlaceholder: \"Search item\" },\n isReadOnlyView,\n ...rest\n }: MultiSelectProps,\n ref\n) => {\n const multiSelectId = useRef(id ?? generateID(20));\n const [expanded, setExpanded] = useState(false);\n const [display, setDisplay] = useState<Display[]>([]);\n const containerReference = useRef<HTMLDivElement>(null);\n const optionListReference = useRef<HTMLDivElement>(null);\n const [focusedSelectItem, setFocusedSelectItem] = useState(0);\n const [shouldClick, setShouldClick] =\n useState(\n 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 [optionsVisibleCount, setOptionsVisibleCount] = useState(\n React.Children.count(children) - display.length\n );\n const { filter, renderSearch, searchInputRef, resetSearchState, searchVisible } = useSearch({\n selectId: multiSelectId.current,\n expanded,\n search,\n searchInputClassName: classes[\"select-search\"],\n optionsCount: optionsVisibleCount,\n focusedSelectItem,\n setFocusedSelectItem,\n describedBy,\n getOptionId,\n getListboxId\n });\n const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n id: getOptionId(multiSelectId.current, optionsVisibleCount),\n addNew,\n filter,\n focusedSelectItem,\n optionsCount: optionsVisibleCount,\n searchInputRef,\n shouldClick,\n onClickCallback: () => {\n setShouldClick(false);\n resetSearchState();\n }\n });\n\n const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) \|\| createRef();\n\n const onOptionChangeHandler = (optionElement: HTMLElement \| null) => {\n if (nativeSelect.current && optionElement) {\n const value = optionElement.getAttribute(\"data-value\")!;\n const options = [...nativeSelect.current.options];\n const lastSelectedOptionValues = options\n .filter(option => option.selected)\n .map(option => option.value);\n options.forEach(option => {\n if (option.value === value \|\| lastSelectedOptionValues.includes(option.value)) {\n option.selected = true;\n }\n });\n nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n setExpanded(false);\n resetSearchState();\n };\n\n const onSelectedOptionRemoveHandler = (value: string) => {\n if (nativeSelect.current) {\n const options = [...nativeSelect.current.options];\n options.find(option => option.value === value)!.selected = false;\n nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n };\n\n const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n const readOnlyView = !!rest[\"data-readonlyview\"] \|\| isReadOnlyView;\n const { onArrowNavigation } = useArrowNavigation({\n expanded,\n setExpanded,\n setFocusedSelectItem,\n childrenCount: optionsVisibleCount,\n setShouldClick,\n addBtnRef,\n searchInputRef,\n customSelectButtonRef,\n onClose: resetSearchState,\n isReadOnlyView: readOnlyView\n });\n\n const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n const syncDisplayValue = (values: string[]) => {\n const options = React.Children.map(children, child => child);\n const displayArray: Display[] = values.map(value => {\n const option = options.find(option => option.props.value === value);\n return { value, label: option?.props.children, fixed: option?.props.fixed };\n });\n setDisplay(displayArray);\n };\n\n const syncSelectedOption = (vals: string[]) => {\n if (nativeSelect.current) {\n const options = [...nativeSelect.current.options];\n options.forEach(option => {\n if (vals.includes(option.value)) {\n option.selected = true;\n } else {\n option.selected = false;\n }\n });\n }\n };\n\n /\n @description We have to modify the children (Option component) to have a 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 type ReactChildrenType = ReturnType<typeof React.Children.toArray>;\n\n const filterOutSelectedChildren = (internalChildren: ReactChildrenType) => {\n return internalChildren.filter(\n child =>\n typeof child === \"object\" &&\n \"props\" in child &&\n !display.find(option => option.value === child.props.value)\n );\n };\n\n let results;\n if (filter !== \"\") {\n const filteredChildren = React.Children.toArray(children).filter(child => {\n const childElement = child as ReactElement;\n const childText = extractTextFromChildren(childElement.props.children);\n return childText.toLowerCase().includes(filter.toLowerCase());\n });\n\n results = _internalRenderChildren(filterOutSelectedChildren(filteredChildren));\n } else {\n results = _internalRenderChildren(\n filterOutSelectedChildren(React.Children.toArray(children))\n );\n }\n\n optionsVisibleCount !== results.length && setOptionsVisibleCount(results.length);\n\n if (results.length === 0) {\n return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n }\n\n return results;\n\n function _internalRenderChildren(internalChildren: ReactChildrenType) {\n return React.Children.map(internalChildren, (child, index) => {\n return React.cloneElement(child as ReactElement, {\n onFocusChange: (childIndex: number) => {\n setFocusedSelectItem(childIndex);\n },\n onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n onOptionChangeHandler(optionRef.current);\n setExpanded(false);\n setShouldClick(false);\n },\n isSearching: false,\n selectOpened: expanded,\n childIndex: index,\n hasFocus: focusedSelectItem === index,\n shouldClick: shouldClick,\n id: getOptionId(multiSelectId.current, index)\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 icon = useDetermineStatusIcon({ success, error });\n\n const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n onChange?.(event);\n };\n\n useEffect(() => {\n if (expanded && searchInputRef.current) {\n setShouldFocusButtonAfterClose(true);\n searchInputRef.current.focus();\n }\n\n if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n setShouldFocusButtonAfterClose(false);\n customSelectButtonRef.current.focus();\n }\n }, [\n expanded,\n customSelectButtonRef.current,\n shouldFocusButtonAfterClose,\n searchInputRef.current\n ]);\n\n useEffect(() => {\n syncDisplayValue(value);\n syncSelectedOption(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 const onSelectButtonClick = () => {\n if (rest[\"data-readonlyview\"] \|\| isReadOnlyView) {\n return;\n }\n setExpanded(expanded => !expanded);\n setShouldClick(false);\n };\n\n const optionsElement = (\n <div className={`list-wrapper-container ${classes[\"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 top: listPosition === Position.Below ? \"4px\" : \"initial\",\n bottom: listPosition === Position.Above ? \"4px\" : \"initial\"\n }}\n >\n <ul\n id={getListboxId(multiSelectId.current)}\n className={addNewBtnOptionsContainerClassName}\n role=\"listbox\"\n aria-multiselectable=\"true\"\n style={{ maxHeight: optionsListMaxHeight.list }}\n >\n {renderOptions()}\n </ul>\n {renderAddNew()}\n </div>\n </div>\n );\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}>\n <select\n {...filterProps(rest, /^data-/, false)}\n tabIndex={-1}\n multiple={true}\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 id={multiSelectId.current}\n ref={containerReference}\n onKeyDown={onArrowNavigation}\n className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n >\n {listPosition === Position.Above ? optionsElement : undefined}\n <div\n className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n style={{ display: \"flex\" }}\n >\n <div className={classes[\"display-container\"]} data-display>\n <SelectButton\n {...selectButtonProps}\n onClick={onSelectButtonClick}\n name={name}\n ref={customSelectButtonRef}\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 {value?.length === 0 && placeholder && (\n <span className={classes[\"placeholder\"]}>{placeholder}</span>\n )}\n {value?.length > 0 && (\n <SelectedOptions\n disabled={disabled}\n display={display}\n onClick={onSelectButtonClick}\n onRemove={onSelectedOptionRemoveHandler}\n />\n )}\n {searchVisible && renderSearch()}\n </div>\n <div className={classes[\"status\"]}>{icon \|\| renderChevronIcon()}</div>\n </div>\n {listPosition === Position.Below ? optionsElement : undefined}\n </div>\n </div>\n );\n};\n\nexport const MultiSelect = withReadOnly(React.forwardRef(MultiSelectComponent));\n"],"names":["value","option","expanded"],"mappings":"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"}
1	+ {"version":3,"file":"MultiSelect.es.js","sources":["../../../../../src/components/Form/Select/MultiSelect/MultiSelect.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 \"./MultiSelect.module.scss\";\n\nimport React, {\n ForwardRefRenderFunction,\n ReactElement,\n createRef,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useClickOutside } from \"../../../../hooks/useClickOutside\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport { useGetDomRoot } from \"../../../../hooks/useGetDomRoot\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { filterProps, generateID } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { MultiSelectProps, Position } from \"../Select.interfaces\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { SelectButton } from \"./SelectButton\";\nimport { Display, SelectedOptions } from \"./SelectedOptions\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { useSearch } from \"./useSearch\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nconst getOptionId = (multiSelectId: string, optionIndex: number) =>\n `${multiSelectId}_option${optionIndex}`;\n\nconst getListboxId = (multiSelectId: string) => `${multiSelectId}_listbox`;\n\nconst extractTextFromChildren = (children: React.ReactNode): string => {\n return React.Children.toArray(children).reduce((text: string, child) => {\n if (typeof child === \"string\" \|\| typeof child === \"number\") {\n return text + child;\n }\n if (React.isValidElement(child) && child.props.children) {\n return text + extractTextFromChildren(child.props.children);\n }\n return text;\n }, \"\");\n};\n\nconst MultiSelectComponent: ForwardRefRenderFunction<HTMLSelectElement, MultiSelectProps> = (\n {\n id,\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 = { enabled: true, renderThreshold: 0, searchPlaceholder: \"Search item\" },\n isReadOnlyView,\n domRoot,\n ...rest\n }: MultiSelectProps,\n ref\n) => {\n const multiSelectId = useRef(id ?? generateID(20));\n const [expanded, setExpanded] = useState(false);\n const [display, setDisplay] = useState<Display[]>([]);\n const myElementRef = useRef<HTMLDivElement>(null);\n const containerReference = useRef<HTMLDivElement>(null);\n const optionListReference = useRef<HTMLDivElement>(null);\n const portalRef = useRef<HTMLDivElement>(null);\n const { root } = useGetDomRoot(domRoot, myElementRef);\n const [focusedSelectItem, setFocusedSelectItem] = useState(0);\n const [shouldClick, setShouldClick] =\n useState(\n 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 [optionsVisibleCount, setOptionsVisibleCount] = useState(\n React.Children.count(children) - display.length\n );\n const { filter, renderSearch, searchInputRef, resetSearchState, searchVisible } = useSearch({\n selectId: multiSelectId.current,\n expanded,\n search,\n searchInputClassName: classes[\"select-search\"],\n optionsCount: optionsVisibleCount,\n focusedSelectItem,\n setFocusedSelectItem,\n describedBy,\n getOptionId,\n getListboxId\n });\n const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n id: getOptionId(multiSelectId.current, optionsVisibleCount),\n addNew,\n filter,\n focusedSelectItem,\n optionsCount: optionsVisibleCount,\n searchInputRef,\n shouldClick,\n onClickCallback: () => {\n setShouldClick(false);\n resetSearchState();\n }\n });\n\n const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) \|\| createRef();\n\n const onOptionChangeHandler = (optionElement: HTMLElement \| null) => {\n if (nativeSelect.current && optionElement) {\n const value = optionElement.getAttribute(\"data-value\")!;\n const options = [...nativeSelect.current.options];\n const lastSelectedOptionValues = options\n .filter(option => option.selected)\n .map(option => option.value);\n options.forEach(option => {\n if (option.value === value \|\| lastSelectedOptionValues.includes(option.value)) {\n option.selected = true;\n }\n });\n nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n setExpanded(false);\n resetSearchState();\n };\n\n const onSelectedOptionRemoveHandler = (value: string) => {\n if (nativeSelect.current) {\n const options = [...nativeSelect.current.options];\n options.find(option => option.value === value)!.selected = false;\n nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n };\n\n const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n const readOnlyView = !!rest[\"data-readonlyview\"] \|\| isReadOnlyView;\n const { onArrowNavigation } = useArrowNavigation({\n expanded,\n setExpanded,\n setFocusedSelectItem,\n childrenCount: optionsVisibleCount,\n setShouldClick,\n addBtnRef,\n searchInputRef,\n customSelectButtonRef,\n onClose: resetSearchState,\n isReadOnlyView: readOnlyView\n });\n\n const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n const syncDisplayValue = (values: string[]) => {\n const options = React.Children.map(children, child => child);\n const displayArray: Display[] = values.map(value => {\n const option = options.find(option => option.props.value === value);\n return { value, label: option?.props.children, fixed: option?.props.fixed };\n });\n setDisplay(displayArray);\n };\n\n const syncSelectedOption = (vals: string[]) => {\n if (nativeSelect.current) {\n const options = [...nativeSelect.current.options];\n options.forEach(option => {\n if (vals.includes(option.value)) {\n option.selected = true;\n } else {\n option.selected = false;\n }\n });\n }\n };\n\n /\n @description We have to modify the children (Option component) to have a 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 type ReactChildrenType = ReturnType<typeof React.Children.toArray>;\n\n const filterOutSelectedChildren = (internalChildren: ReactChildrenType) => {\n return internalChildren.filter(\n child =>\n typeof child === \"object\" &&\n \"props\" in child &&\n !display.find(option => option.value === child.props.value)\n );\n };\n\n let results;\n if (filter !== \"\") {\n const filteredChildren = React.Children.toArray(children).filter(child => {\n const childElement = child as ReactElement;\n const childText = extractTextFromChildren(childElement.props.children);\n return childText.toLowerCase().includes(filter.toLowerCase());\n });\n\n results = _internalRenderChildren(filterOutSelectedChildren(filteredChildren));\n } else {\n results = _internalRenderChildren(\n filterOutSelectedChildren(React.Children.toArray(children))\n );\n }\n\n optionsVisibleCount !== results.length && setOptionsVisibleCount(results.length);\n\n if (results.length === 0) {\n return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n }\n\n return results;\n\n function _internalRenderChildren(internalChildren: ReactChildrenType) {\n return React.Children.map(internalChildren, (child, index) => {\n return React.cloneElement(child as ReactElement, {\n onFocusChange: (childIndex: number) => {\n setFocusedSelectItem(childIndex);\n },\n onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n onOptionChangeHandler(optionRef.current);\n setExpanded(false);\n setShouldClick(false);\n },\n isSearching: false,\n selectOpened: expanded,\n childIndex: index,\n hasFocus: focusedSelectItem === index,\n shouldClick: shouldClick,\n id: getOptionId(multiSelectId.current, index)\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 icon = useDetermineStatusIcon({ success, error });\n\n const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n onChange?.(event);\n };\n\n useEffect(() => {\n if (expanded && searchInputRef.current) {\n setShouldFocusButtonAfterClose(true);\n searchInputRef.current.focus();\n }\n\n if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n setShouldFocusButtonAfterClose(false);\n customSelectButtonRef.current.focus();\n }\n }, [\n expanded,\n customSelectButtonRef.current,\n shouldFocusButtonAfterClose,\n searchInputRef.current\n ]);\n\n useEffect(() => {\n syncDisplayValue(value);\n syncSelectedOption(value);\n }, [value]);\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 const onSelectButtonClick = () => {\n if (rest[\"data-readonlyview\"] \|\| isReadOnlyView) {\n return;\n }\n setExpanded(expanded => !expanded);\n setShouldClick(false);\n };\n\n useEffect(() => {\n if (!expanded) {\n return;\n }\n\n const anchor = containerReference.current;\n const portal = portalRef.current;\n\n if (!anchor \|\| !portal) {\n return;\n }\n\n let frameId: number \| null = null;\n\n const updatePosition = () => {\n if (!anchor \|\| !portal) {\n return;\n }\n\n const rect = anchor.getBoundingClientRect();\n const x = rect.left;\n const y = listPosition === Position.Below ? rect.bottom : rect.top;\n\n portal.style.position = \"fixed\";\n portal.style.zIndex = \"1000\";\n portal.style.left = \"0\";\n portal.style.top = \"0\";\n portal.style.width = `${rect.width}px`;\n portal.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n };\n\n const scheduleUpdate = () => {\n if (frameId != null) {\n return;\n }\n frameId = globalThis.requestAnimationFrame(() => {\n frameId = null;\n updatePosition();\n });\n };\n\n updatePosition();\n\n const handleScroll = () => scheduleUpdate();\n const handleResize = () => scheduleUpdate();\n\n window.addEventListener(\"scroll\", handleScroll, { passive: true, capture: true });\n window.addEventListener(\"resize\", handleResize);\n\n const resizeObserver = new ResizeObserver(() => {\n scheduleUpdate();\n });\n resizeObserver.observe(anchor);\n\n return () => {\n window.removeEventListener(\"scroll\", handleScroll, true);\n window.removeEventListener(\"resize\", handleResize);\n resizeObserver.disconnect();\n if (frameId != null) {\n globalThis.cancelAnimationFrame(frameId);\n }\n };\n }, [expanded, listPosition]);\n\n const optionsElement = (\n <div className={`list-wrapper-container ${classes[\"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 top: listPosition === Position.Below ? \"4px\" : undefined,\n bottom: listPosition === Position.Above ? \"4px\" : undefined\n }}\n >\n <ul\n id={getListboxId(multiSelectId.current)}\n className={addNewBtnOptionsContainerClassName}\n role=\"listbox\"\n aria-multiselectable=\"true\"\n style={{ maxHeight: optionsListMaxHeight.list }}\n >\n {renderOptions()}\n </ul>\n {renderAddNew()}\n </div>\n </div>\n );\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 <>\n <div ref={myElementRef}>\n <select\n {...filterProps(rest, /^data-/, false)}\n tabIndex={-1}\n multiple={true}\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 id={multiSelectId.current}\n ref={containerReference}\n onKeyDown={onArrowNavigation}\n className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n >\n <div\n className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n style={{ display: \"flex\" }}\n >\n <div className={classes[\"display-container\"]} data-display>\n <SelectButton\n {...selectButtonProps}\n onClick={onSelectButtonClick}\n name={name}\n ref={customSelectButtonRef}\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 {value?.length === 0 && placeholder && (\n <span className={classes[\"placeholder\"]}>{placeholder}</span>\n )}\n {value?.length > 0 && (\n <SelectedOptions\n disabled={disabled}\n display={display}\n onClick={onSelectButtonClick}\n onRemove={onSelectedOptionRemoveHandler}\n />\n )}\n {searchVisible && renderSearch()}\n </div>\n <div className={classes[\"status\"]}>{icon \|\| renderChevronIcon()}</div>\n </div>\n </div>\n </div>\n {createPortal(\n <div ref={portalRef} className={`${classes.select} ${additionalClasses.join(\" \")}`}>\n {optionsElement}\n </div>,\n root\n )}\n </>\n );\n};\n\nexport const MultiSelect = withReadOnly(React.forwardRef(MultiSelectComponent));\n"],"names":["value","option","expanded"],"mappings":"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"}

package/dist/components/Form/Select/MultiSelect/MultiSelect.module.scss.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_E7GBT{display:none}.MultiSelect_slide-in_E7GBT{animation:MultiSelect_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_E7GBT{animation-duration:.1ms}}.MultiSelect_slide-out_E7GBT{animation:MultiSelect_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_E7GBT{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_slide-out_E7GBT{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 */.MultiSelect_select_E7GBT{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){.MultiSelect_select_E7GBT{transition-duration:.1ms}}.MultiSelect_select_E7GBT [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_E7GBT.MultiSelect_expanded_E7GBT .MultiSelect_list-wrapper_E7GBT{background:var(--light)}.MultiSelect_select_E7GBT:not(.MultiSelect_expanded_E7GBT):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)}.MultiSelect_select_E7GBT:not(.MultiSelect_expanded_E7GBT) .MultiSelect_custom-select_E7GBT:focus:not(.MultiSelect_error_E7GBT){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_E7GBT:hover:not(.MultiSelect_disabled_E7GBT):not(.MultiSelect_expanded_E7GBT):not(.MultiSelect_error_E7GBT) .MultiSelect_custom-select_E7GBT:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT{box-sizing:border-box;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(--color-blue-grey500);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);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT{transition-duration:.1ms}}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT:focus-visible,.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT:focus{outline:none}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT.MultiSelect_error_E7GBT{border-color:var(--error)}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT.MultiSelect_error_E7GBT:focus{border-width:var(--input-border-width)}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT.MultiSelect_disabled_E7GBT{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT .MultiSelect_display-container_E7GBT{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_E7GBT .MultiSelect_list-wrapper-container_E7GBT{position:relative}.MultiSelect_select_E7GBT .MultiSelect_list-wrapper_E7GBT{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 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_select_E7GBT 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}.MultiSelect_select_E7GBT ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.MultiSelect_select_E7GBT ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_E7GBT ul li:focus,.MultiSelect_select_E7GBT ul li.MultiSelect_focus_E7GBT{outline:none}.MultiSelect_select_E7GBT ul li:focus:before,.MultiSelect_select_E7GBT ul li.MultiSelect_focus_E7GBT: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)}.MultiSelect_select_E7GBT ul li:hover:after,.MultiSelect_select_E7GBT ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_E7GBT ul li:active:after{opacity:.1}.MultiSelect_select_E7GBT ul li.MultiSelect_disabled_E7GBT{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_E7GBT{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_E7GBT [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_E7GBT [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_E7GBT .MultiSelect_chevron-icon_E7GBT{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_E7GBT *+*{margin-left:1.25rem}.MultiSelect_placeholder_E7GBT{color:var(--greyed-out)}.MultiSelect_select-search_E7GBT{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_E7GBT:focus-visible,.MultiSelect_select-search_E7GBT:focus{outline:none}.MultiSelect_disabled_E7GBT{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_E7GBT>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_E7GBT:not(.MultiSelect_expanded_E7GBT) .MultiSelect_custom-select_E7GBT:focus:not(.MultiSelect_error_E7GBT){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_E7GBT{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_E7GBT.MultiSelect_error_E7GBT,[data-readonlyview=true] .MultiSelect_custom-select_E7GBT.MultiSelect_success_E7GBT{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_E7GBT button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_E7GBT .MultiSelect_chevron-icon_E7GBT{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_E7GBT):not(.MultiSelect_expanded_E7GBT):not(.MultiSelect_error_E7GBT) .MultiSelect_custom-select_E7GBT:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),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="MultiSelect_select_E7GBT",t="MultiSelect_expanded_E7GBT",l="MultiSelect_error_E7GBT",s="MultiSelect_disabled_E7GBT",c="MultiSelect_focus_E7GBT",r="MultiSelect_status_E7GBT",o="MultiSelect_placeholder_E7GBT",i="MultiSelect_success_E7GBT",u={select:e,expanded:t,"list-wrapper":"MultiSelect_list-wrapper_E7GBT","custom-select":"MultiSelect_custom-select_E7GBT",error:l,disabled:s,"display-container":"MultiSelect_display-container_E7GBT","list-wrapper-container":"MultiSelect_list-wrapper-container_E7GBT",focus:c,status:r,"chevron-icon":"MultiSelect_chevron-icon_E7GBT",placeholder:o,"select-search":"MultiSelect_select-search_E7GBT",success:i};exports.default=u,exports.disabled=s,exports.error=l,exports.expanded=t,exports.focus=c,exports.placeholder=o,exports.select=e,exports.status=r,exports.success=i;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_k4xuc{display:none}.MultiSelect_slide-in_k4xuc{animation:MultiSelect_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_k4xuc{animation-duration:.1ms}}.MultiSelect_slide-out_k4xuc{animation:MultiSelect_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_k4xuc{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_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 */.MultiSelect_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){.MultiSelect_select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_k4xuc.MultiSelect_expanded_k4xuc .MultiSelect_list-wrapper_k4xuc{background:var(--light)}.MultiSelect_select_k4xuc:not(.MultiSelect_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)}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_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))}.MultiSelect_select_k4xuc:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{box-sizing:border-box;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(--color-blue-grey500);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);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus-visible,.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus{outline:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc{border-color:var(--error)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc:focus{border-width:var(--input-border-width)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_disabled_k4xuc{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc .MultiSelect_display-container_k4xuc{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_k4xuc .MultiSelect_list-wrapper-container_k4xuc{position:relative}.MultiSelect_select_k4xuc .MultiSelect_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 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_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}.MultiSelect_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}.MultiSelect_select_k4xuc ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_k4xuc ul li:focus,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc{outline:none}.MultiSelect_select_k4xuc ul li:focus:before,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc: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)}.MultiSelect_select_k4xuc ul li:hover:after,.MultiSelect_select_k4xuc ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_k4xuc ul li:active:after{opacity:.1}.MultiSelect_select_k4xuc ul li.MultiSelect_disabled_k4xuc{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_k4xuc{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_k4xuc [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_k4xuc *+*{margin-left:1.25rem}.MultiSelect_placeholder_k4xuc{color:var(--greyed-out)}.MultiSelect_select-search_k4xuc{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_k4xuc:focus-visible,.MultiSelect_select-search_k4xuc:focus{outline:none}.MultiSelect_disabled_k4xuc{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_k4xuc>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_error_k4xuc){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc,[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_success_k4xuc{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),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="MultiSelect_select_k4xuc",t="MultiSelect_expanded_k4xuc",c="MultiSelect_error_k4xuc",l="MultiSelect_disabled_k4xuc",s="MultiSelect_focus_k4xuc",u="MultiSelect_status_k4xuc",r="MultiSelect_placeholder_k4xuc",o="MultiSelect_success_k4xuc",i={select:e,expanded:t,"list-wrapper":"MultiSelect_list-wrapper_k4xuc","custom-select":"MultiSelect_custom-select_k4xuc",error:c,disabled:l,"display-container":"MultiSelect_display-container_k4xuc","list-wrapper-container":"MultiSelect_list-wrapper-container_k4xuc",focus:s,status:u,"chevron-icon":"MultiSelect_chevron-icon_k4xuc",placeholder:r,"select-search":"MultiSelect_select-search_k4xuc",success:o};exports.default=i,exports.disabled=l,exports.error=c,exports.expanded=t,exports.focus=s,exports.placeholder=r,exports.select=e,exports.status=u,exports.success=o;
 //# sourceMappingURL=MultiSelect.module.scss.cjs.js.map

package/dist/components/Form/Select/MultiSelect/MultiSelect.module.scss.es.js CHANGED Viewed

@@ -1,26 +1,26 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_E7GBT{display:none}.MultiSelect_slide-in_E7GBT{animation:MultiSelect_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_E7GBT{animation-duration:.1ms}}.MultiSelect_slide-out_E7GBT{animation:MultiSelect_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_E7GBT{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_slide-out_E7GBT{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 */.MultiSelect_select_E7GBT{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){.MultiSelect_select_E7GBT{transition-duration:.1ms}}.MultiSelect_select_E7GBT [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_E7GBT.MultiSelect_expanded_E7GBT .MultiSelect_list-wrapper_E7GBT{background:var(--light)}.MultiSelect_select_E7GBT:not(.MultiSelect_expanded_E7GBT):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)}.MultiSelect_select_E7GBT:not(.MultiSelect_expanded_E7GBT) .MultiSelect_custom-select_E7GBT:focus:not(.MultiSelect_error_E7GBT){border-color:var(--input-border-color);border-width:var(--input-border-width);padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_E7GBT:hover:not(.MultiSelect_disabled_E7GBT):not(.MultiSelect_expanded_E7GBT):not(.MultiSelect_error_E7GBT) .MultiSelect_custom-select_E7GBT:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT{box-sizing:border-box;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(--color-blue-grey500);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);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT{transition-duration:.1ms}}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT:focus-visible,.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT:focus{outline:none}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT.MultiSelect_error_E7GBT{border-color:var(--error)}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT.MultiSelect_error_E7GBT:focus{border-width:var(--input-border-width)}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT.MultiSelect_disabled_E7GBT{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT .MultiSelect_display-container_E7GBT{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_E7GBT .MultiSelect_list-wrapper-container_E7GBT{position:relative}.MultiSelect_select_E7GBT .MultiSelect_list-wrapper_E7GBT{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 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_select_E7GBT 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}.MultiSelect_select_E7GBT ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.MultiSelect_select_E7GBT ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_E7GBT ul li:focus,.MultiSelect_select_E7GBT ul li.MultiSelect_focus_E7GBT{outline:none}.MultiSelect_select_E7GBT ul li:focus:before,.MultiSelect_select_E7GBT ul li.MultiSelect_focus_E7GBT: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)}.MultiSelect_select_E7GBT ul li:hover:after,.MultiSelect_select_E7GBT ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_E7GBT ul li:active:after{opacity:.1}.MultiSelect_select_E7GBT ul li.MultiSelect_disabled_E7GBT{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_E7GBT{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_E7GBT [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_E7GBT [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_E7GBT .MultiSelect_chevron-icon_E7GBT{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_E7GBT *+*{margin-left:1.25rem}.MultiSelect_placeholder_E7GBT{color:var(--greyed-out)}.MultiSelect_select-search_E7GBT{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_E7GBT:focus-visible,.MultiSelect_select-search_E7GBT:focus{outline:none}.MultiSelect_disabled_E7GBT{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_E7GBT>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_E7GBT .MultiSelect_custom-select_E7GBT{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_E7GBT:not(.MultiSelect_expanded_E7GBT) .MultiSelect_custom-select_E7GBT:focus:not(.MultiSelect_error_E7GBT){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_E7GBT{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_E7GBT.MultiSelect_error_E7GBT,[data-readonlyview=true] .MultiSelect_custom-select_E7GBT.MultiSelect_success_E7GBT{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_E7GBT button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_E7GBT .MultiSelect_chevron-icon_E7GBT{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_E7GBT):not(.MultiSelect_expanded_E7GBT):not(.MultiSelect_error_E7GBT) .MultiSelect_custom-select_E7GBT:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-const select = "MultiSelect_select_E7GBT";
-const expanded = "MultiSelect_expanded_E7GBT";
-const error = "MultiSelect_error_E7GBT";
-const disabled = "MultiSelect_disabled_E7GBT";
-const focus = "MultiSelect_focus_E7GBT";
-const status = "MultiSelect_status_E7GBT";
-const placeholder = "MultiSelect_placeholder_E7GBT";
-const success = "MultiSelect_success_E7GBT";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.MultiSelect_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.MultiSelect_hidden_k4xuc{display:none}.MultiSelect_slide-in_k4xuc{animation:MultiSelect_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-in_k4xuc{animation-duration:.1ms}}.MultiSelect_slide-out_k4xuc{animation:MultiSelect_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.MultiSelect_slide-out_k4xuc{animation-duration:.1ms}}@keyframes MultiSelect_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes MultiSelect_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 */.MultiSelect_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){.MultiSelect_select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc [data-display]{color:var(--color-default);font-family:var(--font-family)}.MultiSelect_select_k4xuc.MultiSelect_expanded_k4xuc .MultiSelect_list-wrapper_k4xuc{background:var(--light)}.MultiSelect_select_k4xuc:not(.MultiSelect_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)}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_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))}.MultiSelect_select_k4xuc:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{box-sizing:border-box;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(--color-blue-grey500);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);transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{transition-duration:.1ms}}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus-visible,.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc:focus{outline:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc{border-color:var(--error)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc:focus{border-width:var(--input-border-width)}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc.MultiSelect_disabled_k4xuc{border-color:var(--color-disabled);pointer-events:none}.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc .MultiSelect_display-container_k4xuc{flex:1;display:flex;align-items:center;padding:.1875rem 0;gap:.375rem}.MultiSelect_select_k4xuc .MultiSelect_list-wrapper-container_k4xuc{position:relative}.MultiSelect_select_k4xuc .MultiSelect_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 4px 5px #01053233;box-shadow:0 3px 14px #0105321f;box-shadow:0 8px 10px #01053224;position:absolute;z-index:11;left:0;width:100%;overflow:auto}.MultiSelect_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}.MultiSelect_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}.MultiSelect_select_k4xuc ul li:after{content:"";position:absolute;top:0;left:0;background-color:transparent;width:100%;height:100%;opacity:.05}.MultiSelect_select_k4xuc ul li:focus,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc{outline:none}.MultiSelect_select_k4xuc ul li:focus:before,.MultiSelect_select_k4xuc ul li.MultiSelect_focus_k4xuc: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)}.MultiSelect_select_k4xuc ul li:hover:after,.MultiSelect_select_k4xuc ul li:active:after{background-color:var(--color-primary)}.MultiSelect_select_k4xuc ul li:active:after{opacity:.1}.MultiSelect_select_k4xuc ul li.MultiSelect_disabled_k4xuc{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.MultiSelect_status_k4xuc{padding:.3125rem;display:flex;align-items:center}.MultiSelect_status_k4xuc [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{color:var(--default);font-size:var(--font-size-small)}.MultiSelect_status_k4xuc *+*{margin-left:1.25rem}.MultiSelect_placeholder_k4xuc{color:var(--greyed-out)}.MultiSelect_select-search_k4xuc{flex:1;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:transparent;color:var(--default);font-family:var(--font-family);font-size:calc(.83 * var(--font-size));line-height:1.3333;margin:0;padding:0}.MultiSelect_select-search_k4xuc:focus-visible,.MultiSelect_select-search_k4xuc:focus{outline:none}.MultiSelect_disabled_k4xuc{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.MultiSelect_disabled_k4xuc>*{pointer-events:none}@media only screen and (min-width: 30em){.MultiSelect_select_k4xuc .MultiSelect_custom-select_k4xuc{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.MultiSelect_select_k4xuc:not(.MultiSelect_expanded_k4xuc) .MultiSelect_custom-select_k4xuc:focus:not(.MultiSelect_error_k4xuc){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_error_k4xuc,[data-readonlyview=true] .MultiSelect_custom-select_k4xuc.MultiSelect_success_k4xuc{border-color:var(--read-only-border-color)}[data-readonlyview=true] .MultiSelect_custom-select_k4xuc button{pointer-events:none}[data-readonlyview=true] .MultiSelect_status_k4xuc .MultiSelect_chevron-icon_k4xuc{visibility:hidden}[data-readonlyview=true]:hover:not(.MultiSelect_disabled_k4xuc):not(.MultiSelect_expanded_k4xuc):not(.MultiSelect_error_k4xuc) .MultiSelect_custom-select_k4xuc:not(:focus){color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const select = "MultiSelect_select_k4xuc";
+const expanded = "MultiSelect_expanded_k4xuc";
+const error = "MultiSelect_error_k4xuc";
+const disabled = "MultiSelect_disabled_k4xuc";
+const focus = "MultiSelect_focus_k4xuc";
+const status = "MultiSelect_status_k4xuc";
+const placeholder = "MultiSelect_placeholder_k4xuc";
+const success = "MultiSelect_success_k4xuc";
 const classes = {
   select,
   expanded,
-  "list-wrapper": "MultiSelect_list-wrapper_E7GBT",
-  "custom-select": "MultiSelect_custom-select_E7GBT",
+  "list-wrapper": "MultiSelect_list-wrapper_k4xuc",
+  "custom-select": "MultiSelect_custom-select_k4xuc",
   error,
   disabled,
-  "display-container": "MultiSelect_display-container_E7GBT",
-  "list-wrapper-container": "MultiSelect_list-wrapper-container_E7GBT",
+  "display-container": "MultiSelect_display-container_k4xuc",
+  "list-wrapper-container": "MultiSelect_list-wrapper-container_k4xuc",
   focus,
   status,
-  "chevron-icon": "MultiSelect_chevron-icon_E7GBT",
+  "chevron-icon": "MultiSelect_chevron-icon_k4xuc",
   placeholder,
-  "select-search": "MultiSelect_select-search_E7GBT",
+  "select-search": "MultiSelect_select-search_k4xuc",
   success
 };
 export {

package/dist/components/Form/Select/MultiSelect/SelectButton.module.scss.cjs.js CHANGED Viewed

@@ -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 */.SelectButton_btn_E7GBT{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),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="SelectButton_btn_E7GBT",t={btn:e};exports.btn=e,exports.default=t;
+!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 */.SelectButton_btn_k4xuc{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),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="SelectButton_btn_k4xuc",t={btn:e};exports.btn=e,exports.default=t;
 //# sourceMappingURL=SelectButton.module.scss.cjs.js.map

package/dist/components/Form/Select/MultiSelect/SelectButton.module.scss.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-!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 */.SelectButton_btn_E7GBT{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const btn = "SelectButton_btn_E7GBT";
+!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 */.SelectButton_btn_k4xuc{position:absolute;top:0;left:0;height:100%;width:100%;border:0;padding:0;background:none;cursor:pointer;outline:0}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const btn = "SelectButton_btn_k4xuc";
 const classes = {
   btn
 };

package/dist/components/Form/Select/MultiSelect/SelectedOptions.module.scss.cjs.js CHANGED Viewed

@@ -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 */.SelectedOptions_options_E7GBT{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_E7GBT{cursor:text}.SelectedOptions_tag_E7GBT .SelectedOptions_remove-btn_E7GBT{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_E7GBT .SelectedOptions_remove-btn_E7GBT{display:none}')),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="SelectedOptions_options_E7GBT",t="SelectedOptions_tag_E7GBT",o={options:e,tag:t,"remove-btn":"SelectedOptions_remove-btn_E7GBT"};exports.default=o,exports.options=e,exports.tag=t;
+!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 */.SelectedOptions_options_k4xuc{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_k4xuc{cursor:text}.SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{display:none}')),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="SelectedOptions_options_k4xuc",t="SelectedOptions_tag_k4xuc",o={options:e,tag:t,"remove-btn":"SelectedOptions_remove-btn_k4xuc"};exports.default=o,exports.options=e,exports.tag=t;
 //# sourceMappingURL=SelectedOptions.module.scss.cjs.js.map

package/dist/components/Form/Select/MultiSelect/SelectedOptions.module.scss.es.js CHANGED Viewed

@@ -1,10 +1,10 @@
-!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 */.SelectedOptions_options_E7GBT{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_E7GBT{cursor:text}.SelectedOptions_tag_E7GBT .SelectedOptions_remove-btn_E7GBT{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_E7GBT .SelectedOptions_remove-btn_E7GBT{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const options = "SelectedOptions_options_E7GBT";
-const tag = "SelectedOptions_tag_E7GBT";
+!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 */.SelectedOptions_options_k4xuc{position:relative;display:flex;gap:.375rem;flex-wrap:wrap;cursor:pointer}.SelectedOptions_tag_k4xuc{cursor:text}.SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{cursor:pointer}[data-readonlyview=true] .SelectedOptions_tag_k4xuc .SelectedOptions_remove-btn_k4xuc{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const options = "SelectedOptions_options_k4xuc";
+const tag = "SelectedOptions_tag_k4xuc";
 const classes = {
   options,
   tag,
-  "remove-btn": "SelectedOptions_remove-btn_E7GBT"
+  "remove-btn": "SelectedOptions_remove-btn_k4xuc"
 };
 export {
   classes as default,

package/dist/components/Form/Select/Select.interfaces.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.interfaces.cjs.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n enabled?: boolean;\n renderThreshold?: number;\n searchPlaceholder?: string;\n searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n label: string;\n onAddNew: (value: string) => void;\n btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string \| readonly string[] \| undefined>\n extends ComponentPropsWithRef<\"select\">,\n FormElement {\n children: ReactElement[];\n name?: string;\n labeledBy?: string;\n describedBy?: string;\n placeholder?: string;\n selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n search?: SearchProps;\n className?: string;\n value: V;\n clearLabel?: string;\n noResultsLabel?: string;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n addNew?: AddNewProps;\n isReadOnlyView?: boolean;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n Above = \"Above\",\n Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n expanded: boolean;\n setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n isSearching: boolean;\n setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n childrenCount: number;\n setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n onOptionChangeHandler: (optionElement: HTMLElement \| null) => void;\n searchInputRef: React.RefObject<HTMLInputElement>;\n addBtnRef?: React.RefObject<HTMLButtonElement>;\n renderThreshold: number;\n isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n expanded: boolean;\n optionListReference: React.RefObject<HTMLDivElement>;\n containerReference: React.RefObject<HTMLDivElement>;\n addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"~~gFA0DY~~,IAAAA,GAAAA,IACVA,EAAQ,MAAA,QACRA,EAAQ,MAAA,QAFEA,IAAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"Select.interfaces.cjs.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n enabled?: boolean;\n renderThreshold?: number;\n searchPlaceholder?: string;\n searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n label: string;\n onAddNew: (value: string) => void;\n btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string \| readonly string[] \| undefined>\n extends ComponentPropsWithRef<\"select\">,\n FormElement {\n children: ReactElement[];\n name?: string;\n labeledBy?: string;\n describedBy?: string;\n placeholder?: string;\n selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n search?: SearchProps;\n className?: string;\n value: V;\n clearLabel?: string;\n noResultsLabel?: string;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n addNew?: AddNewProps;\n isReadOnlyView?: boolean;\n domRoot?: HTMLElement;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n Above = \"Above\",\n Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n expanded: boolean;\n setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n isSearching: boolean;\n setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n childrenCount: number;\n setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n onOptionChangeHandler: (optionElement: HTMLElement \| null) => void;\n searchInputRef: React.RefObject<HTMLInputElement>;\n addBtnRef?: React.RefObject<HTMLButtonElement>;\n renderThreshold: number;\n isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n expanded: boolean;\n optionListReference: React.RefObject<HTMLDivElement>;\n containerReference: React.RefObject<HTMLDivElement>;\n addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"gFA2DY,IAAAA,GAAAA,IACVA,EAAQ,MAAA,QACRA,EAAQ,MAAA,QAFEA,IAAAA,GAAA,CAAA"}

package/dist/components/Form/Select/Select.interfaces.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.interfaces.es.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n enabled?: boolean;\n renderThreshold?: number;\n searchPlaceholder?: string;\n searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n label: string;\n onAddNew: (value: string) => void;\n btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string \| readonly string[] \| undefined>\n extends ComponentPropsWithRef<\"select\">,\n FormElement {\n children: ReactElement[];\n name?: string;\n labeledBy?: string;\n describedBy?: string;\n placeholder?: string;\n selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n search?: SearchProps;\n className?: string;\n value: V;\n clearLabel?: string;\n noResultsLabel?: string;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n addNew?: AddNewProps;\n isReadOnlyView?: boolean;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n Above = \"Above\",\n Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n expanded: boolean;\n setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n isSearching: boolean;\n setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n childrenCount: number;\n setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n onOptionChangeHandler: (optionElement: HTMLElement \| null) => void;\n searchInputRef: React.RefObject<HTMLInputElement>;\n addBtnRef?: React.RefObject<HTMLButtonElement>;\n renderThreshold: number;\n isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n expanded: boolean;\n optionListReference: React.RefObject<HTMLDivElement>;\n containerReference: React.RefObject<HTMLDivElement>;\n addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"~~AA0DY~~,IAAA,6BAAAA,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AAFEA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;"}
1	+ {"version":3,"file":"Select.interfaces.es.js","sources":["../../../../src/components/Form/Select/Select.interfaces.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport type PartialInputProps = Partial<InputProps>;\n\nexport interface SearchProps {\n enabled?: boolean;\n renderThreshold?: number;\n searchPlaceholder?: string;\n searchInputProps?: PartialInputProps & { reset?: boolean };\n}\n\nexport interface AddNewProps {\n label: string;\n onAddNew: (value: string) => void;\n btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n alwaysEnabled?: boolean;\n}\n\nexport interface SelectProps<V extends string \| readonly string[] \| undefined>\n extends ComponentPropsWithRef<\"select\">,\n FormElement {\n children: ReactElement[];\n name?: string;\n labeledBy?: string;\n describedBy?: string;\n placeholder?: string;\n selectButtonProps?: ComponentPropsWithRef<\"button\"> & FormElement;\n search?: SearchProps;\n className?: string;\n value: V;\n clearLabel?: string;\n noResultsLabel?: string;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n addNew?: AddNewProps;\n isReadOnlyView?: boolean;\n domRoot?: HTMLElement;\n}\n\nexport type SingleSelectProps = SelectProps<string>;\nexport type MultiSelectProps = SelectProps<string[]>;\n\nexport enum Position {\n Above = \"Above\",\n Below = \"Below\"\n}\n\nexport interface UseArrowNavigationParams {\n expanded: boolean;\n setExpanded: React.Dispatch<React.SetStateAction<boolean>>;\n isSearching: boolean;\n setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;\n setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;\n childrenCount: number;\n setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n onOptionChangeHandler: (optionElement: HTMLElement \| null) => void;\n searchInputRef: React.RefObject<HTMLInputElement>;\n addBtnRef?: React.RefObject<HTMLButtonElement>;\n renderThreshold: number;\n isReadOnlyView?: boolean;\n}\n\nexport interface UseSelectPositionListParams {\n expanded: boolean;\n optionListReference: React.RefObject<HTMLDivElement>;\n containerReference: React.RefObject<HTMLDivElement>;\n addBtnRef: React.RefObject<HTMLButtonElement>;\n}\n"],"names":["Position"],"mappings":"AA2DY,IAAA,6BAAAA,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AAFEA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;"}

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Select_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Select_hidden_E7GBT{display:none}.Select_slide-in_E7GBT{animation:Select_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-in_E7GBT{animation-duration:.1ms}}.Select_slide-out_E7GBT{animation:Select_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-out_E7GBT{animation-duration:.1ms}}@keyframes Select_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_slide-out_E7GBT{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_E7GBT{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_E7GBT{transition-duration:.1ms}}.Select_select_E7GBT [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_select_E7GBT.Select_expanded_E7GBT .Select_list-wrapper_E7GBT{background:var(--light)}.Select_select_E7GBT:not(.Select_expanded_E7GBT):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_E7GBT:not(.Select_expanded_E7GBT) button:focus:not(.Select_error_E7GBT){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_E7GBT:hover:not(.Select_disabled_E7GBT):not(.Select_expanded_E7GBT):not(.Select_error_E7GBT) button:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.Select_select_E7GBT .Select_custom-select_E7GBT{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_E7GBT .Select_custom-select_E7GBT{transition-duration:.1ms}}.Select_select_E7GBT .Select_custom-select_E7GBT:focus{outline:0}.Select_select_E7GBT .Select_custom-select_E7GBT.Select_error_E7GBT{border-color:var(--error);color:var(--error)}.Select_select_E7GBT .Select_custom-select_E7GBT.Select_error_E7GBT:focus{border-width:var(--input-border-width)}.Select_select_E7GBT .Select_custom-select_E7GBT.Select_disabled_E7GBT{border-color:var(--color-disabled)}.Select_select_E7GBT .Select_list-wrapper-container_E7GBT{position:relative}.Select_select_E7GBT .Select_list-wrapper_E7GBT{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_E7GBT 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_E7GBT ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.Select_select_E7GBT ul li:focus{outline:none}.Select_select_E7GBT 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_E7GBT ul li:hover{background-color:var(--color-blue-grey50)}.Select_select_E7GBT ul li:active{background-color:var(--color-blue-grey100)}.Select_select_E7GBT ul li.Select_disabled_E7GBT{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.Select_select_E7GBT[data-readonlyview=true]{-webkit-user-select:text;user-select:text;pointer-events:none}.Select_select_E7GBT[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_E7GBT[data-readonlyview=true] button[type=button] .Select_selected_E7GBT{color:var(--read-only-text-color)}.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_error_E7GBT,.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_success_E7GBT{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_error_E7GBT .Select_status_E7GBT,.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_success_E7GBT .Select_status_E7GBT{visibility:visible}.Select_select_E7GBT[data-readonlyview=true] button[type=button] .Select_status_E7GBT .Select_chevron-icon_E7GBT,.Select_select_E7GBT[data-readonlyview=true] .Select_list-wrapper_E7GBT{visibility:hidden}.Select_select_E7GBT[data-readonlyview=true] .Select_list-wrapper_E7GBT ul{display:none}.Select_selected-option_E7GBT{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_E7GBT{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_E7GBT .Select_required_E7GBT{color:var(--error)}.Select_status_E7GBT{position:absolute;top:50%;right:.8125rem;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0}.Select_status_E7GBT [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.Select_status_E7GBT [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.Select_status_E7GBT [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.Select_status_E7GBT .Select_chevron-icon_E7GBT{color:var(--default);font-size:var(--font-size-small)}.Select_status_E7GBT *+*{margin-left:1.25rem}.Select_placeholder_E7GBT{color:var(--greyed-out)}.Select_select-search_E7GBT{position:relative;width:100%;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}.Select_disabled_E7GBT{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.Select_disabled_E7GBT>*{pointer-events:none}@media only screen and (min-width: 30em){.Select_select_E7GBT .Select_custom-select_E7GBT{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_E7GBT:not(.Select_expanded_E7GBT) button:focus:not(.Select_error_E7GBT){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .Select_root_E7GBT [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] .Select_root_E7GBT [data-readonlyview] button .Select_status_E7GBT .Select_chevron-icon_E7GBT{visibility:hidden}[data-readonlyview=true] .Select_root_E7GBT [data-readonlyview] button.Select_error_E7GBT{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_inlineEditing_E7GBT .Select_select_E7GBT{background-color:transparent;transition:none}.Select_inlineEditing_E7GBT .Select_select_E7GBT:not(.Select_expanded_E7GBT) button:focus:not(.Select_error_E7GBT){border-width:0;border-radius:.3125rem}.Select_inlineEditing_E7GBT .Select_select_E7GBT:focus button:focus{border:.125rem solid var(--color-focus)}.Select_inlineEditing_E7GBT .Select_select_E7GBT:hover button .Select_status_E7GBT span.Select_chevron-icon_E7GBT{visibility:visible}.Select_inlineEditing_E7GBT .Select_select_E7GBT:hover:not(.Select_disabled_E7GBT):not(.Select_expanded_E7GBT):not(.Select_error_E7GBT) button:not(:focus){border:0;background-color:transparent}.Select_inlineEditing_E7GBT .Select_select_E7GBT button{border:0}.Select_inlineEditing_E7GBT .Select_select_E7GBT button.Select_expanded_E7GBT div.Select_status_E7GBT span.Select_chevron-icon_E7GBT{visibility:visible}.Select_inlineEditing_E7GBT .Select_select_E7GBT button:focus-visible{outline:.125rem solid var(--color-focus);border-radius:.3125rem;outline-offset:-1px}.Select_inlineEditing_E7GBT .Select_select_E7GBT button.Select_error_E7GBT{color:var(--color-default)}.Select_inlineEditing_E7GBT .Select_select_E7GBT button .Select_status_E7GBT span.Select_chevron-icon_E7GBT{visibility:hidden}.Select_inlineEditing_E7GBT .Select_select_E7GBT[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_E7GBT",t="Select_expanded_E7GBT",s="Select_error_E7GBT",c="Select_disabled_E7GBT",l="Select_selected_E7GBT",r="Select_success_E7GBT",o="Select_status_E7GBT",_="Select_required_E7GBT",d="Select_placeholder_E7GBT",i="Select_root_E7GBT",p="Select_inlineEditing_E7GBT",n={select:e,expanded:t,"list-wrapper":"Select_list-wrapper_E7GBT",error:s,disabled:c,"custom-select":"Select_custom-select_E7GBT",selected:l,success:r,status:o,"chevron-icon":"Select_chevron-icon_E7GBT","selected-option":"Select_selected-option_E7GBT",required:_,placeholder:d,"select-search":"Select_select-search_E7GBT",root:i,inlineEditing:p};exports.default=n,exports.disabled=c,exports.error=s,exports.expanded=t,exports.inlineEditing=p,exports.placeholder=d,exports.required=_,exports.root=i,exports.select=e,exports.selected=l,exports.status=o,exports.success=r;
+!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;
 //# sourceMappingURL=Select.module.scss.cjs.js.map

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

@@ -1,30 +1,30 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Select_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Select_hidden_E7GBT{display:none}.Select_slide-in_E7GBT{animation:Select_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-in_E7GBT{animation-duration:.1ms}}.Select_slide-out_E7GBT{animation:Select_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Select_slide-out_E7GBT{animation-duration:.1ms}}@keyframes Select_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_slide-out_E7GBT{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_E7GBT{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_E7GBT{transition-duration:.1ms}}.Select_select_E7GBT [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_select_E7GBT.Select_expanded_E7GBT .Select_list-wrapper_E7GBT{background:var(--light)}.Select_select_E7GBT:not(.Select_expanded_E7GBT):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_E7GBT:not(.Select_expanded_E7GBT) button:focus:not(.Select_error_E7GBT){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_E7GBT:hover:not(.Select_disabled_E7GBT):not(.Select_expanded_E7GBT):not(.Select_error_E7GBT) button:not(:focus){border-color:var(--input-border-color);border-width:var(--input-border-width);background-color:var(--color-blue-grey25)}.Select_select_E7GBT .Select_custom-select_E7GBT{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_E7GBT .Select_custom-select_E7GBT{transition-duration:.1ms}}.Select_select_E7GBT .Select_custom-select_E7GBT:focus{outline:0}.Select_select_E7GBT .Select_custom-select_E7GBT.Select_error_E7GBT{border-color:var(--error);color:var(--error)}.Select_select_E7GBT .Select_custom-select_E7GBT.Select_error_E7GBT:focus{border-width:var(--input-border-width)}.Select_select_E7GBT .Select_custom-select_E7GBT.Select_disabled_E7GBT{border-color:var(--color-disabled)}.Select_select_E7GBT .Select_list-wrapper-container_E7GBT{position:relative}.Select_select_E7GBT .Select_list-wrapper_E7GBT{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_E7GBT 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_E7GBT ul li{padding:.62rem .75rem;font-size:var(--form-control-font-size);margin:0;position:relative;line-height:1.43;box-sizing:border-box;min-height:2.5rem;cursor:pointer}.Select_select_E7GBT ul li:focus{outline:none}.Select_select_E7GBT 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_E7GBT ul li:hover{background-color:var(--color-blue-grey50)}.Select_select_E7GBT ul li:active{background-color:var(--color-blue-grey100)}.Select_select_E7GBT ul li.Select_disabled_E7GBT{color:var(--greyed-out);background-color:var(--disabled);pointer-events:none}.Select_select_E7GBT[data-readonlyview=true]{-webkit-user-select:text;user-select:text;pointer-events:none}.Select_select_E7GBT[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_E7GBT[data-readonlyview=true] button[type=button] .Select_selected_E7GBT{color:var(--read-only-text-color)}.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_error_E7GBT,.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_success_E7GBT{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_error_E7GBT .Select_status_E7GBT,.Select_select_E7GBT[data-readonlyview=true] button[type=button].Select_success_E7GBT .Select_status_E7GBT{visibility:visible}.Select_select_E7GBT[data-readonlyview=true] button[type=button] .Select_status_E7GBT .Select_chevron-icon_E7GBT,.Select_select_E7GBT[data-readonlyview=true] .Select_list-wrapper_E7GBT{visibility:hidden}.Select_select_E7GBT[data-readonlyview=true] .Select_list-wrapper_E7GBT ul{display:none}.Select_selected-option_E7GBT{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_E7GBT{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_E7GBT .Select_required_E7GBT{color:var(--error)}.Select_status_E7GBT{position:absolute;top:50%;right:.8125rem;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0}.Select_status_E7GBT [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.Select_status_E7GBT [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.Select_status_E7GBT [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.Select_status_E7GBT .Select_chevron-icon_E7GBT{color:var(--default);font-size:var(--font-size-small)}.Select_status_E7GBT *+*{margin-left:1.25rem}.Select_placeholder_E7GBT{color:var(--greyed-out)}.Select_select-search_E7GBT{position:relative;width:100%;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}.Select_disabled_E7GBT{cursor:not-allowed;color:var(--greyed-out);background-color:var(--color-blue-grey25)}.Select_disabled_E7GBT>*{pointer-events:none}@media only screen and (min-width: 30em){.Select_select_E7GBT .Select_custom-select_E7GBT{padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}.Select_select_E7GBT:not(.Select_expanded_E7GBT) button:focus:not(.Select_error_E7GBT){padding:0 calc(.5 * var(--font-size) - var(--input-border-width))}}[data-readonlyview=true] .Select_root_E7GBT [data-readonlyview] button{border-color:var(--read-only-border-color)}[data-readonlyview=true] .Select_root_E7GBT [data-readonlyview] button .Select_status_E7GBT .Select_chevron-icon_E7GBT{visibility:hidden}[data-readonlyview=true] .Select_root_E7GBT [data-readonlyview] button.Select_error_E7GBT{border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Select_inlineEditing_E7GBT .Select_select_E7GBT{background-color:transparent;transition:none}.Select_inlineEditing_E7GBT .Select_select_E7GBT:not(.Select_expanded_E7GBT) button:focus:not(.Select_error_E7GBT){border-width:0;border-radius:.3125rem}.Select_inlineEditing_E7GBT .Select_select_E7GBT:focus button:focus{border:.125rem solid var(--color-focus)}.Select_inlineEditing_E7GBT .Select_select_E7GBT:hover button .Select_status_E7GBT span.Select_chevron-icon_E7GBT{visibility:visible}.Select_inlineEditing_E7GBT .Select_select_E7GBT:hover:not(.Select_disabled_E7GBT):not(.Select_expanded_E7GBT):not(.Select_error_E7GBT) button:not(:focus){border:0;background-color:transparent}.Select_inlineEditing_E7GBT .Select_select_E7GBT button{border:0}.Select_inlineEditing_E7GBT .Select_select_E7GBT button.Select_expanded_E7GBT div.Select_status_E7GBT span.Select_chevron-icon_E7GBT{visibility:visible}.Select_inlineEditing_E7GBT .Select_select_E7GBT button:focus-visible{outline:.125rem solid var(--color-focus);border-radius:.3125rem;outline-offset:-1px}.Select_inlineEditing_E7GBT .Select_select_E7GBT button.Select_error_E7GBT{color:var(--color-default)}.Select_inlineEditing_E7GBT .Select_select_E7GBT button .Select_status_E7GBT span.Select_chevron-icon_E7GBT{visibility:hidden}.Select_inlineEditing_E7GBT .Select_select_E7GBT[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_E7GBT";
-const expanded = "Select_expanded_E7GBT";
-const error = "Select_error_E7GBT";
-const disabled = "Select_disabled_E7GBT";
-const selected = "Select_selected_E7GBT";
-const success = "Select_success_E7GBT";
-const status = "Select_status_E7GBT";
-const required = "Select_required_E7GBT";
-const placeholder = "Select_placeholder_E7GBT";
-const root = "Select_root_E7GBT";
-const inlineEditing = "Select_inlineEditing_E7GBT";
+!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";
 const selectClasses = {
   select,
   expanded,
-  "list-wrapper": "Select_list-wrapper_E7GBT",
+  "list-wrapper": "Select_list-wrapper_k4xuc",
   error,
   disabled,
-  "custom-select": "Select_custom-select_E7GBT",
+  "custom-select": "Select_custom-select_k4xuc",
   selected,
   success,
   status,
-  "chevron-icon": "Select_chevron-icon_E7GBT",
-  "selected-option": "Select_selected-option_E7GBT",
+  "chevron-icon": "Select_chevron-icon_k4xuc",
+  "selected-option": "Select_selected-option_k4xuc",
   required,
   placeholder,
-  "select-search": "Select_select-search_E7GBT",
+  "select-search": "Select_select-search_k4xuc",
   root,
   inlineEditing
 };

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.useAddNewBtn_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_E7GBT{display:none}.useAddNewBtn_slide-in_E7GBT{animation:useAddNewBtn_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_E7GBT{animation-duration:.1ms}}.useAddNewBtn_slide-out_E7GBT{animation:useAddNewBtn_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_E7GBT{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_E7GBT{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_E7GBT{padding-bottom:2px}.useAddNewBtn_action-button_E7GBT{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_E7GBT:focus,.useAddNewBtn_action-button_E7GBT.useAddNewBtn_focus_E7GBT{outline:none}.useAddNewBtn_action-button_E7GBT:focus:before,.useAddNewBtn_action-button_E7GBT.useAddNewBtn_focus_E7GBT: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_E7GBT:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_E7GBT: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_E7GBT",t={"has-sibling":"useAddNewBtn_has-sibling_E7GBT","action-button":"useAddNewBtn_action-button_E7GBT",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_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;
 //# sourceMappingURL=useAddNewBtn.module.scss.cjs.js.map

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

@@ -1,8 +1,8 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.useAddNewBtn_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.useAddNewBtn_hidden_E7GBT{display:none}.useAddNewBtn_slide-in_E7GBT{animation:useAddNewBtn_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-in_E7GBT{animation-duration:.1ms}}.useAddNewBtn_slide-out_E7GBT{animation:useAddNewBtn_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.useAddNewBtn_slide-out_E7GBT{animation-duration:.1ms}}@keyframes useAddNewBtn_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes useAddNewBtn_slide-out_E7GBT{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_E7GBT{padding-bottom:2px}.useAddNewBtn_action-button_E7GBT{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_E7GBT:focus,.useAddNewBtn_action-button_E7GBT.useAddNewBtn_focus_E7GBT{outline:none}.useAddNewBtn_action-button_E7GBT:focus:before,.useAddNewBtn_action-button_E7GBT.useAddNewBtn_focus_E7GBT: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_E7GBT:hover{background-color:var(--color-blue-grey50)}.useAddNewBtn_action-button_E7GBT: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_E7GBT";
+!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";
 const classes = {
-  "has-sibling": "useAddNewBtn_has-sibling_E7GBT",
-  "action-button": "useAddNewBtn_action-button_E7GBT",
+  "has-sibling": "useAddNewBtn_has-sibling_k4xuc",
+  "action-button": "useAddNewBtn_action-button_k4xuc",
   focus
 };
 export {