@alfalab/core-components 45.3.0-beta.1 → 45.4.0

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

@@ -36,7 +36,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-f2b8c0de.js';
+import '../hook-0b1ac3c1.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

@@ -37,7 +37,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-f2b8c0de.js';
+import '../hook-0b1ac3c1.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-f2b8c0de.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-0b1ac3c1.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-f2b8c0de.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-0b1ac3c1.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

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-f2b8c0de.js';
+export { O as OptionsListWithApply } from '../../../hook-0b1ac3c1.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-f2b8c0de";
+export * from "../../../hook-0b1ac3c1";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-f2b8c0de.js';
+export { O as OptionsListWithApply } from '../../../hook-0b1ac3c1.js';
 import 'react';
 import '../../../utils.js';
 import '../../../../../shared/modern';

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-f2b8c0de.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-0b1ac3c1.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, 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-1b6b8f9e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4d7077f8.js');
 
 
 

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-1b6b8f9e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-4d7077f8.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('../../../hook-1b6b8f9e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4d7077f8.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -1 +1 @@
-export * from "../../../hook-1b6b8f9e";
+export * from "../../../hook-4d7077f8";

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-1b6b8f9e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4d7077f8.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-1b6b8f9e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4d7077f8.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/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-58cb0667.js');
+var layout_module = require('../../layout.module-3789959a.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-58cb0667.js');
+var layout_module = require('../../layout.module-3789959a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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-a1f1e5d5.js';
+import './layout.module-10b60370.js';
 import '../../navigation-bar/esm';
 import './consts.js';
 import './Context.js';

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-a1f1e5d5.js';
+import { l as layoutStyles } from '../../layout.module-10b60370.js';
 
 var styles = {"component":"side-panel__component_1kzn1"};
 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-a1f1e5d5.js';
+import '../../layout.module-10b60370.js';

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

@@ -7,7 +7,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-a1f1e5d5.js';
+import '../../layout.module-10b60370.js';
 
 var styles = {"sticky":"side-panel__sticky_1alq2","size-500":"side-panel__size-500_1alq2"};
 require('./desktop.css');

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-a1f1e5d5.js';
+import { l as layoutStyles } from '../../layout.module-10b60370.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_182j7","sticky":"side-panel__sticky_182j7","highlighted":"side-panel__highlighted_182j7"};

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

@@ -6,7 +6,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-a1f1e5d5.js';
+import '../../layout.module-10b60370.js';
 
 var styles = {"footer":"side-panel__footer_1pb2j","sticky":"side-panel__sticky_1pb2j"};
 require('./mobile.css');

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

@@ -13,7 +13,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../../../base-modal/esm';
-import '../layout.module-a1f1e5d5.js';
+import '../layout.module-10b60370.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 

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

@@ -12,7 +12,7 @@ import '../Context.js';
 import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-a1f1e5d5.js';
+import '../layout.module-10b60370.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-a1f1e5d5.js';
+import './layout.module-10b60370.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';
 import './consts.js';

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

@@ -10,7 +10,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-a1f1e5d5.js';
+import '../layout.module-10b60370.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 import '../consts.js';

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

@@ -9,7 +9,7 @@ import '../../../shared/esm';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-a1f1e5d5.js';
+import '../layout.module-10b60370.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../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-3d5b6e76.js';
+import './layout.module-a3ff3ebd.js';
 import '../../navigation-bar/modern';
 import './consts.js';
 import './Context.js';

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-3d5b6e76.js';
+import { l as layoutStyles } from '../../layout.module-a3ff3ebd.js';
 
 const styles = {"component":"side-panel__component_1kzn1"};
 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-3d5b6e76.js';
+import '../../layout.module-a3ff3ebd.js';

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

@@ -6,7 +6,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-3d5b6e76.js';
+import '../../layout.module-a3ff3ebd.js';
 
 const styles = {"sticky":"side-panel__sticky_1alq2","size-500":"side-panel__size-500_1alq2"};
 require('./desktop.css');

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-3d5b6e76.js';
+import { l as layoutStyles } from '../../layout.module-a3ff3ebd.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_182j7","sticky":"side-panel__sticky_182j7","highlighted":"side-panel__highlighted_182j7"};

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

@@ -5,7 +5,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-3d5b6e76.js';
+import '../../layout.module-a3ff3ebd.js';
 
 const styles = {"footer":"side-panel__footer_1pb2j","sticky":"side-panel__sticky_1pb2j"};
 require('./mobile.css');

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

@@ -12,7 +12,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-3d5b6e76.js';
+import '../layout.module-a3ff3ebd.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 

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

@@ -11,7 +11,7 @@ import '../Context.js';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-3d5b6e76.js';
+import '../layout.module-a3ff3ebd.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-3d5b6e76.js';
+import './layout.module-a3ff3ebd.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';
 import './consts.js';

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

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-3d5b6e76.js';
+import '../layout.module-a3ff3ebd.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 import '../consts.js';

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

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-3d5b6e76.js';
+import '../layout.module-a3ff3ebd.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/table/components/pagination/select-field/index.js

@@ -18,7 +18,7 @@ var CustomSelectField = function (_a) {
     var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
     var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
     return (React__default.default.createElement("div", { ref: ref },
-        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn__default.default(styles.field, (_b = {}, _b[styles.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
+        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restInnerProps, { size: 'xxs', view: 'transparent', className: cn__default.default(styles.field, (_b = {}, _b[styles.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
 };
 
 exports.CustomSelectField = CustomSelectField;

package/table/cssm/components/pagination/select-field/index.js

@@ -17,7 +17,7 @@ var CustomSelectField = function (_a) {
     var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
     var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
     return (React__default.default.createElement("div", { ref: ref },
-        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn__default.default(styles__default.default.field, (_b = {}, _b[styles__default.default.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
+        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restInnerProps, { size: 'xxs', view: 'transparent', className: cn__default.default(styles__default.default.field, (_b = {}, _b[styles__default.default.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
 };
 
 exports.CustomSelectField = CustomSelectField;

package/table/esm/components/pagination/select-field/index.js

@@ -11,7 +11,7 @@ var CustomSelectField = function (_a) {
     var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
     var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
     return (React.createElement("div", { ref: ref },
-        React.createElement(Button, __assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn(styles.field, (_b = {}, _b[styles.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
+        React.createElement(Button, __assign({}, restInnerProps, { size: 'xxs', view: 'transparent', className: cn(styles.field, (_b = {}, _b[styles.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
 };
 
 export { CustomSelectField };

package/table/modern/components/pagination/select-field/index.js

@@ -8,7 +8,7 @@ require('./index.css');
 const CustomSelectField = ({ selected, innerProps, Arrow, open }) => {
     const { ref, ...restInnerProps } = innerProps;
     return (React.createElement("div", { ref: ref },
-        React.createElement(Button, { ...restInnerProps, size: 'xxs', view: 'link', className: cn(styles.field, { [styles.open]: open }), rightAddons: Arrow }, selected?.content)));
+        React.createElement(Button, { ...restInnerProps, size: 'xxs', view: 'transparent', className: cn(styles.field, { [styles.open]: open }), rightAddons: Arrow }, selected?.content)));
 };
 
 export { CustomSelectField };

package/tabs/components/primary-tablist/Component.collapsible.js

@@ -65,7 +65,7 @@ var CollapsiblePrimaryTabList = function (_a) {
                 return (React__default.default.createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React__default.default.createElement(components_title_Component.Title, tslib.__assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: index_module.styles }))); }));
             }),
             collapsedOptions.length ? (React__default.default.createElement("span", { ref: addonRef, role: 'menu', className: index_module.styles.pickerWrapper },
-                React__default.default.createElement(desktop.PickerButtonDesktop, { fieldClassName: index_module.styles.title, optionClassName: cn__default.default(size && index_module.styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'ghost', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
+                React__default.default.createElement(desktop.PickerButtonDesktop, { fieldClassName: index_module.styles.title, optionClassName: cn__default.default(size && index_module.styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'text', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
             React__default.default.createElement("div", { className: index_module.styles.line, ref: lineRef })));
     };
     return (React__default.default.createElement("div", { ref: containerRef, className: cn__default.default(index_module.styles.container, textStyle && index_module.styles[textStyle], index_module.styles.desktop, containerClassName) }, renderContent()));

package/tabs/cssm/components/primary-tablist/Component.collapsible.js

@@ -66,7 +66,7 @@ var CollapsiblePrimaryTabList = function (_a) {
                 return (React__default.default.createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React__default.default.createElement(components_title_Component.Title, tslib.__assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: styles__default.default }))); }));
             }),
             collapsedOptions.length ? (React__default.default.createElement("span", { ref: addonRef, role: 'menu', className: styles__default.default.pickerWrapper },
-                React__default.default.createElement(desktop.PickerButtonDesktop, { fieldClassName: styles__default.default.title, optionClassName: cn__default.default(size && styles__default.default[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'ghost', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
+                React__default.default.createElement(desktop.PickerButtonDesktop, { fieldClassName: styles__default.default.title, optionClassName: cn__default.default(size && styles__default.default[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React__default.default.createElement(coreComponentsBadge.Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'text', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
             React__default.default.createElement("div", { className: styles__default.default.line, ref: lineRef })));
     };
     return (React__default.default.createElement("div", { ref: containerRef, className: cn__default.default(styles__default.default.container, textStyle && styles__default.default[textStyle], styles__default.default.desktop, containerClassName) }, renderContent()));

package/tabs/esm/components/primary-tablist/Component.collapsible.js

@@ -65,7 +65,7 @@ var CollapsiblePrimaryTabList = function (_a) {
                 return (React.createElement(KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React.createElement(Title, __assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: styles }))); }));
             }),
             collapsedOptions.length ? (React.createElement("span", { ref: addonRef, role: 'menu', className: styles.pickerWrapper },
-                React.createElement(PickerButtonDesktop, { fieldClassName: styles.title, optionClassName: cn(size && styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React.createElement(Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'ghost', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
+                React.createElement(PickerButtonDesktop, { fieldClassName: styles.title, optionClassName: cn(size && styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React.createElement(Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'text', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
             React.createElement("div", { className: styles.line, ref: lineRef })));
     };
     return (React.createElement("div", { ref: containerRef, className: cn(styles.container, textStyle && styles[textStyle], styles.desktop, containerClassName) }, renderContent()));

package/tabs/modern/components/primary-tablist/Component.collapsible.js

@@ -54,7 +54,7 @@ const CollapsiblePrimaryTabList = ({ size = 'm', className, containerClassName,
         }) },
         tablistTitles.map(({ dataTestId: _, toggleRef: __, ...restTitleProps }, index) => (React.createElement(KeyboardFocusable, { key: restTitleProps.id }, (ref, focused) => (React.createElement(Title, { ...getTabListItemProps(index, ref), ...restTitleProps, focused: focused, styles: styles }))))),
         collapsedOptions.length ? (React.createElement("span", { ref: addonRef, role: 'menu', className: styles.pickerWrapper },
-            React.createElement(PickerButtonDesktop, { fieldClassName: styles.title, optionClassName: cn(size && styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React.createElement(Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'ghost', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
+            React.createElement(PickerButtonDesktop, { fieldClassName: styles.title, optionClassName: cn(size && styles[size]), options: collapsedOptions, onChange: handleOptionsChange, rightAddons: collapsedAddonsLength ? (React.createElement(Badge, { view: 'count', content: collapsedAddonsLength })) : null, size: 'm', view: 'text', label: '\u0415\u0449\u0451', popoverPosition: 'bottom-end' }))) : null,
         React.createElement("div", { className: styles.line, ref: lineRef })));
     return (React.createElement("div", { ref: containerRef, className: cn(styles.container, textStyle && styles[textStyle], styles.desktop, containerClassName) }, renderContent()));
 };

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,18 +1,7 @@
-.backdrop__backdrop_szcw2 {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_szcw2,
-.backdrop__enter_szcw2 {
-    background-color: transparent;
-} .backdrop__appearActive_szcw2,
-.backdrop__enterActive_szcw2,
-.backdrop__appearDone_szcw2,
-.backdrop__enterDone_szcw2 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_szcw2 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_szcw2,
-.backdrop__exitDone_szcw2 {
-    background-color: transparent;
+.card-image__cardImage_10lp3 {
+    background: #e7e8ea;
+} .card-image__loaded_10lp3 {
+    background: transparent
 }.badge__component_15rbd.badge__background-accent_15rbd {
         background-color: #f83a2a;
         color: #fff;
@@ -73,10 +62,21 @@
         background-color: #fff;
     } .badge__dot_15rbd.badge__outlineCount_15rbd {
     border: 1px solid #0e0e0e;
-}.card-image__cardImage_10lp3 {
-    background: #e7e8ea;
-} .card-image__loaded_10lp3 {
-    background: transparent
+}.backdrop__backdrop_szcw2 {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_szcw2,
+.backdrop__enter_szcw2 {
+    background-color: transparent;
+} .backdrop__appearActive_szcw2,
+.backdrop__enterActive_szcw2,
+.backdrop__appearDone_szcw2,
+.backdrop__enterDone_szcw2 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_szcw2 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_szcw2,
+.backdrop__exitDone_szcw2 {
+    background-color: transparent;
 }.divider__component_8b2js {
     border-bottom: 1px solid #353539;
 }.dropzone__component_ssy31 {
@@ -197,27 +197,36 @@
 }.link__primary_u7fan {
     color: #fff;
     border-bottom-color: #fff
-} .link__primary_u7fan:hover {
-        color: #babbc2;
+} @media (hover: hover) {
+        .link__primary_u7fan:hover {
+            color: #babbc2;
+        }
     } .link__primary_u7fan:active {
         color: #a0a1a9;
     } .link__secondary_u7fan {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
-} .link__secondary_u7fan:hover {
-        color: rgba(239, 240, 252, 0.65);
+} @media (hover: hover) {
+        .link__secondary_u7fan:hover {
+            color: rgba(239, 240, 252, 0.65);
+        }
     } .link__secondary_u7fan:active {
         color: rgba(243, 245, 254, 0.75);
     } .link__defaultView_u7fan {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
-} .link__defaultView_u7fan:hover {
-        color: #63aafd;
+} @media (hover: hover) {
+        .link__defaultView_u7fan:hover {
+            color: #63aafd;
+        }
     } .link__defaultView_u7fan:active {
         color: #7fb6ff;
     }
-.link__component_1d9r3:hover .link__text_1d9r3,
-    .link__component_1d9r3:active .link__text_1d9r3 {
+@media (hover: hover) {
+        .link__component_1d9r3:hover .link__text_1d9r3 {
+            border-bottom-color: rgba(0, 0, 0, 0);
+        }
+    } .link__component_1d9r3:active .link__text_1d9r3 {
         border-bottom-color: rgba(0, 0, 0, 0);
     } .link__focused_1d9r3 {
     outline: 2px solid #3193fc;
@@ -227,22 +236,28 @@
 .link__primary_1x4ze {
     color: #0e0e0e;
     border-bottom-color: #0e0e0e
-} .link__primary_1x4ze:hover {
-        color: #5f5f66;
+} @media (hover: hover) {
+        .link__primary_1x4ze:hover {
+            color: #5f5f66;
+        }
     } .link__primary_1x4ze:active {
         color: #75757d;
     } .link__secondary_1x4ze {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
-} .link__secondary_1x4ze:hover {
-        color: rgba(1, 1, 12, 0.63);
+} @media (hover: hover) {
+        .link__secondary_1x4ze:hover {
+            color: rgba(1, 1, 12, 0.63);
+        }
     } .link__secondary_1x4ze:active {
         color: rgba(0, 0, 10, 0.71);
     } .link__defaultView_1x4ze {
     color: #2a77ef;
     border-bottom-color: #2a77ef
-} .link__defaultView_1x4ze:hover {
-        color: #2c64d4;
+} @media (hover: hover) {
+        .link__defaultView_1x4ze:hover {
+            color: #2c64d4;
+        }
     } .link__defaultView_1x4ze:active {
         color: #2453b4;
     }.progress-bar__container_1rhk6 {