@alfalab/core-components 41.3.1 → 41.4.0

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-1fb46a9a.js';
+import { g as getDataTestId } from '../../getDataTestId-673c2f59.js';
 import { SystemMessageContext } from '../../Context.js';
 
-var desktopStyles = {"component":"system-message__component_1h61x","multiple":"system-message__multiple_1h61x"};
+var desktopStyles = {"component":"system-message__component_uy20m","multiple":"system-message__multiple_uy20m"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_1yl4k","column":"system-message__column_1yl4k","row":"system-message__row_1yl4k"};
+var styles = {"component":"system-message__component_t0wgx","column":"system-message__column_t0wgx","row":"system-message__row_t0wgx"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_1pkpf"};
+var mobileStyles = {"component":"system-message__component_r8bjb"};
 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_1h61x {
+} .system-message__component_uy20m {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_1h61x > * {
+} .system-message__multiple_uy20m > * {
     flex: 1;
 }

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

@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_1yl4k {
+} .system-message__component_t0wgx {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_1yl4k {
+} .system-message__column_t0wgx {
     flex-flow: column nowrap
-} .system-message__column_1yl4k > * {
+} .system-message__column_t0wgx > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_1yl4k > *:last-child,
-    .system-message__column_1yl4k > *:only-child {
+    } .system-message__column_t0wgx > *:last-child,
+    .system-message__column_t0wgx > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_1yl4k {
+    } .system-message__row_t0wgx {
     flex-flow: row nowrap
-} .system-message__row_1yl4k > * {
+} .system-message__row_t0wgx > * {
         margin-right: var(--gap-m);
-    } .system-message__row_1yl4k > *:last-child,
-    .system-message__row_1yl4k > *:only-child {
+    } .system-message__row_t0wgx > *:last-child,
+    .system-message__row_t0wgx > *:only-child {
         margin-right: 0;
     }

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

@@ -2,4 +2,4 @@ export { Controls } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-1fb46a9a.js';
+import '../../getDataTestId-673c2f59.js';

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

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

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

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-1fb46a9a.js';
+import { g as getDataTestId } from '../../getDataTestId-673c2f59.js';
 import { SystemMessageContext } from '../../Context.js';
 
-var styles = {"component":"system-message__component_1dk0j"};
+var styles = {"component":"system-message__component_ws6j2"};
 require('./index.css');
 
 var Graphic = function (_a) {

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

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

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

@@ -2,4 +2,4 @@ export { Graphic } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-1fb46a9a.js';
+import '../../getDataTestId-673c2f59.js';

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

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-1fb46a9a.js';
+import { g as getDataTestId } from '../../getDataTestId-673c2f59.js';
 import { SystemMessageContext } from '../../Context.js';
 
-var styles = {"component":"system-message__component_xy31j"};
+var styles = {"component":"system-message__component_1ymt7"};
 require('./index.css');
 
 var Subtitle = function (_a) {

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

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

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

@@ -2,4 +2,4 @@ export { Subtitle } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-1fb46a9a.js';
+import '../../getDataTestId-673c2f59.js';

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

@@ -1,15 +1,15 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-1fb46a9a.js';
+import { g as getDataTestId } from '../../getDataTestId-673c2f59.js';
 import { SystemMessageContext } from '../../Context.js';
 
-var desktopStyles = {"component":"system-message__component_1byw0"};
+var desktopStyles = {"component":"system-message__component_6enxd"};
 require('./desktop.css');
 
-var styles = {"component":"system-message__component_xmwfk"};
+var styles = {"component":"system-message__component_1r3se"};
 require('./index.css');
 
-var mobileStyles = {"component":"system-message__component_hzbc4"};
+var mobileStyles = {"component":"system-message__component_1io1h"};
 require('./mobile.css');
 
 var Title = function (_a) {

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

@@ -15,10 +15,14 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_1byw0 {
-    font-size: 22px;
-    line-height: 26px;
-    font-weight: 700;
+} :root {
+    --sys-message-desktop-title-font-size: 22px;
+    --sys-message-desktop-title-line-height: 26px;
+    --sys-message-desktop-title-font-weight: 700;
+} .system-message__component_6enxd {
+    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);
 
     padding-bottom: var(--gap-m);
 }

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

@@ -17,9 +17,12 @@
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 } :root {
-} .system-message__component_xmwfk {
+} :root {
+    --sys-message-title-font-family: var(--font-family-system);
+} .system-message__component_1r3se {
     margin: 0;
     text-align: center;
     color: var(--color-light-text-primary);
-    font-family: var(--font-family-system);
+    font-family: var(--sys-message-title-font-family);
+    font-feature-settings: 'ss01';
 }

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

@@ -2,4 +2,4 @@ export { Title } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-1fb46a9a.js';
+import '../../getDataTestId-673c2f59.js';

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

@@ -15,10 +15,14 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .system-message__component_hzbc4 {
-    font-size: 20px;
-    line-height: 28px;
-    font-weight: 600;
+} :root {
+    --sys-message-mobile-title-font-size: 20px;
+    --sys-message-mobile-title-line-height: 28px;
+    --sys-message-mobile-title-font-weight: 600;
+} .system-message__component_1io1h {
+    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);
 
     padding-bottom: var(--gap-s);
 }

package/system-message/esm/desktop.css

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

package/system-message/esm/desktop.js

@@ -10,4 +10,4 @@ import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
 import './utils.js';
-import './getDataTestId-1fb46a9a.js';
+import './getDataTestId-673c2f59.js';

package/system-message/esm/index-3885b0d7.d.ts

@@ -1,2 +1,2 @@
-export * from "./getDataTestId-1fb46a9a";
+export * from "./getDataTestId-673c2f59";
 export * from "./Components.responsive";

package/system-message/esm/index.css

@@ -1,27 +1,27 @@
 /* hash: fmn39 */
-.system-message__component_1vqmd {
+.system-message__component_vcml2 {
     display: flex;
     flex-flow: column nowrap;
     align-items: center;
     box-sizing: border-box;
 }
 
-.system-message__fullHeight_1vqmd {
+.system-message__fullHeight_vcml2 {
     height: 100%
 }
 
-.system-message__fullHeight_1vqmd .system-message__first_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__first_vcml2 {
         margin-top: auto;
     }
 
-.system-message__fullHeight_1vqmd .system-message__last_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__last_vcml2 {
         margin-bottom: auto;
     }
 
-.system-message__fullHeight_1vqmd .system-message__controls_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__controls_vcml2 {
         margin-top: auto;
     }
 
-.system-message__fullHeight_1vqmd .system-message__both_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__both_vcml2 {
         margin: auto 0;
     }

package/system-message/esm/index.js

@@ -11,4 +11,4 @@ import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
 import './utils.js';
-import './getDataTestId-1fb46a9a.js';
+import './getDataTestId-673c2f59.js';

package/system-message/esm/mobile.css

@@ -15,6 +15,6 @@
     --gap-4xl: 48px;
 } :root {
 } :root {
-} .system-message__component_1etxh {
+} .system-message__component_ghjl3 {
     padding-top: var(--gap-4xl);
 }

package/system-message/esm/mobile.js

@@ -10,4 +10,4 @@ import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
 import './utils.js';
-import './getDataTestId-1fb46a9a.js';
+import './getDataTestId-673c2f59.js';

package/system-message/esm/responsive.js

@@ -11,4 +11,4 @@ import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
 import './utils.js';
-import './getDataTestId-1fb46a9a.js';
+import './getDataTestId-673c2f59.js';

package/system-message/esm/utils.js

@@ -6,7 +6,7 @@ import { Title } from './components/title/Component.js';
 import 'react';
 import 'classnames';
 import './Context.js';
-import './getDataTestId-1fb46a9a.js';
+import './getDataTestId-673c2f59.js';
 
 function createCompound(functionComponent) {
     return Object.assign(functionComponent, {

package/system-message/index-3885b0d7.d.ts

@@ -1,2 +1,2 @@
-export * from "./getDataTestId-518c17f9";
+export * from "./getDataTestId-ccaf6a30";
 export * from "./Components.responsive";

package/system-message/index.css

@@ -1,27 +1,27 @@
 /* hash: fmn39 */
-.system-message__component_1vqmd {
+.system-message__component_vcml2 {
     display: flex;
     flex-flow: column nowrap;
     align-items: center;
     box-sizing: border-box;
 }
 
-.system-message__fullHeight_1vqmd {
+.system-message__fullHeight_vcml2 {
     height: 100%
 }
 
-.system-message__fullHeight_1vqmd .system-message__first_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__first_vcml2 {
         margin-top: auto;
     }
 
-.system-message__fullHeight_1vqmd .system-message__last_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__last_vcml2 {
         margin-bottom: auto;
     }
 
-.system-message__fullHeight_1vqmd .system-message__controls_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__controls_vcml2 {
         margin-top: auto;
     }
 
-.system-message__fullHeight_1vqmd .system-message__both_1vqmd {
+.system-message__fullHeight_vcml2 .system-message__both_vcml2 {
         margin: auto 0;
     }

package/system-message/index.js

@@ -9,7 +9,7 @@ require('classnames');
 require('./Context.js');
 require('./utils.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-518c17f9.js');
+require('./getDataTestId-ccaf6a30.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

package/system-message/mobile.css

@@ -15,6 +15,6 @@
     --gap-4xl: 48px;
 } :root {
 } :root {
-} .system-message__component_1etxh {
+} .system-message__component_ghjl3 {
     padding-top: var(--gap-4xl);
 }

package/system-message/mobile.js

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

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

@@ -8,7 +8,7 @@ import './components/controls/Component.js';
 import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
-import './getDataTestId-8064c286.js';
+import './getDataTestId-a4fc423a.js';
 
 const SystemMessageDesktopComponent = ({ children, ...restProps }) => (React.createElement(SystemMessage, { ...restProps, view: 'desktop' }, children));
 const SystemMessageDesktop = createCompound(SystemMessageDesktopComponent);

package/system-message/modern/Component.js

@@ -2,13 +2,13 @@ import React, { useMemo, isValidElement } from 'react';
 import cn from 'classnames';
 import { SystemMessageContext } from './Context.js';
 
-const desktopStyles = {"component":"system-message__component_4e7kc"};
+const desktopStyles = {"component":"system-message__component_xv3j1"};
 require('./desktop.css');
 
-const styles = {"component":"system-message__component_1vqmd","fullHeight":"system-message__fullHeight_1vqmd","first":"system-message__first_1vqmd","last":"system-message__last_1vqmd","controls":"system-message__controls_1vqmd","both":"system-message__both_1vqmd"};
+const styles = {"component":"system-message__component_vcml2","fullHeight":"system-message__fullHeight_vcml2","first":"system-message__first_vcml2","last":"system-message__last_vcml2","controls":"system-message__controls_vcml2","both":"system-message__both_vcml2"};
 require('./index.css');
 
-const mobileStyles = {"component":"system-message__component_1etxh"};
+const mobileStyles = {"component":"system-message__component_ghjl3"};
 require('./mobile.css');
 
 const isControlsElement = (obj) => typeof obj === 'object' && obj.type.displayName === 'Controls';

package/system-message/modern/Component.mobile.js

@@ -8,7 +8,7 @@ import './components/controls/Component.js';
 import './components/graphic/Component.js';
 import './components/subtitle/Component.js';
 import './components/title/Component.js';
-import './getDataTestId-8064c286.js';
+import './getDataTestId-a4fc423a.js';
 
 const SystemMessageMobileComponent = ({ children, ...restProps }) => (React.createElement(SystemMessage, { ...restProps, view: 'mobile' }, children));
 const SystemMessageMobile = createCompound(SystemMessageMobileComponent);

package/system-message/modern/Components.responsive.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-8064c286.js';
+import './getDataTestId-a4fc423a.js';
 
 const isClient = () => typeof window !== 'undefined';
 

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

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-8064c286.js';
+import { g as getDataTestId } from '../../getDataTestId-a4fc423a.js';
 import { SystemMessageContext } from '../../Context.js';
 
-const styles = {"component":"system-message__component_nfuu5"};
+const styles = {"component":"system-message__component_1o4kz"};
 require('./index.css');
 
 const Caption = ({ className, children }) => {

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

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

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

@@ -2,4 +2,4 @@ export { Caption } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-8064c286.js';
+import '../../getDataTestId-a4fc423a.js';

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

@@ -1,15 +1,15 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-8064c286.js';
+import { g as getDataTestId } from '../../getDataTestId-a4fc423a.js';
 import { SystemMessageContext } from '../../Context.js';
 
-const desktopStyles = {"component":"system-message__component_1h61x","multiple":"system-message__multiple_1h61x"};
+const desktopStyles = {"component":"system-message__component_uy20m","multiple":"system-message__multiple_uy20m"};
 require('./desktop.css');
 
-const styles = {"component":"system-message__component_1yl4k","column":"system-message__column_1yl4k","row":"system-message__row_1yl4k"};
+const styles = {"component":"system-message__component_t0wgx","column":"system-message__column_t0wgx","row":"system-message__row_t0wgx"};
 require('./index.css');
 
-const mobileStyles = {"component":"system-message__component_1pkpf"};
+const mobileStyles = {"component":"system-message__component_r8bjb"};
 require('./mobile.css');
 
 const Controls = ({ direction: directionProp, children, className, }) => {

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

@@ -15,8 +15,8 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .system-message__component_1h61x {
+} .system-message__component_uy20m {
     padding: var(--gap-xl) 0;
-} .system-message__multiple_1h61x > * {
+} .system-message__multiple_uy20m > * {
     flex: 1;
 }

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

@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_1yl4k {
+} .system-message__component_t0wgx {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_1yl4k {
+} .system-message__column_t0wgx {
     flex-flow: column nowrap
-} .system-message__column_1yl4k > * {
+} .system-message__column_t0wgx > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_1yl4k > *:last-child,
-    .system-message__column_1yl4k > *:only-child {
+    } .system-message__column_t0wgx > *:last-child,
+    .system-message__column_t0wgx > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_1yl4k {
+    } .system-message__row_t0wgx {
     flex-flow: row nowrap
-} .system-message__row_1yl4k > * {
+} .system-message__row_t0wgx > * {
         margin-right: var(--gap-m);
-    } .system-message__row_1yl4k > *:last-child,
-    .system-message__row_1yl4k > *:only-child {
+    } .system-message__row_t0wgx > *:last-child,
+    .system-message__row_t0wgx > *:only-child {
         margin-right: 0;
     }

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

@@ -2,4 +2,4 @@ export { Controls } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-8064c286.js';
+import '../../getDataTestId-a4fc423a.js';

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

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

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

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-8064c286.js';
+import { g as getDataTestId } from '../../getDataTestId-a4fc423a.js';
 import { SystemMessageContext } from '../../Context.js';
 
-const styles = {"component":"system-message__component_1dk0j"};
+const styles = {"component":"system-message__component_ws6j2"};
 require('./index.css');
 
 const Graphic = ({ children, className }) => {

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

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

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

@@ -2,4 +2,4 @@ export { Graphic } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-8064c286.js';
+import '../../getDataTestId-a4fc423a.js';

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

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-8064c286.js';
+import { g as getDataTestId } from '../../getDataTestId-a4fc423a.js';
 import { SystemMessageContext } from '../../Context.js';
 
-const styles = {"component":"system-message__component_xy31j"};
+const styles = {"component":"system-message__component_1ymt7"};
 require('./index.css');
 
 const Subtitle = ({ className, children }) => {

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

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

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

@@ -2,4 +2,4 @@ export { Subtitle } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../Context.js';
-import '../../getDataTestId-8064c286.js';
+import '../../getDataTestId-a4fc423a.js';