@alfalab/core-components 23.8.1 → 23.11.0

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1nsdr */
-.select__skeleton_1794k {
+/* hash: gysbb */
+.select__skeleton_6ewh5 {
     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-8b9e19c1.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-23316031.js');
+require('../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-79137119.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-8b9e19c1.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-23316031.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-79137119.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

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

@@ -0,0 +1,39 @@
+/* hash: 1kcwj */
+: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_nkjz1 {
+    background: var(--color-light-bg-primary);
+    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    outline: none
+}
+.select__footer_nkjz1 > * + * {
+        margin-left: var(--gap-xs);
+    }
+.select__withBorder_nkjz1 {
+    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-79137119";

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

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-8b9e19c1.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-23316031.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-79137119.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-855d5dd1.js');
+var tslib_es6 = require('../../tslib.es6-8b9e19c1.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_q4lg4"};
+var styles = {"skeleton":"select__skeleton_h5txt"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 16om0 */
-.select__skeleton_q4lg4 {
+/* hash: y8dgg */
+.select__skeleton_h5txt {
     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";
@@ -198,6 +197,7 @@ type BaseSelectProps = {
     onChange?: (payload: {
         selected: OptionShape | null;
         selectedMultiple: OptionShape[];
+        initiator: OptionShape | null;
         name?: string;
     }) => void;
     /**
@@ -249,6 +249,14 @@ type FieldProps = {
      * Список выбранных пунктов
      */
     selectedMultiple?: OptionShape[];
+    /**
+     * Метод для ручной установки выбранных пунктов
+     */
+    setSelectedItems: (selected: OptionShape[]) => void;
+    /**
+     * Метод переключающий видимость выпадающего списка
+     */
+    toggleMenu: () => void;
     /**
      * Флаг, можно ли выбрать несколько значений
      */
@@ -326,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;
     /**
      * Список вариантов выбора
      */
@@ -403,7 +432,7 @@ type OptionProps = {
      */
     option: OptionShape;
     /**
-     * Индект пункта
+     * Индекс пункта
      */
     index: number;
     /**

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-596dae94.js');
+var tslib_es6 = require('./tslib.es6-763f72bc.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-596dae94.js');
+require('../tslib.es6-763f72bc.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-596dae94.js');
+var tslib_es6 = require('../../tslib.es6-763f72bc.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_fiulk","tagNoClose":"select-with-tags__tagNoClose_fiulk","tagContentWrap":"select-with-tags__tagContentWrap_fiulk","tagCross":"select-with-tags__tagCross_fiulk"};
+var styles = {"tag":"select-with-tags__tag_1gvae","tagNoClose":"select-with-tags__tagNoClose_1gvae","tagContentWrap":"select-with-tags__tagContentWrap_1gvae","tagCross":"select-with-tags__tagCross_1gvae"};
 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

@@ -1,4 +1,4 @@
-/* hash: 1ei69 */
+/* hash: 1mbl7 */
 :root {
 
     /* Hard */
@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_fiulk {
+.select-with-tags__tag_1gvae {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_fiulk:active:not(:disabled) {
+.select-with-tags__tag_1gvae:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_fiulk:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_1gvae:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_fiulk > span {
+.select-with-tags__tag_1gvae > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_fiulk {
+.select-with-tags__tagNoClose_1gvae {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_fiulk {
+.select-with-tags__tagContentWrap_1gvae {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_fiulk {
+.select-with-tags__tagCross_1gvae {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_fiulk:hover {
+.select-with-tags__tagCross_1gvae:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_fiulk:active {
+.select-with-tags__tagCross_1gvae:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_fiulk svg {
+.select-with-tags__tagCross_1gvae svg {
         height: 100%;
     }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-596dae94.js');
+require('../../tslib.es6-763f72bc.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-596dae94.js');
+var tslib_es6 = require('../../tslib.es6-763f72bc.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_2yhkd","xl":"select-with-tags__xl_2yhkd","contentWrapper":"select-with-tags__contentWrapper_2yhkd","l":"select-with-tags__l_2yhkd","m":"select-with-tags__m_2yhkd","s":"select-with-tags__s_2yhkd","contentWrapperVertical":"select-with-tags__contentWrapperVertical_2yhkd","hasLabel":"select-with-tags__hasLabel_2yhkd","hasTags":"select-with-tags__hasTags_2yhkd","addons":"select-with-tags__addons_2yhkd","field":"select-with-tags__field_2yhkd","input":"select-with-tags__input_2yhkd","block":"select-with-tags__block_2yhkd","focusVisible":"select-with-tags__focusVisible_2yhkd","placeholder":"select-with-tags__placeholder_2yhkd","addons-size-m":"select-with-tags__addons-size-m_2yhkd","addons-size-l":"select-with-tags__addons-size-l_2yhkd","addons-size-xl":"select-with-tags__addons-size-xl_2yhkd","label":"select-with-tags__label_2yhkd"};
+var styles = {"component":"select-with-tags__component_1i0yn","xl":"select-with-tags__xl_1i0yn","contentWrapper":"select-with-tags__contentWrapper_1i0yn","l":"select-with-tags__l_1i0yn","m":"select-with-tags__m_1i0yn","s":"select-with-tags__s_1i0yn","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1i0yn","hasLabel":"select-with-tags__hasLabel_1i0yn","hasTags":"select-with-tags__hasTags_1i0yn","addons":"select-with-tags__addons_1i0yn","field":"select-with-tags__field_1i0yn","input":"select-with-tags__input_1i0yn","block":"select-with-tags__block_1i0yn","focusVisible":"select-with-tags__focusVisible_1i0yn","placeholder":"select-with-tags__placeholder_1i0yn","addons-size-m":"select-with-tags__addons-size-m_1i0yn","addons-size-l":"select-with-tags__addons-size-l_1i0yn","addons-size-xl":"select-with-tags__addons-size-xl_1i0yn","label":"select-with-tags__label_1i0yn"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1keax */
+/* hash: 15aq5 */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_2yhkd.select-with-tags__xl_2yhkd .select-with-tags__contentWrapper_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__xl_1i0yn .select-with-tags__contentWrapper_1i0yn {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_2yhkd.select-with-tags__l_2yhkd .select-with-tags__contentWrapper_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__l_1i0yn .select-with-tags__contentWrapper_1i0yn {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_2yhkd.select-with-tags__m_2yhkd .select-with-tags__contentWrapper_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__m_1i0yn .select-with-tags__contentWrapper_1i0yn {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_2yhkd.select-with-tags__s_2yhkd .select-with-tags__contentWrapper_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__s_1i0yn .select-with-tags__contentWrapper_1i0yn {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_2yhkd.select-with-tags__xl_2yhkd .select-with-tags__contentWrapperVertical_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__xl_1i0yn .select-with-tags__contentWrapperVertical_1i0yn {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_2yhkd.select-with-tags__l_2yhkd .select-with-tags__contentWrapperVertical_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__l_1i0yn .select-with-tags__contentWrapperVertical_1i0yn {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_2yhkd.select-with-tags__m_2yhkd .select-with-tags__contentWrapperVertical_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__m_1i0yn .select-with-tags__contentWrapperVertical_1i0yn {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_2yhkd.select-with-tags__s_2yhkd .select-with-tags__contentWrapperVertical_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__s_1i0yn .select-with-tags__contentWrapperVertical_1i0yn {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_2yhkd .select-with-tags__contentWrapper_2yhkd {
+.select-with-tags__component_1i0yn .select-with-tags__contentWrapper_1i0yn {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_2yhkd .select-with-tags__contentWrapper_2yhkd:not(.select-with-tags__contentWrapperVertical_2yhkd):not(.select-with-tags__hasLabel_2yhkd) {
+.select-with-tags__component_1i0yn .select-with-tags__contentWrapper_1i0yn:not(.select-with-tags__contentWrapperVertical_1i0yn):not(.select-with-tags__hasLabel_1i0yn) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_2yhkd .select-with-tags__contentWrapper_2yhkd.select-with-tags__hasLabel_2yhkd {
+.select-with-tags__component_1i0yn .select-with-tags__contentWrapper_1i0yn.select-with-tags__hasLabel_1i0yn {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_2yhkd .select-with-tags__contentWrapper_2yhkd.select-with-tags__hasTags_2yhkd.select-with-tags__hasLabel_2yhkd {
+.select-with-tags__component_1i0yn .select-with-tags__contentWrapper_1i0yn.select-with-tags__hasTags_1i0yn.select-with-tags__hasLabel_1i0yn {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_2yhkd:hover .select-with-tags__addons_2yhkd {
+.select-with-tags__component_1i0yn:hover .select-with-tags__addons_1i0yn {
     opacity: 0.7;
 }
-.select-with-tags__field_2yhkd {
+.select-with-tags__field_1i0yn {
     cursor: pointer;
 }
-.select-with-tags__input_2yhkd {
+.select-with-tags__input_1i0yn {
     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_2yhkd:disabled {
+.select-with-tags__input_1i0yn:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_2yhkd::placeholder {
+.select-with-tags__input_1i0yn::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_2yhkd:focus::placeholder {
+.select-with-tags__input_1i0yn:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_2yhkd {
+.select-with-tags__block_1i0yn {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_2yhkd {
+.select-with-tags__focusVisible_1i0yn {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_2yhkd {
+.select-with-tags__placeholder_1i0yn {
     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_2yhkd {
+.select-with-tags__addons_1i0yn {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_2yhkd {
+.select-with-tags__addons-size-m_1i0yn {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_2yhkd {
+.select-with-tags__addons-size-l_1i0yn {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_2yhkd {
+.select-with-tags__addons-size-xl_1i0yn {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_2yhkd.select-with-tags__s_2yhkd .select-with-tags__label_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__s_1i0yn .select-with-tags__label_1i0yn {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_2yhkd.select-with-tags__m_2yhkd .select-with-tags__label_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__m_1i0yn .select-with-tags__label_1i0yn {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_2yhkd.select-with-tags__l_2yhkd .select-with-tags__label_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__l_1i0yn .select-with-tags__label_1i0yn {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_2yhkd.select-with-tags__xl_2yhkd .select-with-tags__label_2yhkd {
+.select-with-tags__component_1i0yn.select-with-tags__xl_1i0yn .select-with-tags__label_1i0yn {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_2yhkd .select-with-tags__label_2yhkd {
+.select-with-tags__component_1i0yn .select-with-tags__label_1i0yn {
     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-596dae94.js');
+require('../../tslib.es6-763f72bc.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

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.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-7179a7f4.js';
+import { _ as __rest, a as __assign } from './tslib.es6-ffbe3674.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-7179a7f4.js';
+import '../tslib.es6-ffbe3674.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-7179a7f4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ffbe3674.js';
 import React, { useCallback } from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"tag":"select-with-tags__tag_fiulk","tagNoClose":"select-with-tags__tagNoClose_fiulk","tagContentWrap":"select-with-tags__tagContentWrap_fiulk","tagCross":"select-with-tags__tagCross_fiulk"};
+var styles = {"tag":"select-with-tags__tag_1gvae","tagNoClose":"select-with-tags__tagNoClose_1gvae","tagContentWrap":"select-with-tags__tagContentWrap_1gvae","tagCross":"select-with-tags__tagCross_1gvae"};
 require('./index.css');
 
 var Tag = function (_a) {
@@ -15,7 +15,7 @@ var Tag = function (_a) {
             handleDeleteTag(key);
         }
     }, [handleDeleteTag, key]);
-    return (React.createElement(Tag$1, __assign({ key: key, size: 'xs', onClick: onClick, checked: !!handleDeleteTag, className: cn(styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
+    return (React.createElement(Tag$1, __assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn(styles.tag, (_b = {}, _b[styles.tagNoClose] = !handleDeleteTag, _b)) }, props),
         React.createElement("span", { className: styles.tagContentWrap },
             content,
             handleDeleteTag && (