@vkontakte/vkui 6.1.2 → 6.2.1

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,4DAMlB,aAAa,4CAOf,CAAC"}
+{"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,4CAQf,CAAC"}

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

@@ -6,9 +6,10 @@ import styles from './Footnote.module.css';
  * Используется для основных подписей.
  *
  * @see https://vkcom.github.io/VKUI/#/Footnote
- */ export const Footnote = ({ className, caps, Component = 'span', normalize = true, ...restProps })=>/*#__PURE__*/ _jsx(Typography, {
+ */ export const Footnote = ({ className, caps, Component = 'span', normalize = true, inline = false, ...restProps })=>/*#__PURE__*/ _jsx(Typography, {
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, styles['Footnote'], caps && styles['Footnote--caps']),
         ...restProps
     });

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  ...restProps\n}: FootnoteProps) => (\n  <Typography\n    Component={Component}\n    normalize={normalize}\n    className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n    {...restProps}\n  />\n);\n"],"names":["classNames","Typography","styles","Footnote","className","caps","Component","normalize","restProps"],"rangeMappings":";;;;;;;;;;;;;","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,EAChB,GAAGC,WACW,iBACd,KAACP;QACCK,WAAWA;QACXC,WAAWA;QACXH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGM,SAAS;OAEf"}
+{"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) => (\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"}

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

@@ -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, ...restProps }: HeadlineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Headline: ({ className, weight, level, Component, normalize, inline, ...restProps }: HeadlineProps) => import("react/jsx-runtime").JSX.Element;
 //# 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,qEAOlB,aAAa,4CAgBf,CAAC"}
+{"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,4CAiBf,CAAC"}

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

@@ -15,11 +15,12 @@ const sizeYClassNames = {
  * Используется для подзаголовков.
  *
  * @see https://vkcom.github.io/VKUI/#/Headline
- */ export const Headline = ({ className, weight = '3', level = '1', Component = 'span', normalize = true, ...restProps })=>{
+ */ export const Headline = ({ className, weight = '3', 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  ...restProps\n}: HeadlineProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      weight={weight}\n      className={classNames(\n        className,\n        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","restProps","sizeY"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","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,EAChB,GAAGC,WACW;IACd,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGb;IAE3B,qBACE,KAACC;QACCS,WAAWA;QACXC,WAAWA;QACXH,QAAQA;QACRD,WAAWR,WACTQ,WACAM,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7CV,WAAW,CAACM,MAAM;QAEnB,GAAGG,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, 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) => {\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"}

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

@@ -5,5 +5,5 @@ export type ParagraphProps = TypographyProps;
  *
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */
-export declare const Paragraph: ({ className, Component, normalize, ...restProps }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Paragraph: ({ className, Component, normalize, inline, ...restProps }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Paragraph.d.ts.map

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,sDAKnB,cAAc,4CAShB,CAAC"}
+{"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,4CAUhB,CAAC"}

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

@@ -6,10 +6,11 @@ import styles from './Paragraph.module.css';
  * Используется для основного текста.
  *
  * @see https://vkcom.github.io/VKUI/#/Paragraph
- */ export const Paragraph = ({ className, Component = 'span', normalize = false, ...restProps })=>{
+ */ export const Paragraph = ({ className, Component = 'span', normalize = false, inline = false, ...restProps })=>{
     return /*#__PURE__*/ _jsx(Typography, {
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, styles['Paragraph']),
         ...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  ...restProps\n}: ParagraphProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(className, styles['Paragraph'])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","Paragraph","className","Component","normalize","restProps"],"rangeMappings":";;;;;;;;;;;;;;;","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,EACjB,GAAGC,WACY;IACf,qBACE,KAACN;QACCI,WAAWA;QACXC,WAAWA;QACXF,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGK,SAAS;;AAGnB,EAAE"}
+{"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) => {\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"}

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

@@ -5,5 +5,5 @@ export type SubheadProps = TypographyProps;
  *
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
-export declare const Subhead: ({ className, Component, normalize, ...restProps }: SubheadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Subhead: ({ className, Component, normalize, inline, ...restProps }: SubheadProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Subhead.d.ts.map

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,sDAKjB,YAAY,4CAed,CAAC"}
+{"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,4CAgBd,CAAC"}

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

@@ -11,11 +11,12 @@ const sizeYClassNames = {
  * Используется для подзаголовков 2 уровня.
  *
  * @see https://vkcom.github.io/VKUI/#/Subhead
- */ export const Subhead = ({ className, Component = 'span', normalize = true, ...restProps })=>{
+ */ export const Subhead = ({ className, 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['Subhead'], sizeY !== 'regular' && sizeYClassNames[sizeY]),
         ...restProps
     });

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  ...restProps\n}: SubheadProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","useAdaptivity","Typography","styles","sizeYClassNames","none","Subhead","className","Component","normalize","restProps","sizeY"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","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,EAChB,GAAGC,WACU;IACb,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGV;IAE3B,qBACE,KAACC;QACCM,WAAWA;QACXC,WAAWA;QACXF,WAAWP,WACTO,WACAJ,MAAM,CAAC,UAAU,EACjBQ,UAAU,aAAaP,eAAe,CAACO,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, 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) => {\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"}

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

@@ -5,5 +5,5 @@ export type TextProps = TypographyProps;
  *
  * @see https://vkcom.github.io/VKUI/#/Text
  */
-export declare const Text: ({ className, Component, normalize, ...restProps }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ className, Component, normalize, inline, ...restProps }: TextProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Text.d.ts.map

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,sDAKd,SAAS,4CAeX,CAAC"}
+{"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,4CAgBX,CAAC"}

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

@@ -11,11 +11,12 @@ const sizeYClassNames = {
  * Основной наборный текст.
  *
  * @see https://vkcom.github.io/VKUI/#/Text
- */ export const Text = ({ className, Component = 'span', normalize = true, ...restProps })=>{
+ */ export const Text = ({ className, 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['Text'], sizeY !== 'regular' && sizeYClassNames[sizeY]),
         ...restProps
     });

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  ...restProps\n}: TextProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\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","restProps","sizeY"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","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,EAChB,GAAGC,WACO;IACV,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGV;IAE3B,qBACE,KAACC;QACCM,WAAWA;QACXC,WAAWA;QACXF,WAAWP,WACTO,WACAJ,MAAM,CAAC,OAAO,EACdQ,UAAU,aAAaP,eAAe,CAACO,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, 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) => {\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"}

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

@@ -7,5 +7,5 @@ export interface TitleProps extends TypographyProps {
  *
  * @see https://vkcom.github.io/VKUI/#/Title
  */
-export declare const Title: ({ className, level, Component, normalize, ...restProps }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Title: ({ className, level, Component, normalize, inline, ...restProps }: TitleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Title.d.ts.map

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,6DAMf,UAAU,4CASZ,CAAC"}
+{"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,4CAUZ,CAAC"}

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

@@ -11,10 +11,11 @@ const stylesLevel = {
  * Используется для заголовков.
  *
  * @see https://vkcom.github.io/VKUI/#/Title
- */ export const Title = ({ className, level = '1', Component = 'span', normalize = true, ...restProps })=>{
+ */ export const Title = ({ className, level = '1', Component = 'span', normalize = true, inline = false, ...restProps })=>{
     return /*#__PURE__*/ _jsx(Typography, {
         Component: Component,
         normalize: normalize,
+        inline: inline,
         className: classNames(className, 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  ...restProps\n}: TitleProps) => {\n  return (\n    <Typography\n      Component={Component}\n      normalize={normalize}\n      className={classNames(className, stylesLevel[level])}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","Typography","styles","stylesLevel","Title","className","level","Component","normalize","restProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","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,EAChB,GAAGC,WACQ;IACX,qBACE,KAACR;QACCM,WAAWA;QACXC,WAAWA;QACXH,WAAWL,WAAWK,WAAWF,WAAW,CAACG,MAAM;QAClD,GAAGG,SAAS;;AAGnB,EAAE"}
+{"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) => {\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"}

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

@@ -12,6 +12,10 @@ export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, H
      * Убирает внешние отступы
      */
     normalize?: boolean;
+    /**
+     * Делает блок инлайновым
+     */
+    inline?: boolean;
 }
-export declare const Typography: ({ weight, Component, normalize, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Typography: ({ weight, Component, normalize, inline, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Typography.d.ts.map

package/dist/cssm/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;CACrB;AAED,eAAO,MAAM,UAAU,mDAKpB,eAAe,4CAUjB,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,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,4CAWjB,CAAC"}

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

@@ -8,9 +8,9 @@ const stylesWeight = {
     '2': styles['Typography--weight-2'],
     '3': styles['Typography--weight-3']
 };
-export const Typography = ({ weight, Component = 'span', normalize, ...restProps })=>/*#__PURE__*/ _jsx(RootComponent, {
+export const Typography = ({ weight, Component = 'span', normalize, inline, ...restProps })=>/*#__PURE__*/ _jsx(RootComponent, {
         Component: Component,
-        baseClassName: classNames(styles['Typography'], normalize && styles['Typography--normalize'], weight && stylesWeight[weight]),
+        baseClassName: classNames(styles['Typography'], normalize && styles['Typography--normalize'], inline && styles['Typography--inline'], weight && stylesWeight[weight]),
         ...restProps
     });
 

package/dist/cssm/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\nexport const Typography = ({\n  weight,\n  Component = 'span',\n  normalize,\n  ...restProps\n}: TypographyProps) => (\n  <RootComponent\n    Component={Component}\n    baseClassName={classNames(\n      styles['Typography'],\n      normalize && styles['Typography--normalize'],\n      weight && stylesWeight[weight],\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","RootComponent","styles","stylesWeight","Typography","weight","Component","normalize","restProps","baseClassName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,OAAOC,YAAY,0BAA0B;AAE7C,MAAMC,eAAe;IACnB,KAAKD,MAAM,CAAC,uBAAuB;IACnC,KAAKA,MAAM,CAAC,uBAAuB;IACnC,KAAKA,MAAM,CAAC,uBAAuB;AACrC;AAoBA,OAAO,MAAME,aAAa,CAAC,EACzBC,MAAM,EACNC,YAAY,MAAM,EAClBC,SAAS,EACT,GAAGC,WACa,iBAChB,KAACP;QACCK,WAAWA;QACXG,eAAeT,WACbE,MAAM,CAAC,aAAa,EACpBK,aAAaL,MAAM,CAAC,wBAAwB,EAC5CG,UAAUF,YAAY,CAACE,OAAO;QAE/B,GAAGG,SAAS;OAEf"}
+{"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) => (\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":["React","classNames","RootComponent","styles","stylesWeight","Typography","weight","Component","normalize","inline","restProps","baseClassName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,OAAOC,YAAY,0BAA0B;AAE7C,MAAMC,eAAe;IACnB,KAAKD,MAAM,CAAC,uBAAuB;IACnC,KAAKA,MAAM,CAAC,uBAAuB;IACnC,KAAKA,MAAM,CAAC,uBAAuB;AACrC;AAwBA,OAAO,MAAME,aAAa,CAAC,EACzBC,MAAM,EACNC,YAAY,MAAM,EAClBC,SAAS,EACTC,MAAM,EACN,GAAGC,WACa,iBAChB,KAACR;QACCK,WAAWA;QACXI,eAAeV,WACbE,MAAM,CAAC,aAAa,EACpBK,aAAaL,MAAM,CAAC,wBAAwB,EAC5CM,UAAUN,MAAM,CAAC,qBAAqB,EACtCG,UAAUF,YAAY,CAACE,OAAO;QAE/B,GAAGI,SAAS;OAEf"}

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

@@ -4,6 +4,10 @@
   padding: 0;
 }
 
+.Typography--inline {
+  display: inline-block;
+}
+
 /* Мы утяжеляем селектор, чтобы перебить другие селекторы */
 
 .Typography--weight-1.Typography--weight-1.Typography--weight-1 {

package/dist/cssm/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) => (\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":["React","classNames","Text","styles","UnstyledTextField","as","noPadding","className","restProps","Component","normalize"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,iCAAiC;AA+BpD;;;;;;;CAOC,GACD,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,EAAE,EACFC,YAAY,KAAK,EACjBC,SAAS,EACT,GAAGC,WACoB,iBACvB,KAACN;QACCO,WAAWJ;QACXK,WAAW;QACXH,WAAWN,WACTE,OAAOC,iBAAiB,EACxBE,aAAaH,MAAM,CAAC,+BAA+B,EACnDI;QAED,GAAGC,SAAS;OAEf"}
+{"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) => (\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":["React","classNames","Text","styles","UnstyledTextField","as","noPadding","className","restProps","Component","normalize"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,iCAAiC;AA+BpD;;;;;;;CAOC,GACD,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,EAAE,EACFC,YAAY,KAAK,EACjBC,SAAS,EACT,GAAGC,WACoB,iBACvB,KAACN;QACCO,WAAWJ;QACXK,WAAW;QACXH,WAAWN,WACTE,OAAOC,iBAAiB,EACxBE,aAAaH,MAAM,CAAC,+BAA+B,EACnDI;QAED,GAAGC,SAAS;OAEf"}

package/dist/cssm/components/UsersStack/UsersStack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './UsersStack.module.css';\n\nconst stylesSize = {\n  s: styles['UsersStack--size-s'],\n  m: styles['UsersStack--size-m'],\n  l: styles['UsersStack--size-l'],\n};\n\nconst stylesDirection = {\n  'row': styles['UsersStack--direction-row'],\n  'row-reverse': styles['UsersStack--direction-row-reverse'],\n  'column': styles['UsersStack--direction-column'],\n};\n\nexport interface UsersStackProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: 's' | 'm' | 'l';\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n  /**\n   * Число, которое будет указано в счетчике.\n   * По умолчанию высчитывается по формуле `photos.length - visibleCount`.\n   * Если число больше 99, то счетчик скроется.\n   */\n  count?: number;\n  /**\n   * Определяет положение элементов\n   * Режим `column` рекомендуется использовать с размером `m`\n   * @since 5.3.0\n   */\n  direction?: 'row' | 'row-reverse' | 'column';\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: 'circle' | 'right' | 'left';\n}\n\ntype PhotoSizeType = 16 | 24 | 32;\n\nfunction PathElement({ photoSize, direction, ...props }: PathElementProps) {\n  switch (direction) {\n    case 'circle':\n      const radius = photoSize / 2;\n\n      return <circle cx={radius} cy={radius} r={radius} {...props} />;\n\n    case 'right':\n      switch (photoSize) {\n        case 24:\n          return (\n            <path\n              d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\"\n              {...props}\n            />\n          );\n      }\n\n    default:\n      switch (photoSize) {\n        case 16:\n          return (\n            <path\n              d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\"\n              {...props}\n            />\n          );\n        case 24:\n          return (\n            <path\n              d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\"\n              {...props}\n            />\n          );\n      }\n  }\n}\n\nconst photoSizes: Record<NonNullable<UsersStackProps['size']>, PhotoSizeType> = {\n  s: 16,\n  m: 24,\n  l: 32,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  count = Math.max(0, photos.length - visibleCount),\n  size = 'm',\n  children,\n  direction = 'row',\n  ...restProps\n}: UsersStackProps) => {\n  const cmpId = React.useId();\n\n  const canShowOthers = count > 0 && count < 100 && size !== 's';\n  const CounterTypography = size === 'l' ? Footnote : Caption;\n\n  const photoSize = photoSizes[size];\n  const directionClip = canShowOthers ? 'right' : 'left';\n\n  const photosElements = photos.slice(0, visibleCount).map((photo, i) => {\n    const direction = i === 0 && !canShowOthers ? 'circle' : directionClip;\n\n    const id = `UsersStackDefs${cmpId}${i}`;\n    const hrefID = `#${id}`;\n    const maskID = `UsersStackMask${cmpId}${i}`;\n\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={styles['UsersStack__photo']}\n        key={i}\n        aria-hidden\n      >\n        <defs>\n          <PathElement id={id} direction={direction} photoSize={photoSize} />\n        </defs>\n        <clipPath id={maskID}>\n          <use href={hrefID} />\n        </clipPath>\n        <g clipPath={`url(#${maskID})`}>\n          <use href={hrefID} className={styles['UsersStack__fill']} />\n          <image href={photo} width={photoSize} height={photoSize} />\n          <use href={hrefID} fill=\"none\" stroke=\"rgba(0, 0, 0, 0.08)\" />\n        </g>\n      </svg>\n    );\n  });\n\n  const othersElement = canShowOthers ? (\n    <CounterTypography\n      caps\n      weight=\"1\"\n      className={classNames(styles['UsersStack__photo'], styles['UsersStack__photo--others'])}\n    >\n      +{count}\n    </CounterTypography>\n  ) : null;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(styles['UsersStack'], stylesSize[size], stylesDirection[direction])}\n    >\n      {(photosElements.length > 0 || othersElement) && (\n        <div className={styles['UsersStack__photos']} aria-hidden>\n          {photosElements}\n          {othersElement}\n        </div>\n      )}\n      {hasReactNode(children) && (\n        <Footnote className={styles['UsersStack__text']}>{children}</Footnote>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","RootComponent","Caption","Footnote","styles","stylesSize","s","m","l","stylesDirection","PathElement","photoSize","direction","props","radius","circle","cx","cy","r","path","d","photoSizes","UsersStack","photos","visibleCount","count","Math","max","length","size","children","restProps","cmpId","useId","canShowOthers","CounterTypography","directionClip","photosElements","slice","map","photo","i","id","hrefID","maskID","svg","xmlns","className","aria-hidden","defs","clipPath","use","href","g","image","width","height","fill","stroke","othersElement","caps","weight","baseClassName","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './UsersStack.module.css';\n\nconst stylesSize = {\n  s: styles['UsersStack--size-s'],\n  m: styles['UsersStack--size-m'],\n  l: styles['UsersStack--size-l'],\n};\n\nconst stylesDirection = {\n  'row': styles['UsersStack--direction-row'],\n  'row-reverse': styles['UsersStack--direction-row-reverse'],\n  'column': styles['UsersStack--direction-column'],\n};\n\nexport interface UsersStackProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: 's' | 'm' | 'l';\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n  /**\n   * Число, которое будет указано в счетчике.\n   * По умолчанию высчитывается по формуле `photos.length - visibleCount`.\n   * Если число больше 99, то счетчик скроется.\n   */\n  count?: number;\n  /**\n   * Определяет положение элементов\n   * Режим `column` рекомендуется использовать с размером `m`\n   * @since 5.3.0\n   */\n  direction?: 'row' | 'row-reverse' | 'column';\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: 'circle' | 'right' | 'left';\n}\n\ntype PhotoSizeType = 16 | 24 | 32;\n\nfunction PathElement({ photoSize, direction, ...props }: PathElementProps) {\n  switch (direction) {\n    case 'circle':\n      const radius = photoSize / 2;\n\n      return <circle cx={radius} cy={radius} r={radius} {...props} />;\n\n    case 'right':\n      switch (photoSize) {\n        case 24:\n          return (\n            <path\n              d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\"\n              {...props}\n            />\n          );\n      }\n\n    default:\n      switch (photoSize) {\n        case 16:\n          return (\n            <path\n              d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\"\n              {...props}\n            />\n          );\n        case 24:\n          return (\n            <path\n              d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\"\n              {...props}\n            />\n          );\n      }\n  }\n}\n\nconst photoSizes: Record<NonNullable<UsersStackProps['size']>, PhotoSizeType> = {\n  s: 16,\n  m: 24,\n  l: 32,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  count = Math.max(0, photos.length - visibleCount),\n  size = 'm',\n  children,\n  direction = 'row',\n  ...restProps\n}: UsersStackProps) => {\n  const cmpId = React.useId();\n\n  const canShowOthers = count > 0 && count < 100 && size !== 's';\n  const CounterTypography = size === 'l' ? Footnote : Caption;\n\n  const photoSize = photoSizes[size];\n  const directionClip = canShowOthers ? 'right' : 'left';\n\n  const photosElements = photos.slice(0, visibleCount).map((photo, i) => {\n    const direction = i === 0 && !canShowOthers ? 'circle' : directionClip;\n\n    const id = `UsersStackDefs${cmpId}${i}`;\n    const hrefID = `#${id}`;\n    const maskID = `UsersStackMask${cmpId}${i}`;\n\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={styles['UsersStack__photo']}\n        key={i}\n        aria-hidden\n      >\n        <defs>\n          <PathElement id={id} direction={direction} photoSize={photoSize} />\n        </defs>\n        <clipPath id={maskID}>\n          <use href={hrefID} />\n        </clipPath>\n        <g clipPath={`url(#${maskID})`}>\n          <use href={hrefID} className={styles['UsersStack__fill']} />\n          <image href={photo} width={photoSize} height={photoSize} />\n          <use href={hrefID} fill=\"none\" stroke=\"rgba(0, 0, 0, 0.08)\" />\n        </g>\n      </svg>\n    );\n  });\n\n  const othersElement = canShowOthers ? (\n    <CounterTypography\n      caps\n      weight=\"1\"\n      className={classNames(styles['UsersStack__photo'], styles['UsersStack__photo--others'])}\n    >\n      +{count}\n    </CounterTypography>\n  ) : null;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(styles['UsersStack'], stylesSize[size], stylesDirection[direction])}\n    >\n      {(photosElements.length > 0 || othersElement) && (\n        <div className={styles['UsersStack__photos']} aria-hidden>\n          {photosElements}\n          {othersElement}\n        </div>\n      )}\n      {hasReactNode(children) && (\n        <Footnote className={styles['UsersStack__text']}>{children}</Footnote>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","RootComponent","Caption","Footnote","styles","stylesSize","s","m","l","stylesDirection","PathElement","photoSize","direction","props","radius","circle","cx","cy","r","path","d","photoSizes","UsersStack","photos","visibleCount","count","Math","max","length","size","children","restProps","cmpId","useId","canShowOthers","CounterTypography","directionClip","photosElements","slice","map","photo","i","id","hrefID","maskID","svg","xmlns","className","aria-hidden","defs","clipPath","use","href","g","image","width","height","fill","stroke","othersElement","caps","weight","baseClassName","div"],"mappings":"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"}

package/dist/cssm/components/View/View.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAI1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAexD,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU;IACnF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,6KAWd,SAAS,4CAqfX,CAAC"}
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAexD,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU;IACnF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,6KAWd,SAAS,4CAwdX,CAAC"}

package/dist/cssm/components/View/View.js

@@ -3,11 +3,8 @@ import * as React from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import { usePlatform } from '../../hooks/usePlatform';
 import { usePrevious } from '../../hooks/usePrevious';
-import { useTimeout } from '../../hooks/useTimeout';
-import { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';
 import { blurActiveElement, canUseDOM, useDOM } from '../../lib/dom';
 import { getNavId } from '../../lib/getNavId';
-import { animationEvent } from '../../lib/supportEvents';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
 import { useScroll } from '../AppRoot/ScrollContext';
@@ -70,12 +67,6 @@ const warn = warnOnce('View');
     });
     const disableAnimation = !configProvider.transitionMotionEnabled || !splitCol.animate || platform === 'vkcom';
     const iOSSwipeBackSimulationEnabled = !disableAnimation && platform === 'ios' && configProvider.isWebView && Boolean(onSwipeBack);
-    const pickPanel = (id)=>{
-        if (id === null) {
-            return null;
-        }
-        return panelNodes.current[id];
-    };
     const flushTransition = React.useCallback((prevPanel, isBackTransition)=>{
         if (isBackTransition) {
             scrolls.current[prevPanel] = 0;
@@ -107,13 +98,8 @@ const warn = warnOnce('View');
     }, [
         afterTransition.current
     ]);
-    const transitionEndHandler = React.useCallback((e)=>{
-        if ((!e || [
-            styles['animation-ios-next-forward'],
-            styles['animation-ios-prev-back'],
-            styles['animation-view-next-forward'],
-            styles['animation-view-prev-back']
-        ].includes(e.animationName)) && prevPanel !== null) {
+    const onAnimationEnd = React.useCallback(()=>{
+        if (prevPanel !== null) {
             flushTransition(prevPanel, Boolean(isBack));
         }
     }, [
@@ -121,8 +107,6 @@ const warn = warnOnce('View');
         isBack,
         prevPanel
     ]);
-    const { waitTransitionFinish } = useWaitTransitionFinish();
-    const animationFinishTimeout = useTimeout(transitionEndHandler, platform === 'ios' ? 600 : 300);
     const onSwipeBackSuccess = React.useCallback(()=>{
         onSwipeBack && onSwipeBack();
     }, [
@@ -139,21 +123,17 @@ const warn = warnOnce('View');
     }, [
         onSwipeBackCancelProp
     ]);
-    const swipingBackTransitionEndHandler = React.useCallback((e)=>{
-        // indexOf because of vendor prefixes in old browsers
-        if (!e || e?.propertyName.includes('transform') && e?.target === pickPanel(swipeBackNextPanel)) {
-            switch(swipeBackResult){
-                case 'fail':
-                    onSwipeBackCancel();
-                    break;
-                case 'success':
-                    onSwipeBackSuccess();
-            }
+    const swipingBackTransitionEndHandler = React.useCallback(()=>{
+        switch(swipeBackResult){
+            case 'fail':
+                onSwipeBackCancel();
+                break;
+            case 'success':
+                onSwipeBackSuccess();
         }
     }, [
         onSwipeBackCancel,
         onSwipeBackSuccess,
-        swipeBackNextPanel,
         swipeBackResult
     ]);
     const handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event)=>{
@@ -268,6 +248,11 @@ const warn = warnOnce('View');
             opacity: opacityOnSwipeEnd === null ? calculatedOpacity : opacityOnSwipeEnd
         };
     };
+    const onTransitionEnd = (event)=>{
+        if (event.propertyName.includes('transform')) {
+            swipingBackTransitionEndHandler();
+        }
+    };
     React.useEffect(()=>{
         // Нужен переход
         if (prevActivePanel && prevActivePanel !== activePanelProp && !prevSwipingBack && !prevBrowserSwipe) {
@@ -287,10 +272,6 @@ const warn = warnOnce('View');
                 setActivePanel(null);
                 setAnimated(true);
                 setIsBack(isBackTransition);
-                // Фолбек анимации перехода
-                if (!animationEvent.supported) {
-                    animationFinishTimeout.set();
-                }
             }
         }
         // Закончилась анимация свайпа назад
@@ -323,9 +304,7 @@ const warn = warnOnce('View');
             };
         }
         // Началась анимация завершения свайпа назад.
-        if (!prevSwipeBackResult && swipeBackResult) {
-            waitTransitionFinish(pickPanel(swipeBackNextPanel), swipingBackTransitionEndHandler, platform === 'ios' ? 600 : 300);
-        }
+        // см. `onTransitionEnd()`
         // Закончился Safari свайп
         if (prevActivePanel !== activePanelProp && browserSwipe) {
             setBrowserSwipe(false);
@@ -340,13 +319,11 @@ const warn = warnOnce('View');
     }, [
         activePanelProp,
         activePanel,
-        animationFinishTimeout,
         browserSwipe,
         children,
         disableAnimation,
         document,
         flushTransition,
-        platform,
         prevActivePanel,
         prevBrowserSwipe,
         prevOnTransition,
@@ -355,9 +332,7 @@ const warn = warnOnce('View');
         prevSwipingBack,
         scroll,
         swipeBackNextPanel,
-        swipeBackResult,
-        swipingBackTransitionEndHandler,
-        waitTransitionFinish
+        swipeBackResult
     ]);
     React.useEffect(function restoreScrollPositionWhenSwipeBackIsCancelled() {
         // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)
@@ -387,12 +362,26 @@ const warn = warnOnce('View');
                 className: styles['View__panels'],
                 children: panels.map((panel)=>{
                     const panelId = getNavId(panel.props, warn);
-                    const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
-                    const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
-                    const compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
+                    const isPanelActive = panelId === activePanel;
+                    const isPanelPrev = panelId === prevPanel;
+                    const isPanelNext = panelId === nextPanel;
+                    const isAnimatedTarget = animated && (isBack ? isPanelPrev : isPanelNext);
+                    const isSwipeBackPrev = panelId === swipeBackPrevPanel;
+                    const isSwipeBackNext = panelId === swipeBackNextPanel;
+                    const isSwipeBackTarget = !prevSwipeBackResult && swipeBackResult && isSwipeBackNext;
+                    let scrollCompensateStyle = undefined;
+                    if (isPanelPrev || isPanelNext && isBack || isSwipeBackPrev || isSwipeBackNext) {
+                        const marginTop = scrolls.current[panelId];
+                        if (marginTop !== undefined) {
+                            scrollCompensateStyle = {
+                                marginTop: -1 * marginTop
+                            };
+                        }
+                    }
                     return /*#__PURE__*/ _jsxs("div", {
-                        className: classNames(styles['View__panel'], panelId === activePanel && styles['View__panel--active'], panelId === prevPanel && styles['View__panel--prev'], panelId === nextPanel && styles['View__panel--next'], panelId === swipeBackPrevPanel && styles['View__panel--swipe-back-prev'], panelId === swipeBackNextPanel && styles['View__panel--swipe-back-next'], swipeBackResult === 'success' && styles['View__panel--swipe-back-success'], swipeBackResult === 'fail' && styles['View__panel--swipe-back-failed']),
-                        onAnimationEnd: isTransitionTarget ? transitionEndHandler : undefined,
+                        className: classNames(styles['View__panel'], isPanelActive && styles['View__panel--active'], isPanelPrev && styles['View__panel--prev'], isPanelNext && styles['View__panel--next'], isSwipeBackPrev && styles['View__panel--swipe-back-prev'], isSwipeBackNext && styles['View__panel--swipe-back-next'], swipeBackResult === 'success' && styles['View__panel--swipe-back-success'], swipeBackResult === 'fail' && styles['View__panel--swipe-back-failed']),
+                        onTransitionEnd: isSwipeBackTarget ? onTransitionEnd : undefined,
+                        onAnimationEnd: isAnimatedTarget ? onAnimationEnd : undefined,
                         ref: (el)=>panelId !== undefined && (panelNodes.current[panelId] = el),
                         style: calcPanelSwipeStyles(panelId),
                         children: [
@@ -402,9 +391,7 @@ const warn = warnOnce('View');
                             }),
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles['View__panel-in'],
-                                style: {
-                                    marginTop: compensateScroll ? -(scrolls.current[panelId] ?? 0) : undefined
-                                },
+                                style: scrollCompensateStyle,
                                 children: /*#__PURE__*/ _jsx(NavTransitionDirectionProvider, {
                                     isBack: swipingBack || isBack,
                                     children: /*#__PURE__*/ _jsx(NavTransitionProvider, {