@alfalab/core-components 23.7.0 → 23.9.1

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1nsdr */
-.select__skeleton_14tiu {
+/* hash: 1isnn */
+.select__skeleton_18qvf {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/useSelectWithApply/hook.js

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../tslib.es6-0ad47753.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../../form-control');
+require('../../utils.js');
+require('../../components/field/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../../components/arrow/Component.js');
+require('react-merge-refs');
+require('../../components/optgroup/Component.js');
+require('../../components/options-list/Component.js');
+require('../../../checkbox');
+require('../../components/checkmark/Component.js');
+require('../../components/option/Component.js');
+require('resize-observer');
+require('../../../popover');
+require('downshift');
+require('../../components/native-select/Component.js');
+require('../../components/base-select/Component.js');
+require('../../Component.js');
+require('react-virtual');
+require('../../../skeleton');
+require('../../intersection-observer-fd9b7912.js');
+require('../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-14a97efe.js');
+
+
+
+exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
+exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-0ad47753.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../../../form-control');
+require('../../../utils.js');
+require('../../../components/field/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../../../components/arrow/Component.js');
+require('react-merge-refs');
+require('../../../components/optgroup/Component.js');
+require('../../../components/options-list/Component.js');
+require('../../../../checkbox');
+require('../../../components/checkmark/Component.js');
+require('../../../components/option/Component.js');
+require('resize-observer');
+require('../../../../popover');
+require('downshift');
+require('../../../components/native-select/Component.js');
+require('../../../components/base-select/Component.js');
+require('../../../Component.js');
+require('react-virtual');
+require('../../../../skeleton');
+require('../../../intersection-observer-fd9b7912.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-14a97efe.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

package/select/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -0,0 +1,39 @@
+/* hash: 5k2jg */
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-border-secondary: #e7e9eb;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+
+    /* options list */
+
+    /* option */
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.select__footer_65wym {
+    background: var(--color-light-bg-primary);
+    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    outline: none
+}
+.select__footer_65wym > * + * {
+        margin-left: var(--gap-xs);
+    }
+.select__withBorder_65wym {
+    box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
+}

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -0,0 +1 @@
+export * from "../../../hook-14a97efe";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-0ad47753.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../../../form-control');
+require('../../../utils.js');
+require('../../../components/field/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../../../components/arrow/Component.js');
+require('react-merge-refs');
+require('../../../components/optgroup/Component.js');
+require('../../../components/options-list/Component.js');
+require('../../../../checkbox');
+require('../../../components/checkmark/Component.js');
+require('../../../components/option/Component.js');
+require('resize-observer');
+require('../../../../popover');
+require('downshift');
+require('../../../components/native-select/Component.js');
+require('../../../components/base-select/Component.js');
+require('../../../Component.js');
+require('react-virtual');
+require('../../../../skeleton');
+require('../../../intersection-observer-fd9b7912.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-14a97efe.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

package/select/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-3b3b6dd7.js');
+var tslib_es6 = require('../../tslib.es6-0ad47753.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_137l2"};
+var styles = {"skeleton":"select__skeleton_8q1zi"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 16om0 */
-.select__skeleton_137l2 {
+/* hash: 1hktt */
+.select__skeleton_8q1zi {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/typings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReactNode, FC, RefAttributes, AriaAttributes, FocusEvent, MouseEvent, ReactElement } from 'react';
 import { PopoverProps } from "../popover";
 import { InputProps } from "../input";
@@ -51,6 +50,10 @@ type BaseSelectProps = {
      * Дополнительный класс для пункта меню
      */
     optionClassName?: string;
+    /**
+     * Дополнительный класс для поповера
+     */
+    popperClassName?: string;
     /**
      * Список вариантов выбора
      */
@@ -194,6 +197,7 @@ type BaseSelectProps = {
     onChange?: (payload: {
         selected: OptionShape | null;
         selectedMultiple: OptionShape[];
+        initiator: OptionShape | null;
         name?: string;
     }) => void;
     /**
@@ -245,6 +249,14 @@ type FieldProps = {
      * Список выбранных пунктов
      */
     selectedMultiple?: OptionShape[];
+    /**
+     * Метод для ручной установки выбранных пунктов
+     */
+    setSelectedItems: (selected: OptionShape[]) => void;
+    /**
+     * Метод переключающий видимость выпадающего списка
+     */
+    toggleMenu: () => void;
     /**
      * Флаг, можно ли выбрать несколько значений
      */
@@ -322,10 +334,31 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: (props: {
-        option: OptionShape;
-        index: number;
-    }) => JSX.Element | null;
+    Option: FC<OptionProps>;
+    /**
+     * Функция для получения пропсов для ячейки
+     */
+    getOptionProps: (option: OptionShape, index: number) => OptionProps;
+    /**
+     * Список выбранных пунктов
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Метод для ручной установки выбранных пунктов
+     */
+    setSelectedItems: (selected: OptionShape[]) => void;
+    /**
+     * Метод переключающий видимость выпадающего списка
+     */
+    toggleMenu: () => void;
+    /**
+     * Контент шапки
+     */
+    header?: ReactNode;
+    /**
+     * Контент футера
+     */
+    footer?: ReactNode;
     /**
      * Список вариантов выбора
      */
@@ -399,7 +432,7 @@ type OptionProps = {
      */
     option: OptionShape;
     /**
-     * Индект пункта
+     * Индекс пункта
      */
     index: number;
     /**

package/select-with-tags/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../select").OptionShape)[] | undefined;

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-142f08c7.js');
+var tslib_es6 = require('./tslib.es6-3341306d.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');

package/select-with-tags/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-142f08c7.js');
+require('../tslib.es6-3341306d.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/components/tag/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-142f08c7.js');
+var tslib_es6 = require('../../tslib.es6-3341306d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tag":"select-with-tags__tag_1483x","tagNoClose":"select-with-tags__tagNoClose_1483x","tagContentWrap":"select-with-tags__tagContentWrap_1483x","tagCross":"select-with-tags__tagCross_1483x"};
+var styles = {"tag":"select-with-tags__tag_1hweb","tagNoClose":"select-with-tags__tagNoClose_1hweb","tagContentWrap":"select-with-tags__tagContentWrap_1hweb","tagCross":"select-with-tags__tagCross_1hweb"};
 require('./index.css');
 
 var Tag = function (_a) {
@@ -22,7 +22,7 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default['default'](styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
+    return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default['default'](styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
         React__default['default'].createElement("span", { className: styles.tagContentWrap },
             content,
             handleDeleteTag && (

package/select-with-tags/components/tag/index.css

@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_1483x {
+.select-with-tags__tag_1hweb {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_1483x:active:not(:disabled) {
+.select-with-tags__tag_1hweb:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1483x:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_1hweb:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1483x > span {
+.select-with-tags__tag_1hweb > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_1483x {
+.select-with-tags__tagNoClose_1hweb {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_1483x {
+.select-with-tags__tagContentWrap_1hweb {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_1483x {
+.select-with-tags__tagCross_1hweb {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_1483x:hover {
+.select-with-tags__tagCross_1hweb:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_1483x:active {
+.select-with-tags__tagCross_1hweb:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_1483x svg {
+.select-with-tags__tagCross_1hweb svg {
         height: 100%;
     }

package/select-with-tags/components/tag/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-142f08c7.js');
+require('../../tslib.es6-3341306d.js');
 require('react');
 require('classnames');
 require('../../../tag');

package/select-with-tags/components/tag-list/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-142f08c7.js');
+var tslib_es6 = require('../../tslib.es6-3341306d.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"select-with-tags__component_1n8qo","xl":"select-with-tags__xl_1n8qo","contentWrapper":"select-with-tags__contentWrapper_1n8qo","l":"select-with-tags__l_1n8qo","m":"select-with-tags__m_1n8qo","s":"select-with-tags__s_1n8qo","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1n8qo","hasLabel":"select-with-tags__hasLabel_1n8qo","hasTags":"select-with-tags__hasTags_1n8qo","addons":"select-with-tags__addons_1n8qo","field":"select-with-tags__field_1n8qo","input":"select-with-tags__input_1n8qo","block":"select-with-tags__block_1n8qo","focusVisible":"select-with-tags__focusVisible_1n8qo","placeholder":"select-with-tags__placeholder_1n8qo","addons-size-m":"select-with-tags__addons-size-m_1n8qo","addons-size-l":"select-with-tags__addons-size-l_1n8qo","addons-size-xl":"select-with-tags__addons-size-xl_1n8qo","label":"select-with-tags__label_1n8qo"};
+var styles = {"component":"select-with-tags__component_r2g8c","xl":"select-with-tags__xl_r2g8c","contentWrapper":"select-with-tags__contentWrapper_r2g8c","l":"select-with-tags__l_r2g8c","m":"select-with-tags__m_r2g8c","s":"select-with-tags__s_r2g8c","contentWrapperVertical":"select-with-tags__contentWrapperVertical_r2g8c","hasLabel":"select-with-tags__hasLabel_r2g8c","hasTags":"select-with-tags__hasTags_r2g8c","addons":"select-with-tags__addons_r2g8c","field":"select-with-tags__field_r2g8c","input":"select-with-tags__input_r2g8c","block":"select-with-tags__block_r2g8c","focusVisible":"select-with-tags__focusVisible_r2g8c","placeholder":"select-with-tags__placeholder_r2g8c","addons-size-m":"select-with-tags__addons-size-m_r2g8c","addons-size-l":"select-with-tags__addons-size-l_r2g8c","addons-size-xl":"select-with-tags__addons-size-xl_r2g8c","label":"select-with-tags__label_r2g8c"};
 require('./index.css');
 
 var TagList = function (_a) {

package/select-with-tags/components/tag-list/index.css

@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_1n8qo.select-with-tags__xl_1n8qo .select-with-tags__contentWrapper_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__xl_r2g8c .select-with-tags__contentWrapper_r2g8c {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_1n8qo.select-with-tags__l_1n8qo .select-with-tags__contentWrapper_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__l_r2g8c .select-with-tags__contentWrapper_r2g8c {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_1n8qo.select-with-tags__m_1n8qo .select-with-tags__contentWrapper_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__m_r2g8c .select-with-tags__contentWrapper_r2g8c {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_1n8qo.select-with-tags__s_1n8qo .select-with-tags__contentWrapper_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__s_r2g8c .select-with-tags__contentWrapper_r2g8c {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_1n8qo.select-with-tags__xl_1n8qo .select-with-tags__contentWrapperVertical_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__xl_r2g8c .select-with-tags__contentWrapperVertical_r2g8c {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_1n8qo.select-with-tags__l_1n8qo .select-with-tags__contentWrapperVertical_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__l_r2g8c .select-with-tags__contentWrapperVertical_r2g8c {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_1n8qo.select-with-tags__m_1n8qo .select-with-tags__contentWrapperVertical_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__m_r2g8c .select-with-tags__contentWrapperVertical_r2g8c {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_1n8qo.select-with-tags__s_1n8qo .select-with-tags__contentWrapperVertical_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__s_r2g8c .select-with-tags__contentWrapperVertical_r2g8c {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_1n8qo .select-with-tags__contentWrapper_1n8qo {
+.select-with-tags__component_r2g8c .select-with-tags__contentWrapper_r2g8c {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_1n8qo .select-with-tags__contentWrapper_1n8qo:not(.select-with-tags__contentWrapperVertical_1n8qo):not(.select-with-tags__hasLabel_1n8qo) {
+.select-with-tags__component_r2g8c .select-with-tags__contentWrapper_r2g8c:not(.select-with-tags__contentWrapperVertical_r2g8c):not(.select-with-tags__hasLabel_r2g8c) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_1n8qo .select-with-tags__contentWrapper_1n8qo.select-with-tags__hasLabel_1n8qo {
+.select-with-tags__component_r2g8c .select-with-tags__contentWrapper_r2g8c.select-with-tags__hasLabel_r2g8c {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_1n8qo .select-with-tags__contentWrapper_1n8qo.select-with-tags__hasTags_1n8qo.select-with-tags__hasLabel_1n8qo {
+.select-with-tags__component_r2g8c .select-with-tags__contentWrapper_r2g8c.select-with-tags__hasTags_r2g8c.select-with-tags__hasLabel_r2g8c {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_1n8qo:hover .select-with-tags__addons_1n8qo {
+.select-with-tags__component_r2g8c:hover .select-with-tags__addons_r2g8c {
     opacity: 0.7;
 }
-.select-with-tags__field_1n8qo {
+.select-with-tags__field_r2g8c {
     cursor: pointer;
 }
-.select-with-tags__input_1n8qo {
+.select-with-tags__input_r2g8c {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -94,23 +94,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_1n8qo:disabled {
+.select-with-tags__input_r2g8c:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1n8qo::placeholder {
+.select-with-tags__input_r2g8c::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1n8qo:focus::placeholder {
+.select-with-tags__input_r2g8c:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1n8qo {
+.select-with-tags__block_r2g8c {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1n8qo {
+.select-with-tags__focusVisible_r2g8c {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1n8qo {
+.select-with-tags__placeholder_r2g8c {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -118,36 +118,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_1n8qo {
+.select-with-tags__addons_r2g8c {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1n8qo {
+.select-with-tags__addons-size-m_r2g8c {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1n8qo {
+.select-with-tags__addons-size-l_r2g8c {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1n8qo {
+.select-with-tags__addons-size-xl_r2g8c {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1n8qo.select-with-tags__s_1n8qo .select-with-tags__label_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__s_r2g8c .select-with-tags__label_r2g8c {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1n8qo.select-with-tags__m_1n8qo .select-with-tags__label_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__m_r2g8c .select-with-tags__label_r2g8c {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1n8qo.select-with-tags__l_1n8qo .select-with-tags__label_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__l_r2g8c .select-with-tags__label_r2g8c {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1n8qo.select-with-tags__xl_1n8qo .select-with-tags__label_1n8qo {
+.select-with-tags__component_r2g8c.select-with-tags__xl_r2g8c .select-with-tags__label_r2g8c {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1n8qo .select-with-tags__label_1n8qo {
+.select-with-tags__component_r2g8c .select-with-tags__label_r2g8c {
     top: 14px;
     align-items: flex-start;
     height: auto;

package/select-with-tags/components/tag-list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-142f08c7.js');
+require('../../tslib.es6-3341306d.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/cssm/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../../select").OptionShape)[] | undefined;

package/select-with-tags/cssm/components/tag/component.js

@@ -21,7 +21,7 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default['default'](styles__default['default'].tag, (_b = {}, _b[styles__default['default'].tagNoClose] = !handleDeleteTag, _b)) }, props),
+    return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default['default'](styles__default['default'].tag, (_b = {}, _b[styles__default['default'].tagNoClose] = !handleDeleteTag, _b)) }, props),
         React__default['default'].createElement("span", { className: styles__default['default'].tagContentWrap },
             content,
             handleDeleteTag && (

package/select-with-tags/esm/component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseSelectProps } from "../../select";
-declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../../select").OptionShape)[] | undefined;

package/select-with-tags/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-ad8f7016.js';
+import { _ as __rest, a as __assign } from './tslib.es6-6e54e5bd.js';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option, Arrow } from '../../select/esm';
 import 'classnames';

package/select-with-tags/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-ad8f7016.js';
+import '../tslib.es6-6e54e5bd.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';