@alfalab/core-components-typography 5.0.1 → 5.0.2

package/colors.css

@@ -19,44 +19,44 @@
     --color-static-text-secondary-light: rgba(238, 238, 251, 0.55);
     --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);
     --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
-} .typography__tertiary_15aii {
+} .typography__tertiary_xzzbg {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_15aii {
+} .typography__disabled_xzzbg {
     color: var(--color-light-text-quaternary);
-} .typography__accent_15aii {
+} .typography__accent_xzzbg {
     color: var(--color-light-accent-primary);
-} .typography__primary_15aii {
+} .typography__primary_xzzbg {
     color: var(--color-light-text-primary);
-} .typography__attention_15aii {
+} .typography__attention_xzzbg {
     color: var(--color-light-text-attention);
-} .typography__positive_15aii {
+} .typography__positive_xzzbg {
     color: var(--color-light-text-positive);
-} .typography__secondary_15aii {
+} .typography__secondary_xzzbg {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_15aii {
+} .typography__tertiary-inverted_xzzbg {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_15aii {
+} .typography__primary-inverted_xzzbg {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_15aii {
+} .typography__secondary-inverted_xzzbg {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_15aii {
+} .typography__link_xzzbg {
     color: var(--color-light-text-info);
-} .typography__negative_15aii {
+} .typography__negative_xzzbg {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_15aii {
+} .typography__static-primary-light_xzzbg {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_15aii {
+} .typography__static-secondary-light_xzzbg {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_15aii {
+} .typography__static-tertiary-light_xzzbg {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_15aii {
+} .typography__static-primary-dark_xzzbg {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_15aii {
+} .typography__static-secondary-dark_xzzbg {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_15aii {
+} .typography__static-tertiary-dark_xzzbg {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_15aii {
+} .typography__static-accent_xzzbg {
     color: var(--color-static-accent-primary);
-} .typography__static-positive_15aii {
+} .typography__static-positive_xzzbg {
     color: var(--color-static-text-positive);
 }

package/colors.module.css.js

@@ -2,7 +2,7 @@
 
 require('./colors.css');
 
-var colors = {"tertiary":"typography__tertiary_15aii","disabled":"typography__disabled_15aii","accent":"typography__accent_15aii","primary":"typography__primary_15aii","attention":"typography__attention_15aii","positive":"typography__positive_15aii","secondary":"typography__secondary_15aii","tertiary-inverted":"typography__tertiary-inverted_15aii","primary-inverted":"typography__primary-inverted_15aii","secondary-inverted":"typography__secondary-inverted_15aii","link":"typography__link_15aii","negative":"typography__negative_15aii","static-primary-light":"typography__static-primary-light_15aii","static-secondary-light":"typography__static-secondary-light_15aii","static-tertiary-light":"typography__static-tertiary-light_15aii","static-primary-dark":"typography__static-primary-dark_15aii","static-secondary-dark":"typography__static-secondary-dark_15aii","static-tertiary-dark":"typography__static-tertiary-dark_15aii","static-accent":"typography__static-accent_15aii","static-positive":"typography__static-positive_15aii"};
+var colors = {"tertiary":"typography__tertiary_xzzbg","disabled":"typography__disabled_xzzbg","accent":"typography__accent_xzzbg","primary":"typography__primary_xzzbg","attention":"typography__attention_xzzbg","positive":"typography__positive_xzzbg","secondary":"typography__secondary_xzzbg","tertiary-inverted":"typography__tertiary-inverted_xzzbg","primary-inverted":"typography__primary-inverted_xzzbg","secondary-inverted":"typography__secondary-inverted_xzzbg","link":"typography__link_xzzbg","negative":"typography__negative_xzzbg","static-primary-light":"typography__static-primary-light_xzzbg","static-secondary-light":"typography__static-secondary-light_xzzbg","static-tertiary-light":"typography__static-tertiary-light_xzzbg","static-primary-dark":"typography__static-primary-dark_xzzbg","static-secondary-dark":"typography__static-secondary-dark_xzzbg","static-tertiary-dark":"typography__static-tertiary-dark_xzzbg","static-accent":"typography__static-accent_xzzbg","static-positive":"typography__static-positive_xzzbg"};
 
 module.exports = colors;
 //# sourceMappingURL=colors.module.css.js.map

package/colors.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.module.css.js","sources":["src/colors.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n/* colors */\n\n.tertiary {\n    color: var(--color-light-text-tertiary);\n}\n\n.disabled {\n    color: var(--color-light-text-quaternary);\n}\n\n.accent {\n    color: var(--color-light-accent-primary);\n}\n\n.primary {\n    color: var(--color-light-text-primary);\n}\n\n.attention {\n    color: var(--color-light-text-attention);\n}\n\n.positive {\n    color: var(--color-light-text-positive);\n}\n\n.secondary {\n    color: var(--color-light-text-secondary);\n}\n\n.tertiary-inverted {\n    color: var(--color-light-text-tertiary-inverted);\n}\n\n.primary-inverted {\n    color: var(--color-light-text-primary-inverted);\n}\n\n.secondary-inverted {\n    color: var(--color-light-text-secondary-inverted);\n}\n\n.link {\n    color: var(--color-light-text-info);\n}\n\n.negative {\n    color: var(--color-light-text-negative);\n}\n\n.static-primary-light {\n    color: var(--color-static-text-primary-light);\n}\n\n.static-secondary-light {\n    color: var(--color-static-text-secondary-light);\n}\n\n.static-tertiary-light {\n    color: var(--color-static-text-tertiary-light);\n}\n\n.static-primary-dark {\n    color: var(--color-static-text-primary-dark);\n}\n\n.static-secondary-dark {\n    color: var(--color-static-text-secondary-dark);\n}\n\n.static-tertiary-dark {\n    color: var(--color-static-text-tertiary-dark);\n}\n\n.static-accent {\n    color: var(--color-static-accent-primary);\n}\n\n.static-positive {\n    color: var(--color-static-text-positive);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,4BAA4B,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,UAAU,CAAC,4BAA4B,CAAC,WAAW,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,oBAAoB,CAAC,sCAAsC,CAAC,MAAM,CAAC,wBAAwB,CAAC,UAAU,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,wBAAwB,CAAC,0CAA0C,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,eAAe,CAAC,iCAAiC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC;;;;"}
+{"version":3,"file":"colors.module.css.js","sources":["src/colors.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n/* colors */\n\n.tertiary {\n    color: var(--color-light-text-tertiary);\n}\n\n.disabled {\n    color: var(--color-light-text-quaternary);\n}\n\n.accent {\n    color: var(--color-light-accent-primary);\n}\n\n.primary {\n    color: var(--color-light-text-primary);\n}\n\n.attention {\n    color: var(--color-light-text-attention);\n}\n\n.positive {\n    color: var(--color-light-text-positive);\n}\n\n.secondary {\n    color: var(--color-light-text-secondary);\n}\n\n.tertiary-inverted {\n    color: var(--color-light-text-tertiary-inverted);\n}\n\n.primary-inverted {\n    color: var(--color-light-text-primary-inverted);\n}\n\n.secondary-inverted {\n    color: var(--color-light-text-secondary-inverted);\n}\n\n.link {\n    color: var(--color-light-text-info);\n}\n\n.negative {\n    color: var(--color-light-text-negative);\n}\n\n.static-primary-light {\n    color: var(--color-static-text-primary-light);\n}\n\n.static-secondary-light {\n    color: var(--color-static-text-secondary-light);\n}\n\n.static-tertiary-light {\n    color: var(--color-static-text-tertiary-light);\n}\n\n.static-primary-dark {\n    color: var(--color-static-text-primary-dark);\n}\n\n.static-secondary-dark {\n    color: var(--color-static-text-secondary-dark);\n}\n\n.static-tertiary-dark {\n    color: var(--color-static-text-tertiary-dark);\n}\n\n.static-accent {\n    color: var(--color-static-accent-primary);\n}\n\n.static-positive {\n    color: var(--color-static-text-positive);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,4BAA4B,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,UAAU,CAAC,4BAA4B,CAAC,WAAW,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,oBAAoB,CAAC,sCAAsC,CAAC,MAAM,CAAC,wBAAwB,CAAC,UAAU,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,wBAAwB,CAAC,0CAA0C,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,eAAe,CAAC,iCAAiC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC;;;;"}

package/component.d.ts

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

package/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { Text, TextProps } from './text';\nimport { Title, TitleProps } from './title';\nimport { TitleMobile, TitleMobileProps } from './title-mobile';\nimport { TitleResponsive, TitleResponsiveProps } from './title-responsive';\nimport { TextElementType } from './types';\n\nexport const Typography: {\n    Title: FC<TitleProps>;\n    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;\n    TitleResponsive: FC<TitleResponsiveProps>;\n    TitleMobile: FC<TitleMobileProps>;\n} = {\n    Title,\n    Text,\n    TitleResponsive,\n    TitleMobile,\n};\n\nexport { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };\n"],"names":["Title","Text","TitleResponsive","TitleMobile"],"mappings":";;;;;;;;;AAQa,IAAA,UAAU,GAKnB;AACA,IAAA,KAAK,EAAAA,WAAA;AACL,IAAA,IAAI,EAAAC,cAAA;AACJ,IAAA,eAAe,EAAAC,2BAAA;AACf,IAAA,WAAW,EAAAC,uBAAA;;;;;;;;;"}
+{"version":3,"file":"component.js","sources":["src/component.ts"],"sourcesContent":["import { type FC, type ForwardRefExoticComponent, type RefAttributes } from 'react';\n\nimport { Text, type TextProps } from './text';\nimport { Title, type TitleProps } from './title';\nimport { TitleMobile, type TitleMobileProps } from './title-mobile';\nimport { TitleResponsive, type TitleResponsiveProps } from './title-responsive';\nimport { type TextElementType } from './types';\n\nexport const Typography: {\n    Title: FC<TitleProps>;\n    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;\n    TitleResponsive: FC<TitleResponsiveProps>;\n    TitleMobile: FC<TitleMobileProps>;\n} = {\n    Title,\n    Text,\n    TitleResponsive,\n    TitleMobile,\n};\n\nexport { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };\n"],"names":["Title","Text","TitleResponsive","TitleMobile"],"mappings":";;;;;;;;;AAQa,IAAA,UAAU,GAKnB;AACA,IAAA,KAAK,EAAAA,WAAA;AACL,IAAA,IAAI,EAAAC,cAAA;AACJ,IAAA,eAAe,EAAAC,2BAAA;AACf,IAAA,WAAW,EAAAC,uBAAA;;;;;;;;;"}

package/cssm/component.d.ts

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

package/cssm/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { Text, TextProps } from './text';\nimport { Title, TitleProps } from './title';\nimport { TitleMobile, TitleMobileProps } from './title-mobile';\nimport { TitleResponsive, TitleResponsiveProps } from './title-responsive';\nimport { TextElementType } from './types';\n\nexport const Typography: {\n    Title: FC<TitleProps>;\n    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;\n    TitleResponsive: FC<TitleResponsiveProps>;\n    TitleMobile: FC<TitleMobileProps>;\n} = {\n    Title,\n    Text,\n    TitleResponsive,\n    TitleMobile,\n};\n\nexport { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };\n"],"names":["Title","Text","TitleResponsive","TitleMobile"],"mappings":";;;;;;;;;AAQa,IAAA,UAAU,GAKnB;AACA,IAAA,KAAK,EAAAA,WAAA;AACL,IAAA,IAAI,EAAAC,cAAA;AACJ,IAAA,eAAe,EAAAC,2BAAA;AACf,IAAA,WAAW,EAAAC,uBAAA;;;;;;;;;"}
+{"version":3,"file":"component.js","sources":["../src/component.ts"],"sourcesContent":["import { type FC, type ForwardRefExoticComponent, type RefAttributes } from 'react';\n\nimport { Text, type TextProps } from './text';\nimport { Title, type TitleProps } from './title';\nimport { TitleMobile, type TitleMobileProps } from './title-mobile';\nimport { TitleResponsive, type TitleResponsiveProps } from './title-responsive';\nimport { type TextElementType } from './types';\n\nexport const Typography: {\n    Title: FC<TitleProps>;\n    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;\n    TitleResponsive: FC<TitleResponsiveProps>;\n    TitleMobile: FC<TitleMobileProps>;\n} = {\n    Title,\n    Text,\n    TitleResponsive,\n    TitleMobile,\n};\n\nexport { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };\n"],"names":["Title","Text","TitleResponsive","TitleMobile"],"mappings":";;;;;;;;;AAQa,IAAA,UAAU,GAKnB;AACA,IAAA,KAAK,EAAAA,WAAA;AACL,IAAA,IAAI,EAAAC,cAAA;AACJ,IAAA,eAAe,EAAAC,2BAAA;AACf,IAAA,WAAW,EAAAC,uBAAA;;;;;;;;;"}

package/cssm/text/alfasans-index.module.css

@@ -1,6 +1,7 @@
 :root {
-    --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 } .text.component {
             font-size: 16px;
             line-height: 20px;
@@ -26,37 +27,37 @@
                 line-height: 24px;
                 font-weight: 400;
                 letter-spacing: -0.36px;
-                font-family: var(--font-family-alfasans)
-            } .text.primary-large.bold {
+                font-family: var(--font-family-alfasans);
+            } -large.text.primary.bold {
                     letter-spacing: 0.38px;
-                } .text.primary-large.medium {
+                } -large.text.primary.medium {
                     letter-spacing: 0.17px;
                 } .text.primary-medium {
                 font-size: 16px;
                 line-height: 24px;
                 font-weight: 400;
                 letter-spacing: -0.24px;
-                font-family: var(--font-family-alfasans)
-            } .text.primary-medium.bold {
+                font-family: var(--font-family-alfasans);
+            } -medium.text.primary.bold {
                     letter-spacing: 0.43px;
-                } .text.primary-medium.medium {
+                } -medium.text.primary.medium {
                     letter-spacing: 0.17px;
                 } .text.primary-small {
                 font-size: 14px;
                 line-height: 20px;
                 font-weight: 400;
                 letter-spacing: -0.08px;
-                font-family: var(--font-family-alfasans)
-            } .text.primary-small.bold {
+                font-family: var(--font-family-alfasans);
+            } -small.text.primary.bold {
                     letter-spacing: 0.47px;
-                } .text.primary-small.medium {
+                } -small.text.primary.medium {
                     letter-spacing: 0.27px;
                 } .text.component-primary {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             letter-spacing: -0.24px;
-            font-family: var(--font-family-alfasans)
+            font-family: var(--font-family-alfasans);
         } .text.component-primary.bold {
                 letter-spacing: 0.43px;
             } .text.component-primary.medium {
@@ -66,37 +67,37 @@
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0;
-                font-family: var(--font-family-alfasans)
-            } .text.secondary-large.bold {
+                font-family: var(--font-family-alfasans);
+            } -large.text.secondary.bold {
                     letter-spacing: 0.54px;
-                } .text.secondary-large.medium {
+                } -large.text.secondary.medium {
                     letter-spacing: 0.33px;
                 } .text.secondary-medium {
                 font-size: 12px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0.06px;
-                font-family: var(--font-family-alfasans)
-            } .text.secondary-medium.bold {
+                font-family: var(--font-family-alfasans);
+            } -medium.text.secondary.bold {
                     letter-spacing: 0.57px;
-                } .text.secondary-medium.medium {
+                } -medium.text.secondary.medium {
                     letter-spacing: 0.38px;
                 } .text.secondary-small {
                 font-size: 11px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0.15px;
-                font-family: var(--font-family-alfasans)
-            } .text.secondary-small.bold {
+                font-family: var(--font-family-alfasans);
+            } -small.text.secondary.bold {
                     letter-spacing: 0.54px;
-                } .text.secondary-small.medium {
+                } -small.text.secondary.medium {
                     letter-spacing: 0.41px;
                 } .text.component-secondary {
             font-size: 14px;
             line-height: 18px;
             font-weight: 400;
             letter-spacing: -0.08px;
-            font-family: var(--font-family-alfasans)
+            font-family: var(--font-family-alfasans);
         } .text.component-secondary.bold {
                 letter-spacing: 0.47px;
             } .text.component-secondary.medium {

package/cssm/text/component.d.ts

@@ -1,7 +1,7 @@
-import React, { HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 import { type TextSkeletonProps } from '@alfalab/core-components-skeleton/cssm';
-import { Color } from '../colors';
-import { TextElementType } from '../types';
+import { type Color } from '../colors';
+import { type TextElementType } from '../types';
 declare type NativeProps = HTMLAttributes<HTMLSpanElement>;
 declare type TextBaseProps = {
     /**

package/cssm/text/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { Color } from '../colors';\nimport { TextElementType } from '../types';\n\nimport colors from '../colors.module.css';\nimport alfasansStyles from './alfasans-index.module.css';\nimport styles from './index.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLSpanElement>;\n\ntype TextBaseProps = {\n    /**\n     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'secondary-large'\n        | 'secondary-medium'\n        | 'secondary-small'\n        | 'component'\n        | 'component-primary'\n        | 'component-secondary'\n        | 'caps'\n        | 'tagline';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold';\n\n    /**\n     * Делает цифры моноширинными\n     */\n    monospaceNumbers?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'span' | 'div';\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Добавляет отступы к тэгу 'p'\n     */\n    defaultMargins?: never;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Шрифт текста\n     */\n    font?: 'alfasans' | undefined | null;\n};\n\ntype TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {\n    tag?: 'p';\n    defaultMargins?: boolean;\n};\n\nexport type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);\n\nconst logWarning = (view: Required<TextBaseProps>['view']) => {\n    if (process.env.NODE_ENV !== 'development') {\n        return;\n    }\n\n    const viewsMap: { [key: string]: string } = {\n        component: 'component-primary',\n    };\n\n    // eslint-disable-next-line no-console\n    console.warn(\n        // eslint-disable-next-line prefer-template\n        `@alfalab/core-components/typography: view='${view}' будет удален в следующих мажорных версиях. ` +\n            `Используйте view='${viewsMap[view]}'.`,\n    );\n};\n\nexport const Text = forwardRef<TextElementType, TextProps>(\n    (\n        {\n            view = 'primary-medium',\n            tag: Component = 'span',\n            weight,\n            monospaceNumbers = false,\n            defaultMargins = true,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            showSkeleton,\n            skeletonProps,\n            font,\n            ...restProps\n        },\n        ref,\n    ) => {\n        if (view === 'component') {\n            logWarning(view);\n        }\n\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn({\n                [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n            }),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    {\n                        [styles.paragraph]: Component === 'p' && !defaultMargins,\n                        [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n                        [styles.monospace]: monospaceNumbers,\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                        [alfasansStyles.text]: font === 'alfasans',\n                    },\n                    className,\n                    color && colors[color],\n                    (font === 'alfasans' ? alfasansStyles : styles)[view],\n                    weight && (font === 'alfasans' ? alfasansStyles : styles)[weight],\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useSkeleton","cn","styles","React","__assign","alfasansStyles","colors","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { type Color } from '../colors';\nimport { type TextElementType } from '../types';\n\nimport colors from '../colors.module.css';\nimport alfasansStyles from './alfasans-index.module.css';\nimport styles from './index.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLSpanElement>;\n\ntype TextBaseProps = {\n    /**\n     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'secondary-large'\n        | 'secondary-medium'\n        | 'secondary-small'\n        | 'component'\n        | 'component-primary'\n        | 'component-secondary'\n        | 'caps'\n        | 'tagline';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold';\n\n    /**\n     * Делает цифры моноширинными\n     */\n    monospaceNumbers?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'span' | 'div';\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Добавляет отступы к тэгу 'p'\n     */\n    defaultMargins?: never;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Шрифт текста\n     */\n    font?: 'alfasans' | undefined | null;\n};\n\ntype TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {\n    tag?: 'p';\n    defaultMargins?: boolean;\n};\n\nexport type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);\n\nconst logWarning = (view: Required<TextBaseProps>['view']) => {\n    if (process.env.NODE_ENV !== 'development') {\n        return;\n    }\n\n    const viewsMap: { [key: string]: string } = {\n        component: 'component-primary',\n    };\n\n    // eslint-disable-next-line no-console\n    console.warn(\n        // eslint-disable-next-line prefer-template\n        `@alfalab/core-components/typography: view='${view}' будет удален в следующих мажорных версиях. ` +\n            `Используйте view='${viewsMap[view]}'.`,\n    );\n};\n\nexport const Text = forwardRef<TextElementType, TextProps>(\n    (\n        {\n            view = 'primary-medium',\n            tag: Component = 'span',\n            weight,\n            monospaceNumbers = false,\n            defaultMargins = true,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            showSkeleton,\n            skeletonProps,\n            font,\n            ...restProps\n        },\n        ref,\n    ) => {\n        if (view === 'component') {\n            logWarning(view);\n        }\n\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn({\n                [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n            }),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    {\n                        [styles.paragraph]: Component === 'p' && !defaultMargins,\n                        [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n                        [styles.monospace]: monospaceNumbers,\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                        [alfasansStyles.text]: font === 'alfasans',\n                    },\n                    className,\n                    color && colors[color],\n                    (font === 'alfasans' ? alfasansStyles : styles)[view],\n                    weight && (font === 'alfasans' ? alfasansStyles : styles)[weight],\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useSkeleton","cn","styles","React","__assign","alfasansStyles","colors","mergeRefs"],"mappings":"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"}

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

@@ -1,12 +1,13 @@
 :root {
-    --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 } .alfasans-xlarge {
         font-size: 48px;
         line-height: 64px;
         font-weight: 700;
         letter-spacing: 0.1px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-xlarge.systemCompat {
             line-height: 52px;
         } .alfasans-large {
@@ -14,14 +15,14 @@
         line-height: 48px;
         font-weight: 700;
         letter-spacing: 0.1px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-large.systemCompat {
         } .alfasans-medium {
         font-size: 32px;
         line-height: 40px;
         font-weight: 700;
         letter-spacing: 0.3px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-medium.systemCompat {
             font-size: 30px;
             line-height: 36px;
@@ -31,7 +32,7 @@
         line-height: 32px;
         font-weight: 700;
         letter-spacing: 0.39px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-small.systemCompat {
             font-size: 22px;
             line-height: 26px;
@@ -41,7 +42,7 @@
         line-height: 24px;
         font-weight: 700;
         letter-spacing: 0.33px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-xsmall.systemCompat {
             font-size: 18px;
             line-height: 22px;

package/cssm/title/common.module.css

@@ -2,7 +2,7 @@
     --gap-0: 0px;
 } .component {
     margin: var(--gap-0);
-    padding: var(--gap-0)
+    padding: var(--gap-0);
 } .component.bold {
         font-weight: bold;
     } .component.semibold {

package/cssm/title/component.d.ts

@@ -1,6 +1,6 @@
-import React, { HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 import { type TextSkeletonProps } from '@alfalab/core-components-skeleton/cssm';
-import { Color } from '../colors';
+import { type Color } from '../colors';
 declare type NativeProps = HTMLAttributes<HTMLHeadingElement>;
 export declare type TitleProps = Omit<NativeProps, 'color'> & {
     /**

package/cssm/title/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/title/component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { isObject } from '@alfalab/core-components-shared';\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { Color } from '../colors';\n\nimport { getDefaultWeight } from './utils';\n\nimport colors from '../colors.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLHeadingElement>;\n\nexport type TitleProps = Omit<NativeProps, 'color'> & {\n    /**\n     * HTML тег\n     */\n    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';\n\n    /**\n     * [Вариант начертания](?path=/docs/guidelines-typography--page)\n     */\n    view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold' | 'semibold';\n\n    /**\n     * Шрифт текста\n     */\n    font?: 'styrene' | 'system' | 'alfasans' | { font: 'alfasans'; systemCompat: boolean };\n\n    /**\n     * Добавляет отступы\n     */\n    defaultMargins?: boolean;\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Значение по-умолчанию для хука useMatchMedia\n     */\n    defaultMatchMediaValue?: boolean | (() => boolean);\n};\n\ntype PrivateProps = {\n    styles: {\n        [key: string]: string;\n    };\n    platform: 'mobile' | 'desktop';\n};\n\ntype TitleElementType = HTMLHeadingElement | HTMLDivElement;\n\nexport const TitleBase = forwardRef<TitleElementType, TitleProps & PrivateProps>(\n    (\n        {\n            tag: Component = 'div',\n            view = 'medium',\n            font: fontProp = 'styrene',\n            platform,\n            weight = getDefaultWeight(isObject(fontProp) ? fontProp.font : fontProp, platform),\n            defaultMargins = false,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            styles,\n            skeletonProps,\n            showSkeleton,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn(defaultMargins && styles[`margins-${view}`]),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        let font: string;\n        let systemCompat: boolean | undefined;\n\n        if (isObject(fontProp)) {\n            font = fontProp.font;\n            systemCompat = fontProp.systemCompat;\n        } else {\n            font = fontProp;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    styles.component,\n                    className,\n                    styles[`${font}-${view}`],\n                    defaultMargins && styles[`margins-${view}`],\n                    styles[weight],\n                    color && colors[color],\n                    {\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                        [styles.systemCompat]: systemCompat,\n                    },\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":["forwardRef","getDefaultWeight","isObject","__rest","useSkeleton","cn","React","colors","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;IA2Fa,SAAS,GAAGA,gBAAU,CAC/B,UACI,EAgBC,EACD,GAAG,EAAA;;AAhBC,IAAA,IAAA,WAAsB,EAAjB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,mBAAG,QAAQ,GAAA,EAAA,EACf,EAA0B,GAAA,EAAA,CAAA,IAAA,EAApB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EAC1B,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAkF,EAAlF,MAAM,mBAAGC,sBAAgB,CAACC,aAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,GAAG,QAAQ,EAAE,QAAQ,CAAC,GAAA,EAAA,EAClF,sBAAsB,EAAtB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACtB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,YAAY,GAAA,EAAA,CAAA,YAAA,EACT,SAAS,GAAAC,YAAA,CAAA,EAAA,EAfhB,sKAgBC,CADe;AAIV,IAAA,IAAA,EAA8B,GAAAC,kBAAW,CAAC,YAAY,EAAE,aAAa,CAAC,EAApE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,OAAO,aAA6C;IAE5E,IAAM,QAAQ,GAAG,cAAc,CAAC;QAC5B,gBAAgB,EAAEC,mBAAE,CAAC,cAAc,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,CAAC;AACjE,QAAA,UAAU,EAAA,UAAA;AACb,KAAA,CAAC;AAEF,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ;AAClB;AAED,IAAA,IAAI,IAAY;AAChB,IAAA,IAAI,YAAiC;AAErC,IAAA,IAAIH,aAAQ,CAAC,QAAQ,CAAC,EAAE;AACpB,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI;AACpB,QAAA,YAAY,GAAG,QAAQ,CAAC,YAAY;AACvC;AAAM,SAAA;QACH,IAAI,GAAG,QAAQ;AAClB;AAED,IAAA,QACII,sBAAC,CAAA,aAAA,CAAA,SAAS,mBACN,SAAS,EAAED,mBAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,MAAM,CAAC,EAAG,CAAA,MAAA,CAAA,IAAI,cAAI,IAAI,CAAE,CAAC,EACzB,cAAc,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,EAC3C,MAAM,CAAC,MAAM,CAAC,EACd,KAAK,IAAIE,uBAAM,CAAC,KAAK,CAAC,GAAA,EAAA,GAAA,EAAA;AAElB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAA,CAAA,MAAA,CAAW,QAAQ,CAAE,CAAC,IAAG,QAAQ;AACzC,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,CAAA,GAAG,YAAY;AAClC,YAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AAE1C,YAAA,EAAA,EAAA,EAAA,cAAA,EACa,UAAU,EACxB,GAAG,EAAEC,0BAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC1B,EAAA,SAAS,GAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/title/component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { isObject } from '@alfalab/core-components-shared';\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { type Color } from '../colors';\n\nimport { getDefaultWeight } from './utils';\n\nimport colors from '../colors.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLHeadingElement>;\n\nexport type TitleProps = Omit<NativeProps, 'color'> & {\n    /**\n     * HTML тег\n     */\n    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';\n\n    /**\n     * [Вариант начертания](?path=/docs/guidelines-typography--page)\n     */\n    view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold' | 'semibold';\n\n    /**\n     * Шрифт текста\n     */\n    font?: 'styrene' | 'system' | 'alfasans' | { font: 'alfasans'; systemCompat: boolean };\n\n    /**\n     * Добавляет отступы\n     */\n    defaultMargins?: boolean;\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Значение по-умолчанию для хука useMatchMedia\n     */\n    defaultMatchMediaValue?: boolean | (() => boolean);\n};\n\ntype PrivateProps = {\n    styles: {\n        [key: string]: string;\n    };\n    platform: 'mobile' | 'desktop';\n};\n\ntype TitleElementType = HTMLHeadingElement | HTMLDivElement;\n\nexport const TitleBase = forwardRef<TitleElementType, TitleProps & PrivateProps>(\n    (\n        {\n            tag: Component = 'div',\n            view = 'medium',\n            font: fontProp = 'styrene',\n            platform,\n            weight = getDefaultWeight(isObject(fontProp) ? fontProp.font : fontProp, platform),\n            defaultMargins = false,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            styles,\n            skeletonProps,\n            showSkeleton,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn(defaultMargins && styles[`margins-${view}`]),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        let font: string;\n        let systemCompat: boolean | undefined;\n\n        if (isObject(fontProp)) {\n            font = fontProp.font;\n            systemCompat = fontProp.systemCompat;\n        } else {\n            font = fontProp;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    styles.component,\n                    className,\n                    styles[`${font}-${view}`],\n                    defaultMargins && styles[`margins-${view}`],\n                    styles[weight],\n                    color && colors[color],\n                    {\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                        [styles.systemCompat]: systemCompat,\n                    },\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":["forwardRef","getDefaultWeight","isObject","__rest","useSkeleton","cn","React","colors","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;IA2Fa,SAAS,GAAGA,gBAAU,CAC/B,UACI,EAgBC,EACD,GAAG,EAAA;;AAhBC,IAAA,IAAA,WAAsB,EAAjB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,mBAAG,QAAQ,GAAA,EAAA,EACf,EAA0B,GAAA,EAAA,CAAA,IAAA,EAApB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EAC1B,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAkF,EAAlF,MAAM,mBAAGC,sBAAgB,CAACC,aAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,GAAG,QAAQ,EAAE,QAAQ,CAAC,GAAA,EAAA,EAClF,sBAAsB,EAAtB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACtB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,YAAY,GAAA,EAAA,CAAA,YAAA,EACT,SAAS,GAAAC,YAAA,CAAA,EAAA,EAfhB,sKAgBC,CADe;AAIV,IAAA,IAAA,EAA8B,GAAAC,kBAAW,CAAC,YAAY,EAAE,aAAa,CAAC,EAApE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,OAAO,aAA6C;IAE5E,IAAM,QAAQ,GAAG,cAAc,CAAC;QAC5B,gBAAgB,EAAEC,mBAAE,CAAC,cAAc,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,CAAC;AACjE,QAAA,UAAU,EAAA,UAAA;AACb,KAAA,CAAC;AAEF,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ;AAClB;AAED,IAAA,IAAI,IAAY;AAChB,IAAA,IAAI,YAAiC;AAErC,IAAA,IAAIH,aAAQ,CAAC,QAAQ,CAAC,EAAE;AACpB,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI;AACpB,QAAA,YAAY,GAAG,QAAQ,CAAC,YAAY;AACvC;AAAM,SAAA;QACH,IAAI,GAAG,QAAQ;AAClB;AAED,IAAA,QACII,sBAAC,CAAA,aAAA,CAAA,SAAS,mBACN,SAAS,EAAED,mBAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,MAAM,CAAC,EAAG,CAAA,MAAA,CAAA,IAAI,cAAI,IAAI,CAAE,CAAC,EACzB,cAAc,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,EAC3C,MAAM,CAAC,MAAM,CAAC,EACd,KAAK,IAAIE,uBAAM,CAAC,KAAK,CAAC,GAAA,EAAA,GAAA,EAAA;AAElB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAA,CAAA,MAAA,CAAW,QAAQ,CAAE,CAAC,IAAG,QAAQ;AACzC,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,CAAA,GAAG,YAAY;AAClC,YAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AAE1C,YAAA,EAAA,EAAA,EAAA,cAAA,EACa,UAAU,EACxB,GAAG,EAAEC,0BAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC1B,EAAA,SAAS,GAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}

package/cssm/title/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleProps } from './component';
+import { type TitleProps } from './component';
 declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;

package/cssm/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/title/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TitleBase, TitleProps } from './component';\n\nimport alfasansStyles from './alfasans-index.module.css';\nimport commonStyles from './common.module.css';\nimport styles from './index.module.css';\n\nconst allStyles =\n    process.env.CORE_COMPONENTS_ENV === 'test'\n        ? commonStyles\n        : { ...commonStyles, ...styles, ...alfasansStyles };\n\nconst Title = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>((props, ref) => (\n    <TitleBase {...props} styles={allStyles} ref={ref} platform='desktop' />\n));\n\nexport { Title };\nexport type { TitleProps };\n"],"names":["commonStyles","styles","alfasansStyles","forwardRef","React","TitleBase"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAM,SAAS,oDAGAA,6BAAY,CAAA,EAAKC,uBAAM,CAAK,EAAAC,+BAAc,CAAE;AAE3D,IAAM,KAAK,GAAGC,gBAAU,CAAkD,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,QACtFC,sBAAC,CAAA,aAAA,CAAAC,mBAAS,qBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,SAAS,EAAG,CAAA,CAAA,EADc,EAEzF;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/title/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TitleBase, type TitleProps } from './component';\n\nimport alfasansStyles from './alfasans-index.module.css';\nimport commonStyles from './common.module.css';\nimport styles from './index.module.css';\n\nconst allStyles =\n    process.env.CORE_COMPONENTS_ENV === 'test'\n        ? commonStyles\n        : { ...commonStyles, ...styles, ...alfasansStyles };\n\nconst Title = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>((props, ref) => (\n    <TitleBase {...props} styles={allStyles} ref={ref} platform='desktop' />\n));\n\nexport { Title };\nexport type { TitleProps };\n"],"names":["commonStyles","styles","alfasansStyles","forwardRef","React","TitleBase"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAM,SAAS,oDAGAA,6BAAY,CAAA,EAAKC,uBAAM,CAAK,EAAAC,+BAAc,CAAE;AAE3D,IAAM,KAAK,GAAGC,gBAAU,CAAkD,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,QACtFC,sBAAC,CAAA,aAAA,CAAAC,mBAAS,qBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,SAAS,EAAG,CAAA,CAAA,EADc,EAEzF;;;;"}

package/cssm/title/index.module.css

@@ -9,8 +9,9 @@
     --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;
+    --font-family-styrene:
+        'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
 } .transparent {
     opacity: 0;
 } .styrene-xlarge {

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

@@ -1,39 +1,40 @@
 :root {
-    --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 } .alfasans-xlarge {
         font-size: 34px;
         line-height: 40px;
         font-weight: 500;
         letter-spacing: -0.32px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-xlarge.systemCompat {
         } .alfasans-large {
         font-size: 30px;
         line-height: 36px;
         font-weight: 500;
         letter-spacing: -0.25px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-large.systemCompat {
         } .alfasans-medium {
         font-size: 26px;
         line-height: 32px;
         font-weight: 500;
         letter-spacing: -0.25px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-medium.systemCompat {
         } .alfasans-small {
         font-size: 20px;
         line-height: 28px;
         font-weight: 500;
         letter-spacing: -0.15px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-small.systemCompat {
         } .alfasans-xsmall {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         letter-spacing: 0.17px;
-        font-family: var(--font-family-alfasans)
+        font-family: var(--font-family-alfasans);
     } .alfasans-xsmall.systemCompat {
         }

package/cssm/title-mobile/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/title-mobile/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TitleBase, TitleProps } from '../title/component';\n\nimport commonStyles from '../title/common.module.css';\nimport alfasansStyles from './alfasans-index.module.css';\nimport styles from './index.module.css';\n\nconst allStyles =\n    process.env.CORE_COMPONENTS_ENV === 'test'\n        ? commonStyles\n        : { ...commonStyles, ...styles, ...alfasansStyles };\n\nexport const TitleMobile = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>(\n    (props, ref) => <TitleBase {...props} styles={allStyles} ref={ref} platform='mobile' />,\n);\n"],"names":["commonStyles","styles","alfasansStyles","forwardRef","React","TitleBase","__assign"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAM,SAAS,oDAGAA,6BAAY,CAAA,EAAKC,uBAAM,CAAK,EAAAC,+BAAc,CAAE;AAEpD,IAAM,WAAW,GAAGC,gBAAU,CACjC,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,OAAAC,sBAAA,CAAA,aAAA,CAACC,mBAAS,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAA,CAAA,CAAG,CAAvE,EAAuE;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/title-mobile/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TitleBase, type TitleProps } from '../title/component';\n\nimport commonStyles from '../title/common.module.css';\nimport alfasansStyles from './alfasans-index.module.css';\nimport styles from './index.module.css';\n\nconst allStyles =\n    process.env.CORE_COMPONENTS_ENV === 'test'\n        ? commonStyles\n        : { ...commonStyles, ...styles, ...alfasansStyles };\n\nexport const TitleMobile = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>(\n    (props, ref) => <TitleBase {...props} styles={allStyles} ref={ref} platform='mobile' />,\n);\n"],"names":["commonStyles","styles","alfasansStyles","forwardRef","React","TitleBase","__assign"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAM,SAAS,oDAGAA,6BAAY,CAAA,EAAKC,uBAAM,CAAK,EAAAC,+BAAc,CAAE;AAEpD,IAAM,WAAW,GAAGC,gBAAU,CACjC,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,OAAAC,sBAAA,CAAA,aAAA,CAACC,mBAAS,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAA,CAAA,CAAG,CAAvE,EAAuE;;;;"}

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

@@ -7,8 +7,9 @@
     --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;
+    --font-family-styrene:
+        'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
 } .styrene-xlarge {
     font-size: 34px;
     line-height: 40px;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleProps } from '../title';
+import { type TitleProps } from '../title';
 export declare type TitleResponsiveProps = TitleProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/cssm/title-responsive/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/title-responsive/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { Title, TitleProps } from '../title';\nimport { TitleMobile } from '../title-mobile';\n\nexport type TitleResponsiveProps = TitleProps & {\n    /**\n     * Контрольная точка, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n};\n\nexport const TitleResponsive = forwardRef<\n    HTMLHeadingElement | HTMLDivElement,\n    TitleResponsiveProps\n>(({ breakpoint, client, ...restProps }, ref) => {\n    const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n    const Component = isDesktop ? Title : TitleMobile;\n\n    return <Component {...restProps} ref={ref} />;\n});\n"],"names":["forwardRef","__rest","useIsDesktop","Title","TitleMobile","React","__assign"],"mappings":";;;;;;;;;;;;;;IAoBa,eAAe,GAAGA,gBAAU,CAGvC,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,SAAS,GAAlCC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAoC,CAAF;IACjC,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,IAAM,SAAS,GAAG,SAAS,GAAGC,WAAK,GAAGC,qBAAW;IAEjD,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI;AACjD,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/title-responsive/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { Title, type TitleProps } from '../title';\nimport { TitleMobile } from '../title-mobile';\n\nexport type TitleResponsiveProps = TitleProps & {\n    /**\n     * Контрольная точка, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n};\n\nexport const TitleResponsive = forwardRef<\n    HTMLHeadingElement | HTMLDivElement,\n    TitleResponsiveProps\n>(({ breakpoint, client, ...restProps }, ref) => {\n    const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n    const Component = isDesktop ? Title : TitleMobile;\n\n    return <Component {...restProps} ref={ref} />;\n});\n"],"names":["forwardRef","__rest","useIsDesktop","Title","TitleMobile","React","__assign"],"mappings":";;;;;;;;;;;;;;IAoBa,eAAe,GAAGA,gBAAU,CAGvC,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,SAAS,GAAlCC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAoC,CAAF;IACjC,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,IAAM,SAAS,GAAG,SAAS,GAAGC,WAAK,GAAGC,qBAAW;IAEjD,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI;AACjD,CAAC;;;;"}

package/esm/colors.css

@@ -19,44 +19,44 @@
     --color-static-text-secondary-light: rgba(238, 238, 251, 0.55);
     --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);
     --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
-} .typography__tertiary_15aii {
+} .typography__tertiary_xzzbg {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_15aii {
+} .typography__disabled_xzzbg {
     color: var(--color-light-text-quaternary);
-} .typography__accent_15aii {
+} .typography__accent_xzzbg {
     color: var(--color-light-accent-primary);
-} .typography__primary_15aii {
+} .typography__primary_xzzbg {
     color: var(--color-light-text-primary);
-} .typography__attention_15aii {
+} .typography__attention_xzzbg {
     color: var(--color-light-text-attention);
-} .typography__positive_15aii {
+} .typography__positive_xzzbg {
     color: var(--color-light-text-positive);
-} .typography__secondary_15aii {
+} .typography__secondary_xzzbg {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_15aii {
+} .typography__tertiary-inverted_xzzbg {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_15aii {
+} .typography__primary-inverted_xzzbg {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_15aii {
+} .typography__secondary-inverted_xzzbg {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_15aii {
+} .typography__link_xzzbg {
     color: var(--color-light-text-info);
-} .typography__negative_15aii {
+} .typography__negative_xzzbg {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_15aii {
+} .typography__static-primary-light_xzzbg {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_15aii {
+} .typography__static-secondary-light_xzzbg {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_15aii {
+} .typography__static-tertiary-light_xzzbg {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_15aii {
+} .typography__static-primary-dark_xzzbg {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_15aii {
+} .typography__static-secondary-dark_xzzbg {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_15aii {
+} .typography__static-tertiary-dark_xzzbg {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_15aii {
+} .typography__static-accent_xzzbg {
     color: var(--color-static-accent-primary);
-} .typography__static-positive_15aii {
+} .typography__static-positive_xzzbg {
     color: var(--color-static-text-positive);
 }

package/esm/colors.module.css.js

@@ -1,6 +1,6 @@
 import './colors.css';
 
-var colors = {"tertiary":"typography__tertiary_15aii","disabled":"typography__disabled_15aii","accent":"typography__accent_15aii","primary":"typography__primary_15aii","attention":"typography__attention_15aii","positive":"typography__positive_15aii","secondary":"typography__secondary_15aii","tertiary-inverted":"typography__tertiary-inverted_15aii","primary-inverted":"typography__primary-inverted_15aii","secondary-inverted":"typography__secondary-inverted_15aii","link":"typography__link_15aii","negative":"typography__negative_15aii","static-primary-light":"typography__static-primary-light_15aii","static-secondary-light":"typography__static-secondary-light_15aii","static-tertiary-light":"typography__static-tertiary-light_15aii","static-primary-dark":"typography__static-primary-dark_15aii","static-secondary-dark":"typography__static-secondary-dark_15aii","static-tertiary-dark":"typography__static-tertiary-dark_15aii","static-accent":"typography__static-accent_15aii","static-positive":"typography__static-positive_15aii"};
+var colors = {"tertiary":"typography__tertiary_xzzbg","disabled":"typography__disabled_xzzbg","accent":"typography__accent_xzzbg","primary":"typography__primary_xzzbg","attention":"typography__attention_xzzbg","positive":"typography__positive_xzzbg","secondary":"typography__secondary_xzzbg","tertiary-inverted":"typography__tertiary-inverted_xzzbg","primary-inverted":"typography__primary-inverted_xzzbg","secondary-inverted":"typography__secondary-inverted_xzzbg","link":"typography__link_xzzbg","negative":"typography__negative_xzzbg","static-primary-light":"typography__static-primary-light_xzzbg","static-secondary-light":"typography__static-secondary-light_xzzbg","static-tertiary-light":"typography__static-tertiary-light_xzzbg","static-primary-dark":"typography__static-primary-dark_xzzbg","static-secondary-dark":"typography__static-secondary-dark_xzzbg","static-tertiary-dark":"typography__static-tertiary-dark_xzzbg","static-accent":"typography__static-accent_xzzbg","static-positive":"typography__static-positive_xzzbg"};
 
 export { colors as default };
 //# sourceMappingURL=colors.module.css.js.map