@alfalab/core-components-typography 3.0.6 → 3.0.8

package/esm/text/component.js

@@ -1,8 +1,8 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-78d99341.js';
+import { _ as __rest, a as __assign, c as colors } from '../colors.module-3225ad5e.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"paragraph":"typography__paragraph_1osp9","paragraphWithMargins":"typography__paragraphWithMargins_1osp9","primary-large":"typography__primary-large_1osp9","primary-medium":"typography__primary-medium_1osp9","primary-small":"typography__primary-small_1osp9","secondary-large":"typography__secondary-large_1osp9","secondary-medium":"typography__secondary-medium_1osp9","secondary-small":"typography__secondary-small_1osp9","component":"typography__component_1osp9","caps":"typography__caps_1osp9","bold":"typography__bold_1osp9","medium":"typography__medium_1osp9","regular":"typography__regular_1osp9","monospace":"typography__monospace_1osp9"};
+var styles = {"paragraph":"typography__paragraph_1tplp","paragraphWithMargins":"typography__paragraphWithMargins_1tplp","primary-large":"typography__primary-large_1tplp","primary-medium":"typography__primary-medium_1tplp","primary-small":"typography__primary-small_1tplp","secondary-large":"typography__secondary-large_1tplp","secondary-medium":"typography__secondary-medium_1tplp","secondary-small":"typography__secondary-small_1tplp","component":"typography__component_1tplp","caps":"typography__caps_1tplp","bold":"typography__bold_1tplp","medium":"typography__medium_1tplp","regular":"typography__regular_1tplp","monospace":"typography__monospace_1tplp"};
 require('./index.css')
 
 var Text = forwardRef(function (_a, ref) {

package/esm/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1tcrl */
+/* hash: 155x3 */
 :root {
 
     /* Hard */
@@ -13,66 +13,66 @@
 :root {
     --text-paragraph-margin-bottom: 0 0 var(--gap-s);
 }
-.typography__paragraph_1osp9 {
+.typography__paragraph_1tplp {
     margin: 0;
     padding: 0;
 }
-.typography__paragraphWithMargins_1osp9 {
+.typography__paragraphWithMargins_1tplp {
     padding: 0;
     margin: var(--text-paragraph-margin-bottom);
 }
-.typography__primary-large_1osp9 {
+.typography__primary-large_1tplp {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
 }
-.typography__primary-medium_1osp9 {
+.typography__primary-medium_1tplp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.typography__primary-small_1osp9 {
+.typography__primary-small_1tplp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.typography__secondary-large_1osp9 {
+.typography__secondary-large_1tplp {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__secondary-medium_1osp9 {
+.typography__secondary-medium_1tplp {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__secondary-small_1osp9 {
+.typography__secondary-small_1tplp {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__component_1osp9 {
+.typography__component_1tplp {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
 }
-.typography__caps_1osp9 {
+.typography__caps_1tplp {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
 }
-.typography__bold_1osp9 {
+.typography__bold_1tplp {
     font-weight: bold;
 }
-.typography__medium_1osp9 {
+.typography__medium_1tplp {
     font-weight: 500;
 }
-.typography__regular_1osp9 {
+.typography__regular_1tplp {
     font-weight: normal;
 }
-.typography__monospace_1osp9 {
+.typography__monospace_1tplp {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }

package/esm/text/index.js

@@ -1,4 +1,4 @@
-import '../colors.module-78d99341.js';
+export { Text } from './component.js';
+import '../colors.module-3225ad5e.js';
 import 'react';
 import 'classnames';
-export { Text } from './component.js';

package/esm/title/common.css

@@ -1,17 +1,14 @@
-/* hash: punmg */
-.typography__component_13ul2 {
+/* hash: 1e1i4 */
+.typography__component_1tml6 {
     margin: 0;
-    padding: 0;
-}
-
-.typography__bold_13ul2 {
-    font-weight: bold;
-}
-
-.typography__medium_13ul2 {
-    font-weight: 500;
-}
-
-.typography__regular_13ul2 {
-    font-weight: normal;
-}
+    padding: 0
+}
+.typography__component_1tml6.typography__bold_1tml6 {
+        font-weight: bold;
+    }
+.typography__component_1tml6.typography__medium_1tml6 {
+        font-weight: 500;
+    }
+.typography__component_1tml6.typography__regular_1tml6 {
+        font-weight: normal;
+    }

package/esm/title/component.d.ts

@@ -55,7 +55,7 @@ declare const Title: React.ForwardRefExoticComponent<Omit<NativeProps, "color">
     /**
      * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
      */
-    view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
+    view?: "medium" | "xlarge" | "large" | "small" | "xsmall" | undefined;
     /**
      * Цвет текста
      */

package/esm/title/component.js

@@ -1,10 +1,10 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-78d99341.js';
+import { _ as __rest, a as __assign, c as colors } from '../colors.module-3225ad5e.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[font + "-" + view], defaultMargins && styles["margins-" + view], styles[weight], color && colors[color]), "data-test-id": dataTestId, ref: ref }, restProps), children));
+    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));
 });
 
 export { Title };

package/esm/title/index.css

@@ -1,4 +1,4 @@
-/* hash: k67ng */
+/* hash: fp796 */
 :root {
 
     /* Hard */
@@ -17,87 +17,78 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
-.typography__styrene-xlarge_1fpnk {
+.typography__styrene-xlarge_13txv {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-large_1fpnk {
+.typography__styrene-large_13txv {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-medium_1fpnk {
+.typography__styrene-medium_13txv {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-small_1fpnk {
+.typography__styrene-small_13txv {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-xsmall_1fpnk {
+.typography__styrene-xsmall_13txv {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__system-xlarge_1fpnk {
+.typography__system-xlarge_13txv {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
 }
-.typography__system-large_1fpnk {
+.typography__system-large_13txv {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
 }
-.typography__system-medium_1fpnk {
+.typography__system-medium_13txv {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
 }
-.typography__system-small_1fpnk {
+.typography__system-small_13txv {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
 }
-.typography__system-xsmall_1fpnk {
+.typography__system-xsmall_13txv {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
 }
-.typography__margins-xlarge_1fpnk {
+.typography__margins-xlarge_13txv {
     margin: 0 0 var(--gap-xl);
 }
-.typography__margins-large_1fpnk {
+.typography__margins-large_13txv {
     margin: var(--gap-4xl) 0 var(--gap-xl);
 }
-.typography__margins-medium_1fpnk {
+.typography__margins-medium_13txv {
     margin: var(--gap-4xl) 0 var(--gap-xl);
 }
-.typography__margins-small_1fpnk {
+.typography__margins-small_13txv {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__margins-xsmall_1fpnk {
+.typography__margins-xsmall_13txv {
     margin: var(--gap-3xl) 0 var(--gap-m);
 }
-.typography__bold_1fpnk {
-    font-weight: bold;
-}
-.typography__medium_1fpnk {
-    font-weight: 500;
-}
-.typography__regular_1fpnk {
-    font-weight: normal;
-}

package/esm/title/index.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
 import { TitleProps } from "./component";
 declare const Title: FC<TitleProps>;
-export { Title, TitleProps };
+export { Title };
+export type { TitleProps };

package/esm/title/index.js

@@ -1,10 +1,10 @@
-import { _ as __assign } from '../colors.module-78d99341.js';
+import { a as __assign } from '../colors.module-3225ad5e.js';
 import React from 'react';
-import 'classnames';
 import { Title as Title$1 } from './component.js';
-import { c as commonStyles } from '../common.module-00b1ccc7.js';
+import { c as commonStyles } from '../common.module-88c2056e.js';
+import 'classnames';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1fpnk","styrene-large":"typography__styrene-large_1fpnk","styrene-medium":"typography__styrene-medium_1fpnk","styrene-small":"typography__styrene-small_1fpnk","styrene-xsmall":"typography__styrene-xsmall_1fpnk","system-xlarge":"typography__system-xlarge_1fpnk","system-large":"typography__system-large_1fpnk","system-medium":"typography__system-medium_1fpnk","system-small":"typography__system-small_1fpnk","system-xsmall":"typography__system-xsmall_1fpnk","margins-xlarge":"typography__margins-xlarge_1fpnk","margins-large":"typography__margins-large_1fpnk","margins-medium":"typography__margins-medium_1fpnk","margins-small":"typography__margins-small_1fpnk","margins-xsmall":"typography__margins-xsmall_1fpnk","bold":"typography__bold_1fpnk","medium":"typography__medium_1fpnk","regular":"typography__regular_1fpnk"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_13txv","styrene-large":"typography__styrene-large_13txv","styrene-medium":"typography__styrene-medium_13txv","styrene-small":"typography__styrene-small_13txv","styrene-xsmall":"typography__styrene-xsmall_13txv","system-xlarge":"typography__system-xlarge_13txv","system-large":"typography__system-large_13txv","system-medium":"typography__system-medium_13txv","system-small":"typography__system-small_13txv","system-xsmall":"typography__system-xsmall_13txv","margins-xlarge":"typography__margins-xlarge_13txv","margins-large":"typography__margins-large_13txv","margins-medium":"typography__margins-medium_13txv","margins-small":"typography__margins-small_13txv","margins-xsmall":"typography__margins-xsmall_13txv"};
 require('./index.css')
 
 var Title = function (props) { return (

package/esm/title-mobile/component.js

@@ -1,10 +1,10 @@
-import { _ as __assign } from '../colors.module-78d99341.js';
+import { a as __assign } from '../colors.module-3225ad5e.js';
 import React from 'react';
-import 'classnames';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-00b1ccc7.js';
+import { c as commonStyles } from '../common.module-88c2056e.js';
+import 'classnames';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1h27x","styrene-large":"typography__styrene-large_1h27x","styrene-medium":"typography__styrene-medium_1h27x","styrene-small":"typography__styrene-small_1h27x","styrene-xsmall":"typography__styrene-xsmall_1h27x","system-xlarge":"typography__system-xlarge_1h27x","system-large":"typography__system-large_1h27x","system-medium":"typography__system-medium_1h27x","system-small":"typography__system-small_1h27x","system-xsmall":"typography__system-xsmall_1h27x","bold":"typography__bold_1h27x","medium":"typography__medium_1h27x","regular":"typography__regular_1h27x"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_w5mgs","styrene-large":"typography__styrene-large_w5mgs","styrene-medium":"typography__styrene-medium_w5mgs","styrene-small":"typography__styrene-small_w5mgs","styrene-xsmall":"typography__styrene-xsmall_w5mgs","system-xlarge":"typography__system-xlarge_w5mgs","system-large":"typography__system-large_w5mgs","system-medium":"typography__system-medium_w5mgs","system-small":"typography__system-small_w5mgs","system-xsmall":"typography__system-xsmall_w5mgs"};
 require('./index.css')
 
 var TitleMobile = function (props) { return (

package/esm/title-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: ihzlt */
+/* hash: xn0nc */
 :root {
 
     /* Hard */
@@ -11,72 +11,63 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
-.typography__styrene-xlarge_1h27x {
+.typography__styrene-xlarge_w5mgs {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-large_1h27x {
+.typography__styrene-large_w5mgs {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-medium_1h27x {
+.typography__styrene-medium_w5mgs {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-small_1h27x {
+.typography__styrene-small_w5mgs {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__styrene-xsmall_1h27x {
+.typography__styrene-xsmall_w5mgs {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
 }
-.typography__system-xlarge_1h27x {
+.typography__system-xlarge_w5mgs {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
 }
-.typography__system-large_1h27x {
+.typography__system-large_w5mgs {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
 }
-.typography__system-medium_1h27x {
+.typography__system-medium_w5mgs {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
 }
-.typography__system-small_1h27x {
+.typography__system-small_w5mgs {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
 }
-.typography__system-xsmall_1h27x {
+.typography__system-xsmall_w5mgs {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
 }
-.typography__bold_1h27x {
-    font-weight: bold;
-}
-.typography__medium_1h27x {
-    font-weight: 500;
-}
-.typography__regular_1h27x {
-    font-weight: normal;
-}

package/esm/title-mobile/index.js

@@ -1,6 +1,6 @@
-import '../colors.module-78d99341.js';
+export { TitleMobile } from './component.js';
+import '../colors.module-3225ad5e.js';
 import 'react';
-import 'classnames';
 import '../title/component.js';
-import '../common.module-00b1ccc7.js';
-export { TitleMobile } from './component.js';
+import 'classnames';
+import '../common.module-88c2056e.js';

package/esm/title-responsive/component.js

@@ -1,10 +1,10 @@
-import { _ as __assign } from '../colors.module-78d99341.js';
+import { a as __assign } from '../colors.module-3225ad5e.js';
 import React from 'react';
-import 'classnames';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-00b1ccc7.js';
+import { c as commonStyles } from '../common.module-88c2056e.js';
+import 'classnames';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1u216","styrene-large":"typography__styrene-large_1u216","styrene-medium":"typography__styrene-medium_1u216","styrene-small":"typography__styrene-small_1u216","styrene-xsmall":"typography__styrene-xsmall_1u216","system-xlarge":"typography__system-xlarge_1u216","system-large":"typography__system-large_1u216","system-medium":"typography__system-medium_1u216","system-small":"typography__system-small_1u216","system-xsmall":"typography__system-xsmall_1u216","margins-xlarge":"typography__margins-xlarge_1u216","margins-large":"typography__margins-large_1u216","margins-medium":"typography__margins-medium_1u216","margins-small":"typography__margins-small_1u216","margins-xsmall":"typography__margins-xsmall_1u216"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_1n1q4","styrene-large":"typography__styrene-large_1n1q4","styrene-medium":"typography__styrene-medium_1n1q4","styrene-small":"typography__styrene-small_1n1q4","styrene-xsmall":"typography__styrene-xsmall_1n1q4","system-xlarge":"typography__system-xlarge_1n1q4","system-large":"typography__system-large_1n1q4","system-medium":"typography__system-medium_1n1q4","system-small":"typography__system-small_1n1q4","system-xsmall":"typography__system-xsmall_1n1q4","margins-xlarge":"typography__margins-xlarge_1n1q4","margins-large":"typography__margins-large_1n1q4","margins-medium":"typography__margins-medium_1n1q4","margins-small":"typography__margins-small_1n1q4","margins-xsmall":"typography__margins-xsmall_1n1q4"};
 require('./index.css')
 
 var TitleResponsive = function (props) { return (