@alfalab/core-components 41.14.1-beta.7 → 41.15.0

package/switch/esm/index.css

@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_x2jqi {
+} .switch__component_flwep {
     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_x2jqi input {
+} .switch__component_flwep input {
     opacity: 0;
     position: absolute;
-} .switch__start_x2jqi {
+} .switch__start_flwep {
     align-items: flex-start;
-} .switch__center_x2jqi {
+} .switch__center_flwep {
     align-items: center;
-} .switch__addons_x2jqi {
+} .switch__addons_flwep {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_x2jqi {
+} .switch__block_flwep {
     width: 100%;
-} .switch__switch_x2jqi {
+} .switch__switch_flwep {
     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_x2jqi:before {
+} .switch__switch_flwep: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_x2jqi {
+} .switch__content_flwep {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_x2jqi {
+} .switch__label_flwep {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_x2jqi:not(:only-child) {
+} .switch__label_flwep:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_x2jqi {
+} .switch__hint_flwep {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_x2jqi.switch__reversed_x2jqi {
+} /* Reversed state */ .switch__component_flwep.switch__reversed_flwep {
     flex-direction: row-reverse;
-} .switch__reversed_x2jqi .switch__content_x2jqi {
+} .switch__reversed_flwep .switch__content_flwep {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_x2jqi .switch__addons_x2jqi {
+} .switch__reversed_flwep .switch__addons_flwep {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_x2jqi .switch__switch_x2jqi {
+} /* Checked state */ .switch__checked_flwep .switch__switch_flwep {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_x2jqi .switch__switch_x2jqi:before {
+} .switch__checked_flwep .switch__switch_flwep:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_x2jqi {
+} /* Disabled state */ .switch__disabled_flwep {
     cursor: var(--disabled-cursor);
-} .switch__disabled_x2jqi .switch__switch_x2jqi {
+} .switch__disabled_flwep .switch__switch_flwep {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_x2jqi .switch__label_x2jqi {
+} .switch__disabled_flwep .switch__label_flwep {
     color: var(--switch-disabled-color);
-} .switch__disabled_x2jqi .switch__hint_x2jqi {
+} .switch__disabled_flwep .switch__hint_flwep {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_x2jqi {
+} /* Inactive */ .switch__inactive_flwep {
     cursor: var(--disabled-cursor);
-} .switch__inactive_x2jqi .switch__switch_x2jqi {
+} .switch__inactive_flwep .switch__switch_flwep {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_x2jqi .switch__switch_x2jqi:before {
+} .switch__inactive_flwep .switch__switch_flwep:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_x2jqi .switch__switch_x2jqi {
+    } /* Focused state */ .switch__focused_flwep .switch__switch_flwep {
     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_x2jqi {
+} .switch__component_flwep {
     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_x2jqi input {
+} .switch__component_flwep input {
     opacity: 0;
     position: absolute;
-} .switch__start_x2jqi {
+} .switch__start_flwep {
     align-items: flex-start;
-} .switch__center_x2jqi {
+} .switch__center_flwep {
     align-items: center;
-} .switch__addons_x2jqi {
+} .switch__addons_flwep {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_x2jqi {
+} .switch__block_flwep {
     width: 100%;
-} .switch__switch_x2jqi {
+} .switch__switch_flwep {
     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_x2jqi:before {
+} .switch__switch_flwep: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_x2jqi {
+} .switch__content_flwep {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_x2jqi {
+} .switch__label_flwep {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_x2jqi:not(:only-child) {
+} .switch__label_flwep:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_x2jqi {
+} .switch__hint_flwep {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_x2jqi.switch__reversed_x2jqi {
+} /* Reversed state */ .switch__component_flwep.switch__reversed_flwep {
     flex-direction: row-reverse;
-} .switch__reversed_x2jqi .switch__content_x2jqi {
+} .switch__reversed_flwep .switch__content_flwep {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_x2jqi .switch__addons_x2jqi {
+} .switch__reversed_flwep .switch__addons_flwep {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_x2jqi .switch__switch_x2jqi {
+} /* Checked state */ .switch__checked_flwep .switch__switch_flwep {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_x2jqi .switch__switch_x2jqi:before {
+} .switch__checked_flwep .switch__switch_flwep:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_x2jqi {
+} /* Disabled state */ .switch__disabled_flwep {
     cursor: var(--disabled-cursor);
-} .switch__disabled_x2jqi .switch__switch_x2jqi {
+} .switch__disabled_flwep .switch__switch_flwep {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_x2jqi .switch__label_x2jqi {
+} .switch__disabled_flwep .switch__label_flwep {
     color: var(--switch-disabled-color);
-} .switch__disabled_x2jqi .switch__hint_x2jqi {
+} .switch__disabled_flwep .switch__hint_flwep {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_x2jqi {
+} /* Inactive */ .switch__inactive_flwep {
     cursor: var(--disabled-cursor);
-} .switch__inactive_x2jqi .switch__switch_x2jqi {
+} .switch__inactive_flwep .switch__switch_flwep {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_x2jqi .switch__switch_x2jqi:before {
+} .switch__inactive_flwep .switch__switch_flwep:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_x2jqi .switch__switch_x2jqi {
+    } /* Focused state */ .switch__focused_flwep .switch__switch_flwep {
     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_x2jqi","start":"switch__start_x2jqi","center":"switch__center_x2jqi","addons":"switch__addons_x2jqi","block":"switch__block_x2jqi","switch":"switch__switch_x2jqi","content":"switch__content_x2jqi","label":"switch__label_x2jqi","hint":"switch__hint_x2jqi","reversed":"switch__reversed_x2jqi","checked":"switch__checked_x2jqi","disabled":"switch__disabled_x2jqi","inactive":"switch__inactive_x2jqi","focused":"switch__focused_x2jqi"};
+const styles = {"component":"switch__component_flwep","start":"switch__start_flwep","center":"switch__center_flwep","addons":"switch__addons_flwep","block":"switch__block_flwep","switch":"switch__switch_flwep","content":"switch__content_flwep","label":"switch__label_flwep","hint":"switch__hint_flwep","reversed":"switch__reversed_flwep","checked":"switch__checked_flwep","disabled":"switch__disabled_flwep","inactive":"switch__inactive_flwep","focused":"switch__focused_flwep"};
 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_x2jqi {
+} .switch__component_flwep {
     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_x2jqi input {
+} .switch__component_flwep input {
     opacity: 0;
     position: absolute;
-} .switch__start_x2jqi {
+} .switch__start_flwep {
     align-items: flex-start;
-} .switch__center_x2jqi {
+} .switch__center_flwep {
     align-items: center;
-} .switch__addons_x2jqi {
+} .switch__addons_flwep {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_x2jqi {
+} .switch__block_flwep {
     width: 100%;
-} .switch__switch_x2jqi {
+} .switch__switch_flwep {
     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_x2jqi:before {
+} .switch__switch_flwep: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_x2jqi {
+} .switch__content_flwep {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_x2jqi {
+} .switch__label_flwep {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_x2jqi:not(:only-child) {
+} .switch__label_flwep:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_x2jqi {
+} .switch__hint_flwep {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_x2jqi.switch__reversed_x2jqi {
+} /* Reversed state */ .switch__component_flwep.switch__reversed_flwep {
     flex-direction: row-reverse;
-} .switch__reversed_x2jqi .switch__content_x2jqi {
+} .switch__reversed_flwep .switch__content_flwep {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_x2jqi .switch__addons_x2jqi {
+} .switch__reversed_flwep .switch__addons_flwep {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_x2jqi .switch__switch_x2jqi {
+} /* Checked state */ .switch__checked_flwep .switch__switch_flwep {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_x2jqi .switch__switch_x2jqi:before {
+} .switch__checked_flwep .switch__switch_flwep:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_x2jqi {
+} /* Disabled state */ .switch__disabled_flwep {
     cursor: var(--disabled-cursor);
-} .switch__disabled_x2jqi .switch__switch_x2jqi {
+} .switch__disabled_flwep .switch__switch_flwep {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_x2jqi .switch__label_x2jqi {
+} .switch__disabled_flwep .switch__label_flwep {
     color: var(--switch-disabled-color);
-} .switch__disabled_x2jqi .switch__hint_x2jqi {
+} .switch__disabled_flwep .switch__hint_flwep {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_x2jqi {
+} /* Inactive */ .switch__inactive_flwep {
     cursor: var(--disabled-cursor);
-} .switch__inactive_x2jqi .switch__switch_x2jqi {
+} .switch__inactive_flwep .switch__switch_flwep {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_x2jqi .switch__switch_x2jqi:before {
+} .switch__inactive_flwep .switch__switch_flwep:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_x2jqi .switch__switch_x2jqi {
+    } /* Focused state */ .switch__focused_flwep .switch__switch_flwep {
     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-63b944a6.js');
+require('./getDataTestId-5c56a22f.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_m839w"};
+var desktopStyles = {"component":"system-message__component_1o51b"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_19iig","fullHeight":"system-message__fullHeight_19iig","first":"system-message__first_19iig","last":"system-message__last_19iig","controls":"system-message__controls_19iig","both":"system-message__both_19iig"};
+var styles = {"component":"system-message__component_f2qfd","fullHeight":"system-message__fullHeight_f2qfd","first":"system-message__first_f2qfd","last":"system-message__last_f2qfd","controls":"system-message__controls_f2qfd","both":"system-message__both_f2qfd"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_8bwzo"};
+var mobileStyles = {"component":"system-message__component_1sosl"};
 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-63b944a6.js');
+require('./getDataTestId-5c56a22f.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-63b944a6.js');
+require('./getDataTestId-5c56a22f.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-63b944a6.js');
+var getDataTestId = require('../../getDataTestId-5c56a22f.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_1r0si"};
+var styles = {"component":"system-message__component_12gqa"};
 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_1r0si {
+} .system-message__component_12gqa {
     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-63b944a6.js');
+require('../../getDataTestId-5c56a22f.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-63b944a6.js');
+var getDataTestId = require('../../getDataTestId-5c56a22f.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_1p45v","multiple":"system-message__multiple_1p45v"};
+var desktopStyles = {"component":"system-message__component_14k7n","multiple":"system-message__multiple_14k7n"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_1aogb","column":"system-message__column_1aogb","row":"system-message__row_1aogb"};
+var styles = {"component":"system-message__component_g8oau","column":"system-message__column_g8oau","row":"system-message__row_g8oau"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_u7grk"};
+var mobileStyles = {"component":"system-message__component_1l732"};
 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_1p45v {
+} .system-message__component_14k7n {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_1p45v > * {
+} .system-message__multiple_14k7n > * {
     flex: 1;
 }

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

@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_1aogb {
+} .system-message__component_g8oau {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_1aogb {
+} .system-message__column_g8oau {
     flex-flow: column nowrap
-} .system-message__column_1aogb > * {
+} .system-message__column_g8oau > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_1aogb > *:last-child,
-    .system-message__column_1aogb > *:only-child {
+    } .system-message__column_g8oau > *:last-child,
+    .system-message__column_g8oau > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_1aogb {
+    } .system-message__row_g8oau {
     flex-flow: row nowrap
-} .system-message__row_1aogb > * {
+} .system-message__row_g8oau > * {
         margin-right: var(--gap-m);
-    } .system-message__row_1aogb > *:last-child,
-    .system-message__row_1aogb > *:only-child {
+    } .system-message__row_g8oau > *:last-child,
+    .system-message__row_g8oau > *: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-63b944a6.js');
+require('../../getDataTestId-5c56a22f.js');
 require('../../Context.js');
 
 

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

@@ -15,8 +15,8 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_u7grk {
+} .system-message__component_1l732 {
     padding-top: var(--gap-m)
-} .system-message__component_u7grk > * {
+} .system-message__component_1l732 > * {
         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-63b944a6.js');
+var getDataTestId = require('../../getDataTestId-5c56a22f.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_1q5c2"};
+var styles = {"component":"system-message__component_4kojw"};
 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_1q5c2 {
+} .system-message__component_4kojw {
     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-63b944a6.js');
+require('../../getDataTestId-5c56a22f.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-63b944a6.js');
+var getDataTestId = require('../../getDataTestId-5c56a22f.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_zwyvu"};
+var styles = {"component":"system-message__component_1a4p3"};
 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_zwyvu {
+} .system-message__component_1a4p3 {
     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-63b944a6.js');
+require('../../getDataTestId-5c56a22f.js');
 require('../../Context.js');