@hh.ru/magritte-ui-select 6.0.21 → 6.0.22

package/Select.js

@@ -13,7 +13,7 @@ import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-drop';
 import '@hh.ru/magritte-ui-icon/icon';
-import './SelectActivator-QT7mmVum.js';
+import './SelectActivator-Rhhmfy2l.js';
 import 'classnames';
 import '@hh.ru/magritte-ui-counter';
 import '@hh.ru/magritte-ui-form-helper';

package/{SelectActivator-QT7mmVum.js → SelectActivator-Rhhmfy2l.js}

@@ -10,7 +10,7 @@ import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"select-activator":"magritte-select-activator___9XXwA_6-0-21","selectActivator":"magritte-select-activator___9XXwA_6-0-21","select-activator-label":"magritte-select-activator-label___Mc49R_6-0-21","selectActivatorLabel":"magritte-select-activator-label___Mc49R_6-0-21","select-activator-placeholder":"magritte-select-activator-placeholder___7ODSn_6-0-21","selectActivatorPlaceholder":"magritte-select-activator-placeholder___7ODSn_6-0-21","select-activator-value":"magritte-select-activator-value___wDbVR_6-0-21","selectActivatorValue":"magritte-select-activator-value___wDbVR_6-0-21","select-activator-chevron":"magritte-select-activator-chevron___DHIUH_6-0-21","selectActivatorChevron":"magritte-select-activator-chevron___DHIUH_6-0-21","select-activator-disabled":"magritte-select-activator-disabled___mYKi2_6-0-21","selectActivatorDisabled":"magritte-select-activator-disabled___mYKi2_6-0-21","select-activator-item":"magritte-select-activator-item___JsY4v_6-0-21","selectActivatorItem":"magritte-select-activator-item___JsY4v_6-0-21","select-activator-invalid":"magritte-select-activator-invalid___IdlRp_6-0-21","selectActivatorInvalid":"magritte-select-activator-invalid___IdlRp_6-0-21","select-activator-size-large":"magritte-select-activator-size-large___MIXAH_6-0-21","selectActivatorSizeLarge":"magritte-select-activator-size-large___MIXAH_6-0-21","select-activator-with-label":"magritte-select-activator-with-label___DwcKr_6-0-21","selectActivatorWithLabel":"magritte-select-activator-with-label___DwcKr_6-0-21","select-activator-label-root":"magritte-select-activator-label-root___eYIWQ_6-0-21","selectActivatorLabelRoot":"magritte-select-activator-label-root___eYIWQ_6-0-21","select-activator-has-counter":"magritte-select-activator-has-counter___k2Kc2_6-0-21","selectActivatorHasCounter":"magritte-select-activator-has-counter___k2Kc2_6-0-21","select-activator-ellipsis":"magritte-select-activator-ellipsis___16zkC_6-0-21","selectActivatorEllipsis":"magritte-select-activator-ellipsis___16zkC_6-0-21","select-activator-chevron-animation-timeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-21","selectActivatorChevronAnimationTimeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-21","select-activator-chevron-up":"magritte-select-activator-chevron-up___gtPyi_6-0-21","selectActivatorChevronUp":"magritte-select-activator-chevron-up___gtPyi_6-0-21","select-options":"magritte-select-options___y2KYZ_6-0-21","selectOptions":"magritte-select-options___y2KYZ_6-0-21","select-options-xs":"magritte-select-options-xs___BiiPo_6-0-21","selectOptionsXs":"magritte-select-options-xs___BiiPo_6-0-21","optionDelimiter":"magritte-optionDelimiter___OaKsB_6-0-21"};
+var styles = {"select-activator":"magritte-select-activator___9XXwA_6-0-22","selectActivator":"magritte-select-activator___9XXwA_6-0-22","select-activator-label":"magritte-select-activator-label___Mc49R_6-0-22","selectActivatorLabel":"magritte-select-activator-label___Mc49R_6-0-22","select-activator-placeholder":"magritte-select-activator-placeholder___7ODSn_6-0-22","selectActivatorPlaceholder":"magritte-select-activator-placeholder___7ODSn_6-0-22","select-activator-value":"magritte-select-activator-value___wDbVR_6-0-22","selectActivatorValue":"magritte-select-activator-value___wDbVR_6-0-22","select-activator-chevron":"magritte-select-activator-chevron___DHIUH_6-0-22","selectActivatorChevron":"magritte-select-activator-chevron___DHIUH_6-0-22","select-activator-disabled":"magritte-select-activator-disabled___mYKi2_6-0-22","selectActivatorDisabled":"magritte-select-activator-disabled___mYKi2_6-0-22","select-activator-item":"magritte-select-activator-item___JsY4v_6-0-22","selectActivatorItem":"magritte-select-activator-item___JsY4v_6-0-22","select-activator-invalid":"magritte-select-activator-invalid___IdlRp_6-0-22","selectActivatorInvalid":"magritte-select-activator-invalid___IdlRp_6-0-22","select-activator-size-large":"magritte-select-activator-size-large___MIXAH_6-0-22","selectActivatorSizeLarge":"magritte-select-activator-size-large___MIXAH_6-0-22","select-activator-with-label":"magritte-select-activator-with-label___DwcKr_6-0-22","selectActivatorWithLabel":"magritte-select-activator-with-label___DwcKr_6-0-22","select-activator-label-root":"magritte-select-activator-label-root___eYIWQ_6-0-22","selectActivatorLabelRoot":"magritte-select-activator-label-root___eYIWQ_6-0-22","select-activator-has-counter":"magritte-select-activator-has-counter___k2Kc2_6-0-22","selectActivatorHasCounter":"magritte-select-activator-has-counter___k2Kc2_6-0-22","select-activator-ellipsis":"magritte-select-activator-ellipsis___16zkC_6-0-22","selectActivatorEllipsis":"magritte-select-activator-ellipsis___16zkC_6-0-22","select-activator-chevron-animation-timeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-22","selectActivatorChevronAnimationTimeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-22","select-activator-chevron-up":"magritte-select-activator-chevron-up___gtPyi_6-0-22","selectActivatorChevronUp":"magritte-select-activator-chevron-up___gtPyi_6-0-22","select-options":"magritte-select-options___y2KYZ_6-0-22","selectOptions":"magritte-select-options___y2KYZ_6-0-22","select-options-xs":"magritte-select-options-xs___BiiPo_6-0-22","selectOptionsXs":"magritte-select-options-xs___BiiPo_6-0-22","optionDelimiter":"magritte-optionDelimiter___OaKsB_6-0-22"};
 
 // Когда активатор находится в фокусе, обрабатываем клавиатурную навигацию один раз и передаем фокус в дроп,
 // внутри дропа ей будет заниматься useKeyboardNavigation
@@ -107,4 +107,4 @@ const renderSelectActivator = (props) => {
 };
 
 export { SelectActivator as S, renderSelectActivator as r, styles as s };
-//# sourceMappingURL=SelectActivator-QT7mmVum.js.map
+//# sourceMappingURL=SelectActivator-Rhhmfy2l.js.map

package/{SelectActivator-QT7mmVum.js.map → SelectActivator-Rhhmfy2l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectActivator-QT7mmVum.js","sources":["../src/SelectActivator.tsx"],"sourcesContent":["import {\n    ForwardedRef,\n    Fragment,\n    KeyboardEventHandler,\n    ReactNode,\n    SyntheticEvent,\n    forwardRef,\n    useCallback,\n    useLayoutEffect,\n    useRef,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { findNextFocusableElement, keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { DeprecatedCounter } from '@hh.ru/magritte-ui-counter';\nimport { FormHelper } from '@hh.ru/magritte-ui-form-helper';\nimport { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { type SelectActivatorProps } from '@hh.ru/magritte-ui-select/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\n// Когда активатор находится в фокусе, обрабатываем клавиатурную навигацию один раз и передаем фокус в дроп,\n// внутри дропа ей будет заниматься useKeyboardNavigation\nconst focusOptionsList = (event: SyntheticEvent, drop: HTMLElement | null | undefined, direction: 'up' | 'down') => {\n    if (drop) {\n        const nextFocusableElement = findNextFocusableElement(drop, null, direction, 'list');\n        if (nextFocusableElement !== null) {\n            event.preventDefault();\n            nextFocusableElement.focus();\n        }\n    }\n};\n\nconst SelectActivator = forwardRef(\n    <T,>(\n        {\n            placeholder,\n            size = 'medium',\n            elevatePlaceholder = false,\n            disabled = false,\n            multiple,\n            invalid = false,\n            searchable = false,\n            selectedOptions,\n            toggleOptions,\n            onFocus,\n            onBlur,\n            searchValue,\n            setSearchValue,\n            description,\n            errorMessage,\n            visible,\n            dropRef,\n            forcedState,\n            setForcedState,\n        }: SelectActivatorProps<T>,\n        ref: ForwardedRef<HTMLElement>\n    ) => {\n        const activatorRef = useRef<HTMLDivElement>(null);\n        const activatorRefCallback = useMultipleRefs(ref, activatorRef);\n        const counter = multiple ? selectedOptions?.length ?? 0 : 0;\n        const inputRef = useRef<HTMLInputElement>(null);\n        const prevVisibleRef = useRef(visible);\n\n        const value = selectedOptions?.map(({ label, value }, index) => (\n            <Fragment key={value}>\n                {label}\n                {index === selectedOptions.length - 1 ? '' : ', '}\n            </Fragment>\n        ));\n\n        const hintContent = (\n            <FormHelper\n                key=\"hint\"\n                description={description}\n                errorMessage={errorMessage}\n                disabled={disabled}\n                invalid={invalid && !visible}\n            />\n        );\n\n        const handleKeyDown = useCallback<KeyboardEventHandler>(\n            (event) => {\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                    setForcedState?.('focus');\n                    toggleOptions(false);\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp)) {\n                    focusOptionsList(event, dropRef?.current, 'up');\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown)) {\n                    focusOptionsList(event, dropRef?.current, 'down');\n                    return;\n                }\n\n                if (!visible && !keyboardMatch(event.nativeEvent, keyboardKeys.Tab)) {\n                    toggleOptions(true);\n                }\n            },\n            [dropRef, setForcedState, toggleOptions, visible]\n        );\n\n        useLayoutEffect(() => {\n            if (forcedState === 'focus') {\n                if (inputRef.current !== null) {\n                    inputRef.current.focus();\n                } else {\n                    activatorRef.current?.focus();\n                    setForcedState?.(null);\n                }\n            }\n\n            if (forcedState === 'focusAndSelect') {\n                inputRef.current?.focus();\n                inputRef.current?.select();\n            }\n\n            // список опций закрылся по клику вне него\n            if (!forcedState && !visible && prevVisibleRef.current) {\n                onBlur?.();\n            }\n\n            prevVisibleRef.current = visible;\n        }, [forcedState, setForcedState, visible, onBlur]);\n\n        if (searchable && (visible || forcedState === 'focus' || forcedState === 'focusAndSelect')) {\n            const sizeProp = size === 'large' ? ({ size: 'large' } as const) : ({ size: 'medium' } as const);\n\n            return (\n                <>\n                    <BaseInput\n                        {...sizeProp}\n                        wrapperRef={ref as ForwardedRef<HTMLDivElement> | undefined}\n                        onKeyDown={handleKeyDown}\n                        ref={inputRef}\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onBlur={() => setForcedState?.(null)}\n                        data-qa=\"magritte-select-activator-input\"\n                        placeholder={selectedOptions.length > 0 ? value : placeholder}\n                        counter={counter === 0 ? undefined : counter}\n                        autoComplete=\"off\"\n                    />\n                    {hintContent}\n                </>\n            );\n        }\n\n        const showValue = selectedOptions.length > 0;\n        const showPlaceholder = !!(placeholder && !showValue);\n        const isLargeSize = size === 'large';\n        const showLabel = !!(isLargeSize && placeholder && elevatePlaceholder && showValue);\n\n        return (\n            <>\n                <div\n                    ref={activatorRefCallback}\n                    data-qa=\"magritte-select-activator\"\n                    className={classnames(styles.selectActivator, {\n                        [styles.selectActivatorSizeLarge]: isLargeSize,\n                        [styles.selectActivatorWithLabel]: showLabel,\n                        [styles.selectActivatorHasCounter]: counter > 0,\n                        [styles.selectActivatorDisabled]: disabled,\n                        [styles.selectActivatorInvalid]: invalid,\n                    })}\n                    onClick={() => {\n                        if (!disabled && !visible) {\n                            toggleOptions(true);\n                        }\n                    }}\n                    onFocus={() => {\n                        if (!disabled && !visible && forcedState !== 'focus' && forcedState !== 'focusAndSelect') {\n                            onFocus?.();\n                            toggleOptions(true);\n                            setForcedState?.('focus');\n                        }\n                    }}\n                    onBlur={() => {\n                        if (!disabled && !visible) {\n                            onBlur?.();\n                        }\n                    }}\n                    onKeyDown={handleKeyDown}\n                    tabIndex={disabled ? -1 : 0}\n                >\n                    <div className={styles.selectActivatorLabelRoot}>\n                        {showPlaceholder && (\n                            <div className={styles.selectActivatorPlaceholder}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showLabel && (\n                            <div className={styles.selectActivatorLabel}>\n                                <Text typography=\"label-4-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showValue && (\n                            <div className={styles.selectActivatorValue}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{value}</div>\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n                    <div className={styles.selectActivatorItem}>\n                        {counter > 0 && <DeprecatedCounter label={counter} />}\n                        <div\n                            className={classnames(styles.selectActivatorChevron, {\n                                [styles.selectActivatorChevronUp]: visible,\n                            })}\n                        >\n                            <ChevronDownOutlinedSize24 />\n                        </div>\n                    </div>\n                </div>\n                {hintContent}\n            </>\n        );\n    }\n);\n\nSelectActivator.displayName = 'SelectActivator';\n\nconst renderSelectActivator = <T,>(props: SelectActivatorProps<T>): ReactNode => {\n    return <SelectActivator {...props} />;\n};\n\nexport { SelectActivator, renderSelectActivator };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"SelectActivator-Rhhmfy2l.js","sources":["../src/SelectActivator.tsx"],"sourcesContent":["import {\n    ForwardedRef,\n    Fragment,\n    KeyboardEventHandler,\n    ReactNode,\n    SyntheticEvent,\n    forwardRef,\n    useCallback,\n    useLayoutEffect,\n    useRef,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { findNextFocusableElement, keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { DeprecatedCounter } from '@hh.ru/magritte-ui-counter';\nimport { FormHelper } from '@hh.ru/magritte-ui-form-helper';\nimport { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { type SelectActivatorProps } from '@hh.ru/magritte-ui-select/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\n// Когда активатор находится в фокусе, обрабатываем клавиатурную навигацию один раз и передаем фокус в дроп,\n// внутри дропа ей будет заниматься useKeyboardNavigation\nconst focusOptionsList = (event: SyntheticEvent, drop: HTMLElement | null | undefined, direction: 'up' | 'down') => {\n    if (drop) {\n        const nextFocusableElement = findNextFocusableElement(drop, null, direction, 'list');\n        if (nextFocusableElement !== null) {\n            event.preventDefault();\n            nextFocusableElement.focus();\n        }\n    }\n};\n\nconst SelectActivator = forwardRef(\n    <T,>(\n        {\n            placeholder,\n            size = 'medium',\n            elevatePlaceholder = false,\n            disabled = false,\n            multiple,\n            invalid = false,\n            searchable = false,\n            selectedOptions,\n            toggleOptions,\n            onFocus,\n            onBlur,\n            searchValue,\n            setSearchValue,\n            description,\n            errorMessage,\n            visible,\n            dropRef,\n            forcedState,\n            setForcedState,\n        }: SelectActivatorProps<T>,\n        ref: ForwardedRef<HTMLElement>\n    ) => {\n        const activatorRef = useRef<HTMLDivElement>(null);\n        const activatorRefCallback = useMultipleRefs(ref, activatorRef);\n        const counter = multiple ? selectedOptions?.length ?? 0 : 0;\n        const inputRef = useRef<HTMLInputElement>(null);\n        const prevVisibleRef = useRef(visible);\n\n        const value = selectedOptions?.map(({ label, value }, index) => (\n            <Fragment key={value}>\n                {label}\n                {index === selectedOptions.length - 1 ? '' : ', '}\n            </Fragment>\n        ));\n\n        const hintContent = (\n            <FormHelper\n                key=\"hint\"\n                description={description}\n                errorMessage={errorMessage}\n                disabled={disabled}\n                invalid={invalid && !visible}\n            />\n        );\n\n        const handleKeyDown = useCallback<KeyboardEventHandler>(\n            (event) => {\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                    setForcedState?.('focus');\n                    toggleOptions(false);\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp)) {\n                    focusOptionsList(event, dropRef?.current, 'up');\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown)) {\n                    focusOptionsList(event, dropRef?.current, 'down');\n                    return;\n                }\n\n                if (!visible && !keyboardMatch(event.nativeEvent, keyboardKeys.Tab)) {\n                    toggleOptions(true);\n                }\n            },\n            [dropRef, setForcedState, toggleOptions, visible]\n        );\n\n        useLayoutEffect(() => {\n            if (forcedState === 'focus') {\n                if (inputRef.current !== null) {\n                    inputRef.current.focus();\n                } else {\n                    activatorRef.current?.focus();\n                    setForcedState?.(null);\n                }\n            }\n\n            if (forcedState === 'focusAndSelect') {\n                inputRef.current?.focus();\n                inputRef.current?.select();\n            }\n\n            // список опций закрылся по клику вне него\n            if (!forcedState && !visible && prevVisibleRef.current) {\n                onBlur?.();\n            }\n\n            prevVisibleRef.current = visible;\n        }, [forcedState, setForcedState, visible, onBlur]);\n\n        if (searchable && (visible || forcedState === 'focus' || forcedState === 'focusAndSelect')) {\n            const sizeProp = size === 'large' ? ({ size: 'large' } as const) : ({ size: 'medium' } as const);\n\n            return (\n                <>\n                    <BaseInput\n                        {...sizeProp}\n                        wrapperRef={ref as ForwardedRef<HTMLDivElement> | undefined}\n                        onKeyDown={handleKeyDown}\n                        ref={inputRef}\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onBlur={() => setForcedState?.(null)}\n                        data-qa=\"magritte-select-activator-input\"\n                        placeholder={selectedOptions.length > 0 ? value : placeholder}\n                        counter={counter === 0 ? undefined : counter}\n                        autoComplete=\"off\"\n                    />\n                    {hintContent}\n                </>\n            );\n        }\n\n        const showValue = selectedOptions.length > 0;\n        const showPlaceholder = !!(placeholder && !showValue);\n        const isLargeSize = size === 'large';\n        const showLabel = !!(isLargeSize && placeholder && elevatePlaceholder && showValue);\n\n        return (\n            <>\n                <div\n                    ref={activatorRefCallback}\n                    data-qa=\"magritte-select-activator\"\n                    className={classnames(styles.selectActivator, {\n                        [styles.selectActivatorSizeLarge]: isLargeSize,\n                        [styles.selectActivatorWithLabel]: showLabel,\n                        [styles.selectActivatorHasCounter]: counter > 0,\n                        [styles.selectActivatorDisabled]: disabled,\n                        [styles.selectActivatorInvalid]: invalid,\n                    })}\n                    onClick={() => {\n                        if (!disabled && !visible) {\n                            toggleOptions(true);\n                        }\n                    }}\n                    onFocus={() => {\n                        if (!disabled && !visible && forcedState !== 'focus' && forcedState !== 'focusAndSelect') {\n                            onFocus?.();\n                            toggleOptions(true);\n                            setForcedState?.('focus');\n                        }\n                    }}\n                    onBlur={() => {\n                        if (!disabled && !visible) {\n                            onBlur?.();\n                        }\n                    }}\n                    onKeyDown={handleKeyDown}\n                    tabIndex={disabled ? -1 : 0}\n                >\n                    <div className={styles.selectActivatorLabelRoot}>\n                        {showPlaceholder && (\n                            <div className={styles.selectActivatorPlaceholder}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showLabel && (\n                            <div className={styles.selectActivatorLabel}>\n                                <Text typography=\"label-4-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showValue && (\n                            <div className={styles.selectActivatorValue}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{value}</div>\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n                    <div className={styles.selectActivatorItem}>\n                        {counter > 0 && <DeprecatedCounter label={counter} />}\n                        <div\n                            className={classnames(styles.selectActivatorChevron, {\n                                [styles.selectActivatorChevronUp]: visible,\n                            })}\n                        >\n                            <ChevronDownOutlinedSize24 />\n                        </div>\n                    </div>\n                </div>\n                {hintContent}\n            </>\n        );\n    }\n);\n\nSelectActivator.displayName = 'SelectActivator';\n\nconst renderSelectActivator = <T,>(props: SelectActivatorProps<T>): ReactNode => {\n    return <SelectActivator {...props} />;\n};\n\nexport { SelectActivator, renderSelectActivator };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/SelectActivator.js

@@ -9,5 +9,5 @@ import '@hh.ru/magritte-ui-form-helper';
 import '@hh.ru/magritte-ui-icon/icon';
 import '@hh.ru/magritte-ui-input/BaseInput';
 import '@hh.ru/magritte-ui-typography';
-export { S as SelectActivator, r as renderSelectActivator } from './SelectActivator-QT7mmVum.js';
+export { S as SelectActivator, r as renderSelectActivator } from './SelectActivator-Rhhmfy2l.js';
 //# sourceMappingURL=SelectActivator.js.map

package/SelectForDesktopDevice.js

@@ -7,7 +7,7 @@ import { Card } from '@hh.ru/magritte-ui-card';
 import { Cell, CellText } from '@hh.ru/magritte-ui-cell';
 import { Drop } from '@hh.ru/magritte-ui-drop';
 import { CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
-import { S as SelectActivator, s as styles } from './SelectActivator-QT7mmVum.js';
+import { S as SelectActivator, s as styles } from './SelectActivator-Rhhmfy2l.js';
 import { SelectOption } from './SelectOption.js';
 import { getChecked } from './getChecked.js';
 import 'classnames';

package/SelectForMobileDevice.js

@@ -5,7 +5,7 @@ import { BottomSheet, BottomSheetFooter } from '@hh.ru/magritte-ui-bottom-sheet'
 import { CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { SearchInput } from '@hh.ru/magritte-ui-input';
 import { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';
-import { s as styles, r as renderSelectActivator } from './SelectActivator-QT7mmVum.js';
+import { s as styles, r as renderSelectActivator } from './SelectActivator-Rhhmfy2l.js';
 import { SelectOption } from './SelectOption.js';
 import { getChecked } from './getChecked.js';
 import 'classnames';

package/UncontrolledSelect.js

@@ -11,7 +11,7 @@ import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-drop';
 import '@hh.ru/magritte-ui-icon/icon';
-import './SelectActivator-QT7mmVum.js';
+import './SelectActivator-Rhhmfy2l.js';
 import 'classnames';
 import '@hh.ru/magritte-ui-counter';
 import '@hh.ru/magritte-ui-form-helper';

package/index.css

@@ -1,82 +1,82 @@
 :root{
-  --magritte-color-component-input-stroke-state-field-hovered-v18-3-0:#CCD5DF;
-  --magritte-color-component-input-stroke-state-field-focused-v18-3-0:#0070ff;
-  --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-3-0:#0070ff7a;
-  --magritte-color-component-input-stroke-state-field-invalid-v18-3-0:#ff4d3a;
-  --magritte-color-component-input-stroke-state-field-disabled-v18-3-0:#EEF1F7;
-  --magritte-color-component-input-background-field-v18-3-0:#ffffff;
-  --magritte-color-component-input-background-state-field-hovered-v18-3-0:#ffffff;
-  --magritte-color-component-input-background-state-field-focused-v18-3-0:#ffffff;
-  --magritte-color-component-input-background-state-field-invalid-v18-3-0:#ffffff;
-  --magritte-color-component-input-background-state-field-disabled-v18-3-0:#F4F6FB;
-  --magritte-color-component-input-stroke-field-v18-3-0:#DCE3EB;
-  --magritte-color-component-input-text-state-content-disabled-v18-3-0:#AABBCA;
-  --magritte-color-component-input-text-state-label-disabled-v18-3-0:#AABBCA;
-  --magritte-color-component-input-text-state-placeholder-disabled-v18-3-0:#AABBCA;
-  --magritte-color-component-input-text-state-content-hovered-v18-3-0:#000000;
-  --magritte-color-component-input-text-state-content-focused-v18-3-0:#000000;
-  --magritte-color-component-input-text-state-content-invalid-v18-3-0:#000000;
-  --magritte-color-component-input-text-state-label-hovered-v18-3-0:#768694;
-  --magritte-color-component-input-text-state-label-focused-v18-3-0:#768694;
-  --magritte-color-component-input-text-state-label-invalid-v18-3-0:#768694;
-  --magritte-color-component-input-text-state-placeholder-hovered-v18-3-0:#768694;
-  --magritte-color-component-input-text-state-placeholder-focused-v18-3-0:#AABBCA;
-  --magritte-color-component-input-text-state-placeholder-invalid-v18-3-0:#AABBCA;
-  --magritte-color-component-input-counter-background-content-v18-3-0:#EEF1F7;
-  --magritte-color-component-input-counter-background-state-content-disabled-v18-3-0:#CCD5DF;
-  --magritte-color-component-input-counter-text-state-content-disabled-v18-3-0:#96aabb;
-  --magritte-color-component-input-counter-text-content-v18-3-0:#8293a2;
-  --magritte-color-component-input-icon-content-v18-3-0:#6a7885;
-  --magritte-color-component-input-icon-state-content-hovered-v18-3-0:#6a7885;
-  --magritte-color-component-input-icon-state-content-focused-v18-3-0:#000000;
-  --magritte-color-component-input-icon-state-content-invalid-v18-3-0:#6a7885;
-  --magritte-color-component-input-icon-state-content-disabled-v18-3-0:#AABBCA;
-  --magritte-color-component-input-text-content-v18-3-0:#000000;
-  --magritte-color-component-input-text-label-v18-3-0:#768694;
-  --magritte-color-component-input-text-placeholder-v18-3-0:#AABBCA;
+  --magritte-color-component-input-stroke-state-field-hovered-v18-3-1:#CCD5DF;
+  --magritte-color-component-input-stroke-state-field-focused-v18-3-1:#0070ff;
+  --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-3-1:#0070ff7a;
+  --magritte-color-component-input-stroke-state-field-invalid-v18-3-1:#ff4d3a;
+  --magritte-color-component-input-stroke-state-field-disabled-v18-3-1:#EEF1F7;
+  --magritte-color-component-input-background-field-v18-3-1:#ffffff;
+  --magritte-color-component-input-background-state-field-hovered-v18-3-1:#ffffff;
+  --magritte-color-component-input-background-state-field-focused-v18-3-1:#ffffff;
+  --magritte-color-component-input-background-state-field-invalid-v18-3-1:#ffffff;
+  --magritte-color-component-input-background-state-field-disabled-v18-3-1:#F4F6FB;
+  --magritte-color-component-input-stroke-field-v18-3-1:#DCE3EB;
+  --magritte-color-component-input-text-state-content-disabled-v18-3-1:#AABBCA;
+  --magritte-color-component-input-text-state-label-disabled-v18-3-1:#AABBCA;
+  --magritte-color-component-input-text-state-placeholder-disabled-v18-3-1:#AABBCA;
+  --magritte-color-component-input-text-state-content-hovered-v18-3-1:#000000;
+  --magritte-color-component-input-text-state-content-focused-v18-3-1:#000000;
+  --magritte-color-component-input-text-state-content-invalid-v18-3-1:#000000;
+  --magritte-color-component-input-text-state-label-hovered-v18-3-1:#768694;
+  --magritte-color-component-input-text-state-label-focused-v18-3-1:#768694;
+  --magritte-color-component-input-text-state-label-invalid-v18-3-1:#768694;
+  --magritte-color-component-input-text-state-placeholder-hovered-v18-3-1:#768694;
+  --magritte-color-component-input-text-state-placeholder-focused-v18-3-1:#AABBCA;
+  --magritte-color-component-input-text-state-placeholder-invalid-v18-3-1:#AABBCA;
+  --magritte-color-component-input-counter-background-content-v18-3-1:#EEF1F7;
+  --magritte-color-component-input-counter-background-state-content-disabled-v18-3-1:#CCD5DF;
+  --magritte-color-component-input-counter-text-state-content-disabled-v18-3-1:#96aabb;
+  --magritte-color-component-input-counter-text-content-v18-3-1:#8293a2;
+  --magritte-color-component-input-icon-content-v18-3-1:#6a7885;
+  --magritte-color-component-input-icon-state-content-hovered-v18-3-1:#6a7885;
+  --magritte-color-component-input-icon-state-content-focused-v18-3-1:#000000;
+  --magritte-color-component-input-icon-state-content-invalid-v18-3-1:#6a7885;
+  --magritte-color-component-input-icon-state-content-disabled-v18-3-1:#AABBCA;
+  --magritte-color-component-input-text-content-v18-3-1:#000000;
+  --magritte-color-component-input-text-label-v18-3-1:#768694;
+  --magritte-color-component-input-text-placeholder-v18-3-1:#AABBCA;
 }
 :root{
-  --magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-100-duration-v18-3-0:100ms;
+  --magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-100-duration-v18-3-1:100ms;
 }
 .magritte-night-theme{
-  --magritte-color-component-input-stroke-state-field-hovered-v18-3-0:#3B3B3B;
-  --magritte-color-component-input-stroke-state-field-focused-v18-3-0:#0070ff;
-  --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-3-0:#0070ff7a;
-  --magritte-color-component-input-stroke-state-field-invalid-v18-3-0:#ff4d3a;
-  --magritte-color-component-input-stroke-state-field-disabled-v18-3-0:#111;
-  --magritte-color-component-input-background-field-v18-3-0:#1B1B1B;
-  --magritte-color-component-input-background-state-field-hovered-v18-3-0:#1B1B1B;
-  --magritte-color-component-input-background-state-field-focused-v18-3-0:#1B1B1B;
-  --magritte-color-component-input-background-state-field-invalid-v18-3-0:#1B1B1B;
-  --magritte-color-component-input-background-state-field-disabled-v18-3-0:#111;
-  --magritte-color-component-input-stroke-field-v18-3-0:#303030;
-  --magritte-color-component-input-text-content-v18-3-0:#ffffff;
-  --magritte-color-component-input-text-label-v18-3-0:#919191;
-  --magritte-color-component-input-text-placeholder-v18-3-0:#535353;
-  --magritte-color-component-input-text-state-content-disabled-v18-3-0:#474747;
-  --magritte-color-component-input-text-state-label-disabled-v18-3-0:#474747;
-  --magritte-color-component-input-text-state-placeholder-disabled-v18-3-0:#474747;
-  --magritte-color-component-input-text-state-content-hovered-v18-3-0:#ffffff;
-  --magritte-color-component-input-text-state-content-focused-v18-3-0:#ffffff;
-  --magritte-color-component-input-text-state-content-invalid-v18-3-0:#ffffff;
-  --magritte-color-component-input-text-state-label-hovered-v18-3-0:#919191;
-  --magritte-color-component-input-text-state-label-focused-v18-3-0:#919191;
-  --magritte-color-component-input-text-state-label-invalid-v18-3-0:#919191;
-  --magritte-color-component-input-text-state-placeholder-hovered-v18-3-0:#5E5E5E;
-  --magritte-color-component-input-text-state-placeholder-focused-v18-3-0:#535353;
-  --magritte-color-component-input-text-state-placeholder-invalid-v18-3-0:#535353;
-  --magritte-color-component-input-counter-background-content-v18-3-0:#EEF1F7;
-  --magritte-color-component-input-counter-background-state-content-disabled-v18-3-0:#CCD5DF;
-  --magritte-color-component-input-counter-text-state-content-disabled-v18-3-0:#96aabb;
-  --magritte-color-component-input-counter-text-content-v18-3-0:#6a7885;
-  --magritte-color-component-input-icon-state-content-hovered-v18-3-0:#5E5E5E;
-  --magritte-color-component-input-icon-state-content-focused-v18-3-0:#ffffff;
-  --magritte-color-component-input-icon-state-content-invalid-v18-3-0:#767676;
-  --magritte-color-component-input-icon-state-content-disabled-v18-3-0:#474747;
-  --magritte-color-component-input-icon-content-v18-3-0:#ABABAB;
-}
-.magritte-select-activator___9XXwA_6-0-21{
+  --magritte-color-component-input-stroke-state-field-hovered-v18-3-1:#3B3B3B;
+  --magritte-color-component-input-stroke-state-field-focused-v18-3-1:#0070ff;
+  --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-3-1:#0070ff7a;
+  --magritte-color-component-input-stroke-state-field-invalid-v18-3-1:#ff4d3a;
+  --magritte-color-component-input-stroke-state-field-disabled-v18-3-1:#111;
+  --magritte-color-component-input-background-field-v18-3-1:#1B1B1B;
+  --magritte-color-component-input-background-state-field-hovered-v18-3-1:#1B1B1B;
+  --magritte-color-component-input-background-state-field-focused-v18-3-1:#1B1B1B;
+  --magritte-color-component-input-background-state-field-invalid-v18-3-1:#1B1B1B;
+  --magritte-color-component-input-background-state-field-disabled-v18-3-1:#111;
+  --magritte-color-component-input-stroke-field-v18-3-1:#303030;
+  --magritte-color-component-input-text-content-v18-3-1:#ffffff;
+  --magritte-color-component-input-text-label-v18-3-1:#919191;
+  --magritte-color-component-input-text-placeholder-v18-3-1:#535353;
+  --magritte-color-component-input-text-state-content-disabled-v18-3-1:#474747;
+  --magritte-color-component-input-text-state-label-disabled-v18-3-1:#474747;
+  --magritte-color-component-input-text-state-placeholder-disabled-v18-3-1:#474747;
+  --magritte-color-component-input-text-state-content-hovered-v18-3-1:#ffffff;
+  --magritte-color-component-input-text-state-content-focused-v18-3-1:#ffffff;
+  --magritte-color-component-input-text-state-content-invalid-v18-3-1:#ffffff;
+  --magritte-color-component-input-text-state-label-hovered-v18-3-1:#919191;
+  --magritte-color-component-input-text-state-label-focused-v18-3-1:#919191;
+  --magritte-color-component-input-text-state-label-invalid-v18-3-1:#919191;
+  --magritte-color-component-input-text-state-placeholder-hovered-v18-3-1:#5E5E5E;
+  --magritte-color-component-input-text-state-placeholder-focused-v18-3-1:#535353;
+  --magritte-color-component-input-text-state-placeholder-invalid-v18-3-1:#535353;
+  --magritte-color-component-input-counter-background-content-v18-3-1:#EEF1F7;
+  --magritte-color-component-input-counter-background-state-content-disabled-v18-3-1:#CCD5DF;
+  --magritte-color-component-input-counter-text-state-content-disabled-v18-3-1:#96aabb;
+  --magritte-color-component-input-counter-text-content-v18-3-1:#6a7885;
+  --magritte-color-component-input-icon-state-content-hovered-v18-3-1:#5E5E5E;
+  --magritte-color-component-input-icon-state-content-focused-v18-3-1:#ffffff;
+  --magritte-color-component-input-icon-state-content-invalid-v18-3-1:#767676;
+  --magritte-color-component-input-icon-state-content-disabled-v18-3-1:#474747;
+  --magritte-color-component-input-icon-content-v18-3-1:#ABABAB;
+}
+.magritte-select-activator___9XXwA_6-0-22{
   display:flex;
   flex:1 0 0;
   align-items:center;
@@ -85,162 +85,162 @@
   flex-basis:auto;
   border-radius:12px;
   padding:12px 12px 12px 16px;
-  background-color:var(--magritte-color-component-input-background-field-v18-3-0);
-  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-3-0);
+  background-color:var(--magritte-color-component-input-background-field-v18-3-1);
+  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-3-1);
   min-width:60px;
   user-select:none;
-  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-3-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21:focus{
-  background-color:var(--magritte-color-component-input-background-state-field-focused-v18-3-0);
-  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22:focus{
+  background-color:var(--magritte-color-component-input-background-state-field-focused-v18-3-1);
+  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21:focus .magritte-select-activator-label___Mc49R_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-focused-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22:focus .magritte-select-activator-label___Mc49R_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-focused-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21:focus .magritte-select-activator-placeholder___7ODSn_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-focused-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22:focus .magritte-select-activator-placeholder___7ODSn_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-focused-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21:focus .magritte-select-activator-value___wDbVR_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22:focus .magritte-select-activator-value___wDbVR_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21:focus .magritte-select-activator-chevron___DHIUH_6-0-21{
-  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22:focus .magritte-select-activator-chevron___DHIUH_6-0-22{
+  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21.focus-visible{
-  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-3-0) solid 4px;
+.magritte-select-activator___9XXwA_6-0-22.focus-visible{
+  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-3-1) solid 4px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21){
+  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22){
     cursor:pointer;
   }
-  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus){
-    background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-3-0);
-    box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-3-0);
+  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus){
+    background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-3-1);
+    box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-3-1);
   }
-  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-label___Mc49R_6-0-21{
-    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-hovered-v18-3-0);
+  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-label___Mc49R_6-0-22{
+    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-hovered-v18-3-1);
   }
-  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-placeholder___7ODSn_6-0-21{
-    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-3-0);
+  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-placeholder___7ODSn_6-0-22{
+    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-3-1);
   }
-  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-value___wDbVR_6-0-21{
-    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
+  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-value___wDbVR_6-0-22{
+    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-3-1);
   }
-  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-chevron___DHIUH_6-0-21{
-    --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-3-0);
+  body.magritte-old-layout .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-chevron___DHIUH_6-0-22{
+    --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-3-1);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21){
+  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22){
     cursor:pointer;
   }
-  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus){
-    background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-3-0);
-    box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-3-0);
+  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus){
+    background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-3-1);
+    box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-3-1);
   }
-  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-label___Mc49R_6-0-21{
-    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-hovered-v18-3-0);
+  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-label___Mc49R_6-0-22{
+    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-hovered-v18-3-1);
   }
-  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-placeholder___7ODSn_6-0-21{
-    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-3-0);
+  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-placeholder___7ODSn_6-0-22{
+    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-3-1);
   }
-  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-value___wDbVR_6-0-21{
-    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
+  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-value___wDbVR_6-0-22{
+    --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-3-1);
   }
-  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-21:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-21):not(:focus) .magritte-select-activator-chevron___DHIUH_6-0-21{
-    --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-3-0);
+  body:not(.magritte-old-layout) .magritte-select-activator___9XXwA_6-0-22:hover:not(.magritte-select-activator-disabled___mYKi2_6-0-22):not(:focus) .magritte-select-activator-chevron___DHIUH_6-0-22{
+    --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-3-1);
   }
 }
-.magritte-select-activator___9XXwA_6-0-21.magritte-select-activator-disabled___mYKi2_6-0-21{
+.magritte-select-activator___9XXwA_6-0-22.magritte-select-activator-disabled___mYKi2_6-0-22{
   cursor:not-allowed;
-  background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-3-0);
-  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-3-0);
+  background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-3-1);
+  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21.magritte-select-activator-disabled___mYKi2_6-0-21 .magritte-select-activator-item___JsY4v_6-0-21{
-  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-3-0);
-  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22.magritte-select-activator-disabled___mYKi2_6-0-22 .magritte-select-activator-item___JsY4v_6-0-22{
+  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-3-1);
+  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21.magritte-select-activator-disabled___mYKi2_6-0-21 .magritte-select-activator-label___Mc49R_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-disabled-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22.magritte-select-activator-disabled___mYKi2_6-0-22 .magritte-select-activator-label___Mc49R_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-disabled-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21.magritte-select-activator-disabled___mYKi2_6-0-21 .magritte-select-activator-placeholder___7ODSn_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22.magritte-select-activator-disabled___mYKi2_6-0-22 .magritte-select-activator-placeholder___7ODSn_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21.magritte-select-activator-disabled___mYKi2_6-0-21 .magritte-select-activator-value___wDbVR_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22.magritte-select-activator-disabled___mYKi2_6-0-22 .magritte-select-activator-value___wDbVR_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-3-1);
 }
-.magritte-select-activator___9XXwA_6-0-21.magritte-select-activator-disabled___mYKi2_6-0-21 .magritte-select-activator-chevron___DHIUH_6-0-21{
-  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-3-0);
+.magritte-select-activator___9XXwA_6-0-22.magritte-select-activator-disabled___mYKi2_6-0-22 .magritte-select-activator-chevron___DHIUH_6-0-22{
+  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-3-1);
 }
-.magritte-select-activator-invalid___IdlRp_6-0-21{
-  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-3-0);
-  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-3-0);
+.magritte-select-activator-invalid___IdlRp_6-0-22{
+  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-3-1);
+  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-3-1);
 }
-.magritte-select-activator-invalid___IdlRp_6-0-21 .magritte-select-activator-label___Mc49R_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-invalid-v18-3-0);
+.magritte-select-activator-invalid___IdlRp_6-0-22 .magritte-select-activator-label___Mc49R_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-label-invalid-v18-3-1);
 }
-.magritte-select-activator-invalid___IdlRp_6-0-21 .magritte-select-activator-placeholder___7ODSn_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-3-0);
+.magritte-select-activator-invalid___IdlRp_6-0-22 .magritte-select-activator-placeholder___7ODSn_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-3-1);
 }
-.magritte-select-activator-invalid___IdlRp_6-0-21 .magritte-select-activator-value___wDbVR_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-3-0);
+.magritte-select-activator-invalid___IdlRp_6-0-22 .magritte-select-activator-value___wDbVR_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-3-1);
 }
-.magritte-select-activator-invalid___IdlRp_6-0-21 .magritte-select-activator-chevron___DHIUH_6-0-21{
-  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-3-0);
+.magritte-select-activator-invalid___IdlRp_6-0-22 .magritte-select-activator-chevron___DHIUH_6-0-22{
+  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-3-1);
 }
-.magritte-select-activator-size-large___MIXAH_6-0-21{
+.magritte-select-activator-size-large___MIXAH_6-0-22{
   padding:16px;
 }
-.magritte-select-activator-with-label___DwcKr_6-0-21{
+.magritte-select-activator-with-label___DwcKr_6-0-22{
   padding:8px 16px;
 }
-.magritte-select-activator-label-root___eYIWQ_6-0-21{
+.magritte-select-activator-label-root___eYIWQ_6-0-22{
   display:flex;
   flex-direction:column;
   overflow:hidden;
 }
-.magritte-select-activator-item___JsY4v_6-0-21{
+.magritte-select-activator-item___JsY4v_6-0-22{
   display:flex;
   width:fit-content;
   gap:12px;
-  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-3-0);
-  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-3-0);
+  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-3-1);
+  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-3-1);
 }
-.magritte-select-activator-has-counter___k2Kc2_6-0-21{
+.magritte-select-activator-has-counter___k2Kc2_6-0-22{
   min-width:96px;
 }
-.magritte-select-activator-ellipsis___16zkC_6-0-21{
+.magritte-select-activator-ellipsis___16zkC_6-0-22{
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
 }
-.magritte-select-activator-placeholder___7ODSn_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-placeholder-v18-3-0);
+.magritte-select-activator-placeholder___7ODSn_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-placeholder-v18-3-1);
 }
-.magritte-select-activator-label___Mc49R_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-label-v18-3-0);
+.magritte-select-activator-label___Mc49R_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-label-v18-3-1);
 }
-.magritte-select-activator-value___wDbVR_6-0-21{
-  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-3-0);
+.magritte-select-activator-value___wDbVR_6-0-22{
+  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-3-1);
 }
-.magritte-select-activator-chevron___DHIUH_6-0-21{
+.magritte-select-activator-chevron___DHIUH_6-0-22{
   height:24px;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-select-activator-chevron-animation-timeout___y19bf_6-0-21,
-  .magritte-select-activator-chevron___DHIUH_6-0-21{
+  .magritte-select-activator-chevron-animation-timeout___y19bf_6-0-22,
+  .magritte-select-activator-chevron___DHIUH_6-0-22{
     transform:rotate(0);
     transition-property:transform;
-    transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-0);
-    transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-0);
-    --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-0);
+    transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-1);
+    transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-1);
+    --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-1);
   }
-  .magritte-select-activator-chevron-up___gtPyi_6-0-21{
+  .magritte-select-activator-chevron-up___gtPyi_6-0-22{
     transform:rotate(-180deg);
   }
 }
-.magritte-select-options___y2KYZ_6-0-21{
+.magritte-select-options___y2KYZ_6-0-22{
   display:flex;
   width:100%;
   gap:12px;
@@ -250,9 +250,9 @@
   align-items:stretch;
   flex-direction:column;
 }
-.magritte-select-options-xs___BiiPo_6-0-21{
+.magritte-select-options-xs___BiiPo_6-0-22{
   margin-bottom:0;
 }
-.magritte-optionDelimiter___OaKsB_6-0-21{
+.magritte-optionDelimiter___OaKsB_6-0-22{
   padding:16px 8px 0;
 }

package/index.js

@@ -1,5 +1,5 @@
 import './index.css';
-export { S as SelectActivator } from './SelectActivator-QT7mmVum.js';
+export { S as SelectActivator } from './SelectActivator-Rhhmfy2l.js';
 export { UncontrolledSelect } from './UncontrolledSelect.js';
 export { Select } from './Select.js';
 import 'react/jsx-runtime';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-select",
-  "version": "6.0.21",
+  "version": "6.0.22",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -23,20 +23,20 @@
     "@hh.ru/magritte-common-fuzzy-search": "1.0.5",
     "@hh.ru/magritte-common-keyboard": "4.0.1",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
-    "@hh.ru/magritte-design-tokens": "18.3.0",
-    "@hh.ru/magritte-ui-bottom-sheet": "5.3.6",
+    "@hh.ru/magritte-design-tokens": "18.3.1",
+    "@hh.ru/magritte-ui-bottom-sheet": "5.3.7",
     "@hh.ru/magritte-ui-breakpoint": "4.0.3",
-    "@hh.ru/magritte-ui-card": "6.1.0",
-    "@hh.ru/magritte-ui-cell": "4.0.4",
-    "@hh.ru/magritte-ui-checkable-card": "3.0.26",
-    "@hh.ru/magritte-ui-checkbox-radio": "3.0.13",
-    "@hh.ru/magritte-ui-counter": "5.0.2",
-    "@hh.ru/magritte-ui-drop": "7.0.4",
-    "@hh.ru/magritte-ui-form-helper": "1.0.6",
-    "@hh.ru/magritte-ui-icon": "7.5.0",
-    "@hh.ru/magritte-ui-input": "6.0.3",
-    "@hh.ru/magritte-ui-navigation-bar": "5.1.8",
-    "@hh.ru/magritte-ui-typography": "3.0.13"
+    "@hh.ru/magritte-ui-card": "6.1.1",
+    "@hh.ru/magritte-ui-cell": "4.0.5",
+    "@hh.ru/magritte-ui-checkable-card": "3.0.27",
+    "@hh.ru/magritte-ui-checkbox-radio": "3.0.14",
+    "@hh.ru/magritte-ui-counter": "5.0.3",
+    "@hh.ru/magritte-ui-drop": "7.0.5",
+    "@hh.ru/magritte-ui-form-helper": "1.0.7",
+    "@hh.ru/magritte-ui-icon": "7.5.1",
+    "@hh.ru/magritte-ui-input": "6.0.4",
+    "@hh.ru/magritte-ui-navigation-bar": "5.1.9",
+    "@hh.ru/magritte-ui-typography": "3.0.14"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2719680c0fbdbc1c92fe4ac0306279e3df74514e"
+  "gitHead": "0426064d044b8d9226151259d9a175af5c8d1dab"
 }