@alfalab/core-components 30.2.1 → 30.3.0

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

@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_1pllu.select-with-tags__xl_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__xl_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_1pllu.select-with-tags__l_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__l_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_1pllu.select-with-tags__m_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__m_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_1pllu.select-with-tags__s_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__s_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_1pllu.select-with-tags__xl_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__xl_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_1pllu.select-with-tags__l_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__l_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_1pllu.select-with-tags__m_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__m_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_1pllu.select-with-tags__s_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__s_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu:not(.select-with-tags__contentWrapperVertical_1pllu):not(.select-with-tags__hasLabel_1pllu) {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv:not(.select-with-tags__contentWrapperVertical_t9arv):not(.select-with-tags__hasLabel_t9arv) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu.select-with-tags__hasLabel_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv.select-with-tags__hasLabel_t9arv {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu.select-with-tags__hasTags_1pllu.select-with-tags__hasLabel_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv.select-with-tags__hasTags_t9arv.select-with-tags__hasLabel_t9arv {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_1pllu:hover .select-with-tags__addons_1pllu {
+.select-with-tags__component_t9arv:hover .select-with-tags__addons_t9arv {
     opacity: 0.7;
 }
-.select-with-tags__field_1pllu {
+.select-with-tags__field_t9arv {
     cursor: pointer;
 }
-.select-with-tags__input_1pllu {
+.select-with-tags__input_t9arv {
     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_1pllu:disabled {
+.select-with-tags__input_t9arv:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1pllu::placeholder {
+.select-with-tags__input_t9arv::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1pllu:focus::placeholder {
+.select-with-tags__input_t9arv:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1pllu {
+.select-with-tags__block_t9arv {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1pllu {
+.select-with-tags__focusVisible_t9arv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1pllu {
+.select-with-tags__placeholder_t9arv {
     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_1pllu {
+.select-with-tags__addons_t9arv {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1pllu {
+.select-with-tags__addons-size-m_t9arv {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1pllu {
+.select-with-tags__addons-size-l_t9arv {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1pllu {
+.select-with-tags__addons-size-xl_t9arv {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1pllu.select-with-tags__s_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__s_t9arv .select-with-tags__label_t9arv {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1pllu.select-with-tags__m_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__m_t9arv .select-with-tags__label_t9arv {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1pllu.select-with-tags__l_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__l_t9arv .select-with-tags__label_t9arv {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1pllu.select-with-tags__xl_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__xl_t9arv .select-with-tags__label_t9arv {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__label_t9arv {
     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-5989af98.js');
+require('../../tslib.es6-70ef768f.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-cd480edb.js';
+import { _ as __rest, a as __assign } from './tslib.es6-bd3c48b9.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-cd480edb.js';
+import '../tslib.es6-bd3c48b9.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-cd480edb.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-bd3c48b9.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_1wj0e","tagNoClose":"select-with-tags__tagNoClose_1wj0e","tagContentWrap":"select-with-tags__tagContentWrap_1wj0e","tagCross":"select-with-tags__tagCross_1wj0e"};
+var styles = {"tag":"select-with-tags__tag_h3leg","tagNoClose":"select-with-tags__tagNoClose_h3leg","tagContentWrap":"select-with-tags__tagContentWrap_h3leg","tagCross":"select-with-tags__tagCross_h3leg"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_1wj0e {
+.select-with-tags__tag_h3leg {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_1wj0e:active:not(:disabled) {
+.select-with-tags__tag_h3leg:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1wj0e:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_h3leg:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1wj0e > span {
+.select-with-tags__tag_h3leg > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_1wj0e {
+.select-with-tags__tagNoClose_h3leg {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_1wj0e {
+.select-with-tags__tagContentWrap_h3leg {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_1wj0e {
+.select-with-tags__tagCross_h3leg {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_1wj0e:hover {
+.select-with-tags__tagCross_h3leg:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_1wj0e:active {
+.select-with-tags__tagCross_h3leg:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_1wj0e svg {
+.select-with-tags__tagCross_h3leg svg {
         height: 100%;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-cd480edb.js';
+import '../../tslib.es6-bd3c48b9.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-cd480edb.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-bd3c48b9.js';
 import React, { useState, useRef, useLayoutEffect, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/CrossCompactMIcon';
 import { Tag } from '../tag/component.js';
 import { calculateTotalElementsPerRow } from '../../utils/calculate-collapse-size.js';
 
-var styles = {"component":"select-with-tags__component_1pllu","xl":"select-with-tags__xl_1pllu","contentWrapper":"select-with-tags__contentWrapper_1pllu","l":"select-with-tags__l_1pllu","m":"select-with-tags__m_1pllu","s":"select-with-tags__s_1pllu","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1pllu","hasLabel":"select-with-tags__hasLabel_1pllu","hasTags":"select-with-tags__hasTags_1pllu","addons":"select-with-tags__addons_1pllu","field":"select-with-tags__field_1pllu","input":"select-with-tags__input_1pllu","block":"select-with-tags__block_1pllu","focusVisible":"select-with-tags__focusVisible_1pllu","placeholder":"select-with-tags__placeholder_1pllu","addons-size-m":"select-with-tags__addons-size-m_1pllu","addons-size-l":"select-with-tags__addons-size-l_1pllu","addons-size-xl":"select-with-tags__addons-size-xl_1pllu","label":"select-with-tags__label_1pllu"};
+var styles = {"component":"select-with-tags__component_t9arv","xl":"select-with-tags__xl_t9arv","contentWrapper":"select-with-tags__contentWrapper_t9arv","l":"select-with-tags__l_t9arv","m":"select-with-tags__m_t9arv","s":"select-with-tags__s_t9arv","contentWrapperVertical":"select-with-tags__contentWrapperVertical_t9arv","hasLabel":"select-with-tags__hasLabel_t9arv","hasTags":"select-with-tags__hasTags_t9arv","addons":"select-with-tags__addons_t9arv","field":"select-with-tags__field_t9arv","input":"select-with-tags__input_t9arv","block":"select-with-tags__block_t9arv","focusVisible":"select-with-tags__focusVisible_t9arv","placeholder":"select-with-tags__placeholder_t9arv","addons-size-m":"select-with-tags__addons-size-m_t9arv","addons-size-l":"select-with-tags__addons-size-l_t9arv","addons-size-xl":"select-with-tags__addons-size-xl_t9arv","label":"select-with-tags__label_t9arv"};
 require('./index.css');
 
 var TagList = function (_a) {

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

@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_1pllu.select-with-tags__xl_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__xl_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_1pllu.select-with-tags__l_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__l_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_1pllu.select-with-tags__m_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__m_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_1pllu.select-with-tags__s_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__s_t9arv .select-with-tags__contentWrapper_t9arv {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_1pllu.select-with-tags__xl_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__xl_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_1pllu.select-with-tags__l_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__l_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_1pllu.select-with-tags__m_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__m_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_1pllu.select-with-tags__s_1pllu .select-with-tags__contentWrapperVertical_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__s_t9arv .select-with-tags__contentWrapperVertical_t9arv {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu:not(.select-with-tags__contentWrapperVertical_1pllu):not(.select-with-tags__hasLabel_1pllu) {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv:not(.select-with-tags__contentWrapperVertical_t9arv):not(.select-with-tags__hasLabel_t9arv) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu.select-with-tags__hasLabel_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv.select-with-tags__hasLabel_t9arv {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_1pllu .select-with-tags__contentWrapper_1pllu.select-with-tags__hasTags_1pllu.select-with-tags__hasLabel_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__contentWrapper_t9arv.select-with-tags__hasTags_t9arv.select-with-tags__hasLabel_t9arv {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_1pllu:hover .select-with-tags__addons_1pllu {
+.select-with-tags__component_t9arv:hover .select-with-tags__addons_t9arv {
     opacity: 0.7;
 }
-.select-with-tags__field_1pllu {
+.select-with-tags__field_t9arv {
     cursor: pointer;
 }
-.select-with-tags__input_1pllu {
+.select-with-tags__input_t9arv {
     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_1pllu:disabled {
+.select-with-tags__input_t9arv:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1pllu::placeholder {
+.select-with-tags__input_t9arv::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1pllu:focus::placeholder {
+.select-with-tags__input_t9arv:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1pllu {
+.select-with-tags__block_t9arv {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1pllu {
+.select-with-tags__focusVisible_t9arv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1pllu {
+.select-with-tags__placeholder_t9arv {
     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_1pllu {
+.select-with-tags__addons_t9arv {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1pllu {
+.select-with-tags__addons-size-m_t9arv {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1pllu {
+.select-with-tags__addons-size-l_t9arv {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1pllu {
+.select-with-tags__addons-size-xl_t9arv {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1pllu.select-with-tags__s_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__s_t9arv .select-with-tags__label_t9arv {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1pllu.select-with-tags__m_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__m_t9arv .select-with-tags__label_t9arv {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1pllu.select-with-tags__l_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__l_t9arv .select-with-tags__label_t9arv {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1pllu.select-with-tags__xl_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv.select-with-tags__xl_t9arv .select-with-tags__label_t9arv {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1pllu .select-with-tags__label_1pllu {
+.select-with-tags__component_t9arv .select-with-tags__label_t9arv {
     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-cd480edb.js';
+import '../../tslib.es6-bd3c48b9.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

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

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

@@ -1,3 +1,3 @@
-import '../tslib.es6-cd480edb.js';
+import '../tslib.es6-bd3c48b9.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-cd480edb.js';
+import { a as __assign } from '../tslib.es6-bd3c48b9.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-5989af98.js');
+require('./tslib.es6-70ef768f.js');
 require('react');
 require('../select');
 require('classnames');

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_1wj0e","tagNoClose":"select-with-tags__tagNoClose_1wj0e","tagContentWrap":"select-with-tags__tagContentWrap_1wj0e","tagCross":"select-with-tags__tagCross_1wj0e"};
+var styles = {"tag":"select-with-tags__tag_h3leg","tagNoClose":"select-with-tags__tagNoClose_h3leg","tagContentWrap":"select-with-tags__tagContentWrap_h3leg","tagCross":"select-with-tags__tagCross_h3leg"};
 require('./index.css');
 
 const Tag = ({ option: { content, key }, onClick, handleDeleteTag, ...props }) => {

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

@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_1wj0e {
+.select-with-tags__tag_h3leg {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_1wj0e:active:not(:disabled) {
+.select-with-tags__tag_h3leg:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1wj0e:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_h3leg:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_1wj0e > span {
+.select-with-tags__tag_h3leg > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_1wj0e {
+.select-with-tags__tagNoClose_h3leg {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_1wj0e {
+.select-with-tags__tagContentWrap_h3leg {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_1wj0e {
+.select-with-tags__tagCross_h3leg {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_1wj0e:hover {
+.select-with-tags__tagCross_h3leg:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_1wj0e:active {
+.select-with-tags__tagCross_h3leg:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_1wj0e svg {
+.select-with-tags__tagCross_h3leg svg {
         height: 100%;
     }

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

@@ -7,7 +7,7 @@ import '../../../../tag/modern';
 import { Tag } from '../tag/component.js';
 import { calculateTotalElementsPerRow } from '../../utils/calculate-collapse-size.js';
 
-var styles = {"component":"select-with-tags__component_1pllu","xl":"select-with-tags__xl_1pllu","contentWrapper":"select-with-tags__contentWrapper_1pllu","l":"select-with-tags__l_1pllu","m":"select-with-tags__m_1pllu","s":"select-with-tags__s_1pllu","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1pllu","hasLabel":"select-with-tags__hasLabel_1pllu","hasTags":"select-with-tags__hasTags_1pllu","addons":"select-with-tags__addons_1pllu","field":"select-with-tags__field_1pllu","input":"select-with-tags__input_1pllu","block":"select-with-tags__block_1pllu","focusVisible":"select-with-tags__focusVisible_1pllu","placeholder":"select-with-tags__placeholder_1pllu","addons-size-m":"select-with-tags__addons-size-m_1pllu","addons-size-l":"select-with-tags__addons-size-l_1pllu","addons-size-xl":"select-with-tags__addons-size-xl_1pllu","label":"select-with-tags__label_1pllu"};
+var styles = {"component":"select-with-tags__component_t9arv","xl":"select-with-tags__xl_t9arv","contentWrapper":"select-with-tags__contentWrapper_t9arv","l":"select-with-tags__l_t9arv","m":"select-with-tags__m_t9arv","s":"select-with-tags__s_t9arv","contentWrapperVertical":"select-with-tags__contentWrapperVertical_t9arv","hasLabel":"select-with-tags__hasLabel_t9arv","hasTags":"select-with-tags__hasTags_t9arv","addons":"select-with-tags__addons_t9arv","field":"select-with-tags__field_t9arv","input":"select-with-tags__input_t9arv","block":"select-with-tags__block_t9arv","focusVisible":"select-with-tags__focusVisible_t9arv","placeholder":"select-with-tags__placeholder_t9arv","addons-size-m":"select-with-tags__addons-size-m_t9arv","addons-size-l":"select-with-tags__addons-size-l_t9arv","addons-size-xl":"select-with-tags__addons-size-xl_t9arv","label":"select-with-tags__label_t9arv"};
 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, ...restProps }) => {