@alfalab/core-components-typography 4.7.0 → 4.9.0

package/colors.css

@@ -1,4 +1,4 @@
-/* hash: 1x64h */
+/* hash: 8w3y6 */
 :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,46 +29,50 @@
     /* Up */
 
     /* Hard up */
+} :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 {
-} :root {
-} :root {
-} /* colors */ .typography__tertiary_1xd5u {
+} /* colors */ .typography__tertiary_q8fem {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_1xd5u {
+} .typography__disabled_q8fem {
     color: var(--color-light-text-quaternary);
-} .typography__accent_1xd5u {
+} .typography__accent_q8fem {
     color: var(--color-light-accent-primary);
-} .typography__primary_1xd5u {
+} .typography__primary_q8fem {
     color: var(--color-light-text-primary);
-} .typography__attention_1xd5u {
+} .typography__attention_q8fem {
     color: var(--color-light-text-attention);
-} .typography__positive_1xd5u {
+} .typography__positive_q8fem {
     color: var(--color-light-text-positive);
-} .typography__secondary_1xd5u {
+} .typography__secondary_q8fem {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_1xd5u {
+} .typography__tertiary-inverted_q8fem {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_1xd5u {
+} .typography__primary-inverted_q8fem {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_1xd5u {
+} .typography__secondary-inverted_q8fem {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_1xd5u {
+} .typography__link_q8fem {
     color: var(--color-light-text-info);
-} .typography__negative_1xd5u {
+} .typography__negative_q8fem {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_1xd5u {
+} .typography__static-primary-light_q8fem {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_1xd5u {
+} .typography__static-secondary-light_q8fem {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_1xd5u {
+} .typography__static-tertiary-light_q8fem {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_1xd5u {
+} .typography__static-primary-dark_q8fem {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_1xd5u {
+} .typography__static-secondary-dark_q8fem {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_1xd5u {
+} .typography__static-tertiary-dark_q8fem {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_1xd5u {
+} .typography__static-accent_q8fem {
     color: var(--color-static-accent-primary);
 }

package/colors.module-22f6ce74.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var colors = {"tertiary":"typography__tertiary_q8fem","disabled":"typography__disabled_q8fem","accent":"typography__accent_q8fem","primary":"typography__primary_q8fem","attention":"typography__attention_q8fem","positive":"typography__positive_q8fem","secondary":"typography__secondary_q8fem","tertiary-inverted":"typography__tertiary-inverted_q8fem","primary-inverted":"typography__primary-inverted_q8fem","secondary-inverted":"typography__secondary-inverted_q8fem","link":"typography__link_q8fem","negative":"typography__negative_q8fem","static-primary-light":"typography__static-primary-light_q8fem","static-secondary-light":"typography__static-secondary-light_q8fem","static-tertiary-light":"typography__static-tertiary-light_q8fem","static-primary-dark":"typography__static-primary-dark_q8fem","static-secondary-dark":"typography__static-secondary-dark_q8fem","static-tertiary-dark":"typography__static-tertiary-dark_q8fem","static-accent":"typography__static-accent_q8fem"};
+require('./colors.css')
+
+exports.colors = colors;

package/common.module-4e0e0a99.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"typography__component_yzkwo","bold":"typography__bold_yzkwo","semibold":"typography__semibold_yzkwo","medium":"typography__medium_yzkwo","regular":"typography__regular_yzkwo","rowLimit1":"typography__rowLimit1_yzkwo","rowLimit2":"typography__rowLimit2_yzkwo","rowLimit3":"typography__rowLimit3_yzkwo"};
+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,8 +28,12 @@
     /* Up */
 
     /* Hard up */
-} :root {
-} :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 */ .tertiary {

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,9 +9,13 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --border-radius-pill: 99px;
-} :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 {
 } :root {
 } .skeletonText.skeletonText {

package/cssm/text/component.d.ts

@@ -8,7 +8,7 @@ type TextBaseProps = {
     /**
      * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
      */
-    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'secondary-large' | 'secondary-medium' | 'secondary-small' | 'component' | 'component-primary' | 'component-secondary' | 'caps';
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'secondary-large' | 'secondary-medium' | 'secondary-small' | 'component' | 'component-primary' | 'component-secondary' | 'caps' | 'tagline';
     /**
      * Цвет текста
      */

package/cssm/text/index.module.css

@@ -9,13 +9,18 @@
     /* Up */
 
     /* Hard up */
-} :root {
-} :root {
-    --gap-s: 12px;
+} :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;
@@ -64,6 +69,12 @@
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
+} .tagline {
+    font-size: 12px;
+    line-height: 16px;
+    font-weight: 500;
+    letter-spacing: 1.25px;
+    text-transform: uppercase;
 } .bold {
     font-weight: bold;
 } .medium {

package/cssm/title/common.module.css

@@ -2,15 +2,41 @@
     margin: 0;
     padding: 0
 }
+
 .component.bold {
         font-weight: bold;
     }
+
 .component.semibold {
         font-weight: 600;
     }
+
 .component.medium {
         font-weight: 500;
     }
+
 .component.regular {
         font-weight: normal;
     }
+
+.rowLimit1 {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+
+.rowLimit2 {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.rowLimit3 {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/cssm/title/index.module.css

@@ -9,12 +9,20 @@
     /* Up */
 
     /* Hard up */
-} :root {
-} :root {
-    --gap-m: 16px;
-    --gap-xl: 24px;
-    --gap-3xl: 40px;
-    --gap-4xl: 48px;
+} :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 */
+    --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;
@@ -70,29 +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);
-} .rowLimit1 {
-    -webkit-line-clamp: 1;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    word-break: break-all;
-} .rowLimit2 {
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-} .rowLimit3 {
-    -webkit-line-clamp: 3;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
+    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,8 +9,18 @@
     /* Up */
 
     /* Hard up */
-} :root {
-} :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 */
+    --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;
@@ -65,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: 1x64h */
+/* hash: 8w3y6 */
 :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,46 +29,50 @@
     /* Up */
 
     /* Hard up */
+} :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 {
-} :root {
-} :root {
-} /* colors */ .typography__tertiary_1xd5u {
+} /* colors */ .typography__tertiary_q8fem {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_1xd5u {
+} .typography__disabled_q8fem {
     color: var(--color-light-text-quaternary);
-} .typography__accent_1xd5u {
+} .typography__accent_q8fem {
     color: var(--color-light-accent-primary);
-} .typography__primary_1xd5u {
+} .typography__primary_q8fem {
     color: var(--color-light-text-primary);
-} .typography__attention_1xd5u {
+} .typography__attention_q8fem {
     color: var(--color-light-text-attention);
-} .typography__positive_1xd5u {
+} .typography__positive_q8fem {
     color: var(--color-light-text-positive);
-} .typography__secondary_1xd5u {
+} .typography__secondary_q8fem {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_1xd5u {
+} .typography__tertiary-inverted_q8fem {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_1xd5u {
+} .typography__primary-inverted_q8fem {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_1xd5u {
+} .typography__secondary-inverted_q8fem {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_1xd5u {
+} .typography__link_q8fem {
     color: var(--color-light-text-info);
-} .typography__negative_1xd5u {
+} .typography__negative_q8fem {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_1xd5u {
+} .typography__static-primary-light_q8fem {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_1xd5u {
+} .typography__static-secondary-light_q8fem {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_1xd5u {
+} .typography__static-tertiary-light_q8fem {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_1xd5u {
+} .typography__static-primary-dark_q8fem {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_1xd5u {
+} .typography__static-secondary-dark_q8fem {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_1xd5u {
+} .typography__static-tertiary-dark_q8fem {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_1xd5u {
+} .typography__static-accent_q8fem {
     color: var(--color-static-accent-primary);
 }

package/esm/colors.module-4b94173a.js

@@ -0,0 +1,4 @@
+var colors = {"tertiary":"typography__tertiary_q8fem","disabled":"typography__disabled_q8fem","accent":"typography__accent_q8fem","primary":"typography__primary_q8fem","attention":"typography__attention_q8fem","positive":"typography__positive_q8fem","secondary":"typography__secondary_q8fem","tertiary-inverted":"typography__tertiary-inverted_q8fem","primary-inverted":"typography__primary-inverted_q8fem","secondary-inverted":"typography__secondary-inverted_q8fem","link":"typography__link_q8fem","negative":"typography__negative_q8fem","static-primary-light":"typography__static-primary-light_q8fem","static-secondary-light":"typography__static-secondary-light_q8fem","static-tertiary-light":"typography__static-tertiary-light_q8fem","static-primary-dark":"typography__static-primary-dark_q8fem","static-secondary-dark":"typography__static-secondary-dark_q8fem","static-tertiary-dark":"typography__static-tertiary-dark_q8fem","static-accent":"typography__static-accent_q8fem"};
+require('./colors.css')
+
+export { colors as c };

package/esm/common.module-db571a36.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_yzkwo","bold":"typography__bold_yzkwo","semibold":"typography__semibold_yzkwo","medium":"typography__medium_yzkwo","regular":"typography__regular_yzkwo","rowLimit1":"typography__rowLimit1_yzkwo","rowLimit2":"typography__rowLimit2_yzkwo","rowLimit3":"typography__rowLimit3_yzkwo"};
+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: 53xo9 */
+/* hash: 1aiu2 */
 :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,17 +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 {
-} :root {
-} .typography__skeletonText_vv96e.typography__skeletonText_vv96e {
+} .typography__skeletonText_18baj.typography__skeletonText_18baj {
     border-radius: var(--border-radius-pill);
-} .typography__left_vv96e > div {
+} .typography__left_18baj > div {
     margin-right: auto;
-} .typography__center_vv96e > div {
+} .typography__center_18baj > div {
     margin: 0 auto;
-} .typography__right_vv96e > div {
+} .typography__right_18baj > 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_vv96e","left":"typography__left_vv96e","center":"typography__center_vv96e","right":"typography__right_vv96e"};
+var styles = {"skeletonText":"typography__skeletonText_18baj","left":"typography__left_18baj","center":"typography__center_18baj","right":"typography__right_18baj"};
 require('./use-skeleton.css')
 
 function useSkeleton(showSkeleton, skeletonProps) {