@alfalab/core-components 37.5.0 → 37.5.2

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

@@ -1,4 +1,4 @@
-/* hash: 1otnq */
+/* hash: 1x24c */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
@@ -35,35 +35,35 @@
     /* background-color */
 
     /* text color */
-} .select-with-tags__tag_1xy64 {
+} .select-with-tags__tag_1c1di {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-} .select-with-tags__tag_1xy64:active:not(:disabled) {
+} .select-with-tags__tag_1c1di:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1xy64:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_1c1di:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1xy64 > span {
+    } .select-with-tags__tag_1c1di > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tagNoClose_1xy64 {
+    } .select-with-tags__tagNoClose_1c1di {
     padding-right: var(--gap-m);
-} .select-with-tags__tagContentWrap_1xy64 {
+} .select-with-tags__tagContentWrap_1c1di {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-} .select-with-tags__tagCross_1xy64 {
+} .select-with-tags__tagCross_1c1di {
     padding-right: var(--gap-xs);
     height: 100%
-} .select-with-tags__tagCross_1xy64:hover {
+} .select-with-tags__tagCross_1c1di:hover {
         opacity: 0.7;
-    } .select-with-tags__tagCross_1xy64:active {
+    } .select-with-tags__tagCross_1c1di:active {
         opacity: 0.5;
-    } .select-with-tags__tagCross_1xy64 svg {
+    } .select-with-tags__tagCross_1c1di 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-81a48009.js');
+require('../../tslib.es6-01009db6.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-81a48009.js');
+var tslib_es6 = require('../../tslib.es6-01009db6.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_72hp6","xl":"select-with-tags__xl_72hp6","contentWrapper":"select-with-tags__contentWrapper_72hp6","l":"select-with-tags__l_72hp6","m":"select-with-tags__m_72hp6","s":"select-with-tags__s_72hp6","contentWrapperVertical":"select-with-tags__contentWrapperVertical_72hp6","hasLabel":"select-with-tags__hasLabel_72hp6","hasTags":"select-with-tags__hasTags_72hp6","addons":"select-with-tags__addons_72hp6","field":"select-with-tags__field_72hp6","input":"select-with-tags__input_72hp6","block":"select-with-tags__block_72hp6","focusVisible":"select-with-tags__focusVisible_72hp6","placeholder":"select-with-tags__placeholder_72hp6","addons-size-m":"select-with-tags__addons-size-m_72hp6","addons-size-l":"select-with-tags__addons-size-l_72hp6","addons-size-xl":"select-with-tags__addons-size-xl_72hp6","label":"select-with-tags__label_72hp6"};
+var styles = {"component":"select-with-tags__component_wxh0w","xl":"select-with-tags__xl_wxh0w","contentWrapper":"select-with-tags__contentWrapper_wxh0w","l":"select-with-tags__l_wxh0w","m":"select-with-tags__m_wxh0w","s":"select-with-tags__s_wxh0w","contentWrapperVertical":"select-with-tags__contentWrapperVertical_wxh0w","hasLabel":"select-with-tags__hasLabel_wxh0w","hasTags":"select-with-tags__hasTags_wxh0w","addons":"select-with-tags__addons_wxh0w","field":"select-with-tags__field_wxh0w","input":"select-with-tags__input_wxh0w","block":"select-with-tags__block_wxh0w","focusVisible":"select-with-tags__focusVisible_wxh0w","placeholder":"select-with-tags__placeholder_wxh0w","addons-size-m":"select-with-tags__addons-size-m_wxh0w","addons-size-l":"select-with-tags__addons-size-l_wxh0w","addons-size-xl":"select-with-tags__addons-size-xl_wxh0w","label":"select-with-tags__label_wxh0w"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1yemv */
+/* hash: j605z */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #007aff;
@@ -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_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__xl_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-l) var(--gap-m);
-} .select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__l_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-m) var(--gap-m);
-} .select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__m_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-m) var(--gap-s);
-} .select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__s_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-s) var(--gap-s);
-} .select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__xl_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-} .select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__l_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-} .select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__m_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-} .select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__s_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-} .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-} .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6:not(.select-with-tags__contentWrapperVertical_72hp6):not(.select-with-tags__hasLabel_72hp6) {
+} .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w:not(.select-with-tags__contentWrapperVertical_wxh0w):not(.select-with-tags__hasLabel_wxh0w) {
         padding-top: 0;
         padding-bottom: 0;
-    } .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w.select-with-tags__hasLabel_wxh0w {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasTags_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w.select-with-tags__hasTags_wxh0w.select-with-tags__hasLabel_wxh0w {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
+    } .select-with-tags__component_wxh0w:hover .select-with-tags__addons_wxh0w {
     opacity: 0.7;
-} .select-with-tags__field_72hp6 {
+} .select-with-tags__field_wxh0w {
     cursor: pointer;
-} .select-with-tags__input_72hp6 {
+} .select-with-tags__input_wxh0w {
     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_72hp6:disabled {
+} .select-with-tags__input_wxh0w:disabled {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_72hp6::placeholder {
+    } .select-with-tags__input_wxh0w::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_72hp6:focus::placeholder {
+    } .select-with-tags__input_wxh0w:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__block_72hp6 {
+    } .select-with-tags__block_wxh0w {
     min-width: 100%;
-} .select-with-tags__focusVisible_72hp6 {
+} .select-with-tags__focusVisible_wxh0w {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_72hp6 {
+} .select-with-tags__placeholder_wxh0w {
     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_72hp6 {
+} .select-with-tags__addons_wxh0w {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-m_72hp6 {
+} .select-with-tags__addons-size-m_wxh0w {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-l_72hp6 {
+} .select-with-tags__addons-size-l_wxh0w {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-xl_72hp6 {
+} .select-with-tags__addons-size-xl_wxh0w {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__s_wxh0w .select-with-tags__label_wxh0w {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__m_wxh0w .select-with-tags__label_wxh0w {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__l_wxh0w .select-with-tags__label_wxh0w {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__xl_wxh0w .select-with-tags__label_wxh0w {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w .select-with-tags__label_wxh0w {
     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-81a48009.js');
+require('../../tslib.es6-01009db6.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-862851e8.js';
+import { _ as __rest, a as __assign } from './tslib.es6-e52230d8.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-862851e8.js';
+import '../tslib.es6-e52230d8.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-862851e8.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-e52230d8.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_1xy64","tagNoClose":"select-with-tags__tagNoClose_1xy64","tagContentWrap":"select-with-tags__tagContentWrap_1xy64","tagCross":"select-with-tags__tagCross_1xy64"};
+var styles = {"tag":"select-with-tags__tag_1c1di","tagNoClose":"select-with-tags__tagNoClose_1c1di","tagContentWrap":"select-with-tags__tagContentWrap_1c1di","tagCross":"select-with-tags__tagCross_1c1di"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1otnq */
+/* hash: 1x24c */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
@@ -35,35 +35,35 @@
     /* background-color */
 
     /* text color */
-} .select-with-tags__tag_1xy64 {
+} .select-with-tags__tag_1c1di {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-} .select-with-tags__tag_1xy64:active:not(:disabled) {
+} .select-with-tags__tag_1c1di:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1xy64:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_1c1di:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1xy64 > span {
+    } .select-with-tags__tag_1c1di > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tagNoClose_1xy64 {
+    } .select-with-tags__tagNoClose_1c1di {
     padding-right: var(--gap-m);
-} .select-with-tags__tagContentWrap_1xy64 {
+} .select-with-tags__tagContentWrap_1c1di {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-} .select-with-tags__tagCross_1xy64 {
+} .select-with-tags__tagCross_1c1di {
     padding-right: var(--gap-xs);
     height: 100%
-} .select-with-tags__tagCross_1xy64:hover {
+} .select-with-tags__tagCross_1c1di:hover {
         opacity: 0.7;
-    } .select-with-tags__tagCross_1xy64:active {
+    } .select-with-tags__tagCross_1c1di:active {
         opacity: 0.5;
-    } .select-with-tags__tagCross_1xy64 svg {
+    } .select-with-tags__tagCross_1c1di 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-862851e8.js';
+import '../../tslib.es6-e52230d8.js';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-862851e8.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-e52230d8.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_72hp6","xl":"select-with-tags__xl_72hp6","contentWrapper":"select-with-tags__contentWrapper_72hp6","l":"select-with-tags__l_72hp6","m":"select-with-tags__m_72hp6","s":"select-with-tags__s_72hp6","contentWrapperVertical":"select-with-tags__contentWrapperVertical_72hp6","hasLabel":"select-with-tags__hasLabel_72hp6","hasTags":"select-with-tags__hasTags_72hp6","addons":"select-with-tags__addons_72hp6","field":"select-with-tags__field_72hp6","input":"select-with-tags__input_72hp6","block":"select-with-tags__block_72hp6","focusVisible":"select-with-tags__focusVisible_72hp6","placeholder":"select-with-tags__placeholder_72hp6","addons-size-m":"select-with-tags__addons-size-m_72hp6","addons-size-l":"select-with-tags__addons-size-l_72hp6","addons-size-xl":"select-with-tags__addons-size-xl_72hp6","label":"select-with-tags__label_72hp6"};
+var styles = {"component":"select-with-tags__component_wxh0w","xl":"select-with-tags__xl_wxh0w","contentWrapper":"select-with-tags__contentWrapper_wxh0w","l":"select-with-tags__l_wxh0w","m":"select-with-tags__m_wxh0w","s":"select-with-tags__s_wxh0w","contentWrapperVertical":"select-with-tags__contentWrapperVertical_wxh0w","hasLabel":"select-with-tags__hasLabel_wxh0w","hasTags":"select-with-tags__hasTags_wxh0w","addons":"select-with-tags__addons_wxh0w","field":"select-with-tags__field_wxh0w","input":"select-with-tags__input_wxh0w","block":"select-with-tags__block_wxh0w","focusVisible":"select-with-tags__focusVisible_wxh0w","placeholder":"select-with-tags__placeholder_wxh0w","addons-size-m":"select-with-tags__addons-size-m_wxh0w","addons-size-l":"select-with-tags__addons-size-l_wxh0w","addons-size-xl":"select-with-tags__addons-size-xl_wxh0w","label":"select-with-tags__label_wxh0w"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1yemv */
+/* hash: j605z */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #007aff;
@@ -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_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__xl_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-l) var(--gap-m);
-} .select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__l_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-m) var(--gap-m);
-} .select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__m_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-m) var(--gap-s);
-} .select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__s_wxh0w .select-with-tags__contentWrapper_wxh0w {
     padding: var(--gap-s) var(--gap-s);
-} .select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__xl_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-} .select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__l_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-} .select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__m_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-} .select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__contentWrapperVertical_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__s_wxh0w .select-with-tags__contentWrapperVertical_wxh0w {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-} .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6 {
+} .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-} .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6:not(.select-with-tags__contentWrapperVertical_72hp6):not(.select-with-tags__hasLabel_72hp6) {
+} .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w:not(.select-with-tags__contentWrapperVertical_wxh0w):not(.select-with-tags__hasLabel_wxh0w) {
         padding-top: 0;
         padding-bottom: 0;
-    } .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w.select-with-tags__hasLabel_wxh0w {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_72hp6 .select-with-tags__contentWrapper_72hp6.select-with-tags__hasTags_72hp6.select-with-tags__hasLabel_72hp6 {
+    } .select-with-tags__component_wxh0w .select-with-tags__contentWrapper_wxh0w.select-with-tags__hasTags_wxh0w.select-with-tags__hasLabel_wxh0w {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_72hp6:hover .select-with-tags__addons_72hp6 {
+    } .select-with-tags__component_wxh0w:hover .select-with-tags__addons_wxh0w {
     opacity: 0.7;
-} .select-with-tags__field_72hp6 {
+} .select-with-tags__field_wxh0w {
     cursor: pointer;
-} .select-with-tags__input_72hp6 {
+} .select-with-tags__input_wxh0w {
     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_72hp6:disabled {
+} .select-with-tags__input_wxh0w:disabled {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_72hp6::placeholder {
+    } .select-with-tags__input_wxh0w::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_72hp6:focus::placeholder {
+    } .select-with-tags__input_wxh0w:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__block_72hp6 {
+    } .select-with-tags__block_wxh0w {
     min-width: 100%;
-} .select-with-tags__focusVisible_72hp6 {
+} .select-with-tags__focusVisible_wxh0w {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_72hp6 {
+} .select-with-tags__placeholder_wxh0w {
     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_72hp6 {
+} .select-with-tags__addons_wxh0w {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-m_72hp6 {
+} .select-with-tags__addons-size-m_wxh0w {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-l_72hp6 {
+} .select-with-tags__addons-size-l_wxh0w {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-xl_72hp6 {
+} .select-with-tags__addons-size-xl_wxh0w {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_72hp6.select-with-tags__s_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__s_wxh0w .select-with-tags__label_wxh0w {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_72hp6.select-with-tags__m_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__m_wxh0w .select-with-tags__label_wxh0w {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_72hp6.select-with-tags__l_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__l_wxh0w .select-with-tags__label_wxh0w {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_72hp6.select-with-tags__xl_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w.select-with-tags__xl_wxh0w .select-with-tags__label_wxh0w {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_72hp6 .select-with-tags__label_72hp6 {
+} .select-with-tags__component_wxh0w .select-with-tags__label_wxh0w {
     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-862851e8.js';
+import '../../tslib.es6-e52230d8.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-862851e8.js';
+import './tslib.es6-e52230d8.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-862851e8.js';
+import '../tslib.es6-e52230d8.js';

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

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-862851e8.js';
+import { a as __assign } from '../tslib.es6-e52230d8.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-81a48009.js');
+require('./tslib.es6-01009db6.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_1xy64","tagNoClose":"select-with-tags__tagNoClose_1xy64","tagContentWrap":"select-with-tags__tagContentWrap_1xy64","tagCross":"select-with-tags__tagCross_1xy64"};
+const styles = {"tag":"select-with-tags__tag_1c1di","tagNoClose":"select-with-tags__tagNoClose_1c1di","tagContentWrap":"select-with-tags__tagContentWrap_1c1di","tagCross":"select-with-tags__tagCross_1c1di"};
 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: 1otnq */
+/* hash: 1x24c */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
@@ -35,35 +35,35 @@
     /* background-color */
 
     /* text color */
-} .select-with-tags__tag_1xy64 {
+} .select-with-tags__tag_1c1di {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-} .select-with-tags__tag_1xy64:active:not(:disabled) {
+} .select-with-tags__tag_1c1di:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1xy64:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_1c1di:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1xy64 > span {
+    } .select-with-tags__tag_1c1di > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tagNoClose_1xy64 {
+    } .select-with-tags__tagNoClose_1c1di {
     padding-right: var(--gap-m);
-} .select-with-tags__tagContentWrap_1xy64 {
+} .select-with-tags__tagContentWrap_1c1di {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-} .select-with-tags__tagCross_1xy64 {
+} .select-with-tags__tagCross_1c1di {
     padding-right: var(--gap-xs);
     height: 100%
-} .select-with-tags__tagCross_1xy64:hover {
+} .select-with-tags__tagCross_1c1di:hover {
         opacity: 0.7;
-    } .select-with-tags__tagCross_1xy64:active {
+    } .select-with-tags__tagCross_1c1di:active {
         opacity: 0.5;
-    } .select-with-tags__tagCross_1xy64 svg {
+    } .select-with-tags__tagCross_1c1di svg {
         height: 100%;
     }

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

@@ -7,7 +7,7 @@ import { Tag } from '../tag/component.js';
 import '../../../../tag/modern';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
 
-const styles = {"component":"select-with-tags__component_72hp6","xl":"select-with-tags__xl_72hp6","contentWrapper":"select-with-tags__contentWrapper_72hp6","l":"select-with-tags__l_72hp6","m":"select-with-tags__m_72hp6","s":"select-with-tags__s_72hp6","contentWrapperVertical":"select-with-tags__contentWrapperVertical_72hp6","hasLabel":"select-with-tags__hasLabel_72hp6","hasTags":"select-with-tags__hasTags_72hp6","addons":"select-with-tags__addons_72hp6","field":"select-with-tags__field_72hp6","input":"select-with-tags__input_72hp6","block":"select-with-tags__block_72hp6","focusVisible":"select-with-tags__focusVisible_72hp6","placeholder":"select-with-tags__placeholder_72hp6","addons-size-m":"select-with-tags__addons-size-m_72hp6","addons-size-l":"select-with-tags__addons-size-l_72hp6","addons-size-xl":"select-with-tags__addons-size-xl_72hp6","label":"select-with-tags__label_72hp6"};
+const styles = {"component":"select-with-tags__component_wxh0w","xl":"select-with-tags__xl_wxh0w","contentWrapper":"select-with-tags__contentWrapper_wxh0w","l":"select-with-tags__l_wxh0w","m":"select-with-tags__m_wxh0w","s":"select-with-tags__s_wxh0w","contentWrapperVertical":"select-with-tags__contentWrapperVertical_wxh0w","hasLabel":"select-with-tags__hasLabel_wxh0w","hasTags":"select-with-tags__hasTags_wxh0w","addons":"select-with-tags__addons_wxh0w","field":"select-with-tags__field_wxh0w","input":"select-with-tags__input_wxh0w","block":"select-with-tags__block_wxh0w","focusVisible":"select-with-tags__focusVisible_wxh0w","placeholder":"select-with-tags__placeholder_wxh0w","addons-size-m":"select-with-tags__addons-size-m_wxh0w","addons-size-l":"select-with-tags__addons-size-l_wxh0w","addons-size-xl":"select-with-tags__addons-size-xl_wxh0w","label":"select-with-tags__label_wxh0w"};
 require('./index.css');
 
 const TagList = ({ size = 'xl', open, disabled, placeholder, selectedMultiple = [], Arrow, innerProps, className, fieldClassName, value = '', autocomplete, label, valueRenderer, onInput, handleDeleteTag, collapseTagList, moveInputToNewLine, transformCollapsedTagText, transformTagText, isPopoverOpen, handleUpdatePopover, Tag: Tag$1 = Tag, setSelectedItems, toggleMenu, ...restProps }) => {