@alfalab/core-components 36.0.0 → 36.1.1

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

@@ -1,4 +1,4 @@
-/* hash: lffil */
+/* hash: xx0eo */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -14,7 +14,6 @@
 :root {
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-m: 16px;
 }
 :root {
 
@@ -26,14 +25,14 @@
 
     /* optgroup */
 }
-.select__footer_izxok {
+.select__footer_crag3 {
     background: var(--color-light-bg-primary);
-    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    padding: var(--gap-s);
     outline: none
 }
-.select__footer_izxok > * + * {
+.select__footer_crag3 > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_izxok {
+.select__withBorder_crag3 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-21b7a86d";
+export * from "../../../Component-7546861a";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-e8cb2975.js');
+require('../../../tslib.es6-adf850c3.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -10,12 +10,16 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../../../popover');
 require('@alfalab/hooks');
-require('../../../Component-ed89ed0b.js');
+require('../../../Component-ecfd1f2b.js');
 require('../../../utils.js');
 require('../../../components/native-select/Component.js');
 require('../../../../form-control');
 require('../../../components/field/Component.js');
 require('../../../components/optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../../components/base-select-mobile/checkmark/Component.js');
 require('../../../../checkbox');
 require('../../../components/checkmark/Component.js');
 require('../../../components/option/Component.js');
@@ -25,13 +29,14 @@ require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
 require('../../../../button');
-var presets_useSelectWithApply_hook = require('../../../Component-21b7a86d.js');
-require('../../../components/base-select-mobile/checkmark/Component.js');
+var presets_useSelectWithApply_hook = require('../../../Component-7546861a.js');
+require('../../../components/base-checkmark/Component.js');
 require('../../../../base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('react-virtual');
+require('../../../components/base-option/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-6dcf1728.js');
+require('../../../intersection-observer-0340401e.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
+import React from 'react';
 import { BaseSelectProps, OptionProps, OptionShape } from "../../typings";
 type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
+    Option?: React.FC<OptionProps>;
 };
-declare function useSelectWithLoading({ loading, visibleOptions, }: useSelectWithLoadingProps): {
+declare function useSelectWithLoading({ loading, visibleOptions, Option, }: useSelectWithLoadingProps): {
     Option: (props: OptionProps) => JSX.Element;
     options: OptionShape[];
 } | null;

package/select/presets/useSelectWithLoading/hook.js

@@ -1,8 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-e8cb2975.js');
+var tslib_es6 = require('../../tslib.es6-adf850c3.js');
 var React = require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../components/base-select-mobile/checkmark/Component.js');
 require('../../../checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
@@ -12,12 +16,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_nwtf4"};
+var styles = {"skeleton":"select__skeleton_d58ax"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {
-    var _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.visibleOptions, visibleOptions = _c === void 0 ? 6 : _c;
-    var renderOption = React.useCallback(function (props) { return (React__default['default'].createElement(components_option_Component.Option, tslib_es6.__assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))); }, [loading]);
+    var _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.visibleOptions, visibleOptions = _c === void 0 ? 6 : _c, _d = _a.Option, Option = _d === void 0 ? components_option_Component.Option : _d;
+    var renderOption = function (props) { return (React__default['default'].createElement(Option, tslib_es6.__assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))); };
     var options = Array(visibleOptions)
         .fill(0)
         .map(function (_, key) { return ({

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 440xe */
-.select__skeleton_nwtf4 {
+/* hash: fdooh */
+.select__skeleton_d58ax {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/typings.d.ts

@@ -516,6 +516,14 @@ type OptionProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Позиция иконки "галочки"
+     */
+    checkmarkPosition?: 'before' | 'after';
+    /**
+     * Мобильная верcия option.
+     */
+    mobile?: boolean;
 };
 type CheckmarkProps = {
     /**

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2f57f20c.js');
+var tslib_es6 = require('./tslib.es6-409897b7.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-2f57f20c.js');
+require('../tslib.es6-409897b7.js');
 require('react');
 require('classnames');
 require('../../form-control');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2f57f20c.js');
+var tslib_es6 = require('../../tslib.es6-409897b7.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_3twi5","tagNoClose":"select-with-tags__tagNoClose_3twi5","tagContentWrap":"select-with-tags__tagContentWrap_3twi5","tagCross":"select-with-tags__tagCross_3twi5"};
+var styles = {"tag":"select-with-tags__tag_wkdq0","tagNoClose":"select-with-tags__tagNoClose_wkdq0","tagContentWrap":"select-with-tags__tagContentWrap_wkdq0","tagCross":"select-with-tags__tagCross_wkdq0"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: xqt0i */
+/* hash: mp8ke */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_3twi5 {
+.select-with-tags__tag_wkdq0 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_3twi5:active:not(:disabled) {
+.select-with-tags__tag_wkdq0:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_3twi5:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_wkdq0:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_3twi5 > span {
+.select-with-tags__tag_wkdq0 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_3twi5 {
+.select-with-tags__tagNoClose_wkdq0 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_3twi5 {
+.select-with-tags__tagContentWrap_wkdq0 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_3twi5 {
+.select-with-tags__tagCross_wkdq0 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_3twi5:hover {
+.select-with-tags__tagCross_wkdq0:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_3twi5:active {
+.select-with-tags__tagCross_wkdq0:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_3twi5 svg {
+.select-with-tags__tagCross_wkdq0 svg {
         height: 100%;
     }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-2f57f20c.js');
+require('../../tslib.es6-409897b7.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-2f57f20c.js');
+var tslib_es6 = require('../../tslib.es6-409897b7.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../../../form-control');
@@ -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_25n9r","xl":"select-with-tags__xl_25n9r","contentWrapper":"select-with-tags__contentWrapper_25n9r","l":"select-with-tags__l_25n9r","m":"select-with-tags__m_25n9r","s":"select-with-tags__s_25n9r","contentWrapperVertical":"select-with-tags__contentWrapperVertical_25n9r","hasLabel":"select-with-tags__hasLabel_25n9r","hasTags":"select-with-tags__hasTags_25n9r","addons":"select-with-tags__addons_25n9r","field":"select-with-tags__field_25n9r","input":"select-with-tags__input_25n9r","block":"select-with-tags__block_25n9r","focusVisible":"select-with-tags__focusVisible_25n9r","placeholder":"select-with-tags__placeholder_25n9r","addons-size-m":"select-with-tags__addons-size-m_25n9r","addons-size-l":"select-with-tags__addons-size-l_25n9r","addons-size-xl":"select-with-tags__addons-size-xl_25n9r","label":"select-with-tags__label_25n9r"};
+var styles = {"component":"select-with-tags__component_1lbrr","xl":"select-with-tags__xl_1lbrr","contentWrapper":"select-with-tags__contentWrapper_1lbrr","l":"select-with-tags__l_1lbrr","m":"select-with-tags__m_1lbrr","s":"select-with-tags__s_1lbrr","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1lbrr","hasLabel":"select-with-tags__hasLabel_1lbrr","hasTags":"select-with-tags__hasTags_1lbrr","addons":"select-with-tags__addons_1lbrr","field":"select-with-tags__field_1lbrr","input":"select-with-tags__input_1lbrr","block":"select-with-tags__block_1lbrr","focusVisible":"select-with-tags__focusVisible_1lbrr","placeholder":"select-with-tags__placeholder_1lbrr","addons-size-m":"select-with-tags__addons-size-m_1lbrr","addons-size-l":"select-with-tags__addons-size-l_1lbrr","addons-size-xl":"select-with-tags__addons-size-xl_1lbrr","label":"select-with-tags__label_1lbrr"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1v703 */
+/* hash: 1uk46 */
 :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_25n9r.select-with-tags__xl_25n9r .select-with-tags__contentWrapper_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__xl_1lbrr .select-with-tags__contentWrapper_1lbrr {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_25n9r.select-with-tags__l_25n9r .select-with-tags__contentWrapper_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__l_1lbrr .select-with-tags__contentWrapper_1lbrr {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_25n9r.select-with-tags__m_25n9r .select-with-tags__contentWrapper_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__m_1lbrr .select-with-tags__contentWrapper_1lbrr {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_25n9r.select-with-tags__s_25n9r .select-with-tags__contentWrapper_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__s_1lbrr .select-with-tags__contentWrapper_1lbrr {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_25n9r.select-with-tags__xl_25n9r .select-with-tags__contentWrapperVertical_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__xl_1lbrr .select-with-tags__contentWrapperVertical_1lbrr {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_25n9r.select-with-tags__l_25n9r .select-with-tags__contentWrapperVertical_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__l_1lbrr .select-with-tags__contentWrapperVertical_1lbrr {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_25n9r.select-with-tags__m_25n9r .select-with-tags__contentWrapperVertical_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__m_1lbrr .select-with-tags__contentWrapperVertical_1lbrr {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_25n9r.select-with-tags__s_25n9r .select-with-tags__contentWrapperVertical_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__s_1lbrr .select-with-tags__contentWrapperVertical_1lbrr {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_25n9r .select-with-tags__contentWrapper_25n9r {
+.select-with-tags__component_1lbrr .select-with-tags__contentWrapper_1lbrr {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_25n9r .select-with-tags__contentWrapper_25n9r:not(.select-with-tags__contentWrapperVertical_25n9r):not(.select-with-tags__hasLabel_25n9r) {
+.select-with-tags__component_1lbrr .select-with-tags__contentWrapper_1lbrr:not(.select-with-tags__contentWrapperVertical_1lbrr):not(.select-with-tags__hasLabel_1lbrr) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_25n9r .select-with-tags__contentWrapper_25n9r.select-with-tags__hasLabel_25n9r {
+.select-with-tags__component_1lbrr .select-with-tags__contentWrapper_1lbrr.select-with-tags__hasLabel_1lbrr {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_25n9r .select-with-tags__contentWrapper_25n9r.select-with-tags__hasTags_25n9r.select-with-tags__hasLabel_25n9r {
+.select-with-tags__component_1lbrr .select-with-tags__contentWrapper_1lbrr.select-with-tags__hasTags_1lbrr.select-with-tags__hasLabel_1lbrr {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_25n9r:hover .select-with-tags__addons_25n9r {
+.select-with-tags__component_1lbrr:hover .select-with-tags__addons_1lbrr {
     opacity: 0.7;
 }
-.select-with-tags__field_25n9r {
+.select-with-tags__field_1lbrr {
     cursor: pointer;
 }
-.select-with-tags__input_25n9r {
+.select-with-tags__input_1lbrr {
     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_25n9r:disabled {
+.select-with-tags__input_1lbrr:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_25n9r::placeholder {
+.select-with-tags__input_1lbrr::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_25n9r:focus::placeholder {
+.select-with-tags__input_1lbrr:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_25n9r {
+.select-with-tags__block_1lbrr {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_25n9r {
+.select-with-tags__focusVisible_1lbrr {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_25n9r {
+.select-with-tags__placeholder_1lbrr {
     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_25n9r {
+.select-with-tags__addons_1lbrr {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_25n9r {
+.select-with-tags__addons-size-m_1lbrr {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_25n9r {
+.select-with-tags__addons-size-l_1lbrr {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_25n9r {
+.select-with-tags__addons-size-xl_1lbrr {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_25n9r.select-with-tags__s_25n9r .select-with-tags__label_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__s_1lbrr .select-with-tags__label_1lbrr {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_25n9r.select-with-tags__m_25n9r .select-with-tags__label_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__m_1lbrr .select-with-tags__label_1lbrr {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_25n9r.select-with-tags__l_25n9r .select-with-tags__label_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__l_1lbrr .select-with-tags__label_1lbrr {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_25n9r.select-with-tags__xl_25n9r .select-with-tags__label_25n9r {
+.select-with-tags__component_1lbrr.select-with-tags__xl_1lbrr .select-with-tags__label_1lbrr {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_25n9r .select-with-tags__label_25n9r {
+.select-with-tags__component_1lbrr .select-with-tags__label_1lbrr {
     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-2f57f20c.js');
+require('../../tslib.es6-409897b7.js');
 require('react');
 require('classnames');
 require('../../../form-control');

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-b15c6e3e.js';
+import { _ as __rest, a as __assign } from './tslib.es6-d3af34e8.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-b15c6e3e.js';
+import '../tslib.es6-d3af34e8.js';
 import 'react';
 import 'classnames';
 import '../../../form-control/esm';

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-b15c6e3e.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-d3af34e8.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_3twi5","tagNoClose":"select-with-tags__tagNoClose_3twi5","tagContentWrap":"select-with-tags__tagContentWrap_3twi5","tagCross":"select-with-tags__tagCross_3twi5"};
+var styles = {"tag":"select-with-tags__tag_wkdq0","tagNoClose":"select-with-tags__tagNoClose_wkdq0","tagContentWrap":"select-with-tags__tagContentWrap_wkdq0","tagCross":"select-with-tags__tagCross_wkdq0"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: xqt0i */
+/* hash: mp8ke */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_3twi5 {
+.select-with-tags__tag_wkdq0 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_3twi5:active:not(:disabled) {
+.select-with-tags__tag_wkdq0:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_3twi5:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_wkdq0:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_3twi5 > span {
+.select-with-tags__tag_wkdq0 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_3twi5 {
+.select-with-tags__tagNoClose_wkdq0 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_3twi5 {
+.select-with-tags__tagContentWrap_wkdq0 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_3twi5 {
+.select-with-tags__tagCross_wkdq0 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_3twi5:hover {
+.select-with-tags__tagCross_wkdq0:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_3twi5:active {
+.select-with-tags__tagCross_wkdq0:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_3twi5 svg {
+.select-with-tags__tagCross_wkdq0 svg {
         height: 100%;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-b15c6e3e.js';
+import '../../tslib.es6-d3af34e8.js';
 import 'react';
 import 'classnames';
 import '../../../../tag/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-b15c6e3e.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-d3af34e8.js';
 import React, { useState, useRef, useLayoutEffect, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { FormControl } from '../../../../form-control/esm';
@@ -8,7 +8,7 @@ import '../../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
 import { Tag } from '../tag/component.js';
 
-var styles = {"component":"select-with-tags__component_25n9r","xl":"select-with-tags__xl_25n9r","contentWrapper":"select-with-tags__contentWrapper_25n9r","l":"select-with-tags__l_25n9r","m":"select-with-tags__m_25n9r","s":"select-with-tags__s_25n9r","contentWrapperVertical":"select-with-tags__contentWrapperVertical_25n9r","hasLabel":"select-with-tags__hasLabel_25n9r","hasTags":"select-with-tags__hasTags_25n9r","addons":"select-with-tags__addons_25n9r","field":"select-with-tags__field_25n9r","input":"select-with-tags__input_25n9r","block":"select-with-tags__block_25n9r","focusVisible":"select-with-tags__focusVisible_25n9r","placeholder":"select-with-tags__placeholder_25n9r","addons-size-m":"select-with-tags__addons-size-m_25n9r","addons-size-l":"select-with-tags__addons-size-l_25n9r","addons-size-xl":"select-with-tags__addons-size-xl_25n9r","label":"select-with-tags__label_25n9r"};
+var styles = {"component":"select-with-tags__component_1lbrr","xl":"select-with-tags__xl_1lbrr","contentWrapper":"select-with-tags__contentWrapper_1lbrr","l":"select-with-tags__l_1lbrr","m":"select-with-tags__m_1lbrr","s":"select-with-tags__s_1lbrr","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1lbrr","hasLabel":"select-with-tags__hasLabel_1lbrr","hasTags":"select-with-tags__hasTags_1lbrr","addons":"select-with-tags__addons_1lbrr","field":"select-with-tags__field_1lbrr","input":"select-with-tags__input_1lbrr","block":"select-with-tags__block_1lbrr","focusVisible":"select-with-tags__focusVisible_1lbrr","placeholder":"select-with-tags__placeholder_1lbrr","addons-size-m":"select-with-tags__addons-size-m_1lbrr","addons-size-l":"select-with-tags__addons-size-l_1lbrr","addons-size-xl":"select-with-tags__addons-size-xl_1lbrr","label":"select-with-tags__label_1lbrr"};
 require('./index.css');
 
 var TagList = function (_a) {