@alfalab/core-components 43.1.2 → 43.1.3

package/select/modern/components/virtual-options-list/index.css

@@ -35,34 +35,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_igulg {
+} .select__virtualOptionsList_1y7mi {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
-} .select__virtualOptionsListHeader_igulg {
+} .select__virtualOptionsListHeader_1y7mi {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-border-secondary);
-} .select__virtualOptionsListFooter_igulg {
+} .select__virtualOptionsListFooter_1y7mi {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_igulg.select__withBorder_igulg {
+} .select__virtualOptionsListFooter_1y7mi.select__withBorder_1y7mi {
         border-top: 1px solid var(--color-light-border-secondary);
-    } .select__scrollable_igulg {
+    } .select__scrollable_1y7mi {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_igulg {
+} .select__inner_1y7mi {
     position: relative;
     width: 100%;
-} .select__virtualRow_igulg {
+} .select__virtualRow_1y7mi {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_igulg:before {
+} .select__virtualRow_1y7mi:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -72,15 +72,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_igulg:first-child:before {
+    } .select__virtualRow_1y7mi:first-child:before {
         display: none;
-    } .select__highlighted_igulg:before,
-    .select__highlighted_igulg + .select__virtualRow_igulg:before {
+    } .select__highlighted_1y7mi:before,
+    .select__highlighted_1y7mi + .select__virtualRow_1y7mi:before {
         display: none;
-    } .select__emptyPlaceholder_igulg {
+    } .select__emptyPlaceholder_1y7mi {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_igulg .select__emptyPlaceholder_igulg,
-.select__xl_igulg .select__emptyPlaceholder_igulg {
+} .select__l_1y7mi .select__emptyPlaceholder_1y7mi,
+.select__xl_1y7mi .select__emptyPlaceholder_1y7mi {
     padding: var(--gap-xl) var(--gap-m);
 }

package/select/modern/index.js

@@ -38,7 +38,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-104dbab7.js';
+import './hook-8053ab1a.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/index.js

@@ -35,7 +35,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-104dbab7.js';
+import '../hook-8053ab1a.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-104dbab7.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-8053ab1a.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

package/select/modern/presets/useSelectWithApply/hook.js

@@ -1,5 +1,5 @@
 import 'react';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-104dbab7.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-8053ab1a.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-104dbab7.js';
+export { O as OptionsListWithApply } from '../../../hook-8053ab1a.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonDesktop } from '../../../../../../button/modern/desktop';
 
-const styles = {"footer":"select__footer_1blkj"};
+const styles = {"footer":"select__footer_sb8ex"};
 require('./index.css');
 
 const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], }) => (React.createElement("div", { 

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

@@ -17,10 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__footer_1blkj {
+} .select__footer_sb8ex {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1blkj > * + * {
+} .select__footer_sb8ex > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Checkbox } from '../../../../../../checkbox/modern';
 
-const styles = {"desktop":"select__desktop_1f57a","mobile":"select__mobile_1f57a"};
+const styles = {"desktop":"select__desktop_1anrv","mobile":"select__mobile_1anrv"};
 require('./index.css');
 
 const Header = ({ onChange, checked, indeterminate, mobile }) => (React.createElement("div", { className: cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile }) },

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

@@ -16,8 +16,8 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__desktop_1f57a {
+} .select__desktop_1anrv {
     padding: var(--gap-s);
-} .select__mobile_1f57a {
+} .select__mobile_1anrv {
     padding: var(--gap-s) var(--gap-xs);
 }

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

@@ -1 +1 @@
-export * from "../../../hook-104dbab7";
+export * from "../../../hook-8053ab1a";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-104dbab7.js';
+export { O as OptionsListWithApply } from '../../../hook-8053ab1a.js';
 import 'react';
 import '../../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/presets/useSelectWithLoading/hook.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark-mobile/Component.js';
 
-const styles = {"skeleton":"select__skeleton_6robf"};
+const styles = {"skeleton":"select__skeleton_1v1g5"};
 require('./index.css');
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/select/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
 /* hash: 1cylu */
-.select__skeleton_6robf {
+.select__skeleton_1v1g5 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-104dbab7.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-8053ab1a.js';
 export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/modern/typings.d.ts

@@ -245,11 +245,11 @@ type BaseSelectProps = {
         name?: string;
     }) => void;
     /**
-     * Обработчик фокуса поля
+     * Обработчик блюра поля
      */
     onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**
-     * Обработчик блюра поля
+     * Обработчик фокуса поля
      */
     onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4b64fa96.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-f7ca5329.js');
 require('tslib');
 require('react');
 require('../../skeleton');

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-4b64fa96.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-f7ca5329.js');
 require('../../components/options-list/Component.js');
 require('react-merge-refs');
 require('classnames');

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4b64fa96.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-f7ca5329.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 require('react-merge-refs');

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

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"footer":"select__footer_1blkj"};
+var styles = {"footer":"select__footer_sb8ex"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -17,10 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__footer_1blkj {
+} .select__footer_sb8ex {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_1blkj > * + * {
+} .select__footer_sb8ex > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"desktop":"select__desktop_1f57a","mobile":"select__mobile_1f57a"};
+var styles = {"desktop":"select__desktop_1anrv","mobile":"select__mobile_1anrv"};
 require('./index.css');
 
 var Header = function (_a) {

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

@@ -16,8 +16,8 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__desktop_1f57a {
+} .select__desktop_1anrv {
     padding: var(--gap-s);
-} .select__mobile_1f57a {
+} .select__mobile_1anrv {
     padding: var(--gap-s) var(--gap-xs);
 }

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

@@ -1 +1 @@
-export * from "../../../hook-4b64fa96";
+export * from "../../../hook-f7ca5329";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4b64fa96.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-f7ca5329.js');
 require('tslib');
 require('react');
 require('../../../utils.js');

package/select/presets/useSelectWithLoading/hook.js

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_6robf"};
+var styles = {"skeleton":"select__skeleton_1v1g5"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
 /* hash: 1cylu */
-.select__skeleton_6robf {
+.select__skeleton_1v1g5 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4b64fa96.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-f7ca5329.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select/typings.d.ts

@@ -245,11 +245,11 @@ type BaseSelectProps = {
         name?: string;
     }) => void;
     /**
-     * Обработчик фокуса поля
+     * Обработчик блюра поля
      */
     onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**
-     * Обработчик блюра поля
+     * Обработчик фокуса поля
      */
     onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
     /**

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

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tag":"select-with-tags__tag_aw8wt","tagNoClose":"select-with-tags__tagNoClose_aw8wt","tagContentWrap":"select-with-tags__tagContentWrap_aw8wt","tagCross":"select-with-tags__tagCross_aw8wt"};
+var styles = {"tag":"select-with-tags__tag_tmrfn","tagNoClose":"select-with-tags__tagNoClose_tmrfn","tagContentWrap":"select-with-tags__tagContentWrap_tmrfn","tagCross":"select-with-tags__tagCross_tmrfn"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -47,35 +47,35 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_aw8wt {
+} .select-with-tags__tag_tmrfn {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-} .select-with-tags__tag_aw8wt:active:not(:disabled) {
+} .select-with-tags__tag_tmrfn:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_aw8wt:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_tmrfn:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_aw8wt > span {
+    } .select-with-tags__tag_tmrfn > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tagNoClose_aw8wt {
+    } .select-with-tags__tagNoClose_tmrfn {
     padding-right: var(--gap-m);
-} .select-with-tags__tagContentWrap_aw8wt {
+} .select-with-tags__tagContentWrap_tmrfn {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-} .select-with-tags__tagCross_aw8wt {
+} .select-with-tags__tagCross_tmrfn {
     padding-right: var(--gap-xs);
     height: 100%
-} .select-with-tags__tagCross_aw8wt:hover {
+} .select-with-tags__tagCross_tmrfn:hover {
         opacity: 0.7;
-    } .select-with-tags__tagCross_aw8wt:active {
+    } .select-with-tags__tagCross_tmrfn:active {
         opacity: 0.5;
-    } .select-with-tags__tagCross_aw8wt svg {
+    } .select-with-tags__tagCross_tmrfn svg {
         height: 100%;
     }

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

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"select-with-tags__component_ml5ly","xl":"select-with-tags__xl_ml5ly","contentWrapper":"select-with-tags__contentWrapper_ml5ly","l":"select-with-tags__l_ml5ly","m":"select-with-tags__m_ml5ly","s":"select-with-tags__s_ml5ly","contentWrapperVertical":"select-with-tags__contentWrapperVertical_ml5ly","hasInnerLabel":"select-with-tags__hasInnerLabel_ml5ly","hasTags":"select-with-tags__hasTags_ml5ly","addons":"select-with-tags__addons_ml5ly","field":"select-with-tags__field_ml5ly","input":"select-with-tags__input_ml5ly","block":"select-with-tags__block_ml5ly","focusVisible":"select-with-tags__focusVisible_ml5ly","placeholder":"select-with-tags__placeholder_ml5ly","addons-size-m":"select-with-tags__addons-size-m_ml5ly","addons-size-l":"select-with-tags__addons-size-l_ml5ly","addons-size-xl":"select-with-tags__addons-size-xl_ml5ly","label":"select-with-tags__label_ml5ly"};
+var styles = {"component":"select-with-tags__component_75tgj","xl":"select-with-tags__xl_75tgj","contentWrapper":"select-with-tags__contentWrapper_75tgj","l":"select-with-tags__l_75tgj","m":"select-with-tags__m_75tgj","s":"select-with-tags__s_75tgj","contentWrapperVertical":"select-with-tags__contentWrapperVertical_75tgj","hasInnerLabel":"select-with-tags__hasInnerLabel_75tgj","hasTags":"select-with-tags__hasTags_75tgj","addons":"select-with-tags__addons_75tgj","field":"select-with-tags__field_75tgj","input":"select-with-tags__input_75tgj","block":"select-with-tags__block_75tgj","focusVisible":"select-with-tags__focusVisible_75tgj","placeholder":"select-with-tags__placeholder_75tgj","addons-size-m":"select-with-tags__addons-size-m_75tgj","addons-size-l":"select-with-tags__addons-size-l_75tgj","addons-size-xl":"select-with-tags__addons-size-xl_75tgj","label":"select-with-tags__label_75tgj"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -28,45 +28,45 @@
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} .select-with-tags__component_ml5ly.select-with-tags__xl_ml5ly .select-with-tags__contentWrapper_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__xl_75tgj .select-with-tags__contentWrapper_75tgj {
     padding: var(--gap-l) var(--gap-m);
-} .select-with-tags__component_ml5ly.select-with-tags__l_ml5ly .select-with-tags__contentWrapper_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__l_75tgj .select-with-tags__contentWrapper_75tgj {
     padding: var(--gap-m) var(--gap-m);
-} .select-with-tags__component_ml5ly.select-with-tags__m_ml5ly .select-with-tags__contentWrapper_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__m_75tgj .select-with-tags__contentWrapper_75tgj {
     padding: var(--gap-m) var(--gap-s);
-} .select-with-tags__component_ml5ly.select-with-tags__s_ml5ly .select-with-tags__contentWrapper_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__s_75tgj .select-with-tags__contentWrapper_75tgj {
     padding: var(--gap-s) var(--gap-s);
-} .select-with-tags__component_ml5ly.select-with-tags__xl_ml5ly .select-with-tags__contentWrapperVertical_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__xl_75tgj .select-with-tags__contentWrapperVertical_75tgj {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-} .select-with-tags__component_ml5ly.select-with-tags__l_ml5ly .select-with-tags__contentWrapperVertical_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__l_75tgj .select-with-tags__contentWrapperVertical_75tgj {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-} .select-with-tags__component_ml5ly.select-with-tags__m_ml5ly .select-with-tags__contentWrapperVertical_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__m_75tgj .select-with-tags__contentWrapperVertical_75tgj {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-} .select-with-tags__component_ml5ly.select-with-tags__s_ml5ly .select-with-tags__contentWrapperVertical_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__s_75tgj .select-with-tags__contentWrapperVertical_75tgj {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-} .select-with-tags__component_ml5ly .select-with-tags__contentWrapper_ml5ly {
+} .select-with-tags__component_75tgj .select-with-tags__contentWrapper_75tgj {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-} .select-with-tags__component_ml5ly .select-with-tags__contentWrapper_ml5ly:not(.select-with-tags__contentWrapperVertical_ml5ly):not(.select-with-tags__hasInnerLabel_ml5ly) {
+} .select-with-tags__component_75tgj .select-with-tags__contentWrapper_75tgj:not(.select-with-tags__contentWrapperVertical_75tgj):not(.select-with-tags__hasInnerLabel_75tgj) {
         padding-top: 0;
         padding-bottom: 0;
-    } .select-with-tags__component_ml5ly .select-with-tags__contentWrapper_ml5ly.select-with-tags__hasInnerLabel_ml5ly {
+    } .select-with-tags__component_75tgj .select-with-tags__contentWrapper_75tgj.select-with-tags__hasInnerLabel_75tgj {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_ml5ly .select-with-tags__contentWrapper_ml5ly.select-with-tags__hasTags_ml5ly.select-with-tags__hasInnerLabel_ml5ly {
+    } .select-with-tags__component_75tgj .select-with-tags__contentWrapper_75tgj.select-with-tags__hasTags_75tgj.select-with-tags__hasInnerLabel_75tgj {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_ml5ly:hover .select-with-tags__addons_ml5ly {
+    } .select-with-tags__component_75tgj:hover .select-with-tags__addons_75tgj {
     opacity: 0.7;
-} .select-with-tags__field_ml5ly {
+} .select-with-tags__field_75tgj {
     cursor: pointer;
-} .select-with-tags__input_ml5ly {
+} .select-with-tags__input_75tgj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -80,46 +80,46 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-} .select-with-tags__input_ml5ly:disabled {
+} .select-with-tags__input_75tgj:disabled {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_ml5ly::placeholder {
+    } .select-with-tags__input_75tgj::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_ml5ly:focus::placeholder {
+    } .select-with-tags__input_75tgj:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__block_ml5ly {
+    } .select-with-tags__block_75tgj {
     min-width: 100%;
-} .select-with-tags__focusVisible_ml5ly {
+} .select-with-tags__focusVisible_75tgj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_ml5ly {
+} .select-with-tags__placeholder_75tgj {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-2xs);
     color: var(--color-light-text-tertiary);
     pointer-events: none;
-} .select-with-tags__addons_ml5ly {
+} .select-with-tags__addons_75tgj {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-m_ml5ly {
+} .select-with-tags__addons-size-m_75tgj {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-l_ml5ly {
+} .select-with-tags__addons-size-l_75tgj {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-xl_ml5ly {
+} .select-with-tags__addons-size-xl_75tgj {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_ml5ly.select-with-tags__s_ml5ly .select-with-tags__label_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__s_75tgj .select-with-tags__label_75tgj {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_ml5ly.select-with-tags__m_ml5ly .select-with-tags__label_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__m_75tgj .select-with-tags__label_75tgj {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_ml5ly.select-with-tags__l_ml5ly .select-with-tags__label_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__l_75tgj .select-with-tags__label_75tgj {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_ml5ly.select-with-tags__xl_ml5ly .select-with-tags__label_ml5ly {
+} .select-with-tags__component_75tgj.select-with-tags__xl_75tgj .select-with-tags__label_75tgj {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_ml5ly .select-with-tags__label_ml5ly {
+} .select-with-tags__component_75tgj .select-with-tags__label_75tgj {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { TagDesktop } from '../../../../tag/esm/desktop';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"tag":"select-with-tags__tag_aw8wt","tagNoClose":"select-with-tags__tagNoClose_aw8wt","tagContentWrap":"select-with-tags__tagContentWrap_aw8wt","tagCross":"select-with-tags__tagCross_aw8wt"};
+var styles = {"tag":"select-with-tags__tag_tmrfn","tagNoClose":"select-with-tags__tagNoClose_tmrfn","tagContentWrap":"select-with-tags__tagContentWrap_tmrfn","tagCross":"select-with-tags__tagCross_tmrfn"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -47,35 +47,35 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_aw8wt {
+} .select-with-tags__tag_tmrfn {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-} .select-with-tags__tag_aw8wt:active:not(:disabled) {
+} .select-with-tags__tag_tmrfn:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_aw8wt:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_tmrfn:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_aw8wt > span {
+    } .select-with-tags__tag_tmrfn > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tagNoClose_aw8wt {
+    } .select-with-tags__tagNoClose_tmrfn {
     padding-right: var(--gap-m);
-} .select-with-tags__tagContentWrap_aw8wt {
+} .select-with-tags__tagContentWrap_tmrfn {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-} .select-with-tags__tagCross_aw8wt {
+} .select-with-tags__tagCross_tmrfn {
     padding-right: var(--gap-xs);
     height: 100%
-} .select-with-tags__tagCross_aw8wt:hover {
+} .select-with-tags__tagCross_tmrfn:hover {
         opacity: 0.7;
-    } .select-with-tags__tagCross_aw8wt:active {
+    } .select-with-tags__tagCross_tmrfn:active {
         opacity: 0.5;
-    } .select-with-tags__tagCross_aw8wt svg {
+    } .select-with-tags__tagCross_tmrfn svg {
         height: 100%;
     }

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

@@ -8,7 +8,7 @@ import { Tag } from '../tag/component.js';
 import '../../../../tag/esm/desktop';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"component":"select-with-tags__component_ml5ly","xl":"select-with-tags__xl_ml5ly","contentWrapper":"select-with-tags__contentWrapper_ml5ly","l":"select-with-tags__l_ml5ly","m":"select-with-tags__m_ml5ly","s":"select-with-tags__s_ml5ly","contentWrapperVertical":"select-with-tags__contentWrapperVertical_ml5ly","hasInnerLabel":"select-with-tags__hasInnerLabel_ml5ly","hasTags":"select-with-tags__hasTags_ml5ly","addons":"select-with-tags__addons_ml5ly","field":"select-with-tags__field_ml5ly","input":"select-with-tags__input_ml5ly","block":"select-with-tags__block_ml5ly","focusVisible":"select-with-tags__focusVisible_ml5ly","placeholder":"select-with-tags__placeholder_ml5ly","addons-size-m":"select-with-tags__addons-size-m_ml5ly","addons-size-l":"select-with-tags__addons-size-l_ml5ly","addons-size-xl":"select-with-tags__addons-size-xl_ml5ly","label":"select-with-tags__label_ml5ly"};
+var styles = {"component":"select-with-tags__component_75tgj","xl":"select-with-tags__xl_75tgj","contentWrapper":"select-with-tags__contentWrapper_75tgj","l":"select-with-tags__l_75tgj","m":"select-with-tags__m_75tgj","s":"select-with-tags__s_75tgj","contentWrapperVertical":"select-with-tags__contentWrapperVertical_75tgj","hasInnerLabel":"select-with-tags__hasInnerLabel_75tgj","hasTags":"select-with-tags__hasTags_75tgj","addons":"select-with-tags__addons_75tgj","field":"select-with-tags__field_75tgj","input":"select-with-tags__input_75tgj","block":"select-with-tags__block_75tgj","focusVisible":"select-with-tags__focusVisible_75tgj","placeholder":"select-with-tags__placeholder_75tgj","addons-size-m":"select-with-tags__addons-size-m_75tgj","addons-size-l":"select-with-tags__addons-size-l_75tgj","addons-size-xl":"select-with-tags__addons-size-xl_75tgj","label":"select-with-tags__label_75tgj"};
 require('./index.css');
 
 var TagList = function (_a) {