@vkontakte/vkui 6.5.3 → 6.7.0

package/dist/cssm/components/Typography/EllipsisText/EllipsisText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EACrC,UAAU,CAAC,WAAW,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0EAOf,iBAAiB,KAAG,KAAK,CAAC,SAuB5B,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EACrC,UAAU,CAAC,WAAW,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0EAOf,iBAAiB,KAAG,KAAK,CAAC,SAuB5B,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport { HasRootRef } from '../../../types';\nimport { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './EllipsisText.module.css';\n\nexport interface EllipsisTextProps\n  extends RootComponentProps<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Пользовательская маскимальная ширина.\n   *\n   * Используйте в случаях, когда у контейнера ширина зависит от размера контента,\n   * другими словами, когда ширина не ограничена.\n   */\n  maxWidth?: number;\n  /**\n   * Максимальное количество видимых строк\n   *\n   * > При `maxLines > 1` используется свойство line-clamp, которое поддерживается не всеми версиями браузеров. Используйте с осторожностью\n   * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n   */\n  maxLines?: number;\n}\n\n/** Компонент ограничивает текстовый контент убирая его в многоточие.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/EllipsisText\n */\nconst EllipsisText = ({\n  className,\n  getRootRef,\n  children,\n  maxWidth,\n  maxLines = 1,\n  ...restProps\n}: EllipsisTextProps): React.ReactNode => {\n  const contentRef = useRef<HTMLSpanElement | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (contentRef && contentRef.current) {\n      contentRef.current.style.setProperty('-webkit-line-clamp', maxLines > 1 ? `${maxLines}` : '');\n    }\n  }, [contentRef, maxLines]);\n\n  return (\n    <span ref={getRootRef} className={classNames(styles['EllipsisText'], className)} {...restProps}>\n      <span\n        style={{ maxWidth }}\n        ref={contentRef}\n        className={classNames(\n          styles['EllipsisText__content'],\n          maxLines > 1 && styles['EllipsisText__content--multiline'],\n        )}\n      >\n        {children}\n      </span>\n    </span>\n  );\n};\n\nexport { EllipsisText };\n"],"names":["useRef","classNames","useIsomorphicLayoutEffect","styles","EllipsisText","className","getRootRef","children","maxWidth","maxLines","restProps","contentRef","current","style","setProperty","span","ref"],"mappings":";AAAA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,yCAAyC;AAGnF,OAAOC,YAAY,4BAA4B;AAqB/C;;;;CAIC,GACD,MAAMC,eAAe,CAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,CAAC,EACZ,GAAGC,WACe;IAClB,MAAMC,aAAaX,OAA+B;IAElDE,0BAA0B;QACxB,IAAIS,cAAcA,WAAWC,OAAO,EAAE;YACpCD,WAAWC,OAAO,CAACC,KAAK,CAACC,WAAW,CAAC,sBAAsBL,WAAW,IAAI,CAAC,EAAEA,SAAS,CAAC,GAAG;QAC5F;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACM;QAAKC,KAAKV;QAAYD,WAAWJ,WAAWE,MAAM,CAAC,eAAe,EAAEE;QAAa,GAAGK,SAAS;kBAC5F,cAAA,KAACK;YACCF,OAAO;gBAAEL;YAAS;YAClBQ,KAAKL;YACLN,WAAWJ,WACTE,MAAM,CAAC,wBAAwB,EAC/BM,WAAW,KAAKN,MAAM,CAAC,mCAAmC;sBAG3DI;;;AAIT;AAEA,SAASH,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/Typography/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport type { HasRootRef } from '../../../types';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './EllipsisText.module.css';\n\nexport interface EllipsisTextProps\n  extends RootComponentProps<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Пользовательская маскимальная ширина.\n   *\n   * Используйте в случаях, когда у контейнера ширина зависит от размера контента,\n   * другими словами, когда ширина не ограничена.\n   */\n  maxWidth?: number;\n  /**\n   * Максимальное количество видимых строк\n   *\n   * > При `maxLines > 1` используется свойство line-clamp, которое поддерживается не всеми версиями браузеров. Используйте с осторожностью\n   * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n   */\n  maxLines?: number;\n}\n\n/** Компонент ограничивает текстовый контент убирая его в многоточие.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/EllipsisText\n */\nconst EllipsisText = ({\n  className,\n  getRootRef,\n  children,\n  maxWidth,\n  maxLines = 1,\n  ...restProps\n}: EllipsisTextProps): React.ReactNode => {\n  const contentRef = useRef<HTMLSpanElement | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (contentRef && contentRef.current) {\n      contentRef.current.style.setProperty('-webkit-line-clamp', maxLines > 1 ? `${maxLines}` : '');\n    }\n  }, [contentRef, maxLines]);\n\n  return (\n    <span ref={getRootRef} className={classNames(styles['EllipsisText'], className)} {...restProps}>\n      <span\n        style={{ maxWidth }}\n        ref={contentRef}\n        className={classNames(\n          styles['EllipsisText__content'],\n          maxLines > 1 && styles['EllipsisText__content--multiline'],\n        )}\n      >\n        {children}\n      </span>\n    </span>\n  );\n};\n\nexport { EllipsisText };\n"],"names":["useRef","classNames","useIsomorphicLayoutEffect","styles","EllipsisText","className","getRootRef","children","maxWidth","maxLines","restProps","contentRef","current","style","setProperty","span","ref"],"mappings":";AAAA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,yCAAyC;AAGnF,OAAOC,YAAY,4BAA4B;AAqB/C;;;;CAIC,GACD,MAAMC,eAAe,CAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,CAAC,EACZ,GAAGC,WACe;IAClB,MAAMC,aAAaX,OAA+B;IAElDE,0BAA0B;QACxB,IAAIS,cAAcA,WAAWC,OAAO,EAAE;YACpCD,WAAWC,OAAO,CAACC,KAAK,CAACC,WAAW,CAAC,sBAAsBL,WAAW,IAAI,CAAC,EAAEA,SAAS,CAAC,GAAG;QAC5F;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACM;QAAKC,KAAKV;QAAYD,WAAWJ,WAAWE,MAAM,CAAC,eAAe,EAAEE;QAAa,GAAGK,SAAS;kBAC5F,cAAA,KAACK;YACCF,OAAO;gBAAEL;YAAS;YAClBQ,KAAKL;YACLN,WAAWJ,WACTE,MAAM,CAAC,wBAAwB,EAC/BM,WAAW,KAAKN,MAAM,CAAC,mCAAmC;sBAG3DI;;;AAIT;AAEA,SAASH,YAAY,GAAG"}

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

@@ -1,4 +1,4 @@
-import { HasCaps, TypographyProps } from '../Typography';
+import { type HasCaps, type TypographyProps } from '../Typography';
 export interface FootnoteProps extends TypographyProps, HasCaps {
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Footnote.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,OAAO;CAAG;AAElE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oEAOlB,aAAa,KAAG,KAAK,CAAC,SAQxB,CAAC"}
+{"version":3,"file":"Footnote.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ/E,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,OAAO;CAAG;AAElE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oEAOlB,aAAa,KAAG,KAAK,CAAC,SAiBxB,CAAC"}

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

@@ -1,17 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from '@vkontakte/vkjs';
+import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { Typography } from '../Typography';
 import styles from './Footnote.module.css';
+const sizeYClassNames = {
+    none: styles['Footnote--sizeY-none'],
+    compact: styles['Footnote--sizeY-compact']
+};
 /**
  * Используется для основных подписей.
  *
  * @see https://vkcom.github.io/VKUI/#/Footnote
- */ export const Footnote = ({ className, caps, Component = 'span', normalize = true, inline = false, ...restProps })=>/*#__PURE__*/ _jsx(Typography, {
+ */ export const Footnote = ({ className, caps, Component = 'span', normalize = true, inline = false, ...restProps })=>{
+    const { sizeY = 'none' } = useAdaptivity();
+    return /*#__PURE__*/ _jsx(Typography, {
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: classNames(className, styles['Footnote'], caps && styles['Footnote--caps']),
+        className: classNames(className, sizeY !== 'regular' && sizeYClassNames[sizeY], 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 { 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 * Используется для основных подписей.\n *\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  caps,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: FootnoteProps): React.ReactNode => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    inline={inline}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["classNames","Typography","styles","Footnote","className","caps","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,wBAAwB;AAI3C;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW,iBACd,KAACR;QACCK,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGO,SAAS;OAEf"}
+{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { type HasCaps, Typography, type TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Footnote--sizeY-none'],\n  compact: styles['Footnote--sizeY-compact'],\n};\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\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  inline = false,\n  ...restProps\n}: FootnoteProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        styles['Footnote'],\n        caps && styles['Footnote--caps'],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","compact","Footnote","className","caps","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAAuBC,UAAU,QAA8B,gBAAgB;AAC/E,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpCG,SAASH,MAAM,CAAC,0BAA0B;AAC5C;AAIA;;;;CAIC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGb;IAE3B,qBACE,KAACC;QACCQ,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWR,WACTQ,WACAM,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,MAAM,CAAC,WAAW,EAClBM,QAAQN,MAAM,CAAC,iBAAiB;QAEjC,GAAGU,SAAS;;AAGnB,EAAE"}

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

@@ -5,6 +5,46 @@
   font-family: var(--vkui--font_footnote--font_family--regular);
 }
 
+.Footnote--sizeY-compact {
+  font-size: var(
+    --vkui--font_footnote--font_size--compact,
+    var(--vkui--font_footnote--font_size--regular)
+  );
+  line-height: var(
+    --vkui--font_footnote--line_height--compact,
+    var(--vkui--font_footnote--line_height--regular)
+  );
+  font-weight: var(
+    --vkui--font_footnote--font_weight--compact,
+    var(--vkui--font_footnote--font_weight--regular)
+  );
+  font-family: var(
+    --vkui--font_footnote--font_family--compact,
+    var(--vkui--font_footnote--font_family--regular)
+  );
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Footnote--sizeY-none {
+    font-size: var(
+      --vkui--font_footnote--font_size--compact,
+      var(--vkui--font_footnote--font_size--regular)
+    );
+    line-height: var(
+      --vkui--font_footnote--line_height--compact,
+      var(--vkui--font_footnote--line_height--regular)
+    );
+    font-weight: var(
+      --vkui--font_footnote--font_weight--compact,
+      var(--vkui--font_footnote--font_weight--regular)
+    );
+    font-family: var(
+      --vkui--font_footnote--font_family--compact,
+      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);
@@ -12,3 +52,43 @@
   font-family: var(--vkui--font_footnote_caps--font_family--regular);
   text-transform: uppercase;
 }
+
+.Footnote--sizeY-compact.Footnote--caps {
+  font-size: var(
+    --vkui--font_footnote_caps--font_size--compact,
+    var(--vkui--font_footnote_caps--font_size--regular)
+  );
+  line-height: var(
+    --vkui--font_footnote_caps--line_height--compact,
+    var(--vkui--font_footnote_caps--line_height--regular)
+  );
+  font-weight: var(
+    --vkui--font_footnote_caps--font_weight--compact,
+    var(--vkui--font_footnote_caps--font_weight--regular)
+  );
+  font-family: var(
+    --vkui--font_footnote_caps--font_family--compact,
+    var(--vkui--font_footnote_caps--font_family--regular)
+  );
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Footnote--sizeY-none.Footnote--caps {
+    font-size: var(
+      --vkui--font_footnote_caps--font_size--compact,
+      var(--vkui--font_footnote_caps--font_size--regular)
+    );
+    line-height: var(
+      --vkui--font_footnote_caps--line_height--compact,
+      var(--vkui--font_footnote_caps--line_height--regular)
+    );
+    font-weight: var(
+      --vkui--font_footnote_caps--font_weight--compact,
+      var(--vkui--font_footnote_caps--font_weight--regular)
+    );
+    font-family: var(
+      --vkui--font_footnote_caps--font_family--compact,
+      var(--vkui--font_footnote_caps--font_family--regular)
+    );
+  }
+}

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

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export interface HeadlineProps extends TypographyProps {
     level?: '1' | '2';
 }
@@ -7,5 +7,5 @@ export interface HeadlineProps extends TypographyProps {
  *
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
-export declare const Headline: ({ className, weight, level, Component, normalize, inline, ...restProps }: HeadlineProps) => React.ReactNode;
+export declare const Headline: ({ className, level, Component, normalize, inline, ...restProps }: HeadlineProps) => React.ReactNode;
 //# sourceMappingURL=Headline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAa5D,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,6EAQlB,aAAa,KAAG,KAAK,CAAC,SAiBxB,CAAC"}
+{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAajE,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qEAOlB,aAAa,KAAG,KAAK,CAAC,SAgBxB,CAAC"}

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

@@ -9,19 +9,18 @@ const stylesLevel = {
 };
 const sizeYClassNames = {
     none: styles['Headline--sizeY-none'],
-    ['compact']: styles['Headline--sizeY-compact']
+    compact: styles['Headline--sizeY-compact']
 };
 /**
  * Используется для подзаголовков.
  *
  * @see https://vkcom.github.io/VKUI/#/Headline
- */ export const Headline = ({ className, weight = '3', level = '1', Component = 'span', normalize = true, inline = false, ...restProps })=>{
+ */ export const Headline = ({ className, level = '1', Component = 'span', normalize = true, inline = false, ...restProps })=>{
     const { sizeY = 'none' } = useAdaptivity();
     return /*#__PURE__*/ _jsx(Typography, {
         Component: Component,
         normalize: normalize,
         inline: inline,
-        weight: weight,
         className: classNames(className, sizeY !== 'regular' && sizeYClassNames[sizeY], stylesLevel[level]),
         ...restProps
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst stylesLevel = {\n  '1': styles['Headline--level-1'],\n  '2': styles['Headline--level-2'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  ['compact']: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n  level?: '1' | '2';\n}\n\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 = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: HeadlineProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      weight={weight}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","stylesLevel","sizeYClassNames","none","Headline","className","weight","level","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,oBAAoB;IAChC,KAAKA,MAAM,CAAC,oBAAoB;AAClC;AAEA,MAAME,kBAAkB;IACtBC,MAAMH,MAAM,CAAC,uBAAuB;IACpC,CAAC,UAAU,EAAEA,MAAM,CAAC,0BAA0B;AAChD;AAMA;;;;CAIC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGd;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,QAAQA;QACRD,WAAWR,WACTQ,WACAO,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;QAEnB,GAAGI,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst stylesLevel = {\n  '1': styles['Headline--level-1'],\n  '2': styles['Headline--level-2'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  compact: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n  level?: '1' | '2';\n}\n\n/**\n * Используется для подзаголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: HeadlineProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","stylesLevel","sizeYClassNames","none","compact","Headline","className","level","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,oBAAoB;IAChC,KAAKA,MAAM,CAAC,oBAAoB;AAClC;AAEA,MAAME,kBAAkB;IACtBC,MAAMH,MAAM,CAAC,uBAAuB;IACpCI,SAASJ,MAAM,CAAC,0BAA0B;AAC5C;AAMA;;;;CAIC,GACD,OAAO,MAAMK,WAAW,CAAC,EACvBC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGd;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWT,WACTS,WACAM,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;QAEnB,GAAGI,SAAS;;AAGnB,EAAE"}

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

@@ -6,14 +6,34 @@
 }
 
 .Headline--sizeY-compact.Headline--level-1 {
-  font-size: var(--vkui--font_headline1--font_size--compact);
-  line-height: var(--vkui--font_headline1--line_height--compact);
+  font-size: var(
+    --vkui--font_headline1--font_size--compact,
+    var(--vkui--font_headline1--font_size--regular)
+  );
+  line-height: var(
+    --vkui--font_headline1--line_height--compact,
+    var(--vkui--font_headline1--line_height--regular)
+  );
+  font-weight: var(
+    --vkui--font_headline1--font_weight--compact,
+    var(--vkui--font_headline1--font_weight--regular)
+  );
 }
 
 @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);
+    font-size: var(
+      --vkui--font_headline1--font_size--compact,
+      var(--vkui--font_headline1--font_size--regular)
+    );
+    line-height: var(
+      --vkui--font_headline1--line_height--compact,
+      var(--vkui--font_headline1--line_height--regular)
+    );
+    font-weight: var(
+      --vkui--font_headline1--font_weight--compact,
+      var(--vkui--font_headline1--font_weight--regular)
+    );
   }
 }
 
@@ -25,13 +45,33 @@
 }
 
 .Headline--sizeY-compact.Headline--level-2 {
-  font-size: var(--vkui--font_headline2--font_size--compact);
-  line-height: var(--vkui--font_headline2--line_height--compact);
+  font-size: var(
+    --vkui--font_headline2--font_size--compact,
+    var(--vkui--font_headline2--font_size--regular)
+  );
+  line-height: var(
+    --vkui--font_headline2--line_height--compact,
+    var(--vkui--font_headline2--line_height--regular)
+  );
+  font-weight: var(
+    --vkui--font_headline2--font_weight--compact,
+    var(--vkui--font_headline2--font_weight--regular)
+  );
 }
 
 @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);
+    font-size: var(
+      --vkui--font_headline2--font_size--compact,
+      var(--vkui--font_headline2--font_size--regular)
+    );
+    line-height: var(
+      --vkui--font_headline2--line_height--compact,
+      var(--vkui--font_headline2--line_height--regular)
+    );
+    font-weight: var(
+      --vkui--font_headline2--font_weight--compact,
+      var(--vkui--font_headline2--font_weight--regular)
+    );
   }
 }

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

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export type ParagraphProps = TypographyProps;
 /**
  * Используется для основного текста.

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,SAAS,8DAMnB,cAAc,KAAG,KAAK,CAAC,SAUzB,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAQjE,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,SAAS,8DAMnB,cAAc,KAAG,KAAK,CAAC,SAgBzB,CAAC"}

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

@@ -1,17 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from '@vkontakte/vkjs';
+import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { Typography } from '../Typography';
 import styles from './Paragraph.module.css';
+const sizeYClassNames = {
+    none: styles['Paragraph--sizeY-none'],
+    compact: styles['Paragraph--sizeY-compact']
+};
 /**
  * Используется для основного текста.
  *
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */ export const Paragraph = ({ className, Component = 'span', normalize = false, inline = false, ...restProps })=>{
+    const { sizeY = 'none' } = useAdaptivity();
     return /*#__PURE__*/ _jsx(Typography, {
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: classNames(className, styles['Paragraph']),
+        className: classNames(className, styles['Paragraph'], sizeY !== 'regular' && sizeYClassNames[sizeY]),
         ...restProps
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/**\n * Используется для основного текста.\n *\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  normalize = false,\n  inline = false,\n  ...restProps\n}: ParagraphProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","Paragraph","className","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,yBAAyB;AAI5C;;;;CAIC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EACd,GAAGC,WACY;IACf,qBACE,KAACP;QACCI,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGM,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Paragraph--sizeY-none'],\n  compact: styles['Paragraph--sizeY-compact'],\n};\n\nexport type ParagraphProps = TypographyProps;\n\n/**\n * Используется для основного текста.\n *\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  normalize = false,\n  inline = false,\n  ...restProps\n}: ParagraphProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        styles['Paragraph'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","compact","Paragraph","className","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,yBAAyB;AAE5C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,wBAAwB;IACrCG,SAASH,MAAM,CAAC,2BAA2B;AAC7C;AAIA;;;;CAIC,GACD,OAAO,MAAMI,YAAY,CAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EACd,GAAGC,WACY;IACf,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGZ;IAE3B,qBACE,KAACC;QACCO,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWR,WACTQ,WACAL,MAAM,CAAC,YAAY,EACnBU,UAAU,aAAaT,eAAe,CAACS,MAAM;QAE9C,GAAGD,SAAS;;AAGnB,EAAE"}

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

@@ -4,3 +4,43 @@
   font-weight: var(--vkui--font_paragraph--font_weight--regular);
   font-family: var(--vkui--font_paragraph--font_family--regular);
 }
+
+.Paragraph--sizeY-compact {
+  font-size: var(
+    --vkui--font_paragraph--font_size--compact,
+    var(--vkui--font_paragraph--font_size--regular)
+  );
+  line-height: var(
+    --vkui--font_paragraph--line_height--compact,
+    var(--vkui--font_paragraph--line_height--regular)
+  );
+  font-weight: var(
+    --vkui--font_paragraph--font_weight--compact,
+    var(--vkui--font_paragraph--font_weight--regular)
+  );
+  font-family: var(
+    --vkui--font_paragraph--font_family--compact,
+    var(--vkui--font_paragraph--font_family--regular)
+  );
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Paragraph--sizeY-none {
+    font-size: var(
+      --vkui--font_paragraph--font_size--compact,
+      var(--vkui--font_paragraph--font_size--regular)
+    );
+    line-height: var(
+      --vkui--font_paragraph--line_height--compact,
+      var(--vkui--font_paragraph--line_height--regular)
+    );
+    font-weight: var(
+      --vkui--font_paragraph--font_weight--compact,
+      var(--vkui--font_paragraph--font_weight--regular)
+    );
+    font-family: var(
+      --vkui--font_paragraph--font_family--compact,
+      var(--vkui--font_paragraph--font_family--regular)
+    );
+  }
+}

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

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export type SubheadProps = TypographyProps;
 /**
  * Используется для подзаголовков 2 уровня.

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

@@ -1 +1 @@
-{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,OAAO,8DAMjB,YAAY,KAAG,KAAK,CAAC,SAgBvB,CAAC"}
+{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAQjE,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,OAAO,8DAMjB,YAAY,KAAG,KAAK,CAAC,SAgBvB,CAAC"}

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

@@ -5,7 +5,7 @@ import { Typography } from '../Typography';
 import styles from './Subhead.module.css';
 const sizeYClassNames = {
     none: styles['Subhead--sizeY-none'],
-    ['compact']: styles['Subhead--sizeY-compact']
+    compact: styles['Subhead--sizeY-compact']
 };
 /**
  * Используется для подзаголовков 2 уровня.

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  ['compact']: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/**\n * Используется для подзаголовков 2 уровня.\n *\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: SubheadProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","Subhead","className","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAAC,UAAU,EAAEA,MAAM,CAAC,yBAAyB;AAC/C;AAIA;;;;CAIC,GACD,OAAO,MAAMG,UAAU,CAAC,EACtBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGX;IAE3B,qBACE,KAACC;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWP,WACTO,WACAJ,MAAM,CAAC,UAAU,EACjBS,UAAU,aAAaR,eAAe,CAACQ,MAAM;QAE9C,GAAGD,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  compact: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/**\n * Используется для подзаголовков 2 уровня.\n *\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: SubheadProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","compact","Subhead","className","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnCG,SAASH,MAAM,CAAC,yBAAyB;AAC3C;AAIA;;;;CAIC,GACD,OAAO,MAAMI,UAAU,CAAC,EACtBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACU;IACb,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGZ;IAE3B,qBACE,KAACC;QACCO,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWR,WACTQ,WACAL,MAAM,CAAC,UAAU,EACjBU,UAAU,aAAaT,eAAe,CAACS,MAAM;QAE9C,GAAGD,SAAS;;AAGnB,EAAE"}

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

@@ -6,13 +6,41 @@
 }
 
 .Subhead--sizeY-compact {
-  font-size: var(--vkui--font_subhead--font_size--compact);
-  line-height: var(--vkui--font_subhead--line_height--compact);
+  font-size: var(
+    --vkui--font_subhead--font_size--compact,
+    var(--vkui--font_subhead--font_size--regular)
+  );
+  line-height: var(
+    --vkui--font_subhead--line_height--compact,
+    var(--vkui--font_subhead--line_height--regular)
+  );
+  font-weight: var(
+    --vkui--font_subhead--font_weight--compact,
+    var(--vkui--font_subhead--font_weight--regular)
+  );
+  font-family: var(
+    --vkui--font_subhead--font_family--compact,
+    var(--vkui--font_subhead--font_family--regular)
+  );
 }
 
 @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);
+    font-size: var(
+      --vkui--font_subhead--font_size--compact,
+      var(--vkui--font_subhead--font_size--regular)
+    );
+    line-height: var(
+      --vkui--font_subhead--line_height--compact,
+      var(--vkui--font_subhead--line_height--regular)
+    );
+    font-weight: var(
+      --vkui--font_subhead--font_weight--compact,
+      var(--vkui--font_subhead--font_weight--regular)
+    );
+    font-family: var(
+      --vkui--font_subhead--font_family--compact,
+      var(--vkui--font_subhead--font_family--regular)
+    );
   }
 }

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

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export type TextProps = TypographyProps;
 /**
  * Основной наборный текст.

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,IAAI,8DAMd,SAAS,KAAG,KAAK,CAAC,SAgBpB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAQjE,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,IAAI,8DAMd,SAAS,KAAG,KAAK,CAAC,SAgBpB,CAAC"}

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

@@ -5,7 +5,7 @@ import { Typography } from '../Typography';
 import styles from './Text.module.css';
 const sizeYClassNames = {
     none: styles['Text--sizeY-none'],
-    ['compact']: styles['Text--sizeY-compact']
+    compact: styles['Text--sizeY-compact']
 };
 /**
  * Основной наборный текст.

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Text--sizeY-none'],\n  ['compact']: styles['Text--sizeY-compact'],\n};\n\nexport type TextProps = TypographyProps;\n\n/**\n * Основной наборный текст.\n *\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: TextProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        styles['Text'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","Text","className","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,oBAAoB;AAEvC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,mBAAmB;IAChC,CAAC,UAAU,EAAEA,MAAM,CAAC,sBAAsB;AAC5C;AAIA;;;;CAIC,GACD,OAAO,MAAMG,OAAO,CAAC,EACnBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACO;IACV,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGX;IAE3B,qBACE,KAACC;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWP,WACTO,WACAJ,MAAM,CAAC,OAAO,EACdS,UAAU,aAAaR,eAAe,CAACQ,MAAM;QAE9C,GAAGD,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Text--sizeY-none'],\n  compact: styles['Text--sizeY-compact'],\n};\n\nexport type TextProps = TypographyProps;\n\n/**\n * Основной наборный текст.\n *\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  className,\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: TextProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        styles['Text'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","compact","Text","className","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,oBAAoB;AAEvC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,mBAAmB;IAChCG,SAASH,MAAM,CAAC,sBAAsB;AACxC;AAIA;;;;CAIC,GACD,OAAO,MAAMI,OAAO,CAAC,EACnBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACO;IACV,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGZ;IAE3B,qBACE,KAACC;QACCO,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWR,WACTQ,WACAL,MAAM,CAAC,OAAO,EACdU,UAAU,aAAaT,eAAe,CAACS,MAAM;QAE9C,GAAGD,SAAS;;AAGnB,EAAE"}

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

@@ -6,13 +6,38 @@
 }
 
 .Text--sizeY-compact {
-  font-size: var(--vkui--font_text--font_size--compact);
-  line-height: var(--vkui--font_text--line_height--compact);
+  font-size: var(--vkui--font_text--font_size--compact, var(--vkui--font_text--font_size--regular));
+  line-height: var(
+    --vkui--font_text--line_height--compact,
+    var(--vkui--font_text--line_height--regular)
+  );
+  font-weight: var(
+    --vkui--font_text--font_weight--compact,
+    var(--vkui--font_text--font_weight--regular)
+  );
+  font-family: var(
+    --vkui--font_text--font_family--compact,
+    var(--vkui--font_text--font_family--regular)
+  );
 }
 
 @media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
   .Text--sizeY-none {
-    font-size: var(--vkui--font_text--font_size--compact);
-    line-height: var(--vkui--font_text--line_height--compact);
+    font-size: var(
+      --vkui--font_text--font_size--compact,
+      var(--vkui--font_text--font_size--regular)
+    );
+    line-height: var(
+      --vkui--font_text--line_height--compact,
+      var(--vkui--font_text--line_height--regular)
+    );
+    font-weight: var(
+      --vkui--font_text--font_weight--compact,
+      var(--vkui--font_text--font_weight--regular)
+    );
+    font-family: var(
+      --vkui--font_text--font_family--compact,
+      var(--vkui--font_text--font_family--regular)
+    );
   }
 }

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

@@ -1,4 +1,4 @@
-import { TypographyProps } from '../Typography';
+import { type TypographyProps } from '../Typography';
 export interface TitleProps extends TypographyProps {
     level?: '1' | '2' | '3';
 }

package/dist/cssm/components/Typography/Title/Title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAS5D,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,qEAOf,UAAU,KAAG,KAAK,CAAC,SAUrB,CAAC"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAcjE,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,qEAOf,UAAU,KAAG,KAAK,CAAC,SAgBrB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from '@vkontakte/vkjs';
+import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { Typography } from '../Typography';
 import styles from './Title.module.css';
 const stylesLevel = {
@@ -7,16 +8,21 @@ const stylesLevel = {
     '2': styles['Title--level-2'],
     '3': styles['Title--level-3']
 };
+const sizeYClassNames = {
+    none: styles['Title--sizeY-none'],
+    compact: styles['Title--sizeY-compact']
+};
 /**
  * Используется для заголовков.
  *
  * @see https://vkcom.github.io/VKUI/#/Title
  */ export const Title = ({ className, level = '1', Component = 'span', normalize = true, inline = false, ...restProps })=>{
+    const { sizeY = 'none' } = useAdaptivity();
     return /*#__PURE__*/ _jsx(Typography, {
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: classNames(className, stylesLevel[level]),
+        className: classNames(className, sizeY !== 'regular' && sizeYClassNames[sizeY], stylesLevel[level]),
         ...restProps
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Title.module.css';\n\nconst stylesLevel = {\n  '1': styles['Title--level-1'],\n  '2': styles['Title--level-2'],\n  '3': styles['Title--level-3'],\n};\n\nexport interface TitleProps extends TypographyProps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: TitleProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","Title","className","level","Component","normalize","inline","restProps"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,iBAAiB;IAC7B,KAAKA,MAAM,CAAC,iBAAiB;IAC7B,KAAKA,MAAM,CAAC,iBAAiB;AAC/B;AAMA;;;;CAIC,GACD,OAAO,MAAME,QAAQ,CAAC,EACpBC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACQ;IACX,qBACE,KAACT;QACCM,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWL,WAAWK,WAAWF,WAAW,CAACG,MAAM;QAClD,GAAGI,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './Title.module.css';\n\nconst stylesLevel = {\n  '1': styles['Title--level-1'],\n  '2': styles['Title--level-2'],\n  '3': styles['Title--level-3'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Title--sizeY-none'],\n  compact: styles['Title--sizeY-compact'],\n};\n\nexport interface TitleProps extends TypographyProps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * Используется для заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: TitleProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(\n        className,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","stylesLevel","sizeYClassNames","none","compact","Title","className","level","Component","normalize","inline","restProps","sizeY"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,UAAU,QAA8B,gBAAgB;AACjE,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,cAAc;IAClB,KAAKD,MAAM,CAAC,iBAAiB;IAC7B,KAAKA,MAAM,CAAC,iBAAiB;IAC7B,KAAKA,MAAM,CAAC,iBAAiB;AAC/B;AAEA,MAAME,kBAAkB;IACtBC,MAAMH,MAAM,CAAC,oBAAoB;IACjCI,SAASJ,MAAM,CAAC,uBAAuB;AACzC;AAMA;;;;CAIC,GACD,OAAO,MAAMK,QAAQ,CAAC,EACpBC,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EACd,GAAGC,WACQ;IACX,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGd;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWT,WACTS,WACAM,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CX,WAAW,CAACM,MAAM;QAEnB,GAAGI,SAAS;;AAGnB,EAAE"}