@alfalab/core-components-typography 4.8.0 → 4.10.0

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

@@ -0,0 +1,76 @@
+/* */
+.styrene-xlarge {
+    font-size: 34px;
+    line-height: 40px;
+    font-weight: 500;
+    font-feature-settings: 'ss01';
+    font-family: var(--font-family-styrene);
+}
+.styrene-large {
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 500;
+    font-feature-settings: 'ss01';
+    font-family: var(--font-family-styrene);
+}
+.styrene-medium {
+    font-size: 26px;
+    line-height: 32px;
+    font-weight: 500;
+    font-feature-settings: 'ss01';
+    font-family: var(--font-family-styrene);
+}
+.styrene-small {
+    font-size: 20px;
+    line-height: 28px;
+    font-weight: 500;
+    font-feature-settings: 'ss01';
+    font-family: var(--font-family-styrene);
+}
+.styrene-xsmall {
+    font-size: 16px;
+    line-height: 20px;
+    font-weight: 500;
+    font-feature-settings: 'ss01';
+    font-family: var(--font-family-styrene);
+}
+.system-xlarge {
+    font-size: 34px;
+    line-height: 40px;
+    font-weight: 600;
+}
+.system-large {
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 600;
+}
+.system-medium {
+    font-size: 26px;
+    line-height: 32px;
+    font-weight: 600;
+}
+.system-small {
+    font-size: 20px;
+    line-height: 28px;
+    font-weight: 600;
+}
+.system-xsmall {
+    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/moderncssm/title-responsive/component.d.ts

@@ -0,0 +1,32 @@
+/// <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;
+    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    font?: "styrene" | "system" | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("../types").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { TitleResponsiveProps, TitleResponsive };

package/moderncssm/title-responsive/component.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
+import { Title } from '../title/index.js';
+import { TitleMobile } from '../title-mobile/component.js';
+
+const TitleResponsive = forwardRef(({ defaultMatchMediaValue, breakpoint = 1024, ...restProps }, ref) => {
+    const query = `(min-width: ${breakpoint}px)`;
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
+    const Component = isDesktop ? Title : TitleMobile;
+    return React.createElement(Component, { ...restProps, ref: ref });
+});
+
+export { TitleResponsive };

package/moderncssm/title-responsive/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/moderncssm/title-responsive/index.js

@@ -0,0 +1 @@
+export { TitleResponsive } from './component.js';

package/moderncssm/types.d.ts

@@ -0,0 +1,21 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+    /**
+     * Выравнивание элементов по горизонтали
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Класс для обертки скелетона
+     */
+    wrapperClassName?: string;
+};
+export { TextElementType, TextSkeletonProps };

package/moderncssm/types.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-typography",
-    "version": "4.8.0",
+    "version": "4.10.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -14,13 +14,13 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-skeleton": "^5.0.0",
+        "@alfalab/core-components-skeleton": "^5.1.0",
         "@alfalab/core-components-mq": "^4.3.0",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.0.1",
-    "varsVersion": "9.10.0"
+    "themesVersion": "13.1.0",
+    "varsVersion": "9.12.0"
 }

package/src/colors.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 /* colors */
 

package/src/component.tsx

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

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .skeletonText.skeletonText {
     border-radius: var(--border-radius-pill);

package/src/margins.module.css

@@ -1,11 +1,11 @@
 @define-mixin margin-large {
-    margin: 0 0 var(--gap-xl);
+    margin: 0 0 var(--gap-24);
 }
 
 @define-mixin margin-medium {
-    margin: var(--gap-4xl) 0 var(--gap-xl);
+    margin: var(--gap-48) 0 var(--gap-24);
 }
 
 @define-mixin margin-small {
-    margin: var(--gap-3xl) 0 var(--gap-m);
+    margin: var(--gap-40) 0 var(--gap-16);
 }

package/src/text/index.module.css

@@ -1,7 +1,7 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 :root {
-    --text-paragraph-margin-bottom: 0 0 var(--gap-s);
+    --text-paragraph-margin-bottom: 0 0 var(--gap-12);
 }
 
 .paragraph {

package/src/title/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../margins.module.css';
 
 .styrene-xlarge {

package/src/title-mobile/component.tsx

@@ -5,8 +5,6 @@ import { TitleBase, TitleProps } from '../title/component';
 import commonStyles from '../title/common.module.css';
 import styles from './index.module.css';
 
-export type TitleMobileProps = Omit<TitleProps, 'defaultMargins'>;
-
 export const TitleMobile = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>(
     (props, ref) => (
         <TitleBase

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../margins.module.css';
 
 .styrene-xlarge {
@@ -40,3 +40,23 @@
 .system-xsmall {
     @mixin headline-system-mobile_xsmall;
 }
+
+.margins-xlarge {
+    @mixin margin-large;
+}
+
+.margins-large {
+    @mixin margin-small;
+}
+
+.margins-medium {
+    @mixin margin-small;
+}
+
+.margins-small {
+    @mixin margin-small;
+}
+
+.margins-xsmall {
+    @mixin margin-small;
+}

package/src/title-mobile/index.tsx

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

package/src/title-responsive/component.tsx

@@ -2,23 +2,26 @@ import React, { forwardRef } from 'react';
 
 import { useMatchMedia } from '@alfalab/core-components-mq';
 
-import { TitleBase, TitleProps } from '../title/component';
+import { Title, TitleProps } from '../title';
+import { TitleMobile } from '../title-mobile';
 
-import commonStyles from '../title/common.module.css';
-import styles from './index.module.css';
+export type TitleResponsiveProps = TitleProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
 
-export const TitleResponsive = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>(
-    (props, ref) => {
-        const { defaultMatchMediaValue } = props;
-        const [isDesktop] = useMatchMedia('(min-width: 1024px)', defaultMatchMediaValue);
+export const TitleResponsive = forwardRef<
+    HTMLHeadingElement | HTMLDivElement,
+    TitleResponsiveProps
+>(({ defaultMatchMediaValue, breakpoint = 1024, ...restProps }, ref) => {
+    const query = `(min-width: ${breakpoint}px)`;
 
-        return (
-            <TitleBase
-                {...props}
-                styles={Object.assign(commonStyles, styles)}
-                ref={ref}
-                platform={isDesktop ? 'desktop' : 'mobile'}
-            />
-        );
-    },
-);
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
+
+    const Component = isDesktop ? Title : TitleMobile;
+
+    return <Component {...restProps} ref={ref} />;
+});

package/text/component.js

@@ -7,7 +7,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-ae9077a2.js');
+var colors_module = require('../colors.module-5866c16f.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-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) {

package/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1gxdd */
+/* hash: 9khtk */
 :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,89 +10,92 @@
     /* 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);
-} .typography__paragraph_hw1vb {
+    --text-paragraph-margin-bottom: 0 0 var(--gap-12);
+} .typography__paragraph_6mjyh {
     margin: 0;
     padding: 0;
-} .typography__paragraphWithMargins_hw1vb {
+} .typography__paragraphWithMargins_6mjyh {
     padding: 0;
     margin: var(--text-paragraph-margin-bottom);
-} .typography__primary-large_hw1vb {
+} .typography__primary-large_6mjyh {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-medium_hw1vb {
+} .typography__primary-medium_6mjyh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-small_hw1vb {
+} .typography__primary-small_6mjyh {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .typography__secondary-large_hw1vb {
+} .typography__secondary-large_6mjyh {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-medium_hw1vb {
+} .typography__secondary-medium_6mjyh {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-small_hw1vb {
+} .typography__secondary-small_6mjyh {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
-} .typography__component_hw1vb {
+} .typography__component_6mjyh {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-primary_hw1vb {
+} .typography__component-primary_6mjyh {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-secondary_hw1vb {
+} .typography__component-secondary_6mjyh {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-} .typography__caps_hw1vb {
+} .typography__caps_6mjyh {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__tagline_hw1vb {
+} .typography__tagline_6mjyh {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__bold_hw1vb {
+} .typography__bold_6mjyh {
     font-weight: bold;
-} .typography__medium_hw1vb {
+} .typography__medium_6mjyh {
     font-weight: 500;
-} .typography__regular_hw1vb {
+} .typography__regular_6mjyh {
     font-weight: normal;
-} .typography__monospace_hw1vb {
+} .typography__monospace_6mjyh {
     font-variant-numeric: tabular-nums;
-} .typography__rowLimit1_hw1vb {
+} .typography__rowLimit1_6mjyh {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .typography__rowLimit2_hw1vb {
+} .typography__rowLimit2_6mjyh {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .typography__rowLimit3_hw1vb {
+} .typography__rowLimit3_6mjyh {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/title/common.css

@@ -1,26 +1,26 @@
-/* hash: 14te1 */
-.typography__component_1e0qe {
+/* hash: d55jd */
+.typography__component_nn6vl {
     margin: 0;
     padding: 0
 }
 
-.typography__component_1e0qe.typography__bold_1e0qe {
+.typography__component_nn6vl.typography__bold_nn6vl {
         font-weight: bold;
     }
 
-.typography__component_1e0qe.typography__semibold_1e0qe {
+.typography__component_nn6vl.typography__semibold_nn6vl {
         font-weight: 600;
     }
 
-.typography__component_1e0qe.typography__medium_1e0qe {
+.typography__component_nn6vl.typography__medium_nn6vl {
         font-weight: 500;
     }
 
-.typography__component_1e0qe.typography__regular_1e0qe {
+.typography__component_nn6vl.typography__regular_nn6vl {
         font-weight: normal;
     }
 
-.typography__rowLimit1_1e0qe {
+.typography__rowLimit1_nn6vl {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -28,14 +28,14 @@
     word-break: break-all;
 }
 
-.typography__rowLimit2_1e0qe {
+.typography__rowLimit2_nn6vl {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
 
-.typography__rowLimit3_1e0qe {
+.typography__rowLimit3_nn6vl {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/title/component.js

@@ -8,7 +8,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-ae9077a2.js');
+var colors_module = require('../colors.module-5866c16f.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }