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

package/select/modern/desktop/index.js

@@ -16,12 +16,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-6a634875.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-4896283c.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';

package/select/modern/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-6a634875.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-4896283c.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';
@@ -56,7 +56,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-db27571c.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/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-db27571c.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-6a634875.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-4896283c.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-6a634875.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-4896283c.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-db27571c.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-6a634875.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-4896283c.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-db27571c.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-db27571c.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-db27571c.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-db27571c.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-db27571c";
+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-db27571c.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-db27571c.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-6a634875.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-4896283c.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-c5dc8941.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-c5dc8941.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-c5dc8941.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-c5dc8941";
+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-c5dc8941.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-c5dc8941.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/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-1a0e4490.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-1a0e4490.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-b2ec1308.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-a929650c.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-a929650c.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-a929650c.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-a929650c.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-a929650c.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-a929650c.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-a929650c.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-a929650c.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-a929650c.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-a929650c.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-a929650c.js';
+import '../layout.module-6a165f20.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

package/spinner/cssm/index.module.css

@@ -30,6 +30,7 @@
     /* inverted */
 } .spinner {
     display: none;
+    box-sizing: content-box;
     animation: spin_animation var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 } .visible {

package/spinner/esm/index.css

@@ -31,6 +31,7 @@
     /* inverted */
 } .spinner__spinner_1cj6d {
     display: none;
+    box-sizing: content-box;
     animation: spinner__spin_animation_1cj6d var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 } .spinner__visible_1cj6d {

package/spinner/index.css

@@ -31,6 +31,7 @@
     /* inverted */
 } .spinner__spinner_1cj6d {
     display: none;
+    box-sizing: content-box;
     animation: spinner__spin_animation_1cj6d var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 } .spinner__visible_1cj6d {

package/spinner/modern/index.css

@@ -31,6 +31,7 @@
     /* inverted */
 } .spinner__spinner_1cj6d {
     display: none;
+    box-sizing: content-box;
     animation: spinner__spin_animation_1cj6d var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 } .spinner__visible_1cj6d {

package/spinner/moderncssm/index.module.css

@@ -12,6 +12,7 @@
 
 .spinner {
     display: none;
+    box-sizing: content-box;
     animation: spin_animation var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }

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 };