@alfalab/core-components 37.3.0-beta.2 → 37.4.0

package/tooltip/desktop.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-d39af1a1.js');
+var Component = require('./Component-e056e813.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/tooltip/esm/Component.js

@@ -1,4 +1,4 @@
-export { T as TooltipDesktop } from './Component-99b4fbf6.js';
+export { T as TooltipDesktop } from './Component-088c25a0.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/esm/component.responsive.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, T as TooltipDesktop } from './Component-99b4fbf6.js';
+import { _ as __rest, a as __assign, T as TooltipDesktop } from './Component-088c25a0.js';
 import React, { Fragment } from 'react';
 import cn from 'classnames';
 import { BottomSheet } from '../../bottom-sheet/esm';

package/tooltip/esm/desktop.d.ts

@@ -1 +1 @@
-export * from "./Component-99b4fbf6";
+export * from "./Component-088c25a0";

package/tooltip/esm/desktop.js

@@ -1,4 +1,4 @@
-export { T as TooltipDesktop } from './Component-99b4fbf6.js';
+export { T as TooltipDesktop } from './Component-088c25a0.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/esm/index.js

@@ -1,4 +1,4 @@
-export { T as Tooltip } from './Component-99b4fbf6.js';
+export { T as Tooltip } from './Component-088c25a0.js';
 export { TooltipResponsive } from './component.responsive.js';
 import 'react';
 import 'react-merge-refs';

package/tooltip/esm/responsive.js

@@ -1,5 +1,5 @@
 export { TooltipResponsive } from './component.responsive.js';
-import './Component-99b4fbf6.js';
+import './Component-088c25a0.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/index.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-d39af1a1.js');
+var Component = require('./Component-e056e813.js');
 var component_responsive = require('./component.responsive.js');
 require('react');
 require('react-merge-refs');

package/tooltip/responsive.js

@@ -1,5 +1,5 @@
 var component_responsive = require('./component.responsive.js');
-require('./Component-d39af1a1.js');
+require('./Component-e056e813.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/typography/component.js

@@ -2,11 +2,11 @@ var text_component = require('./text/component.js');
 var title_index = require('./title/index.js');
 var titleMobile_component = require('./title-mobile/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');
-require('./colors.module-dfe143e5.js');
+require('./colors.module-bc993287.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-3c31ccca.js');
+require('./common.module-0a9ad0fb.js');
 
 var Typography = {
     Title: title_index.Title,

package/typography/cssm/text/component.d.ts

@@ -41,6 +41,10 @@ type TextBaseProps = {
      * Добавляет отступы к тэгу 'p'
      */
     defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
     tag?: 'p';

package/typography/cssm/text/component.js

@@ -13,11 +13,12 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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, weight = _a.weight, _e = _a.monospaceNumbers, monospaceNumbers = _e === void 0 ? false : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? true : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = tslib_es6.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children"]);
+    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, weight = _a.weight, _e = _a.monospaceNumbers, monospaceNumbers = _e === void 0 ? false : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? true : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, restProps = tslib_es6.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit"]);
     return (React__default.default.createElement(Component, tslib_es6.__assign({ className: cn__default.default((_b = {},
             _b[styles__default.default.paragraph] = Component === 'p' && !defaultMargins,
             _b[styles__default.default.paragraphWithMargins] = Component === 'p' && defaultMargins,
             _b[styles__default.default.monospace] = monospaceNumbers,
+            _b[styles__default.default["rowLimit".concat(rowLimit)]] = rowLimit,
             _b), className, color && colors__default.default[color], styles__default.default[view], weight && styles__default.default[weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 

package/typography/cssm/text/index.module.css

@@ -75,3 +75,22 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
+.rowLimit1 {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.rowLimit2 {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.rowLimit3 {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/typography/cssm/title/component.d.ts

@@ -40,6 +40,10 @@ type TitleProps = Omit<NativeProps, 'color'> & {
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type Styles = {
     styles: {
@@ -84,5 +88,9 @@ declare const Title: React.ForwardRefExoticComponent<Omit<NativeProps, "color">
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3 | undefined;
 } & Styles & React.RefAttributes<TitleElementType>>;
 export { TitleProps, Title };

package/typography/cssm/title/component.js

@@ -10,8 +10,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var colors__default = /*#__PURE__*/_interopDefaultCompat(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["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors__default.default[color]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+    var _b;
+    var _c = _a.tag, Component = _c === void 0 ? 'div' : _c, _d = _a.view, view = _d === void 0 ? 'medium' : _d, _e = _a.font, font = _e === void 0 ? 'styrene' : _e, _f = _a.weight, weight = _f === void 0 ? font === 'styrene' ? 'medium' : 'bold' : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? false : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, styles = _a.styles, restProps = tslib_es6.__rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "styles"]);
+    return (React__default.default.createElement(Component, tslib_es6.__assign({ className: cn__default.default(styles.component, className, styles["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors__default.default[color], (_b = {}, _b[styles["rowLimit".concat(rowLimit)]] = rowLimit, _b)), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 
 exports.Title = Title;

package/typography/cssm/title/index.module.css

@@ -91,3 +91,22 @@
 .margins-xsmall {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
+.rowLimit1 {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.rowLimit2 {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.rowLimit3 {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/typography/esm/component.js

@@ -2,11 +2,11 @@ import { Text } from './text/component.js';
 import { Title } from './title/index.js';
 import { TitleMobile } from './title-mobile/component.js';
 import { TitleResponsive } from './title-responsive/component.js';
-import './colors.module-8b7e2c26.js';
+import './colors.module-42065957.js';
 import 'react';
 import 'classnames';
 import './title/component.js';
-import './common.module-0b3e4bf4.js';
+import './common.module-cc423fc9.js';
 
 var Typography = {
     Title: Title,

package/typography/esm/index.js

@@ -1,11 +1,11 @@
 export { Typography } from './component.js';
 export { typographyPresets } from './presets.js';
 import './text/component.js';
-import './colors.module-8b7e2c26.js';
+import './colors.module-42065957.js';
 import 'react';
 import 'classnames';
 import './title/index.js';
 import './title/component.js';
-import './common.module-0b3e4bf4.js';
+import './common.module-cc423fc9.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';

package/typography/esm/text/component.d.ts

@@ -41,6 +41,10 @@ type TextBaseProps = {
      * Добавляет отступы к тэгу 'p'
      */
     defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
     tag?: 'p';

package/typography/esm/text/component.js

@@ -1,17 +1,18 @@
-import { _ as __rest, a as __assign, c as colors } from '../colors.module-8b7e2c26.js';
+import { _ as __rest, a as __assign, c as colors } from '../colors.module-42065957.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"paragraph":"typography__paragraph_9xfoj","paragraphWithMargins":"typography__paragraphWithMargins_9xfoj","primary-large":"typography__primary-large_9xfoj","primary-medium":"typography__primary-medium_9xfoj","primary-small":"typography__primary-small_9xfoj","secondary-large":"typography__secondary-large_9xfoj","secondary-medium":"typography__secondary-medium_9xfoj","secondary-small":"typography__secondary-small_9xfoj","component":"typography__component_9xfoj","caps":"typography__caps_9xfoj","bold":"typography__bold_9xfoj","medium":"typography__medium_9xfoj","regular":"typography__regular_9xfoj","monospace":"typography__monospace_9xfoj"};
+var styles = {"paragraph":"typography__paragraph_9xfoj","paragraphWithMargins":"typography__paragraphWithMargins_9xfoj","primary-large":"typography__primary-large_9xfoj","primary-medium":"typography__primary-medium_9xfoj","primary-small":"typography__primary-small_9xfoj","secondary-large":"typography__secondary-large_9xfoj","secondary-medium":"typography__secondary-medium_9xfoj","secondary-small":"typography__secondary-small_9xfoj","component":"typography__component_9xfoj","caps":"typography__caps_9xfoj","bold":"typography__bold_9xfoj","medium":"typography__medium_9xfoj","regular":"typography__regular_9xfoj","monospace":"typography__monospace_9xfoj","rowLimit1":"typography__rowLimit1_9xfoj","rowLimit2":"typography__rowLimit2_9xfoj","rowLimit3":"typography__rowLimit3_9xfoj"};
 require('./index.css');
 
 var Text = 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, weight = _a.weight, _e = _a.monospaceNumbers, monospaceNumbers = _e === void 0 ? false : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? true : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = __rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children"]);
+    var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, weight = _a.weight, _e = _a.monospaceNumbers, monospaceNumbers = _e === void 0 ? false : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? true : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, restProps = __rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit"]);
     return (React.createElement(Component, __assign({ className: cn((_b = {},
             _b[styles.paragraph] = Component === 'p' && !defaultMargins,
             _b[styles.paragraphWithMargins] = Component === 'p' && defaultMargins,
             _b[styles.monospace] = monospaceNumbers,
+            _b[styles["rowLimit".concat(rowLimit)]] = rowLimit,
             _b), className, color && colors[color], styles[view], weight && styles[weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 

package/typography/esm/text/index.css

@@ -76,3 +76,22 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
+.typography__rowLimit1_9xfoj {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.typography__rowLimit2_9xfoj {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.typography__rowLimit3_9xfoj {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/typography/esm/text/index.js

@@ -1,4 +1,4 @@
 export { Text } from './component.js';
-import '../colors.module-8b7e2c26.js';
+import '../colors.module-42065957.js';
 import 'react';
 import 'classnames';

package/typography/esm/title/component.d.ts

@@ -40,6 +40,10 @@ type TitleProps = Omit<NativeProps, 'color'> & {
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type Styles = {
     styles: {
@@ -84,5 +88,9 @@ declare const Title: React.ForwardRefExoticComponent<Omit<NativeProps, "color">
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3 | undefined;
 } & Styles & React.RefAttributes<TitleElementType>>;
 export { TitleProps, Title };

package/typography/esm/title/component.js

@@ -1,10 +1,11 @@
-import { _ as __rest, a as __assign, c as colors } from '../colors.module-8b7e2c26.js';
+import { _ as __rest, a as __assign, c as colors } from '../colors.module-42065957.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
 var Title = 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 = __rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "styles"]);
-    return (React.createElement(Component, __assign({ className: cn(styles.component, className, styles["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors[color]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+    var _b;
+    var _c = _a.tag, Component = _c === void 0 ? 'div' : _c, _d = _a.view, view = _d === void 0 ? 'medium' : _d, _e = _a.font, font = _e === void 0 ? 'styrene' : _e, _f = _a.weight, weight = _f === void 0 ? font === 'styrene' ? 'medium' : 'bold' : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? false : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, styles = _a.styles, restProps = __rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "styles"]);
+    return (React.createElement(Component, __assign({ className: cn(styles.component, className, styles["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors[color], (_b = {}, _b[styles["rowLimit".concat(rowLimit)]] = rowLimit, _b)), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 
 export { Title };

package/typography/esm/title/index.css

@@ -92,3 +92,22 @@
 .typography__margins-xsmall_17h0l {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
+.typography__rowLimit1_17h0l {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.typography__rowLimit2_17h0l {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.typography__rowLimit3_17h0l {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/typography/esm/title/index.js

@@ -1,10 +1,10 @@
-import { a as __assign } from '../colors.module-8b7e2c26.js';
+import { a as __assign } from '../colors.module-42065957.js';
 import React from 'react';
 import { Title as Title$1 } from './component.js';
-import { c as commonStyles } from '../common.module-0b3e4bf4.js';
+import { c as commonStyles } from '../common.module-cc423fc9.js';
 import 'classnames';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_17h0l","styrene-large":"typography__styrene-large_17h0l","styrene-medium":"typography__styrene-medium_17h0l","styrene-small":"typography__styrene-small_17h0l","styrene-xsmall":"typography__styrene-xsmall_17h0l","system-xlarge":"typography__system-xlarge_17h0l","system-large":"typography__system-large_17h0l","system-medium":"typography__system-medium_17h0l","system-small":"typography__system-small_17h0l","system-xsmall":"typography__system-xsmall_17h0l","margins-xlarge":"typography__margins-xlarge_17h0l","margins-large":"typography__margins-large_17h0l","margins-medium":"typography__margins-medium_17h0l","margins-small":"typography__margins-small_17h0l","margins-xsmall":"typography__margins-xsmall_17h0l"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_17h0l","styrene-large":"typography__styrene-large_17h0l","styrene-medium":"typography__styrene-medium_17h0l","styrene-small":"typography__styrene-small_17h0l","styrene-xsmall":"typography__styrene-xsmall_17h0l","system-xlarge":"typography__system-xlarge_17h0l","system-large":"typography__system-large_17h0l","system-medium":"typography__system-medium_17h0l","system-small":"typography__system-small_17h0l","system-xsmall":"typography__system-xsmall_17h0l","margins-xlarge":"typography__margins-xlarge_17h0l","margins-large":"typography__margins-large_17h0l","margins-medium":"typography__margins-medium_17h0l","margins-small":"typography__margins-small_17h0l","margins-xsmall":"typography__margins-xsmall_17h0l","rowLimit1":"typography__rowLimit1_17h0l","rowLimit2":"typography__rowLimit2_17h0l","rowLimit3":"typography__rowLimit3_17h0l"};
 require('./index.css');
 
 var Title = function (props) { return (

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

@@ -1,7 +1,7 @@
-import { a as __assign } from '../colors.module-8b7e2c26.js';
+import { a as __assign } from '../colors.module-42065957.js';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-0b3e4bf4.js';
+import { c as commonStyles } from '../common.module-cc423fc9.js';
 import 'classnames';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_1pauw","styrene-large":"typography__styrene-large_1pauw","styrene-medium":"typography__styrene-medium_1pauw","styrene-small":"typography__styrene-small_1pauw","styrene-xsmall":"typography__styrene-xsmall_1pauw","system-xlarge":"typography__system-xlarge_1pauw","system-large":"typography__system-large_1pauw","system-medium":"typography__system-medium_1pauw","system-small":"typography__system-small_1pauw","system-xsmall":"typography__system-xsmall_1pauw"};

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

@@ -1,6 +1,6 @@
 export { TitleMobile } from './component.js';
-import '../colors.module-8b7e2c26.js';
+import '../colors.module-42065957.js';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../common.module-0b3e4bf4.js';
+import '../common.module-cc423fc9.js';

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

@@ -1,7 +1,7 @@
-import { a as __assign } from '../colors.module-8b7e2c26.js';
+import { a as __assign } from '../colors.module-42065957.js';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-0b3e4bf4.js';
+import { c as commonStyles } from '../common.module-cc423fc9.js';
 import 'classnames';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_39k3n","styrene-large":"typography__styrene-large_39k3n","styrene-medium":"typography__styrene-medium_39k3n","styrene-small":"typography__styrene-small_39k3n","styrene-xsmall":"typography__styrene-xsmall_39k3n","system-xlarge":"typography__system-xlarge_39k3n","system-large":"typography__system-large_39k3n","system-medium":"typography__system-medium_39k3n","system-small":"typography__system-small_39k3n","system-xsmall":"typography__system-xsmall_39k3n","margins-xlarge":"typography__margins-xlarge_39k3n","margins-large":"typography__margins-large_39k3n","margins-medium":"typography__margins-medium_39k3n","margins-small":"typography__margins-small_39k3n","margins-xsmall":"typography__margins-xsmall_39k3n"};

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

@@ -1,6 +1,6 @@
 export { TitleResponsive } from './component.js';
-import '../colors.module-8b7e2c26.js';
+import '../colors.module-42065957.js';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../common.module-0b3e4bf4.js';
+import '../common.module-cc423fc9.js';

package/typography/index.js

@@ -1,12 +1,12 @@
 var component = require('./component.js');
 var presets = require('./presets.js');
 require('./text/component.js');
-require('./colors.module-dfe143e5.js');
+require('./colors.module-bc993287.js');
 require('react');
 require('classnames');
 require('./title/index.js');
 require('./title/component.js');
-require('./common.module-3c31ccca.js');
+require('./common.module-0a9ad0fb.js');
 require('./title-mobile/component.js');
 require('./title-responsive/component.js');
 

package/typography/modern/component.js

@@ -4,9 +4,9 @@ import { TitleMobile } from './title-mobile/component.js';
 import { TitleResponsive } from './title-responsive/component.js';
 import 'react';
 import 'classnames';
-import './colors.module-7f1e3e8b.js';
+import './colors.module-cbb33ea7.js';
 import './title/component.js';
-import './common.module-5bf61a6d.js';
+import './common.module-13ae7781.js';
 
 const Typography = {
     Title,

package/typography/modern/index.js

@@ -3,9 +3,9 @@ export { typographyPresets } from './presets.js';
 import './text/component.js';
 import 'react';
 import 'classnames';
-import './colors.module-7f1e3e8b.js';
+import './colors.module-cbb33ea7.js';
 import './title/index.js';
 import './title/component.js';
-import './common.module-5bf61a6d.js';
+import './common.module-13ae7781.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';

package/typography/modern/text/component.d.ts

@@ -41,6 +41,10 @@ type TextBaseProps = {
      * Добавляет отступы к тэгу 'p'
      */
     defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
     tag?: 'p';

package/typography/modern/text/component.js

@@ -1,14 +1,15 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-7f1e3e8b.js';
+import { c as colors } from '../colors.module-cbb33ea7.js';
 
-const styles = {"paragraph":"typography__paragraph_9xfoj","paragraphWithMargins":"typography__paragraphWithMargins_9xfoj","primary-large":"typography__primary-large_9xfoj","primary-medium":"typography__primary-medium_9xfoj","primary-small":"typography__primary-small_9xfoj","secondary-large":"typography__secondary-large_9xfoj","secondary-medium":"typography__secondary-medium_9xfoj","secondary-small":"typography__secondary-small_9xfoj","component":"typography__component_9xfoj","caps":"typography__caps_9xfoj","bold":"typography__bold_9xfoj","medium":"typography__medium_9xfoj","regular":"typography__regular_9xfoj","monospace":"typography__monospace_9xfoj"};
+const styles = {"paragraph":"typography__paragraph_9xfoj","paragraphWithMargins":"typography__paragraphWithMargins_9xfoj","primary-large":"typography__primary-large_9xfoj","primary-medium":"typography__primary-medium_9xfoj","primary-small":"typography__primary-small_9xfoj","secondary-large":"typography__secondary-large_9xfoj","secondary-medium":"typography__secondary-medium_9xfoj","secondary-small":"typography__secondary-small_9xfoj","component":"typography__component_9xfoj","caps":"typography__caps_9xfoj","bold":"typography__bold_9xfoj","medium":"typography__medium_9xfoj","regular":"typography__regular_9xfoj","monospace":"typography__monospace_9xfoj","rowLimit1":"typography__rowLimit1_9xfoj","rowLimit2":"typography__rowLimit2_9xfoj","rowLimit3":"typography__rowLimit3_9xfoj"};
 require('./index.css');
 
-const Text = forwardRef(({ view = 'primary-medium', tag: Component = 'span', weight, monospaceNumbers = false, defaultMargins = true, color, className, dataTestId, children, ...restProps }, ref) => (React.createElement(Component, { className: cn({
+const Text = forwardRef(({ view = 'primary-medium', tag: Component = 'span', weight, monospaceNumbers = false, defaultMargins = true, color, className, dataTestId, children, rowLimit, ...restProps }, ref) => (React.createElement(Component, { className: cn({
         [styles.paragraph]: Component === 'p' && !defaultMargins,
         [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,
         [styles.monospace]: monospaceNumbers,
+        [styles[`rowLimit${rowLimit}`]]: rowLimit,
     }, className, color && colors[color], styles[view], weight && styles[weight]), "data-test-id": dataTestId, ref: ref, ...restProps }, children)));
 
 export { Text };

package/typography/modern/text/index.css

@@ -76,3 +76,22 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
+.typography__rowLimit1_9xfoj {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.typography__rowLimit2_9xfoj {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.typography__rowLimit3_9xfoj {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/typography/modern/text/index.js

@@ -1,4 +1,4 @@
 export { Text } from './component.js';
 import 'react';
 import 'classnames';
-import '../colors.module-7f1e3e8b.js';
+import '../colors.module-cbb33ea7.js';

package/typography/modern/title/component.d.ts

@@ -40,6 +40,10 @@ type TitleProps = Omit<NativeProps, 'color'> & {
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type Styles = {
     styles: {
@@ -84,5 +88,9 @@ declare const Title: React.ForwardRefExoticComponent<Omit<NativeProps, "color">
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3 | undefined;
 } & Styles & React.RefAttributes<TitleElementType>>;
 export { TitleProps, Title };

package/typography/modern/title/component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-7f1e3e8b.js';
+import { c as colors } from '../colors.module-cbb33ea7.js';
 
-const Title = forwardRef(({ tag: Component = 'div', view = 'medium', font = 'styrene', weight = font === 'styrene' ? 'medium' : 'bold', defaultMargins = false, color, className, dataTestId, children, styles, ...restProps }, ref) => (React.createElement(Component, { className: cn(styles.component, className, styles[`${font}-${view}`], defaultMargins && styles[`margins-${view}`], styles[weight], color && colors[color]), "data-test-id": dataTestId, ref: ref, ...restProps }, children)));
+const Title = forwardRef(({ tag: Component = 'div', view = 'medium', font = 'styrene', weight = font === 'styrene' ? 'medium' : 'bold', defaultMargins = false, color, className, dataTestId, children, rowLimit, styles, ...restProps }, ref) => (React.createElement(Component, { className: cn(styles.component, className, styles[`${font}-${view}`], defaultMargins && styles[`margins-${view}`], styles[weight], color && colors[color], { [styles[`rowLimit${rowLimit}`]]: rowLimit }), "data-test-id": dataTestId, ref: ref, ...restProps }, children)));
 
 export { Title };

package/typography/modern/title/index.css

@@ -92,3 +92,22 @@
 .typography__margins-xsmall_17h0l {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
+.typography__rowLimit1_17h0l {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.typography__rowLimit2_17h0l {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.typography__rowLimit3_17h0l {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}