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

package/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/title-mobile/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./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"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

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