@alfalab/core-components 37.4.0-beta.1 → 37.4.1

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-82e15643.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-dd0ee5f1.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark/Component.js';
 import '../../../checkbox/modern';
-import '../intersection-observer-66d0ef98.js';
+import '../intersection-observer-e2ca7101.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
 import '../../../bottom-sheet/modern';
 import '../../../modal/modern/mobile';
 import '../Component.js';
-import '../Component-0cf0b97d.js';
+import '../Component-346730bb.js';
 import '@juggle/resize-observer';
 import '../../../popover/modern';
 import '@alfalab/hooks';
@@ -35,5 +35,4 @@ import '../components/base-checkmark/Component.js';
 import '../../../button/modern';
 import '../components/base-select-mobile/options-list/Component.js';
 import '../../../base-modal/modern';
-import '../components/base-select-mobile/virtual-options-list/Component.js';
 import '../utils.js';

package/select/modern/presets/useLazyLoading/hook.js

@@ -1,7 +1,7 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/modern';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-66d0ef98.js';
+import '../../intersection-observer-e2ca7101.js';
 import 'classnames';
 import '../../components/base-select-mobile/checkmark/Component.js';
 import '../../../../badge/modern';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark/Component.js';
 import '../../../../checkbox/modern';
 
-const styles = {"skeleton":"select__skeleton_5291c"};
+const styles = {"skeleton":"select__skeleton_3bl7z"};
 require('./index.css');
 
 const DEBOUNCE_TIMEOUT = 300;

package/select/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: tredw */
-.select__skeleton_5291c {
+/* hash: hedew */
+.select__skeleton_3bl7z {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/modern/presets/useSelectWithApply/hook.js

@@ -2,8 +2,8 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-0cf0b97d.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-82e15643.js';
+import '../../Component-346730bb.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-dd0ee5f1.js';
 import '../../../../form-control/modern';
 import '@alfalab/hooks';
 import '../../../../badge/modern';
@@ -14,7 +14,7 @@ import '../../components/options-list/Component.js';
 import 'react-virtual';
 import '../../../../scrollbar/modern';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-66d0ef98.js';
+import '../../intersection-observer-e2ca7101.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
@@ -33,5 +33,4 @@ import '../../components/base-checkmark/Component.js';
 import '../../../../button/modern';
 import '../../components/base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';
-import '../../components/base-select-mobile/virtual-options-list/Component.js';
 import '../../utils.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import '../../../../../button/modern';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-0cf0b97d.js';
-export { O as OptionsListWithApply } from '../../../Component-82e15643.js';
+import '../../../Component-346730bb.js';
+export { O as OptionsListWithApply } from '../../../Component-dd0ee5f1.js';
 import '../../../../../form-control/modern';
 import '@alfalab/hooks';
 import '../../../../../badge/modern';
@@ -30,8 +30,7 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-66d0ef98.js';
+import '../../../intersection-observer-e2ca7101.js';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/modern';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
 import '../../../utils.js';

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

@@ -1,4 +1,4 @@
-/* hash: 1ox2i */
+/* hash: ggjs1 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -25,14 +25,14 @@
 
     /* optgroup */
 }
-.select__footer_hr9jx {
+.select__footer_kv6l6 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
 }
-.select__footer_hr9jx > * + * {
+.select__footer_kv6l6 > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_hr9jx {
+.select__withBorder_kv6l6 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-82e15643";
+export * from "../../../Component-dd0ee5f1";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-82e15643.js';
+export { O as OptionsListWithApply } from '../../../Component-dd0ee5f1.js';
 import 'react';
 import '../../../components/arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../../bottom-sheet/modern';
 import '../../../../../modal/modern/mobile';
 import '../../../Component.js';
-import '../../../Component-0cf0b97d.js';
+import '../../../Component-346730bb.js';
 import '@juggle/resize-observer';
 import '../../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,9 +29,8 @@ import 'react-virtual';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-66d0ef98.js';
+import '../../../intersection-observer-e2ca7101.js';
 import '../../../../../button/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/modern';
-import '../../../components/base-select-mobile/virtual-options-list/Component.js';
 import '../../../utils.js';

package/select/modern/presets/useSelectWithLoading/hook.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark/Component.js';
 import '../../../../checkbox/modern';
 
-const styles = {"skeleton":"select__skeleton_nyydl"};
+const styles = {"skeleton":"select__skeleton_14ppk"};
 require('./index.css');
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/select/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 17lnx */
-.select__skeleton_nyydl {
+/* hash: 145su */
+.select__skeleton_14ppk {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/modern/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-0cf0b97d.js';
+import './Component-346730bb.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -23,16 +23,15 @@ import './components/checkmark/Component.js';
 import '../../checkbox/modern';
 import './components/options-list/Component.js';
 import '../../scrollbar/modern';
-import './Component-82e15643.js';
+import './Component-dd0ee5f1.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
 import 'react-virtual';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-66d0ef98.js';
+import './intersection-observer-e2ca7101.js';
 import '../../button/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/modern';
-import './components/base-select-mobile/virtual-options-list/Component.js';
 import './utils.js';

package/select/modern/typings.d.ts

@@ -251,6 +251,10 @@ type FieldProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Выбранный пункт
      */
@@ -325,7 +329,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+};
 type ArrowProps = {
     /**
      * Дополнительный класс

package/select/modern/utils.js

@@ -45,7 +45,7 @@ function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef,
     useEffect(() => {
         const list = listRef.current;
         const styleTarget = styleTargetRef.current;
-        if (open && list && styleTarget && visibleOptions > 0) {
+        if (open && list && styleTarget) {
             const optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
             let height = optionsNodes
                 .slice(0, visibleOptions)

package/select/presets/index.js

@@ -1,7 +1,7 @@
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-902c22f8.js');
-require('../tslib.es6-c37aac9e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-3ea39fa3.js');
+require('../tslib.es6-767aabd0.js');
 require('react');
 require('../../skeleton');
 require('../components/option/Component.js');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/Component.js');
 require('../../checkbox');
-require('../intersection-observer-2c89c05a.js');
+require('../intersection-observer-be7013a3.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('react-merge-refs');
@@ -20,7 +20,7 @@ require('downshift');
 require('../../bottom-sheet');
 require('../../modal/mobile');
 require('../Component.js');
-require('../Component-c28d8000.js');
+require('../Component-1678b0d9.js');
 require('@juggle/resize-observer');
 require('../../popover');
 require('@alfalab/hooks');
@@ -37,7 +37,6 @@ require('../components/base-checkmark/Component.js');
 require('../../button');
 require('../components/base-select-mobile/options-list/Component.js');
 require('../../base-modal');
-require('../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/select/presets/useLazyLoading/hook.js

@@ -1,8 +1,8 @@
-var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
+var tslib_es6 = require('../../tslib.es6-767aabd0.js');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-2c89c05a.js');
+require('../../intersection-observer-be7013a3.js');
 require('classnames');
 require('../../components/base-select-mobile/checkmark/Component.js');
 require('../../../badge');
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_5291c"};
+var styles = {"skeleton":"select__skeleton_3bl7z"};
 require('./index.css');
 
 var DEBOUNCE_TIMEOUT = 300;

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: tredw */
-.select__skeleton_5291c {
+/* hash: hedew */
+.select__skeleton_3bl7z {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/useSelectWithApply/hook.js

@@ -1,10 +1,10 @@
-require('../../tslib.es6-c37aac9e.js');
+require('../../tslib.es6-767aabd0.js');
 require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-c28d8000.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
+require('../../Component-1678b0d9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-3ea39fa3.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -16,7 +16,7 @@ require('../../components/options-list/Component.js');
 require('react-virtual');
 require('../../../scrollbar');
 require('../../../skeleton');
-require('../../intersection-observer-2c89c05a.js');
+require('../../intersection-observer-be7013a3.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');
@@ -35,7 +35,6 @@ require('../../components/base-checkmark/Component.js');
 require('../../../button');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('../../../base-modal');
-require('../../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,10 +1,10 @@
-require('../../../tslib.es6-c37aac9e.js');
+require('../../../tslib.es6-767aabd0.js');
 require('react');
 require('classnames');
 require('../../../../button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-c28d8000.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-902c22f8.js');
+require('../../../Component-1678b0d9.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-3ea39fa3.js');
 require('../../../../form-control');
 require('@alfalab/hooks');
 require('../../../../badge');
@@ -32,10 +32,9 @@ require('../../../components/checkmark/Component.js');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-2c89c05a.js');
+require('../../../intersection-observer-be7013a3.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');
-require('../../../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

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

@@ -1,4 +1,4 @@
-/* hash: 1ox2i */
+/* hash: ggjs1 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -25,14 +25,14 @@
 
     /* optgroup */
 }
-.select__footer_hr9jx {
+.select__footer_kv6l6 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
 }
-.select__footer_hr9jx > * + * {
+.select__footer_kv6l6 > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_hr9jx {
+.select__withBorder_kv6l6 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-902c22f8";
+export * from "../../../Component-3ea39fa3";

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

@@ -1,5 +1,5 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-902c22f8.js');
-require('../../../tslib.es6-c37aac9e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-3ea39fa3.js');
+require('../../../tslib.es6-767aabd0.js');
 require('react');
 require('../../../components/arrow/Component.js');
 require('classnames');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
 require('../../../Component.js');
-require('../../../Component-c28d8000.js');
+require('../../../Component-1678b0d9.js');
 require('@juggle/resize-observer');
 require('../../../../popover');
 require('@alfalab/hooks');
@@ -31,11 +31,10 @@ require('react-virtual');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-2c89c05a.js');
+require('../../../intersection-observer-be7013a3.js');
 require('../../../../button');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');
-require('../../../components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
+var tslib_es6 = require('../../tslib.es6-767aabd0.js');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_nyydl"};
+var styles = {"skeleton":"select__skeleton_14ppk"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 17lnx */
-.select__skeleton_nyydl {
+/* hash: 145su */
+.select__skeleton_14ppk {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/responsive.js

@@ -1,12 +1,12 @@
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-c37aac9e.js');
+require('./tslib.es6-767aabd0.js');
 require('react');
 require('@alfalab/hooks');
 require('./Component.js');
 require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./Component-c28d8000.js');
+require('./Component-1678b0d9.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -25,18 +25,17 @@ require('./components/checkmark/Component.js');
 require('../checkbox');
 require('./components/options-list/Component.js');
 require('../scrollbar');
-require('./Component-902c22f8.js');
+require('./Component-3ea39fa3.js');
 require('../bottom-sheet');
 require('../modal/mobile');
 require('react-virtual');
 require('./components/base-option/Component.js');
 require('./components/base-checkmark/Component.js');
 require('../skeleton');
-require('./intersection-observer-2c89c05a.js');
+require('./intersection-observer-be7013a3.js');
 require('../button');
 require('./components/base-select-mobile/options-list/Component.js');
 require('../base-modal');
-require('./components/base-select-mobile/virtual-options-list/Component.js');
 
 
 

package/select/typings.d.ts

@@ -251,6 +251,10 @@ type FieldProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Выбранный пункт
      */
@@ -325,7 +329,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+};
 type ArrowProps = {
     /**
      * Дополнительный класс

package/select/utils.js

@@ -52,7 +52,7 @@ function useVisibleOptions(_a) {
     React.useEffect(function () {
         var list = listRef.current;
         var styleTarget = styleTargetRef.current;
-        if (open && list && styleTarget && visibleOptions > 0) {
+        if (open && list && styleTarget) {
             var optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
             var height = optionsNodes
                 .slice(0, visibleOptions)

package/select-with-tags/component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-89ad2e66.js');
+var tslib_es6 = require('./tslib.es6-fb3a3bef.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 var components_tagList_component = require('./components/tag-list/component.js');

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

@@ -1,6 +1,6 @@
 var components_tagList_component = require('./tag-list/component.js');
 var components_tag_component = require('./tag/component.js');
-require('../tslib.es6-89ad2e66.js');
+require('../tslib.es6-fb3a3bef.js');
 require('react');
 require('classnames');
 require('../../form-control');

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-89ad2e66.js');
+var tslib_es6 = require('../../tslib.es6-fb3a3bef.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');
@@ -9,7 +9,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_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_1ce8r","tagNoClose":"select-with-tags__tagNoClose_1ce8r","tagContentWrap":"select-with-tags__tagContentWrap_1ce8r","tagCross":"select-with-tags__tagCross_1ce8r"};
 require('./index.css');
 
 var Tag = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1otnq */
+/* hash: yj3f9 */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -33,44 +33,44 @@
 
     /* text color */
 }
-.select-with-tags__tag_1xy64 {
+.select-with-tags__tag_1ce8r {
     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_1ce8r: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_1ce8r: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_1ce8r > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_1xy64 {
+.select-with-tags__tagNoClose_1ce8r {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_1xy64 {
+.select-with-tags__tagContentWrap_1ce8r {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_1xy64 {
+.select-with-tags__tagCross_1ce8r {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_1xy64:hover {
+.select-with-tags__tagCross_1ce8r:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_1xy64:active {
+.select-with-tags__tagCross_1ce8r:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_1xy64 svg {
+.select-with-tags__tagCross_1ce8r 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-89ad2e66.js');
+require('../../tslib.es6-fb3a3bef.js');
 require('react');
 require('classnames');
 require('../../../tag');