@alfalab/core-components 23.8.0 → 23.10.0

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1nsdr */
-.select__skeleton_5o7dk {
+/* hash: 1isnn */
+.select__skeleton_7dbzt {
     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-b1b1a51e.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-6dcf2d59.js');
+require('../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-6f1602ae.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-b1b1a51e.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-6dcf2d59.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-6f1602ae.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_xitdb {
+    background: var(--color-light-bg-primary);
+    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    outline: none
+}
+.select__footer_xitdb > * + * {
+        margin-left: var(--gap-xs);
+    }
+.select__withBorder_xitdb {
+    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-6f1602ae";

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

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-b1b1a51e.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-6dcf2d59.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-6f1602ae.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-6c8c6819.js');
+var tslib_es6 = require('../../tslib.es6-b1b1a51e.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_429l8"};
+var styles = {"skeleton":"select__skeleton_1p9wx"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 16om0 */
-.select__skeleton_429l8 {
+/* hash: 1hktt */
+.select__skeleton_1p9wx {
     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-9a92671e.js');
+var tslib_es6 = require('./tslib.es6-637db53d.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-9a92671e.js');
+require('../tslib.es6-637db53d.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-9a92671e.js');
+var tslib_es6 = require('../../tslib.es6-637db53d.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_1es1t","tagNoClose":"select-with-tags__tagNoClose_1es1t","tagContentWrap":"select-with-tags__tagContentWrap_1es1t","tagCross":"select-with-tags__tagCross_1es1t"};
+var styles = {"tag":"select-with-tags__tag_4ywpf","tagNoClose":"select-with-tags__tagNoClose_4ywpf","tagContentWrap":"select-with-tags__tagContentWrap_4ywpf","tagCross":"select-with-tags__tagCross_4ywpf"};
 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_1es1t {
+.select-with-tags__tag_4ywpf {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_1es1t:active:not(:disabled) {
+.select-with-tags__tag_4ywpf:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1es1t:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_4ywpf:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1es1t > span {
+.select-with-tags__tag_4ywpf > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_1es1t {
+.select-with-tags__tagNoClose_4ywpf {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_1es1t {
+.select-with-tags__tagContentWrap_4ywpf {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_1es1t {
+.select-with-tags__tagCross_4ywpf {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_1es1t:hover {
+.select-with-tags__tagCross_4ywpf:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_1es1t:active {
+.select-with-tags__tagCross_4ywpf:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_1es1t svg {
+.select-with-tags__tagCross_4ywpf svg {
         height: 100%;
     }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-9a92671e.js');
+require('../../tslib.es6-637db53d.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-9a92671e.js');
+var tslib_es6 = require('../../tslib.es6-637db53d.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_l6y1a","xl":"select-with-tags__xl_l6y1a","contentWrapper":"select-with-tags__contentWrapper_l6y1a","l":"select-with-tags__l_l6y1a","m":"select-with-tags__m_l6y1a","s":"select-with-tags__s_l6y1a","contentWrapperVertical":"select-with-tags__contentWrapperVertical_l6y1a","hasLabel":"select-with-tags__hasLabel_l6y1a","hasTags":"select-with-tags__hasTags_l6y1a","addons":"select-with-tags__addons_l6y1a","field":"select-with-tags__field_l6y1a","input":"select-with-tags__input_l6y1a","block":"select-with-tags__block_l6y1a","focusVisible":"select-with-tags__focusVisible_l6y1a","placeholder":"select-with-tags__placeholder_l6y1a","addons-size-m":"select-with-tags__addons-size-m_l6y1a","addons-size-l":"select-with-tags__addons-size-l_l6y1a","addons-size-xl":"select-with-tags__addons-size-xl_l6y1a","label":"select-with-tags__label_l6y1a"};
+var styles = {"component":"select-with-tags__component_150a7","xl":"select-with-tags__xl_150a7","contentWrapper":"select-with-tags__contentWrapper_150a7","l":"select-with-tags__l_150a7","m":"select-with-tags__m_150a7","s":"select-with-tags__s_150a7","contentWrapperVertical":"select-with-tags__contentWrapperVertical_150a7","hasLabel":"select-with-tags__hasLabel_150a7","hasTags":"select-with-tags__hasTags_150a7","addons":"select-with-tags__addons_150a7","field":"select-with-tags__field_150a7","input":"select-with-tags__input_150a7","block":"select-with-tags__block_150a7","focusVisible":"select-with-tags__focusVisible_150a7","placeholder":"select-with-tags__placeholder_150a7","addons-size-m":"select-with-tags__addons-size-m_150a7","addons-size-l":"select-with-tags__addons-size-l_150a7","addons-size-xl":"select-with-tags__addons-size-xl_150a7","label":"select-with-tags__label_150a7"};
 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_l6y1a.select-with-tags__xl_l6y1a .select-with-tags__contentWrapper_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__xl_150a7 .select-with-tags__contentWrapper_150a7 {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_l6y1a.select-with-tags__l_l6y1a .select-with-tags__contentWrapper_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__l_150a7 .select-with-tags__contentWrapper_150a7 {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_l6y1a.select-with-tags__m_l6y1a .select-with-tags__contentWrapper_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__m_150a7 .select-with-tags__contentWrapper_150a7 {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_l6y1a.select-with-tags__s_l6y1a .select-with-tags__contentWrapper_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__s_150a7 .select-with-tags__contentWrapper_150a7 {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_l6y1a.select-with-tags__xl_l6y1a .select-with-tags__contentWrapperVertical_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__xl_150a7 .select-with-tags__contentWrapperVertical_150a7 {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_l6y1a.select-with-tags__l_l6y1a .select-with-tags__contentWrapperVertical_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__l_150a7 .select-with-tags__contentWrapperVertical_150a7 {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_l6y1a.select-with-tags__m_l6y1a .select-with-tags__contentWrapperVertical_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__m_150a7 .select-with-tags__contentWrapperVertical_150a7 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_l6y1a.select-with-tags__s_l6y1a .select-with-tags__contentWrapperVertical_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__s_150a7 .select-with-tags__contentWrapperVertical_150a7 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_l6y1a .select-with-tags__contentWrapper_l6y1a {
+.select-with-tags__component_150a7 .select-with-tags__contentWrapper_150a7 {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_l6y1a .select-with-tags__contentWrapper_l6y1a:not(.select-with-tags__contentWrapperVertical_l6y1a):not(.select-with-tags__hasLabel_l6y1a) {
+.select-with-tags__component_150a7 .select-with-tags__contentWrapper_150a7:not(.select-with-tags__contentWrapperVertical_150a7):not(.select-with-tags__hasLabel_150a7) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_l6y1a .select-with-tags__contentWrapper_l6y1a.select-with-tags__hasLabel_l6y1a {
+.select-with-tags__component_150a7 .select-with-tags__contentWrapper_150a7.select-with-tags__hasLabel_150a7 {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_l6y1a .select-with-tags__contentWrapper_l6y1a.select-with-tags__hasTags_l6y1a.select-with-tags__hasLabel_l6y1a {
+.select-with-tags__component_150a7 .select-with-tags__contentWrapper_150a7.select-with-tags__hasTags_150a7.select-with-tags__hasLabel_150a7 {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_l6y1a:hover .select-with-tags__addons_l6y1a {
+.select-with-tags__component_150a7:hover .select-with-tags__addons_150a7 {
     opacity: 0.7;
 }
-.select-with-tags__field_l6y1a {
+.select-with-tags__field_150a7 {
     cursor: pointer;
 }
-.select-with-tags__input_l6y1a {
+.select-with-tags__input_150a7 {
     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_l6y1a:disabled {
+.select-with-tags__input_150a7:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_l6y1a::placeholder {
+.select-with-tags__input_150a7::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_l6y1a:focus::placeholder {
+.select-with-tags__input_150a7:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_l6y1a {
+.select-with-tags__block_150a7 {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_l6y1a {
+.select-with-tags__focusVisible_150a7 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_l6y1a {
+.select-with-tags__placeholder_150a7 {
     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_l6y1a {
+.select-with-tags__addons_150a7 {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_l6y1a {
+.select-with-tags__addons-size-m_150a7 {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_l6y1a {
+.select-with-tags__addons-size-l_150a7 {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_l6y1a {
+.select-with-tags__addons-size-xl_150a7 {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_l6y1a.select-with-tags__s_l6y1a .select-with-tags__label_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__s_150a7 .select-with-tags__label_150a7 {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_l6y1a.select-with-tags__m_l6y1a .select-with-tags__label_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__m_150a7 .select-with-tags__label_150a7 {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_l6y1a.select-with-tags__l_l6y1a .select-with-tags__label_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__l_150a7 .select-with-tags__label_150a7 {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_l6y1a.select-with-tags__xl_l6y1a .select-with-tags__label_l6y1a {
+.select-with-tags__component_150a7.select-with-tags__xl_150a7 .select-with-tags__label_150a7 {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_l6y1a .select-with-tags__label_l6y1a {
+.select-with-tags__component_150a7 .select-with-tags__label_150a7 {
     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-9a92671e.js');
+require('../../tslib.es6-637db53d.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-bed41eaa.js';
+import { _ as __rest, a as __assign } from './tslib.es6-2d48cba7.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-bed41eaa.js';
+import '../tslib.es6-2d48cba7.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-bed41eaa.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-2d48cba7.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_1es1t","tagNoClose":"select-with-tags__tagNoClose_1es1t","tagContentWrap":"select-with-tags__tagContentWrap_1es1t","tagCross":"select-with-tags__tagCross_1es1t"};
+var styles = {"tag":"select-with-tags__tag_4ywpf","tagNoClose":"select-with-tags__tagNoClose_4ywpf","tagContentWrap":"select-with-tags__tagContentWrap_4ywpf","tagCross":"select-with-tags__tagCross_4ywpf"};
 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 && (