@alfalab/core-components 37.1.0 → 37.1.2

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

@@ -1,4 +1,4 @@
-/* hash: 906h1 */
+/* hash: 1935r */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_mzjzd {
+.select-with-tags__tag_cfm38 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_mzjzd:active:not(:disabled) {
+.select-with-tags__tag_cfm38:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_mzjzd:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_cfm38:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_mzjzd > span {
+.select-with-tags__tag_cfm38 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_mzjzd {
+.select-with-tags__tagNoClose_cfm38 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_mzjzd {
+.select-with-tags__tagContentWrap_cfm38 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_mzjzd {
+.select-with-tags__tagCross_cfm38 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_mzjzd:hover {
+.select-with-tags__tagCross_cfm38:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_mzjzd:active {
+.select-with-tags__tagCross_cfm38:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_mzjzd svg {
+.select-with-tags__tagCross_cfm38 svg {
         height: 100%;
     }

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

@@ -1,5 +1,5 @@
 var components_tag_component = require('./component.js');
-require('../../tslib.es6-4b4e79a2.js');
+require('../../tslib.es6-4127d481.js');
 require('react');
 require('classnames');
 require('../../../tag');

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-4b4e79a2.js');
+var tslib_es6 = require('../../tslib.es6-4127d481.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../../../form-control');
@@ -13,7 +13,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_1i13u","xl":"select-with-tags__xl_1i13u","contentWrapper":"select-with-tags__contentWrapper_1i13u","l":"select-with-tags__l_1i13u","m":"select-with-tags__m_1i13u","s":"select-with-tags__s_1i13u","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1i13u","hasLabel":"select-with-tags__hasLabel_1i13u","hasTags":"select-with-tags__hasTags_1i13u","addons":"select-with-tags__addons_1i13u","field":"select-with-tags__field_1i13u","input":"select-with-tags__input_1i13u","block":"select-with-tags__block_1i13u","focusVisible":"select-with-tags__focusVisible_1i13u","placeholder":"select-with-tags__placeholder_1i13u","addons-size-m":"select-with-tags__addons-size-m_1i13u","addons-size-l":"select-with-tags__addons-size-l_1i13u","addons-size-xl":"select-with-tags__addons-size-xl_1i13u","label":"select-with-tags__label_1i13u"};
+var styles = {"component":"select-with-tags__component_l1sfj","xl":"select-with-tags__xl_l1sfj","contentWrapper":"select-with-tags__contentWrapper_l1sfj","l":"select-with-tags__l_l1sfj","m":"select-with-tags__m_l1sfj","s":"select-with-tags__s_l1sfj","contentWrapperVertical":"select-with-tags__contentWrapperVertical_l1sfj","hasLabel":"select-with-tags__hasLabel_l1sfj","hasTags":"select-with-tags__hasTags_l1sfj","addons":"select-with-tags__addons_l1sfj","field":"select-with-tags__field_l1sfj","input":"select-with-tags__input_l1sfj","block":"select-with-tags__block_l1sfj","focusVisible":"select-with-tags__focusVisible_l1sfj","placeholder":"select-with-tags__placeholder_l1sfj","addons-size-m":"select-with-tags__addons-size-m_l1sfj","addons-size-l":"select-with-tags__addons-size-l_l1sfj","addons-size-xl":"select-with-tags__addons-size-xl_l1sfj","label":"select-with-tags__label_l1sfj"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 86tzn */
+/* hash: xwafz */
 :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_1i13u.select-with-tags__xl_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__xl_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_1i13u.select-with-tags__l_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__l_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_1i13u.select-with-tags__m_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__m_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_1i13u.select-with-tags__s_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__s_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_1i13u.select-with-tags__xl_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__xl_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_1i13u.select-with-tags__l_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__l_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_1i13u.select-with-tags__m_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__m_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_1i13u.select-with-tags__s_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__s_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u:not(.select-with-tags__contentWrapperVertical_1i13u):not(.select-with-tags__hasLabel_1i13u) {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj:not(.select-with-tags__contentWrapperVertical_l1sfj):not(.select-with-tags__hasLabel_l1sfj) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u.select-with-tags__hasLabel_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj.select-with-tags__hasLabel_l1sfj {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u.select-with-tags__hasTags_1i13u.select-with-tags__hasLabel_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj.select-with-tags__hasTags_l1sfj.select-with-tags__hasLabel_l1sfj {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_1i13u:hover .select-with-tags__addons_1i13u {
+.select-with-tags__component_l1sfj:hover .select-with-tags__addons_l1sfj {
     opacity: 0.7;
 }
-.select-with-tags__field_1i13u {
+.select-with-tags__field_l1sfj {
     cursor: pointer;
 }
-.select-with-tags__input_1i13u {
+.select-with-tags__input_l1sfj {
     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_1i13u:disabled {
+.select-with-tags__input_l1sfj:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1i13u::placeholder {
+.select-with-tags__input_l1sfj::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1i13u:focus::placeholder {
+.select-with-tags__input_l1sfj:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1i13u {
+.select-with-tags__block_l1sfj {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1i13u {
+.select-with-tags__focusVisible_l1sfj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1i13u {
+.select-with-tags__placeholder_l1sfj {
     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_1i13u {
+.select-with-tags__addons_l1sfj {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1i13u {
+.select-with-tags__addons-size-m_l1sfj {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1i13u {
+.select-with-tags__addons-size-l_l1sfj {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1i13u {
+.select-with-tags__addons-size-xl_l1sfj {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1i13u.select-with-tags__s_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__s_l1sfj .select-with-tags__label_l1sfj {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1i13u.select-with-tags__m_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__m_l1sfj .select-with-tags__label_l1sfj {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1i13u.select-with-tags__l_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__l_l1sfj .select-with-tags__label_l1sfj {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1i13u.select-with-tags__xl_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__xl_l1sfj .select-with-tags__label_l1sfj {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__label_l1sfj {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -1,5 +1,5 @@
 var components_tagList_component = require('./component.js');
-require('../../tslib.es6-4b4e79a2.js');
+require('../../tslib.es6-4127d481.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-6b535b8d.js';
+import { _ as __rest, a as __assign } from './tslib.es6-9ec115ea.js';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option, Arrow } from '../../select/esm';
 import { TagList } from './components/tag-list/component.js';

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

@@ -6,5 +6,5 @@ import '../../../form-control/esm';
 import '@alfalab/hooks';
 import '../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import '../tslib.es6-6b535b8d.js';
+import '../tslib.es6-9ec115ea.js';
 import '../utils/calculate-collapse-size.js';

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-6b535b8d.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-9ec115ea.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_mzjzd","tagNoClose":"select-with-tags__tagNoClose_mzjzd","tagContentWrap":"select-with-tags__tagContentWrap_mzjzd","tagCross":"select-with-tags__tagCross_mzjzd"};
+var styles = {"tag":"select-with-tags__tag_cfm38","tagNoClose":"select-with-tags__tagNoClose_cfm38","tagContentWrap":"select-with-tags__tagContentWrap_cfm38","tagCross":"select-with-tags__tagCross_cfm38"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 906h1 */
+/* hash: 1935r */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_mzjzd {
+.select-with-tags__tag_cfm38 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_mzjzd:active:not(:disabled) {
+.select-with-tags__tag_cfm38:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_mzjzd:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_cfm38:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_mzjzd > span {
+.select-with-tags__tag_cfm38 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_mzjzd {
+.select-with-tags__tagNoClose_cfm38 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_mzjzd {
+.select-with-tags__tagContentWrap_cfm38 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_mzjzd {
+.select-with-tags__tagCross_cfm38 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_mzjzd:hover {
+.select-with-tags__tagCross_cfm38:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_mzjzd:active {
+.select-with-tags__tagCross_cfm38:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_mzjzd svg {
+.select-with-tags__tagCross_cfm38 svg {
         height: 100%;
     }

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import '../../tslib.es6-6b535b8d.js';
+import '../../tslib.es6-9ec115ea.js';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-6b535b8d.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-9ec115ea.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 } from '../tag/component.js';
 import '../../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"component":"select-with-tags__component_1i13u","xl":"select-with-tags__xl_1i13u","contentWrapper":"select-with-tags__contentWrapper_1i13u","l":"select-with-tags__l_1i13u","m":"select-with-tags__m_1i13u","s":"select-with-tags__s_1i13u","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1i13u","hasLabel":"select-with-tags__hasLabel_1i13u","hasTags":"select-with-tags__hasTags_1i13u","addons":"select-with-tags__addons_1i13u","field":"select-with-tags__field_1i13u","input":"select-with-tags__input_1i13u","block":"select-with-tags__block_1i13u","focusVisible":"select-with-tags__focusVisible_1i13u","placeholder":"select-with-tags__placeholder_1i13u","addons-size-m":"select-with-tags__addons-size-m_1i13u","addons-size-l":"select-with-tags__addons-size-l_1i13u","addons-size-xl":"select-with-tags__addons-size-xl_1i13u","label":"select-with-tags__label_1i13u"};
+var styles = {"component":"select-with-tags__component_l1sfj","xl":"select-with-tags__xl_l1sfj","contentWrapper":"select-with-tags__contentWrapper_l1sfj","l":"select-with-tags__l_l1sfj","m":"select-with-tags__m_l1sfj","s":"select-with-tags__s_l1sfj","contentWrapperVertical":"select-with-tags__contentWrapperVertical_l1sfj","hasLabel":"select-with-tags__hasLabel_l1sfj","hasTags":"select-with-tags__hasTags_l1sfj","addons":"select-with-tags__addons_l1sfj","field":"select-with-tags__field_l1sfj","input":"select-with-tags__input_l1sfj","block":"select-with-tags__block_l1sfj","focusVisible":"select-with-tags__focusVisible_l1sfj","placeholder":"select-with-tags__placeholder_l1sfj","addons-size-m":"select-with-tags__addons-size-m_l1sfj","addons-size-l":"select-with-tags__addons-size-l_l1sfj","addons-size-xl":"select-with-tags__addons-size-xl_l1sfj","label":"select-with-tags__label_l1sfj"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 86tzn */
+/* hash: xwafz */
 :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_1i13u.select-with-tags__xl_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__xl_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_1i13u.select-with-tags__l_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__l_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_1i13u.select-with-tags__m_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__m_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_1i13u.select-with-tags__s_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__s_l1sfj .select-with-tags__contentWrapper_l1sfj {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_1i13u.select-with-tags__xl_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__xl_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_1i13u.select-with-tags__l_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__l_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_1i13u.select-with-tags__m_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__m_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_1i13u.select-with-tags__s_1i13u .select-with-tags__contentWrapperVertical_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__s_l1sfj .select-with-tags__contentWrapperVertical_l1sfj {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u:not(.select-with-tags__contentWrapperVertical_1i13u):not(.select-with-tags__hasLabel_1i13u) {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj:not(.select-with-tags__contentWrapperVertical_l1sfj):not(.select-with-tags__hasLabel_l1sfj) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u.select-with-tags__hasLabel_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj.select-with-tags__hasLabel_l1sfj {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_1i13u .select-with-tags__contentWrapper_1i13u.select-with-tags__hasTags_1i13u.select-with-tags__hasLabel_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__contentWrapper_l1sfj.select-with-tags__hasTags_l1sfj.select-with-tags__hasLabel_l1sfj {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_1i13u:hover .select-with-tags__addons_1i13u {
+.select-with-tags__component_l1sfj:hover .select-with-tags__addons_l1sfj {
     opacity: 0.7;
 }
-.select-with-tags__field_1i13u {
+.select-with-tags__field_l1sfj {
     cursor: pointer;
 }
-.select-with-tags__input_1i13u {
+.select-with-tags__input_l1sfj {
     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_1i13u:disabled {
+.select-with-tags__input_l1sfj:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1i13u::placeholder {
+.select-with-tags__input_l1sfj::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1i13u:focus::placeholder {
+.select-with-tags__input_l1sfj:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1i13u {
+.select-with-tags__block_l1sfj {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1i13u {
+.select-with-tags__focusVisible_l1sfj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1i13u {
+.select-with-tags__placeholder_l1sfj {
     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_1i13u {
+.select-with-tags__addons_l1sfj {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1i13u {
+.select-with-tags__addons-size-m_l1sfj {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1i13u {
+.select-with-tags__addons-size-l_l1sfj {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1i13u {
+.select-with-tags__addons-size-xl_l1sfj {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1i13u.select-with-tags__s_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__s_l1sfj .select-with-tags__label_l1sfj {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1i13u.select-with-tags__m_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__m_l1sfj .select-with-tags__label_l1sfj {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1i13u.select-with-tags__l_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__l_l1sfj .select-with-tags__label_l1sfj {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1i13u.select-with-tags__xl_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj.select-with-tags__xl_l1sfj .select-with-tags__label_l1sfj {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1i13u .select-with-tags__label_1i13u {
+.select-with-tags__component_l1sfj .select-with-tags__label_l1sfj {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -6,5 +6,5 @@ import '@alfalab/hooks';
 import '../tag/component.js';
 import '../../../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import '../../tslib.es6-6b535b8d.js';
+import '../../tslib.es6-9ec115ea.js';
 import '../../utils/calculate-collapse-size.js';

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

@@ -8,6 +8,6 @@ import '@alfalab/hooks';
 import './components/tag/component.js';
 import '../../tag/esm';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
-import './tslib.es6-6b535b8d.js';
+import './tslib.es6-9ec115ea.js';
 import './utils/match.js';
 import './utils/calculate-collapse-size.js';

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

@@ -1,3 +1,3 @@
 export { filterOptions } from './match.js';
 import '../../../select/esm';
-import '../tslib.es6-6b535b8d.js';
+import '../tslib.es6-9ec115ea.js';

package/select-with-tags/esm/utils/match.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-6b535b8d.js';
+import { a as __assign } from '../tslib.es6-9ec115ea.js';
 import { isGroup } from '../../../select/esm';
 
 var defaultMatch = function (option, inputValue) {

package/select-with-tags/index.js

@@ -1,5 +1,5 @@
 var component = require('./component.js');
-require('./tslib.es6-4b4e79a2.js');
+require('./tslib.es6-4127d481.js');
 require('react');
 require('../select');
 require('./components/tag-list/component.js');

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/modern';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-const styles = {"tag":"select-with-tags__tag_mzjzd","tagNoClose":"select-with-tags__tagNoClose_mzjzd","tagContentWrap":"select-with-tags__tagContentWrap_mzjzd","tagCross":"select-with-tags__tagCross_mzjzd"};
+const styles = {"tag":"select-with-tags__tag_cfm38","tagNoClose":"select-with-tags__tagNoClose_cfm38","tagContentWrap":"select-with-tags__tagContentWrap_cfm38","tagCross":"select-with-tags__tagCross_cfm38"};
 require('./index.css');
 
 const Tag = ({ option: { content, key }, onClick, handleDeleteTag, ...props }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 906h1 */
+/* hash: 1935r */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_mzjzd {
+.select-with-tags__tag_cfm38 {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_mzjzd:active:not(:disabled) {
+.select-with-tags__tag_cfm38:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_mzjzd:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_cfm38:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_mzjzd > span {
+.select-with-tags__tag_cfm38 > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_mzjzd {
+.select-with-tags__tagNoClose_cfm38 {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_mzjzd {
+.select-with-tags__tagContentWrap_cfm38 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_mzjzd {
+.select-with-tags__tagCross_cfm38 {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_mzjzd:hover {
+.select-with-tags__tagCross_cfm38:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_mzjzd:active {
+.select-with-tags__tagCross_cfm38:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_mzjzd svg {
+.select-with-tags__tagCross_cfm38 svg {
         height: 100%;
     }