@alfalab/core-components-typography 4.11.4 → 4.13.0

package/src/colors.module.css

@@ -77,3 +77,7 @@
 .static-accent {
     color: var(--color-static-accent-primary);
 }
+
+.static-positive {
+    color: var(--color-static-text-positive);
+}

package/src/colors.ts

@@ -18,6 +18,7 @@ export const colors = [
     'static-secondary-dark',
     'static-tertiary-dark',
     'static-accent',
+    'static-positive',
 ] as const;
 
-export type Color = typeof colors[number];
+export type Color = (typeof colors)[number];

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

@@ -0,0 +1,52 @@
+@import '@alfalab/core-components-vars/src/alfasans-index.css';
+
+@define-mixin bold {
+    font-weight: 700;
+}
+
+@define-mixin medium {
+    font-weight: 500;
+}
+
+.text {
+    @each $view in component, caps, tagline {
+        &.$(view) {
+            @mixin paragraph_$(view);
+        }
+    }
+
+    @each $kind in primary, secondary {
+        @each $size in large, medium, small {
+            &.$(kind)-$(size) {
+                @mixin paragraph_$(kind)_$(size);
+
+                &.bold {
+                    @subtract-mixin accent_$(kind)_$(size), paragraph_$(kind)_$(size), bold;
+                }
+
+                &.medium {
+                    @subtract-mixin action_$(kind)_$(size), paragraph_$(kind)_$(size), medium;
+                }
+            }
+        }
+
+        &.component-$(kind) {
+            @mixin paragraph_component_$(kind);
+
+            &.bold {
+                @subtract-mixin accent_component_$(kind), paragraph_component_$(kind), bold;
+            }
+
+            &.medium {
+                @subtract-mixin action_component_$(kind), paragraph_component_$(kind), medium;
+
+            }
+        }
+    }
+
+    @each $weight in bold, medium {
+        &.$(weight) {
+            @mixin $(weight);
+        }
+    }
+}

package/src/text/component.tsx

@@ -7,6 +7,7 @@ import { useSkeleton } from '../hooks';
 import { TextElementType, TextSkeletonProps } from '../types';
 
 import colors from '../colors.module.css';
+import alfasansStyles from './alfasans-index.module.css';
 import styles from './index.module.css';
 
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
@@ -82,6 +83,11 @@ type TextBaseProps = {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+
+    /**
+     * Шрифт текста
+     */
+    font?: 'alfasans' | undefined | null;
 };
 
 type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
@@ -123,6 +129,7 @@ export const Text = forwardRef<TextElementType, TextProps>(
             rowLimit,
             showSkeleton,
             skeletonProps,
+            font,
             ...restProps
         },
         ref,
@@ -153,11 +160,12 @@ export const Text = forwardRef<TextElementType, TextProps>(
                         [styles.monospace]: monospaceNumbers,
                         [styles[`rowLimit${rowLimit}`]]: rowLimit,
                         [styles.transparent]: showSkeleton,
+                        [alfasansStyles.text]: font === 'alfasans',
                     },
                     className,
                     color && colors[color],
-                    styles[view],
-                    weight && styles[weight],
+                    (font === 'alfasans' ? alfasansStyles : styles)[view],
+                    weight && (font === 'alfasans' ? alfasansStyles : styles)[weight],
                 )}
                 data-test-id={dataTestId}
                 ref={mergeRefs([ref, textRef])}

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

@@ -0,0 +1,11 @@
+@import '@alfalab/core-components-vars/src/alfasans-index.css';
+
+@each $view in xlarge, large, medium, small, xsmall {
+    .alfasans-$(view) {
+        @mixin headline_$(view);
+
+        &.systemCompat {
+            @subtract-mixin headline-system_$(view), headline_$(view);
+        }
+    }
+}

package/src/title/component.tsx

@@ -2,6 +2,8 @@ import React, { forwardRef, HTMLAttributes } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 
+import { isObject } from '@alfalab/core-components-shared';
+
 import { Color } from '../colors';
 import { useSkeleton } from '../hooks';
 import { TextSkeletonProps } from '../types';
@@ -19,7 +21,7 @@ export type TitleProps = Omit<NativeProps, 'color'> & {
     tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
 
     /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     * [Вариант начертания](?path=/docs/guidelines-typography--page)
      */
     view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
 
@@ -36,7 +38,7 @@ export type TitleProps = Omit<NativeProps, 'color'> & {
     /**
      * Шрифт текста
      */
-    font?: 'styrene' | 'system';
+    font?: 'styrene' | 'system' | 'alfasans' | { font: 'alfasans'; systemCompat: boolean };
 
     /**
      * Добавляет отступы
@@ -93,9 +95,9 @@ export const TitleBase = forwardRef<TitleElementType, TitleProps & PrivateProps>
         {
             tag: Component = 'div',
             view = 'medium',
-            font = 'styrene',
+            font: fontProp = 'styrene',
             platform,
-            weight = getDefaultWeight(font, platform),
+            weight = getDefaultWeight(isObject(fontProp) ? fontProp.font : fontProp, platform),
             defaultMargins = false,
             color,
             className,
@@ -120,6 +122,16 @@ export const TitleBase = forwardRef<TitleElementType, TitleProps & PrivateProps>
             return skeleton;
         }
 
+        let font: string;
+        let systemCompat: boolean | undefined;
+
+        if (isObject(fontProp)) {
+            font = fontProp.font;
+            systemCompat = fontProp.systemCompat;
+        } else {
+            font = fontProp;
+        }
+
         return (
             <Component
                 className={cn(
@@ -132,6 +144,7 @@ export const TitleBase = forwardRef<TitleElementType, TitleProps & PrivateProps>
                     {
                         [styles[`rowLimit${rowLimit}`]]: rowLimit,
                         [styles.transparent]: showSkeleton,
+                        [styles.systemCompat]: systemCompat,
                     },
                 )}
                 data-test-id={dataTestId}

package/src/title/index.tsx

@@ -2,16 +2,17 @@ import React, { forwardRef } from 'react';
 
 import { TitleBase, TitleProps } from './component';
 
+import alfasansStyles from './alfasans-index.module.css';
 import commonStyles from './common.module.css';
 import styles from './index.module.css';
 
+const allStyles =
+    process.env.NODE_ENV === 'test'
+        ? commonStyles
+        : { ...commonStyles, ...styles, ...alfasansStyles };
+
 const Title = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>((props, ref) => (
-    <TitleBase
-        {...props}
-        styles={Object.assign(commonStyles, styles)}
-        ref={ref}
-        platform='desktop'
-    />
+    <TitleBase {...props} styles={allStyles} ref={ref} platform='desktop' />
 ));
 
 export { Title };

package/src/title/utils.ts

@@ -1,5 +1,8 @@
-export function getDefaultWeight(font: 'styrene' | 'system', platform: 'mobile' | 'desktop') {
-    if (font === 'styrene') {
+export function getDefaultWeight(
+    font: 'styrene' | 'system' | 'alfasans',
+    platform: 'mobile' | 'desktop',
+) {
+    if (font === 'styrene' || font === 'alfasans') {
         return 'medium';
     }
 

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

@@ -0,0 +1,11 @@
+@import '@alfalab/core-components-vars/src/alfasans-index.css';
+
+@each $view in xlarge, large, medium, small, xsmall {
+    .alfasans-$(view) {
+        @mixin headline-mobile_$(view);
+
+        &.systemCompat {
+            @subtract-mixin headline-system-mobile_$(view), headline-mobile_$(view);
+        }
+    }
+}

package/src/title-mobile/component.tsx

@@ -3,15 +3,14 @@ import React, { forwardRef } from 'react';
 import { TitleBase, TitleProps } from '../title/component';
 
 import commonStyles from '../title/common.module.css';
+import alfasansStyles from './alfasans-index.module.css';
 import styles from './index.module.css';
 
+const allStyles =
+    process.env.NODE_ENV === 'test'
+        ? commonStyles
+        : { ...commonStyles, ...styles, ...alfasansStyles };
+
 export const TitleMobile = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>(
-    (props, ref) => (
-        <TitleBase
-            {...props}
-            styles={Object.assign(commonStyles, styles)}
-            ref={ref}
-            platform='mobile'
-        />
-    ),
+    (props, ref) => <TitleBase {...props} styles={allStyles} ref={ref} platform='mobile' />,
 );

package/text/alfasans-index.css

@@ -0,0 +1,132 @@
+/* hash: 10xxm */
+: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 */
+} :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 */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+} :root {
+    --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
+        'Helvetica Neue', Helvetica, sans-serif;
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .typography__text_s1lun.typography__component_s1lun {
+            font-size: 16px;
+            line-height: 20px;
+            font-weight: 400;
+            letter-spacing: -0.24px;
+            font-family: var(--font-family-alfasans);
+        } .typography__text_s1lun.typography__caps_s1lun {
+            font-size: 12px;
+            line-height: 16px;
+            font-weight: 400;
+            letter-spacing: 1.25px;
+            text-transform: uppercase;
+            font-family: var(--font-family-alfasans);
+        } .typography__text_s1lun.typography__tagline_s1lun {
+            font-size: 12px;
+            line-height: 16px;
+            font-weight: 400;
+            letter-spacing: 1.25px;
+            text-transform: uppercase;
+            font-family: var(--font-family-alfasans);
+        } .typography__text_s1lun.typography__primary-large_s1lun {
+                font-size: 18px;
+                line-height: 24px;
+                font-weight: 400;
+                letter-spacing: -0.36px;
+                font-family: var(--font-family-alfasans)
+            } .typography__text_s1lun.typography__primary-large_s1lun.typography__bold_s1lun {
+                    letter-spacing: 0.38px;
+                } .typography__text_s1lun.typography__primary-large_s1lun.typography__medium_s1lun {
+                    letter-spacing: 0.17px;
+                } .typography__text_s1lun.typography__primary-medium_s1lun {
+                font-size: 16px;
+                line-height: 24px;
+                font-weight: 400;
+                letter-spacing: -0.24px;
+                font-family: var(--font-family-alfasans)
+            } .typography__text_s1lun.typography__primary-medium_s1lun.typography__bold_s1lun {
+                    letter-spacing: 0.43px;
+                } .typography__text_s1lun.typography__primary-medium_s1lun.typography__medium_s1lun {
+                    letter-spacing: 0.17px;
+                } .typography__text_s1lun.typography__primary-small_s1lun {
+                font-size: 14px;
+                line-height: 20px;
+                font-weight: 400;
+                letter-spacing: -0.08px;
+                font-family: var(--font-family-alfasans)
+            } .typography__text_s1lun.typography__primary-small_s1lun.typography__bold_s1lun {
+                    letter-spacing: 0.47px;
+                } .typography__text_s1lun.typography__primary-small_s1lun.typography__medium_s1lun {
+                    letter-spacing: 0.27px;
+                } .typography__text_s1lun.typography__component-primary_s1lun {
+            font-size: 16px;
+            line-height: 20px;
+            font-weight: 400;
+            letter-spacing: -0.24px;
+            font-family: var(--font-family-alfasans)
+        } .typography__text_s1lun.typography__component-primary_s1lun.typography__bold_s1lun {
+                letter-spacing: 0.43px;
+            } .typography__text_s1lun.typography__component-primary_s1lun.typography__medium_s1lun {
+                letter-spacing: 0.17px;
+
+            } .typography__text_s1lun.typography__secondary-large_s1lun {
+                font-size: 13px;
+                line-height: 16px;
+                font-weight: 400;
+                letter-spacing: 0;
+                font-family: var(--font-family-alfasans)
+            } .typography__text_s1lun.typography__secondary-large_s1lun.typography__bold_s1lun {
+                    letter-spacing: 0.54px;
+                } .typography__text_s1lun.typography__secondary-large_s1lun.typography__medium_s1lun {
+                    letter-spacing: 0.33px;
+                } .typography__text_s1lun.typography__secondary-medium_s1lun {
+                font-size: 12px;
+                line-height: 16px;
+                font-weight: 400;
+                letter-spacing: 0.06px;
+                font-family: var(--font-family-alfasans)
+            } .typography__text_s1lun.typography__secondary-medium_s1lun.typography__bold_s1lun {
+                    letter-spacing: 0.57px;
+                } .typography__text_s1lun.typography__secondary-medium_s1lun.typography__medium_s1lun {
+                    letter-spacing: 0.38px;
+                } .typography__text_s1lun.typography__secondary-small_s1lun {
+                font-size: 11px;
+                line-height: 16px;
+                font-weight: 400;
+                letter-spacing: 0.15px;
+                font-family: var(--font-family-alfasans)
+            } .typography__text_s1lun.typography__secondary-small_s1lun.typography__bold_s1lun {
+                    letter-spacing: 0.54px;
+                } .typography__text_s1lun.typography__secondary-small_s1lun.typography__medium_s1lun {
+                    letter-spacing: 0.41px;
+                } .typography__text_s1lun.typography__component-secondary_s1lun {
+            font-size: 14px;
+            line-height: 18px;
+            font-weight: 400;
+            letter-spacing: -0.08px;
+            font-family: var(--font-family-alfasans)
+        } .typography__text_s1lun.typography__component-secondary_s1lun.typography__bold_s1lun {
+                letter-spacing: 0.47px;
+            } .typography__text_s1lun.typography__component-secondary_s1lun.typography__medium_s1lun {
+                letter-spacing: 0.27px;
+
+            } .typography__text_s1lun.typography__bold_s1lun {
+            font-weight: 700;
+        } .typography__text_s1lun.typography__medium_s1lun {
+            font-weight: 500;
+        }

package/text/component.d.ts

@@ -53,6 +53,10 @@ type TextBaseProps = {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+    /**
+     * Шрифт текста
+     */
+    font?: 'alfasans' | undefined | null;
 };
 type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
     tag?: 'p';

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-9e8354bc.js');
+var colors_module = require('../colors.module-00df0e34.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -15,7 +15,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"transparent":"typography__transparent_1t6yt","paragraph":"typography__paragraph_1t6yt","paragraphWithMargins":"typography__paragraphWithMargins_1t6yt","primary-large":"typography__primary-large_1t6yt","primary-medium":"typography__primary-medium_1t6yt","primary-small":"typography__primary-small_1t6yt","secondary-large":"typography__secondary-large_1t6yt","secondary-medium":"typography__secondary-medium_1t6yt","secondary-small":"typography__secondary-small_1t6yt","component":"typography__component_1t6yt","component-primary":"typography__component-primary_1t6yt","component-secondary":"typography__component-secondary_1t6yt","caps":"typography__caps_1t6yt","tagline":"typography__tagline_1t6yt","bold":"typography__bold_1t6yt","medium":"typography__medium_1t6yt","regular":"typography__regular_1t6yt","monospace":"typography__monospace_1t6yt","rowLimit1":"typography__rowLimit1_1t6yt","rowLimit2":"typography__rowLimit2_1t6yt","rowLimit3":"typography__rowLimit3_1t6yt"};
+var alfasansStyles = {"text":"typography__text_s1lun","component":"typography__component_s1lun","caps":"typography__caps_s1lun","tagline":"typography__tagline_s1lun","primary-large":"typography__primary-large_s1lun","bold":"typography__bold_s1lun","medium":"typography__medium_s1lun","primary-medium":"typography__primary-medium_s1lun","primary-small":"typography__primary-small_s1lun","component-primary":"typography__component-primary_s1lun","secondary-large":"typography__secondary-large_s1lun","secondary-medium":"typography__secondary-medium_s1lun","secondary-small":"typography__secondary-small_s1lun","component-secondary":"typography__component-secondary_s1lun"};
+require('./alfasans-index.css')
+
+var styles = {"transparent":"typography__transparent_boq06","paragraph":"typography__paragraph_boq06","paragraphWithMargins":"typography__paragraphWithMargins_boq06","primary-large":"typography__primary-large_boq06","primary-medium":"typography__primary-medium_boq06","primary-small":"typography__primary-small_boq06","secondary-large":"typography__secondary-large_boq06","secondary-medium":"typography__secondary-medium_boq06","secondary-small":"typography__secondary-small_boq06","component":"typography__component_boq06","component-primary":"typography__component-primary_boq06","component-secondary":"typography__component-secondary_boq06","caps":"typography__caps_boq06","tagline":"typography__tagline_boq06","bold":"typography__bold_boq06","medium":"typography__medium_boq06","regular":"typography__regular_boq06","monospace":"typography__monospace_boq06","rowLimit1":"typography__rowLimit1_boq06","rowLimit2":"typography__rowLimit2_boq06","rowLimit3":"typography__rowLimit3_boq06"};
 require('./index.css')
 
 var logWarning = function (view) {
@@ -33,7 +36,7 @@ var logWarning = function (view) {
 };
 var Text = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'primary-medium' : _d, _e = _a.tag, Component = _e === void 0 ? 'span' : _e, weight = _a.weight, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? true : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps, restProps = tslib.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "showSkeleton", "skeletonProps"]);
+    var _d = _a.view, view = _d === void 0 ? 'primary-medium' : _d, _e = _a.tag, Component = _e === void 0 ? 'span' : _e, weight = _a.weight, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? true : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps, font = _a.font, restProps = tslib.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "showSkeleton", "skeletonProps", "font"]);
     if (view === 'component') {
         logWarning(view);
     }
@@ -53,7 +56,8 @@ var Text = React.forwardRef(function (_a, ref) {
             _c[styles.monospace] = monospaceNumbers,
             _c[styles["rowLimit".concat(rowLimit)]] = rowLimit,
             _c[styles.transparent] = showSkeleton,
-            _c), className, color && colors_module.colors[color], styles[view], weight && styles[weight]), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
+            _c[alfasansStyles.text] = font === 'alfasans',
+            _c), className, color && colors_module.colors[color], (font === 'alfasans' ? alfasansStyles : styles)[view], weight && (font === 'alfasans' ? alfasansStyles : styles)[weight]), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
 });
 
 exports.Text = Text;

package/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yyn7 */
+/* hash: pu67k */
 :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 */
@@ -23,85 +23,85 @@
     --gap-0: 0px;
     --gap-12: var(--gap-s);
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .typography__transparent_1t6yt {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .typography__transparent_boq06 {
     opacity: 0;
 } :root {
     --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
-} .typography__paragraph_1t6yt {
+} .typography__paragraph_boq06 {
     margin: var(--gap-0);
     padding: var(--gap-0);
-} .typography__paragraphWithMargins_1t6yt {
+} .typography__paragraphWithMargins_boq06 {
     padding: var(--gap-0);
     margin: var(--text-paragraph-margin-bottom);
-} .typography__primary-large_1t6yt {
+} .typography__primary-large_boq06 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-medium_1t6yt {
+} .typography__primary-medium_boq06 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-small_1t6yt {
+} .typography__primary-small_boq06 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .typography__secondary-large_1t6yt {
+} .typography__secondary-large_boq06 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-medium_1t6yt {
+} .typography__secondary-medium_boq06 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-small_1t6yt {
+} .typography__secondary-small_boq06 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
-} .typography__component_1t6yt {
+} .typography__component_boq06 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-primary_1t6yt {
+} .typography__component-primary_boq06 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-secondary_1t6yt {
+} .typography__component-secondary_boq06 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-} .typography__caps_1t6yt {
+} .typography__caps_boq06 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__tagline_1t6yt {
+} .typography__tagline_boq06 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__bold_1t6yt {
+} .typography__bold_boq06 {
     font-weight: bold;
-} .typography__medium_1t6yt {
+} .typography__medium_boq06 {
     font-weight: 500;
-} .typography__regular_1t6yt {
+} .typography__regular_boq06 {
     font-weight: normal;
-} .typography__monospace_1t6yt {
+} .typography__monospace_boq06 {
     font-variant-numeric: tabular-nums;
-} .typography__rowLimit1_1t6yt {
+} .typography__rowLimit1_boq06 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .typography__rowLimit2_1t6yt {
+} .typography__rowLimit2_boq06 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .typography__rowLimit3_1t6yt {
+} .typography__rowLimit3_boq06 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;