@alfalab/core-components 48.23.0-beta.1 → 48.23.0

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

@@ -16,7 +16,7 @@ import { OptionResponsive } from '../components/option/Component.responsive.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-4b600ff8.js';
+import { u as useSelectWithApply } from '../hook-72d02bc6.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownSIcon';
@@ -29,12 +29,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-b46c9f69.js';
+import '../list-popover-desktop-d892a206.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-6f7f49a3.js';
+import '../mobile.module-a79b5ac2.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/clear-button/Component.js';
 import '../../../button/modern';

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

@@ -17,12 +17,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-b46c9f69.js';
+import '../list-popover-desktop-d892a206.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-6f7f49a3.js';
+import '../mobile.module-a79b5ac2.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
@@ -52,7 +52,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-4b600ff8.js';
+import '../hook-72d02bc6.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';

package/select/modern/mobile/index.js

@@ -18,12 +18,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-b46c9f69.js';
+import '../list-popover-desktop-d892a206.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-6f7f49a3.js';
+import '../mobile.module-a79b5ac2.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
@@ -53,7 +53,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-4b600ff8.js';
+import '../hook-72d02bc6.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';

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-4b600ff8.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-72d02bc6.js';
 import 'react';
 import '../../../skeleton/modern';
 import 'classnames';

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

@@ -1,7 +1,7 @@
 import 'react';
 import 'react-fast-compare';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-4b600ff8.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-72d02bc6.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-4b600ff8.js';
+export { O as OptionsListWithApply } from '../../../hook-72d02bc6.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-4b600ff8";
+export * from "../../../hook-72d02bc6";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-4b600ff8.js';
+export { O as OptionsListWithApply } from '../../../hook-72d02bc6.js';
 import 'react';
 import 'react-fast-compare';
 import '../../../utils.js';

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-4b600ff8.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-72d02bc6.js';
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions } from '../utils.js';
 export { OptionDesktop } from '../components/option/desktop/Component.js';
 export { OptionMobile } from '../components/option/mobile/Component.js';
@@ -48,12 +48,12 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-b46c9f69.js';
+import '../list-popover-desktop-d892a206.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-6f7f49a3.js';
+import '../mobile.module-a79b5ac2.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../../../base-modal/modern';
 import '../../../button/modern/mobile';

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-3ccb8535.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-fe1c7ed3.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('react-fast-compare');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-3ccb8535.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-fe1c7ed3.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-3ccb8535.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-fe1c7ed3.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-3ccb8535";
+export * from "../../../hook-fe1c7ed3";

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-3ccb8535.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-fe1c7ed3.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-3ccb8535.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-fe1c7ed3.js');
 var utils = require('../utils.js');
 var components_option_desktop_Component = require('../components/option/desktop/Component.js');
 var components_option_mobile_Component = require('../components/option/mobile/Component.js');

package/select-with-tags/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SelectWithTags: React.ForwardRefExoticComponent<Omit<import("../select/typings").BaseSelectProps, "onChange" | "autocomplete" | "multiple" | "selected" | "nativeSelect" | "Field"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Omit<import("../select/typings").BaseSelectProps, "multiple" | "onChange" | "selected" | "autocomplete" | "nativeSelect" | "Field"> & {
     value?: string | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     selected?: (string | import("../select/typings").OptionShape)[] | undefined;

package/select-with-tags/components/base-select-with-tags/Component.d.ts

@@ -5,7 +5,7 @@ import { BottomSheetProps } from "../../../bottom-sheet";
 import { FormControlProps } from "../../../form-control";
 import { PopoverProps } from "../../../popover";
 import { BaseSelectProps, OptionShape } from "../../../select/shared";
-declare const BaseSelectWithTags: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onChange" | "autocomplete" | "multiple" | "selected" | "nativeSelect" | "Field"> & {
+declare const BaseSelectWithTags: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "multiple" | "onChange" | "selected" | "autocomplete" | "nativeSelect" | "Field"> & {
     value?: string | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     selected?: (string | OptionShape)[] | undefined;

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-ba9ed853.js');
+var layout_module = require('../../layout.module-3bf6f157.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-ba9ed853.js');
+var layout_module = require('../../layout.module-3bf6f157.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 { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
 import '../../shared/esm';
-import './layout.module-470e5da8.js';
+import './layout.module-5e09b4ce.js';
 import '../../navigation-bar-private/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-470e5da8.js';
+import { l as layoutStyles } from '../../layout.module-5e09b4ce.js';
 
 var styles = {"component":"side-panel__component_l0cg3"};
 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-470e5da8.js';
+import '../../layout.module-5e09b4ce.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-470e5da8.js';
+import '../../layout.module-5e09b4ce.js';
 
 var styles = {"sticky":"side-panel__sticky_1lzzw","size-500":"side-panel__size-500_1lzzw"};
 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-470e5da8.js';
+import { l as layoutStyles } from '../../layout.module-5e09b4ce.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_y7bnd","sticky":"side-panel__sticky_y7bnd","highlighted":"side-panel__highlighted_y7bnd"};

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-470e5da8.js';
+import '../../layout.module-5e09b4ce.js';
 
 var styles = {"footer":"side-panel__footer_et5yp","sticky":"side-panel__sticky_et5yp"};
 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-470e5da8.js';
+import '../layout.module-5e09b4ce.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 

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

@@ -9,7 +9,7 @@ import '../../../drawer/esm';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
 import '../ResponsiveContext.js';
-import '../layout.module-470e5da8.js';
+import '../layout.module-5e09b4ce.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../consts.js';

package/side-panel/esm/index.js

@@ -19,6 +19,6 @@ import '../../mq/esm';
 import '../../navigation-bar-private/esm';
 import '../../shared/esm';
 import './Context.js';
-import './layout.module-470e5da8.js';
+import './layout.module-5e09b4ce.js';
 import './components/content/Component.js';
 import './components/footer/Component.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-470e5da8.js';
+import '../layout.module-5e09b4ce.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../consts.js';

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

@@ -9,7 +9,7 @@ import '../../../base-modal/esm';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
 import '../ResponsiveContext.js';
-import '../layout.module-470e5da8.js';
+import '../layout.module-5e09b4ce.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

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

@@ -7,7 +7,7 @@ import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
 import '../../shared/modern';
-import './layout.module-6e94982f.js';
+import './layout.module-6a165f20.js';
 import '../../navigation-bar-private/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-6e94982f.js';
+import { l as layoutStyles } from '../../layout.module-6a165f20.js';
 
 const styles = {"component":"side-panel__component_l0cg3"};
 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-6e94982f.js';
+import '../../layout.module-6a165f20.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-6e94982f.js';
+import '../../layout.module-6a165f20.js';
 
 const styles = {"sticky":"side-panel__sticky_1lzzw","size-500":"side-panel__size-500_1lzzw"};
 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-6e94982f.js';
+import { l as layoutStyles } from '../../layout.module-6a165f20.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_y7bnd","sticky":"side-panel__sticky_y7bnd","highlighted":"side-panel__highlighted_y7bnd"};

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-6e94982f.js';
+import '../../layout.module-6a165f20.js';
 
 const styles = {"footer":"side-panel__footer_et5yp","sticky":"side-panel__sticky_et5yp"};
 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-6e94982f.js';
+import '../layout.module-6a165f20.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 

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

@@ -8,7 +8,7 @@ import '../../../drawer/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-6e94982f.js';
+import '../layout.module-6a165f20.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/index.js

@@ -18,6 +18,6 @@ import '../../mq/modern';
 import '../../navigation-bar-private/modern';
 import '../../shared/modern';
 import './Context.js';
-import './layout.module-6e94982f.js';
+import './layout.module-6a165f20.js';
 import './components/content/Component.js';
 import './components/footer/Component.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-6e94982f.js';
+import '../layout.module-6a165f20.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

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

@@ -8,7 +8,7 @@ import '../../../base-modal/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-6e94982f.js';
+import '../layout.module-6a165f20.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

package/status/Component.d.ts

@@ -6,12 +6,14 @@ type StatusProps = {
      */
     className?: string;
     /**
-     *  Вид компонента
+     * Вид компонента
+     * @default muted-alt
      * @description soft deprecated, используйте вместо него muted-alt
      */
     view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
     /**
-     * Цветовое оформление иконки
+     * Цветовое оформление компонента
+     * @default green
      */
     color?: (typeof COLORS)[number];
     /**
@@ -37,6 +39,10 @@ type StatusProps = {
      * @default true
      */
     uppercase?: boolean;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
 };
 declare const Status: FC<StatusProps>;
 export { StatusProps, Status };

package/status/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"status__component_dpxje","ellipsis":"status__ellipsis_dpxje","size-20":"status__size-20_dpxje","size-24":"status__size-24_dpxje","size-32":"status__size-32_dpxje","size-40":"status__size-40_dpxje","rounded":"status__rounded_dpxje","uppercase":"status__uppercase_dpxje","soft":"status__soft_dpxje","muted-alt":"status__muted-alt_dpxje","green":"status__green_dpxje","orange":"status__orange_dpxje","red":"status__red_dpxje","blue":"status__blue_dpxje","teal":"status__teal_dpxje","grey":"status__grey_dpxje","purple":"status__purple_dpxje","contrast":"status__contrast_dpxje","muted":"status__muted_dpxje"};
+var styles = {"component":"status__component_dpxje","leftAddons":"status__leftAddons_dpxje","ellipsis":"status__ellipsis_dpxje","size-20":"status__size-20_dpxje","size-24":"status__size-24_dpxje","size-32":"status__size-32_dpxje","size-40":"status__size-40_dpxje","rounded":"status__rounded_dpxje","uppercase":"status__uppercase_dpxje","withLeftAddons":"status__withLeftAddons_dpxje","soft":"status__soft_dpxje","muted-alt":"status__muted-alt_dpxje","green":"status__green_dpxje","orange":"status__orange_dpxje","red":"status__red_dpxje","blue":"status__blue_dpxje","teal":"status__teal_dpxje","grey":"status__grey_dpxje","purple":"status__purple_dpxje","contrast":"status__contrast_dpxje","muted":"status__muted_dpxje"};
 require('./index.css');
 
 var logWarning = function () {
@@ -24,13 +24,15 @@ var logWarning = function () {
 };
 var Status = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g;
+    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g, leftAddons = _a.leftAddons;
     if (view === 'soft') {
         logWarning();
     }
     return (React__default.default.createElement("span", { className: cn__default.default(styles.component, styles[color], styles[view], styles["size-".concat(size)], styles[shape], className, (_b = {},
             _b[styles.uppercase] = uppercase,
+            _b[styles.withLeftAddons] = leftAddons,
             _b)), "data-test-id": dataTestId },
+        leftAddons && React__default.default.createElement("span", { className: styles.leftAddons }, leftAddons),
         React__default.default.createElement("span", { className: styles.ellipsis }, children)));
 };
 

package/status/cssm/Component.d.ts

@@ -6,12 +6,14 @@ type StatusProps = {
      */
     className?: string;
     /**
-     *  Вид компонента
+     * Вид компонента
+     * @default muted-alt
      * @description soft deprecated, используйте вместо него muted-alt
      */
     view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
     /**
-     * Цветовое оформление иконки
+     * Цветовое оформление компонента
+     * @default green
      */
     color?: (typeof COLORS)[number];
     /**
@@ -37,6 +39,10 @@ type StatusProps = {
      * @default true
      */
     uppercase?: boolean;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
 };
 declare const Status: FC<StatusProps>;
 export { StatusProps, Status };

package/status/cssm/Component.js

@@ -23,13 +23,15 @@ var logWarning = function () {
 };
 var Status = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g;
+    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g, leftAddons = _a.leftAddons;
     if (view === 'soft') {
         logWarning();
     }
     return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[color], styles__default.default[view], styles__default.default["size-".concat(size)], styles__default.default[shape], className, (_b = {},
             _b[styles__default.default.uppercase] = uppercase,
+            _b[styles__default.default.withLeftAddons] = leftAddons,
             _b)), "data-test-id": dataTestId },
+        leftAddons && React__default.default.createElement("span", { className: styles__default.default.leftAddons }, leftAddons),
         React__default.default.createElement("span", { className: styles__default.default.ellipsis }, children)));
 };
 

package/status/cssm/index.module.css

@@ -22,7 +22,8 @@
     --border-radius-6: 6px;
     --border-radius-10: 10px;
     --border-radius-12: var(--border-radius-l);
-} :root { /* deprecated */ /* deprecated */
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */
@@ -33,6 +34,7 @@
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
@@ -76,7 +78,11 @@
     text-transform: none;
     text-transform: initial;
     letter-spacing: 0.5px
-} .component .ellipsis {
+} .component .leftAddons {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    } .component .ellipsis {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -127,6 +133,22 @@
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
+        } .component.withLeftAddons.size-20 {
+            grid-gap: 3px;
+            gap: 3px;
+            padding-left: 6px;
+        } .component.withLeftAddons.size-24 {
+            grid-gap: var(--gap-4);
+            gap: var(--gap-4);
+            padding-left: var(--gap-8);
+        } .component.withLeftAddons.size-32 {
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-12);
+        } .component.withLeftAddons.size-40 {
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-16);
         } .soft,
 .muted-alt {
         &.green {