@alfalab/core-components 41.8.0 → 41.9.0-beta.1

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: k3e99 */
-.select__skeleton_7lnlx {
+/* hash: 1j8ar */
+.select__skeleton_16ejv {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/useSelectWithApply/hook.js

@@ -6,7 +6,7 @@ require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-00c64376.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-839f52a2.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -17,7 +17,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/options-list/Component.js');
 require('../../components/virtual-options-list/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-131fbe35.js');
+require('../../intersection-observer-baee591d.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');
@@ -28,7 +28,7 @@ require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
-require('../../getDataTestId-d8391785.js');
+require('../../getDataTestId-46677cb4.js');
 require('../../components/native-select/Component.js');
 require('../../../scrollbar');
 require('../../consts.js');

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('../../../Component-00c64376.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-839f52a2.js');
 require('./footer/Component.js');
 require('react-merge-refs');
 require('classnames');
@@ -19,7 +19,7 @@ require('../../../components/base-select/Component.js');
 require('@juggle/resize-observer');
 require('downshift');
 require('../../../../popover');
-require('../../../getDataTestId-d8391785.js');
+require('../../../getDataTestId-46677cb4.js');
 require('../../../components/native-select/Component.js');
 require('../../../components/field/Component.js');
 require('../../../../form-control');
@@ -39,7 +39,7 @@ require('../../../../button');
 require('../../../components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-131fbe35.js');
+require('../../../intersection-observer-baee591d.js');
 
 
 

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_yh100"};
+var styles = {"footer":"select__footer_1518i"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1eeu8 */
+/* hash: 9z5hy */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,10 +26,10 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_yh100 {
+} .select__footer_1518i {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_yh100 > * + * {
+} .select__footer_1518i > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -1 +1 @@
-export * from "../../../Component-00c64376";
+export * from "../../../Component-839f52a2";

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('../../../Component-00c64376.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-839f52a2.js');
 require('tslib');
 require('react');
 require('../../../Component.js');
@@ -13,7 +13,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../../../popover');
 require('@alfalab/hooks');
-require('../../../getDataTestId-d8391785.js');
+require('../../../getDataTestId-46677cb4.js');
 require('../../../utils.js');
 require('../../../components/native-select/Component.js');
 require('../../../components/field/Component.js');
@@ -38,7 +38,7 @@ require('../../../../button');
 require('../../../components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-131fbe35.js');
+require('../../../intersection-observer-baee591d.js');
 require('./footer/Component.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_twuw3"};
+var styles = {"skeleton":"select__skeleton_1ibg1"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: gii20 */
-.select__skeleton_twuw3 {
+/* hash: 136sa */
+.select__skeleton_1ibg1 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/responsive.js

@@ -13,7 +13,7 @@ require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('../popover');
-require('./getDataTestId-d8391785.js');
+require('./getDataTestId-46677cb4.js');
 require('./utils.js');
 require('./components/native-select/Component.js');
 require('./components/field/Component.js');
@@ -29,7 +29,7 @@ require('./components/checkmark-mobile/Component.js');
 require('./components/options-list/Component.js');
 require('../scrollbar');
 require('./consts.js');
-require('./Component-00c64376.js');
+require('./Component-839f52a2.js');
 require('./components/base-select-mobile/Component.js');
 require('../bottom-sheet');
 require('../modal/mobile');
@@ -39,7 +39,7 @@ require('../button');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../skeleton');
-require('./intersection-observer-131fbe35.js');
+require('./intersection-observer-baee591d.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 

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_1bua1","tagNoClose":"select-with-tags__tagNoClose_1bua1","tagContentWrap":"select-with-tags__tagContentWrap_1bua1","tagCross":"select-with-tags__tagCross_1bua1"};
+var styles = {"tag":"select-with-tags__tag_lnr4l","tagNoClose":"select-with-tags__tagNoClose_lnr4l","tagContentWrap":"select-with-tags__tagContentWrap_lnr4l","tagCross":"select-with-tags__tagCross_lnr4l"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 73my6 */
+/* hash: 97yj5 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #121212;
@@ -43,35 +43,35 @@
     /* background-color checked */
 
     /* text color */
-} .select-with-tags__tag_1bua1 {
+} .select-with-tags__tag_lnr4l {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-} .select-with-tags__tag_1bua1:active:not(:disabled) {
+} .select-with-tags__tag_lnr4l:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1bua1:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_lnr4l:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1bua1 > span {
+    } .select-with-tags__tag_lnr4l > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tagNoClose_1bua1 {
+    } .select-with-tags__tagNoClose_lnr4l {
     padding-right: var(--gap-m);
-} .select-with-tags__tagContentWrap_1bua1 {
+} .select-with-tags__tagContentWrap_lnr4l {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-} .select-with-tags__tagCross_1bua1 {
+} .select-with-tags__tagCross_lnr4l {
     padding-right: var(--gap-xs);
     height: 100%
-} .select-with-tags__tagCross_1bua1:hover {
+} .select-with-tags__tagCross_lnr4l:hover {
         opacity: 0.7;
-    } .select-with-tags__tagCross_1bua1:active {
+    } .select-with-tags__tagCross_lnr4l:active {
         opacity: 0.5;
-    } .select-with-tags__tagCross_1bua1 svg {
+    } .select-with-tags__tagCross_lnr4l 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_1wz9l","xl":"select-with-tags__xl_1wz9l","contentWrapper":"select-with-tags__contentWrapper_1wz9l","l":"select-with-tags__l_1wz9l","m":"select-with-tags__m_1wz9l","s":"select-with-tags__s_1wz9l","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1wz9l","hasInnerLabel":"select-with-tags__hasInnerLabel_1wz9l","hasTags":"select-with-tags__hasTags_1wz9l","addons":"select-with-tags__addons_1wz9l","field":"select-with-tags__field_1wz9l","input":"select-with-tags__input_1wz9l","block":"select-with-tags__block_1wz9l","focusVisible":"select-with-tags__focusVisible_1wz9l","placeholder":"select-with-tags__placeholder_1wz9l","addons-size-m":"select-with-tags__addons-size-m_1wz9l","addons-size-l":"select-with-tags__addons-size-l_1wz9l","addons-size-xl":"select-with-tags__addons-size-xl_1wz9l","label":"select-with-tags__label_1wz9l"};
+var styles = {"component":"select-with-tags__component_f4trl","xl":"select-with-tags__xl_f4trl","contentWrapper":"select-with-tags__contentWrapper_f4trl","l":"select-with-tags__l_f4trl","m":"select-with-tags__m_f4trl","s":"select-with-tags__s_f4trl","contentWrapperVertical":"select-with-tags__contentWrapperVertical_f4trl","hasInnerLabel":"select-with-tags__hasInnerLabel_f4trl","hasTags":"select-with-tags__hasTags_f4trl","addons":"select-with-tags__addons_f4trl","field":"select-with-tags__field_f4trl","input":"select-with-tags__input_f4trl","block":"select-with-tags__block_f4trl","focusVisible":"select-with-tags__focusVisible_f4trl","placeholder":"select-with-tags__placeholder_f4trl","addons-size-m":"select-with-tags__addons-size-m_f4trl","addons-size-l":"select-with-tags__addons-size-l_f4trl","addons-size-xl":"select-with-tags__addons-size-xl_f4trl","label":"select-with-tags__label_f4trl"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 10y7x */
+/* hash: 12hfm */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -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_1wz9l.select-with-tags__xl_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__xl_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-l) var(--gap-m);
-} .select-with-tags__component_1wz9l.select-with-tags__l_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__l_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-m) var(--gap-m);
-} .select-with-tags__component_1wz9l.select-with-tags__m_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__m_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-m) var(--gap-s);
-} .select-with-tags__component_1wz9l.select-with-tags__s_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__s_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-s) var(--gap-s);
-} .select-with-tags__component_1wz9l.select-with-tags__xl_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__xl_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-} .select-with-tags__component_1wz9l.select-with-tags__l_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__l_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-} .select-with-tags__component_1wz9l.select-with-tags__m_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__m_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-} .select-with-tags__component_1wz9l.select-with-tags__s_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__s_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-} .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-} .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l:not(.select-with-tags__contentWrapperVertical_1wz9l):not(.select-with-tags__hasInnerLabel_1wz9l) {
+} .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl:not(.select-with-tags__contentWrapperVertical_f4trl):not(.select-with-tags__hasInnerLabel_f4trl) {
         padding-top: 0;
         padding-bottom: 0;
-    } .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l.select-with-tags__hasInnerLabel_1wz9l {
+    } .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl.select-with-tags__hasInnerLabel_f4trl {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l.select-with-tags__hasTags_1wz9l.select-with-tags__hasInnerLabel_1wz9l {
+    } .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl.select-with-tags__hasTags_f4trl.select-with-tags__hasInnerLabel_f4trl {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_1wz9l:hover .select-with-tags__addons_1wz9l {
+    } .select-with-tags__component_f4trl:hover .select-with-tags__addons_f4trl {
     opacity: 0.7;
-} .select-with-tags__field_1wz9l {
+} .select-with-tags__field_f4trl {
     cursor: pointer;
-} .select-with-tags__input_1wz9l {
+} .select-with-tags__input_f4trl {
     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_1wz9l:disabled {
+} .select-with-tags__input_f4trl:disabled {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_1wz9l::placeholder {
+    } .select-with-tags__input_f4trl::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_1wz9l:focus::placeholder {
+    } .select-with-tags__input_f4trl:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__block_1wz9l {
+    } .select-with-tags__block_f4trl {
     min-width: 100%;
-} .select-with-tags__focusVisible_1wz9l {
+} .select-with-tags__focusVisible_f4trl {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_1wz9l {
+} .select-with-tags__placeholder_f4trl {
     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_1wz9l {
+} .select-with-tags__addons_f4trl {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-m_1wz9l {
+} .select-with-tags__addons-size-m_f4trl {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-l_1wz9l {
+} .select-with-tags__addons-size-l_f4trl {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-xl_1wz9l {
+} .select-with-tags__addons-size-xl_f4trl {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_1wz9l.select-with-tags__s_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__s_f4trl .select-with-tags__label_f4trl {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_1wz9l.select-with-tags__m_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__m_f4trl .select-with-tags__label_f4trl {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_1wz9l.select-with-tags__l_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__l_f4trl .select-with-tags__label_f4trl {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_1wz9l.select-with-tags__xl_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__xl_f4trl .select-with-tags__label_f4trl {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl .select-with-tags__label_f4trl {
     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 { Tag as Tag$1 } from '../../../../tag/esm';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"tag":"select-with-tags__tag_1bua1","tagNoClose":"select-with-tags__tagNoClose_1bua1","tagContentWrap":"select-with-tags__tagContentWrap_1bua1","tagCross":"select-with-tags__tagCross_1bua1"};
+var styles = {"tag":"select-with-tags__tag_lnr4l","tagNoClose":"select-with-tags__tagNoClose_lnr4l","tagContentWrap":"select-with-tags__tagContentWrap_lnr4l","tagCross":"select-with-tags__tagCross_lnr4l"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 73my6 */
+/* hash: 97yj5 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #121212;
@@ -43,35 +43,35 @@
     /* background-color checked */
 
     /* text color */
-} .select-with-tags__tag_1bua1 {
+} .select-with-tags__tag_lnr4l {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
-} .select-with-tags__tag_1bua1:active:not(:disabled) {
+} .select-with-tags__tag_lnr4l:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1bua1:hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_lnr4l:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1bua1 > span {
+    } .select-with-tags__tag_lnr4l > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tagNoClose_1bua1 {
+    } .select-with-tags__tagNoClose_lnr4l {
     padding-right: var(--gap-m);
-} .select-with-tags__tagContentWrap_1bua1 {
+} .select-with-tags__tagContentWrap_lnr4l {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
-} .select-with-tags__tagCross_1bua1 {
+} .select-with-tags__tagCross_lnr4l {
     padding-right: var(--gap-xs);
     height: 100%
-} .select-with-tags__tagCross_1bua1:hover {
+} .select-with-tags__tagCross_lnr4l:hover {
         opacity: 0.7;
-    } .select-with-tags__tagCross_1bua1:active {
+    } .select-with-tags__tagCross_lnr4l:active {
         opacity: 0.5;
-    } .select-with-tags__tagCross_1bua1 svg {
+    } .select-with-tags__tagCross_lnr4l 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';
 import '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"component":"select-with-tags__component_1wz9l","xl":"select-with-tags__xl_1wz9l","contentWrapper":"select-with-tags__contentWrapper_1wz9l","l":"select-with-tags__l_1wz9l","m":"select-with-tags__m_1wz9l","s":"select-with-tags__s_1wz9l","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1wz9l","hasInnerLabel":"select-with-tags__hasInnerLabel_1wz9l","hasTags":"select-with-tags__hasTags_1wz9l","addons":"select-with-tags__addons_1wz9l","field":"select-with-tags__field_1wz9l","input":"select-with-tags__input_1wz9l","block":"select-with-tags__block_1wz9l","focusVisible":"select-with-tags__focusVisible_1wz9l","placeholder":"select-with-tags__placeholder_1wz9l","addons-size-m":"select-with-tags__addons-size-m_1wz9l","addons-size-l":"select-with-tags__addons-size-l_1wz9l","addons-size-xl":"select-with-tags__addons-size-xl_1wz9l","label":"select-with-tags__label_1wz9l"};
+var styles = {"component":"select-with-tags__component_f4trl","xl":"select-with-tags__xl_f4trl","contentWrapper":"select-with-tags__contentWrapper_f4trl","l":"select-with-tags__l_f4trl","m":"select-with-tags__m_f4trl","s":"select-with-tags__s_f4trl","contentWrapperVertical":"select-with-tags__contentWrapperVertical_f4trl","hasInnerLabel":"select-with-tags__hasInnerLabel_f4trl","hasTags":"select-with-tags__hasTags_f4trl","addons":"select-with-tags__addons_f4trl","field":"select-with-tags__field_f4trl","input":"select-with-tags__input_f4trl","block":"select-with-tags__block_f4trl","focusVisible":"select-with-tags__focusVisible_f4trl","placeholder":"select-with-tags__placeholder_f4trl","addons-size-m":"select-with-tags__addons-size-m_f4trl","addons-size-l":"select-with-tags__addons-size-l_f4trl","addons-size-xl":"select-with-tags__addons-size-xl_f4trl","label":"select-with-tags__label_f4trl"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 10y7x */
+/* hash: 12hfm */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -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_1wz9l.select-with-tags__xl_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__xl_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-l) var(--gap-m);
-} .select-with-tags__component_1wz9l.select-with-tags__l_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__l_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-m) var(--gap-m);
-} .select-with-tags__component_1wz9l.select-with-tags__m_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__m_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-m) var(--gap-s);
-} .select-with-tags__component_1wz9l.select-with-tags__s_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__s_f4trl .select-with-tags__contentWrapper_f4trl {
     padding: var(--gap-s) var(--gap-s);
-} .select-with-tags__component_1wz9l.select-with-tags__xl_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__xl_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-} .select-with-tags__component_1wz9l.select-with-tags__l_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__l_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-} .select-with-tags__component_1wz9l.select-with-tags__m_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__m_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-} .select-with-tags__component_1wz9l.select-with-tags__s_1wz9l .select-with-tags__contentWrapperVertical_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__s_f4trl .select-with-tags__contentWrapperVertical_f4trl {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-} .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l {
+} .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-} .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l:not(.select-with-tags__contentWrapperVertical_1wz9l):not(.select-with-tags__hasInnerLabel_1wz9l) {
+} .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl:not(.select-with-tags__contentWrapperVertical_f4trl):not(.select-with-tags__hasInnerLabel_f4trl) {
         padding-top: 0;
         padding-bottom: 0;
-    } .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l.select-with-tags__hasInnerLabel_1wz9l {
+    } .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl.select-with-tags__hasInnerLabel_f4trl {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_1wz9l .select-with-tags__contentWrapper_1wz9l.select-with-tags__hasTags_1wz9l.select-with-tags__hasInnerLabel_1wz9l {
+    } .select-with-tags__component_f4trl .select-with-tags__contentWrapper_f4trl.select-with-tags__hasTags_f4trl.select-with-tags__hasInnerLabel_f4trl {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_1wz9l:hover .select-with-tags__addons_1wz9l {
+    } .select-with-tags__component_f4trl:hover .select-with-tags__addons_f4trl {
     opacity: 0.7;
-} .select-with-tags__field_1wz9l {
+} .select-with-tags__field_f4trl {
     cursor: pointer;
-} .select-with-tags__input_1wz9l {
+} .select-with-tags__input_f4trl {
     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_1wz9l:disabled {
+} .select-with-tags__input_f4trl:disabled {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_1wz9l::placeholder {
+    } .select-with-tags__input_f4trl::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_1wz9l:focus::placeholder {
+    } .select-with-tags__input_f4trl:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__block_1wz9l {
+    } .select-with-tags__block_f4trl {
     min-width: 100%;
-} .select-with-tags__focusVisible_1wz9l {
+} .select-with-tags__focusVisible_f4trl {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_1wz9l {
+} .select-with-tags__placeholder_f4trl {
     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_1wz9l {
+} .select-with-tags__addons_f4trl {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-m_1wz9l {
+} .select-with-tags__addons-size-m_f4trl {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-l_1wz9l {
+} .select-with-tags__addons-size-l_f4trl {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-xl_1wz9l {
+} .select-with-tags__addons-size-xl_f4trl {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_1wz9l.select-with-tags__s_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__s_f4trl .select-with-tags__label_f4trl {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_1wz9l.select-with-tags__m_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__m_f4trl .select-with-tags__label_f4trl {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_1wz9l.select-with-tags__l_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__l_f4trl .select-with-tags__label_f4trl {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_1wz9l.select-with-tags__xl_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl.select-with-tags__xl_f4trl .select-with-tags__label_f4trl {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_1wz9l .select-with-tags__label_1wz9l {
+} .select-with-tags__component_f4trl .select-with-tags__label_f4trl {
     top: 14px;
     align-items: flex-start;
     height: auto;

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_1bua1","tagNoClose":"select-with-tags__tagNoClose_1bua1","tagContentWrap":"select-with-tags__tagContentWrap_1bua1","tagCross":"select-with-tags__tagCross_1bua1"};
+const styles = {"tag":"select-with-tags__tag_lnr4l","tagNoClose":"select-with-tags__tagNoClose_lnr4l","tagContentWrap":"select-with-tags__tagContentWrap_lnr4l","tagCross":"select-with-tags__tagCross_lnr4l"};
 require('./index.css');
 
 const Tag = ({ option: { content, key }, onClick, handleDeleteTag, ...props }) => {