@alfalab/core-components-typography 5.0.1 → 5.0.2

package/esm/colors.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.module.css.js","sources":["src/colors.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n/* colors */\n\n.tertiary {\n    color: var(--color-light-text-tertiary);\n}\n\n.disabled {\n    color: var(--color-light-text-quaternary);\n}\n\n.accent {\n    color: var(--color-light-accent-primary);\n}\n\n.primary {\n    color: var(--color-light-text-primary);\n}\n\n.attention {\n    color: var(--color-light-text-attention);\n}\n\n.positive {\n    color: var(--color-light-text-positive);\n}\n\n.secondary {\n    color: var(--color-light-text-secondary);\n}\n\n.tertiary-inverted {\n    color: var(--color-light-text-tertiary-inverted);\n}\n\n.primary-inverted {\n    color: var(--color-light-text-primary-inverted);\n}\n\n.secondary-inverted {\n    color: var(--color-light-text-secondary-inverted);\n}\n\n.link {\n    color: var(--color-light-text-info);\n}\n\n.negative {\n    color: var(--color-light-text-negative);\n}\n\n.static-primary-light {\n    color: var(--color-static-text-primary-light);\n}\n\n.static-secondary-light {\n    color: var(--color-static-text-secondary-light);\n}\n\n.static-tertiary-light {\n    color: var(--color-static-text-tertiary-light);\n}\n\n.static-primary-dark {\n    color: var(--color-static-text-primary-dark);\n}\n\n.static-secondary-dark {\n    color: var(--color-static-text-secondary-dark);\n}\n\n.static-tertiary-dark {\n    color: var(--color-static-text-tertiary-dark);\n}\n\n.static-accent {\n    color: var(--color-static-accent-primary);\n}\n\n.static-positive {\n    color: var(--color-static-text-positive);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,UAAU,CAAC,4BAA4B,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,UAAU,CAAC,4BAA4B,CAAC,WAAW,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,oBAAoB,CAAC,sCAAsC,CAAC,MAAM,CAAC,wBAAwB,CAAC,UAAU,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,wBAAwB,CAAC,0CAA0C,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,eAAe,CAAC,iCAAiC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC;;;;"}
+{"version":3,"file":"colors.module.css.js","sources":["src/colors.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n/* colors */\n\n.tertiary {\n    color: var(--color-light-text-tertiary);\n}\n\n.disabled {\n    color: var(--color-light-text-quaternary);\n}\n\n.accent {\n    color: var(--color-light-accent-primary);\n}\n\n.primary {\n    color: var(--color-light-text-primary);\n}\n\n.attention {\n    color: var(--color-light-text-attention);\n}\n\n.positive {\n    color: var(--color-light-text-positive);\n}\n\n.secondary {\n    color: var(--color-light-text-secondary);\n}\n\n.tertiary-inverted {\n    color: var(--color-light-text-tertiary-inverted);\n}\n\n.primary-inverted {\n    color: var(--color-light-text-primary-inverted);\n}\n\n.secondary-inverted {\n    color: var(--color-light-text-secondary-inverted);\n}\n\n.link {\n    color: var(--color-light-text-info);\n}\n\n.negative {\n    color: var(--color-light-text-negative);\n}\n\n.static-primary-light {\n    color: var(--color-static-text-primary-light);\n}\n\n.static-secondary-light {\n    color: var(--color-static-text-secondary-light);\n}\n\n.static-tertiary-light {\n    color: var(--color-static-text-tertiary-light);\n}\n\n.static-primary-dark {\n    color: var(--color-static-text-primary-dark);\n}\n\n.static-secondary-dark {\n    color: var(--color-static-text-secondary-dark);\n}\n\n.static-tertiary-dark {\n    color: var(--color-static-text-tertiary-dark);\n}\n\n.static-accent {\n    color: var(--color-static-accent-primary);\n}\n\n.static-positive {\n    color: var(--color-static-text-positive);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,UAAU,CAAC,4BAA4B,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC,WAAW,CAAC,6BAA6B,CAAC,UAAU,CAAC,4BAA4B,CAAC,WAAW,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,oBAAoB,CAAC,sCAAsC,CAAC,MAAM,CAAC,wBAAwB,CAAC,UAAU,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,wBAAwB,CAAC,0CAA0C,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,sBAAsB,CAAC,wCAAwC,CAAC,eAAe,CAAC,iCAAiC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC;;;;"}

package/esm/component.d.ts

@@ -1,9 +1,9 @@
-import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { Text, TextProps } from './text';
-import { Title, TitleProps } from './title';
-import { TitleMobile, TitleMobileProps } from './title-mobile';
-import { TitleResponsive, TitleResponsiveProps } from './title-responsive';
-import { TextElementType } from './types';
+import { type FC, type ForwardRefExoticComponent, type RefAttributes } from 'react';
+import { Text, type TextProps } from './text';
+import { Title, type TitleProps } from './title';
+import { TitleMobile, type TitleMobileProps } from './title-mobile';
+import { TitleResponsive, type TitleResponsiveProps } from './title-responsive';
+import { type TextElementType } from './types';
 export declare const Typography: {
     Title: FC<TitleProps>;
     Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;

package/esm/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { Text, TextProps } from './text';\nimport { Title, TitleProps } from './title';\nimport { TitleMobile, TitleMobileProps } from './title-mobile';\nimport { TitleResponsive, TitleResponsiveProps } from './title-responsive';\nimport { TextElementType } from './types';\n\nexport const Typography: {\n    Title: FC<TitleProps>;\n    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;\n    TitleResponsive: FC<TitleResponsiveProps>;\n    TitleMobile: FC<TitleMobileProps>;\n} = {\n    Title,\n    Text,\n    TitleResponsive,\n    TitleMobile,\n};\n\nexport { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };\n"],"names":[],"mappings":";;;;;AAQa,IAAA,UAAU,GAKnB;AACA,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,IAAI,EAAA,IAAA;AACJ,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,WAAW,EAAA,WAAA;;;;;"}
+{"version":3,"file":"component.js","sources":["../src/component.ts"],"sourcesContent":["import { type FC, type ForwardRefExoticComponent, type RefAttributes } from 'react';\n\nimport { Text, type TextProps } from './text';\nimport { Title, type TitleProps } from './title';\nimport { TitleMobile, type TitleMobileProps } from './title-mobile';\nimport { TitleResponsive, type TitleResponsiveProps } from './title-responsive';\nimport { type TextElementType } from './types';\n\nexport const Typography: {\n    Title: FC<TitleProps>;\n    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;\n    TitleResponsive: FC<TitleResponsiveProps>;\n    TitleMobile: FC<TitleMobileProps>;\n} = {\n    Title,\n    Text,\n    TitleResponsive,\n    TitleMobile,\n};\n\nexport { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };\n"],"names":[],"mappings":";;;;;AAQa,IAAA,UAAU,GAKnB;AACA,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,IAAI,EAAA,IAAA;AACJ,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,WAAW,EAAA,WAAA;;;;;"}

package/esm/text/alfasans-index.css

@@ -1,108 +1,109 @@
 :root {
-    --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
-} .typography__text_1mgeg.typography__component_1mgeg {
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
+} .typography__text_4sc5p.typography__component_4sc5p {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             letter-spacing: -0.24px;
             font-family: var(--font-family-alfasans);
-        } .typography__text_1mgeg.typography__caps_1mgeg {
+        } .typography__text_4sc5p.typography__caps_4sc5p {
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             letter-spacing: 1.25px;
             text-transform: uppercase;
             font-family: var(--font-family-alfasans);
-        } .typography__text_1mgeg.typography__tagline_1mgeg {
+        } .typography__text_4sc5p.typography__tagline_4sc5p {
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             letter-spacing: 1.25px;
             text-transform: uppercase;
             font-family: var(--font-family-alfasans);
-        } .typography__text_1mgeg.typography__primary-large_1mgeg {
+        } .typography__text_4sc5p.typography__primary-large_4sc5p {
                 font-size: 18px;
                 line-height: 24px;
                 font-weight: 400;
                 letter-spacing: -0.36px;
-                font-family: var(--font-family-alfasans)
-            } .typography__text_1mgeg.typography__primary-large_1mgeg.typography__bold_1mgeg {
+                font-family: var(--font-family-alfasans);
+            } -large.typography__text_4sc5p.typography__primary_4sc5p.typography__bold_4sc5p {
                     letter-spacing: 0.38px;
-                } .typography__text_1mgeg.typography__primary-large_1mgeg.typography__medium_1mgeg {
+                } -large.typography__text_4sc5p.typography__primary_4sc5p.typography__medium_4sc5p {
                     letter-spacing: 0.17px;
-                } .typography__text_1mgeg.typography__primary-medium_1mgeg {
+                } .typography__text_4sc5p.typography__primary-medium_4sc5p {
                 font-size: 16px;
                 line-height: 24px;
                 font-weight: 400;
                 letter-spacing: -0.24px;
-                font-family: var(--font-family-alfasans)
-            } .typography__text_1mgeg.typography__primary-medium_1mgeg.typography__bold_1mgeg {
+                font-family: var(--font-family-alfasans);
+            } -medium.typography__text_4sc5p.typography__primary_4sc5p.typography__bold_4sc5p {
                     letter-spacing: 0.43px;
-                } .typography__text_1mgeg.typography__primary-medium_1mgeg.typography__medium_1mgeg {
+                } -medium.typography__text_4sc5p.typography__primary_4sc5p.typography__medium_4sc5p {
                     letter-spacing: 0.17px;
-                } .typography__text_1mgeg.typography__primary-small_1mgeg {
+                } .typography__text_4sc5p.typography__primary-small_4sc5p {
                 font-size: 14px;
                 line-height: 20px;
                 font-weight: 400;
                 letter-spacing: -0.08px;
-                font-family: var(--font-family-alfasans)
-            } .typography__text_1mgeg.typography__primary-small_1mgeg.typography__bold_1mgeg {
+                font-family: var(--font-family-alfasans);
+            } -small.typography__text_4sc5p.typography__primary_4sc5p.typography__bold_4sc5p {
                     letter-spacing: 0.47px;
-                } .typography__text_1mgeg.typography__primary-small_1mgeg.typography__medium_1mgeg {
+                } -small.typography__text_4sc5p.typography__primary_4sc5p.typography__medium_4sc5p {
                     letter-spacing: 0.27px;
-                } .typography__text_1mgeg.typography__component-primary_1mgeg {
+                } .typography__text_4sc5p.typography__component-primary_4sc5p {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             letter-spacing: -0.24px;
-            font-family: var(--font-family-alfasans)
-        } .typography__text_1mgeg.typography__component-primary_1mgeg.typography__bold_1mgeg {
+            font-family: var(--font-family-alfasans);
+        } .typography__text_4sc5p.typography__component-primary_4sc5p.typography__bold_4sc5p {
                 letter-spacing: 0.43px;
-            } .typography__text_1mgeg.typography__component-primary_1mgeg.typography__medium_1mgeg {
+            } .typography__text_4sc5p.typography__component-primary_4sc5p.typography__medium_4sc5p {
                 letter-spacing: 0.17px;
-            } .typography__text_1mgeg.typography__secondary-large_1mgeg {
+            } .typography__text_4sc5p.typography__secondary-large_4sc5p {
                 font-size: 13px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0;
-                font-family: var(--font-family-alfasans)
-            } .typography__text_1mgeg.typography__secondary-large_1mgeg.typography__bold_1mgeg {
+                font-family: var(--font-family-alfasans);
+            } -large.typography__text_4sc5p.typography__secondary_4sc5p.typography__bold_4sc5p {
                     letter-spacing: 0.54px;
-                } .typography__text_1mgeg.typography__secondary-large_1mgeg.typography__medium_1mgeg {
+                } -large.typography__text_4sc5p.typography__secondary_4sc5p.typography__medium_4sc5p {
                     letter-spacing: 0.33px;
-                } .typography__text_1mgeg.typography__secondary-medium_1mgeg {
+                } .typography__text_4sc5p.typography__secondary-medium_4sc5p {
                 font-size: 12px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0.06px;
-                font-family: var(--font-family-alfasans)
-            } .typography__text_1mgeg.typography__secondary-medium_1mgeg.typography__bold_1mgeg {
+                font-family: var(--font-family-alfasans);
+            } -medium.typography__text_4sc5p.typography__secondary_4sc5p.typography__bold_4sc5p {
                     letter-spacing: 0.57px;
-                } .typography__text_1mgeg.typography__secondary-medium_1mgeg.typography__medium_1mgeg {
+                } -medium.typography__text_4sc5p.typography__secondary_4sc5p.typography__medium_4sc5p {
                     letter-spacing: 0.38px;
-                } .typography__text_1mgeg.typography__secondary-small_1mgeg {
+                } .typography__text_4sc5p.typography__secondary-small_4sc5p {
                 font-size: 11px;
                 line-height: 16px;
                 font-weight: 400;
                 letter-spacing: 0.15px;
-                font-family: var(--font-family-alfasans)
-            } .typography__text_1mgeg.typography__secondary-small_1mgeg.typography__bold_1mgeg {
+                font-family: var(--font-family-alfasans);
+            } -small.typography__text_4sc5p.typography__secondary_4sc5p.typography__bold_4sc5p {
                     letter-spacing: 0.54px;
-                } .typography__text_1mgeg.typography__secondary-small_1mgeg.typography__medium_1mgeg {
+                } -small.typography__text_4sc5p.typography__secondary_4sc5p.typography__medium_4sc5p {
                     letter-spacing: 0.41px;
-                } .typography__text_1mgeg.typography__component-secondary_1mgeg {
+                } .typography__text_4sc5p.typography__component-secondary_4sc5p {
             font-size: 14px;
             line-height: 18px;
             font-weight: 400;
             letter-spacing: -0.08px;
-            font-family: var(--font-family-alfasans)
-        } .typography__text_1mgeg.typography__component-secondary_1mgeg.typography__bold_1mgeg {
+            font-family: var(--font-family-alfasans);
+        } .typography__text_4sc5p.typography__component-secondary_4sc5p.typography__bold_4sc5p {
                 letter-spacing: 0.47px;
-            } .typography__text_1mgeg.typography__component-secondary_1mgeg.typography__medium_1mgeg {
+            } .typography__text_4sc5p.typography__component-secondary_4sc5p.typography__medium_4sc5p {
                 letter-spacing: 0.27px;
-            } .typography__text_1mgeg.typography__bold_1mgeg {
+            } .typography__text_4sc5p.typography__bold_4sc5p {
             font-weight: 700;
-        } .typography__text_1mgeg.typography__medium_1mgeg {
+        } .typography__text_4sc5p.typography__medium_4sc5p {
             font-weight: 500;
         }

package/esm/text/alfasans-index.module.css.js

@@ -1,6 +1,6 @@
 import './alfasans-index.css';
 
-var alfasansStyles = {"text":"typography__text_1mgeg","component":"typography__component_1mgeg","caps":"typography__caps_1mgeg","tagline":"typography__tagline_1mgeg","primary-large":"typography__primary-large_1mgeg","bold":"typography__bold_1mgeg","medium":"typography__medium_1mgeg","primary-medium":"typography__primary-medium_1mgeg","primary-small":"typography__primary-small_1mgeg","component-primary":"typography__component-primary_1mgeg","secondary-large":"typography__secondary-large_1mgeg","secondary-medium":"typography__secondary-medium_1mgeg","secondary-small":"typography__secondary-small_1mgeg","component-secondary":"typography__component-secondary_1mgeg"};
+var alfasansStyles = {"text":"typography__text_4sc5p","component":"typography__component_4sc5p","caps":"typography__caps_4sc5p","tagline":"typography__tagline_4sc5p","primary-large":"typography__primary-large_4sc5p","primary":"typography__primary_4sc5p","bold":"typography__bold_4sc5p","medium":"typography__medium_4sc5p","primary-medium":"typography__primary-medium_4sc5p","primary-small":"typography__primary-small_4sc5p","component-primary":"typography__component-primary_4sc5p","secondary-large":"typography__secondary-large_4sc5p","secondary":"typography__secondary_4sc5p","secondary-medium":"typography__secondary-medium_4sc5p","secondary-small":"typography__secondary-small_4sc5p","component-secondary":"typography__component-secondary_4sc5p"};
 
 export { alfasansStyles as default };
 //# sourceMappingURL=alfasans-index.module.css.js.map

package/esm/text/alfasans-index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"alfasans-index.module.css.js","sources":["../src/text/alfasans-index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/alfasans-index.css';\n\n@define-mixin bold {\n    font-weight: 700;\n}\n\n@define-mixin medium {\n    font-weight: 500;\n}\n\n.text {\n    @each $view in component, caps, tagline {\n        &.$(view) {\n            @mixin 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                &.bold {\n                    @subtract-mixin accent_$(kind)_$(size), paragraph_$(kind)_$(size), bold;\n                }\n\n                &.medium {\n                    @subtract-mixin action_$(kind)_$(size), paragraph_$(kind)_$(size), medium;\n                }\n            }\n        }\n\n        &.component-$(kind) {\n            @mixin paragraph_component_$(kind);\n\n            &.bold {\n                @subtract-mixin accent_component_$(kind), paragraph_component_$(kind), bold;\n            }\n\n            &.medium {\n                @subtract-mixin action_component_$(kind), paragraph_component_$(kind), medium;\n            }\n        }\n    }\n\n    @each $weight in bold, medium {\n        &.$(weight) {\n            @mixin $(weight);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC,WAAW,CAAC,6BAA6B,CAAC,MAAM,CAAC,wBAAwB,CAAC,SAAS,CAAC,2BAA2B,CAAC,eAAe,CAAC,iCAAiC,CAAC,MAAM,CAAC,wBAAwB,CAAC,QAAQ,CAAC,0BAA0B,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;;;;"}
+{"version":3,"file":"alfasans-index.module.css.js","sources":["../src/text/alfasans-index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/alfasans-index.css';\n\n@define-mixin bold {\n    font-weight: 700;\n}\n\n@define-mixin medium {\n    font-weight: 500;\n}\n\n.text {\n    @each $view in component, caps, tagline {\n        &.$(view) {\n            @mixin 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                &.bold {\n                    @subtract-mixin accent_$(kind)_$(size), paragraph_$(kind)_$(size), bold;\n                }\n\n                &.medium {\n                    @subtract-mixin action_$(kind)_$(size), paragraph_$(kind)_$(size), medium;\n                }\n            }\n        }\n\n        &.component-$(kind) {\n            @mixin paragraph_component_$(kind);\n\n            &.bold {\n                @subtract-mixin accent_component_$(kind), paragraph_component_$(kind), bold;\n            }\n\n            &.medium {\n                @subtract-mixin action_component_$(kind), paragraph_component_$(kind), medium;\n            }\n        }\n    }\n\n    @each $weight in bold, medium {\n        &.$(weight) {\n            @mixin $(weight);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC,WAAW,CAAC,6BAA6B,CAAC,MAAM,CAAC,wBAAwB,CAAC,SAAS,CAAC,2BAA2B,CAAC,eAAe,CAAC,iCAAiC,CAAC,SAAS,CAAC,2BAA2B,CAAC,MAAM,CAAC,wBAAwB,CAAC,QAAQ,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,eAAe,CAAC,iCAAiC,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,WAAW,CAAC,6BAA6B,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,qBAAqB,CAAC,uCAAuC,CAAC;;;;"}

package/esm/text/component.d.ts

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

package/esm/text/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, 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 { Color } from '../colors';\nimport { TextElementType } from '../types';\n\nimport colors from '../colors.module.css';\nimport alfasansStyles from './alfasans-index.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'\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    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\nconst logWarning = (view: Required<TextBaseProps>['view']) => {\n    if (process.env.NODE_ENV !== 'development') {\n        return;\n    }\n\n    const viewsMap: { [key: string]: string } = {\n        component: 'component-primary',\n    };\n\n    // eslint-disable-next-line no-console\n    console.warn(\n        // eslint-disable-next-line prefer-template\n        `@alfalab/core-components/typography: view='${view}' будет удален в следующих мажорных версиях. ` +\n            `Используйте view='${viewsMap[view]}'.`,\n    );\n};\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        if (view === 'component') {\n            logWarning(view);\n        }\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                        [alfasansStyles.text]: font === 'alfasans',\n                    },\n                    className,\n                    color && colors[color],\n                    (font === 'alfasans' ? alfasansStyles : styles)[view],\n                    weight && (font === 'alfasans' ? alfasansStyles : 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":[],"mappings":"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"}
+{"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 alfasansStyles from './alfasans-index.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'\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    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\nconst logWarning = (view: Required<TextBaseProps>['view']) => {\n    if (process.env.NODE_ENV !== 'development') {\n        return;\n    }\n\n    const viewsMap: { [key: string]: string } = {\n        component: 'component-primary',\n    };\n\n    // eslint-disable-next-line no-console\n    console.warn(\n        // eslint-disable-next-line prefer-template\n        `@alfalab/core-components/typography: view='${view}' будет удален в следующих мажорных версиях. ` +\n            `Используйте view='${viewsMap[view]}'.`,\n    );\n};\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        if (view === 'component') {\n            logWarning(view);\n        }\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                        [alfasansStyles.text]: font === 'alfasans',\n                    },\n                    className,\n                    color && colors[color],\n                    (font === 'alfasans' ? alfasansStyles : styles)[view],\n                    weight && (font === 'alfasans' ? alfasansStyles : 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":[],"mappings":"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"}

package/esm/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/esm/text/index.module.css.js

@@ -1,6 +1,6 @@
 import './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"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,6 +1,6 @@
 import './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"};
 
 export { alfasansStyles as default };
 //# sourceMappingURL=alfasans-index.module.css.js.map

package/esm/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/esm/title/common.module.css.js

@@ -1,6 +1,6 @@
 import './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"};
 
 export { commonStyles as default };
 //# sourceMappingURL=common.module.css.js.map

package/esm/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/esm/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/esm';
-import { Color } from '../colors';
+import { type Color } from '../colors';
 declare type NativeProps = HTMLAttributes<HTMLHeadingElement>;
 export declare type TitleProps = Omit<NativeProps, 'color'> & {
     /**

package/esm/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":[],"mappings":";;;;;;;;;IA2Fa,SAAS,GAAG,UAAU,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,mBAAG,gBAAgB,CAAC,QAAQ,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,GAAA,MAAA,CAAA,EAAA,EAfhB,sKAgBC,CADe;AAIV,IAAA,IAAA,EAA8B,GAAA,WAAW,CAAC,YAAY,EAAE,aAAa,CAAC,EAApE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,OAAO,aAA6C;IAE5E,IAAM,QAAQ,GAAG,cAAc,CAAC;QAC5B,gBAAgB,EAAE,EAAE,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,IAAI,QAAQ,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,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,aACN,SAAS,EAAE,EAAE,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,IAAI,MAAM,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,EAAE,SAAS,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":[],"mappings":";;;;;;;;;IA2Fa,SAAS,GAAG,UAAU,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,mBAAG,gBAAgB,CAAC,QAAQ,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,GAAA,MAAA,CAAA,EAAA,EAfhB,sKAgBC,CADe;AAIV,IAAA,IAAA,EAA8B,GAAA,WAAW,CAAC,YAAY,EAAE,aAAa,CAAC,EAApE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,OAAO,aAA6C;IAE5E,IAAM,QAAQ,GAAG,cAAc,CAAC;QAC5B,gBAAgB,EAAE,EAAE,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,IAAI,QAAQ,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,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,aACN,SAAS,EAAE,EAAE,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,IAAI,MAAM,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,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC1B,EAAA,SAAS,GAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}