@alfalab/core-components 41.7.0 → 41.9.0-beta.0

package/switch/modern/index.css

@@ -1,14 +1,14 @@
-/* hash: f2bkn */
+/* hash: 1xgwp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
     --color-light-border-underline: #c5c5c7;
     --color-light-graphic-accent: #ef3124;
-    --color-light-graphic-primary-inverted: #fff;
     --color-light-graphic-quaternary: #dcdcdd;
     --color-light-graphic-secondary: #86868a;
     --color-light-text-primary: #0e0e0e;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* 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 */
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66);
+    --color-static-graphic-light: #fff; /* 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 { /* 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 {
 } :root {
@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_1865q {
+} .switch__component_1xxla {
     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_1865q input {
+} .switch__component_1xxla input {
     opacity: 0;
     position: absolute;
-} .switch__start_1865q {
+} .switch__start_1xxla {
     align-items: flex-start;
-} .switch__center_1865q {
+} .switch__center_1xxla {
     align-items: center;
-} .switch__addons_1865q {
+} .switch__addons_1xxla {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_1865q {
+} .switch__block_1xxla {
     width: 100%;
-} .switch__switch_1865q {
+} .switch__switch_1xxla {
     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_1865q:before {
+} .switch__switch_1xxla:before {
     content: '';
     position: absolute;
     top: 0;
@@ -88,59 +88,59 @@
     width: 16px;
     height: 16px;
     border-radius: var(--border-radius-circle);
-    background-color: var(--color-light-graphic-primary-inverted);
+    background-color: var(--color-static-graphic-light);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_1865q {
+} .switch__content_1xxla {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_1865q {
+} .switch__label_1xxla {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_1865q:not(:only-child) {
+} .switch__label_1xxla:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_1865q {
+} .switch__hint_1xxla {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_1865q.switch__reversed_1865q {
+} /* Reversed state */ .switch__component_1xxla.switch__reversed_1xxla {
     flex-direction: row-reverse;
-} .switch__reversed_1865q .switch__content_1865q {
+} .switch__reversed_1xxla .switch__content_1xxla {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_1865q .switch__addons_1865q {
+} .switch__reversed_1xxla .switch__addons_1xxla {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_1865q .switch__switch_1865q {
+} /* Checked state */ .switch__checked_1xxla .switch__switch_1xxla {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_1865q .switch__switch_1865q:before {
+} .switch__checked_1xxla .switch__switch_1xxla:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_1865q {
+} /* Disabled state */ .switch__disabled_1xxla {
     cursor: var(--disabled-cursor);
-} .switch__disabled_1865q .switch__switch_1865q {
+} .switch__disabled_1xxla .switch__switch_1xxla {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_1865q .switch__label_1865q {
+} .switch__disabled_1xxla .switch__label_1xxla {
     color: var(--switch-disabled-color);
-} .switch__disabled_1865q .switch__hint_1865q {
+} .switch__disabled_1xxla .switch__hint_1xxla {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_1865q {
+} /* Inactive */ .switch__inactive_1xxla {
     cursor: var(--disabled-cursor);
-} .switch__inactive_1865q .switch__switch_1865q {
+} .switch__inactive_1xxla .switch__switch_1xxla {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_1865q .switch__switch_1865q:before {
+} .switch__inactive_1xxla .switch__switch_1xxla:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_1865q .switch__switch_1865q {
+    } /* Focused state */ .switch__focused_1xxla .switch__switch_1xxla {
     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-724e20d9.js');
+require('./getDataTestId-5ff783df.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_3sddp"};
+var desktopStyles = {"component":"system-message__component_zsj0m"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_169p9","fullHeight":"system-message__fullHeight_169p9","first":"system-message__first_169p9","last":"system-message__last_169p9","controls":"system-message__controls_169p9","both":"system-message__both_169p9"};
+var styles = {"component":"system-message__component_1n2y7","fullHeight":"system-message__fullHeight_1n2y7","first":"system-message__first_1n2y7","last":"system-message__last_1n2y7","controls":"system-message__controls_1n2y7","both":"system-message__both_1n2y7"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_1ybf5"};
+var mobileStyles = {"component":"system-message__component_qgksk"};
 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-724e20d9.js');
+require('./getDataTestId-5ff783df.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-724e20d9.js');
+require('./getDataTestId-5ff783df.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-724e20d9.js');
+var getDataTestId = require('../../getDataTestId-5ff783df.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_cw19c"};
+var styles = {"component":"system-message__component_a4c9i"};
 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_cw19c {
+} .system-message__component_a4c9i {
     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-724e20d9.js');
+require('../../getDataTestId-5ff783df.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-724e20d9.js');
+var getDataTestId = require('../../getDataTestId-5ff783df.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_vbvae","multiple":"system-message__multiple_vbvae"};
+var desktopStyles = {"component":"system-message__component_3nhkc","multiple":"system-message__multiple_3nhkc"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_13xz5","column":"system-message__column_13xz5","row":"system-message__row_13xz5"};
+var styles = {"component":"system-message__component_1o8w2","column":"system-message__column_1o8w2","row":"system-message__row_1o8w2"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_a131j"};
+var mobileStyles = {"component":"system-message__component_iyv9n"};
 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_vbvae {
+} .system-message__component_3nhkc {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_vbvae > * {
+} .system-message__multiple_3nhkc > * {
     flex: 1;
 }

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

@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_13xz5 {
+} .system-message__component_1o8w2 {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_13xz5 {
+} .system-message__column_1o8w2 {
     flex-flow: column nowrap
-} .system-message__column_13xz5 > * {
+} .system-message__column_1o8w2 > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_13xz5 > *:last-child,
-    .system-message__column_13xz5 > *:only-child {
+    } .system-message__column_1o8w2 > *:last-child,
+    .system-message__column_1o8w2 > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_13xz5 {
+    } .system-message__row_1o8w2 {
     flex-flow: row nowrap
-} .system-message__row_13xz5 > * {
+} .system-message__row_1o8w2 > * {
         margin-right: var(--gap-m);
-    } .system-message__row_13xz5 > *:last-child,
-    .system-message__row_13xz5 > *:only-child {
+    } .system-message__row_1o8w2 > *:last-child,
+    .system-message__row_1o8w2 > *: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-724e20d9.js');
+require('../../getDataTestId-5ff783df.js');
 require('../../Context.js');
 
 

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

@@ -15,8 +15,8 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_a131j {
+} .system-message__component_iyv9n {
     padding-top: var(--gap-m)
-} .system-message__component_a131j > * {
+} .system-message__component_iyv9n > * {
         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-724e20d9.js');
+var getDataTestId = require('../../getDataTestId-5ff783df.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_17p97"};
+var styles = {"component":"system-message__component_1ckwb"};
 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_17p97 {
+} .system-message__component_1ckwb {
     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-724e20d9.js');
+require('../../getDataTestId-5ff783df.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-724e20d9.js');
+var getDataTestId = require('../../getDataTestId-5ff783df.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_ne9gp"};
+var styles = {"component":"system-message__component_hsb2y"};
 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_ne9gp {
+} .system-message__component_hsb2y {
     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-724e20d9.js');
+require('../../getDataTestId-5ff783df.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-724e20d9.js');
+var getDataTestId = require('../../getDataTestId-5ff783df.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_hbqlg"};
+var desktopStyles = {"component":"system-message__component_gagxc"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_x128x"};
+var styles = {"component":"system-message__component_5bspm"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_7fhrb"};
+var mobileStyles = {"component":"system-message__component_181r1"};
 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_hbqlg {
+} .system-message__component_gagxc {
     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_x128x {
+} .system-message__component_5bspm {
     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-724e20d9.js');
+require('../../getDataTestId-5ff783df.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_7fhrb {
+} .system-message__component_181r1 {
     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_3sddp {
+} .system-message__component_zsj0m {
     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-724e20d9.js');
+require('./getDataTestId-5ff783df.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-f104e208.js';
+import './getDataTestId-5fd212e5.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_3sddp"};
+var desktopStyles = {"component":"system-message__component_zsj0m"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_169p9","fullHeight":"system-message__fullHeight_169p9","first":"system-message__first_169p9","last":"system-message__last_169p9","controls":"system-message__controls_169p9","both":"system-message__both_169p9"};
+var styles = {"component":"system-message__component_1n2y7","fullHeight":"system-message__fullHeight_1n2y7","first":"system-message__first_1n2y7","last":"system-message__last_1n2y7","controls":"system-message__controls_1n2y7","both":"system-message__both_1n2y7"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_1ybf5"};
+var mobileStyles = {"component":"system-message__component_qgksk"};
 require('./mobile.css');
 
 var isControlsElement = function (obj) {

package/system-message/esm/Component.mobile.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-f104e208.js';
+import './getDataTestId-5fd212e5.js';
 
 var SystemMessageMobileComponent = function (_a) {
     var children = _a.children, restProps = __rest(_a, ["children"]);

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

@@ -10,7 +10,7 @@ import './components/controls/Component.js';
 import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
-import './getDataTestId-f104e208.js';
+import './getDataTestId-5fd212e5.js';
 
 var isClient = function () { return typeof window !== 'undefined'; };
 

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

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-f104e208.js';
+import { g as getDataTestId } from '../../getDataTestId-5fd212e5.js';
 import { SystemMessageContext } from '../../Context.js';
 
-var styles = {"component":"system-message__component_cw19c"};
+var styles = {"component":"system-message__component_a4c9i"};
 require('./index.css');
 
 var Caption = function (_a) {

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

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

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

@@ -2,4 +2,4 @@ export { Caption } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-f104e208.js';
+import '../../getDataTestId-5fd212e5.js';

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

@@ -1,15 +1,15 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-f104e208.js';
+import { g as getDataTestId } from '../../getDataTestId-5fd212e5.js';
 import { SystemMessageContext } from '../../Context.js';
 
-var desktopStyles = {"component":"system-message__component_vbvae","multiple":"system-message__multiple_vbvae"};
+var desktopStyles = {"component":"system-message__component_3nhkc","multiple":"system-message__multiple_3nhkc"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_13xz5","column":"system-message__column_13xz5","row":"system-message__row_13xz5"};
+var styles = {"component":"system-message__component_1o8w2","column":"system-message__column_1o8w2","row":"system-message__row_1o8w2"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_a131j"};
+var mobileStyles = {"component":"system-message__component_iyv9n"};
 require('./mobile.css');
 
 var Controls = function (_a) {

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

@@ -15,8 +15,8 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .system-message__component_vbvae {
+} .system-message__component_3nhkc {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_vbvae > * {
+} .system-message__multiple_3nhkc > * {
     flex: 1;
 }