@alfalab/core-components 41.16.0 → 41.17.0-beta.9

package/switch/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"switch__component_2fzc7","start":"switch__start_2fzc7","center":"switch__center_2fzc7","addons":"switch__addons_2fzc7","block":"switch__block_2fzc7","switch":"switch__switch_2fzc7","content":"switch__content_2fzc7","label":"switch__label_2fzc7","hint":"switch__hint_2fzc7","reversed":"switch__reversed_2fzc7","checked":"switch__checked_2fzc7","disabled":"switch__disabled_2fzc7","inactive":"switch__inactive_2fzc7","focused":"switch__focused_2fzc7"};
+var styles = {"component":"switch__component_10m1u","start":"switch__start_10m1u","center":"switch__center_10m1u","addons":"switch__addons_10m1u","block":"switch__block_10m1u","switch":"switch__switch_10m1u","content":"switch__content_10m1u","label":"switch__label_10m1u","hint":"switch__hint_10m1u","reversed":"switch__reversed_10m1u","checked":"switch__checked_10m1u","disabled":"switch__disabled_10m1u","inactive":"switch__inactive_10m1u","focused":"switch__focused_10m1u"};
 require('./index.css');
 
 var Switch = React.forwardRef(function (_a, ref) {

package/switch/esm/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"switch__component_2fzc7","start":"switch__start_2fzc7","center":"switch__center_2fzc7","addons":"switch__addons_2fzc7","block":"switch__block_2fzc7","switch":"switch__switch_2fzc7","content":"switch__content_2fzc7","label":"switch__label_2fzc7","hint":"switch__hint_2fzc7","reversed":"switch__reversed_2fzc7","checked":"switch__checked_2fzc7","disabled":"switch__disabled_2fzc7","inactive":"switch__inactive_2fzc7","focused":"switch__focused_2fzc7"};
+var styles = {"component":"switch__component_10m1u","start":"switch__start_10m1u","center":"switch__center_10m1u","addons":"switch__addons_10m1u","block":"switch__block_10m1u","switch":"switch__switch_10m1u","content":"switch__content_10m1u","label":"switch__label_10m1u","hint":"switch__hint_10m1u","reversed":"switch__reversed_10m1u","checked":"switch__checked_10m1u","disabled":"switch__disabled_10m1u","inactive":"switch__inactive_10m1u","focused":"switch__focused_10m1u"};
 require('./index.css');
 
 var Switch = forwardRef(function (_a, ref) {

package/switch/esm/index.css

@@ -47,7 +47,7 @@
 
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
-} .switch__component_2fzc7 {
+} .switch__component_10m1u {
     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_2fzc7 input {
+} .switch__component_10m1u input {
     opacity: 0;
     position: absolute;
-} .switch__start_2fzc7 {
+} .switch__start_10m1u {
     align-items: flex-start;
-} .switch__center_2fzc7 {
+} .switch__center_10m1u {
     align-items: center;
-} .switch__addons_2fzc7 {
+} .switch__addons_10m1u {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_2fzc7 {
+} .switch__block_10m1u {
     width: 100%;
-} .switch__switch_2fzc7 {
+} .switch__switch_10m1u {
     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_2fzc7:before {
+} .switch__switch_10m1u: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_2fzc7 {
+} .switch__content_10m1u {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_2fzc7 {
+} .switch__label_10m1u {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_2fzc7:not(:only-child) {
+} .switch__label_10m1u:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_2fzc7 {
+} .switch__hint_10m1u {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_2fzc7.switch__reversed_2fzc7 {
+} /* Reversed state */ .switch__component_10m1u.switch__reversed_10m1u {
     flex-direction: row-reverse;
-} .switch__reversed_2fzc7 .switch__content_2fzc7 {
+} .switch__reversed_10m1u .switch__content_10m1u {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_2fzc7 .switch__addons_2fzc7 {
+} .switch__reversed_10m1u .switch__addons_10m1u {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_2fzc7 .switch__switch_2fzc7 {
+} /* Checked state */ .switch__checked_10m1u .switch__switch_10m1u {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_2fzc7 .switch__switch_2fzc7:before {
+} .switch__checked_10m1u .switch__switch_10m1u:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_2fzc7 {
+} /* Disabled state */ .switch__disabled_10m1u {
     cursor: var(--disabled-cursor);
-} .switch__disabled_2fzc7 .switch__switch_2fzc7 {
+} .switch__disabled_10m1u .switch__switch_10m1u {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_2fzc7 .switch__label_2fzc7 {
+} .switch__disabled_10m1u .switch__label_10m1u {
     color: var(--switch-disabled-color);
-} .switch__disabled_2fzc7 .switch__hint_2fzc7 {
+} .switch__disabled_10m1u .switch__hint_10m1u {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_2fzc7 {
+} /* Inactive */ .switch__inactive_10m1u {
     cursor: var(--disabled-cursor);
-} .switch__inactive_2fzc7 .switch__switch_2fzc7 {
+} .switch__inactive_10m1u .switch__switch_10m1u {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_2fzc7 .switch__switch_2fzc7:before {
+} .switch__inactive_10m1u .switch__switch_10m1u:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_2fzc7 .switch__switch_2fzc7 {
+    } /* Focused state */ .switch__focused_10m1u .switch__switch_10m1u {
     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_2fzc7 {
+} .switch__component_10m1u {
     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_2fzc7 input {
+} .switch__component_10m1u input {
     opacity: 0;
     position: absolute;
-} .switch__start_2fzc7 {
+} .switch__start_10m1u {
     align-items: flex-start;
-} .switch__center_2fzc7 {
+} .switch__center_10m1u {
     align-items: center;
-} .switch__addons_2fzc7 {
+} .switch__addons_10m1u {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_2fzc7 {
+} .switch__block_10m1u {
     width: 100%;
-} .switch__switch_2fzc7 {
+} .switch__switch_10m1u {
     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_2fzc7:before {
+} .switch__switch_10m1u: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_2fzc7 {
+} .switch__content_10m1u {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_2fzc7 {
+} .switch__label_10m1u {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_2fzc7:not(:only-child) {
+} .switch__label_10m1u:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_2fzc7 {
+} .switch__hint_10m1u {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_2fzc7.switch__reversed_2fzc7 {
+} /* Reversed state */ .switch__component_10m1u.switch__reversed_10m1u {
     flex-direction: row-reverse;
-} .switch__reversed_2fzc7 .switch__content_2fzc7 {
+} .switch__reversed_10m1u .switch__content_10m1u {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_2fzc7 .switch__addons_2fzc7 {
+} .switch__reversed_10m1u .switch__addons_10m1u {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_2fzc7 .switch__switch_2fzc7 {
+} /* Checked state */ .switch__checked_10m1u .switch__switch_10m1u {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_2fzc7 .switch__switch_2fzc7:before {
+} .switch__checked_10m1u .switch__switch_10m1u:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_2fzc7 {
+} /* Disabled state */ .switch__disabled_10m1u {
     cursor: var(--disabled-cursor);
-} .switch__disabled_2fzc7 .switch__switch_2fzc7 {
+} .switch__disabled_10m1u .switch__switch_10m1u {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_2fzc7 .switch__label_2fzc7 {
+} .switch__disabled_10m1u .switch__label_10m1u {
     color: var(--switch-disabled-color);
-} .switch__disabled_2fzc7 .switch__hint_2fzc7 {
+} .switch__disabled_10m1u .switch__hint_10m1u {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_2fzc7 {
+} /* Inactive */ .switch__inactive_10m1u {
     cursor: var(--disabled-cursor);
-} .switch__inactive_2fzc7 .switch__switch_2fzc7 {
+} .switch__inactive_10m1u .switch__switch_10m1u {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_2fzc7 .switch__switch_2fzc7:before {
+} .switch__inactive_10m1u .switch__switch_10m1u:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_2fzc7 .switch__switch_2fzc7 {
+    } /* Focused state */ .switch__focused_10m1u .switch__switch_10m1u {
     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_2fzc7","start":"switch__start_2fzc7","center":"switch__center_2fzc7","addons":"switch__addons_2fzc7","block":"switch__block_2fzc7","switch":"switch__switch_2fzc7","content":"switch__content_2fzc7","label":"switch__label_2fzc7","hint":"switch__hint_2fzc7","reversed":"switch__reversed_2fzc7","checked":"switch__checked_2fzc7","disabled":"switch__disabled_2fzc7","inactive":"switch__inactive_2fzc7","focused":"switch__focused_2fzc7"};
+const styles = {"component":"switch__component_10m1u","start":"switch__start_10m1u","center":"switch__center_10m1u","addons":"switch__addons_10m1u","block":"switch__block_10m1u","switch":"switch__switch_10m1u","content":"switch__content_10m1u","label":"switch__label_10m1u","hint":"switch__hint_10m1u","reversed":"switch__reversed_10m1u","checked":"switch__checked_10m1u","disabled":"switch__disabled_10m1u","inactive":"switch__inactive_10m1u","focused":"switch__focused_10m1u"};
 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_2fzc7 {
+} .switch__component_10m1u {
     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_2fzc7 input {
+} .switch__component_10m1u input {
     opacity: 0;
     position: absolute;
-} .switch__start_2fzc7 {
+} .switch__start_10m1u {
     align-items: flex-start;
-} .switch__center_2fzc7 {
+} .switch__center_10m1u {
     align-items: center;
-} .switch__addons_2fzc7 {
+} .switch__addons_10m1u {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_2fzc7 {
+} .switch__block_10m1u {
     width: 100%;
-} .switch__switch_2fzc7 {
+} .switch__switch_10m1u {
     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_2fzc7:before {
+} .switch__switch_10m1u: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_2fzc7 {
+} .switch__content_10m1u {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_2fzc7 {
+} .switch__label_10m1u {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_2fzc7:not(:only-child) {
+} .switch__label_10m1u:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__hint_2fzc7 {
+} .switch__hint_10m1u {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_2fzc7.switch__reversed_2fzc7 {
+} /* Reversed state */ .switch__component_10m1u.switch__reversed_10m1u {
     flex-direction: row-reverse;
-} .switch__reversed_2fzc7 .switch__content_2fzc7 {
+} .switch__reversed_10m1u .switch__content_10m1u {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_2fzc7 .switch__addons_2fzc7 {
+} .switch__reversed_10m1u .switch__addons_10m1u {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_2fzc7 .switch__switch_2fzc7 {
+} /* Checked state */ .switch__checked_10m1u .switch__switch_10m1u {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
-} .switch__checked_2fzc7 .switch__switch_2fzc7:before {
+} .switch__checked_10m1u .switch__switch_10m1u:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_2fzc7 {
+} /* Disabled state */ .switch__disabled_10m1u {
     cursor: var(--disabled-cursor);
-} .switch__disabled_2fzc7 .switch__switch_2fzc7 {
+} .switch__disabled_10m1u .switch__switch_10m1u {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
-} .switch__disabled_2fzc7 .switch__label_2fzc7 {
+} .switch__disabled_10m1u .switch__label_10m1u {
     color: var(--switch-disabled-color);
-} .switch__disabled_2fzc7 .switch__hint_2fzc7 {
+} .switch__disabled_10m1u .switch__hint_10m1u {
     color: var(--switch-disabled-color);
-} /* Inactive */ .switch__inactive_2fzc7 {
+} /* Inactive */ .switch__inactive_10m1u {
     cursor: var(--disabled-cursor);
-} .switch__inactive_2fzc7 .switch__switch_2fzc7 {
+} .switch__inactive_10m1u .switch__switch_10m1u {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
-} .switch__inactive_2fzc7 .switch__switch_2fzc7:before {
+} .switch__inactive_10m1u .switch__switch_10m1u:before {
         background-color: var(--switch-inactive-color);
-    } /* Focused state */ .switch__focused_2fzc7 .switch__switch_2fzc7 {
+    } /* Focused state */ .switch__focused_10m1u .switch__switch_10m1u {
     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-79db85e5.js');
+require('./getDataTestId-104d344e.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_14qfw"};
+var desktopStyles = {"component":"system-message__component_r6063"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_1i51a","fullHeight":"system-message__fullHeight_1i51a","first":"system-message__first_1i51a","last":"system-message__last_1i51a","controls":"system-message__controls_1i51a","both":"system-message__both_1i51a"};
+var styles = {"component":"system-message__component_14klk","fullHeight":"system-message__fullHeight_14klk","first":"system-message__first_14klk","last":"system-message__last_14klk","controls":"system-message__controls_14klk","both":"system-message__both_14klk"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_vehor"};
+var mobileStyles = {"component":"system-message__component_d9tvv"};
 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-79db85e5.js');
+require('./getDataTestId-104d344e.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-79db85e5.js');
+require('./getDataTestId-104d344e.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-79db85e5.js');
+var getDataTestId = require('../../getDataTestId-104d344e.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_56fdb"};
+var styles = {"component":"system-message__component_1m2vm"};
 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_56fdb {
+} .system-message__component_1m2vm {
     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-79db85e5.js');
+require('../../getDataTestId-104d344e.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-79db85e5.js');
+var getDataTestId = require('../../getDataTestId-104d344e.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_8legk","multiple":"system-message__multiple_8legk"};
+var desktopStyles = {"component":"system-message__component_1u22r","multiple":"system-message__multiple_1u22r"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_1jaz6","column":"system-message__column_1jaz6","row":"system-message__row_1jaz6"};
+var styles = {"component":"system-message__component_15qjf","column":"system-message__column_15qjf","row":"system-message__row_15qjf"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_nws5u"};
+var mobileStyles = {"component":"system-message__component_5s4cy"};
 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_8legk {
+} .system-message__component_1u22r {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_8legk > * {
+} .system-message__multiple_1u22r > * {
     flex: 1;
 }

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

@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_1jaz6 {
+} .system-message__component_15qjf {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_1jaz6 {
+} .system-message__column_15qjf {
     flex-flow: column nowrap
-} .system-message__column_1jaz6 > * {
+} .system-message__column_15qjf > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_1jaz6 > *:last-child,
-    .system-message__column_1jaz6 > *:only-child {
+    } .system-message__column_15qjf > *:last-child,
+    .system-message__column_15qjf > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_1jaz6 {
+    } .system-message__row_15qjf {
     flex-flow: row nowrap
-} .system-message__row_1jaz6 > * {
+} .system-message__row_15qjf > * {
         margin-right: var(--gap-m);
-    } .system-message__row_1jaz6 > *:last-child,
-    .system-message__row_1jaz6 > *:only-child {
+    } .system-message__row_15qjf > *:last-child,
+    .system-message__row_15qjf > *: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-79db85e5.js');
+require('../../getDataTestId-104d344e.js');
 require('../../Context.js');
 
 

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

@@ -15,8 +15,8 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_nws5u {
+} .system-message__component_5s4cy {
     padding-top: var(--gap-m)
-} .system-message__component_nws5u > * {
+} .system-message__component_5s4cy > * {
         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-79db85e5.js');
+var getDataTestId = require('../../getDataTestId-104d344e.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_17mzf"};
+var styles = {"component":"system-message__component_1l7f6"};
 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_17mzf {
+} .system-message__component_1l7f6 {
     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-79db85e5.js');
+require('../../getDataTestId-104d344e.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-79db85e5.js');
+var getDataTestId = require('../../getDataTestId-104d344e.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_cue6q"};
+var styles = {"component":"system-message__component_uz1zm"};
 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_cue6q {
+} .system-message__component_uz1zm {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;