@alfalab/core-components 35.0.0 → 35.1.0-beta.1

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

@@ -1,4 +1,4 @@
-/* hash: 5pupf */
+/* hash: z5dud */
 :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_10bvz.select-with-tags__xl_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__xl_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_10bvz.select-with-tags__l_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__l_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_10bvz.select-with-tags__m_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__m_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_10bvz.select-with-tags__s_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__s_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_10bvz.select-with-tags__xl_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__xl_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_10bvz.select-with-tags__l_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__l_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_10bvz.select-with-tags__m_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__m_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_10bvz.select-with-tags__s_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__s_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz:not(.select-with-tags__contentWrapperVertical_10bvz):not(.select-with-tags__hasLabel_10bvz) {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw:not(.select-with-tags__contentWrapperVertical_13mjw):not(.select-with-tags__hasLabel_13mjw) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz.select-with-tags__hasLabel_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw.select-with-tags__hasLabel_13mjw {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz.select-with-tags__hasTags_10bvz.select-with-tags__hasLabel_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw.select-with-tags__hasTags_13mjw.select-with-tags__hasLabel_13mjw {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_10bvz:hover .select-with-tags__addons_10bvz {
+.select-with-tags__component_13mjw:hover .select-with-tags__addons_13mjw {
     opacity: 0.7;
 }
-.select-with-tags__field_10bvz {
+.select-with-tags__field_13mjw {
     cursor: pointer;
 }
-.select-with-tags__input_10bvz {
+.select-with-tags__input_13mjw {
     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_10bvz:disabled {
+.select-with-tags__input_13mjw:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_10bvz::placeholder {
+.select-with-tags__input_13mjw::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_10bvz:focus::placeholder {
+.select-with-tags__input_13mjw:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_10bvz {
+.select-with-tags__block_13mjw {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_10bvz {
+.select-with-tags__focusVisible_13mjw {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_10bvz {
+.select-with-tags__placeholder_13mjw {
     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_10bvz {
+.select-with-tags__addons_13mjw {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_10bvz {
+.select-with-tags__addons-size-m_13mjw {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_10bvz {
+.select-with-tags__addons-size-l_13mjw {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_10bvz {
+.select-with-tags__addons-size-xl_13mjw {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_10bvz.select-with-tags__s_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__s_13mjw .select-with-tags__label_13mjw {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_10bvz.select-with-tags__m_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__m_13mjw .select-with-tags__label_13mjw {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_10bvz.select-with-tags__l_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__l_13mjw .select-with-tags__label_13mjw {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_10bvz.select-with-tags__xl_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__xl_13mjw .select-with-tags__label_13mjw {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__label_13mjw {
     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-8fc31226.js');
+require('../../tslib.es6-f24e46da.js');
 require('react');
 require('classnames');
 require('../../../form-control');

package/select-with-tags/cssm/utils/calculate-collapse-size.js

@@ -1,10 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var getElementSize = function (element, property) {
-    var size = +window
-        .getComputedStyle(element)
-        .getPropertyValue(property)
-        .replace('px', '');
+    var size = +window.getComputedStyle(element).getPropertyValue(property).replace('px', '');
     return Number.isNaN(size) ? 0 : size;
 };
 var getTagWidth = function (tag) {

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-a1934402.js';
+import { _ as __rest, a as __assign } from './tslib.es6-82121899.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-a1934402.js';
+import '../tslib.es6-82121899.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-a1934402.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-82121899.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_vrgw5","tagNoClose":"select-with-tags__tagNoClose_vrgw5","tagContentWrap":"select-with-tags__tagContentWrap_vrgw5","tagCross":"select-with-tags__tagCross_vrgw5"};
+var styles = {"tag":"select-with-tags__tag_15cam","tagNoClose":"select-with-tags__tagNoClose_15cam","tagContentWrap":"select-with-tags__tagContentWrap_15cam","tagCross":"select-with-tags__tagCross_15cam"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1ihbu */
+/* hash: 1a9cv */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_vrgw5 {
+.select-with-tags__tag_15cam {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_vrgw5:active:not(:disabled) {
+.select-with-tags__tag_15cam:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_vrgw5:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_15cam:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_vrgw5 > span {
+.select-with-tags__tag_15cam > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_vrgw5 {
+.select-with-tags__tagNoClose_15cam {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_vrgw5 {
+.select-with-tags__tagContentWrap_15cam {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_vrgw5 {
+.select-with-tags__tagCross_15cam {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_vrgw5:hover {
+.select-with-tags__tagCross_15cam:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_vrgw5:active {
+.select-with-tags__tagCross_15cam:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_vrgw5 svg {
+.select-with-tags__tagCross_15cam svg {
         height: 100%;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-a1934402.js';
+import '../../tslib.es6-82121899.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-a1934402.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-82121899.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_10bvz","xl":"select-with-tags__xl_10bvz","contentWrapper":"select-with-tags__contentWrapper_10bvz","l":"select-with-tags__l_10bvz","m":"select-with-tags__m_10bvz","s":"select-with-tags__s_10bvz","contentWrapperVertical":"select-with-tags__contentWrapperVertical_10bvz","hasLabel":"select-with-tags__hasLabel_10bvz","hasTags":"select-with-tags__hasTags_10bvz","addons":"select-with-tags__addons_10bvz","field":"select-with-tags__field_10bvz","input":"select-with-tags__input_10bvz","block":"select-with-tags__block_10bvz","focusVisible":"select-with-tags__focusVisible_10bvz","placeholder":"select-with-tags__placeholder_10bvz","addons-size-m":"select-with-tags__addons-size-m_10bvz","addons-size-l":"select-with-tags__addons-size-l_10bvz","addons-size-xl":"select-with-tags__addons-size-xl_10bvz","label":"select-with-tags__label_10bvz"};
+var styles = {"component":"select-with-tags__component_13mjw","xl":"select-with-tags__xl_13mjw","contentWrapper":"select-with-tags__contentWrapper_13mjw","l":"select-with-tags__l_13mjw","m":"select-with-tags__m_13mjw","s":"select-with-tags__s_13mjw","contentWrapperVertical":"select-with-tags__contentWrapperVertical_13mjw","hasLabel":"select-with-tags__hasLabel_13mjw","hasTags":"select-with-tags__hasTags_13mjw","addons":"select-with-tags__addons_13mjw","field":"select-with-tags__field_13mjw","input":"select-with-tags__input_13mjw","block":"select-with-tags__block_13mjw","focusVisible":"select-with-tags__focusVisible_13mjw","placeholder":"select-with-tags__placeholder_13mjw","addons-size-m":"select-with-tags__addons-size-m_13mjw","addons-size-l":"select-with-tags__addons-size-l_13mjw","addons-size-xl":"select-with-tags__addons-size-xl_13mjw","label":"select-with-tags__label_13mjw"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 5pupf */
+/* hash: z5dud */
 :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_10bvz.select-with-tags__xl_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__xl_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_10bvz.select-with-tags__l_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__l_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_10bvz.select-with-tags__m_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__m_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_10bvz.select-with-tags__s_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__s_13mjw .select-with-tags__contentWrapper_13mjw {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_10bvz.select-with-tags__xl_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__xl_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_10bvz.select-with-tags__l_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__l_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_10bvz.select-with-tags__m_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__m_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_10bvz.select-with-tags__s_10bvz .select-with-tags__contentWrapperVertical_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__s_13mjw .select-with-tags__contentWrapperVertical_13mjw {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz:not(.select-with-tags__contentWrapperVertical_10bvz):not(.select-with-tags__hasLabel_10bvz) {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw:not(.select-with-tags__contentWrapperVertical_13mjw):not(.select-with-tags__hasLabel_13mjw) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz.select-with-tags__hasLabel_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw.select-with-tags__hasLabel_13mjw {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_10bvz .select-with-tags__contentWrapper_10bvz.select-with-tags__hasTags_10bvz.select-with-tags__hasLabel_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__contentWrapper_13mjw.select-with-tags__hasTags_13mjw.select-with-tags__hasLabel_13mjw {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_10bvz:hover .select-with-tags__addons_10bvz {
+.select-with-tags__component_13mjw:hover .select-with-tags__addons_13mjw {
     opacity: 0.7;
 }
-.select-with-tags__field_10bvz {
+.select-with-tags__field_13mjw {
     cursor: pointer;
 }
-.select-with-tags__input_10bvz {
+.select-with-tags__input_13mjw {
     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_10bvz:disabled {
+.select-with-tags__input_13mjw:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_10bvz::placeholder {
+.select-with-tags__input_13mjw::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_10bvz:focus::placeholder {
+.select-with-tags__input_13mjw:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_10bvz {
+.select-with-tags__block_13mjw {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_10bvz {
+.select-with-tags__focusVisible_13mjw {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_10bvz {
+.select-with-tags__placeholder_13mjw {
     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_10bvz {
+.select-with-tags__addons_13mjw {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_10bvz {
+.select-with-tags__addons-size-m_13mjw {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_10bvz {
+.select-with-tags__addons-size-l_13mjw {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_10bvz {
+.select-with-tags__addons-size-xl_13mjw {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_10bvz.select-with-tags__s_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__s_13mjw .select-with-tags__label_13mjw {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_10bvz.select-with-tags__m_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__m_13mjw .select-with-tags__label_13mjw {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_10bvz.select-with-tags__l_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__l_13mjw .select-with-tags__label_13mjw {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_10bvz.select-with-tags__xl_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw.select-with-tags__xl_13mjw .select-with-tags__label_13mjw {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_10bvz .select-with-tags__label_10bvz {
+.select-with-tags__component_13mjw .select-with-tags__label_13mjw {
     top: 14px;
     align-items: flex-start;
     height: auto;

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-a1934402.js';
+import '../../tslib.es6-82121899.js';
 import 'react';
 import 'classnames';
 import '../../../../form-control/esm';

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

@@ -1,4 +1,4 @@
-import './tslib.es6-a1934402.js';
+import './tslib.es6-82121899.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';

package/select-with-tags/esm/utils/calculate-collapse-size.js

@@ -1,8 +1,5 @@
 var getElementSize = function (element, property) {
-    var size = +window
-        .getComputedStyle(element)
-        .getPropertyValue(property)
-        .replace('px', '');
+    var size = +window.getComputedStyle(element).getPropertyValue(property).replace('px', '');
     return Number.isNaN(size) ? 0 : size;
 };
 var getTagWidth = function (tag) {

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

@@ -1,3 +1,3 @@
-import '../tslib.es6-a1934402.js';
+import '../tslib.es6-82121899.js';
 import '../../../select/esm';
 export { filterOptions } from './match.js';

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

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

package/select-with-tags/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8fc31226.js');
+require('./tslib.es6-f24e46da.js');
 require('react');
 require('../select');
 require('classnames');

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

@@ -26,7 +26,7 @@ const SelectWithTags = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, O
     }, []);
     const handleDeleteTag = useCallback((deletedKey) => {
         let tags = selected || selectedTags;
-        tags = tags.filter(tag => {
+        tags = tags.filter((tag) => {
             const key = typeof tag === 'string' ? tag : tag.key;
             return deletedKey !== key;
         });
@@ -48,7 +48,7 @@ const SelectWithTags = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, O
             resetValue();
         }
     }, [onChange, controlled, value, resetValue]);
-    const handleOpen = useCallback(payload => {
+    const handleOpen = useCallback((payload) => {
         const { open } = payload;
         if (!open && value) {
             resetValue();

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 import { Tag as Tag$1 } from '../../../../tag/modern';
 
-var styles = {"tag":"select-with-tags__tag_vrgw5","tagNoClose":"select-with-tags__tagNoClose_vrgw5","tagContentWrap":"select-with-tags__tagContentWrap_vrgw5","tagCross":"select-with-tags__tagCross_vrgw5"};
+var styles = {"tag":"select-with-tags__tag_15cam","tagNoClose":"select-with-tags__tagNoClose_15cam","tagContentWrap":"select-with-tags__tagContentWrap_15cam","tagCross":"select-with-tags__tagCross_15cam"};
 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: 1ihbu */
+/* hash: 1a9cv */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_vrgw5 {
+.select-with-tags__tag_15cam {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_vrgw5:active:not(:disabled) {
+.select-with-tags__tag_15cam:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_vrgw5:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_15cam:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_vrgw5 > span {
+.select-with-tags__tag_15cam > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_vrgw5 {
+.select-with-tags__tagNoClose_15cam {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_vrgw5 {
+.select-with-tags__tagContentWrap_15cam {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_vrgw5 {
+.select-with-tags__tagCross_15cam {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_vrgw5:hover {
+.select-with-tags__tagCross_15cam:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_vrgw5:active {
+.select-with-tags__tagCross_15cam:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_vrgw5 svg {
+.select-with-tags__tagCross_15cam svg {
         height: 100%;
     }

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

@@ -7,7 +7,7 @@ import { calculateTotalElementsPerRow } from '../../utils/calculate-collapse-siz
 import '../../../../tag/modern';
 import { Tag } from '../tag/component.js';
 
-var styles = {"component":"select-with-tags__component_10bvz","xl":"select-with-tags__xl_10bvz","contentWrapper":"select-with-tags__contentWrapper_10bvz","l":"select-with-tags__l_10bvz","m":"select-with-tags__m_10bvz","s":"select-with-tags__s_10bvz","contentWrapperVertical":"select-with-tags__contentWrapperVertical_10bvz","hasLabel":"select-with-tags__hasLabel_10bvz","hasTags":"select-with-tags__hasTags_10bvz","addons":"select-with-tags__addons_10bvz","field":"select-with-tags__field_10bvz","input":"select-with-tags__input_10bvz","block":"select-with-tags__block_10bvz","focusVisible":"select-with-tags__focusVisible_10bvz","placeholder":"select-with-tags__placeholder_10bvz","addons-size-m":"select-with-tags__addons-size-m_10bvz","addons-size-l":"select-with-tags__addons-size-l_10bvz","addons-size-xl":"select-with-tags__addons-size-xl_10bvz","label":"select-with-tags__label_10bvz"};
+var styles = {"component":"select-with-tags__component_13mjw","xl":"select-with-tags__xl_13mjw","contentWrapper":"select-with-tags__contentWrapper_13mjw","l":"select-with-tags__l_13mjw","m":"select-with-tags__m_13mjw","s":"select-with-tags__s_13mjw","contentWrapperVertical":"select-with-tags__contentWrapperVertical_13mjw","hasLabel":"select-with-tags__hasLabel_13mjw","hasTags":"select-with-tags__hasTags_13mjw","addons":"select-with-tags__addons_13mjw","field":"select-with-tags__field_13mjw","input":"select-with-tags__input_13mjw","block":"select-with-tags__block_13mjw","focusVisible":"select-with-tags__focusVisible_13mjw","placeholder":"select-with-tags__placeholder_13mjw","addons-size-m":"select-with-tags__addons-size-m_13mjw","addons-size-l":"select-with-tags__addons-size-l_13mjw","addons-size-xl":"select-with-tags__addons-size-xl_13mjw","label":"select-with-tags__label_13mjw"};
 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 }) => {
@@ -40,7 +40,7 @@ const TagList = ({ size = 'xl', open, disabled, placeholder, selectedMultiple =
         event.preventDefault();
     }, []);
     const { onClick, ...restInnerProps } = innerProps;
-    const handleClick = useCallback(event => {
+    const handleClick = useCallback((event) => {
         if (onClick && contentWrapperRef.current) {
             const eventTarget = event.target;
             const clickedInsideContent = eventTarget !== contentWrapperRef.current &&
@@ -53,7 +53,7 @@ const TagList = ({ size = 'xl', open, disabled, placeholder, selectedMultiple =
             inputRef.current.focus();
         }
     }, [onClick]);
-    const handleKeyDown = useCallback(event => {
+    const handleKeyDown = useCallback((event) => {
         const lastSelectedTag = selectedMultiple[selectedMultiple.length - 1];
         if (event.key === 'Backspace' && !value && handleDeleteTag && lastSelectedTag) {
             handleDeleteTag(lastSelectedTag.key);
@@ -62,7 +62,7 @@ const TagList = ({ size = 'xl', open, disabled, placeholder, selectedMultiple =
     const toggleShowMoreLessButton = useCallback((event) => {
         if (event) {
             event.stopPropagation();
-            setShowMoreEnabled(v => !v);
+            setShowMoreEnabled((v) => !v);
             if (handleUpdatePopover) {
                 handleUpdatePopover();
             }