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

package/typography/esm/colors.css

@@ -1,4 +1,4 @@
-/* hash: i62g2 */
+/* hash: 11u0a */
 :root {
     --color-light-text-accent: #ef3124;
     --color-light-text-attention: #de6a00;
@@ -22,39 +22,39 @@
     /* Hard up */
 }
 /* colors */
-.typography__tertiary_5mg9e {
+.typography__tertiary_tcpuw {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_5mg9e {
+.typography__disabled_tcpuw {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_5mg9e {
+.typography__accent_tcpuw {
     color: var(--color-light-text-accent);
 }
-.typography__primary_5mg9e {
+.typography__primary_tcpuw {
     color: var(--color-light-text-primary);
 }
-.typography__attention_5mg9e {
+.typography__attention_tcpuw {
     color: var(--color-light-text-attention);
 }
-.typography__positive_5mg9e {
+.typography__positive_tcpuw {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_5mg9e {
+.typography__secondary_tcpuw {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_5mg9e {
+.typography__tertiary-inverted_tcpuw {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_5mg9e {
+.typography__primary-inverted_tcpuw {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_5mg9e {
+.typography__secondary-inverted_tcpuw {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_5mg9e {
+.typography__link_tcpuw {
     color: var(--color-light-text-link);
 }
-.typography__negative_5mg9e {
+.typography__negative_tcpuw {
     color: var(--color-light-text-negative);
 }

package/typography/esm/{colors.module-8b7e2c26.js → colors.module-6f2d6a8b.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var colors = {"tertiary":"typography__tertiary_5mg9e","disabled":"typography__disabled_5mg9e","accent":"typography__accent_5mg9e","primary":"typography__primary_5mg9e","attention":"typography__attention_5mg9e","positive":"typography__positive_5mg9e","secondary":"typography__secondary_5mg9e","tertiary-inverted":"typography__tertiary-inverted_5mg9e","primary-inverted":"typography__primary-inverted_5mg9e","secondary-inverted":"typography__secondary-inverted_5mg9e","link":"typography__link_5mg9e","negative":"typography__negative_5mg9e"};
+var colors = {"tertiary":"typography__tertiary_tcpuw","disabled":"typography__disabled_tcpuw","accent":"typography__accent_tcpuw","primary":"typography__primary_tcpuw","attention":"typography__attention_tcpuw","positive":"typography__positive_tcpuw","secondary":"typography__secondary_tcpuw","tertiary-inverted":"typography__tertiary-inverted_tcpuw","primary-inverted":"typography__primary-inverted_tcpuw","secondary-inverted":"typography__secondary-inverted_tcpuw","link":"typography__link_tcpuw","negative":"typography__negative_tcpuw"};
 require('./colors.css');
 
 export { __rest as _, __assign as a, colors as c };

package/typography/esm/common.module-c92117d9.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_mub95","bold":"typography__bold_mub95","medium":"typography__medium_mub95","regular":"typography__regular_mub95"};
+require('./title/common.css');
+
+export { commonStyles as c };

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-6f2d6a8b.js';
 import 'react';
 import 'classnames';
 import './title/component.js';
-import './common.module-0b3e4bf4.js';
+import './common.module-c92117d9.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-6f2d6a8b.js';
 import 'react';
 import 'classnames';
 import './title/index.js';
 import './title/component.js';
-import './common.module-0b3e4bf4.js';
+import './common.module-c92117d9.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-6f2d6a8b.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_11grk","paragraphWithMargins":"typography__paragraphWithMargins_11grk","primary-large":"typography__primary-large_11grk","primary-medium":"typography__primary-medium_11grk","primary-small":"typography__primary-small_11grk","secondary-large":"typography__secondary-large_11grk","secondary-medium":"typography__secondary-medium_11grk","secondary-small":"typography__secondary-small_11grk","component":"typography__component_11grk","caps":"typography__caps_11grk","bold":"typography__bold_11grk","medium":"typography__medium_11grk","regular":"typography__regular_11grk","monospace":"typography__monospace_11grk","rowLimit1":"typography__rowLimit1_11grk","rowLimit2":"typography__rowLimit2_11grk","rowLimit3":"typography__rowLimit3_11grk"};
 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

@@ -1,4 +1,4 @@
-/* hash: meju9 */
+/* hash: 20p04 */
 :root {
 
     /* Hard */
@@ -13,66 +13,85 @@
 :root {
     --text-paragraph-margin-bottom: 0 0 var(--gap-s);
 }
-.typography__paragraph_9xfoj {
+.typography__paragraph_11grk {
     margin: 0;
     padding: 0;
 }
-.typography__paragraphWithMargins_9xfoj {
+.typography__paragraphWithMargins_11grk {
     padding: 0;
     margin: var(--text-paragraph-margin-bottom);
 }
-.typography__primary-large_9xfoj {
+.typography__primary-large_11grk {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
 }
-.typography__primary-medium_9xfoj {
+.typography__primary-medium_11grk {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.typography__primary-small_9xfoj {
+.typography__primary-small_11grk {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.typography__secondary-large_9xfoj {
+.typography__secondary-large_11grk {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__secondary-medium_9xfoj {
+.typography__secondary-medium_11grk {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__secondary-small_9xfoj {
+.typography__secondary-small_11grk {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__component_9xfoj {
+.typography__component_11grk {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
 }
-.typography__caps_9xfoj {
+.typography__caps_11grk {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
 }
-.typography__bold_9xfoj {
+.typography__bold_11grk {
     font-weight: bold;
 }
-.typography__medium_9xfoj {
+.typography__medium_11grk {
     font-weight: 500;
 }
-.typography__regular_9xfoj {
+.typography__regular_11grk {
     font-weight: normal;
 }
-.typography__monospace_9xfoj {
+.typography__monospace_11grk {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
+.typography__rowLimit1_11grk {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.typography__rowLimit2_11grk {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.typography__rowLimit3_11grk {
+    -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-6f2d6a8b.js';
 import 'react';
 import 'classnames';

package/typography/esm/title/common.css

@@ -1,14 +1,14 @@
-/* hash: 190df */
-.typography__component_1c381 {
+/* hash: 16kdy */
+.typography__component_mub95 {
     margin: 0;
     padding: 0
 }
-.typography__component_1c381.typography__bold_1c381 {
+.typography__component_mub95.typography__bold_mub95 {
         font-weight: bold;
     }
-.typography__component_1c381.typography__medium_1c381 {
+.typography__component_mub95.typography__medium_mub95 {
         font-weight: 500;
     }
-.typography__component_1c381.typography__regular_1c381 {
+.typography__component_mub95.typography__regular_mub95 {
         font-weight: normal;
     }

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-6f2d6a8b.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

@@ -1,4 +1,4 @@
-/* hash: gzpp9 */
+/* hash: 1rw8s */
 :root {
 
     /* Hard */
@@ -17,78 +17,97 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
-.typography__styrene-xlarge_17h0l {
+.typography__styrene-xlarge_1w2s0 {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-large_17h0l {
+.typography__styrene-large_1w2s0 {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-medium_17h0l {
+.typography__styrene-medium_1w2s0 {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-small_17h0l {
+.typography__styrene-small_1w2s0 {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-xsmall_17h0l {
+.typography__styrene-xsmall_1w2s0 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__system-xlarge_17h0l {
+.typography__system-xlarge_1w2s0 {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
 }
-.typography__system-large_17h0l {
+.typography__system-large_1w2s0 {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
 }
-.typography__system-medium_17h0l {
+.typography__system-medium_1w2s0 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
 }
-.typography__system-small_17h0l {
+.typography__system-small_1w2s0 {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
 }
-.typography__system-xsmall_17h0l {
+.typography__system-xsmall_1w2s0 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
 }
-.typography__margins-xlarge_17h0l {
+.typography__margins-xlarge_1w2s0 {
     margin: 0 0 var(--gap-xl);
 }
-.typography__margins-large_17h0l {
+.typography__margins-large_1w2s0 {
     margin: var(--gap-4xl) 0 var(--gap-xl);
 }
-.typography__margins-medium_17h0l {
+.typography__margins-medium_1w2s0 {
     margin: var(--gap-4xl) 0 var(--gap-xl);
 }
-.typography__margins-small_17h0l {
+.typography__margins-small_1w2s0 {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__margins-xsmall_17h0l {
+.typography__margins-xsmall_1w2s0 {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
+.typography__rowLimit1_1w2s0 {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.typography__rowLimit2_1w2s0 {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.typography__rowLimit3_1w2s0 {
+    -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-6f2d6a8b.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-c92117d9.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_1w2s0","styrene-large":"typography__styrene-large_1w2s0","styrene-medium":"typography__styrene-medium_1w2s0","styrene-small":"typography__styrene-small_1w2s0","styrene-xsmall":"typography__styrene-xsmall_1w2s0","system-xlarge":"typography__system-xlarge_1w2s0","system-large":"typography__system-large_1w2s0","system-medium":"typography__system-medium_1w2s0","system-small":"typography__system-small_1w2s0","system-xsmall":"typography__system-xsmall_1w2s0","margins-xlarge":"typography__margins-xlarge_1w2s0","margins-large":"typography__margins-large_1w2s0","margins-medium":"typography__margins-medium_1w2s0","margins-small":"typography__margins-small_1w2s0","margins-xsmall":"typography__margins-xsmall_1w2s0","rowLimit1":"typography__rowLimit1_1w2s0","rowLimit2":"typography__rowLimit2_1w2s0","rowLimit3":"typography__rowLimit3_1w2s0"};
 require('./index.css');
 
 var Title = function (props) { return (

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

@@ -1,10 +1,10 @@
-import { a as __assign } from '../colors.module-8b7e2c26.js';
+import { a as __assign } from '../colors.module-6f2d6a8b.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-c92117d9.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"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_3wsc1","styrene-large":"typography__styrene-large_3wsc1","styrene-medium":"typography__styrene-medium_3wsc1","styrene-small":"typography__styrene-small_3wsc1","styrene-xsmall":"typography__styrene-xsmall_3wsc1","system-xlarge":"typography__system-xlarge_3wsc1","system-large":"typography__system-large_3wsc1","system-medium":"typography__system-medium_3wsc1","system-small":"typography__system-small_3wsc1","system-xsmall":"typography__system-xsmall_3wsc1"};
 require('./index.css');
 
 var TitleMobile = function (props) { return (

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

@@ -1,4 +1,4 @@
-/* hash: 22g47 */
+/* hash: q712k */
 :root {
 
     /* Hard */
@@ -11,62 +11,62 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
-.typography__styrene-xlarge_1pauw {
+.typography__styrene-xlarge_3wsc1 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-large_1pauw {
+.typography__styrene-large_3wsc1 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-medium_1pauw {
+.typography__styrene-medium_3wsc1 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-small_1pauw {
+.typography__styrene-small_3wsc1 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-xsmall_1pauw {
+.typography__styrene-xsmall_3wsc1 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__system-xlarge_1pauw {
+.typography__system-xlarge_3wsc1 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
 }
-.typography__system-large_1pauw {
+.typography__system-large_3wsc1 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
 }
-.typography__system-medium_1pauw {
+.typography__system-medium_3wsc1 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
 }
-.typography__system-small_1pauw {
+.typography__system-small_3wsc1 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
 }
-.typography__system-xsmall_1pauw {
+.typography__system-xsmall_3wsc1 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;

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

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

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

@@ -1,10 +1,10 @@
-import { a as __assign } from '../colors.module-8b7e2c26.js';
+import { a as __assign } from '../colors.module-6f2d6a8b.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-c92117d9.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"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_g9g7d","styrene-large":"typography__styrene-large_g9g7d","styrene-medium":"typography__styrene-medium_g9g7d","styrene-small":"typography__styrene-small_g9g7d","styrene-xsmall":"typography__styrene-xsmall_g9g7d","system-xlarge":"typography__system-xlarge_g9g7d","system-large":"typography__system-large_g9g7d","system-medium":"typography__system-medium_g9g7d","system-small":"typography__system-small_g9g7d","system-xsmall":"typography__system-xsmall_g9g7d","margins-xlarge":"typography__margins-xlarge_g9g7d","margins-large":"typography__margins-large_g9g7d","margins-medium":"typography__margins-medium_g9g7d","margins-small":"typography__margins-small_g9g7d","margins-xsmall":"typography__margins-xsmall_g9g7d"};
 require('./index.css');
 
 var TitleResponsive = function (props) { return (