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

package/esm/title/index.css

@@ -10,143 +10,132 @@
     --gap-48: var(--gap-4xl);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
-    --font-family-styrene:
-        'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.typography__xlarge_1b3u8 {
+.typography__xlarge_eq9mm {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.1px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__xlarge_1b3u8.typography__font_1b3u8 {
+.typography__xlarge_eq9mm.typography__font_eq9mm {
             line-height: 64px;
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
-.typography__regular-xlarge_1b3u8 {
+.typography__regular-xlarge_eq9mm {
         font-size: 48px;
         line-height: 52px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -2.1px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__regular-xlarge_1b3u8.typography__font_1b3u8 {
+.typography__regular-xlarge_eq9mm.typography__font_eq9mm {
             line-height: 64px;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
         }
-.typography__large_1b3u8 {
+.typography__large_eq9mm {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.1px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__large_1b3u8.typography__font_1b3u8 {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__large_eq9mm.typography__font_eq9mm {
         }
-.typography__regular-large_1b3u8 {
+.typography__regular-large_eq9mm {
         font-size: 40px;
         line-height: 48px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -1.7px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__regular-large_1b3u8.typography__font_1b3u8 {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__regular-large_eq9mm.typography__font_eq9mm {
         }
-.typography__medium_1b3u8 {
+.typography__medium_eq9mm {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.1px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__medium_1b3u8.typography__font_1b3u8 {
+.typography__medium_eq9mm.typography__font_eq9mm {
             font-size: 32px;
             line-height: 40px;
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+            letter-spacing: 0.3px;
         }
-.typography__regular-medium_1b3u8 {
+.typography__regular-medium_eq9mm {
         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);
     }
-.typography__regular-medium_1b3u8.typography__font_1b3u8 {
+.typography__regular-medium_eq9mm.typography__font_eq9mm {
             font-size: 32px;
             line-height: 40px;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+            letter-spacing: -1.36px;
         }
-.typography__small_1b3u8 {
+.typography__small_eq9mm {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__small_1b3u8.typography__font_1b3u8 {
+.typography__small_eq9mm.typography__font_eq9mm {
             font-size: 24px;
             line-height: 32px;
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+            letter-spacing: 0.39px;
         }
-.typography__regular-small_1b3u8 {
+.typography__regular-small_eq9mm {
         font-size: 22px;
         line-height: 26px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.8px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__regular-small_1b3u8.typography__font_1b3u8 {
+.typography__regular-small_eq9mm.typography__font_eq9mm {
             font-size: 24px;
             line-height: 32px;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+            letter-spacing: -0.9px;
         }
-.typography__xsmall_1b3u8 {
+.typography__xsmall_eq9mm {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.38px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__xsmall_1b3u8.typography__font_1b3u8 {
+.typography__xsmall_eq9mm.typography__font_eq9mm {
             font-size: 20px;
             line-height: 24px;
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+            letter-spacing: 0.33px;
         }
-.typography__regular-xsmall_1b3u8 {
+.typography__regular-xsmall_eq9mm {
         font-size: 18px;
         line-height: 22px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.36px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__regular-xsmall_1b3u8.typography__font_1b3u8 {
+.typography__regular-xsmall_eq9mm.typography__font_eq9mm {
             font-size: 20px;
             line-height: 24px;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+            letter-spacing: -0.68px;
         }
-.typography__component_1b3u8.typography__margins-xlarge_1b3u8 {
+.typography__component_eq9mm.typography__margins-xlarge_eq9mm {
         margin: var(--gap-0) var(--gap-0) var(--gap-24);
     }
-.typography__component_1b3u8.typography__margins-large_1b3u8 {
+.typography__component_eq9mm.typography__margins-large_eq9mm {
         margin: var(--gap-48) var(--gap-0) var(--gap-24);
     }
-.typography__component_1b3u8.typography__margins-medium_1b3u8 {
+.typography__component_eq9mm.typography__margins-medium_eq9mm {
         margin: var(--gap-48) var(--gap-0) var(--gap-24);
     }
-.typography__component_1b3u8.typography__margins-small_1b3u8 {
+.typography__component_eq9mm.typography__margins-small_eq9mm {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }
-.typography__component_1b3u8.typography__margins-xsmall_1b3u8 {
+.typography__component_eq9mm.typography__margins-xsmall_eq9mm {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }

package/esm/title/index.d.ts

@@ -1,22 +1,22 @@
 import React from 'react';
 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;
-    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);
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 export { Title };
 export type { TitleProps };

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"xlarge":"typography__xlarge_1b3u8","font":"typography__font_1b3u8","regular-xlarge":"typography__regular-xlarge_1b3u8","large":"typography__large_1b3u8","regular-large":"typography__regular-large_1b3u8","medium":"typography__medium_1b3u8","regular-medium":"typography__regular-medium_1b3u8","small":"typography__small_1b3u8","regular-small":"typography__regular-small_1b3u8","xsmall":"typography__xsmall_1b3u8","regular-xsmall":"typography__regular-xsmall_1b3u8","component":"typography__component_1b3u8","margins-xlarge":"typography__margins-xlarge_1b3u8","margins-large":"typography__margins-large_1b3u8","margins-medium":"typography__margins-medium_1b3u8","margins-small":"typography__margins-small_1b3u8","margins-xsmall":"typography__margins-xsmall_1b3u8"};
+var styles = {"xlarge":"typography__xlarge_eq9mm","font":"typography__font_eq9mm","regular-xlarge":"typography__regular-xlarge_eq9mm","large":"typography__large_eq9mm","regular-large":"typography__regular-large_eq9mm","medium":"typography__medium_eq9mm","regular-medium":"typography__regular-medium_eq9mm","small":"typography__small_eq9mm","regular-small":"typography__regular-small_eq9mm","xsmall":"typography__xsmall_eq9mm","regular-xsmall":"typography__regular-xsmall_eq9mm","component":"typography__component_eq9mm","margins-xlarge":"typography__margins-xlarge_eq9mm","margins-large":"typography__margins-large_eq9mm","margins-medium":"typography__margins-medium_eq9mm","margins-small":"typography__margins-small_eq9mm","margins-xsmall":"typography__margins-xsmall_eq9mm"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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/no-typography-index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n    .$(view) {\n        @mixin headline-system_$(view);\n\n        &.font {\n            @subtract-mixin headline_$(view), headline-system_$(view);\n        }\n    }\n\n    .regular-$(view) {\n        @mixin promo-system_$(view);\n\n        &.font {\n            @subtract-mixin promo_$(view), promo-system_$(view);\n        }\n    }\n}\n\n.component {\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}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,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/index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n    .$(view) {\n        @mixin headline-system_$(view);\n\n        &.font {\n            @subtract-mixin headline_$(view), headline-system_$(view);\n        }\n    }\n\n    .regular-$(view) {\n        @mixin promo-system_$(view);\n\n        &.font {\n            @subtract-mixin promo_$(view), promo-system_$(view);\n        }\n    }\n}\n\n.component {\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}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}

package/esm/title/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/title/utils.ts"],"sourcesContent":["export function getDefaultWeight(\n    font: 'styrene' | 'system' | 'alfasans',\n    platform: 'mobile' | 'desktop',\n) {\n    if (font === 'styrene' || font === 'alfasans') {\n        return 'medium';\n    }\n\n    if (platform === 'desktop') {\n        return 'bold';\n    }\n\n    return 'semibold';\n}\n"],"names":[],"mappings":"AAAgB,SAAA,gBAAgB,CAC5B,IAAuC,EACvC,QAA8B,EAAA;AAE9B,IAAA,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;AAC3C,QAAA,OAAO,QAAQ;AAClB;IAED,IAAI,QAAQ,KAAK,SAAS,EAAE;AACxB,QAAA,OAAO,MAAM;AAChB;AAED,IAAA,OAAO,UAAU;AACrB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../src/title/utils.ts"],"sourcesContent":["export function getDefaultWeight(\n    font: 'styrene' | 'system' | 'alfasans',\n    platform: 'mobile' | 'desktop',\n) {\n    if (font === 'styrene' || font === 'alfasans') {\n        return 'medium';\n    }\n\n    if (platform === 'desktop') {\n        return 'bold';\n    }\n\n    return 'semibold';\n}\n"],"names":[],"mappings":"AAAgB,SAAA,gBAAgB,CAC5B,IAAuC,EACvC,QAA8B,EAAA;IAE9B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;AAC3C,QAAA,OAAO,QAAQ;;AAGnB,IAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AACxB,QAAA,OAAO,MAAM;;AAGjB,IAAA,OAAO,UAAU;AACrB;;;;"}

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

@@ -1,19 +1,19 @@
 import React from 'react';
 export declare const TitleMobile: 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);
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;

package/esm/title-mobile/index.css

@@ -8,129 +8,112 @@
     --gap-40: var(--gap-3xl);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
-    --font-family-styrene:
-        'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.typography__xlarge_28dno {
+.typography__xlarge_fn50s {
         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);
     }
-.typography__xlarge_28dno.typography__font_28dno {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__xlarge_fn50s.typography__font_fn50s {
         }
-.typography__regular-xlarge_28dno {
+.typography__regular-xlarge_fn50s {
         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);
     }
-.typography__regular-xlarge_28dno.typography__system_28dno {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__regular-xlarge_fn50s.typography__system_fn50s {
         }
-.typography__large_28dno {
+.typography__large_fn50s {
         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);
     }
-.typography__large_28dno.typography__font_28dno {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__large_fn50s.typography__font_fn50s {
         }
-.typography__regular-large_28dno {
+.typography__regular-large_fn50s {
         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);
     }
-.typography__regular-large_28dno.typography__system_28dno {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__regular-large_fn50s.typography__system_fn50s {
         }
-.typography__medium_28dno {
+.typography__medium_fn50s {
         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);
     }
-.typography__medium_28dno.typography__font_28dno {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__medium_fn50s.typography__font_fn50s {
         }
-.typography__regular-medium_28dno {
+.typography__regular-medium_fn50s {
         font-size: 26px;
         line-height: 32px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -1px;
+        font-family: var(--font-family-alfasans);
     }
-.typography__regular-medium_28dno.typography__system_28dno {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__regular-medium_fn50s.typography__system_fn50s {
         }
-.typography__small_28dno {
+.typography__small_fn50s {
         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);
     }
-.typography__small_28dno.typography__font_28dno {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__small_fn50s.typography__font_fn50s {
         }
-.typography__regular-small_28dno {
+.typography__regular-small_fn50s {
         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);
     }
-.typography__regular-small_28dno.typography__system_28dno {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__regular-small_fn50s.typography__system_fn50s {
         }
-.typography__xsmall_28dno {
+.typography__xsmall_fn50s {
         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);
     }
-.typography__xsmall_28dno.typography__font_28dno {
-            font-weight: 500;
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__xsmall_fn50s.typography__font_fn50s {
         }
-.typography__regular-xsmall_28dno {
+.typography__regular-xsmall_fn50s {
         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__regular-xsmall_28dno.typography__system_28dno {
-            font-feature-settings: 'ss01';
-            font-family: var(--font-family-styrene);
+.typography__regular-xsmall_fn50s.typography__system_fn50s {
         }
-.typography__component_28dno.typography__margins-xlarge_28dno {
+.typography__component_fn50s.typography__margins-xlarge_fn50s {
         margin: var(--gap-0) var(--gap-0) var(--gap-24);
     }
-.typography__component_28dno.typography__margins-large_28dno {
+.typography__component_fn50s.typography__margins-large_fn50s {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }
-.typography__component_28dno.typography__margins-medium_28dno {
+.typography__component_fn50s.typography__margins-medium_fn50s {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }
-.typography__component_28dno.typography__margins-small_28dno {
+.typography__component_fn50s.typography__margins-small_fn50s {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }
-.typography__component_28dno .typography__margins-xsmall_28dno {
+.typography__component_fn50s .typography__margins-xsmall_fn50s {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"xlarge":"typography__xlarge_28dno","font":"typography__font_28dno","regular-xlarge":"typography__regular-xlarge_28dno","system":"typography__system_28dno","large":"typography__large_28dno","regular-large":"typography__regular-large_28dno","medium":"typography__medium_28dno","regular-medium":"typography__regular-medium_28dno","small":"typography__small_28dno","regular-small":"typography__regular-small_28dno","xsmall":"typography__xsmall_28dno","regular-xsmall":"typography__regular-xsmall_28dno","component":"typography__component_28dno","margins-xlarge":"typography__margins-xlarge_28dno","margins-large":"typography__margins-large_28dno","margins-medium":"typography__margins-medium_28dno","margins-small":"typography__margins-small_28dno","margins-xsmall":"typography__margins-xsmall_28dno"};
+var styles = {"xlarge":"typography__xlarge_fn50s","font":"typography__font_fn50s","regular-xlarge":"typography__regular-xlarge_fn50s","system":"typography__system_fn50s","large":"typography__large_fn50s","regular-large":"typography__regular-large_fn50s","medium":"typography__medium_fn50s","regular-medium":"typography__regular-medium_fn50s","small":"typography__small_fn50s","regular-small":"typography__regular-small_fn50s","xsmall":"typography__xsmall_fn50s","regular-xsmall":"typography__regular-xsmall_fn50s","component":"typography__component_fn50s","margins-xlarge":"typography__margins-xlarge_fn50s","margins-large":"typography__margins-large_fn50s","margins-medium":"typography__margins-medium_fn50s","margins-small":"typography__margins-small_fn50s","margins-xsmall":"typography__margins-xsmall_fn50s"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/title-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n    .$(view) {\n        @mixin headline-system-mobile_$(view);\n\n        &.font {\n            @subtract-mixin headline-mobile_$(view), headline-system-mobile_$(view);\n        }\n    }\n\n    .regular-$(view) {\n        @mixin promo-system-mobile_$(view);\n\n        &.system {\n            @subtract-mixin promo-mobile_$(view), promo-system-mobile_$(view);\n        }\n    }\n}\n\n.component {\n    &.margins-xlarge {\n        @mixin margin-large;\n    }\n\n    &.margins-large {\n        @mixin margin-small;\n    }\n\n    &.margins-medium {\n        @mixin margin-small;\n    }\n\n    &.margins-small {\n        @mixin margin-small;\n    }\n\n    & .margins-xsmall {\n        @mixin margin-small;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,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-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../margins.module.css';\n\n@each $view in xlarge, large, medium, small, xsmall {\n    .$(view) {\n        @mixin headline-system-mobile_$(view);\n\n        &.font {\n            @subtract-mixin headline-mobile_$(view), headline-system-mobile_$(view);\n        }\n    }\n\n    .regular-$(view) {\n        @mixin promo-system-mobile_$(view);\n\n        &.system {\n            @subtract-mixin promo-mobile_$(view), promo-system-mobile_$(view);\n        }\n    }\n}\n\n.component {\n    &.margins-xlarge {\n        @mixin margin-large;\n    }\n\n    &.margins-large {\n        @mixin margin-small;\n    }\n\n    &.margins-medium {\n        @mixin margin-small;\n    }\n\n    &.margins-small {\n        @mixin margin-small;\n    }\n\n    & .margins-xsmall {\n        @mixin margin-small;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,iCAAiC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,WAAW,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}

package/esm/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/esm/types.d.ts

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