@alfalab/core-components-typography 4.8.0 → 4.10.0

package/colors.css

@@ -1,4 +1,4 @@
-/* hash: 1ssxc */
+/* hash: m94qw */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
@@ -29,48 +29,50 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* colors */ .typography__tertiary_1dczv {
+} /* colors */ .typography__tertiary_fy1bc {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_1dczv {
+} .typography__disabled_fy1bc {
     color: var(--color-light-text-quaternary);
-} .typography__accent_1dczv {
+} .typography__accent_fy1bc {
     color: var(--color-light-accent-primary);
-} .typography__primary_1dczv {
+} .typography__primary_fy1bc {
     color: var(--color-light-text-primary);
-} .typography__attention_1dczv {
+} .typography__attention_fy1bc {
     color: var(--color-light-text-attention);
-} .typography__positive_1dczv {
+} .typography__positive_fy1bc {
     color: var(--color-light-text-positive);
-} .typography__secondary_1dczv {
+} .typography__secondary_fy1bc {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_1dczv {
+} .typography__tertiary-inverted_fy1bc {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_1dczv {
+} .typography__primary-inverted_fy1bc {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_1dczv {
+} .typography__secondary-inverted_fy1bc {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_1dczv {
+} .typography__link_fy1bc {
     color: var(--color-light-text-info);
-} .typography__negative_1dczv {
+} .typography__negative_fy1bc {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_1dczv {
+} .typography__static-primary-light_fy1bc {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_1dczv {
+} .typography__static-secondary-light_fy1bc {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_1dczv {
+} .typography__static-tertiary-light_fy1bc {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_1dczv {
+} .typography__static-primary-dark_fy1bc {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_1dczv {
+} .typography__static-secondary-dark_fy1bc {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_1dczv {
+} .typography__static-tertiary-dark_fy1bc {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_1dczv {
+} .typography__static-accent_fy1bc {
     color: var(--color-static-accent-primary);
 }

package/colors.module-5866c16f.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var colors = {"tertiary":"typography__tertiary_fy1bc","disabled":"typography__disabled_fy1bc","accent":"typography__accent_fy1bc","primary":"typography__primary_fy1bc","attention":"typography__attention_fy1bc","positive":"typography__positive_fy1bc","secondary":"typography__secondary_fy1bc","tertiary-inverted":"typography__tertiary-inverted_fy1bc","primary-inverted":"typography__primary-inverted_fy1bc","secondary-inverted":"typography__secondary-inverted_fy1bc","link":"typography__link_fy1bc","negative":"typography__negative_fy1bc","static-primary-light":"typography__static-primary-light_fy1bc","static-secondary-light":"typography__static-secondary-light_fy1bc","static-tertiary-light":"typography__static-tertiary-light_fy1bc","static-primary-dark":"typography__static-primary-dark_fy1bc","static-secondary-dark":"typography__static-secondary-dark_fy1bc","static-tertiary-dark":"typography__static-tertiary-dark_fy1bc","static-accent":"typography__static-accent_fy1bc"};
+require('./colors.css')
+
+exports.colors = colors;

package/common.module-98ac839d.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"typography__component_nn6vl","bold":"typography__bold_nn6vl","semibold":"typography__semibold_nn6vl","medium":"typography__medium_nn6vl","regular":"typography__regular_nn6vl","rowLimit1":"typography__rowLimit1_nn6vl","rowLimit2":"typography__rowLimit2_nn6vl","rowLimit3":"typography__rowLimit3_nn6vl"};
+require('./title/common.css')
+
+exports.commonStyles = commonStyles;

package/component.d.ts

@@ -2,11 +2,12 @@ import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { TextProps } from "./text/index";
 import { TitleProps } from "./title/index";
 import { TitleMobileProps } from "./title-mobile/index";
+import { TitleResponsiveProps } from "./title-responsive/index";
 import { TextElementType } from "./types";
 declare const Typography: {
     Title: FC<TitleProps>;
     Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
+    TitleResponsive: FC<TitleResponsiveProps>;
     TitleMobile: FC<TitleMobileProps>;
 };
 export { Typography };

package/cssm/colors.module.css

@@ -28,7 +28,9 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */

package/cssm/component.d.ts

@@ -2,11 +2,12 @@ import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { TextProps } from "./text/index";
 import { TitleProps } from "./title/index";
 import { TitleMobileProps } from "./title-mobile/index";
+import { TitleResponsiveProps } from "./title-responsive/index";
 import { TextElementType } from "./types";
 declare const Typography: {
     Title: FC<TitleProps>;
     Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
+    TitleResponsive: FC<TitleResponsiveProps>;
     TitleMobile: FC<TitleMobileProps>;
 };
 export { Typography };

package/cssm/hooks/use-skeleton.module.css

@@ -9,8 +9,10 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --border-radius-pill: 99px;
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */

package/cssm/text/index.module.css

@@ -9,15 +9,18 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } :root {
-    --text-paragraph-margin-bottom: 0 0 var(--gap-s);
+    --text-paragraph-margin-bottom: 0 0 var(--gap-12);
 } .paragraph {
     margin: 0;
     padding: 0;

package/cssm/title/index.module.css

@@ -9,7 +9,9 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */ /* deprecated */
     --gap-xl: 24px; /* deprecated */ /* deprecated */
@@ -17,6 +19,10 @@
     --gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
+    --gap-40: var(--gap-3xl);
+    --gap-48: var(--gap-4xl);
 } :root {
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
@@ -72,13 +78,13 @@
     line-height: 22px;
     font-weight: 700;
 } .margins-xlarge {
-    margin: 0 0 var(--gap-xl);
+    margin: 0 0 var(--gap-24);
 } .margins-large {
-    margin: var(--gap-4xl) 0 var(--gap-xl);
+    margin: var(--gap-48) 0 var(--gap-24);
 } .margins-medium {
-    margin: var(--gap-4xl) 0 var(--gap-xl);
+    margin: var(--gap-48) 0 var(--gap-24);
 } .margins-small {
-    margin: var(--gap-3xl) 0 var(--gap-m);
+    margin: var(--gap-40) 0 var(--gap-16);
 } .margins-xsmall {
-    margin: var(--gap-3xl) 0 var(--gap-m);
+    margin: var(--gap-40) 0 var(--gap-16);
 }

package/cssm/title-mobile/component.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TitleProps } from "../title/component";
-type TitleMobileProps = Omit<TitleProps, 'defaultMargins'>;
 declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
@@ -17,4 +15,4 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
     skeletonProps?: import("../types").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
-export { TitleMobileProps, TitleMobile };
+export { TitleMobile };

package/cssm/title-mobile/index.d.ts

@@ -1 +1,2 @@
-export * from "./component";
+export { TitleMobile } from "./component";
+export type { TitleProps as TitleMobileProps } from "../title/component";

package/cssm/title-mobile/index.module.css

@@ -9,10 +9,18 @@
     /* Up */
 
     /* Hard up */
-} :root {
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */
+    --gap-xl: 24px; /* deprecated */ /* deprecated */
+    --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
+    --gap-40: var(--gap-3xl);
 } :root {
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
@@ -67,4 +75,14 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
+} .margins-xlarge {
+    margin: 0 0 var(--gap-24);
+} .margins-large {
+    margin: var(--gap-40) 0 var(--gap-16);
+} .margins-medium {
+    margin: var(--gap-40) 0 var(--gap-16);
+} .margins-small {
+    margin: var(--gap-40) 0 var(--gap-16);
+} .margins-xsmall {
+    margin: var(--gap-40) 0 var(--gap-16);
 }

package/cssm/title-responsive/component.d.ts

@@ -1,5 +1,13 @@
 /// <reference types="react" />
 import React from 'react';
+import { TitleProps } from "../title/index";
+type TitleResponsiveProps = TitleProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
@@ -14,5 +22,11 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("../types").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
-export { TitleResponsive };
+export { TitleResponsiveProps, TitleResponsive };

package/cssm/title-responsive/component.js

@@ -5,20 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
-var title_component = require('../title/component.js');
-var commonStyles = require('../title/common.module.css');
-var styles = require('./index.module.css');
+var title_index = require('../title/index.js');
+var titleMobile_component = require('../title-mobile/component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var TitleResponsive = React.forwardRef(function (props, ref) {
-    var defaultMatchMediaValue = props.defaultMatchMediaValue;
-    var isDesktop = coreComponentsMq.useMatchMedia('(min-width: 1024px)', defaultMatchMediaValue)[0];
-    return (React__default.default.createElement(title_component.TitleBase, tslib.__assign({}, props, { styles: Object.assign(commonStyles__default.default, styles__default.default), ref: ref, platform: isDesktop ? 'desktop' : 'mobile' })));
+var TitleResponsive = React.forwardRef(function (_a, ref) {
+    var defaultMatchMediaValue = _a.defaultMatchMediaValue, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "breakpoint"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
+    var Component = isDesktop ? title_index.Title : titleMobile_component.TitleMobile;
+    return React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: ref }));
 });
 
 exports.TitleResponsive = TitleResponsive;

package/esm/colors.css

@@ -1,4 +1,4 @@
-/* hash: 1ssxc */
+/* hash: m94qw */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
@@ -29,48 +29,50 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* colors */ .typography__tertiary_1dczv {
+} /* colors */ .typography__tertiary_fy1bc {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_1dczv {
+} .typography__disabled_fy1bc {
     color: var(--color-light-text-quaternary);
-} .typography__accent_1dczv {
+} .typography__accent_fy1bc {
     color: var(--color-light-accent-primary);
-} .typography__primary_1dczv {
+} .typography__primary_fy1bc {
     color: var(--color-light-text-primary);
-} .typography__attention_1dczv {
+} .typography__attention_fy1bc {
     color: var(--color-light-text-attention);
-} .typography__positive_1dczv {
+} .typography__positive_fy1bc {
     color: var(--color-light-text-positive);
-} .typography__secondary_1dczv {
+} .typography__secondary_fy1bc {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_1dczv {
+} .typography__tertiary-inverted_fy1bc {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_1dczv {
+} .typography__primary-inverted_fy1bc {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_1dczv {
+} .typography__secondary-inverted_fy1bc {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_1dczv {
+} .typography__link_fy1bc {
     color: var(--color-light-text-info);
-} .typography__negative_1dczv {
+} .typography__negative_fy1bc {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_1dczv {
+} .typography__static-primary-light_fy1bc {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_1dczv {
+} .typography__static-secondary-light_fy1bc {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_1dczv {
+} .typography__static-tertiary-light_fy1bc {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_1dczv {
+} .typography__static-primary-dark_fy1bc {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_1dczv {
+} .typography__static-secondary-dark_fy1bc {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_1dczv {
+} .typography__static-tertiary-dark_fy1bc {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_1dczv {
+} .typography__static-accent_fy1bc {
     color: var(--color-static-accent-primary);
 }

package/esm/colors.module-5cfaa8f2.js

@@ -0,0 +1,4 @@
+var colors = {"tertiary":"typography__tertiary_fy1bc","disabled":"typography__disabled_fy1bc","accent":"typography__accent_fy1bc","primary":"typography__primary_fy1bc","attention":"typography__attention_fy1bc","positive":"typography__positive_fy1bc","secondary":"typography__secondary_fy1bc","tertiary-inverted":"typography__tertiary-inverted_fy1bc","primary-inverted":"typography__primary-inverted_fy1bc","secondary-inverted":"typography__secondary-inverted_fy1bc","link":"typography__link_fy1bc","negative":"typography__negative_fy1bc","static-primary-light":"typography__static-primary-light_fy1bc","static-secondary-light":"typography__static-secondary-light_fy1bc","static-tertiary-light":"typography__static-tertiary-light_fy1bc","static-primary-dark":"typography__static-primary-dark_fy1bc","static-secondary-dark":"typography__static-secondary-dark_fy1bc","static-tertiary-dark":"typography__static-tertiary-dark_fy1bc","static-accent":"typography__static-accent_fy1bc"};
+require('./colors.css')
+
+export { colors as c };

package/esm/common.module-f31888e6.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_nn6vl","bold":"typography__bold_nn6vl","semibold":"typography__semibold_nn6vl","medium":"typography__medium_nn6vl","regular":"typography__regular_nn6vl","rowLimit1":"typography__rowLimit1_nn6vl","rowLimit2":"typography__rowLimit2_nn6vl","rowLimit3":"typography__rowLimit3_nn6vl"};
+require('./title/common.css')
+
+export { commonStyles as c };

package/esm/component.d.ts

@@ -2,11 +2,12 @@ import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { TextProps } from "./text/index";
 import { TitleProps } from "./title/index";
 import { TitleMobileProps } from "./title-mobile/index";
+import { TitleResponsiveProps } from "./title-responsive/index";
 import { TextElementType } from "./types";
 declare const Typography: {
     Title: FC<TitleProps>;
     Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
+    TitleResponsive: FC<TitleResponsiveProps>;
     TitleMobile: FC<TitleMobileProps>;
 };
 export { Typography };

package/esm/hooks/use-skeleton.css

@@ -1,4 +1,4 @@
-/* hash: 1sejh */
+/* hash: 13r5k */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -10,19 +10,21 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --border-radius-pill: 99px;
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .typography__skeletonText_1bwmk.typography__skeletonText_1bwmk {
+} .typography__skeletonText_ml3np.typography__skeletonText_ml3np {
     border-radius: var(--border-radius-pill);
-} .typography__left_1bwmk > div {
+} .typography__left_ml3np > div {
     margin-right: auto;
-} .typography__center_1bwmk > div {
+} .typography__center_ml3np > div {
     margin: 0 auto;
-} .typography__right_1bwmk > div {
+} .typography__right_ml3np > div {
     margin-left: auto;
 }

package/esm/hooks/use-skeleton.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Skeleton } from '@alfalab/core-components-skeleton/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 
-var styles = {"skeletonText":"typography__skeletonText_1bwmk","left":"typography__left_1bwmk","center":"typography__center_1bwmk","right":"typography__right_1bwmk"};
+var styles = {"skeletonText":"typography__skeletonText_ml3np","left":"typography__left_ml3np","center":"typography__center_ml3np","right":"typography__right_ml3np"};
 require('./use-skeleton.css')
 
 function useSkeleton(showSkeleton, skeletonProps) {

package/esm/text/component.js

@@ -3,9 +3,9 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-150df74d.js';
+import { c as colors } from '../colors.module-5cfaa8f2.js';
 
-var styles = {"paragraph":"typography__paragraph_hw1vb","paragraphWithMargins":"typography__paragraphWithMargins_hw1vb","primary-large":"typography__primary-large_hw1vb","primary-medium":"typography__primary-medium_hw1vb","primary-small":"typography__primary-small_hw1vb","secondary-large":"typography__secondary-large_hw1vb","secondary-medium":"typography__secondary-medium_hw1vb","secondary-small":"typography__secondary-small_hw1vb","component":"typography__component_hw1vb","component-primary":"typography__component-primary_hw1vb","component-secondary":"typography__component-secondary_hw1vb","caps":"typography__caps_hw1vb","tagline":"typography__tagline_hw1vb","bold":"typography__bold_hw1vb","medium":"typography__medium_hw1vb","regular":"typography__regular_hw1vb","monospace":"typography__monospace_hw1vb","rowLimit1":"typography__rowLimit1_hw1vb","rowLimit2":"typography__rowLimit2_hw1vb","rowLimit3":"typography__rowLimit3_hw1vb"};
+var styles = {"paragraph":"typography__paragraph_6mjyh","paragraphWithMargins":"typography__paragraphWithMargins_6mjyh","primary-large":"typography__primary-large_6mjyh","primary-medium":"typography__primary-medium_6mjyh","primary-small":"typography__primary-small_6mjyh","secondary-large":"typography__secondary-large_6mjyh","secondary-medium":"typography__secondary-medium_6mjyh","secondary-small":"typography__secondary-small_6mjyh","component":"typography__component_6mjyh","component-primary":"typography__component-primary_6mjyh","component-secondary":"typography__component-secondary_6mjyh","caps":"typography__caps_6mjyh","tagline":"typography__tagline_6mjyh","bold":"typography__bold_6mjyh","medium":"typography__medium_6mjyh","regular":"typography__regular_6mjyh","monospace":"typography__monospace_6mjyh","rowLimit1":"typography__rowLimit1_6mjyh","rowLimit2":"typography__rowLimit2_6mjyh","rowLimit3":"typography__rowLimit3_6mjyh"};
 require('./index.css')
 
 var logWarning = function (view) {