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

package/typography/modern/title/index.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Title as Title$1 } from './component.js';
-import { c as commonStyles } from '../common.module-5bf61a6d.js';
+import { c as commonStyles } from '../common.module-13ae7781.js';
 import 'classnames';
-import '../colors.module-7f1e3e8b.js';
+import '../colors.module-cbb33ea7.js';
 
-const 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"};
+const 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');
 
 const Title = (props) => (

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-5bf61a6d.js';
+import { c as commonStyles } from '../common.module-13ae7781.js';
 import 'classnames';
-import '../colors.module-7f1e3e8b.js';
+import '../colors.module-cbb33ea7.js';
 
 const 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"};
 require('./index.css');

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

@@ -2,5 +2,5 @@ export { TitleMobile } from './component.js';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../colors.module-7f1e3e8b.js';
-import '../common.module-5bf61a6d.js';
+import '../colors.module-cbb33ea7.js';
+import '../common.module-13ae7781.js';

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-5bf61a6d.js';
+import { c as commonStyles } from '../common.module-13ae7781.js';
 import 'classnames';
-import '../colors.module-7f1e3e8b.js';
+import '../colors.module-cbb33ea7.js';
 
 const 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"};
 require('./index.css');

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

@@ -2,5 +2,5 @@ export { TitleResponsive } from './component.js';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../colors.module-7f1e3e8b.js';
-import '../common.module-5bf61a6d.js';
+import '../colors.module-cbb33ea7.js';
+import '../common.module-13ae7781.js';

package/typography/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/text/component.js

@@ -1,4 +1,4 @@
-var colors_module = require('../colors.module-dfe143e5.js');
+var colors_module = require('../colors.module-bc993287.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -7,16 +7,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-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 = 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 = colors_module.__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 = colors_module.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit"]);
     return (React__default.default.createElement(Component, colors_module.__assign({ className: cn__default.default((_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_module.colors[color], styles[view], weight && styles[weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 

package/typography/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/text/index.js

@@ -1,5 +1,5 @@
 var text_component = require('./component.js');
-require('../colors.module-dfe143e5.js');
+require('../colors.module-bc993287.js');
 require('react');
 require('classnames');
 

package/typography/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/title/component.js

@@ -1,4 +1,4 @@
-var colors_module = require('../colors.module-dfe143e5.js');
+var colors_module = require('../colors.module-bc993287.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -8,8 +8,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 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 = 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["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors_module.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 = colors_module.__rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "styles"]);
+    return (React__default.default.createElement(Component, colors_module.__assign({ className: cn__default.default(styles.component, className, styles["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors_module.colors[color], (_b = {}, _b[styles["rowLimit".concat(rowLimit)]] = rowLimit, _b)), "data-test-id": dataTestId, ref: ref }, restProps), children));
 });
 
 exports.Title = Title;

package/typography/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/title/index.js

@@ -1,14 +1,14 @@
-var colors_module = require('../colors.module-dfe143e5.js');
+var colors_module = require('../colors.module-bc993287.js');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-3c31ccca.js');
+var common_module = require('../common.module-0a9ad0fb.js');
 require('classnames');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-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/title-mobile/component.js

@@ -1,7 +1,7 @@
-var colors_module = require('../colors.module-dfe143e5.js');
+var colors_module = require('../colors.module-bc993287.js');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-3c31ccca.js');
+var common_module = require('../common.module-0a9ad0fb.js');
 require('classnames');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/typography/title-mobile/index.js

@@ -1,9 +1,9 @@
 var titleMobile_component = require('./component.js');
-require('../colors.module-dfe143e5.js');
+require('../colors.module-bc993287.js');
 require('react');
 require('../title/component.js');
 require('classnames');
-require('../common.module-3c31ccca.js');
+require('../common.module-0a9ad0fb.js');
 
 
 

package/typography/title-responsive/component.js

@@ -1,7 +1,7 @@
-var colors_module = require('../colors.module-dfe143e5.js');
+var colors_module = require('../colors.module-bc993287.js');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-3c31ccca.js');
+var common_module = require('../common.module-0a9ad0fb.js');
 require('classnames');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/typography/title-responsive/index.js

@@ -1,9 +1,9 @@
 var titleResponsive_component = require('./component.js');
-require('../colors.module-dfe143e5.js');
+require('../colors.module-bc993287.js');
 require('react');
 require('../title/component.js');
 require('classnames');
-require('../common.module-3c31ccca.js');
+require('../common.module-0a9ad0fb.js');
 
 
 

package/vars/dist/typography.css

@@ -446,5 +446,4 @@
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-    word-break: break-all;
 }

package/vars/typography.css

@@ -446,5 +446,4 @@
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-    word-break: break-all;
 }