@alfalab/core-components-typography 6.0.2 → 6.0.3

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_1u2wm","font":"typography__font_1u2wm","regular-xlarge":"typography__regular-xlarge_1u2wm","large":"typography__large_1u2wm","regular-large":"typography__regular-large_1u2wm","medium":"typography__medium_1u2wm","regular-medium":"typography__regular-medium_1u2wm","small":"typography__small_1u2wm","regular-small":"typography__regular-small_1u2wm","xsmall":"typography__xsmall_1u2wm","regular-xsmall":"typography__regular-xsmall_1u2wm","component":"typography__component_1u2wm","margins-xlarge":"typography__margins-xlarge_1u2wm","margins-large":"typography__margins-large_1u2wm","margins-medium":"typography__margins-medium_1u2wm","margins-small":"typography__margins-small_1u2wm","margins-xsmall":"typography__margins-xsmall_1u2wm"};
 
 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

@@ -14,123 +14,123 @@
         'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.typography__xlarge_28dno {
+.typography__xlarge_1iafb {
         font-size: 34px;
         line-height: 40px;
         font-weight: 600;
         font-family: var(--font-family-system);
     }
-.typography__xlarge_28dno.typography__font_28dno {
+.typography__xlarge_1iafb.typography__font_1iafb {
             font-weight: 500;
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__regular-xlarge_28dno {
+.typography__regular-xlarge_1iafb {
         font-size: 34px;
         line-height: 40px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.typography__regular-xlarge_28dno.typography__system_28dno {
+.typography__regular-xlarge_1iafb.typography__system_1iafb {
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__large_28dno {
+.typography__large_1iafb {
         font-size: 30px;
         line-height: 36px;
         font-weight: 600;
         font-family: var(--font-family-system);
     }
-.typography__large_28dno.typography__font_28dno {
+.typography__large_1iafb.typography__font_1iafb {
             font-weight: 500;
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__regular-large_28dno {
+.typography__regular-large_1iafb {
         font-size: 30px;
         line-height: 36px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.typography__regular-large_28dno.typography__system_28dno {
+.typography__regular-large_1iafb.typography__system_1iafb {
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__medium_28dno {
+.typography__medium_1iafb {
         font-size: 26px;
         line-height: 32px;
         font-weight: 600;
         font-family: var(--font-family-system);
     }
-.typography__medium_28dno.typography__font_28dno {
+.typography__medium_1iafb.typography__font_1iafb {
             font-weight: 500;
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__regular-medium_28dno {
+.typography__regular-medium_1iafb {
         font-size: 26px;
         line-height: 32px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.typography__regular-medium_28dno.typography__system_28dno {
+.typography__regular-medium_1iafb.typography__system_1iafb {
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__small_28dno {
+.typography__small_1iafb {
         font-size: 20px;
         line-height: 28px;
         font-weight: 600;
         font-family: var(--font-family-system);
     }
-.typography__small_28dno.typography__font_28dno {
+.typography__small_1iafb.typography__font_1iafb {
             font-weight: 500;
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__regular-small_28dno {
+.typography__regular-small_1iafb {
         font-size: 20px;
         line-height: 28px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.typography__regular-small_28dno.typography__system_28dno {
+.typography__regular-small_1iafb.typography__system_1iafb {
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__xsmall_28dno {
+.typography__xsmall_1iafb {
         font-size: 16px;
         line-height: 20px;
         font-weight: 600;
         font-family: var(--font-family-system);
     }
-.typography__xsmall_28dno.typography__font_28dno {
+.typography__xsmall_1iafb.typography__font_1iafb {
             font-weight: 500;
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__regular-xsmall_28dno {
+.typography__regular-xsmall_1iafb {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
         font-family: var(--font-family-system);
     }
-.typography__regular-xsmall_28dno.typography__system_28dno {
+.typography__regular-xsmall_1iafb.typography__system_1iafb {
             font-feature-settings: 'ss01';
             font-family: var(--font-family-styrene);
         }
-.typography__component_28dno.typography__margins-xlarge_28dno {
+.typography__component_1iafb.typography__margins-xlarge_1iafb {
         margin: var(--gap-0) var(--gap-0) var(--gap-24);
     }
-.typography__component_28dno.typography__margins-large_28dno {
+.typography__component_1iafb.typography__margins-large_1iafb {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }
-.typography__component_28dno.typography__margins-medium_28dno {
+.typography__component_1iafb.typography__margins-medium_1iafb {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }
-.typography__component_28dno.typography__margins-small_28dno {
+.typography__component_1iafb.typography__margins-small_1iafb {
         margin: var(--gap-40) var(--gap-0) var(--gap-16);
     }
-.typography__component_28dno .typography__margins-xsmall_28dno {
+.typography__component_1iafb .typography__margins-xsmall_1iafb {
         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_1iafb","font":"typography__font_1iafb","regular-xlarge":"typography__regular-xlarge_1iafb","system":"typography__system_1iafb","large":"typography__large_1iafb","regular-large":"typography__regular-large_1iafb","medium":"typography__medium_1iafb","regular-medium":"typography__regular-medium_1iafb","small":"typography__small_1iafb","regular-small":"typography__regular-small_1iafb","xsmall":"typography__xsmall_1iafb","regular-xsmall":"typography__regular-xsmall_1iafb","component":"typography__component_1iafb","margins-xlarge":"typography__margins-xlarge_1iafb","margins-large":"typography__margins-large_1iafb","margins-medium":"typography__margins-medium_1iafb","margins-small":"typography__margins-small_1iafb","margins-xsmall":"typography__margins-xsmall_1iafb"};
 
 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;

package/modern/colors.css

@@ -20,63 +20,63 @@
     --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);
     --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
 }
-.typography__tertiary_68na9 {
+.typography__tertiary_103ve {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_68na9 {
+.typography__disabled_103ve {
     color: var(--color-light-text-quaternary);
 }
-.typography__accent_68na9 {
+.typography__accent_103ve {
     color: var(--color-light-accent-primary);
 }
-.typography__primary_68na9 {
+.typography__primary_103ve {
     color: var(--color-light-text-primary);
 }
-.typography__attention_68na9 {
+.typography__attention_103ve {
     color: var(--color-light-text-attention);
 }
-.typography__positive_68na9 {
+.typography__positive_103ve {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_68na9 {
+.typography__secondary_103ve {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_68na9 {
+.typography__tertiary-inverted_103ve {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_68na9 {
+.typography__primary-inverted_103ve {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_68na9 {
+.typography__secondary-inverted_103ve {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_68na9 {
+.typography__link_103ve {
     color: var(--color-light-text-info);
 }
-.typography__negative_68na9 {
+.typography__negative_103ve {
     color: var(--color-light-text-negative);
 }
-.typography__static-primary-light_68na9 {
+.typography__static-primary-light_103ve {
     color: var(--color-static-text-primary-light);
 }
-.typography__static-secondary-light_68na9 {
+.typography__static-secondary-light_103ve {
     color: var(--color-static-text-secondary-light);
 }
-.typography__static-tertiary-light_68na9 {
+.typography__static-tertiary-light_103ve {
     color: var(--color-static-text-tertiary-light);
 }
-.typography__static-primary-dark_68na9 {
+.typography__static-primary-dark_103ve {
     color: var(--color-static-text-primary-dark);
 }
-.typography__static-secondary-dark_68na9 {
+.typography__static-secondary-dark_103ve {
     color: var(--color-static-text-secondary-dark);
 }
-.typography__static-tertiary-dark_68na9 {
+.typography__static-tertiary-dark_103ve {
     color: var(--color-static-text-tertiary-dark);
 }
-.typography__static-accent_68na9 {
+.typography__static-accent_103ve {
     color: var(--color-static-accent-primary);
 }
-.typography__static-positive_68na9 {
+.typography__static-positive_103ve {
     color: var(--color-static-text-positive);
 }

package/modern/colors.d.ts

@@ -1,2 +1,2 @@
 export declare const colors: readonly ["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"];
-export declare type Color = (typeof colors)[number];
+export type Color = (typeof colors)[number];

package/modern/colors.module.css.js

@@ -1,6 +1,6 @@
 import './colors.css';
 
-const colors = {"tertiary":"typography__tertiary_68na9","disabled":"typography__disabled_68na9","accent":"typography__accent_68na9","primary":"typography__primary_68na9","attention":"typography__attention_68na9","positive":"typography__positive_68na9","secondary":"typography__secondary_68na9","tertiary-inverted":"typography__tertiary-inverted_68na9","primary-inverted":"typography__primary-inverted_68na9","secondary-inverted":"typography__secondary-inverted_68na9","link":"typography__link_68na9","negative":"typography__negative_68na9","static-primary-light":"typography__static-primary-light_68na9","static-secondary-light":"typography__static-secondary-light_68na9","static-tertiary-light":"typography__static-tertiary-light_68na9","static-primary-dark":"typography__static-primary-dark_68na9","static-secondary-dark":"typography__static-secondary-dark_68na9","static-tertiary-dark":"typography__static-tertiary-dark_68na9","static-accent":"typography__static-accent_68na9","static-positive":"typography__static-positive_68na9"};
+const colors = {"tertiary":"typography__tertiary_103ve","disabled":"typography__disabled_103ve","accent":"typography__accent_103ve","primary":"typography__primary_103ve","attention":"typography__attention_103ve","positive":"typography__positive_103ve","secondary":"typography__secondary_103ve","tertiary-inverted":"typography__tertiary-inverted_103ve","primary-inverted":"typography__primary-inverted_103ve","secondary-inverted":"typography__secondary-inverted_103ve","link":"typography__link_103ve","negative":"typography__negative_103ve","static-primary-light":"typography__static-primary-light_103ve","static-secondary-light":"typography__static-secondary-light_103ve","static-tertiary-light":"typography__static-tertiary-light_103ve","static-primary-dark":"typography__static-primary-dark_103ve","static-secondary-dark":"typography__static-secondary-dark_103ve","static-tertiary-dark":"typography__static-tertiary-dark_103ve","static-accent":"typography__static-accent_103ve","static-positive":"typography__static-positive_103ve"};
 
 export { colors as default };
 //# sourceMappingURL=colors.module.css.js.map

package/modern/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/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,eAAe,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/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,eAAe,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/modern/text/component.d.ts

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

package/modern/text/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { type Color } from '../colors';\nimport { type TextElementType } from '../types';\n\nimport colors from '../colors.module.css';\nimport styles from './index.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLSpanElement>;\n\ntype TextBaseProps = {\n    /**\n     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'secondary-large'\n        | 'secondary-medium'\n        | 'secondary-small'\n        | 'component-primary'\n        | 'component-secondary'\n        | 'caps'\n        | 'tagline';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold';\n\n    /**\n     * Делает цифры моноширинными\n     */\n    monospaceNumbers?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'span' | 'div';\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Добавляет отступы к тэгу 'p'\n     */\n    defaultMargins?: never;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Шрифт текста\n     *\n     * @deprecated\n     */\n    font?: 'alfasans' | undefined | null;\n};\n\ntype TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {\n    tag?: 'p';\n    defaultMargins?: boolean;\n};\n\nexport type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);\n\nexport const Text = forwardRef<TextElementType, TextProps>(\n    (\n        {\n            view = 'primary-medium',\n            tag: Component = 'span',\n            weight,\n            monospaceNumbers = false,\n            defaultMargins = true,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            showSkeleton,\n            skeletonProps,\n            font,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn({\n                [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n            }),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    {\n                        [styles.paragraph]: Component === 'p' && !defaultMargins,\n                        [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n                        [styles.monospace]: monospaceNumbers,\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                    },\n                    className,\n                    color && colors[color],\n                    styles[view],\n                    weight && styles[weight],\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;MAoGa,IAAI,GAAG,UAAU,CAC1B,CACI,EACI,IAAI,GAAG,gBAAgB,EACvB,GAAG,EAAE,SAAS,GAAG,MAAM,EACvB,MAAM,EACN,gBAAgB,GAAG,KAAK,EACxB,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,YAAY,EAAE,aAAa,CAAC;IAE5E,MAAM,QAAQ,GAAG,cAAc,CAAC;QAC5B,gBAAgB,EAAE,EAAE,CAAC;YACjB,CAAC,MAAM,CAAC,oBAAoB,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;SACrE,CAAC;QACF,UAAU;AACb,KAAA,CAAC;AAEF,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ;AAClB;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,EAAE,CACT;YACI,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS,KAAK,GAAG,IAAI,CAAC,cAAc;YACxD,CAAC,MAAM,CAAC,oBAAoB,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AAClE,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,gBAAgB;YACpC,CAAC,MAAM,CAAC,CAAW,QAAA,EAAA,QAAQ,EAAE,CAAC,GAAG,QAAQ;AACzC,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,YAAY;AACrC,SAAA,EACD,SAAS,EACT,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,EACtB,MAAM,CAAC,IAAI,CAAC,EACZ,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAC3B,EAAA,cAAA,EACa,UAAU,EACxB,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC1B,GAAA,SAAS,IAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type TextSkeletonProps, useSkeleton } from '@alfalab/core-components-skeleton';\n\nimport { type Color } from '../colors';\nimport { type TextElementType } from '../types';\n\nimport colors from '../colors.module.css';\nimport styles from './index.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLSpanElement>;\n\ntype TextBaseProps = {\n    /**\n     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'secondary-large'\n        | 'secondary-medium'\n        | 'secondary-small'\n        | 'component-primary'\n        | 'component-secondary'\n        | 'caps'\n        | 'tagline';\n\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Толщина шрифта\n     */\n    weight?: 'regular' | 'medium' | 'bold';\n\n    /**\n     * Делает цифры моноширинными\n     */\n    monospaceNumbers?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'span' | 'div';\n\n    /**\n     * Css-класс для стилизации (native prop)\n     */\n    className?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * Контент (native prop)\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Добавляет отступы к тэгу 'p'\n     */\n    defaultMargins?: never;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2 | 3;\n\n    /**\n     * Показать скелетон\n     */\n    showSkeleton?: boolean;\n\n    /**\n     * Пропы для скелетона\n     */\n    skeletonProps?: TextSkeletonProps;\n\n    /**\n     * Шрифт текста\n     *\n     * @deprecated\n     */\n    font?: 'alfasans' | undefined | null;\n};\n\ntype TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {\n    tag?: 'p';\n    defaultMargins?: boolean;\n};\n\nexport type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);\n\nexport const Text = forwardRef<TextElementType, TextProps>(\n    (\n        {\n            view = 'primary-medium',\n            tag: Component = 'span',\n            weight,\n            monospaceNumbers = false,\n            defaultMargins = true,\n            color,\n            className,\n            dataTestId,\n            children,\n            rowLimit,\n            showSkeleton,\n            skeletonProps,\n            font,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n        const skeleton = renderSkeleton({\n            wrapperClassName: cn({\n                [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n            }),\n            dataTestId,\n        });\n\n        if (skeleton) {\n            return skeleton;\n        }\n\n        return (\n            <Component\n                className={cn(\n                    {\n                        [styles.paragraph]: Component === 'p' && !defaultMargins,\n                        [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n                        [styles.monospace]: monospaceNumbers,\n                        [styles[`rowLimit${rowLimit}`]]: rowLimit,\n                        [styles.transparent]: showSkeleton,\n                    },\n                    className,\n                    color && colors[color],\n                    styles[view],\n                    weight && styles[weight],\n                )}\n                data-test-id={dataTestId}\n                ref={mergeRefs([ref, textRef])}\n                {...restProps}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;MAoGa,IAAI,GAAG,UAAU,CAC1B,CACI,EACI,IAAI,GAAG,gBAAgB,EACvB,GAAG,EAAE,SAAS,GAAG,MAAM,EACvB,MAAM,EACN,gBAAgB,GAAG,KAAK,EACxB,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,YAAY,EAAE,aAAa,CAAC;IAE5E,MAAM,QAAQ,GAAG,cAAc,CAAC;QAC5B,gBAAgB,EAAE,EAAE,CAAC;YACjB,CAAC,MAAM,CAAC,oBAAoB,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;SACrE,CAAC;QACF,UAAU;AACb,KAAA,CAAC;IAEF,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ;;AAGnB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IACN,SAAS,EAAE,EAAE,CACT;YACI,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS,KAAK,GAAG,IAAI,CAAC,cAAc;YACxD,CAAC,MAAM,CAAC,oBAAoB,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AAClE,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,gBAAgB;YACpC,CAAC,MAAM,CAAC,CAAW,QAAA,EAAA,QAAQ,EAAE,CAAC,GAAG,QAAQ;AACzC,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,YAAY;AACrC,SAAA,EACD,SAAS,EACT,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,EACtB,MAAM,CAAC,IAAI,CAAC,EACZ,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAC3B,EAAA,cAAA,EACa,UAAU,EACxB,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC1B,GAAA,SAAS,IAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}