@alfalab/core-components 44.5.0-beta.2 → 44.5.1

package/select/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-8a723404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a12d8a76.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');

package/select/mobile/Component.modal.mobile.js

@@ -39,7 +39,7 @@ require('../../input');
 require('@alfalab/icons-glyph/MagnifierMIcon');
 require('../components/virtual-options-list/Component.js');
 require('react-virtual');
-require('../hook-8a723404.js');
+require('../hook-a12d8a76.js');
 require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../../button/desktop');
 require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/select/mobile/index.js

@@ -40,7 +40,7 @@ require('../../input');
 require('@alfalab/icons-glyph/MagnifierMIcon');
 require('../components/virtual-options-list/Component.js');
 require('react-virtual');
-require('../hook-8a723404.js');
+require('../hook-a12d8a76.js');
 require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../../button/desktop');
 require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/select/modern/Component.responsive.js

@@ -38,7 +38,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-d1a0d491.js';
+import './hook-e0ac0fb2.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/index.js

@@ -38,7 +38,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-d1a0d491.js';
+import './hook-e0ac0fb2.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-d1a0d491.js';
+import { u as useSelectWithApply } from '../hook-e0ac0fb2.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/modern/mobile/Component.modal.mobile.js

@@ -34,7 +34,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-d1a0d491.js';
+import '../hook-e0ac0fb2.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/index.js

@@ -35,7 +35,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-d1a0d491.js';
+import '../hook-e0ac0fb2.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-d1a0d491.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-e0ac0fb2.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-d1a0d491.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-e0ac0fb2.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-d1a0d491.js';
+export { O as OptionsListWithApply } from '../../../hook-e0ac0fb2.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1 +1 @@
-export * from "../../../hook-d1a0d491";
+export * from "../../../hook-e0ac0fb2";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-d1a0d491.js';
+export { O as OptionsListWithApply } from '../../../hook-e0ac0fb2.js';
 import 'react';
 import '../../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-d1a0d491.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-e0ac0fb2.js';
 export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-8a723404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a12d8a76.js');
 require('tslib');
 require('react');
 require('../../skeleton');

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-8a723404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-a12d8a76.js');
 require('../../components/options-list/Component.js');
 require('react-merge-refs');
 require('classnames');

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('../../../hook-8a723404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-a12d8a76.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 require('react-merge-refs');

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

@@ -1 +1 @@
-export * from "../../../hook-8a723404";
+export * from "../../../hook-a12d8a76";

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('../../../hook-8a723404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-a12d8a76.js');
 require('tslib');
 require('react');
 require('../../../utils.js');

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-8a723404.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a12d8a76.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/side-panel/Component.responsive.js

@@ -10,7 +10,7 @@ var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 var ResponsiveContext = require('./ResponsiveContext.js');
 require('classnames');
-require('./layout.module-ca0b42c6.js');
+require('./layout.module-d3a775d7.js');
 require('../navigation-bar');
 require('./Context.js');
 require('../base-modal');

package/side-panel/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-ca0b42c6.js');
+var layout_module = require('../../layout.module-d3a775d7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/components/controls/index.js

@@ -5,7 +5,7 @@ require('react');
 require('classnames');
 require('../../../shared');
 require('../../ResponsiveContext.js');
-require('../../layout.module-ca0b42c6.js');
+require('../../layout.module-d3a775d7.js');
 
 
 

package/side-panel/components/footer/Component.desktop.js

@@ -8,7 +8,7 @@ require('../../../shared');
 require('../../Context.js');
 require('../../../base-modal');
 require('../../ResponsiveContext.js');
-require('../../layout.module-ca0b42c6.js');
+require('../../layout.module-d3a775d7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/components/footer/Component.js

@@ -5,7 +5,7 @@ var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-ca0b42c6.js');
+var layout_module = require('../../layout.module-d3a775d7.js');
 require('../../../base-modal');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/side-panel/components/footer/Component.mobile.js

@@ -8,7 +8,7 @@ require('../../../shared');
 require('../../Context.js');
 require('../../../base-modal');
 require('../../ResponsiveContext.js');
-require('../../layout.module-ca0b42c6.js');
+require('../../layout.module-d3a775d7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/desktop/Component.desktop.js

@@ -14,7 +14,7 @@ require('../components/content/Component.js');
 require('../../shared');
 require('../Context.js');
 require('../../base-modal');
-require('../layout.module-ca0b42c6.js');
+require('../layout.module-d3a775d7.js');
 require('../components/footer/Component.js');
 require('../../navigation-bar');
 

package/side-panel/desktop/index.js

@@ -13,7 +13,7 @@ require('../Context.js');
 require('../../base-modal');
 require('../ResponsiveContext.js');
 require('../components/controls/Component.js');
-require('../layout.module-ca0b42c6.js');
+require('../layout.module-d3a775d7.js');
 require('../components/footer/Component.desktop.js');
 require('../components/footer/Component.js');
 require('../components/header/Component.js');

package/side-panel/esm/Component.responsive.js

@@ -8,7 +8,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-6bbd7c71.js';
+import './layout.module-9c3b5318.js';
 import '../../navigation-bar/esm';
 import '../../base-modal/esm';
 import 'react-merge-refs';

package/side-panel/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-6bbd7c71.js';
+import { l as layoutStyles } from '../../layout.module-9c3b5318.js';
 
 var styles = {"component":"side-panel__component_1jq98"};
 require('./index.css');

package/side-panel/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-6bbd7c71.js';
+import '../../layout.module-9c3b5318.js';

package/side-panel/esm/components/footer/Component.desktop.js

@@ -5,7 +5,7 @@ import { Footer } from './Component.js';
 import '../../../../shared/esm';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-6bbd7c71.js';
+import '../../layout.module-9c3b5318.js';
 import '../../Context.js';
 
 var styles = {"sticky":"side-panel__sticky_fm1x5","s":"side-panel__s_fm1x5"};

package/side-panel/esm/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-6bbd7c71.js';
+import { l as layoutStyles } from '../../layout.module-9c3b5318.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_1aehl","sticky":"side-panel__sticky_1aehl","highlighted":"side-panel__highlighted_1aehl"};

package/side-panel/esm/components/footer/Component.mobile.js

@@ -5,7 +5,7 @@ import { Footer } from './Component.js';
 import '../../../../shared/esm';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-6bbd7c71.js';
+import '../../layout.module-9c3b5318.js';
 import '../../Context.js';
 
 var styles = {"footer":"side-panel__footer_1qkgc","sticky":"side-panel__sticky_1qkgc"};

package/side-panel/esm/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../../../base-modal/esm';
-import '../layout.module-6bbd7c71.js';
+import '../layout.module-9c3b5318.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 import '../Context.js';

package/side-panel/esm/desktop/index.js

@@ -10,7 +10,7 @@ import '../../../shared/esm';
 import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-6bbd7c71.js';
+import '../layout.module-9c3b5318.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/esm/index.js

@@ -6,7 +6,7 @@ import '../../shared/esm';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-6bbd7c71.js';
+import './layout.module-9c3b5318.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';
 import '../../base-modal/esm';

package/side-panel/esm/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { Header } from '../components/header/Component.js';
 import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
-import '../layout.module-6bbd7c71.js';
+import '../layout.module-9c3b5318.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 import '../Context.js';

package/side-panel/esm/mobile/index.js

@@ -8,7 +8,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-6bbd7c71.js';
+import '../layout.module-9c3b5318.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/index.js

@@ -8,7 +8,7 @@ require('../shared');
 require('./components/controls/Component.js');
 require('classnames');
 require('./ResponsiveContext.js');
-require('./layout.module-ca0b42c6.js');
+require('./layout.module-d3a775d7.js');
 require('./components/header/Component.js');
 require('../navigation-bar');
 require('./Context.js');

package/side-panel/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ var ResponsiveContext = require('../ResponsiveContext.js');
 require('../components/content/Component.js');
 require('../../shared');
 require('../Context.js');
-require('../layout.module-ca0b42c6.js');
+require('../layout.module-d3a775d7.js');
 require('../components/footer/Component.js');
 require('../../navigation-bar');
 

package/side-panel/mobile/index.js

@@ -11,7 +11,7 @@ require('../../shared');
 require('../Context.js');
 require('../ResponsiveContext.js');
 require('../components/controls/Component.js');
-require('../layout.module-ca0b42c6.js');
+require('../layout.module-d3a775d7.js');
 require('../components/footer/Component.mobile.js');
 require('../components/footer/Component.js');
 require('../components/header/Component.js');

package/side-panel/modern/Component.responsive.js

@@ -7,7 +7,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-f6060373.js';
+import './layout.module-653aa456.js';
 import '../../navigation-bar/modern';
 import '../../base-modal/modern';
 import 'react-merge-refs';

package/side-panel/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-f6060373.js';
+import { l as layoutStyles } from '../../layout.module-653aa456.js';
 
 const styles = {"component":"side-panel__component_1jq98"};
 require('./index.css');

package/side-panel/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-f6060373.js';
+import '../../layout.module-653aa456.js';

package/side-panel/modern/components/footer/Component.desktop.js

@@ -4,7 +4,7 @@ import { Footer } from './Component.js';
 import '../../../../shared/modern';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-f6060373.js';
+import '../../layout.module-653aa456.js';
 import '../../Context.js';
 
 const styles = {"sticky":"side-panel__sticky_fm1x5","s":"side-panel__s_fm1x5"};

package/side-panel/modern/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-f6060373.js';
+import { l as layoutStyles } from '../../layout.module-653aa456.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_1aehl","sticky":"side-panel__sticky_1aehl","highlighted":"side-panel__highlighted_1aehl"};

package/side-panel/modern/components/footer/Component.mobile.js

@@ -4,7 +4,7 @@ import { Footer } from './Component.js';
 import '../../../../shared/modern';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-f6060373.js';
+import '../../layout.module-653aa456.js';
 import '../../Context.js';
 
 const styles = {"footer":"side-panel__footer_1qkgc","sticky":"side-panel__sticky_1qkgc"};

package/side-panel/modern/desktop/Component.desktop.js

@@ -10,7 +10,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../../../base-modal/modern';
-import '../layout.module-f6060373.js';
+import '../layout.module-653aa456.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 import '../Context.js';

package/side-panel/modern/desktop/index.js

@@ -9,7 +9,7 @@ import '../../../shared/modern';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-f6060373.js';
+import '../layout.module-653aa456.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/index.js

@@ -5,7 +5,7 @@ import '../../shared/modern';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-f6060373.js';
+import './layout.module-653aa456.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';
 import '../../base-modal/modern';

package/side-panel/modern/mobile/Component.mobile.js

@@ -8,7 +8,7 @@ import { Header } from '../components/header/Component.js';
 import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
-import '../layout.module-f6060373.js';
+import '../layout.module-653aa456.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 import '../Context.js';

package/side-panel/modern/mobile/index.js

@@ -7,7 +7,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-f6060373.js';
+import '../layout.module-653aa456.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/switch/cssm/index.module.css

@@ -93,9 +93,9 @@
     position: absolute;
     top: 0;
     left: 0;
+    bottom: 0;
+    right: 16px;
     display: block;
-    width: 16px;
-    height: 16px;
     border-radius: var(--border-radius-circle);
     background-color: var(--switch-icon-color);
     box-sizing: border-box;

package/switch/esm/index.css

@@ -94,9 +94,9 @@
     position: absolute;
     top: 0;
     left: 0;
+    bottom: 0;
+    right: 16px;
     display: block;
-    width: 16px;
-    height: 16px;
     border-radius: var(--border-radius-circle);
     background-color: var(--switch-icon-color);
     box-sizing: border-box;

package/switch/index.css

@@ -94,9 +94,9 @@
     position: absolute;
     top: 0;
     left: 0;
+    bottom: 0;
+    right: 16px;
     display: block;
-    width: 16px;
-    height: 16px;
     border-radius: var(--border-radius-circle);
     background-color: var(--switch-icon-color);
     box-sizing: border-box;

package/switch/modern/index.css

@@ -94,9 +94,9 @@
     position: absolute;
     top: 0;
     left: 0;
+    bottom: 0;
+    right: 16px;
     display: block;
-    width: 16px;
-    height: 16px;
     border-radius: var(--border-radius-circle);
     background-color: var(--switch-icon-color);
     box-sizing: border-box;

package/tab-bar/cssm/index.module.css

@@ -15,12 +15,14 @@
 } :root {
 } :root {
 } :root {
+} :root {
+    --tab-bar-bg-color: var(--color-light-base-bg-primary);
 } .component {
     display: flex;
     justify-content: center;
     height: 64px;
     max-height: 64px;
-    background-color: var(--color-light-base-bg-primary);
+    background-color: var(--tab-bar-bg-color);
     box-sizing: border-box;
     overflow: hidden;
     transition: box-shadow 0.2s ease;

package/tab-bar/esm/index.css

@@ -16,12 +16,14 @@
 } :root {
 } :root {
 } :root {
+} :root {
+    --tab-bar-bg-color: var(--color-light-base-bg-primary);
 } .tab-bar__component_15pc1 {
     display: flex;
     justify-content: center;
     height: 64px;
     max-height: 64px;
-    background-color: var(--color-light-base-bg-primary);
+    background-color: var(--tab-bar-bg-color);
     box-sizing: border-box;
     overflow: hidden;
     transition: box-shadow 0.2s ease;