@alfalab/core-components-typography 6.0.2 → 6.0.3-alfasans

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

@@ -2,126 +2,111 @@
     .xlarge {
         font-size: 34px;
         line-height: 40px;
-        font-weight: 600;
-        font-family: var(--font-family-system);
+        font-weight: 500;
+        letter-spacing: -0.32px;
+        font-family: var(--font-family-alfasans);
     }
 
-.xlarge.font {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+    .xlarge.font {
         }
 
-.regular-xlarge {
+    .regular-xlarge {
         font-size: 34px;
         line-height: 40px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -1.36px;
+        font-family: var(--font-family-alfasans);
     }
 
-.regular-xlarge.system {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+    .regular-xlarge.system {
         }
 
 .large {
         font-size: 30px;
         line-height: 36px;
-        font-weight: 600;
-        font-family: var(--font-family-system);
+        font-weight: 500;
+        letter-spacing: -0.25px;
+        font-family: var(--font-family-alfasans);
     }
 
 .large.font {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .regular-large {
         font-size: 30px;
         line-height: 36px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -1.25px;
+        font-family: var(--font-family-alfasans);
     }
 
 .regular-large.system {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .medium {
         font-size: 26px;
         line-height: 32px;
-        font-weight: 600;
-        font-family: var(--font-family-system);
+        font-weight: 500;
+        letter-spacing: -0.25px;
+        font-family: var(--font-family-alfasans);
     }
 
 .medium.font {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .regular-medium {
         font-size: 26px;
         line-height: 32px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -1px;
+        font-family: var(--font-family-alfasans);
     }
 
 .regular-medium.system {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .small {
         font-size: 20px;
         line-height: 28px;
-        font-weight: 600;
-        font-family: var(--font-family-system);
+        font-weight: 500;
+        letter-spacing: -0.15px;
+        font-family: var(--font-family-alfasans);
     }
 
 .small.font {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .regular-small {
         font-size: 20px;
         line-height: 28px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.68px;
+        font-family: var(--font-family-alfasans);
     }
 
 .regular-small.system {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .xsmall {
         font-size: 16px;
         line-height: 20px;
-        font-weight: 600;
-        font-family: var(--font-family-system);
+        font-weight: 500;
+        letter-spacing: 0.17px;
+        font-family: var(--font-family-alfasans);
     }
 
 .xsmall.font {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .regular-xsmall {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.24px;
+        font-family: var(--font-family-alfasans);
     }
 
 .regular-xsmall.system {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
 
 .component.margins-xlarge {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type TitleProps } from '../title';
-export declare type TitleResponsiveProps = TitleProps & {
+export type TitleResponsiveProps = TitleProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -12,30 +12,30 @@ export declare type TitleResponsiveProps = TitleProps & {
     client?: 'desktop' | 'mobile';
 };
 export declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
-    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
-    weight?: "regular" | "medium" | "bold" | "semibold" | undefined;
-    font?: "alfasans" | "styrene" | "system" | {
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    color?: import("..").Color;
+    weight?: "regular" | "medium" | "bold" | "semibold";
+    font?: "styrene" | "system" | "alfasans" | {
         font: "alfasans";
         systemCompat: boolean;
-    } | undefined;
-    defaultMargins?: boolean | undefined;
-    className?: string | undefined;
-    dataTestId?: string | undefined;
+    };
+    defaultMargins?: boolean;
+    className?: string;
+    dataTestId?: string;
     children?: React.ReactNode;
-    rowLimit?: 1 | 2 | 3 | undefined;
-    showSkeleton?: boolean | undefined;
-    skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    rowLimit?: 1 | 2 | 3;
+    showSkeleton?: boolean;
+    skeletonProps?: import("@alfalab/core-components-skeleton").TextSkeletonProps;
+    defaultMatchMediaValue?: boolean | (() => boolean);
 } & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
-    breakpoint?: number | undefined;
+    breakpoint?: number;
     /**
      * Версия, которая будет использоваться при серверном рендеринге
      */
-    client?: "mobile" | "desktop" | undefined;
+    client?: "desktop" | "mobile";
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;

package/moderncssm/types.d.ts

@@ -1 +1 @@
-export declare type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+export type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-typography",
-    "version": "6.0.2",
+    "version": "6.0.3-alfasans",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,9 +10,9 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-mq": "^6.0.2",
-        "@alfalab/core-components-shared": "^2.1.0",
-        "@alfalab/core-components-skeleton": "^7.0.1",
+        "@alfalab/core-components-mq": "6.0.3-alfasans",
+        "@alfalab/core-components-shared": "2.1.1-alfasans",
+        "@alfalab/core-components-skeleton": "7.0.2-alfasans",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
@@ -25,6 +25,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.1",
-    "varsVersion": "11.0.1"
+    "themesVersion": "15.0.2-alfasans",
+    "varsVersion": "11.0.2-alfasans"
 }

package/src/colors.module.css

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

package/src/text/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../common.module.css';
 
 :root {

package/src/title/common.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../common.module.css';
 
 .component {

package/src/title/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../margins.module.css';
 
 @each $view in xlarge, large, medium, small, xsmall {

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../margins.module.css';
 
 @each $view in xlarge, large, medium, small, xsmall {

package/text/component.d.ts

@@ -2,8 +2,8 @@ import React, { type HTMLAttributes } from 'react';
 import { type TextSkeletonProps } from '@alfalab/core-components-skeleton';
 import { type Color } from '../colors';
 import { type TextElementType } from '../types';
-declare type NativeProps = HTMLAttributes<HTMLSpanElement>;
-declare type TextBaseProps = {
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
     /**
      * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
      */
@@ -59,10 +59,10 @@ declare type TextBaseProps = {
      */
     font?: 'alfasans' | undefined | null;
 };
-declare type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
+type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
     tag?: 'p';
     defaultMargins?: boolean;
 };
-export declare type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);
+export type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);
 export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElementType>>;
 export {};

package/text/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { type Color } from '../colors';\nimport { type TextElementType } from '../types';\n\nimport colors from '../colors.module.css';\nimport styles from './index.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLSpanElement>;\n\ntype TextBaseProps = {\n    /**\n     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'secondary-large'\n        | 'secondary-medium'\n        | 'secondary-small'\n        | 'component-primary'\n        | 'component-secondary'\n        | 'caps'\n        | 'tagline';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold';\n\n    /**\n     * Делает цифры моноширинными\n     */\n    monospaceNumbers?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'span' | 'div';\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Добавляет отступы к тэгу 'p'\n     */\n    defaultMargins?: never;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Шрифт текста\n     *\n     * @deprecated\n     */\n    font?: 'alfasans' | undefined | null;\n};\n\ntype TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {\n    tag?: 'p';\n    defaultMargins?: boolean;\n};\n\nexport type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);\n\nexport const Text = forwardRef<TextElementType, TextProps>(\n    (\n        {\n            view = 'primary-medium',\n            tag: Component = 'span',\n            weight,\n            monospaceNumbers = false,\n            defaultMargins = true,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            showSkeleton,\n            skeletonProps,\n            font,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn({\n                [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n            }),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    {\n                        [styles.paragraph]: Component === 'p' && !defaultMargins,\n                        [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n                        [styles.monospace]: monospaceNumbers,\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                    },\n                    className,\n                    color && colors[color],\n                    styles[view],\n                    weight && styles[weight],\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useSkeleton","cn","styles","React","__assign","colors","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;IAoGa,IAAI,GAAGA,gBAAU,CAC1B,UACI,EAeC,EACD,GAAG,EAAA;;IAfC,IAAA,EAAA,GAAA,EAAA,CAAA,IAAuB,CAAvB,CAAA,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,gBAAgB,GAAA,EAAA,CAAA,CACvB,EAAuB,GAAA,EAAA,CAAA,GAAA,CAAA,CAAlB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,CACvB,CAAA,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA,CACN,EAAwB,GAAA,EAAA,CAAA,gBAAA,CAAA,CAAxB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,CACxB,CAAA,EAAA,GAAA,EAAA,CAAA,cAAqB,CAArB,CAAA,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,CACrB,CAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA,CACL,SAAS,GAAA,EAAA,CAAA,SAAA,CACT,CAAA,UAAU,GAAA,EAAA,CAAA,UAAA,CAAA,CACV,QAAQ,GAAA,EAAA,CAAA,QAAA,CACR,CAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACR,YAAY,GAAA,EAAA,CAAA,YAAA,CACZ,CAAA,aAAa,GAAA,EAAA,CAAA,aAAA,CAAA,CACT,EAAA,CAAA,IAAA,CACD,KAAA,SAAS,GAdhBC,YAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,eAAA,EAAA,MAAA,CAeC;AAGK,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;AAC5B,QAAA,gBAAgB,EAAEC,mBAAE,EAAA,EAAA,GAAA,EAAA;YAChB,EAAC,CAAAC,YAAM,CAAC,oBAAoB,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AACpE,YAAA,EAAA,EAAA;AACF,QAAA,UAAU,EAAA,UAAA;AACb,KAAA,CAAC;AAEF,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ;AAClB;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EACNC,cAAA,CAAA,EAAA,SAAS,EAAEH,mBAAE,EAAA,EAAA,GAAA,EAAA;YAEL,EAAC,CAAAC,YAAM,CAAC,SAAS,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,CAAC,cAAc;YACxD,EAAC,CAAAA,YAAM,CAAC,oBAAoB,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AAClE,YAAA,EAAA,CAACA,YAAM,CAAC,SAAS,CAAA,GAAG,gBAAgB;AACpC,YAAA,EAAA,CAACA,YAAM,CAAC,UAAA,CAAA,MAAA,CAAW,QAAQ,CAAE,CAAC,IAAG,QAAQ;AACzC,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAA,GAAG,YAAY;AAEtC,YAAA,EAAA,GAAA,SAAS,EACT,KAAK,IAAIG,aAAM,CAAC,KAAK,CAAC,EACtBH,YAAM,CAAC,IAAI,CAAC,EACZ,MAAM,IAAIA,YAAM,CAAC,MAAM,CAAC,CAC3B,EAAA,cAAA,EACa,UAAU,EACxB,GAAG,EAAEI,0BAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC1B,EAAA,SAAS,GAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { type Color } from '../colors';\nimport { type TextElementType } from '../types';\n\nimport colors from '../colors.module.css';\nimport styles from './index.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLSpanElement>;\n\ntype TextBaseProps = {\n    /**\n     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'secondary-large'\n        | 'secondary-medium'\n        | 'secondary-small'\n        | 'component-primary'\n        | 'component-secondary'\n        | 'caps'\n        | 'tagline';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold';\n\n    /**\n     * Делает цифры моноширинными\n     */\n    monospaceNumbers?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'span' | 'div';\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Добавляет отступы к тэгу 'p'\n     */\n    defaultMargins?: never;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Шрифт текста\n     *\n     * @deprecated\n     */\n    font?: 'alfasans' | undefined | null;\n};\n\ntype TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {\n    tag?: 'p';\n    defaultMargins?: boolean;\n};\n\nexport type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);\n\nexport const Text = forwardRef<TextElementType, TextProps>(\n    (\n        {\n            view = 'primary-medium',\n            tag: Component = 'span',\n            weight,\n            monospaceNumbers = false,\n            defaultMargins = true,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            showSkeleton,\n            skeletonProps,\n            font,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn({\n                [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n            }),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    {\n                        [styles.paragraph]: Component === 'p' && !defaultMargins,\n                        [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n                        [styles.monospace]: monospaceNumbers,\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                    },\n                    className,\n                    color && colors[color],\n                    styles[view],\n                    weight && styles[weight],\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useSkeleton","cn","styles","React","__assign","colors","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;IAoGa,IAAI,GAAGA,gBAAU,CAC1B,UACI,EAeC,EACD,GAAG,EAAA;;IAfC,IAAA,EAAA,GAAA,EAAA,CAAA,IAAuB,CAAvB,CAAA,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,gBAAgB,GAAA,EAAA,CAAA,CACvB,EAAuB,GAAA,EAAA,CAAA,GAAA,CAAA,CAAlB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,CACvB,CAAA,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA,CACN,EAAwB,GAAA,EAAA,CAAA,gBAAA,CAAA,CAAxB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,CACxB,CAAA,EAAA,GAAA,EAAA,CAAA,cAAqB,CAArB,CAAA,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,CACrB,CAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA,CACL,SAAS,GAAA,EAAA,CAAA,SAAA,CACT,CAAA,UAAU,GAAA,EAAA,CAAA,UAAA,CAAA,CACV,QAAQ,GAAA,EAAA,CAAA,QAAA,CACR,CAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACR,YAAY,GAAA,EAAA,CAAA,YAAA,CACZ,CAAA,aAAa,GAAA,EAAA,CAAA,aAAA,CAAA,CACT,EAAA,CAAA,IAAA,CACD,KAAA,SAAS,GAdhBC,YAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,eAAA,EAAA,MAAA,CAeC;AAGK,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;AAC5B,QAAA,gBAAgB,EAAEC,mBAAE,EAAA,EAAA,GAAA,EAAA;YAChB,EAAC,CAAAC,YAAM,CAAC,oBAAoB,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AACpE,YAAA,EAAA,EAAA;AACF,QAAA,UAAU,EAAA,UAAA;AACb,KAAA,CAAC;IAEF,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ;;AAGnB,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EACNC,cAAA,CAAA,EAAA,SAAS,EAAEH,mBAAE,EAAA,EAAA,GAAA,EAAA;YAEL,EAAC,CAAAC,YAAM,CAAC,SAAS,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,CAAC,cAAc;YACxD,EAAC,CAAAA,YAAM,CAAC,oBAAoB,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AAClE,YAAA,EAAA,CAACA,YAAM,CAAC,SAAS,CAAA,GAAG,gBAAgB;AACpC,YAAA,EAAA,CAACA,YAAM,CAAC,UAAA,CAAA,MAAA,CAAW,QAAQ,CAAE,CAAC,IAAG,QAAQ;AACzC,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAA,GAAG,YAAY;AAEtC,YAAA,EAAA,GAAA,SAAS,EACT,KAAK,IAAIG,aAAM,CAAC,KAAK,CAAC,EACtBH,YAAM,CAAC,IAAI,CAAC,EACZ,MAAM,IAAIA,YAAM,CAAC,MAAM,CAAC,CAC3B,EAAA,cAAA,EACa,UAAU,EACxB,GAAG,EAAEI,0BAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC1B,EAAA,SAAS,GAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}

package/text/index.css

@@ -4,179 +4,206 @@
     --gap-12: var(--gap-s);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.typography__transparent_9ra3f {
+.typography__transparent_1mt2x {
     opacity: 0;
 }
 :root {
     --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
 }
-.typography__paragraph_9ra3f {
+.typography__paragraph_1mt2x {
     margin: var(--gap-0);
     padding: var(--gap-0);
 }
-.typography__paragraphWithMargins_9ra3f {
+.typography__paragraphWithMargins_1mt2x {
     padding: var(--gap-0);
     margin: var(--text-paragraph-margin-bottom);
 }
-.typography__component_9ra3f {
+.typography__component_1mt2x {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.24px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__component_9ra3f.typography__bold_9ra3f {
+.typography__component_1mt2x.typography__bold_1mt2x {
         font-weight: 700;
+        letter-spacing: 0.43px;
     }
-.typography__component_9ra3f.typography__medium_9ra3f {
+.typography__component_1mt2x.typography__medium_1mt2x {
         font-weight: 500;
+        letter-spacing: -0.05px;
     }
-.typography__caps_9ra3f {
+.typography__caps_1mt2x {
         font-size: 12px;
         line-height: 16px;
         font-weight: 400;
         letter-spacing: 1.25px;
         text-transform: uppercase;
-        font-family: var(--font-family-system);
+        font-family: var(--font-family-alfasans);
     }
-.typography__caps_9ra3f.typography__bold_9ra3f {
+.typography__caps_1mt2x.typography__bold_1mt2x {
         font-weight: 700;
     }
-.typography__caps_9ra3f.typography__medium_9ra3f {
+.typography__caps_1mt2x.typography__medium_1mt2x {
         font-weight: 500;
     }
-.typography__tagline_9ra3f {
+.typography__tagline_1mt2x {
         font-size: 12px;
         line-height: 16px;
         font-weight: 400;
         letter-spacing: 1.25px;
         text-transform: uppercase;
-        font-family: var(--font-family-system);
+        font-family: var(--font-family-alfasans);
     }
-.typography__tagline_9ra3f.typography__bold_9ra3f {
+.typography__tagline_1mt2x.typography__bold_1mt2x {
         font-weight: 700;
     }
-.typography__tagline_9ra3f.typography__medium_9ra3f {
+.typography__tagline_1mt2x.typography__medium_1mt2x {
         font-weight: 500;
     }
-.typography__primary-large_9ra3f {
+.typography__primary-large_1mt2x {
             font-size: 18px;
             line-height: 24px;
             font-weight: 400;
-            font-family: var(--font-family-system);
+            letter-spacing: -0.36px;
+            font-family: var(--font-family-alfasans);
         }
-.typography__primary-large_9ra3f.typography__bold_9ra3f {
+.typography__primary-large_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.38px;
         }
-.typography__primary-large_9ra3f.typography__medium_9ra3f {
+.typography__primary-large_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: -0.17px;
         }
-.typography__primary-medium_9ra3f {
+.typography__primary-medium_1mt2x {
             font-size: 16px;
             line-height: 24px;
             font-weight: 400;
-            font-family: var(--font-family-system);
+            letter-spacing: -0.24px;
+            font-family: var(--font-family-alfasans);
         }
-.typography__primary-medium_9ra3f.typography__bold_9ra3f {
+.typography__primary-medium_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.43px;
         }
-.typography__primary-medium_9ra3f.typography__medium_9ra3f {
+.typography__primary-medium_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: -0.05px;
         }
-.typography__primary-small_9ra3f {
+.typography__primary-small_1mt2x {
             font-size: 14px;
             line-height: 20px;
             font-weight: 400;
-            font-family: var(--font-family-system);
+            letter-spacing: -0.08px;
+            font-family: var(--font-family-alfasans);
         }
-.typography__primary-small_9ra3f.typography__bold_9ra3f {
+.typography__primary-small_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.47px;
         }
-.typography__primary-small_9ra3f.typography__medium_9ra3f {
+.typography__primary-small_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: 0.07px;
         }
-.typography__component-primary_9ra3f {
+.typography__component-primary_1mt2x {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.24px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__component-primary_9ra3f.typography__bold_9ra3f {
+.typography__component-primary_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.43px;
         }
-.typography__component-primary_9ra3f.typography__medium_9ra3f {
+.typography__component-primary_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: -0.05px;
         }
-.typography__secondary-large_9ra3f {
+.typography__secondary-large_1mt2x {
             font-size: 13px;
             line-height: 16px;
             font-weight: 400;
-            font-family: var(--font-family-system);
+            font-family: var(--font-family-alfasans);
         }
-.typography__secondary-large_9ra3f.typography__bold_9ra3f {
+.typography__secondary-large_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.54px;
         }
-.typography__secondary-large_9ra3f.typography__medium_9ra3f {
+.typography__secondary-large_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: 0.13px;
         }
-.typography__secondary-medium_9ra3f {
+.typography__secondary-medium_1mt2x {
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.06px;
+            font-family: var(--font-family-alfasans);
         }
-.typography__secondary-medium_9ra3f.typography__bold_9ra3f {
+.typography__secondary-medium_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.57px;
         }
-.typography__secondary-medium_9ra3f.typography__medium_9ra3f {
+.typography__secondary-medium_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: 0.19px;
         }
-.typography__secondary-small_9ra3f {
+.typography__secondary-small_1mt2x {
             font-size: 11px;
             line-height: 16px;
             font-weight: 400;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.15px;
+            font-family: var(--font-family-alfasans);
         }
-.typography__secondary-small_9ra3f.typography__bold_9ra3f {
+.typography__secondary-small_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.54px;
         }
-.typography__secondary-small_9ra3f.typography__medium_9ra3f {
+.typography__secondary-small_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: 0.24px;
         }
-.typography__component-secondary_9ra3f {
+.typography__component-secondary_1mt2x {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.08px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__component-secondary_9ra3f.typography__bold_9ra3f {
+.typography__component-secondary_1mt2x.typography__bold_1mt2x {
             font-weight: 700;
+            letter-spacing: 0.47px;
         }
-.typography__component-secondary_9ra3f.typography__medium_9ra3f {
+.typography__component-secondary_1mt2x.typography__medium_1mt2x {
             font-weight: 500;
+            letter-spacing: 0.07px;
         }
-.typography__rowLimit1_9ra3f {
+.typography__rowLimit1_1mt2x {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.typography__rowLimit2_9ra3f {
+.typography__rowLimit2_1mt2x {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.typography__rowLimit3_9ra3f {
+.typography__rowLimit3_1mt2x {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.typography__monospace_9ra3f {
+.typography__monospace_1mt2x {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }

package/text/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"transparent":"typography__transparent_9ra3f","paragraph":"typography__paragraph_9ra3f","paragraphWithMargins":"typography__paragraphWithMargins_9ra3f","component":"typography__component_9ra3f","bold":"typography__bold_9ra3f","medium":"typography__medium_9ra3f","caps":"typography__caps_9ra3f","tagline":"typography__tagline_9ra3f","primary-large":"typography__primary-large_9ra3f","primary-medium":"typography__primary-medium_9ra3f","primary-small":"typography__primary-small_9ra3f","component-primary":"typography__component-primary_9ra3f","secondary-large":"typography__secondary-large_9ra3f","secondary-medium":"typography__secondary-medium_9ra3f","secondary-small":"typography__secondary-small_9ra3f","component-secondary":"typography__component-secondary_9ra3f","rowLimit1":"typography__rowLimit1_9ra3f","rowLimit2":"typography__rowLimit2_9ra3f","rowLimit3":"typography__rowLimit3_9ra3f","monospace":"typography__monospace_9ra3f"};
+var styles = {"transparent":"typography__transparent_1mt2x","paragraph":"typography__paragraph_1mt2x","paragraphWithMargins":"typography__paragraphWithMargins_1mt2x","component":"typography__component_1mt2x","bold":"typography__bold_1mt2x","medium":"typography__medium_1mt2x","caps":"typography__caps_1mt2x","tagline":"typography__tagline_1mt2x","primary-large":"typography__primary-large_1mt2x","primary-medium":"typography__primary-medium_1mt2x","primary-small":"typography__primary-small_1mt2x","component-primary":"typography__component-primary_1mt2x","secondary-large":"typography__secondary-large_1mt2x","secondary-medium":"typography__secondary-medium_1mt2x","secondary-small":"typography__secondary-small_1mt2x","component-secondary":"typography__component-secondary_1mt2x","rowLimit1":"typography__rowLimit1_1mt2x","rowLimit2":"typography__rowLimit2_1mt2x","rowLimit3":"typography__rowLimit3_1mt2x","monospace":"typography__monospace_1mt2x"};
 
 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/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@each $view in component, caps, tagline {\n    .$(view) {\n        @mixin paragraph_$(view);\n    }\n\n    .$(view).bold {\n        @subtract-mixin accent_$(view), paragraph_$(view);\n    }\n\n    .$(view).medium {\n        @subtract-mixin action_$(view), paragraph_$(view);\n    }\n}\n\n@each $kind in primary, secondary {\n    @each $size in large, medium, small {\n        .$(kind)-$(size) {\n            /* prettier-ignore */\n            @mixin paragraph_$(kind)_$(size);\n        }\n\n        .$(kind)-$(size).bold {\n            @subtract-mixin accent_$(kind)_$(size), paragraph_$(kind)_$(size);\n        }\n\n        .$(kind)-$(size).medium {\n            @subtract-mixin action_$(kind)_$(size), paragraph_$(kind)_$(size);\n        }\n    }\n\n    .component-$(kind) {\n        @mixin paragraph_component_$(kind);\n\n        &.bold {\n            @subtract-mixin accent_component_$(kind), paragraph_component_$(kind);\n        }\n\n        &.medium {\n            @subtract-mixin action_component_$(kind), paragraph_component_$(kind);\n        }\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\n.monospace {\n    font-variant-numeric: tabular-nums;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC,WAAW,CAAC,6BAA6B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,WAAW,CAAC,6BAA6B,CAAC,MAAM,CAAC,wBAAwB,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,SAAS,CAAC,2BAA2B,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,qBAAqB,CAAC,uCAAuC,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/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@each $view in component, caps, tagline {\n    .$(view) {\n        @mixin paragraph_$(view);\n    }\n\n    .$(view).bold {\n        @subtract-mixin accent_$(view), paragraph_$(view);\n    }\n\n    .$(view).medium {\n        @subtract-mixin action_$(view), paragraph_$(view);\n    }\n}\n\n@each $kind in primary, secondary {\n    @each $size in large, medium, small {\n        .$(kind)-$(size) {\n            /* prettier-ignore */\n            @mixin paragraph_$(kind)_$(size);\n        }\n\n        .$(kind)-$(size).bold {\n            @subtract-mixin accent_$(kind)_$(size), paragraph_$(kind)_$(size);\n        }\n\n        .$(kind)-$(size).medium {\n            @subtract-mixin action_$(kind)_$(size), paragraph_$(kind)_$(size);\n        }\n    }\n\n    .component-$(kind) {\n        @mixin paragraph_component_$(kind);\n\n        &.bold {\n            @subtract-mixin accent_component_$(kind), paragraph_component_$(kind);\n        }\n\n        &.medium {\n            @subtract-mixin action_component_$(kind), paragraph_component_$(kind);\n        }\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\n.monospace {\n    font-variant-numeric: tabular-nums;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,aAAa,CAAC,+BAA+B,CAAC,WAAW,CAAC,6BAA6B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,WAAW,CAAC,6BAA6B,CAAC,MAAM,CAAC,wBAAwB,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,SAAS,CAAC,2BAA2B,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}