@alfalab/core-components-typography 4.13.1 → 4.14.0

package/colors.css

@@ -1,4 +1,4 @@
-/* hash: vyhkk */
+/* hash: 1knwx */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
@@ -41,44 +41,44 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_rn6bt {
+} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_m2k95 {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_rn6bt {
+} .typography__disabled_m2k95 {
     color: var(--color-light-text-quaternary);
-} .typography__accent_rn6bt {
+} .typography__accent_m2k95 {
     color: var(--color-light-accent-primary);
-} .typography__primary_rn6bt {
+} .typography__primary_m2k95 {
     color: var(--color-light-text-primary);
-} .typography__attention_rn6bt {
+} .typography__attention_m2k95 {
     color: var(--color-light-text-attention);
-} .typography__positive_rn6bt {
+} .typography__positive_m2k95 {
     color: var(--color-light-text-positive);
-} .typography__secondary_rn6bt {
+} .typography__secondary_m2k95 {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_rn6bt {
+} .typography__tertiary-inverted_m2k95 {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_rn6bt {
+} .typography__primary-inverted_m2k95 {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_rn6bt {
+} .typography__secondary-inverted_m2k95 {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_rn6bt {
+} .typography__link_m2k95 {
     color: var(--color-light-text-info);
-} .typography__negative_rn6bt {
+} .typography__negative_m2k95 {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_rn6bt {
+} .typography__static-primary-light_m2k95 {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_rn6bt {
+} .typography__static-secondary-light_m2k95 {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_rn6bt {
+} .typography__static-tertiary-light_m2k95 {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_rn6bt {
+} .typography__static-primary-dark_m2k95 {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_rn6bt {
+} .typography__static-secondary-dark_m2k95 {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_rn6bt {
+} .typography__static-tertiary-dark_m2k95 {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_rn6bt {
+} .typography__static-accent_m2k95 {
     color: var(--color-static-accent-primary);
-} .typography__static-positive_rn6bt {
+} .typography__static-positive_m2k95 {
     color: var(--color-static-text-positive);
 }

package/colors.module-75d911c2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var colors = {"tertiary":"typography__tertiary_m2k95","disabled":"typography__disabled_m2k95","accent":"typography__accent_m2k95","primary":"typography__primary_m2k95","attention":"typography__attention_m2k95","positive":"typography__positive_m2k95","secondary":"typography__secondary_m2k95","tertiary-inverted":"typography__tertiary-inverted_m2k95","primary-inverted":"typography__primary-inverted_m2k95","secondary-inverted":"typography__secondary-inverted_m2k95","link":"typography__link_m2k95","negative":"typography__negative_m2k95","static-primary-light":"typography__static-primary-light_m2k95","static-secondary-light":"typography__static-secondary-light_m2k95","static-tertiary-light":"typography__static-tertiary-light_m2k95","static-primary-dark":"typography__static-primary-dark_m2k95","static-secondary-dark":"typography__static-secondary-dark_m2k95","static-tertiary-dark":"typography__static-tertiary-dark_m2k95","static-accent":"typography__static-accent_m2k95","static-positive":"typography__static-positive_m2k95"};
+require('./colors.css')
+
+exports.colors = colors;

package/common.module-23cd82b6.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"typography__component_13tlv","bold":"typography__bold_13tlv","semibold":"typography__semibold_13tlv","medium":"typography__medium_13tlv","regular":"typography__regular_13tlv","rowLimit1":"typography__rowLimit1_13tlv","rowLimit2":"typography__rowLimit2_13tlv","rowLimit3":"typography__rowLimit3_13tlv"};
+require('./title/common.css')
+
+exports.commonStyles = commonStyles;

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

@@ -50,7 +50,9 @@
                 letter-spacing: -0.36px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-large.bold {
+                    letter-spacing: 0.38px;
                 } .text.primary-large.medium {
+                    letter-spacing: 0.17px;
                 } .text.primary-medium {
                 /* prettier-ignore */
                 font-size: 16px;
@@ -59,7 +61,9 @@
                 letter-spacing: -0.24px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-medium.bold {
+                    letter-spacing: 0.43px;
                 } .text.primary-medium.medium {
+                    letter-spacing: 0.17px;
                 } .text.primary-small {
                 /* prettier-ignore */
                 font-size: 14px;
@@ -68,7 +72,9 @@
                 letter-spacing: -0.08px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-small.bold {
+                    letter-spacing: 0.47px;
                 } .text.primary-small.medium {
+                    letter-spacing: 0.27px;
                 } .text.component-primary {
             font-size: 16px;
             line-height: 20px;
@@ -76,7 +82,9 @@
             letter-spacing: -0.24px;
             font-family: var(--font-family-alfasans)
         } .text.component-primary.bold {
+                letter-spacing: 0.43px;
             } .text.component-primary.medium {
+                letter-spacing: 0.17px;
             } .text.secondary-large {
                 /* prettier-ignore */
                 font-size: 13px;
@@ -85,7 +93,9 @@
                 letter-spacing: 0;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-large.bold {
+                    letter-spacing: 0.54px;
                 } .text.secondary-large.medium {
+                    letter-spacing: 0.33px;
                 } .text.secondary-medium {
                 /* prettier-ignore */
                 font-size: 12px;
@@ -94,7 +104,9 @@
                 letter-spacing: 0.06px;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-medium.bold {
+                    letter-spacing: 0.57px;
                 } .text.secondary-medium.medium {
+                    letter-spacing: 0.38px;
                 } .text.secondary-small {
                 /* prettier-ignore */
                 font-size: 11px;
@@ -103,7 +115,9 @@
                 letter-spacing: 0.15px;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-small.bold {
+                    letter-spacing: 0.54px;
                 } .text.secondary-small.medium {
+                    letter-spacing: 0.41px;
                 } .text.component-secondary {
             font-size: 14px;
             line-height: 18px;
@@ -111,7 +125,9 @@
             letter-spacing: -0.08px;
             font-family: var(--font-family-alfasans)
         } .text.component-secondary.bold {
+                letter-spacing: 0.47px;
             } .text.component-secondary.medium {
+                letter-spacing: 0.27px;
             } .text.bold {
             font-weight: 700;
         } .text.medium {

package/cssm/text/component.d.ts

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

package/cssm/text/component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
-var hooks_useSkeleton = require('../hooks/use-skeleton.js');
+var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
 var colors = require('../colors.module.css');
 var alfasansStyles = require('./alfasans-index.module.css');
 var styles = require('./index.module.css');
@@ -39,7 +39,7 @@ var Text = React.forwardRef(function (_a, ref) {
     if (view === 'component') {
         logWarning(view);
     }
-    var _h = hooks_useSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
+    var _h = coreComponentsSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
     var skeleton = renderSkeleton({
         wrapperClassName: cn__default.default((_b = {},
             _b[styles__default.default.paragraphWithMargins] = Component === 'p' && defaultMargins,

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

@@ -29,7 +29,6 @@
         letter-spacing: 0.1px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xlarge.systemCompat {
-            line-height: 52px;
         } .alfasans-large {
         font-size: 40px;
         line-height: 48px;
@@ -44,9 +43,6 @@
         letter-spacing: 0.3px;
         font-family: var(--font-family-alfasans)
     } .alfasans-medium.systemCompat {
-            font-size: 30px;
-            line-height: 36px;
-            letter-spacing: 0.1px;
         } .alfasans-small {
         font-size: 24px;
         line-height: 32px;
@@ -54,9 +50,6 @@
         letter-spacing: 0.39px;
         font-family: var(--font-family-alfasans)
     } .alfasans-small.systemCompat {
-            font-size: 22px;
-            line-height: 26px;
-            letter-spacing: 0.2px;
         } .alfasans-xsmall {
         font-size: 20px;
         line-height: 24px;
@@ -64,7 +57,4 @@
         letter-spacing: 0.33px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xsmall.systemCompat {
-            font-size: 18px;
-            line-height: 22px;
-            letter-spacing: 0.38px;
         }

package/cssm/title/component.d.ts

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

package/cssm/title/component.js

@@ -7,7 +7,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var hooks_useSkeleton = require('../hooks/use-skeleton.js');
+var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
 var title_utils = require('./utils.js');
 var colors = require('../colors.module.css');
 
@@ -21,7 +21,7 @@ var colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
 var TitleBase = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.tag, Component = _c === void 0 ? 'div' : _c, _d = _a.view, view = _d === void 0 ? 'medium' : _d, _e = _a.font, fontProp = _e === void 0 ? 'styrene' : _e, platform = _a.platform, _f = _a.weight, weight = _f === void 0 ? title_utils.getDefaultWeight(coreComponentsShared.isObject(fontProp) ? fontProp.font : fontProp, platform) : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? false : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, styles = _a.styles, skeletonProps = _a.skeletonProps, showSkeleton = _a.showSkeleton, restProps = tslib.__rest(_a, ["tag", "view", "font", "platform", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "styles", "skeletonProps", "showSkeleton"]);
-    var _h = hooks_useSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
+    var _h = coreComponentsSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
     var skeleton = renderSkeleton({
         wrapperClassName: cn__default.default(defaultMargins && styles["margins-".concat(view)]),
         dataTestId: dataTestId,

package/cssm/title/index.d.ts

@@ -16,7 +16,7 @@ declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<H
     children?: React.ReactNode;
     rowLimit?: 2 | 1 | 3 | undefined;
     showSkeleton?: boolean | undefined;
-    skeletonProps?: import("../types").TextSkeletonProps | undefined;
+    skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 export { Title };

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

@@ -15,7 +15,7 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
     children?: React.ReactNode;
     rowLimit?: 2 | 1 | 3 | undefined;
     showSkeleton?: boolean | undefined;
-    skeletonProps?: import("../types").TextSkeletonProps | undefined;
+    skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 export { TitleMobile };

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

@@ -27,7 +27,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     children?: React.ReactNode;
     rowLimit?: 2 | 1 | 3 | undefined;
     showSkeleton?: boolean | undefined;
-    skeletonProps?: import("../types").TextSkeletonProps | undefined;
+    skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & {
     /**

package/cssm/types.d.ts

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

package/esm/colors.css

@@ -1,4 +1,4 @@
-/* hash: vyhkk */
+/* hash: 1knwx */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
@@ -41,44 +41,44 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_rn6bt {
+} /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_m2k95 {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_rn6bt {
+} .typography__disabled_m2k95 {
     color: var(--color-light-text-quaternary);
-} .typography__accent_rn6bt {
+} .typography__accent_m2k95 {
     color: var(--color-light-accent-primary);
-} .typography__primary_rn6bt {
+} .typography__primary_m2k95 {
     color: var(--color-light-text-primary);
-} .typography__attention_rn6bt {
+} .typography__attention_m2k95 {
     color: var(--color-light-text-attention);
-} .typography__positive_rn6bt {
+} .typography__positive_m2k95 {
     color: var(--color-light-text-positive);
-} .typography__secondary_rn6bt {
+} .typography__secondary_m2k95 {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_rn6bt {
+} .typography__tertiary-inverted_m2k95 {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_rn6bt {
+} .typography__primary-inverted_m2k95 {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_rn6bt {
+} .typography__secondary-inverted_m2k95 {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_rn6bt {
+} .typography__link_m2k95 {
     color: var(--color-light-text-info);
-} .typography__negative_rn6bt {
+} .typography__negative_m2k95 {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_rn6bt {
+} .typography__static-primary-light_m2k95 {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_rn6bt {
+} .typography__static-secondary-light_m2k95 {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_rn6bt {
+} .typography__static-tertiary-light_m2k95 {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_rn6bt {
+} .typography__static-primary-dark_m2k95 {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_rn6bt {
+} .typography__static-secondary-dark_m2k95 {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_rn6bt {
+} .typography__static-tertiary-dark_m2k95 {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_rn6bt {
+} .typography__static-accent_m2k95 {
     color: var(--color-static-accent-primary);
-} .typography__static-positive_rn6bt {
+} .typography__static-positive_m2k95 {
     color: var(--color-static-text-positive);
 }

package/esm/colors.module-4059b326.js

@@ -0,0 +1,4 @@
+var colors = {"tertiary":"typography__tertiary_m2k95","disabled":"typography__disabled_m2k95","accent":"typography__accent_m2k95","primary":"typography__primary_m2k95","attention":"typography__attention_m2k95","positive":"typography__positive_m2k95","secondary":"typography__secondary_m2k95","tertiary-inverted":"typography__tertiary-inverted_m2k95","primary-inverted":"typography__primary-inverted_m2k95","secondary-inverted":"typography__secondary-inverted_m2k95","link":"typography__link_m2k95","negative":"typography__negative_m2k95","static-primary-light":"typography__static-primary-light_m2k95","static-secondary-light":"typography__static-secondary-light_m2k95","static-tertiary-light":"typography__static-tertiary-light_m2k95","static-primary-dark":"typography__static-primary-dark_m2k95","static-secondary-dark":"typography__static-secondary-dark_m2k95","static-tertiary-dark":"typography__static-tertiary-dark_m2k95","static-accent":"typography__static-accent_m2k95","static-positive":"typography__static-positive_m2k95"};
+require('./colors.css')
+
+export { colors as c };

package/esm/common.module-6cbe43bf.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_13tlv","bold":"typography__bold_13tlv","semibold":"typography__semibold_13tlv","medium":"typography__medium_13tlv","regular":"typography__regular_13tlv","rowLimit1":"typography__rowLimit1_13tlv","rowLimit2":"typography__rowLimit2_13tlv","rowLimit3":"typography__rowLimit3_13tlv"};
+require('./title/common.css')
+
+export { commonStyles as c };

package/esm/text/alfasans-index.css

@@ -1,4 +1,4 @@
-/* hash: 1sn4s */
+/* hash: 1ocvb */
 :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,114 +23,114 @@
     --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_byr8i.typography__component_byr8i {
+} /* сбрасывает синюю подсветку при нажатии */ .typography__text_1pcuw.typography__component_1pcuw {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             letter-spacing: -0.24px;
             font-family: var(--font-family-alfasans);
-        } .typography__text_byr8i.typography__caps_byr8i {
+        } .typography__text_1pcuw.typography__caps_1pcuw {
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             letter-spacing: 1.25px;
             text-transform: uppercase;
             font-family: var(--font-family-alfasans);
-        } .typography__text_byr8i.typography__tagline_byr8i {
+        } .typography__text_1pcuw.typography__tagline_1pcuw {
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             letter-spacing: 1.25px;
             text-transform: uppercase;
             font-family: var(--font-family-alfasans);
-        } .typography__text_byr8i.typography__primary-large_byr8i {
+        } .typography__text_1pcuw.typography__primary-large_1pcuw {
                 /* prettier-ignore */
                 font-size: 18px;
                 line-height: 24px;
                 font-weight: 400;
                 letter-spacing: -0.36px;
                 font-family: var(--font-family-alfasans)
-            } .typography__text_byr8i.typography__primary-large_byr8i.typography__bold_byr8i {
+            } .typography__text_1pcuw.typography__primary-large_1pcuw.typography__bold_1pcuw {
                     letter-spacing: 0.38px;
-                } .typography__text_byr8i.typography__primary-large_byr8i.typography__medium_byr8i {
+                } .typography__text_1pcuw.typography__primary-large_1pcuw.typography__medium_1pcuw {
                     letter-spacing: 0.17px;
-                } .typography__text_byr8i.typography__primary-medium_byr8i {
+                } .typography__text_1pcuw.typography__primary-medium_1pcuw {
                 /* prettier-ignore */
                 font-size: 16px;
                 line-height: 24px;
                 font-weight: 400;
                 letter-spacing: -0.24px;
                 font-family: var(--font-family-alfasans)
-            } .typography__text_byr8i.typography__primary-medium_byr8i.typography__bold_byr8i {
+            } .typography__text_1pcuw.typography__primary-medium_1pcuw.typography__bold_1pcuw {
                     letter-spacing: 0.43px;
-                } .typography__text_byr8i.typography__primary-medium_byr8i.typography__medium_byr8i {
+                } .typography__text_1pcuw.typography__primary-medium_1pcuw.typography__medium_1pcuw {
                     letter-spacing: 0.17px;
-                } .typography__text_byr8i.typography__primary-small_byr8i {
+                } .typography__text_1pcuw.typography__primary-small_1pcuw {
                 /* prettier-ignore */
                 font-size: 14px;
                 line-height: 20px;
                 font-weight: 400;
                 letter-spacing: -0.08px;
                 font-family: var(--font-family-alfasans)
-            } .typography__text_byr8i.typography__primary-small_byr8i.typography__bold_byr8i {
+            } .typography__text_1pcuw.typography__primary-small_1pcuw.typography__bold_1pcuw {
                     letter-spacing: 0.47px;
-                } .typography__text_byr8i.typography__primary-small_byr8i.typography__medium_byr8i {
+                } .typography__text_1pcuw.typography__primary-small_1pcuw.typography__medium_1pcuw {
                     letter-spacing: 0.27px;
-                } .typography__text_byr8i.typography__component-primary_byr8i {
+                } .typography__text_1pcuw.typography__component-primary_1pcuw {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             letter-spacing: -0.24px;
             font-family: var(--font-family-alfasans)
-        } .typography__text_byr8i.typography__component-primary_byr8i.typography__bold_byr8i {
+        } .typography__text_1pcuw.typography__component-primary_1pcuw.typography__bold_1pcuw {
                 letter-spacing: 0.43px;
-            } .typography__text_byr8i.typography__component-primary_byr8i.typography__medium_byr8i {
+            } .typography__text_1pcuw.typography__component-primary_1pcuw.typography__medium_1pcuw {
                 letter-spacing: 0.17px;
-            } .typography__text_byr8i.typography__secondary-large_byr8i {
+            } .typography__text_1pcuw.typography__secondary-large_1pcuw {
                 /* prettier-ignore */
                 font-size: 13px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0;
                 font-family: var(--font-family-alfasans)
-            } .typography__text_byr8i.typography__secondary-large_byr8i.typography__bold_byr8i {
+            } .typography__text_1pcuw.typography__secondary-large_1pcuw.typography__bold_1pcuw {
                     letter-spacing: 0.54px;
-                } .typography__text_byr8i.typography__secondary-large_byr8i.typography__medium_byr8i {
+                } .typography__text_1pcuw.typography__secondary-large_1pcuw.typography__medium_1pcuw {
                     letter-spacing: 0.33px;
-                } .typography__text_byr8i.typography__secondary-medium_byr8i {
+                } .typography__text_1pcuw.typography__secondary-medium_1pcuw {
                 /* prettier-ignore */
                 font-size: 12px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0.06px;
                 font-family: var(--font-family-alfasans)
-            } .typography__text_byr8i.typography__secondary-medium_byr8i.typography__bold_byr8i {
+            } .typography__text_1pcuw.typography__secondary-medium_1pcuw.typography__bold_1pcuw {
                     letter-spacing: 0.57px;
-                } .typography__text_byr8i.typography__secondary-medium_byr8i.typography__medium_byr8i {
+                } .typography__text_1pcuw.typography__secondary-medium_1pcuw.typography__medium_1pcuw {
                     letter-spacing: 0.38px;
-                } .typography__text_byr8i.typography__secondary-small_byr8i {
+                } .typography__text_1pcuw.typography__secondary-small_1pcuw {
                 /* prettier-ignore */
                 font-size: 11px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0.15px;
                 font-family: var(--font-family-alfasans)
-            } .typography__text_byr8i.typography__secondary-small_byr8i.typography__bold_byr8i {
+            } .typography__text_1pcuw.typography__secondary-small_1pcuw.typography__bold_1pcuw {
                     letter-spacing: 0.54px;
-                } .typography__text_byr8i.typography__secondary-small_byr8i.typography__medium_byr8i {
+                } .typography__text_1pcuw.typography__secondary-small_1pcuw.typography__medium_1pcuw {
                     letter-spacing: 0.41px;
-                } .typography__text_byr8i.typography__component-secondary_byr8i {
+                } .typography__text_1pcuw.typography__component-secondary_1pcuw {
             font-size: 14px;
             line-height: 18px;
             font-weight: 400;
             letter-spacing: -0.08px;
             font-family: var(--font-family-alfasans)
-        } .typography__text_byr8i.typography__component-secondary_byr8i.typography__bold_byr8i {
+        } .typography__text_1pcuw.typography__component-secondary_1pcuw.typography__bold_1pcuw {
                 letter-spacing: 0.47px;
-            } .typography__text_byr8i.typography__component-secondary_byr8i.typography__medium_byr8i {
+            } .typography__text_1pcuw.typography__component-secondary_1pcuw.typography__medium_1pcuw {
                 letter-spacing: 0.27px;
-            } .typography__text_byr8i.typography__bold_byr8i {
+            } .typography__text_1pcuw.typography__bold_1pcuw {
             font-weight: 700;
-        } .typography__text_byr8i.typography__medium_byr8i {
+        } .typography__text_1pcuw.typography__medium_1pcuw {
             font-weight: 500;
         }

package/esm/text/component.d.ts

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