@vkontakte/vkui 5.3.2 → 5.4.1

package/dist/cssm/components/Textarea/Textarea.module.css

@@ -1 +1,87 @@
-.vkuiTextarea{position:relative}.vkuiTextarea__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);display:block;font-family:inherit;font-size:16px;font-size:var(--vkui--font_text--font_size--regular);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular);line-height:20px;line-height:var(--vkui--font_text--line_height--regular);margin:0;max-height:204px;padding:12px;position:relative;resize:none;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiTextarea__el[cols]{width:auto}.vkuiTextarea--sizeY-compact .vkuiTextarea__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact);max-height:196px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTextarea--sizeY-none .vkuiTextarea__el{font-size:15px;padding-bottom:7px;padding-top:7px}}.vkuiTextarea__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiTextarea__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiTextarea__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiTextarea__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiTextarea__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}
+.Textarea {
+  position: relative;
+}
+
+.Textarea__el {
+  margin: 0;
+  width: 100%;
+  display: block;
+  box-sizing: border-box;
+  resize: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  font-family: inherit;
+  font-weight: var(--vkui--font_text--font_weight--regular);
+  font-size: var(--vkui--font_text--font_size--regular);
+  line-height: var(--vkui--font_text--line_height--regular);
+  color: var(--vkui--color_text_primary);
+  padding: 12px;
+  max-height: 204px;
+  border: none;
+  z-index: var(--vkui_internal--z_index_form_field_element);
+  position: relative;
+  background: transparent;
+}
+
+.Textarea__el[cols] {
+  width: initial;
+}
+
+.Textarea--sizeY-compact .Textarea__el {
+  font-size: var(--vkui--font_text--font_size--compact);
+  line-height: var(--vkui--font_text--line_height--compact);
+  max-height: 196px;
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Textarea--sizeY-none .Textarea__el {
+    padding-top: 7px;
+    padding-bottom: 7px;
+    font-size: 15px;
+  }
+}
+
+.Textarea__el::-webkit-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Textarea__el::-moz-placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Textarea__el::-ms-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Textarea__el::placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Textarea__el:disabled {
+  opacity: var(--vkui--opacity_disable_accessibility);
+}
+
+.Textarea__el:disabled::-webkit-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+}
+
+.Textarea__el:disabled::-moz-placeholder {
+  color: var(--vkui--color_text_secondary);
+}
+
+.Textarea__el:disabled::-ms-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+}
+
+.Textarea__el:disabled::placeholder {
+  color: var(--vkui--color_text_secondary);
+}

package/dist/cssm/components/Tooltip/Tooltip.module.css

@@ -1 +1,57 @@
-.vkuiTooltip{height:100%;left:0;position:absolute;top:0;white-space:normal;width:100%}.vkuiTooltip__content{background-color:#fff;background-color:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);color:#000;color:var(--vkui--color_text_primary);max-width:220px;padding:9px 12px 10px}.vkuiTooltip__arrow{color:#fff;color:var(--vkui--color_background_modal)}.vkuiTooltip--appearance-accent .vkuiTooltip__content{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint);color:#fff;color:var(--vkui--color_text_contrast)}.vkuiTooltip--appearance-accent .vkuiTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint)}.vkuiTooltip--appearance-white .vkuiTooltip__content{background-color:#fff;background-color:var(--vkui--color_background_contrast);color:#000;color:var(--vkui--color_text_primary_invariably)}.vkuiTooltip--appearance-white .vkuiTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast)}.vkuiTooltip--appearance-black .vkuiTooltip__content{background-color:#2d2d2e;background-color:var(--vkui--color_background_contrast_inverse);color:#fff;color:var(--vkui--color_text_contrast)}.vkuiTooltip--appearance-black .vkuiTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_contrast_inverse)}.vkuiTooltip--appearance-inversion .vkuiTooltip__content{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse);color:#fff;color:var(--vkui--color_text_contrast_themed)}.vkuiTooltip--appearance-inversion .vkuiTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse)}
+.Tooltip {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  white-space: normal;
+}
+
+.Tooltip__content {
+  background-color: var(--vkui--color_background_modal);
+  box-shadow: var(--vkui--elevation3);
+  padding: 9px 12px 10px;
+  border-radius: var(--vkui--size_border_radius--regular);
+  color: var(--vkui--color_text_primary);
+  max-width: 220px;
+}
+
+.Tooltip__arrow {
+  color: var(--vkui--color_background_modal);
+}
+
+.Tooltip--appearance-accent .Tooltip__content {
+  background-color: var(--vkui--color_background_accent_tint);
+  color: var(--vkui--color_text_contrast);
+}
+
+.Tooltip--appearance-accent .Tooltip__arrow {
+  color: var(--vkui--color_background_accent_tint);
+}
+
+.Tooltip--appearance-white .Tooltip__content {
+  background-color: var(--vkui--color_background_contrast);
+  color: var(--vkui--color_text_primary_invariably);
+}
+
+.Tooltip--appearance-white .Tooltip__arrow {
+  color: var(--vkui--color_background_contrast);
+}
+
+.Tooltip--appearance-black .Tooltip__content {
+  background-color: var(--vkui--color_background_contrast_inverse);
+  color: var(--vkui--color_text_contrast);
+}
+
+.Tooltip--appearance-black .Tooltip__arrow {
+  color: var(--vkui--color_background_contrast_inverse);
+}
+
+.Tooltip--appearance-inversion .Tooltip__content {
+  background-color: var(--vkui--color_background_modal_inverse);
+  color: var(--vkui--color_text_contrast_themed);
+}
+
+.Tooltip--appearance-inversion .Tooltip__arrow {
+  color: var(--vkui--color_background_modal_inverse);
+}

package/dist/cssm/components/Typography/Caption/Caption.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { HasCaps, TypographyProps } from '../types';
+import { HasCaps, TypographyProps } from '../Typography';
 export interface CaptionProps extends TypographyProps, HasCaps {
     level?: '1' | '2' | '3';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
-export declare const Caption: ({ className, children, weight, level, caps, Component, ...restProps }: CaptionProps) => JSX.Element;
+export declare const Caption: ({ className, level, caps, Component, normalize, ...restProps }: CaptionProps) => JSX.Element;

package/dist/cssm/components/Typography/Caption/Caption.js

@@ -1,21 +1,20 @@
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
+import { Typography } from '../Typography';
 import styles from './Caption.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
- */ export const Caption = ({ className , children , weight , level ='1' , caps , Component ='span' , ...restProps })=>{
-    return /*#__PURE__*/ React.createElement(Component, {
-        ...restProps,
-        className: classNames(className, styles['Caption'], caps && styles['Caption--caps'], {
+ */ export const Caption = ({ className , level ='1' , caps , Component ='span' , normalize =true , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Typography, {
+        Component: Component,
+        normalize: normalize,
+        className: classNames(className, caps && styles['Caption--caps'], {
             '1': styles['Caption--level-1'],
             '2': styles['Caption--level-2'],
             '3': styles['Caption--level-3']
-        }[level], weight && ({
-            '1': styles['Caption--weight-1'],
-            '2': styles['Caption--weight-2'],
-            '3': styles['Caption--weight-3']
-        })[weight])
-    }, children);
+        }[level]),
+        ...restProps
+    });
 };
 
 //# sourceMappingURL=Caption.js.map

package/dist/cssm/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, TypographyProps } from '../types';\nimport styles from './Caption.module.css';\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  children,\n  weight,\n  level = '1',\n  caps,\n  Component = 'span',\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Caption'],\n        caps && styles['Caption--caps'],\n        {\n          '1': styles['Caption--level-1'],\n          '2': styles['Caption--level-2'],\n          '3': styles['Caption--level-3'],\n        }[level],\n        weight &&\n          {\n            '1': styles['Caption--weight-1'],\n            '2': styles['Caption--weight-2'],\n            '3': styles['Caption--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","styles","Caption","className","children","weight","level","caps","Component","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,uBAAuB;AAM1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,OAAQ,IAAG,EACXC,KAAI,EACJC,WAAY,OAAM,EAClB,GAAGC,WACU,GAAK;IAClB,qBACE,oBAACD;QACE,GAAGC,SAAS;QACbN,WAAWH,WACTG,WACAF,MAAM,CAAC,UAAU,EACjBM,QAAQN,MAAM,CAAC,gBAAgB,EAC/B;YACE,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;QACjC,CAAC,CAACK,MAAM,EACRD,UACE,CAAA;YACE,KAAKJ,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAA,CAAC,CAACI,OAAO;OAGZD;AAGP,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  className,\n  level = '1',\n  caps,\n  Component = 'span',\n  normalize = true,\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(\n        className,\n        caps && styles['Caption--caps'],\n        {\n          '1': styles['Caption--level-1'],\n          '2': styles['Caption--level-2'],\n          '3': styles['Caption--level-3'],\n        }[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["React","classNames","Typography","styles","Caption","className","level","caps","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,uBAAuB;AAM1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,UAAS,EACTC,OAAQ,IAAG,EACXC,KAAI,EACJC,WAAY,OAAM,EAClBC,WAAY,IAAI,CAAA,EAChB,GAAGC,WACU,GAAK;IAClB,qBACE,oBAACR;QACCM,WAAWA;QACXC,WAAWA;QACXJ,WAAWJ,WACTI,WACAE,QAAQJ,MAAM,CAAC,gBAAgB,EAC/B;YACE,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;QACjC,CAAC,CAACG,MAAM;QAET,GAAGI,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Caption/Caption.module.css

@@ -1 +1,45 @@
-.vkuiCaption{display:block;margin:0}.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--level-1{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption1--font_family--regular);font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular)}.vkuiCaption--level-1.vkuiCaption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption1_caps--font_family--regular);font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular)}.vkuiCaption--level-2{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption2--font_family--regular);font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular)}.vkuiCaption--level-2.vkuiCaption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption2_caps--font_family--regular);font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular)}.vkuiCaption--level-3{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption3--font_family--regular);font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular)}.vkuiCaption--level-3.vkuiCaption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption3_caps--font_family--regular);font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular)}.vkuiCaption.vkuiCaption--weight-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiCaption.vkuiCaption--weight-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiCaption.vkuiCaption--weight-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
+.Caption--caps {
+  text-transform: uppercase;
+}
+
+.Caption--level-1 {
+  font-size: var(--vkui--font_caption1--font_size--regular);
+  line-height: var(--vkui--font_caption1--line_height--regular);
+  font-weight: var(--vkui--font_caption1--font_weight--regular);
+  font-family: var(--vkui--font_caption1--font_family--regular);
+}
+
+.Caption--level-1.Caption--caps {
+  font-size: var(--vkui--font_caption1_caps--font_size--regular);
+  line-height: var(--vkui--font_caption1_caps--line_height--regular);
+  font-weight: var(--vkui--font_caption1_caps--font_weight--regular);
+  font-family: var(--vkui--font_caption1_caps--font_family--regular);
+}
+
+.Caption--level-2 {
+  font-size: var(--vkui--font_caption2--font_size--regular);
+  line-height: var(--vkui--font_caption2--line_height--regular);
+  font-weight: var(--vkui--font_caption2--font_weight--regular);
+  font-family: var(--vkui--font_caption2--font_family--regular);
+}
+
+.Caption--level-2.Caption--caps {
+  font-size: var(--vkui--font_caption2_caps--font_size--regular);
+  line-height: var(--vkui--font_caption2_caps--line_height--regular);
+  font-weight: var(--vkui--font_caption2_caps--font_weight--regular);
+  font-family: var(--vkui--font_caption2_caps--font_family--regular);
+}
+
+.Caption--level-3 {
+  font-size: var(--vkui--font_caption3--font_size--regular);
+  line-height: var(--vkui--font_caption3--line_height--regular);
+  font-weight: var(--vkui--font_caption3--font_weight--regular);
+  font-family: var(--vkui--font_caption3--font_family--regular);
+}
+
+.Caption--level-3.Caption--caps {
+  font-size: var(--vkui--font_caption3_caps--font_size--regular);
+  line-height: var(--vkui--font_caption3_caps--line_height--regular);
+  font-weight: var(--vkui--font_caption3_caps--font_weight--regular);
+  font-family: var(--vkui--font_caption3_caps--font_family--regular);
+}

package/dist/cssm/components/Typography/Footnote/Footnote.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { HasCaps, TypographyProps } from '../types';
+import { HasCaps, TypographyProps } from '../Typography';
 export interface FootnoteProps extends TypographyProps, HasCaps {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Footnote
  */
-export declare const Footnote: ({ className, children, weight, caps, Component, ...restProps }: FootnoteProps) => JSX.Element;
+export declare const Footnote: ({ className, caps, Component, normalize, ...restProps }: FootnoteProps) => JSX.Element;

package/dist/cssm/components/Typography/Footnote/Footnote.js

@@ -1,17 +1,14 @@
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
+import { Typography } from '../Typography';
 import styles from './Footnote.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Footnote
- */ export const Footnote = ({ className , children , weight , caps , Component ='span' , ...restProps })=>{
-    return /*#__PURE__*/ React.createElement(Component, {
-        ...restProps,
-        className: classNames(className, styles['Footnote'], caps && styles['Footnote--caps'], weight && ({
-            '1': styles['Footnote--weight-1'],
-            '2': styles['Footnote--weight-2'],
-            '3': styles['Footnote--weight-3']
-        })[weight])
-    }, children);
-};
+ */ export const Footnote = ({ className , caps , Component ='span' , normalize =true , ...restProps })=>/*#__PURE__*/ React.createElement(Typography, {
+        Component: Component,
+        normalize: normalize,
+        className: classNames(className, styles['Footnote'], caps && styles['Footnote--caps']),
+        ...restProps
+    });
 
 //# sourceMappingURL=Footnote.js.map

package/dist/cssm/components/Typography/Footnote/Footnote.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, TypographyProps } from '../types';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  children,\n  weight,\n  caps,\n  Component = 'span',\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Footnote'],\n        caps && styles['Footnote--caps'],\n        weight &&\n          {\n            '1': styles['Footnote--weight-1'],\n            '2': styles['Footnote--weight-2'],\n            '3': styles['Footnote--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","styles","Footnote","className","children","weight","caps","Component","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,wBAAwB;AAI3C;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,KAAI,EACJC,WAAY,OAAM,EAClB,GAAGC,WACW,GAAK;IACnB,qBACE,oBAACD;QACE,GAAGC,SAAS;QACbL,WAAWH,WACTG,WACAF,MAAM,CAAC,WAAW,EAClBK,QAAQL,MAAM,CAAC,iBAAiB,EAChCI,UACE,CAAA;YACE,KAAKJ,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;QACnC,CAAA,CAAC,CAACI,OAAO;OAGZD;AAGP,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  caps,\n  Component = 'span',\n  normalize = true,\n  ...restProps\n}: FootnoteProps) => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","Typography","styles","Footnote","className","caps","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,wBAAwB;AAI3C;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,UAAS,EACTC,KAAI,EACJC,WAAY,OAAM,EAClBC,WAAY,IAAI,CAAA,EAChB,GAAGC,WACW,iBACd,oBAACP;QACCK,WAAWA;QACXC,WAAWA;QACXH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGM,SAAS;OAEf"}

package/dist/cssm/components/Typography/Footnote/Footnote.module.css

@@ -1 +1,14 @@
-.vkuiFootnote{display:block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular);margin:0}.vkuiFootnote--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote_caps--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular);text-transform:uppercase}.vkuiFootnote--weight-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiFootnote--weight-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiFootnote--weight-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
+.Footnote {
+  font-size: var(--vkui--font_footnote--font_size--regular);
+  line-height: var(--vkui--font_footnote--line_height--regular);
+  font-weight: var(--vkui--font_footnote--font_weight--regular);
+  font-family: var(--vkui--font_footnote--font_family--regular);
+}
+
+.Footnote--caps {
+  font-size: var(--vkui--font_footnote_caps--font_size--regular);
+  line-height: var(--vkui--font_footnote_caps--line_height--regular);
+  font-weight: var(--vkui--font_footnote_caps--font_weight--regular);
+  font-family: var(--vkui--font_footnote_caps--font_family--regular);
+  text-transform: uppercase;
+}

package/dist/cssm/components/Typography/Headline/Headline.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { HasRootRef } from '../../../types';
-import { TypographyProps } from '../types';
-export interface HeadlineProps extends TypographyProps, HasRootRef<HTMLElement> {
+import { TypographyProps } from '../Typography';
+export interface HeadlineProps extends TypographyProps {
     level?: '1' | '2';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
-export declare const Headline: ({ className, children, weight, level, Component, getRootRef, ...restProps }: HeadlineProps) => JSX.Element;
+export declare const Headline: ({ className, weight, level, Component, normalize, ...restProps }: HeadlineProps) => JSX.Element;

package/dist/cssm/components/Typography/Headline/Headline.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { SizeType } from '../../../lib/adaptivity';
+import { Typography } from '../Typography';
 import styles from './Headline.module.css';
 const sizeYClassNames = {
     none: styles['Headline--sizeY-none'],
@@ -9,20 +10,18 @@ const sizeYClassNames = {
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
- */ export const Headline = ({ className , children , weight ='3' , level ='1' , Component ='h4' , getRootRef , ...restProps })=>{
+ */ export const Headline = ({ className , weight ='3' , level ='1' , Component ='h4' , normalize =true , ...restProps })=>{
     const { sizeY ='none'  } = useAdaptivity();
-    return /*#__PURE__*/ React.createElement(Component, {
-        ...restProps,
-        ref: getRootRef,
+    return /*#__PURE__*/ React.createElement(Typography, {
+        Component: Component,
+        normalize: normalize,
+        weight: weight,
         className: classNames(className, styles['Headline'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], {
             '1': styles['Headline--level-1'],
             '2': styles['Headline--level-2']
-        }[level], {
-            '1': styles['Headline--weight-1'],
-            '2': styles['Headline--weight-2'],
-            '3': styles['Headline--weight-3']
-        }[weight])
-    }, children);
+        }[level]),
+        ...restProps
+    });
 };
 
 //# sourceMappingURL=Headline.js.map

package/dist/cssm/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { HasRootRef } from '../../../types';\nimport { TypographyProps } from '../types';\nimport styles from './Headline.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  [SizeType.COMPACT]: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps, HasRootRef<HTMLElement> {\n  level?: '1' | '2';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  children,\n  weight = '3',\n  level = '1',\n  Component = 'h4',\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Headline'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        {\n          '1': styles['Headline--level-1'],\n          '2': styles['Headline--level-2'],\n        }[level],\n        {\n          '1': styles['Headline--weight-1'],\n          '2': styles['Headline--weight-2'],\n          '3': styles['Headline--weight-3'],\n        }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","styles","sizeYClassNames","none","COMPACT","Headline","className","children","weight","level","Component","getRootRef","restProps","sizeY","ref","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AAGnD,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpC,CAACD,SAASI,OAAO,CAAC,EAAEH,MAAM,CAAC,0BAA0B;AACvD;AAMA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,UAAS,EACTC,SAAQ,EACRC,QAAS,IAAG,EACZC,OAAQ,IAAG,EACXC,WAAY,KAAI,EAChBC,WAAU,EACV,GAAGC,WACW,GAAK;IACnB,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGd;IAE3B,qBACE,oBAACW;QACE,GAAGE,SAAS;QACbE,KAAKH;QACLL,WAAWR,WACTQ,WACAL,MAAM,CAAC,WAAW,EAClBY,UAAUb,SAASe,OAAO,IAAIb,eAAe,CAACW,MAAM,EACpD;YACE,KAAKZ,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAC,CAACQ,MAAM,EACR;YACE,KAAKR,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;QACnC,CAAC,CAACO,OAAO;OAGVD;AAGP,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  [SizeType.COMPACT]: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n  level?: '1' | '2';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  weight = '3',\n  level = '1',\n  Component = 'h4',\n  normalize = true,\n  ...restProps\n}: HeadlineProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      weight={weight}\n      className={classNames(\n        className,\n        styles['Headline'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        {\n          '1': styles['Headline--level-1'],\n          '2': styles['Headline--level-2'],\n        }[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Headline","className","weight","level","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpC,CAACF,SAASK,OAAO,CAAC,EAAEH,MAAM,CAAC,0BAA0B;AACvD;AAMA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,UAAS,EACTC,QAAS,IAAG,EACZC,OAAQ,IAAG,EACXC,WAAY,KAAI,EAChBC,WAAY,IAAI,CAAA,EAChB,GAAGC,WACW,GAAK;IACnB,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGd;IAE3B,qBACE,oBAACE;QACCS,WAAWA;QACXC,WAAWA;QACXH,QAAQA;QACRD,WAAWT,WACTS,WACAL,MAAM,CAAC,WAAW,EAClBW,UAAUb,SAASc,OAAO,IAAIX,eAAe,CAACU,MAAM,EACpD;YACE,KAAKX,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAC,CAACO,MAAM;QAET,GAAGG,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Headline/Headline.module.css

@@ -1 +1,48 @@
-.vkuiHeadline{display:block;margin:0}.vkuiHeadline--level-1{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_headline1--font_family--regular);font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);font-weight:500;font-weight:var(--vkui--font_headline1--font_weight--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}.vkuiHeadline--sizeY-compact.vkuiHeadline--level-1{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiHeadline--sizeY-none.vkuiHeadline--level-1{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact)}}.vkuiHeadline--level-2{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_headline2--font_family--regular);font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular);font-weight:500;font-weight:var(--vkui--font_headline2--font_weight--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}.vkuiHeadline--sizeY-compact.vkuiHeadline--level-2{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiHeadline--sizeY-none.vkuiHeadline--level-2{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact)}}.vkuiHeadline--weight-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiHeadline--weight-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiHeadline--weight-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}.vkuiInternalPanelHeaderContent__children .vkuiHeadline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.Headline--level-1 {
+  font-size: var(--vkui--font_headline1--font_size--regular);
+  line-height: var(--vkui--font_headline1--line_height--regular);
+  font-weight: var(--vkui--font_headline1--font_weight--regular);
+  font-family: var(--vkui--font_headline1--font_family--regular);
+}
+
+.Headline--sizeY-compact.Headline--level-1 {
+  font-size: var(--vkui--font_headline1--font_size--compact);
+  line-height: var(--vkui--font_headline1--line_height--compact);
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Headline--sizeY-none.Headline--level-1 {
+    font-size: var(--vkui--font_headline1--font_size--compact);
+    line-height: var(--vkui--font_headline1--line_height--compact);
+  }
+}
+
+.Headline--level-2 {
+  font-size: var(--vkui--font_headline2--font_size--regular);
+  line-height: var(--vkui--font_headline2--line_height--regular);
+  font-weight: var(--vkui--font_headline2--font_weight--regular);
+  font-family: var(--vkui--font_headline2--font_family--regular);
+}
+
+.Headline--sizeY-compact.Headline--level-2 {
+  font-size: var(--vkui--font_headline2--font_size--compact);
+  line-height: var(--vkui--font_headline2--line_height--compact);
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Headline--sizeY-none.Headline--level-2 {
+    font-size: var(--vkui--font_headline2--font_size--compact);
+    line-height: var(--vkui--font_headline2--line_height--compact);
+  }
+}
+
+/**
+ * CMP:
+ * PanelHeaderContent
+ */
+
+:global(.vkuiInternalPanelHeaderContent__children) .Headline {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { HasRootRef } from '../../../types';
-import { TypographyProps } from '../types';
-export interface ParagraphProps extends TypographyProps, HasRootRef<HTMLElement> {
-}
+import { TypographyProps } from '../Typography';
+export type ParagraphProps = TypographyProps;
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */
-export declare const Paragraph: ({ className, Component, getRootRef, weight, children, ...restProps }: ParagraphProps) => JSX.Element;
+export declare const Paragraph: ({ className, Component, normalize, ...restProps }: ParagraphProps) => JSX.Element;

package/dist/cssm/components/Typography/Paragraph/Paragraph.js

@@ -1,18 +1,16 @@
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
+import { Typography } from '../Typography';
 import styles from './Paragraph.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph
- */ export const Paragraph = ({ className , Component ='span' , getRootRef , weight , children , ...restProps })=>{
-    return /*#__PURE__*/ React.createElement(Component, {
-        ...restProps,
-        ref: getRootRef,
-        className: classNames(className, styles['Paragraph'], weight && ({
-            '1': styles['Paragraph--weight-1'],
-            '2': styles['Paragraph--weight-2'],
-            '3': styles['Paragraph--weight-3']
-        })[weight])
-    }, children);
+ */ export const Paragraph = ({ className , Component ='span' , normalize =false , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Typography, {
+        Component: Component,
+        normalize: normalize,
+        className: classNames(className, styles['Paragraph']),
+        ...restProps
+    });
 };
 
 //# sourceMappingURL=Paragraph.js.map

package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../../types';\nimport { TypographyProps } from '../types';\nimport styles from './Paragraph.module.css';\n\nexport interface ParagraphProps extends TypographyProps, HasRootRef<HTMLElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Paragraph'],\n        weight &&\n          {\n            '1': styles['Paragraph--weight-1'],\n            '2': styles['Paragraph--weight-2'],\n            '3': styles['Paragraph--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","styles","Paragraph","className","Component","getRootRef","weight","children","restProps","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,OAAOC,YAAY,yBAAyB;AAI5C;;CAEC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,UAAS,EACTC,WAAY,OAAM,EAClBC,WAAU,EACVC,OAAM,EACNC,SAAQ,EACR,GAAGC,WACY,GAAK;IACpB,qBACE,oBAACJ;QACE,GAAGI,SAAS;QACbC,KAAKJ;QACLF,WAAWH,WACTG,WACAF,MAAM,CAAC,YAAY,EACnBK,UACE,CAAA;YACE,KAAKL,MAAM,CAAC,sBAAsB;YAClC,KAAKA,MAAM,CAAC,sBAAsB;YAClC,KAAKA,MAAM,CAAC,sBAAsB;QACpC,CAAA,CAAC,CAACK,OAAO;OAGZC;AAGP,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  normalize = false,\n  ...restProps\n}: ParagraphProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["React","classNames","Typography","styles","Paragraph","className","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,yBAAyB;AAI5C;;CAEC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,UAAS,EACTC,WAAY,OAAM,EAClBC,WAAY,KAAK,CAAA,EACjB,GAAGC,WACY,GAAK;IACpB,qBACE,oBAACN;QACCI,WAAWA;QACXC,WAAWA;QACXF,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGK,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Paragraph/Paragraph.module.css

@@ -1 +1,6 @@
-.vkuiParagraph{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_paragraph--font_family--regular);font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular)}.vkuiParagraph--weight-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiParagraph--weight-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiParagraph--weight-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
+.Paragraph {
+  font-size: var(--vkui--font_paragraph--font_size--regular);
+  line-height: var(--vkui--font_paragraph--line_height--regular);
+  font-weight: var(--vkui--font_paragraph--font_weight--regular);
+  font-family: var(--vkui--font_paragraph--font_family--regular);
+}

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { TypographyProps } from '../types';
+import { TypographyProps } from '../Typography';
 export type SubheadProps = TypographyProps;
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
-export declare const Subhead: ({ className, children, weight, Component, ...restProps }: SubheadProps) => JSX.Element;
+export declare const Subhead: ({ className, Component, normalize, ...restProps }: SubheadProps) => JSX.Element;

package/dist/cssm/components/Typography/Subhead/Subhead.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { SizeType } from '../../../lib/adaptivity';
+import { Typography } from '../Typography';
 import styles from './Subhead.module.css';
 const sizeYClassNames = {
     none: styles['Subhead--sizeY-none'],
@@ -9,16 +10,14 @@ const sizeYClassNames = {
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
- */ export const Subhead = ({ className , children , weight , Component ='h5' , ...restProps })=>{
+ */ export const Subhead = ({ className , Component ='h5' , normalize =true , ...restProps })=>{
     const { sizeY ='none'  } = useAdaptivity();
-    return /*#__PURE__*/ React.createElement(Component, {
-        ...restProps,
-        className: classNames(className, styles['Subhead'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], weight && ({
-            '1': styles['Subhead--weight-1'],
-            '2': styles['Subhead--weight-2'],
-            '3': styles['Subhead--weight-3']
-        })[weight])
-    }, children);
+    return /*#__PURE__*/ React.createElement(Typography, {
+        Component: Component,
+        normalize: normalize,
+        className: classNames(className, styles['Subhead'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY]),
+        ...restProps
+    });
 };
 
 //# sourceMappingURL=Subhead.js.map

package/dist/cssm/components/Typography/Subhead/Subhead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { TypographyProps } from '../types';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  [SizeType.COMPACT]: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  children,\n  weight,\n  Component = 'h5',\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        weight &&\n          {\n            '1': styles['Subhead--weight-1'],\n            '2': styles['Subhead--weight-2'],\n            '3': styles['Subhead--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","styles","sizeYClassNames","none","COMPACT","Subhead","className","children","weight","Component","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AAEnD,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAACD,SAASI,OAAO,CAAC,EAAEH,MAAM,CAAC,yBAAyB;AACtD;AAIA;;CAEC,GACD,OAAO,MAAMI,UAAU,CAAC,EACtBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,WAAY,KAAI,EAChB,GAAGC,WACU,GAAK;IAClB,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGZ;IAE3B,qBACE,oBAACU;QACE,GAAGC,SAAS;QACbJ,WAAWR,WACTQ,WACAL,MAAM,CAAC,UAAU,EACjBU,UAAUX,SAASY,OAAO,IAAIV,eAAe,CAACS,MAAM,EACpDH,UACE,CAAA;YACE,KAAKP,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAA,CAAC,CAACO,OAAO;OAGZD;AAGP,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  [SizeType.COMPACT]: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  Component = 'h5',\n  normalize = true,\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Subhead","className","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAACF,SAASK,OAAO,CAAC,EAAEH,MAAM,CAAC,yBAAyB;AACtD;AAIA;;CAEC,GACD,OAAO,MAAMI,UAAU,CAAC,EACtBC,UAAS,EACTC,WAAY,KAAI,EAChBC,WAAY,IAAI,CAAA,EAChB,GAAGC,WACU,GAAK;IAClB,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGZ;IAE3B,qBACE,oBAACE;QACCO,WAAWA;QACXC,WAAWA;QACXF,WAAWT,WACTS,WACAL,MAAM,CAAC,UAAU,EACjBS,UAAUX,SAASY,OAAO,IAAIT,eAAe,CAACQ,MAAM;QAErD,GAAGD,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Subhead/Subhead.module.css

@@ -1 +1,18 @@
-.vkuiSubhead{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_subhead--font_family--regular);font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular);margin:0}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSubhead--sizeY-none{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}}.vkuiSubhead--weight-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiSubhead--weight-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiSubhead--weight-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
+.Subhead {
+  font-size: var(--vkui--font_subhead--font_size--regular);
+  line-height: var(--vkui--font_subhead--line_height--regular);
+  font-weight: var(--vkui--font_subhead--font_weight--regular);
+  font-family: var(--vkui--font_subhead--font_family--regular);
+}
+
+.Subhead--sizeY-compact {
+  font-size: var(--vkui--font_subhead--font_size--compact);
+  line-height: var(--vkui--font_subhead--line_height--compact);
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Subhead--sizeY-none {
+    font-size: var(--vkui--font_subhead--font_size--compact);
+    line-height: var(--vkui--font_subhead--line_height--compact);
+  }
+}

package/dist/cssm/components/Typography/Text/Text.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { HasRootRef } from '../../../types';
-import { TypographyProps } from '../types';
-export interface TextProps extends TypographyProps, HasRootRef<HTMLElement> {
-}
+import { TypographyProps } from '../Typography';
+export type TextProps = TypographyProps;
 /**
  * @see https://vkcom.github.io/VKUI/#/Text
  */
-export declare const Text: ({ className, children, weight, Component, getRootRef, ...restProps }: TextProps) => JSX.Element;
+export declare const Text: ({ className, Component, normalize, ...restProps }: TextProps) => JSX.Element;