@alfalab/core-components 48.9.0 → 48.10.0

package/system-message/components/graphic/index.css

@@ -18,7 +18,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_114ul {
+} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_1apoc {
     display: flex;
     justify-content: center;
     align-self: stretch;

package/system-message/components/subtitle/Component.js

@@ -10,7 +10,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":"system-message__component_1bth9"};
+var styles = {"component":"system-message__component_18itc"};
 require('./index.css');
 
 var DEFAULT_PADDING = { bottom: 12 };

package/system-message/components/subtitle/index.css

@@ -19,7 +19,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_1bth9 {
+} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_18itc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/system-message/components/title/Component.js

@@ -10,13 +10,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"component":"system-message__component_1qzcg"};
+var desktopStyles = {"component":"system-message__component_1j25c"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_1xdox"};
+var styles = {"component":"system-message__component_7xemf"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_drns6"};
+var mobileStyles = {"component":"system-message__component_agzv8"};
 require('./mobile.css');
 
 var DEFAULT_DESKTOP_PADDING = { bottom: 16 };

package/system-message/components/title/desktop.css

@@ -22,7 +22,7 @@
     --sys-message-desktop-title-font-size: 22px;
     --sys-message-desktop-title-line-height: 26px;
     --sys-message-desktop-title-font-weight: 700;
-} .system-message__component_1qzcg {
+} .system-message__component_1j25c {
     font-size: var(--sys-message-desktop-title-font-size);
     line-height: var(--sys-message-desktop-title-line-height);
     font-weight: var(--sys-message-desktop-title-font-weight);

package/system-message/components/title/index.css

@@ -24,7 +24,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --sys-message-title-font-family: var(--font-family-system);
-} .system-message__component_1xdox {
+} .system-message__component_7xemf {
     margin: var(--gap-0);
     text-align: center;
     color: var(--color-light-text-primary);

package/system-message/components/title/mobile.css

@@ -22,7 +22,7 @@
     --sys-message-mobile-title-font-size: 20px;
     --sys-message-mobile-title-line-height: 28px;
     --sys-message-mobile-title-font-weight: 600;
-} .system-message__component_drns6 {
+} .system-message__component_agzv8 {
     font-size: var(--sys-message-mobile-title-font-size);
     line-height: var(--sys-message-mobile-title-line-height);
     font-weight: var(--sys-message-mobile-title-font-weight);

package/system-message/cssm/Components.responsive.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
+import { Caption } from "./components/caption/index";
+import { Controls } from "./components/controls/index";
+import { Graphic } from "./components/graphic/index";
+import { Subtitle } from "./components/subtitle/index";
+import { Title } from "./components/title/index";
 import { SystemMessageResponsiveProps } from "./types";
+declare const SystemMessageResponsiveComponent: React.FC<SystemMessageResponsiveProps>;
 declare const SystemMessageResponsive: React.FC<SystemMessageResponsiveProps> & {
     Graphic: React.FC<{
         className?: string | undefined;
@@ -30,4 +36,4 @@ declare const SystemMessageResponsive: React.FC<SystemMessageResponsiveProps> &
         padding?: import("./index-064acd29").PaddingType | undefined;
     }>;
 };
-export { SystemMessageResponsive };
+export { SystemMessageResponsive, SystemMessageResponsiveComponent as SystemMessageComponent, Caption as SystemMessageCaption, Controls as SystemMessageControls, Graphic as SystemMessageGraphic, Subtitle as SystemMessageSubtitle, Title as SystemMessageTitle };

package/system-message/cssm/Components.responsive.js

@@ -3,6 +3,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var components_caption_Component = require('./components/caption/Component.js');
+var components_controls_Component = require('./components/controls/Component.js');
+var components_graphic_Component = require('./components/graphic/Component.js');
+var components_subtitle_Component = require('./components/subtitle/Component.js');
+var components_title_Component = require('./components/title/Component.js');
 var Component = require('./Component.js');
 var utils = require('./utils.js');
 
@@ -17,4 +22,10 @@ var SystemMessageResponsiveComponent = function (_a) {
 };
 var SystemMessageResponsive = utils.createCompound(SystemMessageResponsiveComponent);
 
+exports.SystemMessageCaption = components_caption_Component.Caption;
+exports.SystemMessageControls = components_controls_Component.Controls;
+exports.SystemMessageGraphic = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitle = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitle = components_title_Component.Title;
+exports.SystemMessageComponent = SystemMessageResponsiveComponent;
 exports.SystemMessageResponsive = SystemMessageResponsive;

package/system-message/cssm/desktop/Component.desktop.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
+import { Caption } from "../components/caption/index";
+import { Controls } from "../components/controls/index";
+import { Graphic } from "../components/graphic/index";
+import { Subtitle } from "../components/subtitle/index";
+import { Title } from "../components/title/index";
 import { SystemMessageDesktopProps } from "../types";
+declare const SystemMessageDesktopComponent: React.FC<SystemMessageDesktopProps>;
 declare const SystemMessageDesktop: React.FC<SystemMessageDesktopProps> & {
     Graphic: React.FC<{
         className?: string | undefined;
@@ -30,4 +36,4 @@ declare const SystemMessageDesktop: React.FC<SystemMessageDesktopProps> & {
         padding?: import("../index-064acd29").PaddingType | undefined;
     }>;
 };
-export { SystemMessageDesktop };
+export { SystemMessageDesktop, SystemMessageDesktopComponent as SystemMessageComponentDesktop, Caption as SystemMessageCaptionDesktop, Controls as SystemMessageControlsDesktop, Graphic as SystemMessageGraphicDesktop, Subtitle as SystemMessageSubtitleDesktop, Title as SystemMessageTitleDesktop };

package/system-message/cssm/desktop/Component.desktop.js

@@ -3,6 +3,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var Component = require('../Component.js');
+var components_caption_Component = require('../components/caption/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_graphic_Component = require('../components/graphic/Component.js');
+var components_subtitle_Component = require('../components/subtitle/Component.js');
+var components_title_Component = require('../components/title/Component.js');
 var utils = require('../utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,4 +20,10 @@ var SystemMessageDesktopComponent = function (_a) {
 };
 var SystemMessageDesktop = utils.createCompound(SystemMessageDesktopComponent);
 
+exports.SystemMessageCaptionDesktop = components_caption_Component.Caption;
+exports.SystemMessageControlsDesktop = components_controls_Component.Controls;
+exports.SystemMessageGraphicDesktop = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitleDesktop = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitleDesktop = components_title_Component.Title;
+exports.SystemMessageComponentDesktop = SystemMessageDesktopComponent;
 exports.SystemMessageDesktop = SystemMessageDesktop;

package/system-message/cssm/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { SystemMessageDesktop } from "./Component.desktop";
+export * from "./Component.desktop";
 export { SystemMessageDesktopProps } from "../types";

package/system-message/cssm/desktop/index.js

@@ -1,7 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var desktop_Component_desktop = require('./Component.desktop.js');
+var components_caption_Component = require('../components/caption/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_graphic_Component = require('../components/graphic/Component.js');
+var components_subtitle_Component = require('../components/subtitle/Component.js');
+var components_title_Component = require('../components/title/Component.js');
 
 
 
+exports.SystemMessageComponentDesktop = desktop_Component_desktop.SystemMessageComponentDesktop;
 exports.SystemMessageDesktop = desktop_Component_desktop.SystemMessageDesktop;
+exports.SystemMessageCaptionDesktop = components_caption_Component.Caption;
+exports.SystemMessageControlsDesktop = components_controls_Component.Controls;
+exports.SystemMessageGraphicDesktop = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitleDesktop = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitleDesktop = components_title_Component.Title;

package/system-message/cssm/index.d.ts

@@ -1,2 +1,2 @@
-export { SystemMessageResponsive as SystemMessage } from "./Components.responsive";
+export { SystemMessageResponsive as SystemMessage, SystemMessageComponent, SystemMessageCaption, SystemMessageControls, SystemMessageGraphic, SystemMessageSubtitle, SystemMessageTitle } from "./Components.responsive";
 export type { SystemMessageResponsiveProps as SystemMessageProps } from "./types";

package/system-message/cssm/index.js

@@ -1,7 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Components_responsive = require('./Components.responsive.js');
+var components_caption_Component = require('./components/caption/Component.js');
+var components_controls_Component = require('./components/controls/Component.js');
+var components_graphic_Component = require('./components/graphic/Component.js');
+var components_subtitle_Component = require('./components/subtitle/Component.js');
+var components_title_Component = require('./components/title/Component.js');
 
 
 
 exports.SystemMessage = Components_responsive.SystemMessageResponsive;
+exports.SystemMessageComponent = Components_responsive.SystemMessageComponent;
+exports.SystemMessageCaption = components_caption_Component.Caption;
+exports.SystemMessageControls = components_controls_Component.Controls;
+exports.SystemMessageGraphic = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitle = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitle = components_title_Component.Title;

package/system-message/cssm/mobile/Component.mobile.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
+import { Caption } from "../components/caption/index";
+import { Controls } from "../components/controls/index";
+import { Graphic } from "../components/graphic/index";
+import { Subtitle } from "../components/subtitle/index";
+import { Title } from "../components/title/index";
 import { SystemMessageMobileProps } from "../types";
+declare const SystemMessageMobileComponent: React.FC<SystemMessageMobileProps>;
 declare const SystemMessageMobile: React.FC<SystemMessageMobileProps> & {
     Graphic: React.FC<{
         className?: string | undefined;
@@ -30,4 +36,4 @@ declare const SystemMessageMobile: React.FC<SystemMessageMobileProps> & {
         padding?: import("../index-064acd29").PaddingType | undefined;
     }>;
 };
-export { SystemMessageMobile };
+export { SystemMessageMobile, SystemMessageMobileComponent as SystemMessageComponentMobile, Caption as SystemMessageCaptionMobile, Controls as SystemMessageControlsMobile, Graphic as SystemMessageGraphicMobile, Subtitle as SystemMessageSubtitleMobile, Title as SystemMessageTitleMobile };

package/system-message/cssm/mobile/Component.mobile.js

@@ -3,6 +3,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var Component = require('../Component.js');
+var components_caption_Component = require('../components/caption/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_graphic_Component = require('../components/graphic/Component.js');
+var components_subtitle_Component = require('../components/subtitle/Component.js');
+var components_title_Component = require('../components/title/Component.js');
 var utils = require('../utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,4 +20,10 @@ var SystemMessageMobileComponent = function (_a) {
 };
 var SystemMessageMobile = utils.createCompound(SystemMessageMobileComponent);
 
+exports.SystemMessageCaptionMobile = components_caption_Component.Caption;
+exports.SystemMessageControlsMobile = components_controls_Component.Controls;
+exports.SystemMessageGraphicMobile = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitleMobile = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitleMobile = components_title_Component.Title;
+exports.SystemMessageComponentMobile = SystemMessageMobileComponent;
 exports.SystemMessageMobile = SystemMessageMobile;

package/system-message/cssm/mobile/index.d.ts

@@ -1,2 +1,2 @@
-export { SystemMessageMobile } from "./Component.mobile";
+export * from "./Component.mobile";
 export { SystemMessageMobileProps } from "../types";

package/system-message/cssm/mobile/index.js

@@ -1,7 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobile_Component_mobile = require('./Component.mobile.js');
+var components_caption_Component = require('../components/caption/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_graphic_Component = require('../components/graphic/Component.js');
+var components_subtitle_Component = require('../components/subtitle/Component.js');
+var components_title_Component = require('../components/title/Component.js');
 
 
 
+exports.SystemMessageComponentMobile = mobile_Component_mobile.SystemMessageComponentMobile;
 exports.SystemMessageMobile = mobile_Component_mobile.SystemMessageMobile;
+exports.SystemMessageCaptionMobile = components_caption_Component.Caption;
+exports.SystemMessageControlsMobile = components_controls_Component.Controls;
+exports.SystemMessageGraphicMobile = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitleMobile = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitleMobile = components_title_Component.Title;

package/system-message/desktop/Component.desktop.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
+import { Caption } from "../components/caption/index";
+import { Controls } from "../components/controls/index";
+import { Graphic } from "../components/graphic/index";
+import { Subtitle } from "../components/subtitle/index";
+import { Title } from "../components/title/index";
 import { SystemMessageDesktopProps } from "../types";
+declare const SystemMessageDesktopComponent: React.FC<SystemMessageDesktopProps>;
 declare const SystemMessageDesktop: React.FC<SystemMessageDesktopProps> & {
     Graphic: React.FC<{
         className?: string | undefined;
@@ -30,4 +36,4 @@ declare const SystemMessageDesktop: React.FC<SystemMessageDesktopProps> & {
         padding?: import("../index-064acd29").PaddingType | undefined;
     }>;
 };
-export { SystemMessageDesktop };
+export { SystemMessageDesktop, SystemMessageDesktopComponent as SystemMessageComponentDesktop, Caption as SystemMessageCaptionDesktop, Controls as SystemMessageControlsDesktop, Graphic as SystemMessageGraphicDesktop, Subtitle as SystemMessageSubtitleDesktop, Title as SystemMessageTitleDesktop };

package/system-message/desktop/Component.desktop.js

@@ -3,6 +3,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var Component = require('../Component.js');
+var components_caption_Component = require('../components/caption/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_graphic_Component = require('../components/graphic/Component.js');
+var components_subtitle_Component = require('../components/subtitle/Component.js');
+var components_title_Component = require('../components/title/Component.js');
 var utils = require('../utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,4 +20,10 @@ var SystemMessageDesktopComponent = function (_a) {
 };
 var SystemMessageDesktop = utils.createCompound(SystemMessageDesktopComponent);
 
+exports.SystemMessageCaptionDesktop = components_caption_Component.Caption;
+exports.SystemMessageControlsDesktop = components_controls_Component.Controls;
+exports.SystemMessageGraphicDesktop = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitleDesktop = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitleDesktop = components_title_Component.Title;
+exports.SystemMessageComponentDesktop = SystemMessageDesktopComponent;
 exports.SystemMessageDesktop = SystemMessageDesktop;

package/system-message/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { SystemMessageDesktop } from "./Component.desktop";
+export * from "./Component.desktop";
 export { SystemMessageDesktopProps } from "../types";

package/system-message/desktop/index.js

@@ -1,7 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var desktop_Component_desktop = require('./Component.desktop.js');
+var components_caption_Component = require('../components/caption/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_graphic_Component = require('../components/graphic/Component.js');
+var components_subtitle_Component = require('../components/subtitle/Component.js');
+var components_title_Component = require('../components/title/Component.js');
 
 
 
+exports.SystemMessageComponentDesktop = desktop_Component_desktop.SystemMessageComponentDesktop;
 exports.SystemMessageDesktop = desktop_Component_desktop.SystemMessageDesktop;
+exports.SystemMessageCaptionDesktop = components_caption_Component.Caption;
+exports.SystemMessageControlsDesktop = components_controls_Component.Controls;
+exports.SystemMessageGraphicDesktop = components_graphic_Component.Graphic;
+exports.SystemMessageSubtitleDesktop = components_subtitle_Component.Subtitle;
+exports.SystemMessageTitleDesktop = components_title_Component.Title;

package/system-message/esm/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { createPaddingStyle } from '../../shared/esm';
 import { SystemMessageContext } from './Context.js';
 
-var styles = {"component":"system-message__component_gw72f","fullHeight":"system-message__fullHeight_gw72f","first":"system-message__first_gw72f","last":"system-message__last_gw72f","controls":"system-message__controls_gw72f","both":"system-message__both_gw72f"};
+var styles = {"component":"system-message__component_qh0t1","fullHeight":"system-message__fullHeight_qh0t1","first":"system-message__first_qh0t1","last":"system-message__last_qh0t1","controls":"system-message__controls_qh0t1","both":"system-message__both_qh0t1"};
 require('./index.css');
 
 var isControlsElement = function (obj) {

package/system-message/esm/Components.responsive.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
+import { Caption } from "./components/caption/index";
+import { Controls } from "./components/controls/index";
+import { Graphic } from "./components/graphic/index";
+import { Subtitle } from "./components/subtitle/index";
+import { Title } from "./components/title/index";
 import { SystemMessageResponsiveProps } from "./types";
+declare const SystemMessageResponsiveComponent: React.FC<SystemMessageResponsiveProps>;
 declare const SystemMessageResponsive: React.FC<SystemMessageResponsiveProps> & {
     Graphic: React.FC<{
         className?: string | undefined;
@@ -30,4 +36,4 @@ declare const SystemMessageResponsive: React.FC<SystemMessageResponsiveProps> &
         padding?: import("./index-064acd29").PaddingType | undefined;
     }>;
 };
-export { SystemMessageResponsive };
+export { SystemMessageResponsive, SystemMessageResponsiveComponent as SystemMessageComponent, Caption as SystemMessageCaption, Controls as SystemMessageControls, Graphic as SystemMessageGraphic, Subtitle as SystemMessageSubtitle, Title as SystemMessageTitle };

package/system-message/esm/Components.responsive.js

@@ -1,16 +1,16 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useIsDesktop } from '../../mq/esm';
+export { Caption as SystemMessageCaption } from './components/caption/Component.js';
+export { Controls as SystemMessageControls } from './components/controls/Component.js';
+export { Graphic as SystemMessageGraphic } from './components/graphic/Component.js';
+export { Subtitle as SystemMessageSubtitle } from './components/subtitle/Component.js';
+export { Title as SystemMessageTitle } from './components/title/Component.js';
 import { SystemMessage } from './Component.js';
 import { createCompound } from './utils.js';
 import 'classnames';
 import '../../shared/esm';
 import './Context.js';
-import './components/caption/Component.js';
-import './components/controls/Component.js';
-import './components/graphic/Component.js';
-import './components/subtitle/Component.js';
-import './components/title/Component.js';
 
 var SystemMessageResponsiveComponent = function (_a) {
     var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, children = _a.children, restProps = __rest(_a, ["breakpoint", "client", "defaultMatchMediaValue", "children"]);
@@ -19,4 +19,4 @@ var SystemMessageResponsiveComponent = function (_a) {
 };
 var SystemMessageResponsive = createCompound(SystemMessageResponsiveComponent);
 
-export { SystemMessageResponsive };
+export { SystemMessageResponsiveComponent as SystemMessageComponent, SystemMessageResponsive };

package/system-message/esm/components/caption/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId, createPaddingStyle } from '../../../../shared/esm';
 import { SystemMessageContext } from '../../Context.js';
 
-var styles = {"component":"system-message__component_j87a7"};
+var styles = {"component":"system-message__component_fxjd9"};
 require('./index.css');
 
 var DEFAULT_PADDING = { bottom: 12 };

package/system-message/esm/components/caption/index.css

@@ -19,7 +19,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_j87a7 {
+} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_fxjd9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;

package/system-message/esm/components/controls/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId, createPaddingStyle } from '../../../../shared/esm';
 import { SystemMessageContext } from '../../Context.js';
 
-var styles = {"component":"system-message__component_zat0g","column":"system-message__column_zat0g","row":"system-message__row_zat0g","stretch":"system-message__stretch_zat0g"};
+var styles = {"component":"system-message__component_18vmr","column":"system-message__column_18vmr","row":"system-message__row_18vmr","stretch":"system-message__stretch_18vmr"};
 require('./index.css');
 
 var DEFAULT_DESKTOP_PADDING = { top: 24 };

package/system-message/esm/components/controls/index.css

@@ -21,24 +21,24 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_zat0g {
+} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_18vmr {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_zat0g {
+} .system-message__column_18vmr {
     flex-flow: column nowrap
-} .system-message__column_zat0g > * {
+} .system-message__column_18vmr > * {
         margin-bottom: var(--gap-16);
-    } .system-message__column_zat0g > *:last-child,
-    .system-message__column_zat0g > *:only-child {
+    } .system-message__column_18vmr > *:last-child,
+    .system-message__column_18vmr > *:only-child {
         margin-bottom: var(--gap-0);
-    } .system-message__row_zat0g {
+    } .system-message__row_18vmr {
     flex-flow: row nowrap
-} .system-message__row_zat0g > * {
+} .system-message__row_18vmr > * {
         margin-right: var(--gap-16);
-    } .system-message__row_zat0g > *:last-child,
-    .system-message__row_zat0g > *:only-child {
+    } .system-message__row_18vmr > *:last-child,
+    .system-message__row_18vmr > *:only-child {
         margin-right: var(--gap-0);
-    } .system-message__stretch_zat0g > * {
+    } .system-message__stretch_18vmr > * {
         flex: 1;
     }

package/system-message/esm/components/graphic/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId, createPaddingStyle } from '../../../../shared/esm';
 import { SystemMessageContext } from '../../Context.js';
 
-var styles = {"component":"system-message__component_114ul"};
+var styles = {"component":"system-message__component_1apoc"};
 require('./index.css');
 
 var DEFAULT_PADDING = { bottom: 24 };

package/system-message/esm/components/graphic/index.css

@@ -18,7 +18,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_114ul {
+} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_1apoc {
     display: flex;
     justify-content: center;
     align-self: stretch;

package/system-message/esm/components/subtitle/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId, createPaddingStyle } from '../../../../shared/esm';
 import { SystemMessageContext } from '../../Context.js';
 
-var styles = {"component":"system-message__component_1bth9"};
+var styles = {"component":"system-message__component_18itc"};
 require('./index.css');
 
 var DEFAULT_PADDING = { bottom: 12 };

package/system-message/esm/components/subtitle/index.css

@@ -19,7 +19,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_1bth9 {
+} /* сбрасывает синюю подсветку при нажатии */ .system-message__component_18itc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/system-message/esm/components/title/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import { getDataTestId, createPaddingStyle } from '../../../../shared/esm';
 import { SystemMessageContext } from '../../Context.js';
 
-var desktopStyles = {"component":"system-message__component_1qzcg"};
+var desktopStyles = {"component":"system-message__component_1j25c"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_1xdox"};
+var styles = {"component":"system-message__component_7xemf"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_drns6"};
+var mobileStyles = {"component":"system-message__component_agzv8"};
 require('./mobile.css');
 
 var DEFAULT_DESKTOP_PADDING = { bottom: 16 };

package/system-message/esm/components/title/desktop.css

@@ -22,7 +22,7 @@
     --sys-message-desktop-title-font-size: 22px;
     --sys-message-desktop-title-line-height: 26px;
     --sys-message-desktop-title-font-weight: 700;
-} .system-message__component_1qzcg {
+} .system-message__component_1j25c {
     font-size: var(--sys-message-desktop-title-font-size);
     line-height: var(--sys-message-desktop-title-line-height);
     font-weight: var(--sys-message-desktop-title-font-weight);

package/system-message/esm/components/title/index.css

@@ -24,7 +24,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --sys-message-title-font-family: var(--font-family-system);
-} .system-message__component_1xdox {
+} .system-message__component_7xemf {
     margin: var(--gap-0);
     text-align: center;
     color: var(--color-light-text-primary);

package/system-message/esm/components/title/mobile.css

@@ -22,7 +22,7 @@
     --sys-message-mobile-title-font-size: 20px;
     --sys-message-mobile-title-line-height: 28px;
     --sys-message-mobile-title-font-weight: 600;
-} .system-message__component_drns6 {
+} .system-message__component_agzv8 {
     font-size: var(--sys-message-mobile-title-font-size);
     line-height: var(--sys-message-mobile-title-line-height);
     font-weight: var(--sys-message-mobile-title-font-weight);

package/system-message/esm/desktop/Component.desktop.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
+import { Caption } from "../components/caption/index";
+import { Controls } from "../components/controls/index";
+import { Graphic } from "../components/graphic/index";
+import { Subtitle } from "../components/subtitle/index";
+import { Title } from "../components/title/index";
 import { SystemMessageDesktopProps } from "../types";
+declare const SystemMessageDesktopComponent: React.FC<SystemMessageDesktopProps>;
 declare const SystemMessageDesktop: React.FC<SystemMessageDesktopProps> & {
     Graphic: React.FC<{
         className?: string | undefined;
@@ -30,4 +36,4 @@ declare const SystemMessageDesktop: React.FC<SystemMessageDesktopProps> & {
         padding?: import("../index-064acd29").PaddingType | undefined;
     }>;
 };
-export { SystemMessageDesktop };
+export { SystemMessageDesktop, SystemMessageDesktopComponent as SystemMessageComponentDesktop, Caption as SystemMessageCaptionDesktop, Controls as SystemMessageControlsDesktop, Graphic as SystemMessageGraphicDesktop, Subtitle as SystemMessageSubtitleDesktop, Title as SystemMessageTitleDesktop };

package/system-message/esm/desktop/Component.desktop.js

@@ -1,15 +1,15 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { SystemMessage } from '../Component.js';
+export { Caption as SystemMessageCaptionDesktop } from '../components/caption/Component.js';
+export { Controls as SystemMessageControlsDesktop } from '../components/controls/Component.js';
+export { Graphic as SystemMessageGraphicDesktop } from '../components/graphic/Component.js';
+export { Subtitle as SystemMessageSubtitleDesktop } from '../components/subtitle/Component.js';
+export { Title as SystemMessageTitleDesktop } from '../components/title/Component.js';
 import { createCompound } from '../utils.js';
 import 'classnames';
 import '../../../shared/esm';
 import '../Context.js';
-import '../components/caption/Component.js';
-import '../components/controls/Component.js';
-import '../components/graphic/Component.js';
-import '../components/subtitle/Component.js';
-import '../components/title/Component.js';
 
 var SystemMessageDesktopComponent = function (_a) {
     var children = _a.children, restProps = __rest(_a, ["children"]);
@@ -17,4 +17,4 @@ var SystemMessageDesktopComponent = function (_a) {
 };
 var SystemMessageDesktop = createCompound(SystemMessageDesktopComponent);
 
-export { SystemMessageDesktop };
+export { SystemMessageDesktopComponent as SystemMessageComponentDesktop, SystemMessageDesktop };