@alfalab/core-components 26.5.2-beta.0 → 26.5.2-beta.3

package/toast/cssm/component.js

@@ -9,14 +9,12 @@ var coreComponentsToastPlate = require('../../toast-plate/cssm');
 var coreComponentsPopover = require('../../popover/cssm');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -57,11 +55,13 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
 var CSS_TRANSITION_CLASS_NAMES = {
-    enter: styles__default['default'].enter,
-    enterActive: styles__default['default'].enterActive,
-    exit: styles__default['default'].exit,
-    exitActive: styles__default['default'].exitActive,
+    enter: styles.enter,
+    enterActive: styles.enterActive,
+    exit: styles.exit,
+    exitActive: styles.exitActive,
 };
 var DefaultToastPlate = React.forwardRef(function (props, ref) { return (React__default['default'].createElement(coreComponentsToastPlate.ToastPlate, __assign({ ref: ref }, props))); });
 var Toast = React.forwardRef(function (_a, ref) {
@@ -114,12 +114,12 @@ var Toast = React.forwardRef(function (_a, ref) {
         ref: mergeRefs__default['default']([ref, plateRef]),
     };
     if (anchorElement) {
-        return (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, anchorElement: anchorElement, position: position, offset: offset, popperClassName: styles__default['default'].popoverInner, className: cn__default['default']((_b = {}, _b[styles__default['default'].block] = block, _b)), transition: { timeout: 150 }, getPortalContainer: getPortalContainer, zIndex: zIndex },
+        return (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, anchorElement: anchorElement, position: position, offset: offset, popperClassName: styles.popoverInner, className: cn__default['default']((_b = {}, _b[styles.block] = block, _b)), transition: { timeout: 150 }, getPortalContainer: getPortalContainer, zIndex: zIndex },
             React__default['default'].createElement(ToastPlate, __assign({}, restProps, { style: style, className: className }, props))));
     }
     return (React__default['default'].createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default['default'].createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer },
         React__default['default'].createElement(reactTransitionGroup.CSSTransition, { unmountOnExit: true, in: open, timeout: 150, classNames: CSS_TRANSITION_CLASS_NAMES },
-            React__default['default'].createElement(ToastPlate, __assign({}, restProps, { className: cn__default['default'](styles__default['default'].fixed, styles__default['default'].toastPlate, className), style: __assign(__assign({}, style), { bottom: bottomOffset && bottomOffset + "px", zIndex: computedZIndex }) }, props))))); }));
+            React__default['default'].createElement(ToastPlate, __assign({}, restProps, { className: cn__default['default'](styles.fixed, styles.toastPlate, className), style: __assign(__assign({}, style), { bottom: bottomOffset && bottomOffset + "px", zIndex: computedZIndex }) }, props))))); }));
 });
 
 exports.Toast = Toast;

package/toast/cssm/index.js

@@ -10,7 +10,6 @@ require('../../toast-plate/cssm');
 require('../../popover/cssm');
 require('../../portal/cssm');
 require('../../stack/cssm');
-require('./index.module.css');
 
 
 

package/toast-plate/cssm/component.js

@@ -8,13 +8,11 @@ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
 var AlertCircleMIcon = require('@alfalab/icons-glyph/AlertCircleMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -55,10 +53,12 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
 var iconDefaultComponents = {
-    negative: React__default['default'].createElement(CrossCircleMIcon.CrossCircleMIcon, { className: styles__default['default'].badgeIcon }),
-    positive: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default['default'].badgeIcon }),
-    attention: React__default['default'].createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles__default['default'].badgeIcon }),
+    negative: React__default['default'].createElement(CrossCircleMIcon.CrossCircleMIcon, { className: styles.badgeIcon }),
+    positive: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles.badgeIcon }),
+    attention: React__default['default'].createElement(AlertCircleMIcon.AlertCircleMIcon, { className: styles.badgeIcon }),
 };
 var ToastPlate = React.forwardRef(function (_a, ref) {
     var _b, _c;
@@ -72,17 +72,17 @@ var ToastPlate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    return (React__default['default'].createElement("div", __assign({ className: cn__default['default'](styles__default['default'].component, (_b = {}, _b[styles__default['default'].block] = block, _b[styles__default['default'].hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
-        React__default['default'].createElement("div", { className: styles__default['default'].contentWrap },
-            React__default['default'].createElement("div", { className: cn__default['default'](contentClassName, styles__default['default'].content) },
-                needRenderLeftAddons && (React__default['default'].createElement("div", { className: styles__default['default'].leftAddons }, leftAddons || (React__default['default'].createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: styles__default['default'].badge, dataTestId: 'badge' })))),
+    return (React__default['default'].createElement("div", __assign({ className: cn__default['default'](styles.component, (_b = {}, _b[styles.block] = block, _b[styles.hasCloser] = hasCloser, _b), className), ref: ref, "data-test-id": dataTestId }, restProps),
+        React__default['default'].createElement("div", { className: styles.contentWrap },
+            React__default['default'].createElement("div", { className: cn__default['default'](contentClassName, styles.content) },
+                needRenderLeftAddons && (React__default['default'].createElement("div", { className: styles.leftAddons }, leftAddons || (React__default['default'].createElement(coreComponentsBadge.Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: styles.badge, dataTestId: 'badge' })))),
                 React__default['default'].createElement("div", null,
-                    title && React__default['default'].createElement("div", { className: styles__default['default'].title }, title),
-                    children && React__default['default'].createElement("div", { className: styles__default['default'].children }, children))),
-            actionButton && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].actionSection, (_c = {},
-                    _c[styles__default['default'].hasCloser] = hasCloser,
+                    title && React__default['default'].createElement("div", { className: styles.title }, title),
+                    children && React__default['default'].createElement("div", { className: styles.children }, children))),
+            actionButton && (React__default['default'].createElement("div", { className: cn__default['default'](styles.actionSection, (_c = {},
+                    _c[styles.hasCloser] = hasCloser,
                     _c)) }, actionButton)),
-            hasCloser && (React__default['default'].createElement(coreComponentsButton.Button, { colors: 'inverted', className: cn__default['default'](styles__default['default'].closeButton), view: 'ghost', onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', leftAddons: React__default['default'].createElement(CrossMIcon.CrossMIcon, null) })))));
+            hasCloser && (React__default['default'].createElement(coreComponentsButton.Button, { colors: 'inverted', className: cn__default['default'](styles.closeButton), view: 'ghost', onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', leftAddons: React__default['default'].createElement(CrossMIcon.CrossMIcon, null) })))));
 });
 
 exports.ToastPlate = ToastPlate;

package/toast-plate/cssm/index.js

@@ -9,7 +9,6 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CrossCircleMIcon');
 require('@alfalab/icons-glyph/AlertCircleMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
-require('./index.module.css');
 
 
 

package/tooltip/cssm/{Component-c1f568b7.js → Component-f4217f95.js}

@@ -2,14 +2,12 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var coreComponentsPopover = require('../../popover/cssm');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,6 +48,8 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
 var Tooltip = function (_a) {
     var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements, _h = _a.preventOverflow, preventOverflow = _h === void 0 ? true : _h, _j = _a.availableHeight, availableHeight = _j === void 0 ? false : _j, _k = _a.anchor, anchor = _k === void 0 ? null : _k;
     var _l = React.useState(!!forcedOpen), visible = _l[0], setVisible = _l[1];
@@ -138,7 +138,7 @@ var Tooltip = function (_a) {
     };
     var getTargetProps = function () {
         var props = {
-            className: cn__default['default'](styles__default['default'].target, targetClassName),
+            className: cn__default['default'](styles.target, targetClassName),
         };
         switch (trigger) {
             case 'click':
@@ -153,7 +153,7 @@ var Tooltip = function (_a) {
         var props = {
             ref: contentRef,
             'data-test-id': dataTestId,
-            className: cn__default['default'](styles__default['default'].component, contentClassName),
+            className: cn__default['default'](styles.component, contentClassName),
         };
         switch (trigger) {
             case 'hover':
@@ -164,9 +164,9 @@ var Tooltip = function (_a) {
     };
     return (React__default['default'].createElement(React.Fragment, null,
         React__default['default'].createElement("div", exports.__assign({ ref: mergeRefs__default['default']([targetRef, setTarget]) }, getTargetProps()),
-            children.props.disabled && React__default['default'].createElement("div", { className: styles__default['default'].overlap }),
+            children.props.disabled && React__default['default'].createElement("div", { className: styles.overlap }),
             children),
-        React__default['default'].createElement(coreComponentsPopover.Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default['default'](arrowClassName, styles__default['default'].arrow), popperClassName: cn__default['default'](styles__default['default'].popper, styles__default['default'][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
+        React__default['default'].createElement(coreComponentsPopover.Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default['default'](arrowClassName, styles.arrow), popperClassName: cn__default['default'](styles.popper, styles[view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
             React__default['default'].createElement("div", exports.__assign({}, getContentProps()), content))));
 };
 

package/tooltip/cssm/Component.js

@@ -1,11 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-c1f568b7.js');
+var Component = require('./Component-f4217f95.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('../../popover/cssm');
-require('./index.module.css');
 
 
 

package/tooltip/cssm/component.responsive.js

@@ -1,21 +1,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-c1f568b7.js');
+var Component = require('./Component-f4217f95.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');
 require('../../popover/cssm');
-require('./index.module.css');
 var hooks = require('@alfalab/hooks');
 var coreComponentsBottomSheet = require('../../bottom-sheet/cssm');
 var coreComponentsButton = require('../../button/cssm');
 var utils = require('./utils.js');
-var styles = require('./responsive.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./responsive.module.css");
 
 var TooltipResponsive = function (_a) {
     var _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'mobile' : _b, content = _a.content, children = _a.children, open = _a.open, onOpen = _a.onOpen, onClose = _a.onClose, _c = _a.actionButtonTitle, actionButtonTitle = _c === void 0 ? 'Понятно' : _c, hasCloser = _a.hasCloser, restProps = Component.__rest(_a, ["defaultMatch", "content", "children", "open", "onOpen", "onClose", "actionButtonTitle", "hasCloser"]);
@@ -43,8 +42,8 @@ var TooltipResponsive = function (_a) {
     var isMobile = view === 'mobile';
     return isMobile ? (React__default['default'].createElement(React.Fragment, null,
         React__default['default'].createElement(coreComponentsBottomSheet.BottomSheet, Component.__assign({}, restProps, { open: Boolean(openValue), onClose: handleClose, hasCloser: hasCloser, actionButton: React__default['default'].createElement(coreComponentsButton.Button, { view: 'secondary', block: true, size: 's', onClick: handleClose }, actionButtonTitle) }), content),
-        React__default['default'].createElement("div", { onClick: handleOpen, className: styles__default['default'].target },
-            (children === null || children === void 0 ? void 0 : children.props.disabled) && React__default['default'].createElement("div", { className: styles__default['default'].overlap }),
+        React__default['default'].createElement("div", { onClick: handleOpen, className: styles.target },
+            (children === null || children === void 0 ? void 0 : children.props.disabled) && React__default['default'].createElement("div", { className: styles.overlap }),
             children))) : (React__default['default'].createElement(Component.Tooltip, Component.__assign({}, restProps, { content: content, onOpen: handleOpen }), children));
 };
 

package/tooltip/cssm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-c1f568b7";
+export * from "./Component-f4217f95";

package/tooltip/cssm/index.js

@@ -1,11 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-c1f568b7.js');
+var Component = require('./Component-f4217f95.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('../../popover/cssm');
-require('./index.module.css');
 
 
 

package/tooltip/cssm/responsive.js

@@ -1,16 +1,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-c1f568b7.js');
+require('./Component-f4217f95.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('../../popover/cssm');
-require('./index.module.css');
 require('@alfalab/hooks');
 require('../../bottom-sheet/cssm');
 require('../../button/cssm');
 require('./utils.js');
-require('./responsive.module.css');
 var component_responsive = require('./component.responsive.js');
 
 

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-1dd6f77a.js');
+require('./colors.module-5e6e050f.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-0f4bf3a4.js');
+require('./common.module-77a13f7b.js');
 var title_index = require('./title/index.js');
 var text_component = require('./text/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');

package/typography/cssm/colors.module-61cb08ba.js

@@ -0,0 +1,43 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+exports.__assign = function () {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var colors = require("../colors.module.css");
+
+exports.__rest = __rest;
+exports.colors = colors;

package/typography/cssm/common.module-cad1ed9b.js

@@ -0,0 +1,3 @@
+var commonStyles = require("../title/common.module.css");
+
+exports.commonStyles = commonStyles;

package/typography/cssm/component.js

@@ -1,18 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./colors.module-61cb08ba.js');
 require('react');
 require('classnames');
-require('./colors.module.css');
 require('./title/component.js');
-require('./title/common.module.css');
-require('./title/index.module.css');
+require('./common.module-cad1ed9b.js');
 var title_index = require('./title/index.js');
-require('./text/index.module.css');
 var text_component = require('./text/component.js');
-require('./title-responsive/index.module.css');
 var titleResponsive_component = require('./title-responsive/component.js');
-require('./title-mobile/index.module.css');
 var titleMobile_component = require('./title-mobile/component.js');
 
 var Typography = {

package/typography/cssm/index.js

@@ -1,18 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./colors.module-61cb08ba.js');
 require('react');
 require('classnames');
-require('./colors.module.css');
 require('./title/component.js');
-require('./title/common.module.css');
-require('./title/index.module.css');
+require('./common.module-cad1ed9b.js');
 require('./title/index.js');
-require('./text/index.module.css');
 require('./text/component.js');
-require('./title-responsive/index.module.css');
 require('./title-responsive/component.js');
-require('./title-mobile/index.module.css');
 require('./title-mobile/component.js');
 var component = require('./component.js');
 var presets = require('./presets.js');

package/typography/cssm/text/component.js

@@ -1,22 +1,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-ce870b46.js');
+var colors_module = require('../colors.module-61cb08ba.js');
 var React = require('react');
 var cn = require('classnames');
-var colors = require('../colors.module.css');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var colors__default = /*#__PURE__*/_interopDefaultLegacy(colors);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var Text = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, _e = _a.weight, weight = _e === void 0 ? 'regular' : _e, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = tslib_es6.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "color", "className", "dataTestId", "children"]);
-    return (React__default['default'].createElement(Component, tslib_es6.__assign({ className: cn__default['default']((_b = {}, _b[styles__default['default'].paragraph] = Component === 'p', _b[styles__default['default'].monospace] = monospaceNumbers, _b), className, color && colors__default['default'][color], styles__default['default'][view], styles__default['default'][weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, _e = _a.weight, weight = _e === void 0 ? 'regular' : _e, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = colors_module.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "color", "className", "dataTestId", "children"]);
+    return (React__default['default'].createElement(Component, colors_module.__assign({ className: cn__default['default']((_b = {}, _b[styles.paragraph] = Component === 'p', _b[styles.monospace] = monospaceNumbers, _b), className, color && colors_module.colors[color], styles[view], styles[weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 
 exports.Text = Text;

package/typography/cssm/text/index.js

@@ -1,10 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-ce870b46.js');
+require('../colors.module-61cb08ba.js');
 require('react');
 require('classnames');
-require('../colors.module.css');
-require('./index.module.css');
 var text_component = require('./component.js');
 
 

package/typography/cssm/title/component.js

@@ -1,19 +1,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-ce870b46.js');
+var colors_module = require('../colors.module-61cb08ba.js');
 var React = require('react');
 var cn = require('classnames');
-var colors = require('../colors.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var colors__default = /*#__PURE__*/_interopDefaultLegacy(colors);
 
 var Title = React.forwardRef(function (_a, ref) {
-    var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, _c = _a.view, view = _c === void 0 ? 'medium' : _c, _d = _a.font, font = _d === void 0 ? 'styrene' : _d, _e = _a.weight, weight = _e === void 0 ? font === 'styrene' ? 'medium' : 'bold' : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, styles = _a.styles, restProps = tslib_es6.__rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "styles"]);
-    return (React__default['default'].createElement(Component, tslib_es6.__assign({ className: cn__default['default'](styles.component, className, styles[font + "-" + view], defaultMargins && styles["margins-" + view], styles[weight], color && colors__default['default'][color]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+    var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, _c = _a.view, view = _c === void 0 ? 'medium' : _c, _d = _a.font, font = _d === void 0 ? 'styrene' : _d, _e = _a.weight, weight = _e === void 0 ? font === 'styrene' ? 'medium' : 'bold' : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, styles = _a.styles, restProps = colors_module.__rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "styles"]);
+    return (React__default['default'].createElement(Component, colors_module.__assign({ className: cn__default['default'](styles.component, className, styles[font + "-" + view], defaultMargins && styles["margins-" + view], styles[weight], color && colors_module.colors[color]), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 
 exports.Title = Title;

package/typography/cssm/title/index.js

@@ -1,25 +1,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-ce870b46.js');
+var colors_module = require('../colors.module-61cb08ba.js');
 var React = require('react');
 require('classnames');
-require('../colors.module.css');
 var title_component = require('./component.js');
-var commonStyles = require('./common.module.css');
-var styles = require('./index.module.css');
+var common_module = require('../common.module-cad1ed9b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var commonStyles__default = /*#__PURE__*/_interopDefaultLegacy(commonStyles);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var Title = function (props) {
     /**
      * Если поменять Object.assign на деструктуризацию, то упадут тесты.
      * Видимо, это особенность работы jest и css-modules.
      */
-    return React__default['default'].createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default['default'], styles__default['default']) }));
+    return React__default['default'].createElement(title_component.Title, colors_module.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }));
 };
 
 exports.Title = Title;

package/typography/cssm/title-mobile/component.js

@@ -1,25 +1,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-ce870b46.js');
+var colors_module = require('../colors.module-61cb08ba.js');
 var React = require('react');
 require('classnames');
-require('../colors.module.css');
 var title_component = require('../title/component.js');
-var commonStyles = require('../title/common.module.css');
-var styles = require('./index.module.css');
+var common_module = require('../common.module-cad1ed9b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var commonStyles__default = /*#__PURE__*/_interopDefaultLegacy(commonStyles);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var TitleMobile = function (props) {
     /**
      * Если поменять Object.assign на деструктуризацию, то упадут тесты.
      * Видимо, это особенность работы jest и css-modules.
      */
-    return React__default['default'].createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default['default'], styles__default['default']) }));
+    return React__default['default'].createElement(title_component.Title, colors_module.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }));
 };
 
 exports.TitleMobile = TitleMobile;

package/typography/cssm/title-mobile/index.js

@@ -1,12 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-ce870b46.js');
+require('../colors.module-61cb08ba.js');
 require('react');
 require('classnames');
-require('../colors.module.css');
 require('../title/component.js');
-require('../title/common.module.css');
-require('./index.module.css');
+require('../common.module-cad1ed9b.js');
 var titleMobile_component = require('./component.js');
 
 

package/typography/cssm/title-responsive/component.js

@@ -1,25 +1,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-ce870b46.js');
+var colors_module = require('../colors.module-61cb08ba.js');
 var React = require('react');
 require('classnames');
-require('../colors.module.css');
 var title_component = require('../title/component.js');
-var commonStyles = require('../title/common.module.css');
-var styles = require('./index.module.css');
+var common_module = require('../common.module-cad1ed9b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var commonStyles__default = /*#__PURE__*/_interopDefaultLegacy(commonStyles);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var TitleResponsive = function (props) {
     /**
      * Если поменять Object.assign на деструктуризацию, то упадут тесты.
      * Видимо, это особенность работы jest и css-modules.
      */
-    return React__default['default'].createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default['default'], styles__default['default']) }));
+    return React__default['default'].createElement(title_component.Title, colors_module.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }));
 };
 
 exports.TitleResponsive = TitleResponsive;

package/typography/cssm/title-responsive/index.js

@@ -1,12 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-ce870b46.js');
+require('../colors.module-61cb08ba.js');
 require('react');
 require('classnames');
-require('../colors.module.css');
 require('../title/component.js');
-require('../title/common.module.css');
-require('./index.module.css');
+require('../common.module-cad1ed9b.js');
 var titleResponsive_component = require('./component.js');
 
 

package/typography/esm/component.js

@@ -1,5 +1,5 @@
-import './colors.module-2a61ba1d.js';
-import './common.module-4ad6f05d.js';
+import './colors.module-8a5cdf21.js';
+import './common.module-664a4032.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/index.js

@@ -1,5 +1,5 @@
-import './colors.module-2a61ba1d.js';
-import './common.module-4ad6f05d.js';
+import './colors.module-8a5cdf21.js';
+import './common.module-664a4032.js';
 import 'react';
 import 'classnames';
 import './title/component.js';