@alfalab/core-components-typography 5.0.1 → 5.0.2

package/text/index.css

@@ -2,85 +2,85 @@
     --gap-s: 12px;
     --gap-0: 0px;
     --gap-12: var(--gap-s);
-} .typography__transparent_1pgf7 {
+} .typography__transparent_7scw6 {
     opacity: 0;
 } :root {
     --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
-} .typography__paragraph_1pgf7 {
+} .typography__paragraph_7scw6 {
     margin: var(--gap-0);
     padding: var(--gap-0);
-} .typography__paragraphWithMargins_1pgf7 {
+} .typography__paragraphWithMargins_7scw6 {
     padding: var(--gap-0);
     margin: var(--text-paragraph-margin-bottom);
-} .typography__primary-large_1pgf7 {
+} .typography__primary-large_7scw6 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-medium_1pgf7 {
+} .typography__primary-medium_7scw6 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-small_1pgf7 {
+} .typography__primary-small_7scw6 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .typography__secondary-large_1pgf7 {
+} .typography__secondary-large_7scw6 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-medium_1pgf7 {
+} .typography__secondary-medium_7scw6 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-small_1pgf7 {
+} .typography__secondary-small_7scw6 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
-} .typography__component_1pgf7 {
+} .typography__component_7scw6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-primary_1pgf7 {
+} .typography__component-primary_7scw6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-secondary_1pgf7 {
+} .typography__component-secondary_7scw6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-} .typography__caps_1pgf7 {
+} .typography__caps_7scw6 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__tagline_1pgf7 {
+} .typography__tagline_7scw6 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__bold_1pgf7 {
+} .typography__bold_7scw6 {
     font-weight: bold;
-} .typography__medium_1pgf7 {
+} .typography__medium_7scw6 {
     font-weight: 500;
-} .typography__regular_1pgf7 {
+} .typography__regular_7scw6 {
     font-weight: normal;
-} .typography__monospace_1pgf7 {
+} .typography__monospace_7scw6 {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .typography__rowLimit1_1pgf7 {
+} .typography__rowLimit1_7scw6 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .typography__rowLimit2_1pgf7 {
+} .typography__rowLimit2_7scw6 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .typography__rowLimit3_1pgf7 {
+} .typography__rowLimit3_7scw6 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/text/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"transparent":"typography__transparent_1pgf7","paragraph":"typography__paragraph_1pgf7","paragraphWithMargins":"typography__paragraphWithMargins_1pgf7","primary-large":"typography__primary-large_1pgf7","primary-medium":"typography__primary-medium_1pgf7","primary-small":"typography__primary-small_1pgf7","secondary-large":"typography__secondary-large_1pgf7","secondary-medium":"typography__secondary-medium_1pgf7","secondary-small":"typography__secondary-small_1pgf7","component":"typography__component_1pgf7","component-primary":"typography__component-primary_1pgf7","component-secondary":"typography__component-secondary_1pgf7","caps":"typography__caps_1pgf7","tagline":"typography__tagline_1pgf7","bold":"typography__bold_1pgf7","medium":"typography__medium_1pgf7","regular":"typography__regular_1pgf7","monospace":"typography__monospace_1pgf7","rowLimit1":"typography__rowLimit1_1pgf7","rowLimit2":"typography__rowLimit2_1pgf7","rowLimit3":"typography__rowLimit3_1pgf7"};
+var styles = {"transparent":"typography__transparent_7scw6","paragraph":"typography__paragraph_7scw6","paragraphWithMargins":"typography__paragraphWithMargins_7scw6","primary-large":"typography__primary-large_7scw6","primary-medium":"typography__primary-medium_7scw6","primary-small":"typography__primary-small_7scw6","secondary-large":"typography__secondary-large_7scw6","secondary-medium":"typography__secondary-medium_7scw6","secondary-small":"typography__secondary-small_7scw6","component":"typography__component_7scw6","component-primary":"typography__component-primary_7scw6","component-secondary":"typography__component-secondary_7scw6","caps":"typography__caps_7scw6","tagline":"typography__tagline_7scw6","bold":"typography__bold_7scw6","medium":"typography__medium_7scw6","regular":"typography__regular_7scw6","monospace":"typography__monospace_7scw6","rowLimit1":"typography__rowLimit1_7scw6","rowLimit2":"typography__rowLimit2_7scw6","rowLimit3":"typography__rowLimit3_7scw6"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/text/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../common.module.css';\n\n:root {\n    --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);\n}\n\n.paragraph {\n    margin: var(--gap-0);\n    padding: var(--gap-0);\n}\n\n.paragraphWithMargins {\n    padding: var(--gap-0);\n    margin: var(--text-paragraph-margin-bottom);\n}\n\n.primary-large {\n    @mixin paragraph_primary_large;\n}\n\n.primary-medium {\n    @mixin paragraph_primary_medium;\n}\n\n.primary-small {\n    @mixin paragraph_primary_small;\n}\n\n.secondary-large {\n    @mixin paragraph_secondary_large;\n}\n\n.secondary-medium {\n    @mixin paragraph_secondary_medium;\n}\n\n.secondary-small {\n    @mixin paragraph_secondary_small;\n}\n\n.component {\n    @mixin paragraph_component;\n}\n\n.component-primary {\n    @mixin paragraph_component_primary;\n}\n\n.component-secondary {\n    @mixin paragraph_component_secondary;\n}\n\n.caps {\n    @mixin paragraph_caps;\n}\n\n.tagline {\n    @mixin paragraph_tagline;\n}\n\n.bold {\n    font-weight: bold;\n}\n\n.medium {\n    font-weight: 500;\n}\n\n.regular {\n    font-weight: normal;\n}\n\n.monospace {\n    font-variant-numeric: tabular-nums;\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.rowLimit3 {\n    @mixin row_limit 3;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC,WAAW,CAAC,6BAA6B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,WAAW,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC,MAAM,CAAC,wBAAwB,CAAC,SAAS,CAAC,2BAA2B,CAAC,MAAM,CAAC,wBAAwB,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../common.module.css';\n\n:root {\n    --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);\n}\n\n.paragraph {\n    margin: var(--gap-0);\n    padding: var(--gap-0);\n}\n\n.paragraphWithMargins {\n    padding: var(--gap-0);\n    margin: var(--text-paragraph-margin-bottom);\n}\n\n.primary-large {\n    @mixin paragraph_primary_large;\n}\n\n.primary-medium {\n    @mixin paragraph_primary_medium;\n}\n\n.primary-small {\n    @mixin paragraph_primary_small;\n}\n\n.secondary-large {\n    @mixin paragraph_secondary_large;\n}\n\n.secondary-medium {\n    @mixin paragraph_secondary_medium;\n}\n\n.secondary-small {\n    @mixin paragraph_secondary_small;\n}\n\n.component {\n    @mixin paragraph_component;\n}\n\n.component-primary {\n    @mixin paragraph_component_primary;\n}\n\n.component-secondary {\n    @mixin paragraph_component_secondary;\n}\n\n.caps {\n    @mixin paragraph_caps;\n}\n\n.tagline {\n    @mixin paragraph_tagline;\n}\n\n.bold {\n    font-weight: bold;\n}\n\n.medium {\n    font-weight: 500;\n}\n\n.regular {\n    font-weight: normal;\n}\n\n.monospace {\n    font-variant-numeric: tabular-nums;\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.rowLimit3 {\n    @mixin row_limit 3;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC,WAAW,CAAC,6BAA6B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,WAAW,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC,MAAM,CAAC,wBAAwB,CAAC,SAAS,CAAC,2BAA2B,CAAC,MAAM,CAAC,wBAAwB,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/title/alfasans-index.css

@@ -1,48 +1,49 @@
 :root {
-    --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
-} .typography__alfasans-xlarge_neyv5 {
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
+} .typography__alfasans-xlarge_1xr2s {
         font-size: 48px;
         line-height: 64px;
         font-weight: 700;
         letter-spacing: 0.1px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-xlarge_neyv5.typography__systemCompat_neyv5 {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-xlarge_1xr2s.typography__systemCompat_1xr2s {
             line-height: 52px;
-        } .typography__alfasans-large_neyv5 {
+        } .typography__alfasans-large_1xr2s {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
         letter-spacing: 0.1px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-large_neyv5.typography__systemCompat_neyv5 {
-        } .typography__alfasans-medium_neyv5 {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-large_1xr2s.typography__systemCompat_1xr2s {
+        } .typography__alfasans-medium_1xr2s {
         font-size: 32px;
         line-height: 40px;
         font-weight: 700;
         letter-spacing: 0.3px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-medium_neyv5.typography__systemCompat_neyv5 {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-medium_1xr2s.typography__systemCompat_1xr2s {
             font-size: 30px;
             line-height: 36px;
             letter-spacing: 0.1px;
-        } .typography__alfasans-small_neyv5 {
+        } .typography__alfasans-small_1xr2s {
         font-size: 24px;
         line-height: 32px;
         font-weight: 700;
         letter-spacing: 0.39px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-small_neyv5.typography__systemCompat_neyv5 {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-small_1xr2s.typography__systemCompat_1xr2s {
             font-size: 22px;
             line-height: 26px;
             letter-spacing: 0.2px;
-        } .typography__alfasans-xsmall_neyv5 {
+        } .typography__alfasans-xsmall_1xr2s {
         font-size: 20px;
         line-height: 24px;
         font-weight: 700;
         letter-spacing: 0.33px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-xsmall_neyv5.typography__systemCompat_neyv5 {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-xsmall_1xr2s.typography__systemCompat_1xr2s {
             font-size: 18px;
             line-height: 22px;
             letter-spacing: 0.38px;

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

@@ -2,7 +2,7 @@
 
 require('./alfasans-index.css');
 
-var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_neyv5","systemCompat":"typography__systemCompat_neyv5","alfasans-large":"typography__alfasans-large_neyv5","alfasans-medium":"typography__alfasans-medium_neyv5","alfasans-small":"typography__alfasans-small_neyv5","alfasans-xsmall":"typography__alfasans-xsmall_neyv5"};
+var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_1xr2s","systemCompat":"typography__systemCompat_1xr2s","alfasans-large":"typography__alfasans-large_1xr2s","alfasans-medium":"typography__alfasans-medium_1xr2s","alfasans-small":"typography__alfasans-small_1xr2s","alfasans-xsmall":"typography__alfasans-xsmall_1xr2s"};
 
 module.exports = alfasansStyles;
 //# sourceMappingURL=alfasans-index.module.css.js.map

package/title/common.css

@@ -1,28 +1,28 @@
 :root {
     --gap-0: 0px;
-} .typography__component_tr00h {
+} .typography__component_1nmkd {
     margin: var(--gap-0);
-    padding: var(--gap-0)
-} .typography__component_tr00h.typography__bold_tr00h {
+    padding: var(--gap-0);
+} .typography__component_1nmkd.typography__bold_1nmkd {
         font-weight: bold;
-    } .typography__component_tr00h.typography__semibold_tr00h {
+    } .typography__component_1nmkd.typography__semibold_1nmkd {
         font-weight: 600;
-    } .typography__component_tr00h.typography__medium_tr00h {
+    } .typography__component_1nmkd.typography__medium_1nmkd {
         font-weight: 500;
-    } .typography__component_tr00h.typography__regular_tr00h {
+    } .typography__component_1nmkd.typography__regular_1nmkd {
         font-weight: normal;
-    } .typography__rowLimit1_tr00h {
+    } .typography__rowLimit1_1nmkd {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .typography__rowLimit2_tr00h {
+} .typography__rowLimit2_1nmkd {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .typography__rowLimit3_tr00h {
+} .typography__rowLimit3_1nmkd {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/title/common.module.css.js

@@ -2,7 +2,7 @@
 
 require('./common.css');
 
-var commonStyles = {"component":"typography__component_tr00h","bold":"typography__bold_tr00h","semibold":"typography__semibold_tr00h","medium":"typography__medium_tr00h","regular":"typography__regular_tr00h","rowLimit1":"typography__rowLimit1_tr00h","rowLimit2":"typography__rowLimit2_tr00h","rowLimit3":"typography__rowLimit3_tr00h"};
+var commonStyles = {"component":"typography__component_1nmkd","bold":"typography__bold_1nmkd","semibold":"typography__semibold_1nmkd","medium":"typography__medium_1nmkd","regular":"typography__regular_1nmkd","rowLimit1":"typography__rowLimit1_1nmkd","rowLimit2":"typography__rowLimit2_1nmkd","rowLimit3":"typography__rowLimit3_1nmkd"};
 
 module.exports = commonStyles;
 //# sourceMappingURL=common.module.css.js.map

package/title/common.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.module.css.js","sources":["../src/title/common.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    margin: var(--gap-0);\n    padding: var(--gap-0);\n\n    &.bold {\n        font-weight: bold;\n    }\n\n    &.semibold {\n        font-weight: 600;\n    }\n\n    &.medium {\n        font-weight: 500;\n    }\n\n    &.regular {\n        font-weight: normal;\n    }\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.rowLimit3 {\n    @mixin row_limit 3;\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC,MAAM,CAAC,wBAAwB,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"common.module.css.js","sources":["../src/title/common.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    margin: var(--gap-0);\n    padding: var(--gap-0);\n\n    &.bold {\n        font-weight: bold;\n    }\n\n    &.semibold {\n        font-weight: 600;\n    }\n\n    &.medium {\n        font-weight: 500;\n    }\n\n    &.regular {\n        font-weight: normal;\n    }\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.rowLimit3 {\n    @mixin row_limit 3;\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC,MAAM,CAAC,wBAAwB,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/title/component.d.ts

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

package/title/component.js.map

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

package/title/index.css

@@ -9,68 +9,69 @@
     --gap-40: var(--gap-3xl);
     --gap-48: var(--gap-4xl);
 } :root {
-    --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
-} .typography__transparent_pusyf {
+    --font-family-styrene:
+        'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+} .typography__transparent_15stv {
     opacity: 0;
-} .typography__styrene-xlarge_pusyf {
+} .typography__styrene-xlarge_15stv {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-large_pusyf {
+} .typography__styrene-large_15stv {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-medium_pusyf {
+} .typography__styrene-medium_15stv {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-small_pusyf {
+} .typography__styrene-small_15stv {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-xsmall_pusyf {
+} .typography__styrene-xsmall_15stv {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__system-xlarge_pusyf {
+} .typography__system-xlarge_15stv {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
-} .typography__system-large_pusyf {
+} .typography__system-large_15stv {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
-} .typography__system-medium_pusyf {
+} .typography__system-medium_15stv {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-} .typography__system-small_pusyf {
+} .typography__system-small_15stv {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-} .typography__system-xsmall_pusyf {
+} .typography__system-xsmall_15stv {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-} .typography__margins-xlarge_pusyf {
+} .typography__margins-xlarge_15stv {
     margin: var(--gap-0) var(--gap-0) var(--gap-24);
-} .typography__margins-large_pusyf {
+} .typography__margins-large_15stv {
     margin: var(--gap-48) var(--gap-0) var(--gap-24);
-} .typography__margins-medium_pusyf {
+} .typography__margins-medium_15stv {
     margin: var(--gap-48) var(--gap-0) var(--gap-24);
-} .typography__margins-small_pusyf {
+} .typography__margins-small_15stv {
     margin: var(--gap-40) var(--gap-0) var(--gap-16);
-} .typography__margins-xsmall_pusyf {
+} .typography__margins-xsmall_15stv {
     margin: var(--gap-40) var(--gap-0) var(--gap-16);
 }

package/title/index.d.ts

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

package/title/index.js.map

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

package/title/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"transparent":"typography__transparent_pusyf","styrene-xlarge":"typography__styrene-xlarge_pusyf","styrene-large":"typography__styrene-large_pusyf","styrene-medium":"typography__styrene-medium_pusyf","styrene-small":"typography__styrene-small_pusyf","styrene-xsmall":"typography__styrene-xsmall_pusyf","system-xlarge":"typography__system-xlarge_pusyf","system-large":"typography__system-large_pusyf","system-medium":"typography__system-medium_pusyf","system-small":"typography__system-small_pusyf","system-xsmall":"typography__system-xsmall_pusyf","margins-xlarge":"typography__margins-xlarge_pusyf","margins-large":"typography__margins-large_pusyf","margins-medium":"typography__margins-medium_pusyf","margins-small":"typography__margins-small_pusyf","margins-xsmall":"typography__margins-xsmall_pusyf"};
+var styles = {"transparent":"typography__transparent_15stv","styrene-xlarge":"typography__styrene-xlarge_15stv","styrene-large":"typography__styrene-large_15stv","styrene-medium":"typography__styrene-medium_15stv","styrene-small":"typography__styrene-small_15stv","styrene-xsmall":"typography__styrene-xsmall_15stv","system-xlarge":"typography__system-xlarge_15stv","system-large":"typography__system-large_15stv","system-medium":"typography__system-medium_15stv","system-small":"typography__system-small_15stv","system-xsmall":"typography__system-xsmall_15stv","margins-xlarge":"typography__margins-xlarge_15stv","margins-large":"typography__margins-large_15stv","margins-medium":"typography__margins-medium_15stv","margins-small":"typography__margins-small_15stv","margins-xsmall":"typography__margins-xsmall_15stv"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/title/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../margins.module.css';\n@import '../common.module.css';\n\n.styrene-xlarge {\n    @mixin headline_xlarge;\n}\n\n.styrene-large {\n    @mixin headline_large;\n}\n\n.styrene-medium {\n    @mixin headline_medium;\n}\n\n.styrene-small {\n    @mixin headline_small;\n}\n\n.styrene-xsmall {\n    @mixin headline_xsmall;\n}\n\n.system-xlarge {\n    @mixin headline-system_xlarge;\n}\n\n.system-large {\n    @mixin headline-system_large;\n}\n\n.system-medium {\n    @mixin headline-system_medium;\n}\n\n.system-small {\n    @mixin headline-system_small;\n}\n\n.system-xsmall {\n    @mixin headline-system_xsmall;\n}\n\n.margins-xlarge {\n    @mixin margin-large;\n}\n\n.margins-large {\n    @mixin margin-medium;\n}\n\n.margins-medium {\n    @mixin margin-medium;\n}\n\n.margins-small {\n    @mixin margin-small;\n}\n\n.margins-xsmall {\n    @mixin margin-small;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,cAAc,CAAC,gCAAgC,CAAC,eAAe,CAAC,iCAAiC,CAAC,cAAc,CAAC,gCAAgC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../margins.module.css';\n@import '../common.module.css';\n\n.styrene-xlarge {\n    @mixin headline_xlarge;\n}\n\n.styrene-large {\n    @mixin headline_large;\n}\n\n.styrene-medium {\n    @mixin headline_medium;\n}\n\n.styrene-small {\n    @mixin headline_small;\n}\n\n.styrene-xsmall {\n    @mixin headline_xsmall;\n}\n\n.system-xlarge {\n    @mixin headline-system_xlarge;\n}\n\n.system-large {\n    @mixin headline-system_large;\n}\n\n.system-medium {\n    @mixin headline-system_medium;\n}\n\n.system-small {\n    @mixin headline-system_small;\n}\n\n.system-xsmall {\n    @mixin headline-system_xsmall;\n}\n\n.margins-xlarge {\n    @mixin margin-large;\n}\n\n.margins-large {\n    @mixin margin-medium;\n}\n\n.margins-medium {\n    @mixin margin-medium;\n}\n\n.margins-small {\n    @mixin margin-small;\n}\n\n.margins-xsmall {\n    @mixin margin-small;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,cAAc,CAAC,gCAAgC,CAAC,eAAe,CAAC,iCAAiC,CAAC,cAAc,CAAC,gCAAgC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}

package/title-mobile/alfasans-index.css

@@ -1,39 +1,40 @@
 :root {
-    --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
-} .typography__alfasans-xlarge_1ll8m {
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
+} .typography__alfasans-xlarge_1q533 {
         font-size: 34px;
         line-height: 40px;
         font-weight: 500;
         letter-spacing: -0.32px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-xlarge_1ll8m.typography__systemCompat_1ll8m {
-        } .typography__alfasans-large_1ll8m {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-xlarge_1q533.typography__systemCompat_1q533 {
+        } .typography__alfasans-large_1q533 {
         font-size: 30px;
         line-height: 36px;
         font-weight: 500;
         letter-spacing: -0.25px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-large_1ll8m.typography__systemCompat_1ll8m {
-        } .typography__alfasans-medium_1ll8m {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-large_1q533.typography__systemCompat_1q533 {
+        } .typography__alfasans-medium_1q533 {
         font-size: 26px;
         line-height: 32px;
         font-weight: 500;
         letter-spacing: -0.25px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-medium_1ll8m.typography__systemCompat_1ll8m {
-        } .typography__alfasans-small_1ll8m {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-medium_1q533.typography__systemCompat_1q533 {
+        } .typography__alfasans-small_1q533 {
         font-size: 20px;
         line-height: 28px;
         font-weight: 500;
         letter-spacing: -0.15px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-small_1ll8m.typography__systemCompat_1ll8m {
-        } .typography__alfasans-xsmall_1ll8m {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-small_1q533.typography__systemCompat_1q533 {
+        } .typography__alfasans-xsmall_1q533 {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         letter-spacing: 0.17px;
-        font-family: var(--font-family-alfasans)
-    } .typography__alfasans-xsmall_1ll8m.typography__systemCompat_1ll8m {
+        font-family: var(--font-family-alfasans);
+    } .typography__alfasans-xsmall_1q533.typography__systemCompat_1q533 {
         }

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

@@ -2,7 +2,7 @@
 
 require('./alfasans-index.css');
 
-var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_1ll8m","systemCompat":"typography__systemCompat_1ll8m","alfasans-large":"typography__alfasans-large_1ll8m","alfasans-medium":"typography__alfasans-medium_1ll8m","alfasans-small":"typography__alfasans-small_1ll8m","alfasans-xsmall":"typography__alfasans-xsmall_1ll8m"};
+var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_1q533","systemCompat":"typography__systemCompat_1q533","alfasans-large":"typography__alfasans-large_1q533","alfasans-medium":"typography__alfasans-medium_1q533","alfasans-small":"typography__alfasans-small_1q533","alfasans-xsmall":"typography__alfasans-xsmall_1q533"};
 
 module.exports = alfasansStyles;
 //# sourceMappingURL=alfasans-index.module.css.js.map

package/title-mobile/component.js.map

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

package/title-mobile/index.css

@@ -7,66 +7,67 @@
     --gap-24: var(--gap-xl);
     --gap-40: var(--gap-3xl);
 } :root {
-    --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
-} .typography__styrene-xlarge_1hxir {
+    --font-family-styrene:
+        'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+} .typography__styrene-xlarge_1mhd8 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-large_1hxir {
+} .typography__styrene-large_1mhd8 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-medium_1hxir {
+} .typography__styrene-medium_1mhd8 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-small_1hxir {
+} .typography__styrene-small_1mhd8 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-xsmall_1hxir {
+} .typography__styrene-xsmall_1mhd8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__system-xlarge_1hxir {
+} .typography__system-xlarge_1mhd8 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
-} .typography__system-large_1hxir {
+} .typography__system-large_1mhd8 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
-} .typography__system-medium_1hxir {
+} .typography__system-medium_1mhd8 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
-} .typography__system-small_1hxir {
+} .typography__system-small_1mhd8 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
-} .typography__system-xsmall_1hxir {
+} .typography__system-xsmall_1mhd8 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
-} .typography__margins-xlarge_1hxir {
+} .typography__margins-xlarge_1mhd8 {
     margin: var(--gap-0) var(--gap-0) var(--gap-24);
-} .typography__margins-large_1hxir {
+} .typography__margins-large_1mhd8 {
     margin: var(--gap-40) var(--gap-0) var(--gap-16);
-} .typography__margins-medium_1hxir {
+} .typography__margins-medium_1mhd8 {
     margin: var(--gap-40) var(--gap-0) var(--gap-16);
-} .typography__margins-small_1hxir {
+} .typography__margins-small_1mhd8 {
     margin: var(--gap-40) var(--gap-0) var(--gap-16);
-} .typography__margins-xsmall_1hxir {
+} .typography__margins-xsmall_1mhd8 {
     margin: var(--gap-40) var(--gap-0) var(--gap-16);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1hxir","styrene-large":"typography__styrene-large_1hxir","styrene-medium":"typography__styrene-medium_1hxir","styrene-small":"typography__styrene-small_1hxir","styrene-xsmall":"typography__styrene-xsmall_1hxir","system-xlarge":"typography__system-xlarge_1hxir","system-large":"typography__system-large_1hxir","system-medium":"typography__system-medium_1hxir","system-small":"typography__system-small_1hxir","system-xsmall":"typography__system-xsmall_1hxir","margins-xlarge":"typography__margins-xlarge_1hxir","margins-large":"typography__margins-large_1hxir","margins-medium":"typography__margins-medium_1hxir","margins-small":"typography__margins-small_1hxir","margins-xsmall":"typography__margins-xsmall_1hxir"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_1mhd8","styrene-large":"typography__styrene-large_1mhd8","styrene-medium":"typography__styrene-medium_1mhd8","styrene-small":"typography__styrene-small_1mhd8","styrene-xsmall":"typography__styrene-xsmall_1mhd8","system-xlarge":"typography__system-xlarge_1mhd8","system-large":"typography__system-large_1mhd8","system-medium":"typography__system-medium_1mhd8","system-small":"typography__system-small_1mhd8","system-xsmall":"typography__system-xsmall_1mhd8","margins-xlarge":"typography__margins-xlarge_1mhd8","margins-large":"typography__margins-large_1mhd8","margins-medium":"typography__margins-medium_1mhd8","margins-small":"typography__margins-small_1mhd8","margins-xsmall":"typography__margins-xsmall_1mhd8"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map