@alfalab/core-components 41.9.0 → 41.11.0

package/switch/index.css

@@ -1,4 +1,4 @@
-/* hash: 1sitg */
+/* hash: 1xgwp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_dbivr {
+} .switch__component_7qog4 {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -55,20 +55,20 @@
     border: 0;
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .switch__component_dbivr input {
+} .switch__component_7qog4 input {
     opacity: 0;
     position: absolute;
-} .switch__start_dbivr {
+} .switch__start_7qog4 {
     align-items: flex-start;
-} .switch__center_dbivr {
+} .switch__center_7qog4 {
     align-items: center;
-} .switch__addons_dbivr {
+} .switch__addons_7qog4 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_dbivr {
+} .switch__block_7qog4 {
     width: 100%;
-} .switch__switch_dbivr {
+} .switch__switch_7qog4 {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -79,7 +79,7 @@
     border: 2px solid var(--switch-border-color);
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
-} .switch__switch_dbivr:before {
+} .switch__switch_7qog4:before {
     content: '';
     position: absolute;
     top: 0;
@@ -91,56 +91,56 @@
     background-color: var(--color-static-graphic-light);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_dbivr {
+} .switch__content_7qog4 {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_dbivr {
+} .switch__label_7qog4 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_dbivr:not(:only-child) {
+} .switch__label_7qog4:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_dbivr {
+} .switch__hint_7qog4 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_dbivr.switch__reversed_dbivr {
+} /* Reversed state */ .switch__component_7qog4.switch__reversed_7qog4 {
     flex-direction: row-reverse;
-} .switch__reversed_dbivr .switch__content_dbivr {
+} .switch__reversed_7qog4 .switch__content_7qog4 {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_dbivr .switch__addons_dbivr {
+} .switch__reversed_7qog4 .switch__addons_7qog4 {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_dbivr .switch__switch_dbivr {
+} /* Checked state */ .switch__checked_7qog4 .switch__switch_7qog4 {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_dbivr .switch__switch_dbivr:before {
+} .switch__checked_7qog4 .switch__switch_7qog4:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_dbivr {
+} /* Disabled state */ .switch__disabled_7qog4 {
     cursor: var(--disabled-cursor);
-} .switch__disabled_dbivr .switch__switch_dbivr {
+} .switch__disabled_7qog4 .switch__switch_7qog4 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_dbivr .switch__label_dbivr {
+} .switch__disabled_7qog4 .switch__label_7qog4 {
     color: var(--switch-disabled-color);
-} .switch__disabled_dbivr .switch__hint_dbivr {
+} .switch__disabled_7qog4 .switch__hint_7qog4 {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_dbivr {
+} /* Inactive */ .switch__inactive_7qog4 {
     cursor: var(--disabled-cursor);
-} .switch__inactive_dbivr .switch__switch_dbivr {
+} .switch__inactive_7qog4 .switch__switch_7qog4 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_dbivr .switch__switch_dbivr:before {
+} .switch__inactive_7qog4 .switch__switch_7qog4:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_dbivr .switch__switch_dbivr {
+    } /* Focused state */ .switch__focused_7qog4 .switch__switch_7qog4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/switch/modern/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"switch__component_dbivr","start":"switch__start_dbivr","center":"switch__center_dbivr","addons":"switch__addons_dbivr","block":"switch__block_dbivr","switch":"switch__switch_dbivr","content":"switch__content_dbivr","label":"switch__label_dbivr","hint":"switch__hint_dbivr","reversed":"switch__reversed_dbivr","checked":"switch__checked_dbivr","disabled":"switch__disabled_dbivr","inactive":"switch__inactive_dbivr","focused":"switch__focused_dbivr"};
+const styles = {"component":"switch__component_7qog4","start":"switch__start_7qog4","center":"switch__center_7qog4","addons":"switch__addons_7qog4","block":"switch__block_7qog4","switch":"switch__switch_7qog4","content":"switch__content_7qog4","label":"switch__label_7qog4","hint":"switch__hint_7qog4","reversed":"switch__reversed_7qog4","checked":"switch__checked_7qog4","disabled":"switch__disabled_7qog4","inactive":"switch__inactive_7qog4","focused":"switch__focused_7qog4"};
 require('./index.css');
 
 const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {

package/switch/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1sitg */
+/* hash: 1xgwp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_dbivr {
+} .switch__component_7qog4 {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -55,20 +55,20 @@
     border: 0;
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .switch__component_dbivr input {
+} .switch__component_7qog4 input {
     opacity: 0;
     position: absolute;
-} .switch__start_dbivr {
+} .switch__start_7qog4 {
     align-items: flex-start;
-} .switch__center_dbivr {
+} .switch__center_7qog4 {
     align-items: center;
-} .switch__addons_dbivr {
+} .switch__addons_7qog4 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_dbivr {
+} .switch__block_7qog4 {
     width: 100%;
-} .switch__switch_dbivr {
+} .switch__switch_7qog4 {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -79,7 +79,7 @@
     border: 2px solid var(--switch-border-color);
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
-} .switch__switch_dbivr:before {
+} .switch__switch_7qog4:before {
     content: '';
     position: absolute;
     top: 0;
@@ -91,56 +91,56 @@
     background-color: var(--color-static-graphic-light);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_dbivr {
+} .switch__content_7qog4 {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_dbivr {
+} .switch__label_7qog4 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_dbivr:not(:only-child) {
+} .switch__label_7qog4:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_dbivr {
+} .switch__hint_7qog4 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_dbivr.switch__reversed_dbivr {
+} /* Reversed state */ .switch__component_7qog4.switch__reversed_7qog4 {
     flex-direction: row-reverse;
-} .switch__reversed_dbivr .switch__content_dbivr {
+} .switch__reversed_7qog4 .switch__content_7qog4 {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_dbivr .switch__addons_dbivr {
+} .switch__reversed_7qog4 .switch__addons_7qog4 {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_dbivr .switch__switch_dbivr {
+} /* Checked state */ .switch__checked_7qog4 .switch__switch_7qog4 {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_dbivr .switch__switch_dbivr:before {
+} .switch__checked_7qog4 .switch__switch_7qog4:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_dbivr {
+} /* Disabled state */ .switch__disabled_7qog4 {
     cursor: var(--disabled-cursor);
-} .switch__disabled_dbivr .switch__switch_dbivr {
+} .switch__disabled_7qog4 .switch__switch_7qog4 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_dbivr .switch__label_dbivr {
+} .switch__disabled_7qog4 .switch__label_7qog4 {
     color: var(--switch-disabled-color);
-} .switch__disabled_dbivr .switch__hint_dbivr {
+} .switch__disabled_7qog4 .switch__hint_7qog4 {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_dbivr {
+} /* Inactive */ .switch__inactive_7qog4 {
     cursor: var(--disabled-cursor);
-} .switch__inactive_dbivr .switch__switch_dbivr {
+} .switch__inactive_7qog4 .switch__switch_7qog4 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_dbivr .switch__switch_dbivr:before {
+} .switch__inactive_7qog4 .switch__switch_7qog4:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_dbivr .switch__switch_dbivr {
+    } /* Focused state */ .switch__focused_7qog4 .switch__switch_7qog4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/system-message/Component.desktop.js

@@ -7,7 +7,7 @@ var utils = require('./utils.js');
 require('classnames');
 require('./Context.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-180780ea.js');
+require('./getDataTestId-d3072519.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

package/system-message/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_wsc4m"};
+var desktopStyles = {"component":"system-message__component_1405s"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_13zd2","fullHeight":"system-message__fullHeight_13zd2","first":"system-message__first_13zd2","last":"system-message__last_13zd2","controls":"system-message__controls_13zd2","both":"system-message__both_13zd2"};
+var styles = {"component":"system-message__component_1rakz","fullHeight":"system-message__fullHeight_1rakz","first":"system-message__first_1rakz","last":"system-message__last_1rakz","controls":"system-message__controls_1rakz","both":"system-message__both_1rakz"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_1frnq"};
+var mobileStyles = {"component":"system-message__component_17x59"};
 require('./mobile.css');
 
 var isControlsElement = function (obj) {

package/system-message/Component.mobile.js

@@ -7,7 +7,7 @@ var utils = require('./utils.js');
 require('classnames');
 require('./Context.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-180780ea.js');
+require('./getDataTestId-d3072519.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

package/system-message/Components.responsive.js

@@ -8,7 +8,7 @@ var utils = require('./utils.js');
 require('classnames');
 require('./Context.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-180780ea.js');
+require('./getDataTestId-d3072519.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-180780ea.js');
+var getDataTestId = require('../../getDataTestId-d3072519.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -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_y32y8"};
+var styles = {"component":"system-message__component_rkwpy"};
 require('./index.css');
 
 var Caption = function (_a) {

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

@@ -16,7 +16,7 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .system-message__component_y32y8 {
+} .system-message__component_rkwpy {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;

package/system-message/components/caption/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_caption_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-180780ea.js');
+require('../../getDataTestId-d3072519.js');
 require('../../Context.js');
 
 

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-180780ea.js');
+var getDataTestId = require('../../getDataTestId-d3072519.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -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_13ksh","multiple":"system-message__multiple_13ksh"};
+var desktopStyles = {"component":"system-message__component_7v4cn","multiple":"system-message__multiple_7v4cn"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_ry52h","column":"system-message__column_ry52h","row":"system-message__row_ry52h"};
+var styles = {"component":"system-message__component_1sgiu","column":"system-message__column_1sgiu","row":"system-message__row_1sgiu"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_16thw"};
+var mobileStyles = {"component":"system-message__component_10ffq"};
 require('./mobile.css');
 
 var Controls = function (_a) {

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

@@ -15,8 +15,8 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .system-message__component_13ksh {
+} .system-message__component_7v4cn {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_13ksh > * {
+} .system-message__multiple_7v4cn > * {
     flex: 1;
 }

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

@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_ry52h {
+} .system-message__component_1sgiu {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_ry52h {
+} .system-message__column_1sgiu {
     flex-flow: column nowrap
-} .system-message__column_ry52h > * {
+} .system-message__column_1sgiu > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_ry52h > *:last-child,
-    .system-message__column_ry52h > *:only-child {
+    } .system-message__column_1sgiu > *:last-child,
+    .system-message__column_1sgiu > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_ry52h {
+    } .system-message__row_1sgiu {
     flex-flow: row nowrap
-} .system-message__row_ry52h > * {
+} .system-message__row_1sgiu > * {
         margin-right: var(--gap-m);
-    } .system-message__row_ry52h > *:last-child,
-    .system-message__row_ry52h > *:only-child {
+    } .system-message__row_1sgiu > *:last-child,
+    .system-message__row_1sgiu > *:only-child {
         margin-right: 0;
     }

package/system-message/components/controls/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_controls_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-180780ea.js');
+require('../../getDataTestId-d3072519.js');
 require('../../Context.js');
 
 

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

@@ -15,8 +15,8 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_16thw {
+} .system-message__component_10ffq {
     padding-top: var(--gap-m)
-} .system-message__component_16thw > * {
+} .system-message__component_10ffq > * {
         flex: 1;
     }

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-180780ea.js');
+var getDataTestId = require('../../getDataTestId-d3072519.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -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_4zskv"};
+var styles = {"component":"system-message__component_1gsj3"};
 require('./index.css');
 
 var Graphic = function (_a) {

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

@@ -15,7 +15,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .system-message__component_4zskv {
+} .system-message__component_1gsj3 {
     display: flex;
     justify-content: center;
     align-self: stretch;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_graphic_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-180780ea.js');
+require('../../getDataTestId-d3072519.js');
 require('../../Context.js');
 
 

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-180780ea.js');
+var getDataTestId = require('../../getDataTestId-d3072519.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -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_w8j0d"};
+var styles = {"component":"system-message__component_ru4uz"};
 require('./index.css');
 
 var Subtitle = function (_a) {

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

@@ -16,7 +16,7 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .system-message__component_w8j0d {
+} .system-message__component_ru4uz {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_subtitle_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-180780ea.js');
+require('../../getDataTestId-d3072519.js');
 require('../../Context.js');
 
 

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-180780ea.js');
+var getDataTestId = require('../../getDataTestId-d3072519.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -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_f1eeb"};
+var desktopStyles = {"component":"system-message__component_ki3pm"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_1q10z"};
+var styles = {"component":"system-message__component_9jfhx"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_smjg7"};
+var mobileStyles = {"component":"system-message__component_1pibi"};
 require('./mobile.css');
 
 var Title = function (_a) {

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

@@ -19,7 +19,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_f1eeb {
+} .system-message__component_ki3pm {
     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

@@ -19,7 +19,7 @@
 } :root {
 } :root {
     --sys-message-title-font-family: var(--font-family-system);
-} .system-message__component_1q10z {
+} .system-message__component_9jfhx {
     margin: 0;
     text-align: center;
     color: var(--color-light-text-primary);

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_title_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-180780ea.js');
+require('../../getDataTestId-d3072519.js');
 require('../../Context.js');
 
 

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

@@ -19,7 +19,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_smjg7 {
+} .system-message__component_1pibi {
     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/desktop.css

@@ -15,7 +15,7 @@
     --gap-3xl: 40px;
 } :root {
 } :root {
-} .system-message__component_wsc4m {
+} .system-message__component_1405s {
     padding-left: var(--gap-3xl);
     padding-right: var(--gap-3xl);
 }

package/system-message/desktop.js

@@ -8,7 +8,7 @@ require('classnames');
 require('./Context.js');
 require('./utils.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-180780ea.js');
+require('./getDataTestId-d3072519.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

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

@@ -9,7 +9,7 @@ import './components/controls/Component.js';
 import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
-import './getDataTestId-0386751f.js';
+import './getDataTestId-e8c98c12.js';
 
 var SystemMessageDesktopComponent = function (_a) {
     var children = _a.children, restProps = __rest(_a, ["children"]);

package/system-message/esm/Component.js

@@ -3,13 +3,13 @@ import React, { useMemo, isValidElement } from 'react';
 import cn from 'classnames';
 import { SystemMessageContext } from './Context.js';
 
-var desktopStyles = {"component":"system-message__component_wsc4m"};
+var desktopStyles = {"component":"system-message__component_1405s"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_13zd2","fullHeight":"system-message__fullHeight_13zd2","first":"system-message__first_13zd2","last":"system-message__last_13zd2","controls":"system-message__controls_13zd2","both":"system-message__both_13zd2"};
+var styles = {"component":"system-message__component_1rakz","fullHeight":"system-message__fullHeight_1rakz","first":"system-message__first_1rakz","last":"system-message__last_1rakz","controls":"system-message__controls_1rakz","both":"system-message__both_1rakz"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_1frnq"};
+var mobileStyles = {"component":"system-message__component_17x59"};
 require('./mobile.css');
 
 var isControlsElement = function (obj) {