@alfalab/core-components 41.1.0 → 41.2.0

package/switch/esm/index.css

@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_1qbxz {
+} .switch__component_16k6s {
     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_1qbxz input {
+} .switch__component_16k6s input {
     opacity: 0;
     position: absolute;
-} .switch__start_1qbxz {
+} .switch__start_16k6s {
     align-items: flex-start;
-} .switch__center_1qbxz {
+} .switch__center_16k6s {
     align-items: center;
-} .switch__addons_1qbxz {
+} .switch__addons_16k6s {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_1qbxz {
+} .switch__block_16k6s {
     width: 100%;
-} .switch__switch_1qbxz {
+} .switch__switch_16k6s {
     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_1qbxz:before {
+} .switch__switch_16k6s:before {
     content: '';
     position: absolute;
     top: 0;
@@ -91,56 +91,56 @@
     background-color: var(--color-light-graphic-primary-inverted);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_1qbxz {
+} .switch__content_16k6s {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_1qbxz {
+} .switch__label_16k6s {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_1qbxz:not(:only-child) {
+} .switch__label_16k6s:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_1qbxz {
+} .switch__hint_16k6s {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_1qbxz.switch__reversed_1qbxz {
+} /* Reversed state */ .switch__component_16k6s.switch__reversed_16k6s {
     flex-direction: row-reverse;
-} .switch__reversed_1qbxz .switch__content_1qbxz {
+} .switch__reversed_16k6s .switch__content_16k6s {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_1qbxz .switch__addons_1qbxz {
+} .switch__reversed_16k6s .switch__addons_16k6s {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_1qbxz .switch__switch_1qbxz {
+} /* Checked state */ .switch__checked_16k6s .switch__switch_16k6s {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_1qbxz .switch__switch_1qbxz:before {
+} .switch__checked_16k6s .switch__switch_16k6s:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_1qbxz {
+} /* Disabled state */ .switch__disabled_16k6s {
     cursor: var(--disabled-cursor);
-} .switch__disabled_1qbxz .switch__switch_1qbxz {
+} .switch__disabled_16k6s .switch__switch_16k6s {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_1qbxz .switch__label_1qbxz {
+} .switch__disabled_16k6s .switch__label_16k6s {
     color: var(--switch-disabled-color);
-} .switch__disabled_1qbxz .switch__hint_1qbxz {
+} .switch__disabled_16k6s .switch__hint_16k6s {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_1qbxz {
+} /* Inactive */ .switch__inactive_16k6s {
     cursor: var(--disabled-cursor);
-} .switch__inactive_1qbxz .switch__switch_1qbxz {
+} .switch__inactive_16k6s .switch__switch_16k6s {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_1qbxz .switch__switch_1qbxz:before {
+} .switch__inactive_16k6s .switch__switch_16k6s:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_1qbxz .switch__switch_1qbxz {
+    } /* Focused state */ .switch__focused_16k6s .switch__switch_16k6s {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/switch/index.css

@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_1qbxz {
+} .switch__component_16k6s {
     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_1qbxz input {
+} .switch__component_16k6s input {
     opacity: 0;
     position: absolute;
-} .switch__start_1qbxz {
+} .switch__start_16k6s {
     align-items: flex-start;
-} .switch__center_1qbxz {
+} .switch__center_16k6s {
     align-items: center;
-} .switch__addons_1qbxz {
+} .switch__addons_16k6s {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_1qbxz {
+} .switch__block_16k6s {
     width: 100%;
-} .switch__switch_1qbxz {
+} .switch__switch_16k6s {
     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_1qbxz:before {
+} .switch__switch_16k6s:before {
     content: '';
     position: absolute;
     top: 0;
@@ -91,56 +91,56 @@
     background-color: var(--color-light-graphic-primary-inverted);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_1qbxz {
+} .switch__content_16k6s {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_1qbxz {
+} .switch__label_16k6s {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_1qbxz:not(:only-child) {
+} .switch__label_16k6s:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_1qbxz {
+} .switch__hint_16k6s {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_1qbxz.switch__reversed_1qbxz {
+} /* Reversed state */ .switch__component_16k6s.switch__reversed_16k6s {
     flex-direction: row-reverse;
-} .switch__reversed_1qbxz .switch__content_1qbxz {
+} .switch__reversed_16k6s .switch__content_16k6s {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_1qbxz .switch__addons_1qbxz {
+} .switch__reversed_16k6s .switch__addons_16k6s {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_1qbxz .switch__switch_1qbxz {
+} /* Checked state */ .switch__checked_16k6s .switch__switch_16k6s {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_1qbxz .switch__switch_1qbxz:before {
+} .switch__checked_16k6s .switch__switch_16k6s:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_1qbxz {
+} /* Disabled state */ .switch__disabled_16k6s {
     cursor: var(--disabled-cursor);
-} .switch__disabled_1qbxz .switch__switch_1qbxz {
+} .switch__disabled_16k6s .switch__switch_16k6s {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_1qbxz .switch__label_1qbxz {
+} .switch__disabled_16k6s .switch__label_16k6s {
     color: var(--switch-disabled-color);
-} .switch__disabled_1qbxz .switch__hint_1qbxz {
+} .switch__disabled_16k6s .switch__hint_16k6s {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_1qbxz {
+} /* Inactive */ .switch__inactive_16k6s {
     cursor: var(--disabled-cursor);
-} .switch__inactive_1qbxz .switch__switch_1qbxz {
+} .switch__inactive_16k6s .switch__switch_16k6s {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_1qbxz .switch__switch_1qbxz:before {
+} .switch__inactive_16k6s .switch__switch_16k6s:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_1qbxz .switch__switch_1qbxz {
+    } /* Focused state */ .switch__focused_16k6s .switch__switch_16k6s {
     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_1qbxz","start":"switch__start_1qbxz","center":"switch__center_1qbxz","addons":"switch__addons_1qbxz","block":"switch__block_1qbxz","switch":"switch__switch_1qbxz","content":"switch__content_1qbxz","label":"switch__label_1qbxz","hint":"switch__hint_1qbxz","reversed":"switch__reversed_1qbxz","checked":"switch__checked_1qbxz","disabled":"switch__disabled_1qbxz","inactive":"switch__inactive_1qbxz","focused":"switch__focused_1qbxz"};
+const styles = {"component":"switch__component_16k6s","start":"switch__start_16k6s","center":"switch__center_16k6s","addons":"switch__addons_16k6s","block":"switch__block_16k6s","switch":"switch__switch_16k6s","content":"switch__content_16k6s","label":"switch__label_16k6s","hint":"switch__hint_16k6s","reversed":"switch__reversed_16k6s","checked":"switch__checked_16k6s","disabled":"switch__disabled_16k6s","inactive":"switch__inactive_16k6s","focused":"switch__focused_16k6s"};
 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

@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_1qbxz {
+} .switch__component_16k6s {
     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_1qbxz input {
+} .switch__component_16k6s input {
     opacity: 0;
     position: absolute;
-} .switch__start_1qbxz {
+} .switch__start_16k6s {
     align-items: flex-start;
-} .switch__center_1qbxz {
+} .switch__center_16k6s {
     align-items: center;
-} .switch__addons_1qbxz {
+} .switch__addons_16k6s {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_1qbxz {
+} .switch__block_16k6s {
     width: 100%;
-} .switch__switch_1qbxz {
+} .switch__switch_16k6s {
     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_1qbxz:before {
+} .switch__switch_16k6s:before {
     content: '';
     position: absolute;
     top: 0;
@@ -91,56 +91,56 @@
     background-color: var(--color-light-graphic-primary-inverted);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_1qbxz {
+} .switch__content_16k6s {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_1qbxz {
+} .switch__label_16k6s {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_1qbxz:not(:only-child) {
+} .switch__label_16k6s:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_1qbxz {
+} .switch__hint_16k6s {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_1qbxz.switch__reversed_1qbxz {
+} /* Reversed state */ .switch__component_16k6s.switch__reversed_16k6s {
     flex-direction: row-reverse;
-} .switch__reversed_1qbxz .switch__content_1qbxz {
+} .switch__reversed_16k6s .switch__content_16k6s {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_1qbxz .switch__addons_1qbxz {
+} .switch__reversed_16k6s .switch__addons_16k6s {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_1qbxz .switch__switch_1qbxz {
+} /* Checked state */ .switch__checked_16k6s .switch__switch_16k6s {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_1qbxz .switch__switch_1qbxz:before {
+} .switch__checked_16k6s .switch__switch_16k6s:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_1qbxz {
+} /* Disabled state */ .switch__disabled_16k6s {
     cursor: var(--disabled-cursor);
-} .switch__disabled_1qbxz .switch__switch_1qbxz {
+} .switch__disabled_16k6s .switch__switch_16k6s {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_1qbxz .switch__label_1qbxz {
+} .switch__disabled_16k6s .switch__label_16k6s {
     color: var(--switch-disabled-color);
-} .switch__disabled_1qbxz .switch__hint_1qbxz {
+} .switch__disabled_16k6s .switch__hint_16k6s {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_1qbxz {
+} /* Inactive */ .switch__inactive_16k6s {
     cursor: var(--disabled-cursor);
-} .switch__inactive_1qbxz .switch__switch_1qbxz {
+} .switch__inactive_16k6s .switch__switch_16k6s {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_1qbxz .switch__switch_1qbxz:before {
+} .switch__inactive_16k6s .switch__switch_16k6s:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_1qbxz .switch__switch_1qbxz {
+    } /* Focused state */ .switch__focused_16k6s .switch__switch_16k6s {
     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-c140d146.js');
+require('./getDataTestId-0ec833ab.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_1220i"};
+var desktopStyles = {"component":"system-message__component_sh6sc"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_zjjkz","fullHeight":"system-message__fullHeight_zjjkz","first":"system-message__first_zjjkz","last":"system-message__last_zjjkz","controls":"system-message__controls_zjjkz","both":"system-message__both_zjjkz"};
+var styles = {"component":"system-message__component_pypud","fullHeight":"system-message__fullHeight_pypud","first":"system-message__first_pypud","last":"system-message__last_pypud","controls":"system-message__controls_pypud","both":"system-message__both_pypud"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_1cuwp"};
+var mobileStyles = {"component":"system-message__component_1g5km"};
 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-c140d146.js');
+require('./getDataTestId-0ec833ab.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-c140d146.js');
+require('./getDataTestId-0ec833ab.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-c140d146.js');
+var getDataTestId = require('../../getDataTestId-0ec833ab.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_lgu25"};
+var styles = {"component":"system-message__component_orhz3"};
 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_lgu25 {
+} .system-message__component_orhz3 {
     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-c140d146.js');
+require('../../getDataTestId-0ec833ab.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-c140d146.js');
+var getDataTestId = require('../../getDataTestId-0ec833ab.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_z4z0j","multiple":"system-message__multiple_z4z0j"};
+var desktopStyles = {"component":"system-message__component_pk59x","multiple":"system-message__multiple_pk59x"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_x7tgu","column":"system-message__column_x7tgu","row":"system-message__row_x7tgu"};
+var styles = {"component":"system-message__component_nmzq8","column":"system-message__column_nmzq8","row":"system-message__row_nmzq8"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_1nlon"};
+var mobileStyles = {"component":"system-message__component_1qwck"};
 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_z4z0j {
+} .system-message__component_pk59x {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_z4z0j > * {
+} .system-message__multiple_pk59x > * {
     flex: 1;
 }

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

@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_x7tgu {
+} .system-message__component_nmzq8 {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_x7tgu {
+} .system-message__column_nmzq8 {
     flex-flow: column nowrap
-} .system-message__column_x7tgu > * {
+} .system-message__column_nmzq8 > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_x7tgu > *:last-child,
-    .system-message__column_x7tgu > *:only-child {
+    } .system-message__column_nmzq8 > *:last-child,
+    .system-message__column_nmzq8 > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_x7tgu {
+    } .system-message__row_nmzq8 {
     flex-flow: row nowrap
-} .system-message__row_x7tgu > * {
+} .system-message__row_nmzq8 > * {
         margin-right: var(--gap-m);
-    } .system-message__row_x7tgu > *:last-child,
-    .system-message__row_x7tgu > *:only-child {
+    } .system-message__row_nmzq8 > *:last-child,
+    .system-message__row_nmzq8 > *: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-c140d146.js');
+require('../../getDataTestId-0ec833ab.js');
 require('../../Context.js');
 
 

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

@@ -15,8 +15,8 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_1nlon {
+} .system-message__component_1qwck {
     padding-top: var(--gap-m)
-} .system-message__component_1nlon > * {
+} .system-message__component_1qwck > * {
         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-c140d146.js');
+var getDataTestId = require('../../getDataTestId-0ec833ab.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_z1v23"};
+var styles = {"component":"system-message__component_ph1bh"};
 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_z1v23 {
+} .system-message__component_ph1bh {
     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-c140d146.js');
+require('../../getDataTestId-0ec833ab.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-c140d146.js');
+var getDataTestId = require('../../getDataTestId-0ec833ab.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_tbrzn"};
+var styles = {"component":"system-message__component_wmfwl"};
 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_tbrzn {
+} .system-message__component_wmfwl {
     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-c140d146.js');
+require('../../getDataTestId-0ec833ab.js');
 require('../../Context.js');