@vkontakte/vkui 6.5.3 → 6.7.0

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

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

package/dist/cjs/components/Typography/Caption/Caption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AASrE,MAAM,WAAW,YAAa,SAAQ,eAAe,EAAE,OAAO;IAC5D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,2EAQjB,YAAY,KAAG,KAAK,CAAC,SAUvB,CAAC"}
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAc/E,MAAM,WAAW,YAAa,SAAQ,eAAe,EAAE,OAAO;IAC5D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,2EAQjB,YAAY,KAAG,KAAK,CAAC,SAiBvB,CAAC"}

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

@@ -12,12 +12,17 @@ const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
+const _useAdaptivity = require("../../../hooks/useAdaptivity");
 const _Typography = require("../Typography");
 const stylesLevel = {
     '1': "vkuiCaption--level-1",
     '2': "vkuiCaption--level-2",
     '3': "vkuiCaption--level-3"
 };
+const sizeYClassNames = {
+    none: "vkuiCaption--sizeY-none",
+    compact: "vkuiCaption--sizeY-compact"
+};
 const Caption = (_param)=>{
     var { className, level = '1', caps, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [
         "className",
@@ -27,11 +32,12 @@ const Caption = (_param)=>{
         "normalize",
         "inline"
     ]);
+    const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.Typography, _object_spread._({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: (0, _vkjs.classNames)(className, caps && "vkuiCaption--caps", stylesLevel[level])
+        className: (0, _vkjs.classNames)(className, sizeY !== 'regular' && sizeYClassNames[sizeY], caps && "vkuiCaption--caps", stylesLevel[level])
     }, restProps));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nconst stylesLevel = {\n  '1': styles['Caption--level-1'],\n  '2': styles['Caption--level-2'],\n  '3': styles['Caption--level-3'],\n};\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\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  inline = false,\n  ...restProps\n}: CaptionProps): React.ReactNode => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      inline={inline}\n      className={classNames(className, caps && styles['Caption--caps'], stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["Caption","stylesLevel","className","level","caps","Component","normalize","inline","restProps","Typography","classNames"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;sBAnBc;4BAC0B;AAGrD,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAWO,MAAMD,UAAU;QAAC,EACtBE,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAED,WADVC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,sBAAU;QACTJ,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRL,WAAWQ,IAAAA,gBAAU,EAACR,WAAWE,6BAAiCH,WAAW,CAACE,MAAM;OAChFK;AAGV"}
+{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { type HasCaps, Typography, type TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nconst stylesLevel = {\n  '1': styles['Caption--level-1'],\n  '2': styles['Caption--level-2'],\n  '3': styles['Caption--level-3'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Caption--sizeY-none'],\n  compact: styles['Caption--sizeY-compact'],\n};\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n  level?: '1' | '2' | '3';\n}\n\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  inline = false,\n  ...restProps\n}: CaptionProps): 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        caps && styles['Caption--caps'],\n        stylesLevel[level],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["Caption","stylesLevel","sizeYClassNames","none","compact","className","level","caps","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;sBAzBc;+BACG;4BACiC;AAG/D,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAWO,MAAMJ,UAAU;QAAC,EACtBK,SAAS,EACTC,QAAQ,GAAG,EACXC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAED,WADVC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRL,WAAWU,IAAAA,gBAAU,EACnBV,WACAO,UAAU,aAAaV,eAAe,CAACU,MAAM,EAC7CL,6BACAN,WAAW,CAACK,MAAM;OAEhBK;AAGV"}

package/dist/cjs/components/Typography/DisplayTitle/DisplayTitle.d.ts

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

package/dist/cjs/components/Typography/DisplayTitle/DisplayTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAU5D,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,qEAOtB,iBAAiB,KAAG,KAAK,CAAC,SAU5B,CAAC"}
+{"version":3,"file":"DisplayTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAejE,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,qEAOtB,iBAAiB,KAAG,KAAK,CAAC,SAgB5B,CAAC"}

package/dist/cjs/components/Typography/DisplayTitle/DisplayTitle.js

@@ -12,6 +12,7 @@ const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
+const _useAdaptivity = require("../../../hooks/useAdaptivity");
 const _Typography = require("../Typography");
 const stylesLevel = {
     '1': "vkuiDisplayTitle--level-1",
@@ -19,6 +20,10 @@ const stylesLevel = {
     '3': "vkuiDisplayTitle--level-3",
     '4': "vkuiDisplayTitle--level-4"
 };
+const sizeYClassNames = {
+    none: "vkuiDisplayTitle--sizeY-none",
+    compact: "vkuiDisplayTitle--sizeY-compact"
+};
 const DisplayTitle = (_param)=>{
     var { className, level = '1', Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [
         "className",
@@ -27,11 +32,12 @@ const DisplayTitle = (_param)=>{
         "normalize",
         "inline"
     ]);
+    const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.Typography, _object_spread._({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: (0, _vkjs.classNames)(className, stylesLevel[level])
+        className: (0, _vkjs.classNames)(className, sizeY !== 'regular' && sizeYClassNames[sizeY], stylesLevel[level])
     }, restProps));
 };
 

package/dist/cjs/components/Typography/DisplayTitle/DisplayTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './DisplayTitle.module.css';\n\nconst stylesLevel = {\n  '1': styles['DisplayTitle--level-1'],\n  '2': styles['DisplayTitle--level-2'],\n  '3': styles['DisplayTitle--level-3'],\n  '4': styles['DisplayTitle--level-4'],\n};\n\nexport interface DisplayTitleProps extends TypographyProps {\n  level?: '1' | '2' | '3' | '4';\n}\n\n/**\n * Используется для крупных заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/DisplayTitle\n */\nexport const DisplayTitle = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: DisplayTitleProps): 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":["DisplayTitle","stylesLevel","className","level","Component","normalize","inline","restProps","Typography","classNames"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;;;sBApBc;4BACiB;AAG5C,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAWO,MAAMD,eAAe;QAAC,EAC3BE,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEI,WADfC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,sBAAU;QACTJ,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWO,IAAAA,gBAAU,EAACP,WAAWD,WAAW,CAACE,MAAM;OAC/CI;AAGV"}
+{"version":3,"sources":["../../../../../src/components/Typography/DisplayTitle/DisplayTitle.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { Typography, type TypographyProps } from '../Typography';\nimport styles from './DisplayTitle.module.css';\n\nconst stylesLevel = {\n  '1': styles['DisplayTitle--level-1'],\n  '2': styles['DisplayTitle--level-2'],\n  '3': styles['DisplayTitle--level-3'],\n  '4': styles['DisplayTitle--level-4'],\n};\n\nconst sizeYClassNames = {\n  none: styles['DisplayTitle--sizeY-none'],\n  compact: styles['DisplayTitle--sizeY-compact'],\n};\n\nexport interface DisplayTitleProps extends TypographyProps {\n  level?: '1' | '2' | '3' | '4';\n}\n\n/**\n * Используется для крупных заголовков.\n *\n * @see https://vkcom.github.io/VKUI/#/DisplayTitle\n */\nexport const DisplayTitle = ({\n  className,\n  level = '1',\n  Component = 'span',\n  normalize = true,\n  inline = false,\n  ...restProps\n}: DisplayTitleProps): 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":["DisplayTitle","stylesLevel","sizeYClassNames","none","compact","className","level","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;;sBA1Bc;+BACG;4BACmB;AAGjD,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAWO,MAAMJ,eAAe;QAAC,EAC3BK,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEI,WADfC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWS,IAAAA,gBAAU,EACnBT,WACAM,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7CV,WAAW,CAACK,MAAM;OAEhBI;AAGV"}

package/dist/cjs/components/Typography/EllipsisText/EllipsisText.d.ts

@@ -1,5 +1,5 @@
-import { HasRootRef } from '../../../types';
-import { RootComponentProps } from '../../RootComponent/RootComponent';
+import type { HasRootRef } from '../../../types';
+import type { RootComponentProps } from '../../RootComponent/RootComponent';
 export interface EllipsisTextProps extends RootComponentProps<HTMLElement>, HasRootRef<HTMLElement> {
     /**
      * Пользовательская маскимальная ширина.

package/dist/cjs/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/cjs/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":["EllipsisText","className","getRootRef","children","maxWidth","maxLines","restProps","contentRef","useRef","useIsomorphicLayoutEffect","current","style","setProperty","span","ref","classNames"],"mappings":";;;;+BA+DSA;;;eAAAA;;;;;;;uBA/Dc;sBACI;2CACe;AAwB1C;;;;CAIC,GACD,MAAMA,eAAe;QAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,CAAC,EAEM,WADfC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,aAAaC,IAAAA,aAAM,EAAyB;IAElDC,IAAAA,oDAAyB,EAAC;QACxB,IAAIF,cAAcA,WAAWG,OAAO,EAAE;YACpCH,WAAWG,OAAO,CAACC,KAAK,CAACC,WAAW,CAAC,sBAAsBP,WAAW,IAAI,CAAC,EAAEA,SAAS,CAAC,GAAG;QAC5F;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,qBAACQ;QAAKC,KAAKZ;QAAYD,WAAWc,IAAAA,gBAAU,sBAAyBd;OAAgBK;kBACnF,cAAA,qBAACO;YACCF,OAAO;gBAAEP;YAAS;YAClBU,KAAKP;YACLN,WAAWc,IAAAA,gBAAU,+BAEnBV,WAAW;sBAGZF;;;AAIT"}
+{"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":["EllipsisText","className","getRootRef","children","maxWidth","maxLines","restProps","contentRef","useRef","useIsomorphicLayoutEffect","current","style","setProperty","span","ref","classNames"],"mappings":";;;;+BA+DSA;;;eAAAA;;;;;;;uBA/Dc;sBACI;2CACe;AAwB1C;;;;CAIC,GACD,MAAMA,eAAe;QAAC,EACpBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,CAAC,EAEM,WADfC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,aAAaC,IAAAA,aAAM,EAAyB;IAElDC,IAAAA,oDAAyB,EAAC;QACxB,IAAIF,cAAcA,WAAWG,OAAO,EAAE;YACpCH,WAAWG,OAAO,CAACC,KAAK,CAACC,WAAW,CAAC,sBAAsBP,WAAW,IAAI,CAAC,EAAEA,SAAS,CAAC,GAAG;QAC5F;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,qBAACQ;QAAKC,KAAKZ;QAAYD,WAAWc,IAAAA,gBAAU,sBAAyBd;OAAgBK;kBACnF,cAAA,qBAACO;YACCF,OAAO;gBAAEP;YAAS;YAClBU,KAAKP;YACLN,WAAWc,IAAAA,gBAAU,+BAEnBV,WAAW;sBAGZF;;;AAIT"}

package/dist/cjs/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/cjs/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/cjs/components/Typography/Footnote/Footnote.js

@@ -12,7 +12,12 @@ const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
+const _useAdaptivity = require("../../../hooks/useAdaptivity");
 const _Typography = require("../Typography");
+const sizeYClassNames = {
+    none: "vkuiFootnote--sizeY-none",
+    compact: "vkuiFootnote--sizeY-compact"
+};
 const Footnote = (_param)=>{
     var { className, caps, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [
         "className",
@@ -21,11 +26,12 @@ const Footnote = (_param)=>{
         "normalize",
         "inline"
     ]);
+    const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.Typography, _object_spread._({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: (0, _vkjs.classNames)(className, "vkuiFootnote", caps && "vkuiFootnote--caps")
+        className: (0, _vkjs.classNames)(className, sizeY !== 'regular' && sizeYClassNames[sizeY], "vkuiFootnote", caps && "vkuiFootnote--caps")
     }, restProps));
 };
 

package/dist/cjs/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":["Footnote","className","caps","Component","normalize","inline","restProps","Typography","classNames"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;sBAXc;4BAC0B;AAU9C,MAAMA,WAAW;QAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEA,WADXC;QALHL;QACAC;QACAC;QACAC;QACAC;;yBAGA,qBAACE,sBAAU;QACTJ,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWO,IAAAA,gBAAU,EAACP,2BAA+BC;OACjDI"}
+{"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":["Footnote","sizeYClassNames","none","compact","className","caps","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;sBAjBc;+BACG;4BACiC;AAG/D,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AASO,MAAMH,WAAW;QAAC,EACvBI,SAAS,EACTC,IAAI,EACJC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEA,WADXC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWS,IAAAA,gBAAU,EACnBT,WACAM,UAAU,aAAaT,eAAe,CAACS,MAAM,kBAE7CL;OAEEI;AAGV"}

package/dist/cjs/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/cjs/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/cjs/components/Typography/Headline/Headline.js

@@ -20,12 +20,11 @@ const stylesLevel = {
 };
 const sizeYClassNames = {
     none: "vkuiHeadline--sizeY-none",
-    ['compact']: "vkuiHeadline--sizeY-compact"
+    compact: "vkuiHeadline--sizeY-compact"
 };
 const Headline = (_param)=>{
-    var { className, weight = '3', level = '1', Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [
+    var { className, level = '1', Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [
         "className",
-        "weight",
         "level",
         "Component",
         "normalize",
@@ -36,7 +35,6 @@ const Headline = (_param)=>{
         Component: Component,
         normalize: normalize,
         inline: inline,
-        weight: weight,
         className: (0, _vkjs.classNames)(className, sizeY !== 'regular' && sizeYClassNames[sizeY], stylesLevel[level])
     }, restProps));
 };

package/dist/cjs/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":["Headline","stylesLevel","sizeYClassNames","none","className","weight","level","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;sBAxBc;+BACG;4BACc;AAG5C,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAWO,MAAMH,WAAW;QAAC,EACvBI,SAAS,EACTC,SAAS,GAAG,EACZC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEA,WADXC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,QAAQA;QACRD,WAAWU,IAAAA,gBAAU,EACnBV,WACAO,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7CV,WAAW,CAACK,MAAM;OAEhBI;AAGV"}
+{"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":["Headline","stylesLevel","sizeYClassNames","none","compact","className","level","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;sBAxBc;+BACG;4BACmB;AAGjD,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAWO,MAAMJ,WAAW;QAAC,EACvBK,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEA,WADXC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWS,IAAAA,gBAAU,EACnBT,WACAM,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7CV,WAAW,CAACK,MAAM;OAEhBI;AAGV"}

package/dist/cjs/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/cjs/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/cjs/components/Typography/Paragraph/Paragraph.js

@@ -12,7 +12,12 @@ const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
+const _useAdaptivity = require("../../../hooks/useAdaptivity");
 const _Typography = require("../Typography");
+const sizeYClassNames = {
+    none: "vkuiParagraph--sizeY-none",
+    compact: "vkuiParagraph--sizeY-compact"
+};
 const Paragraph = (_param)=>{
     var { className, Component = 'span', normalize = false, inline = false } = _param, restProps = _object_without_properties._(_param, [
         "className",
@@ -20,11 +25,12 @@ const Paragraph = (_param)=>{
         "normalize",
         "inline"
     ]);
+    const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.Typography, _object_spread._({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: (0, _vkjs.classNames)(className, "vkuiParagraph")
+        className: (0, _vkjs.classNames)(className, "vkuiParagraph", sizeY !== 'regular' && sizeYClassNames[sizeY])
     }, restProps));
 };
 

package/dist/cjs/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":["Paragraph","className","Component","normalize","inline","restProps","Typography","classNames"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;sBAXc;4BACiB;AAUrC,MAAMA,YAAY;QAAC,EACxBC,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EAEC,WADZC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,sBAAU;QACTJ,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWM,IAAAA,gBAAU,EAACN;OAClBI;AAGV"}
+{"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":["Paragraph","sizeYClassNames","none","compact","className","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;sBAjBc;+BACG;4BACmB;AAGjD,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AASO,MAAMH,YAAY;QAAC,EACxBI,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,KAAK,EACjBC,SAAS,KAAK,EAEC,WADZC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWQ,IAAAA,gBAAU,EACnBR,4BAEAK,UAAU,aAAaR,eAAe,CAACQ,MAAM;OAE3CD;AAGV"}

package/dist/cjs/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/cjs/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/cjs/components/Typography/Subhead/Subhead.js

@@ -16,7 +16,7 @@ const _useAdaptivity = require("../../../hooks/useAdaptivity");
 const _Typography = require("../Typography");
 const sizeYClassNames = {
     none: "vkuiSubhead--sizeY-none",
-    ['compact']: "vkuiSubhead--sizeY-compact"
+    compact: "vkuiSubhead--sizeY-compact"
 };
 const Subhead = (_param)=>{
     var { className, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [

package/dist/cjs/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":["Subhead","sizeYClassNames","none","className","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;sBAjBc;+BACG;4BACc;AAG5C,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AASO,MAAMF,UAAU;QAAC,EACtBG,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAED,WADVC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWQ,IAAAA,gBAAU,EACnBR,0BAEAK,UAAU,aAAaP,eAAe,CAACO,MAAM;OAE3CD;AAGV"}
+{"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":["Subhead","sizeYClassNames","none","compact","className","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;sBAjBc;+BACG;4BACmB;AAGjD,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AASO,MAAMH,UAAU;QAAC,EACtBI,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAED,WADVC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWQ,IAAAA,gBAAU,EACnBR,0BAEAK,UAAU,aAAaR,eAAe,CAACQ,MAAM;OAE3CD;AAGV"}

package/dist/cjs/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/cjs/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/cjs/components/Typography/Text/Text.js

@@ -16,7 +16,7 @@ const _useAdaptivity = require("../../../hooks/useAdaptivity");
 const _Typography = require("../Typography");
 const sizeYClassNames = {
     none: "vkuiText--sizeY-none",
-    ['compact']: "vkuiText--sizeY-compact"
+    compact: "vkuiText--sizeY-compact"
 };
 const Text = (_param)=>{
     var { className, Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [

package/dist/cjs/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":["Text","sizeYClassNames","none","className","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;sBAjBc;+BACG;4BACc;AAG5C,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AASO,MAAMF,OAAO;QAAC,EACnBG,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEJ,WADPC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWQ,IAAAA,gBAAU,EACnBR,uBAEAK,UAAU,aAAaP,eAAe,CAACO,MAAM;OAE3CD;AAGV"}
+{"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":["Text","sizeYClassNames","none","compact","className","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;sBAjBc;+BACG;4BACmB;AAGjD,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AASO,MAAMH,OAAO;QAAC,EACnBI,SAAS,EACTC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEJ,WADPC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRH,WAAWQ,IAAAA,gBAAU,EACnBR,uBAEAK,UAAU,aAAaR,eAAe,CAACQ,MAAM;OAE3CD;AAGV"}

package/dist/cjs/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/cjs/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/cjs/components/Typography/Title/Title.js

@@ -12,12 +12,17 @@ const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
+const _useAdaptivity = require("../../../hooks/useAdaptivity");
 const _Typography = require("../Typography");
 const stylesLevel = {
     '1': "vkuiTitle--level-1",
     '2': "vkuiTitle--level-2",
     '3': "vkuiTitle--level-3"
 };
+const sizeYClassNames = {
+    none: "vkuiTitle--sizeY-none",
+    compact: "vkuiTitle--sizeY-compact"
+};
 const Title = (_param)=>{
     var { className, level = '1', Component = 'span', normalize = true, inline = false } = _param, restProps = _object_without_properties._(_param, [
         "className",
@@ -26,11 +31,12 @@ const Title = (_param)=>{
         "normalize",
         "inline"
     ]);
+    const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.Typography, _object_spread._({
         Component: Component,
         normalize: normalize,
         inline: inline,
-        className: (0, _vkjs.classNames)(className, stylesLevel[level])
+        className: (0, _vkjs.classNames)(className, sizeY !== 'regular' && sizeYClassNames[sizeY], stylesLevel[level])
     }, restProps));
 };
 

package/dist/cjs/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":["Title","stylesLevel","className","level","Component","normalize","inline","restProps","Typography","classNames"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;sBAnBc;4BACiB;AAG5C,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAWO,MAAMD,QAAQ;QAAC,EACpBE,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEH,WADRC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,sBAAU;QACTJ,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWO,IAAAA,gBAAU,EAACP,WAAWD,WAAW,CAACE,MAAM;OAC/CI;AAGV"}
+{"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":["Title","stylesLevel","sizeYClassNames","none","compact","className","level","Component","normalize","inline","restProps","sizeY","useAdaptivity","Typography","classNames"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;sBAzBc;+BACG;4BACmB;AAGjD,MAAMC,cAAc;IAClB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAWO,MAAMJ,QAAQ;QAAC,EACpBK,SAAS,EACTC,QAAQ,GAAG,EACXC,YAAY,MAAM,EAClBC,YAAY,IAAI,EAChBC,SAAS,KAAK,EAEH,WADRC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,sBAAU;QACTN,WAAWA;QACXC,WAAWA;QACXC,QAAQA;QACRJ,WAAWS,IAAAA,gBAAU,EACnBT,WACAM,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7CV,WAAW,CAACK,MAAM;OAEhBI;AAGV"}

package/dist/cjs/components/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../types';
+import type { HasComponent, HasRootRef } from '../../types';
 export interface HasCaps {
     caps?: boolean;
 }
@@ -8,6 +8,12 @@ export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, H
      * Задаёт начертание шрифта, отличное от стандартного.
      */
     weight?: '1' | '2' | '3';
+    /**
+     * Включает акцентный тип начертания шрифта.
+     * Используются токены fontWeightAccent[1, 2, 3]
+     * Используется только вместе с `weight`
+     */
+    useAccentWeight?: boolean;
     /**
      * Убирает внешние отступы
      */
@@ -17,5 +23,5 @@ export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, H
      */
     inline?: boolean;
 }
-export declare const Typography: ({ weight, Component, normalize, inline, ...restProps }: TypographyProps) => React.ReactNode;
+export declare const Typography: ({ weight, useAccentWeight, Component, normalize, inline, ...restProps }: TypographyProps) => React.ReactNode;
 //# sourceMappingURL=Typography.d.ts.map

package/dist/cjs/components/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUvD,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,YAAY,EACZ,UAAU,CAAC,WAAW,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,2DAMpB,eAAe,KAAG,KAAK,CAAC,SAW1B,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAU5D,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,YAAY,EACZ,UAAU,CAAC,WAAW,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,4EASpB,eAAe,KAAG,KAAK,CAAC,SAY1B,CAAC"}

package/dist/cjs/components/Typography/Typography.js

@@ -21,15 +21,17 @@ const stylesWeight = {
     '3': "vkuiTypography--weight-3"
 };
 const Typography = (_param)=>{
-    var { weight, Component = 'span', normalize, inline } = _param, restProps = _object_without_properties._(_param, [
+    var { weight, // TODO [>=7]: сделать по умолчанию false (нужен будет кодмод)
+    useAccentWeight = true, Component = 'span', normalize, inline } = _param, restProps = _object_without_properties._(_param, [
         "weight",
+        "useAccentWeight",
         "Component",
         "normalize",
         "inline"
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread._({
         Component: Component,
-        baseClassName: (0, _vkjs.classNames)("vkuiTypography", normalize && "vkuiTypography--normalize", inline && "vkuiTypography--inline", weight && stylesWeight[weight])
+        baseClassName: (0, _vkjs.classNames)("vkuiTypography", normalize && "vkuiTypography--normalize", inline && "vkuiTypography--inline", weight && stylesWeight[weight], weight && useAccentWeight && "vkuiTypography--accent")
     }, restProps));
 };
 

package/dist/cjs/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Typography.module.css';\n\nconst stylesWeight = {\n  '1': styles['Typography--weight-1'],\n  '2': styles['Typography--weight-2'],\n  '3': styles['Typography--weight-3'],\n};\n\nexport interface HasCaps {\n  caps?: boolean;\n}\n\nexport interface TypographyProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent,\n    HasRootRef<HTMLElement> {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  /**\n   * Убирает внешние отступы\n   */\n  normalize?: boolean;\n  /**\n   * Делает блок инлайновым\n   */\n  inline?: boolean;\n}\n\nexport const Typography = ({\n  weight,\n  Component = 'span',\n  normalize,\n  inline,\n  ...restProps\n}: TypographyProps): React.ReactNode => (\n  <RootComponent\n    Component={Component}\n    baseClassName={classNames(\n      styles['Typography'],\n      normalize && styles['Typography--normalize'],\n      inline && styles['Typography--inline'],\n      weight && stylesWeight[weight],\n    )}\n    {...restProps}\n  />\n);\n"],"names":["Typography","stylesWeight","weight","Component","normalize","inline","restProps","RootComponent","baseClassName","classNames"],"mappings":";;;;+BAkCaA;;;eAAAA;;;;;;;iEAlCU;sBACI;+BAEG;AAG9B,MAAMC,eAAe;IACnB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAwBO,MAAMD,aAAa;QAAC,EACzBE,MAAM,EACNC,YAAY,MAAM,EAClBC,SAAS,EACTC,MAAM,EAEU,WADbC;QAJHJ;QACAC;QACAC;QACAC;;yBAGA,qBAACE,4BAAa;QACZJ,WAAWA;QACXK,eAAeC,IAAAA,gBAAU,oBAEvBL,0CACAC,oCACAH,UAAUD,YAAY,CAACC,OAAO;OAE5BI"}
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Typography.module.css';\n\nconst stylesWeight = {\n  '1': styles['Typography--weight-1'],\n  '2': styles['Typography--weight-2'],\n  '3': styles['Typography--weight-3'],\n};\n\nexport interface HasCaps {\n  caps?: boolean;\n}\n\nexport interface TypographyProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent,\n    HasRootRef<HTMLElement> {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  /**\n   * Включает акцентный тип начертания шрифта.\n   * Используются токены fontWeightAccent[1, 2, 3]\n   * Используется только вместе с `weight`\n   */\n  useAccentWeight?: boolean;\n  /**\n   * Убирает внешние отступы\n   */\n  normalize?: boolean;\n  /**\n   * Делает блок инлайновым\n   */\n  inline?: boolean;\n}\n\nexport const Typography = ({\n  weight,\n\n  // TODO [>=7]: сделать по умолчанию false (нужен будет кодмод)\n  useAccentWeight = true,\n  Component = 'span',\n  normalize,\n  inline,\n  ...restProps\n}: TypographyProps): React.ReactNode => (\n  <RootComponent\n    Component={Component}\n    baseClassName={classNames(\n      styles['Typography'],\n      normalize && styles['Typography--normalize'],\n      inline && styles['Typography--inline'],\n      weight && stylesWeight[weight],\n      weight && useAccentWeight && styles['Typography--accent'],\n    )}\n    {...restProps}\n  />\n);\n"],"names":["Typography","stylesWeight","weight","useAccentWeight","Component","normalize","inline","restProps","RootComponent","baseClassName","classNames"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;iEAxCU;sBACI;+BAEG;AAG9B,MAAMC,eAAe;IACnB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AA8BO,MAAMD,aAAa;QAAC,EACzBE,MAAM,EAEN,8DAA8D;IAC9DC,kBAAkB,IAAI,EACtBC,YAAY,MAAM,EAClBC,SAAS,EACTC,MAAM,EAEU,WADbC;QAPHL;QAGAC;QACAC;QACAC;QACAC;;yBAGA,qBAACE,4BAAa;QACZJ,WAAWA;QACXK,eAAeC,IAAAA,gBAAU,oBAEvBL,0CACAC,oCACAJ,UAAUD,YAAY,CAACC,OAAO,EAC9BA,UAAUC;OAERI"}

package/dist/cjs/components/UnstyledTextField/UnstyledTextField.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HasRootRef } from '../../types';
+import type { HasRootRef } from '../../types';
 export interface UnstyledTextFieldBaseProps {
     /**
      * Задаёт какой из DOM-элементов для ввода текста использовать.

package/dist/cjs/components/UnstyledTextField/UnstyledTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledTextField.d.ts","sourceRoot":"","sources":["../../../../src/components/UnstyledTextField/UnstyledTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,EAAE,EAAE,OAAO,GAAG,UAAU,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,6BACf,SAAQ,0BAA0B,EAChC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,CAAC,gBAAgB,CAAC;IAC9B,EAAE,EAAE,OAAO,CAAC;CACb;AAED,MAAM,WAAW,gCACf,SAAQ,0BAA0B,EAChC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,CAAC,mBAAmB,CAAC;IACjC,EAAE,EAAE,UAAU,CAAC;CAChB;AAED,MAAM,MAAM,sBAAsB,GAC9B,6BAA6B,GAC7B,gCAAgC,CAAC;AAErC;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,+CAK3B,sBAAsB,KAAG,KAAK,CAAC,SAWjC,CAAC"}
+{"version":3,"file":"UnstyledTextField.d.ts","sourceRoot":"","sources":["../../../../src/components/UnstyledTextField/UnstyledTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,EAAE,EAAE,OAAO,GAAG,UAAU,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,6BACf,SAAQ,0BAA0B,EAChC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,CAAC,gBAAgB,CAAC;IAC9B,EAAE,EAAE,OAAO,CAAC;CACb;AAED,MAAM,WAAW,gCACf,SAAQ,0BAA0B,EAChC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,CAAC,mBAAmB,CAAC;IACjC,EAAE,EAAE,UAAU,CAAC;CAChB;AAED,MAAM,MAAM,sBAAsB,GAC9B,6BAA6B,GAC7B,gCAAgC,CAAC;AAErC;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,+CAK3B,sBAAsB,KAAG,KAAK,CAAC,SAWjC,CAAC"}

package/dist/cjs/components/UnstyledTextField/UnstyledTextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UnstyledTextField/UnstyledTextField.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './UnstyledTextField.module.css';\n\nexport interface UnstyledTextFieldBaseProps {\n  /**\n   * Задаёт какой из DOM-элементов для ввода текста использовать.\n   */\n  as: 'input' | 'textarea';\n  /**\n   * По умолчанию отключено во избежание проблем из-за очередности загрузки стилей.\n   */\n  noPadding?: boolean;\n}\n\nexport interface UnstyledTextFieldAsInputProps\n  extends UnstyledTextFieldBaseProps,\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLInputElement> {\n  as: 'input';\n}\n\nexport interface UnstyledTextFieldAsTextareaProps\n  extends UnstyledTextFieldBaseProps,\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLTextAreaElement> {\n  as: 'textarea';\n}\n\nexport type UnstyledTextFieldProps =\n  | UnstyledTextFieldAsInputProps\n  | UnstyledTextFieldAsTextareaProps;\n\n/**\n * Компонент сбрасывает [User-agent stylesheets](https://www.geeksforgeeks.org/what-is-a-user-agent-stylesheet/)\n * полей ввода.\n *\n * Используется в <a href=\"?path=/story/forms-input--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-input--playground\">Input</a> и <a href=\"?path=/story/forms-textarea--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-textarea--playground\">Textarea</a>.\n *\n * @since 6.1.0\n */\nexport const UnstyledTextField = ({\n  as,\n  noPadding = false,\n  className,\n  ...restProps\n}: UnstyledTextFieldProps): React.ReactNode => (\n  <Text\n    Component={as}\n    normalize={false}\n    className={classNames(\n      styles.UnstyledTextField,\n      noPadding && styles['UnstyledTextField--noPadding'],\n      className,\n    )}\n    {...restProps}\n  />\n);\n"],"names":["UnstyledTextField","as","noPadding","className","restProps","Text","Component","normalize","classNames"],"mappings":";;;;+BA2CaA;;;eAAAA;;;;;;;iEA3CU;sBACI;sBAEN;AAwCd,MAAMA,oBAAoB;QAAC,EAChCC,EAAE,EACFC,YAAY,KAAK,EACjBC,SAAS,EAEc,WADpBC;QAHHH;QACAC;QACAC;;yBAGA,qBAACE,UAAI;QACHC,WAAWL;QACXM,WAAW;QACXJ,WAAWK,IAAAA,gBAAU,2BAEnBN,iDACAC;OAEEC"}
+{"version":3,"sources":["../../../../src/components/UnstyledTextField/UnstyledTextField.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../types';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './UnstyledTextField.module.css';\n\nexport interface UnstyledTextFieldBaseProps {\n  /**\n   * Задаёт какой из DOM-элементов для ввода текста использовать.\n   */\n  as: 'input' | 'textarea';\n  /**\n   * По умолчанию отключено во избежание проблем из-за очередности загрузки стилей.\n   */\n  noPadding?: boolean;\n}\n\nexport interface UnstyledTextFieldAsInputProps\n  extends UnstyledTextFieldBaseProps,\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLInputElement> {\n  as: 'input';\n}\n\nexport interface UnstyledTextFieldAsTextareaProps\n  extends UnstyledTextFieldBaseProps,\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLTextAreaElement> {\n  as: 'textarea';\n}\n\nexport type UnstyledTextFieldProps =\n  | UnstyledTextFieldAsInputProps\n  | UnstyledTextFieldAsTextareaProps;\n\n/**\n * Компонент сбрасывает [User-agent stylesheets](https://www.geeksforgeeks.org/what-is-a-user-agent-stylesheet/)\n * полей ввода.\n *\n * Используется в <a href=\"?path=/story/forms-input--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-input--playground\">Input</a> и <a href=\"?path=/story/forms-textarea--playground\" data-prod-href=\"https://vkcom.github.io/VKUI/playground/?path=/story/forms-textarea--playground\">Textarea</a>.\n *\n * @since 6.1.0\n */\nexport const UnstyledTextField = ({\n  as,\n  noPadding = false,\n  className,\n  ...restProps\n}: UnstyledTextFieldProps): React.ReactNode => (\n  <Text\n    Component={as}\n    normalize={false}\n    className={classNames(\n      styles.UnstyledTextField,\n      noPadding && styles['UnstyledTextField--noPadding'],\n      className,\n    )}\n    {...restProps}\n  />\n);\n"],"names":["UnstyledTextField","as","noPadding","className","restProps","Text","Component","normalize","classNames"],"mappings":";;;;+BA2CaA;;;eAAAA;;;;;;;iEA3CU;sBACI;sBAEN;AAwCd,MAAMA,oBAAoB;QAAC,EAChCC,EAAE,EACFC,YAAY,KAAK,EACjBC,SAAS,EAEc,WADpBC;QAHHH;QACAC;QACAC;;yBAGA,qBAACE,UAAI;QACHC,WAAWL;QACXM,WAAW;QACXJ,WAAWK,IAAAA,gBAAU,2BAEnBN,iDACAC;OAEEC"}

package/dist/cjs/components/UsersStack/UsersStack.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLAttributesWithRootRef } from '../../types';
+import type { HTMLAttributesWithRootRef } from '../../types';
 export type UsersStackRenderWrapperProps = {
     children: React.ReactElement;
     ['data-src']: string;

package/dist/cjs/components/UsersStack/UsersStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UsersStack.d.ts","sourceRoot":"","sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkBxD,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,KAAK,CAAC,YAAY,CAAC;CAC7E,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,CAAC;CAC9C;AAqED;;GAEG;AACH,eAAO,MAAM,UAAU,6EAQpB,eAAe,KAAG,KAAK,CAAC,SAiF1B,CAAC"}
+{"version":3,"file":"UsersStack.d.ts","sourceRoot":"","sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkB7D,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,KAAK,CAAC,YAAY,CAAC;CAC7E,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,CAAC;CAC9C;AAqED;;GAEG;AACH,eAAO,MAAM,UAAU,6EAQpB,eAAe,KAAG,KAAK,CAAC,SAiF1B,CAAC"}