@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/steps/cssm/index.js

@@ -1,13 +1,7 @@
-export { Steps } from './Component.js';
-import 'react';
-import 'classnames';
-import './components/step/Component.js';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ClockMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import './components/step-indicator/Component.js';
-import '../../badge/cssm';
-import './components/step-indicator/index.module.css';
-import './components/step/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Steps = Component.Steps;

package/switch/cssm/Component.js

@@ -1,35 +1,47 @@
-import React, { forwardRef, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { dom } from '../../shared/cssm';
-import { useFocus } from '@alfalab/hooks';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, error, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {
-    const labelRef = useRef(null);
-    const [focused] = useFocus(labelRef, 'keyboard');
-    const handleChange = (e) => {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsShared = require('../../shared/cssm');
+var hooks = require('@alfalab/hooks');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Switch = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.align, align = _e === void 0 ? 'start' : _e, addons = _a.addons, block = _a.block, disabled = _a.disabled, inactive = _a.inactive, error = _a.error, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["reversed", "checked", "align", "addons", "block", "disabled", "inactive", "error", "label", "hint", "name", "value", "className", "onChange", "dataTestId"]);
+    var labelRef = React.useRef(null);
+    var focused = hooks.useFocus(labelRef, 'keyboard')[0];
+    var handleChange = function (e) {
         if (onChange) {
-            onChange(e, { checked: e.target.checked, name });
+            onChange(e, { checked: e.target.checked, name: name });
         }
     };
-    const errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React.createElement("label", { className: cn(styles.component, styles[align], className, {
-            [styles.disabled]: disabled || inactive,
-            [styles.checked]: checked,
-            [styles.reversed]: reversed,
-            [styles.focused]: focused,
-            [styles.block]: block,
-        }), ref: mergeRefs([labelRef, ref]) },
-        React.createElement("input", { type: 'checkbox', onChange: handleChange, disabled: disabled || inactive, checked: checked, name: name, value: value, "data-test-id": dataTestId, ...restProps }),
-        React.createElement("span", { className: styles.switch }),
-        (label || hint || errorMessage) && (React.createElement("span", { className: styles.content },
-            label && React.createElement("span", { className: styles.label }, label),
-            hint && !errorMessage && React.createElement("span", { className: styles.hint }, hint),
-            errorMessage && (React.createElement("span", { className: styles.errorMessage, role: 'alert' }, errorMessage)))),
+    var errorMessage = typeof error === 'boolean' ? '' : error;
+    return (React__default.default.createElement("label", { className: cn__default.default(styles__default.default.component, styles__default.default[align], className, (_b = {},
+            _b[styles__default.default.disabled] = disabled || inactive,
+            _b[styles__default.default.checked] = checked,
+            _b[styles__default.default.reversed] = reversed,
+            _b[styles__default.default.focused] = focused,
+            _b[styles__default.default.block] = block,
+            _b)), ref: mergeRefs__default.default([labelRef, ref]) },
+        React__default.default.createElement("input", tslib.__assign({ type: 'checkbox', onChange: handleChange, disabled: disabled || inactive, checked: checked, name: name, value: value, "data-test-id": dataTestId }, restProps)),
+        React__default.default.createElement("span", { className: styles__default.default.switch }),
+        (label || hint || errorMessage) && (React__default.default.createElement("span", { className: styles__default.default.content },
+            label && React__default.default.createElement("span", { className: styles__default.default.label }, label),
+            hint && !errorMessage && React__default.default.createElement("span", { className: styles__default.default.hint }, hint),
+            errorMessage && (React__default.default.createElement("span", { className: styles__default.default.errorMessage, role: 'alert' }, errorMessage)))),
         addons && (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-        React.createElement("span", { className: styles.addons, onClick: dom.preventDefault }, addons))));
+        React__default.default.createElement("span", { className: styles__default.default.addons, onClick: coreComponentsShared.dom.preventDefault }, addons))));
 });
 
-export { Switch };
+exports.Switch = Switch;

package/switch/cssm/index.js

@@ -1,7 +1,7 @@
-export { Switch } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../shared/cssm';
-import '@alfalab/hooks';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Switch = Component.Switch;

package/system-message/Components.responsive.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SystemMessageResponsiveComponent = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/system-message/cssm/Component.js

@@ -1,41 +1,53 @@
-import React, { useMemo, isValidElement } from 'react';
-import cn from 'classnames';
-import { createPaddingStyle } from '../../shared/cssm';
-import { SystemMessageContext } from './Context.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const isControlsElement = (obj) => typeof obj === 'object' && obj.type.displayName === 'Controls';
-const DEFAULT_DESKTOP_PADDING = { left: 40, right: 40, bottom: 24 };
-const DEFAULT_MOBILE_PADDING = undefined;
-const SystemMessage = ({ view, dataTestId, children, fullHeight, padding: paddingProp, className, }) => {
-    const contextValue = useMemo(() => ({ dataTestId, view, fullHeight }), [view, dataTestId, fullHeight]);
-    const renderChildrenWithFullHeight = () => {
-        const renderCloned = (child, extraClassName) => React.cloneElement(child, {
-            ...child.props,
-            className: cn(child.props.className, extraClassName),
-        });
-        const childrenArray = React.Children.toArray(children);
-        const childrenCount = childrenArray.length;
-        return childrenArray.map((child, idx) => {
-            const isFirstElement = idx === 0;
-            const isLastElement = idx + 1 === childrenCount;
-            if (isFirstElement && isValidElement(child)) {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../shared/cssm');
+var Context = require('./Context.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var isControlsElement = function (obj) {
+    return typeof obj === 'object' && obj.type.displayName === 'Controls';
+};
+var DEFAULT_DESKTOP_PADDING = { left: 40, right: 40, bottom: 24 };
+var DEFAULT_MOBILE_PADDING = undefined;
+var SystemMessage = function (_a) {
+    var _b;
+    var view = _a.view, dataTestId = _a.dataTestId, children = _a.children, fullHeight = _a.fullHeight, paddingProp = _a.padding, className = _a.className;
+    var contextValue = React.useMemo(function () { return ({ dataTestId: dataTestId, view: view, fullHeight: fullHeight }); }, [view, dataTestId, fullHeight]);
+    var renderChildrenWithFullHeight = function () {
+        var renderCloned = function (child, extraClassName) {
+            return React__default.default.cloneElement(child, tslib.__assign(tslib.__assign({}, child.props), { className: cn__default.default(child.props.className, extraClassName) }));
+        };
+        var childrenArray = React__default.default.Children.toArray(children);
+        var childrenCount = childrenArray.length;
+        return childrenArray.map(function (child, idx) {
+            var isFirstElement = idx === 0;
+            var isLastElement = idx + 1 === childrenCount;
+            if (isFirstElement && React.isValidElement(child)) {
                 if (isLastElement) {
-                    return renderCloned(child, styles.both);
+                    return renderCloned(child, styles__default.default.both);
                 }
-                return renderCloned(child, styles.first);
+                return renderCloned(child, styles__default.default.first);
             }
-            if (isLastElement && isValidElement(child)) {
-                return renderCloned(child, isControlsElement(child) ? styles.controls : styles.last);
+            if (isLastElement && React.isValidElement(child)) {
+                return renderCloned(child, isControlsElement(child) ? styles__default.default.controls : styles__default.default.last);
             }
             return child;
         });
     };
-    const padding = paddingProp ?? (view === 'desktop' ? DEFAULT_DESKTOP_PADDING : DEFAULT_MOBILE_PADDING);
-    return (React.createElement(SystemMessageContext.Provider, { value: contextValue },
-        React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, className, {
-                [styles.fullHeight]: fullHeight,
-            }), style: createPaddingStyle(padding) }, fullHeight ? renderChildrenWithFullHeight() : children)));
+    var padding = paddingProp !== null && paddingProp !== void 0 ? paddingProp : (view === 'desktop' ? DEFAULT_DESKTOP_PADDING : DEFAULT_MOBILE_PADDING);
+    return (React__default.default.createElement(Context.SystemMessageContext.Provider, { value: contextValue },
+        React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, className, (_b = {},
+                _b[styles__default.default.fullHeight] = fullHeight,
+                _b)), style: coreComponentsShared.createPaddingStyle(padding) }, fullHeight ? renderChildrenWithFullHeight() : children)));
 };
 
-export { SystemMessage };
+exports.SystemMessage = SystemMessage;

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

@@ -1,30 +1,23 @@
-import React from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { isClient } from '../../shared/cssm';
-import { SystemMessage } from './Component.js';
-import { createCompound } from './utils.js';
-import 'classnames';
-import './Context.js';
-import './index.module.css';
-import './components/caption/Component.js';
-import './components/caption/index.module.css';
-import './components/controls/Component.js';
-import './components/controls/index.module.css';
-import './components/graphic/Component.js';
-import './components/graphic/index.module.css';
-import './components/subtitle/Component.js';
-import './components/subtitle/index.module.css';
-import './components/title/Component.js';
-import './components/title/desktop.module.css';
-import './components/title/index.module.css';
-import './components/title/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SystemMessageResponsiveComponent = ({ breakpoint = 1024, defaultMatchMediaValue, children, ...restProps }) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
-    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);
-    return (React.createElement(SystemMessage, { ...restProps, view: isDesktop ? 'desktop' : 'mobile' }, children));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
+var Component = require('./Component.js');
+var utils = require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SystemMessageResponsiveComponent = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    return (React__default.default.createElement(Component.SystemMessage, tslib.__assign({}, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
 };
-const SystemMessageResponsive = createCompound(SystemMessageResponsiveComponent);
+var SystemMessageResponsive = utils.createCompound(SystemMessageResponsiveComponent);
 
-export { SystemMessageResponsive };
+exports.SystemMessageResponsive = SystemMessageResponsive;

package/system-message/cssm/Context.js

@@ -1,7 +1,13 @@
-import React from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SystemMessageContext = React.createContext({
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SystemMessageContext = React__default.default.createContext({
     view: 'desktop',
 });
 
-export { SystemMessageContext };
+exports.SystemMessageContext = SystemMessageContext;

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

@@ -1,13 +1,22 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { getDataTestId, createPaddingStyle } from '../../../../shared/cssm';
-import { SystemMessageContext } from '../../Context.js';
-import styles from './index.module.css';
-
-const DEFAULT_PADDING = { bottom: 12 };
-const Caption = ({ className, children, padding = DEFAULT_PADDING, }) => {
-    const { dataTestId } = useContext(SystemMessageContext);
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": getDataTestId(dataTestId, 'caption'), style: createPaddingStyle(padding) }, children));
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var Context = require('../../Context.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var DEFAULT_PADDING = { bottom: 12 };
+var Caption = function (_a) {
+    var className = _a.className, children = _a.children, _b = _a.padding, padding = _b === void 0 ? DEFAULT_PADDING : _b;
+    var dataTestId = React.useContext(Context.SystemMessageContext).dataTestId;
+    return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'caption'), style: coreComponentsShared.createPaddingStyle(padding) }, children));
 };
 
-export { Caption };
+exports.Caption = Caption;

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

@@ -1,6 +1,7 @@
-export { Caption } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../shared/cssm';
-import '../../Context.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_caption_Component = require('./Component.js');
+
+
+
+exports.Caption = components_caption_Component.Caption;

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

@@ -1,24 +1,34 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { getDataTestId, createPaddingStyle } from '../../../../shared/cssm';
-import { SystemMessageContext } from '../../Context.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_DESKTOP_PADDING = { top: 24 };
-const DEFAULT_MOBILE_PADDING = { top: 16 };
-const Controls = ({ direction: directionProp, children, className, padding: paddingProp, }) => {
-    const { dataTestId, view } = useContext(SystemMessageContext);
-    const defaultDirection = view === 'mobile' ? 'column' : 'row';
-    const direction = directionProp || defaultDirection;
-    const isMultipleElements = React.Children.toArray(children).length > 1;
-    const isColumn = isMultipleElements && direction === 'column';
-    const padding = paddingProp ?? (view === 'mobile' ? DEFAULT_MOBILE_PADDING : DEFAULT_DESKTOP_PADDING);
-    return (React.createElement("div", { className: cn(styles.component, className, {
-            [styles.row]: !isColumn,
-            [styles.column]: isColumn,
-            [styles.stretch]: isMultipleElements || view === 'mobile',
-        }), "data-test-id": getDataTestId(dataTestId, 'controls'), style: createPaddingStyle(padding) }, children));
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var Context = require('../../Context.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var DEFAULT_DESKTOP_PADDING = { top: 24 };
+var DEFAULT_MOBILE_PADDING = { top: 16 };
+var Controls = function (_a) {
+    var _b;
+    var directionProp = _a.direction, children = _a.children, className = _a.className, paddingProp = _a.padding;
+    var _c = React.useContext(Context.SystemMessageContext), dataTestId = _c.dataTestId, view = _c.view;
+    var defaultDirection = view === 'mobile' ? 'column' : 'row';
+    var direction = directionProp || defaultDirection;
+    var isMultipleElements = React__default.default.Children.toArray(children).length > 1;
+    var isColumn = isMultipleElements && direction === 'column';
+    var padding = paddingProp !== null && paddingProp !== void 0 ? paddingProp : (view === 'mobile' ? DEFAULT_MOBILE_PADDING : DEFAULT_DESKTOP_PADDING);
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
+            _b[styles__default.default.row] = !isColumn,
+            _b[styles__default.default.column] = isColumn,
+            _b[styles__default.default.stretch] = isMultipleElements || view === 'mobile',
+            _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'controls'), style: coreComponentsShared.createPaddingStyle(padding) }, children));
 };
 Controls.displayName = 'Controls';
 
-export { Controls };
+exports.Controls = Controls;

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

@@ -1,6 +1,7 @@
-export { Controls } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../shared/cssm';
-import '../../Context.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_controls_Component = require('./Component.js');
+
+
+
+exports.Controls = components_controls_Component.Controls;

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

@@ -1,13 +1,22 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { getDataTestId, createPaddingStyle } from '../../../../shared/cssm';
-import { SystemMessageContext } from '../../Context.js';
-import styles from './index.module.css';
-
-const DEFAULT_PADDING = { bottom: 24 };
-const Graphic = ({ children, className, padding = DEFAULT_PADDING, }) => {
-    const { dataTestId } = useContext(SystemMessageContext);
-    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": getDataTestId(dataTestId, 'graphic'), style: createPaddingStyle(padding) }, children));
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var Context = require('../../Context.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var DEFAULT_PADDING = { bottom: 24 };
+var Graphic = function (_a) {
+    var children = _a.children, className = _a.className, _b = _a.padding, padding = _b === void 0 ? DEFAULT_PADDING : _b;
+    var dataTestId = React.useContext(Context.SystemMessageContext).dataTestId;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'graphic'), style: coreComponentsShared.createPaddingStyle(padding) }, children));
 };
 
-export { Graphic };
+exports.Graphic = Graphic;

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

@@ -1,6 +1,7 @@
-export { Graphic } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../shared/cssm';
-import '../../Context.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_graphic_Component = require('./Component.js');
+
+
+
+exports.Graphic = components_graphic_Component.Graphic;

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

@@ -1,13 +1,22 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { getDataTestId, createPaddingStyle } from '../../../../shared/cssm';
-import { SystemMessageContext } from '../../Context.js';
-import styles from './index.module.css';
-
-const DEFAULT_PADDING = { bottom: 12 };
-const Subtitle = ({ className, children, padding = DEFAULT_PADDING, }) => {
-    const { dataTestId } = useContext(SystemMessageContext);
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": getDataTestId(dataTestId, 'subtitle'), style: createPaddingStyle(padding) }, children));
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var Context = require('../../Context.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var DEFAULT_PADDING = { bottom: 12 };
+var Subtitle = function (_a) {
+    var className = _a.className, children = _a.children, _b = _a.padding, padding = _b === void 0 ? DEFAULT_PADDING : _b;
+    var dataTestId = React.useContext(Context.SystemMessageContext).dataTestId;
+    return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle'), style: coreComponentsShared.createPaddingStyle(padding) }, children));
 };
 
-export { Subtitle };
+exports.Subtitle = Subtitle;

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

@@ -1,6 +1,7 @@
-export { Subtitle } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../shared/cssm';
-import '../../Context.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_subtitle_Component = require('./Component.js');
+
+
+
+exports.Subtitle = components_subtitle_Component.Subtitle;

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

@@ -1,21 +1,33 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { getDataTestId, createPaddingStyle } from '../../../../shared/cssm';
-import { SystemMessageContext } from '../../Context.js';
-import desktopStyles from './desktop.module.css';
-import styles from './index.module.css';
-import mobileStyles from './mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_DESKTOP_PADDING = { bottom: 16 };
-const DEFAULT_MOBILE_PADDING = { bottom: 12 };
-const Title = ({ tag = 'h3', className, children, padding: paddingProp, }) => {
-    const { dataTestId, view } = useContext(SystemMessageContext);
-    const padding = paddingProp ?? (view === 'mobile' ? DEFAULT_MOBILE_PADDING : DEFAULT_DESKTOP_PADDING);
-    const Component = tag;
-    return (React.createElement(Component, { className: cn(styles.component, className, {
-            [desktopStyles.component]: view === 'desktop',
-            [mobileStyles.component]: view === 'mobile',
-        }), "data-test-id": getDataTestId(dataTestId, 'title'), style: createPaddingStyle(padding) }, children));
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var Context = require('../../Context.js');
+var desktopStyles = require('./desktop.module.css');
+var styles = require('./index.module.css');
+var mobileStyles = require('./mobile.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var desktopStyles__default = /*#__PURE__*/_interopDefaultCompat(desktopStyles);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var mobileStyles__default = /*#__PURE__*/_interopDefaultCompat(mobileStyles);
+
+var DEFAULT_DESKTOP_PADDING = { bottom: 16 };
+var DEFAULT_MOBILE_PADDING = { bottom: 12 };
+var Title = function (_a) {
+    var _b;
+    var _c = _a.tag, tag = _c === void 0 ? 'h3' : _c, className = _a.className, children = _a.children, paddingProp = _a.padding;
+    var _d = React.useContext(Context.SystemMessageContext), dataTestId = _d.dataTestId, view = _d.view;
+    var padding = paddingProp !== null && paddingProp !== void 0 ? paddingProp : (view === 'mobile' ? DEFAULT_MOBILE_PADDING : DEFAULT_DESKTOP_PADDING);
+    var Component = tag;
+    return (React__default.default.createElement(Component, { className: cn__default.default(styles__default.default.component, className, (_b = {},
+            _b[desktopStyles__default.default.component] = view === 'desktop',
+            _b[mobileStyles__default.default.component] = view === 'mobile',
+            _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'title'), style: coreComponentsShared.createPaddingStyle(padding) }, children));
 };
 
-export { Title };
+exports.Title = Title;

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

@@ -1,8 +1,7 @@
-export { Title } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../shared/cssm';
-import '../../Context.js';
-import './desktop.module.css';
-import './index.module.css';
-import './mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_title_Component = require('./Component.js');
+
+
+
+exports.Title = components_title_Component.Title;