@alfalab/core-components 46.0.0-beta.7 → 47.0.0-beta.0

package/shared/esm/index.d.ts

@@ -9,4 +9,3 @@ export * from "./hooks/index";
 export * from "./os";
 export * from "./dom";
 export * from "./exhaustiveCheck";
-export * from "./getComponentBreakpoint/index";

package/shared/esm/index.js

@@ -9,7 +9,6 @@ export { hooks } from './hooks/index.js';
 export { os } from './os.js';
 export { dom } from './dom.js';
 export { exhaustiveCheck } from './exhaustiveCheck.js';
-export { getComponentBreakpoint } from './getComponentBreakpoint/getComponentBreakpoint.js';
 import './hooks/useCustomWebkitScrollbar.js';
 import 'react';
 import '@alfalab/hooks';

package/shared/index.d.ts

@@ -9,4 +9,3 @@ export * from "./hooks/index";
 export * from "./os";
 export * from "./dom";
 export * from "./exhaustiveCheck";
-export * from "./getComponentBreakpoint/index";

package/shared/index.js

@@ -11,7 +11,6 @@ var hooks_index = require('./hooks/index.js');
 var os = require('./os.js');
 var dom = require('./dom.js');
 var exhaustiveCheck = require('./exhaustiveCheck.js');
-var getComponentBreakpoint_getComponentBreakpoint = require('./getComponentBreakpoint/getComponentBreakpoint.js');
 
 
 
@@ -26,4 +25,3 @@ exports.hooks = hooks_index.hooks;
 exports.os = os.os;
 exports.dom = dom.dom;
 exports.exhaustiveCheck = exhaustiveCheck.exhaustiveCheck;
-exports.getComponentBreakpoint = getComponentBreakpoint_getComponentBreakpoint.getComponentBreakpoint;

package/shared/modern/index.d.ts

@@ -9,4 +9,3 @@ export * from "./hooks/index";
 export * from "./os";
 export * from "./dom";
 export * from "./exhaustiveCheck";
-export * from "./getComponentBreakpoint/index";

package/shared/modern/index.js

@@ -9,7 +9,6 @@ export { hooks } from './hooks/index.js';
 export { os } from './os.js';
 export { dom } from './dom.js';
 export { exhaustiveCheck } from './exhaustiveCheck.js';
-export { getComponentBreakpoint } from './getComponentBreakpoint/getComponentBreakpoint.js';
 import './hooks/useCustomWebkitScrollbar.js';
 import 'react';
 import '@alfalab/hooks';

package/side-panel/Component.responsive.js

@@ -24,7 +24,7 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

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-7feda991.js');
+var layout_module = require('../../layout.module-e8737dea.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-7feda991.js');
+var layout_module = require('../../layout.module-e8737dea.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -24,7 +24,7 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

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

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useMemo, useContext } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint, isClient } from '../../shared/esm';
+import { isClient } from '../../shared/esm';
 import { Controls } from './components/controls/Component.js';
 import { Header } from './components/header/Component.js';
 import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-85dc8854.js';
+import './layout.module-2920265f.js';
 import '../../navigation-bar-private/esm';
 import './consts.js';
 import './Context.js';
@@ -32,7 +32,7 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

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-85dc8854.js';
+import { l as layoutStyles } from '../../layout.module-2920265f.js';
 
 var styles = {"component":"side-panel__component_w9q3j"};
 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-85dc8854.js';
+import '../../layout.module-2920265f.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-85dc8854.js';
+import '../../layout.module-2920265f.js';
 
 var styles = {"sticky":"side-panel__sticky_13w0c","size-500":"side-panel__size-500_13w0c"};
 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-85dc8854.js';
+import { l as layoutStyles } from '../../layout.module-2920265f.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_11ctg","sticky":"side-panel__sticky_11ctg","highlighted":"side-panel__highlighted_11ctg"};

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-85dc8854.js';
+import '../../layout.module-2920265f.js';
 
 var styles = {"footer":"side-panel__footer_ezvfb","sticky":"side-panel__sticky_ezvfb"};
 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-85dc8854.js';
+import '../layout.module-2920265f.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/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-85dc8854.js';
+import '../layout.module-2920265f.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-85dc8854.js';
+import './layout.module-2920265f.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/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-85dc8854.js';
+import '../layout.module-2920265f.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 '../../../shared/esm';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-85dc8854.js';
+import '../layout.module-2920265f.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

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

@@ -1,13 +1,13 @@
 import React, { forwardRef, useMemo, useContext } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint, isClient } from '../../shared/modern';
+import { isClient } from '../../shared/modern';
 import { Controls } from './components/controls/Component.js';
 import { Header } from './components/header/Component.js';
 import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-3ff83598.js';
+import './layout.module-4fa2bc24.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';
 import './Context.js';
@@ -30,7 +30,7 @@ function createResponsive(desktop, mobile) {
     }
     return ResponsiveChild;
 }
-const SidePanelResponsiveComponent = forwardRef(({ children, breakpoint = getComponentBreakpoint(), size = 500, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
+const SidePanelResponsiveComponent = forwardRef(({ children, breakpoint = 1024, size = 500, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);

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-3ff83598.js';
+import { l as layoutStyles } from '../../layout.module-4fa2bc24.js';
 
 const styles = {"component":"side-panel__component_w9q3j"};
 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-3ff83598.js';
+import '../../layout.module-4fa2bc24.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-3ff83598.js';
+import '../../layout.module-4fa2bc24.js';
 
 const styles = {"sticky":"side-panel__sticky_13w0c","size-500":"side-panel__size-500_13w0c"};
 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-3ff83598.js';
+import { l as layoutStyles } from '../../layout.module-4fa2bc24.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_11ctg","sticky":"side-panel__sticky_11ctg","highlighted":"side-panel__highlighted_11ctg"};

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-3ff83598.js';
+import '../../layout.module-4fa2bc24.js';
 
 const styles = {"footer":"side-panel__footer_ezvfb","sticky":"side-panel__sticky_ezvfb"};
 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-3ff83598.js';
+import '../layout.module-4fa2bc24.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/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-3ff83598.js';
+import '../layout.module-4fa2bc24.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-3ff83598.js';
+import './layout.module-4fa2bc24.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/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-3ff83598.js';
+import '../layout.module-4fa2bc24.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 '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-3ff83598.js';
+import '../layout.module-4fa2bc24.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/status/Component.d.ts

@@ -7,9 +7,8 @@ type StatusProps = {
     className?: string;
     /**
      *  Вид компонента
-     * @description soft deprecated, используйте вместо него muted-alt
      */
-    view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
+    view?: 'contrast' | 'soft';
     /**
      * Цветовое оформление иконки
      */

package/status/Component.js

@@ -8,12 +8,12 @@ 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_1keqd","ellipsis":"status__ellipsis_1keqd","muted-alt":"status__muted-alt_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","teal":"status__teal_1keqd","grey":"status__grey_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd","muted":"status__muted_1keqd"};
+var styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","soft":"status__soft_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","grey":"status__grey_1keqd","teal":"status__teal_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
 var Status = function (_a) {
-    var className = _a.className, _b = _a.view, view = _b === void 0 ? 'muted-alt' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("span", { className: cn__default.default(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
         React__default.default.createElement("span", { className: styles.ellipsis }, children)));
 };

package/status/cssm/Component.d.ts

@@ -7,9 +7,8 @@ type StatusProps = {
     className?: string;
     /**
      *  Вид компонента
-     * @description soft deprecated, используйте вместо него muted-alt
      */
-    view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
+    view?: 'contrast' | 'soft';
     /**
      * Цветовое оформление иконки
      */

package/status/cssm/Component.js

@@ -12,7 +12,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
 var Status = function (_a) {
-    var className = _a.className, _b = _a.view, view = _b === void 0 ? 'muted-alt' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[color], styles__default.default[view], className), "data-test-id": dataTestId },
         React__default.default.createElement("span", { className: styles__default.default.ellipsis }, children)));
 };

package/status/cssm/index.module.css

@@ -1,7 +1,6 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-700: #898991;
-    --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +29,6 @@
     --color-light-decorative-muted-alt-orange: #fde6c8;
     --color-light-decorative-muted-alt-red: #ffdfdf;
     --color-light-decorative-muted-alt-teal: #c8f1f3;
-    --color-light-decorative-muted-blue: #e4f0ff;
-    --color-light-decorative-muted-green: #dff8e5;
-    --color-light-decorative-muted-indigo: #eeedff;
-    --color-light-decorative-muted-orange: #ffefd9;
-    --color-light-decorative-muted-red: #ffebeb;
-    --color-light-decorative-muted-teal: #daf7f8;
     --color-light-decorative-orange: #fa9313;
     --color-light-decorative-red: #fe5e48;
     --color-light-decorative-teal: #09b9be;
@@ -67,79 +60,41 @@
         word-break: break-all;
     } .component:empty {
         padding: 0;
-    } .muted-alt {
-        &.green {
-            background: var(--color-light-decorative-muted-alt-green);
-            color: var(--color-light-decorative-text-green);
-        }
-        &.orange {
-            background: var(--color-light-decorative-muted-alt-orange);
-            color: var(--color-light-decorative-text-orange);
-        }
-        &.red {
-            background: var(--color-light-decorative-muted-alt-red);
-            color: var(--color-light-decorative-text-red);
-        }
-        &.blue {
-            background: var(--color-light-decorative-muted-alt-blue);
-            color: var(--color-light-decorative-text-blue);
-        }
-        &.teal {
-            background: var(--color-light-decorative-muted-alt-teal);
-            color: var(--color-light-decorative-text-teal);
-        }
-} .muted-alt.grey {
+    } .soft.green {
+        background: var(--color-light-decorative-muted-alt-green);
+        color: var(--color-light-decorative-text-green);
+    } .soft.orange {
+        background: var(--color-light-decorative-muted-alt-orange);
+        color: var(--color-light-decorative-text-orange);
+    } .soft.red {
+        background: var(--color-light-decorative-muted-alt-red);
+        color: var(--color-light-decorative-text-red);
+    } .soft.blue {
+        background: var(--color-light-decorative-muted-alt-blue);
+        color: var(--color-light-decorative-text-blue);
+    } .soft.grey {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .muted-alt.purple {
+    } .soft.teal {
+        background: var(--color-light-decorative-muted-alt-teal);
+        color: var(--color-light-decorative-text-teal);
+    } .soft.purple {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
     } .contrast {
-    color: var(--color-light-text-primary-inverted);
-        &.green {
-            background: var(--color-light-decorative-green);
-        }
-        &.orange {
-            background: var(--color-light-decorative-orange);
-        }
-        &.red {
-            background: var(--color-light-decorative-red);
-        }
-        &.blue {
-            background: var(--color-light-decorative-blue);
-        }
-        &.teal {
-            background: var(--color-light-decorative-teal);
-        }
-} .contrast.grey {
+    color: var(--color-light-text-primary-inverted)
+} .contrast.green {
+        background: var(--color-light-decorative-green);
+    } .contrast.orange {
+        background: var(--color-light-decorative-orange);
+    } .contrast.red {
+        background: var(--color-light-decorative-red);
+    } .contrast.blue {
+        background: var(--color-light-decorative-blue);
+    } .contrast.grey {
         background: var(--color-light-neutral-700);
+    } .contrast.teal {
+        background: var(--color-light-decorative-teal);
     } .contrast.purple {
         background: var(--color-light-decorative-indigo);
-    } .muted {
-        &.green {
-            background: var(--color-light-decorative-muted-green);
-            color: var(--color-light-decorative-text-green);
-        }
-        &.orange {
-            background: var(--color-light-decorative-muted-orange);
-            color: var(--color-light-decorative-text-orange);
-        }
-        &.red {
-            background: var(--color-light-decorative-muted-red);
-            color: var(--color-light-decorative-text-red);
-        }
-        &.blue {
-            background: var(--color-light-decorative-muted-blue);
-            color: var(--color-light-decorative-text-blue);
-        }
-        &.teal {
-            background: var(--color-light-decorative-muted-teal);
-            color: var(--color-light-decorative-text-teal);
-        }
-} .muted.grey {
-        background: var(--color-light-neutral-translucent-200);
-        color: var(--color-light-text-secondary);
-    } .muted.purple {
-        background: var(--color-light-decorative-muted-indigo);
-        color: var(--color-light-decorative-text-indigo);
     }

package/status/esm/Component.d.ts

@@ -7,9 +7,8 @@ type StatusProps = {
     className?: string;
     /**
      *  Вид компонента
-     * @description soft deprecated, используйте вместо него muted-alt
      */
-    view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
+    view?: 'contrast' | 'soft';
     /**
      * Цветовое оформление иконки
      */

package/status/esm/Component.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","muted-alt":"status__muted-alt_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","teal":"status__teal_1keqd","grey":"status__grey_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd","muted":"status__muted_1keqd"};
+var styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","soft":"status__soft_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","grey":"status__grey_1keqd","teal":"status__teal_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
 var Status = function (_a) {
-    var className = _a.className, _b = _a.view, view = _b === void 0 ? 'muted-alt' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.view, view = _b === void 0 ? 'soft' : _b, _c = _a.color, color = _c === void 0 ? 'green' : _c, children = _a.children, dataTestId = _a.dataTestId;
     return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
         React.createElement("span", { className: styles.ellipsis }, children)));
 };