@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1,27 +1,17 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "weight", "caps", "Component"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import "./Footnote.module.css";
+import styles from './Footnote.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Footnote
- */
-export var Footnote = function Footnote(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    weight = _ref.weight,
-    caps = _ref.caps,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    className: classNames(className, "vkuiFootnote", caps && "vkuiFootnote--caps", weight && styles["Footnote--weight-".concat(weight)])
-  }), children);
-};
-var styles = {
-  "Footnote--weight-1": "vkuiFootnote--weight-1",
-  "Footnote--weight-2": "vkuiFootnote--weight-2",
-  "Footnote--weight-3": "vkuiFootnote--weight-3"
+ */ export const Footnote = ({ className , children , weight , caps , Component ='span' , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        className: classNames(className, styles['Footnote'], caps && styles['Footnote--caps'], weight && ({
+            '1': styles['Footnote--weight-1'],
+            '2': styles['Footnote--weight-2'],
+            '3': styles['Footnote--weight-3']
+        })[weight])
+    }, children);
 };
+
 //# sourceMappingURL=Footnote.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footnote.js","names":["React","classNames","Footnote","className","children","weight","caps","Component","restProps","styles"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent } from '../../../types';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  children,\n  weight,\n  caps,\n  Component = 'span',\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Footnote'],\n        caps && styles['Footnote--caps'],\n        weight && styles[`Footnote--weight-${weight}`],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAY7C;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAOA;EAAA,IANnBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IAAA,sBACJC,SAAS;IAATA,SAAS,+BAAG,MAAM;IACfC,SAAS;EAEZ,oBACE,oBAAC,SAAS,eACJA,SAAS;IACb,SAAS,EAAEP,UAAU,CACnBE,SAAS,kBAETG,IAAI,wBAA4B,EAChCD,MAAM,IAAII,MAAM,4BAAqBJ,MAAM,EAAG;EAC9C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, TypographyProps } from '../types';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  className,\n  children,\n  weight,\n  caps,\n  Component = 'span',\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Footnote'],\n        caps && styles['Footnote--caps'],\n        weight &&\n          {\n            '1': styles['Footnote--weight-1'],\n            '2': styles['Footnote--weight-2'],\n            '3': styles['Footnote--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","styles","Footnote","className","children","weight","caps","Component","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,wBAAwB;AAI3C;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,KAAI,EACJC,WAAY,OAAM,EAClB,GAAGC,WACW,GAAK;IACnB,qBACE,oBAACD;QACE,GAAGC,SAAS;QACbL,WAAWH,WACTG,WACAF,MAAM,CAAC,WAAW,EAClBK,QAAQL,MAAM,CAAC,iBAAiB,EAChCI,UACE,CAAA;YACE,KAAKJ,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;QACnC,CAAA,CAAC,CAACI,OAAO;OAGZD;AAGP,EAAE"}

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

@@ -1,10 +1,7 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../../types';
-export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
-    /**
-     * Задаёт начертание шрифта отличное от стандартного.
-     */
-    weight?: '1' | '2' | '3';
+/// <reference types="react" />
+import { HasRootRef } from '../../../types';
+import { TypographyProps } from '../types';
+export interface HeadlineProps extends TypographyProps, HasRootRef<HTMLElement> {
     level?: '1' | '2';
 }
 /**

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

@@ -1,48 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "children", "weight", "level", "Component", "getRootRef"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { SizeType } from '../../../lib/adaptivity';
-import { warnOnce } from '../../../lib/warnOnce';
-import "./Headline.module.css";
-var sizeYClassNames = _defineProperty({
-  none: "vkuiHeadline--sizeY-none"
-}, SizeType.COMPACT, "vkuiHeadline--sizeY-compact");
-var warn = warnOnce('Headline');
-
+import styles from './Headline.module.css';
+const sizeYClassNames = {
+    none: styles['Headline--sizeY-none'],
+    [SizeType.COMPACT]: styles['Headline--sizeY-compact']
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
- */
-export var Headline = function Headline(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$weight = _ref.weight,
-    weight = _ref$weight === void 0 ? '3' : _ref$weight,
-    _ref$level = _ref.level,
-    level = _ref$level === void 0 ? '1' : _ref$level,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'h4' : _ref$Component,
-    getRootRef = _ref.getRootRef,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {
-    warn('getRootRef может использоваться только с элементами DOM', 'error');
-  }
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    ref: getRootRef,
-    className: classNames(className, "vkuiHeadline", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], styles["Headline--level-".concat(level)], styles["Headline--weight-".concat(weight)])
-  }), children);
-};
-var styles = {
-  "Headline--level-1": "vkuiHeadline--level-1",
-  "Headline--level-2": "vkuiHeadline--level-2",
-  "Headline--weight-1": "vkuiHeadline--weight-1",
-  "Headline--weight-2": "vkuiHeadline--weight-2",
-  "Headline--weight-3": "vkuiHeadline--weight-3"
+ */ export const Headline = ({ className , children , weight ='3' , level ='1' , Component ='h4' , getRootRef , ...restProps })=>{
+    const { sizeY ='none'  } = useAdaptivity();
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        ref: getRootRef,
+        className: classNames(className, styles['Headline'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], {
+            '1': styles['Headline--level-1'],
+            '2': styles['Headline--level-2']
+        }[level], {
+            '1': styles['Headline--weight-1'],
+            '2': styles['Headline--weight-2'],
+            '3': styles['Headline--weight-3']
+        }[weight])
+    }, children);
 };
+
 //# sourceMappingURL=Headline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","names":["React","classNames","useAdaptivity","SizeType","warnOnce","sizeYClassNames","none","COMPACT","warn","Headline","className","children","weight","level","Component","getRootRef","restProps","sizeY","process","env","NODE_ENV","REGULAR","styles"],"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport styles from './Headline.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  [SizeType.COMPACT]: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  level?: '1' | '2';\n}\n\nconst warn = warnOnce('Headline');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  children,\n  weight = '3',\n  level = '1',\n  Component = 'h4',\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n    warn('getRootRef может использоваться только с элементами DOM', 'error');\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Headline'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        styles[`Headline--level-${level}`],\n        styles[`Headline--weight-${weight}`],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,QAAQ,QAAQ,uBAAuB;AAAC;AAIjD,IAAMC,eAAe;EACnBC,IAAI;AAAgC,GACnCH,QAAQ,CAACI,OAAO,gCAClB;AAaD,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,UAAU,CAAC;;AAEjC;AACA;AACA;AACA,OAAO,IAAMK,QAAQ,GAAG,SAAXA,QAAQ,OAQA;EAAA,IAPnBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,mBACRC,MAAM;IAANA,MAAM,4BAAG,GAAG;IAAA,kBACZC,KAAK;IAALA,KAAK,2BAAG,GAAG;IAAA,sBACXC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAChBC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,qBAA2Bd,aAAa,EAAE;IAAA,sCAAlCe,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,OAAON,SAAS,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACzFP,IAAI,CAAC,yDAAyD,EAAE,OAAO,CAAC;EAC1E;EAEA,oBACE,oBAAC,SAAS,eACJQ,SAAS;IACb,GAAG,EAAED,UAAW;IAChB,SAAS,EAAEd,UAAU,CACnBS,SAAS,kBAETO,KAAK,KAAKd,QAAQ,CAACkB,OAAO,IAAIhB,eAAe,CAACY,KAAK,CAAC,EACpDK,MAAM,2BAAoBT,KAAK,EAAG,EAClCS,MAAM,4BAAqBV,MAAM,EAAG;EACpC,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { HasRootRef } from '../../../types';\nimport { TypographyProps } from '../types';\nimport styles from './Headline.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Headline--sizeY-none'],\n  [SizeType.COMPACT]: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps, HasRootRef<HTMLElement> {\n  level?: '1' | '2';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  className,\n  children,\n  weight = '3',\n  level = '1',\n  Component = 'h4',\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Headline'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        {\n          '1': styles['Headline--level-1'],\n          '2': styles['Headline--level-2'],\n        }[level],\n        {\n          '1': styles['Headline--weight-1'],\n          '2': styles['Headline--weight-2'],\n          '3': styles['Headline--weight-3'],\n        }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","styles","sizeYClassNames","none","COMPACT","Headline","className","children","weight","level","Component","getRootRef","restProps","sizeY","ref","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AAGnD,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpC,CAACD,SAASI,OAAO,CAAC,EAAEH,MAAM,CAAC,0BAA0B;AACvD;AAMA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,UAAS,EACTC,SAAQ,EACRC,QAAS,IAAG,EACZC,OAAQ,IAAG,EACXC,WAAY,KAAI,EAChBC,WAAU,EACV,GAAGC,WACW,GAAK;IACnB,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGd;IAE3B,qBACE,oBAACW;QACE,GAAGE,SAAS;QACbE,KAAKH;QACLL,WAAWR,WACTQ,WACAL,MAAM,CAAC,WAAW,EAClBY,UAAUb,SAASe,OAAO,IAAIb,eAAe,CAACW,MAAM,EACpD;YACE,KAAKZ,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAC,CAACQ,MAAM,EACR;YACE,KAAKR,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;YACjC,KAAKA,MAAM,CAAC,qBAAqB;QACnC,CAAC,CAACO,OAAO;OAGVD;AAGP,EAAE"}

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

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

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

@@ -1,10 +1,7 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../../types';
-export interface ParagraphProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
-    /**
-     * Задаёт начертание шрифта, отличное от стандартного.
-     */
-    weight?: '1' | '2' | '3';
+/// <reference types="react" />
+import { HasRootRef } from '../../../types';
+import { TypographyProps } from '../types';
+export interface ParagraphProps extends TypographyProps, HasRootRef<HTMLElement> {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph

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

@@ -1,34 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "Component", "getRootRef", "weight", "children"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import { warnOnce } from '../../../lib/warnOnce';
-import "./Paragraph.module.css";
-var warn = warnOnce('Paragraph');
-
+import styles from './Paragraph.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph
- */
-export var Paragraph = function Paragraph(_ref) {
-  var className = _ref.className,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
-    getRootRef = _ref.getRootRef,
-    weight = _ref.weight,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {
-    warn('getRootRef может использоваться только с элементами DOM', 'error');
-  }
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    ref: getRootRef,
-    className: classNames(className, "vkuiParagraph", weight && styles["Paragraph--weight-".concat(weight)])
-  }), children);
-};
-var styles = {
-  "Paragraph--weight-1": "vkuiParagraph--weight-1",
-  "Paragraph--weight-2": "vkuiParagraph--weight-2",
-  "Paragraph--weight-3": "vkuiParagraph--weight-3"
+ */ export const Paragraph = ({ className , Component ='span' , getRootRef , weight , children , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        ref: getRootRef,
+        className: classNames(className, styles['Paragraph'], weight && ({
+            '1': styles['Paragraph--weight-1'],
+            '2': styles['Paragraph--weight-2'],
+            '3': styles['Paragraph--weight-3']
+        })[weight])
+    }, children);
 };
+
 //# sourceMappingURL=Paragraph.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","names":["React","classNames","warnOnce","warn","Paragraph","className","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV","styles"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport styles from './Paragraph.module.css';\n\nexport interface ParagraphProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n}\n\nconst warn = warnOnce('Paragraph');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n    warn('getRootRef может использоваться только с элементами DOM', 'error');\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Paragraph'],\n        weight && styles[`Paragraph--weight-${weight}`],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAQ,uBAAuB;AAAC;AAcjD,IAAMC,IAAI,GAAGD,QAAQ,CAAC,WAAW,CAAC;;AAElC;AACA;AACA;AACA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAS,OAOA;EAAA,IANpBC,SAAS,QAATA,SAAS;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,OAAOP,SAAS,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACzFJ,IAAI,CAAC,yDAAyD,EAAE,OAAO,CAAC;EAC1E;EAEA,oBACE,oBAAC,SAAS,eACJO,SAAS;IACb,GAAG,EAAEH,UAAW;IAChB,SAAS,EAAEN,UAAU,CACnBI,SAAS,mBAETG,MAAM,IAAIM,MAAM,6BAAsBN,MAAM,EAAG;EAC/C,IAEDC,QAAQ,CACC;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../../types';\nimport { TypographyProps } from '../types';\nimport styles from './Paragraph.module.css';\n\nexport interface ParagraphProps extends TypographyProps, HasRootRef<HTMLElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  className,\n  Component = 'span',\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Paragraph'],\n        weight &&\n          {\n            '1': styles['Paragraph--weight-1'],\n            '2': styles['Paragraph--weight-2'],\n            '3': styles['Paragraph--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","styles","Paragraph","className","Component","getRootRef","weight","children","restProps","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,OAAOC,YAAY,yBAAyB;AAI5C;;CAEC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,UAAS,EACTC,WAAY,OAAM,EAClBC,WAAU,EACVC,OAAM,EACNC,SAAQ,EACR,GAAGC,WACY,GAAK;IACpB,qBACE,oBAACJ;QACE,GAAGI,SAAS;QACbC,KAAKJ;QACLF,WAAWH,WACTG,WACAF,MAAM,CAAC,YAAY,EACnBK,UACE,CAAA;YACE,KAAKL,MAAM,CAAC,sBAAsB;YAClC,KAAKA,MAAM,CAAC,sBAAsB;YAClC,KAAKA,MAAM,CAAC,sBAAsB;QACpC,CAAA,CAAC,CAACK,OAAO;OAGZC;AAGP,EAAE"}

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

@@ -1,11 +1,6 @@
-import * as React from 'react';
-import { HasComponent } from '../../../types';
-export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
-    /**
-     * Задаёт начертание шрифта отличное от стандартного.
-     */
-    weight?: '1' | '2' | '3';
-}
+/// <reference types="react" />
+import { TypographyProps } from '../types';
+export type SubheadProps = TypographyProps;
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */

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

@@ -1,35 +1,24 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "children", "weight", "Component"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { SizeType } from '../../../lib/adaptivity';
-import "./Subhead.module.css";
-var sizeYClassNames = _defineProperty({
-  none: "vkuiSubhead--sizeY-none"
-}, SizeType.COMPACT, "vkuiSubhead--sizeY-compact");
+import styles from './Subhead.module.css';
+const sizeYClassNames = {
+    none: styles['Subhead--sizeY-none'],
+    [SizeType.COMPACT]: styles['Subhead--sizeY-compact']
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
- */
-export var Subhead = function Subhead(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    weight = _ref.weight,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'h5' : _ref$Component,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    className: classNames(className, "vkuiSubhead", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], weight && styles["Subhead--weight-".concat(weight)])
-  }), children);
-};
-var styles = {
-  "Subhead--weight-1": "vkuiSubhead--weight-1",
-  "Subhead--weight-2": "vkuiSubhead--weight-2",
-  "Subhead--weight-3": "vkuiSubhead--weight-3"
+ */ export const Subhead = ({ className , children , weight , Component ='h5' , ...restProps })=>{
+    const { sizeY ='none'  } = useAdaptivity();
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        className: classNames(className, styles['Subhead'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], weight && ({
+            '1': styles['Subhead--weight-1'],
+            '2': styles['Subhead--weight-2'],
+            '3': styles['Subhead--weight-3']
+        })[weight])
+    }, children);
 };
+
 //# sourceMappingURL=Subhead.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Subhead.js","names":["React","classNames","useAdaptivity","SizeType","sizeYClassNames","none","COMPACT","Subhead","className","children","weight","Component","restProps","sizeY","REGULAR","styles"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { HasComponent } from '../../../types';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  [SizeType.COMPACT]: styles['Subhead--sizeY-compact'],\n};\n\nexport interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  children,\n  weight,\n  Component = 'h5',\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        weight && styles[`Subhead--weight-${weight}`],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,QAAQ,QAAQ,yBAAyB;AAAC;AAInD,IAAMC,eAAe;EACnBC,IAAI;AAA+B,GAClCF,QAAQ,CAACG,OAAO,+BAClB;AASD;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,OAMA;EAAA,IALlBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,IAAI;IACbC,SAAS;EAEZ,qBAA2BV,aAAa,EAAE;IAAA,sCAAlCW,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,oBAAC,SAAS,eACJD,SAAS;IACb,SAAS,EAAEX,UAAU,CACnBO,SAAS,iBAETK,KAAK,KAAKV,QAAQ,CAACW,OAAO,IAAIV,eAAe,CAACS,KAAK,CAAC,EACpDH,MAAM,IAAIK,MAAM,2BAAoBL,MAAM,EAAG;EAC7C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { TypographyProps } from '../types';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Subhead--sizeY-none'],\n  [SizeType.COMPACT]: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  className,\n  children,\n  weight,\n  Component = 'h5',\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Subhead'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        weight &&\n          {\n            '1': styles['Subhead--weight-1'],\n            '2': styles['Subhead--weight-2'],\n            '3': styles['Subhead--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","styles","sizeYClassNames","none","COMPACT","Subhead","className","children","weight","Component","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AAEnD,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAACD,SAASI,OAAO,CAAC,EAAEH,MAAM,CAAC,yBAAyB;AACtD;AAIA;;CAEC,GACD,OAAO,MAAMI,UAAU,CAAC,EACtBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,WAAY,KAAI,EAChB,GAAGC,WACU,GAAK;IAClB,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGZ;IAE3B,qBACE,oBAACU;QACE,GAAGC,SAAS;QACbJ,WAAWR,WACTQ,WACAL,MAAM,CAAC,UAAU,EACjBU,UAAUX,SAASY,OAAO,IAAIV,eAAe,CAACS,MAAM,EACpDH,UACE,CAAA;YACE,KAAKP,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAA,CAAC,CAACO,OAAO;OAGZD;AAGP,EAAE"}

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

@@ -1,10 +1,7 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../../types';
-export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
-    /**
-     * Задаёт начертание шрифта, отличное от стандартного.
-     */
-    weight?: '1' | '2' | '3';
+/// <reference types="react" />
+import { HasRootRef } from '../../../types';
+import { TypographyProps } from '../types';
+export interface TextProps extends TypographyProps, HasRootRef<HTMLElement> {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Text

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

@@ -1,42 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "children", "weight", "Component", "getRootRef"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import { SizeType } from '../../../lib/adaptivity';
-import { warnOnce } from '../../../lib/warnOnce';
-import "./Text.module.css";
-var sizeYClassNames = _defineProperty({
-  none: "vkuiText--sizeY-none"
-}, SizeType.COMPACT, "vkuiText--sizeY-compact");
-var warn = warnOnce('Text');
+import styles from './Text.module.css';
+const sizeYClassNames = {
+    none: styles['Text--sizeY-none'],
+    [SizeType.COMPACT]: styles['Text--sizeY-compact']
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/Text
- */
-export var Text = function Text(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    weight = _ref.weight,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
-    getRootRef = _ref.getRootRef,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {
-    warn("\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E \"getRootRef\" \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0441 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430\u043C\u0438 DOM", 'error');
-  }
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    ref: getRootRef,
-    className: classNames(className, "vkuiText", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], weight && styles["Text--weight-".concat(weight)])
-  }), children);
-};
-var styles = {
-  "Text--weight-1": "vkuiText--weight-1",
-  "Text--weight-2": "vkuiText--weight-2",
-  "Text--weight-3": "vkuiText--weight-3"
+ */ export const Text = ({ className , children , weight , Component ='span' , getRootRef , ...restProps })=>{
+    const { sizeY ='none'  } = useAdaptivity();
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        ref: getRootRef,
+        className: classNames(className, styles['Text'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], weight && ({
+            '1': styles['Text--weight-1'],
+            '2': styles['Text--weight-2'],
+            '3': styles['Text--weight-3']
+        })[weight])
+    }, children);
 };
+
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["React","classNames","useAdaptivity","SizeType","warnOnce","sizeYClassNames","none","COMPACT","warn","Text","className","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","sizeY","REGULAR","styles"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Text--sizeY-none'],\n  [SizeType.COMPACT]: styles['Text--sizeY-compact'],\n};\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n}\n\nconst warn = warnOnce('Text');\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  className,\n  children,\n  weight,\n  Component = 'span',\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n    warn(`Свойство \"getRootRef\" может использоваться только с компонентами DOM`, 'error');\n  }\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Text'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        weight && styles[`Text--weight-${weight}`],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,QAAQ,QAAQ,uBAAuB;AAAC;AAIjD,IAAMC,eAAe;EACnBC,IAAI;AAA4B,GAC/BH,QAAQ,CAACI,OAAO,4BAClB;AAYD,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,MAAM,CAAC;AAC7B;AACA;AACA;AACA,OAAO,IAAMK,IAAI,GAAG,SAAPA,IAAI,OAOA;EAAA,IANfC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,OAAOL,SAAS,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACzFN,IAAI,iTAAyE,OAAO,CAAC;EACvF;EAEA,qBAA2BN,aAAa,EAAE;IAAA,sCAAlCiB,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,oBAAC,SAAS,eACJJ,SAAS;IACb,GAAG,EAAED,UAAW;IAChB,SAAS,EAAEb,UAAU,CACnBS,SAAS,cAETS,KAAK,KAAKhB,QAAQ,CAACiB,OAAO,IAAIf,eAAe,CAACc,KAAK,CAAC,EACpDP,MAAM,IAAIS,MAAM,wBAAiBT,MAAM,EAAG;EAC1C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { HasRootRef } from '../../../types';\nimport { TypographyProps } from '../types';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Text--sizeY-none'],\n  [SizeType.COMPACT]: styles['Text--sizeY-compact'],\n};\n\nexport interface TextProps extends TypographyProps, HasRootRef<HTMLElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  className,\n  children,\n  weight,\n  Component = 'span',\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles['Text'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        weight &&\n          {\n            '1': styles['Text--weight-1'],\n            '2': styles['Text--weight-2'],\n            '3': styles['Text--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","styles","sizeYClassNames","none","COMPACT","Text","className","children","weight","Component","getRootRef","restProps","sizeY","ref","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AAGnD,OAAOC,YAAY,oBAAoB;AAEvC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,mBAAmB;IAChC,CAACD,SAASI,OAAO,CAAC,EAAEH,MAAM,CAAC,sBAAsB;AACnD;AAIA;;CAEC,GACD,OAAO,MAAMI,OAAO,CAAC,EACnBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,WAAY,OAAM,EAClBC,WAAU,EACV,GAAGC,WACO,GAAK;IACf,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGb;IAE3B,qBACE,oBAACU;QACE,GAAGE,SAAS;QACbE,KAAKH;QACLJ,WAAWR,WACTQ,WACAL,MAAM,CAAC,OAAO,EACdW,UAAUZ,SAASc,OAAO,IAAIZ,eAAe,CAACU,MAAM,EACpDJ,UACE,CAAA;YACE,KAAKP,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;QAC/B,CAAA,CAAC,CAACO,OAAO;OAGZD;AAGP,EAAE"}

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

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

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

@@ -1,10 +1,6 @@
-import * as React from 'react';
-import { HasComponent } from '../../../types';
-export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
-    /**
-     * Задаёт начертание шрифта отличное от стандартного.
-     */
-    weight?: '1' | '2' | '3';
+/// <reference types="react" />
+import { TypographyProps } from '../types';
+export interface TitleProps extends TypographyProps {
     level?: '1' | '2' | '3';
 }
 /**

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

@@ -1,33 +1,24 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "weight", "level", "Component"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import "./Title.module.css";
+import styles from './Title.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Title
- */
-export var Title = function Title(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    weight = _ref.weight,
-    _ref$level = _ref.level,
-    level = _ref$level === void 0 ? '1' : _ref$level,
-    Component = _ref.Component,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  if (!Component) {
-    Component = 'h' + level;
-  }
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    className: classNames(className, "vkuiTitle", styles["Title--level-".concat(level)], weight && styles["Title--weight-".concat(weight)])
-  }), children);
-};
-var styles = {
-  "Title--level-1": "vkuiTitle--level-1",
-  "Title--level-2": "vkuiTitle--level-2",
-  "Title--level-3": "vkuiTitle--level-3",
-  "Title--weight-1": "vkuiTitle--weight-1",
-  "Title--weight-2": "vkuiTitle--weight-2",
-  "Title--weight-3": "vkuiTitle--weight-3"
+ */ export const Title = ({ className , children , weight , level ='1' , Component , ...restProps })=>{
+    if (!Component) {
+        Component = 'h' + level;
+    }
+    return /*#__PURE__*/ React.createElement(Component, {
+        ...restProps,
+        className: classNames(className, styles['Title'], {
+            '1': styles['Title--level-1'],
+            '2': styles['Title--level-2'],
+            '3': styles['Title--level-3']
+        }[level], weight && ({
+            '1': styles['Title--weight-1'],
+            '2': styles['Title--weight-2'],
+            '3': styles['Title--weight-3']
+        })[weight])
+    }, children);
 };
+
 //# sourceMappingURL=Title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["React","classNames","Title","className","children","weight","level","Component","restProps","styles"],"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent } from '../../../types';\nimport styles from './Title.module.css';\n\nexport interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  level?: '1' | '2' | '3';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  className,\n  children,\n  weight,\n  level = '1',\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = ('h' + level) as React.ElementType;\n  }\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Title'],\n        styles[`Title--level-${level}`],\n        weight && styles[`Title--weight-${weight}`],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAY7C;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAK,OAOA;EAAA,IANhBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,kBACNC,KAAK;IAALA,KAAK,2BAAG,GAAG;IACXC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAI,CAACD,SAAS,EAAE;IACdA,SAAS,GAAI,GAAG,GAAGD,KAA2B;EAChD;EAEA,oBACE,oBAAC,SAAS,eACJE,SAAS;IACb,SAAS,EAAEP,UAAU,CACnBE,SAAS,eAETM,MAAM,wBAAiBH,KAAK,EAAG,EAC/BD,MAAM,IAAII,MAAM,yBAAkBJ,MAAM,EAAG;EAC3C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { TypographyProps } from '../types';\nimport styles from './Title.module.css';\n\nexport interface TitleProps extends TypographyProps {\n  level?: '1' | '2' | '3';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  className,\n  children,\n  weight,\n  level = '1',\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = ('h' + level) as React.ElementType;\n  }\n\n  return (\n    <Component\n      {...restProps}\n      className={classNames(\n        className,\n        styles['Title'],\n        {\n          '1': styles['Title--level-1'],\n          '2': styles['Title--level-2'],\n          '3': styles['Title--level-3'],\n        }[level],\n        weight &&\n          {\n            '1': styles['Title--weight-1'],\n            '2': styles['Title--weight-2'],\n            '3': styles['Title--weight-3'],\n          }[weight],\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","classNames","styles","Title","className","children","weight","level","Component","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,qBAAqB;AAMxC;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,UAAS,EACTC,SAAQ,EACRC,OAAM,EACNC,OAAQ,IAAG,EACXC,UAAS,EACT,GAAGC,WACQ,GAAK;IAChB,IAAI,CAACD,WAAW;QACdA,YAAa,MAAMD;IACrB,CAAC;IAED,qBACE,oBAACC;QACE,GAAGC,SAAS;QACbL,WAAWH,WACTG,WACAF,MAAM,CAAC,QAAQ,EACf;YACE,KAAKA,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;QAC/B,CAAC,CAACK,MAAM,EACRD,UACE,CAAA;YACE,KAAKJ,MAAM,CAAC,kBAAkB;YAC9B,KAAKA,MAAM,CAAC,kBAAkB;YAC9B,KAAKA,MAAM,CAAC,kBAAkB;QAChC,CAAA,CAAC,CAACI,OAAO;OAGZD;AAGP,EAAE"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { HasComponent } from '../../types';
+export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта, отличное от стандартного.
+     */
+    weight?: '1' | '2' | '3';
+}
+export interface HasCaps {
+    caps?: boolean;
+}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Typography/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../types';\n\nexport interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n}\n\nexport interface HasCaps {\n  caps?: boolean;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

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

@@ -10,6 +10,8 @@ export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: 's' | 'm' | 'l';
     /**
      * Вертикальный режим рекомендуется использовать с размером `m`
+     * TODO v6: удалить
+     * @deprecated
      */
     layout?: 'vertical' | 'horizontal';
     /**
@@ -23,8 +25,14 @@ export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
      * Если число больше 99, то счетчик скроется.
      */
     count?: number;
+    /**
+     * Определяет положение элементов
+     * Режим `column` рекомендуется использовать с размером `m`
+     * @version 5.3.0
+     */
+    direction?: 'row' | 'row-reverse' | 'column';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/UsersStack
  */
-export declare const UsersStack: ({ photos, visibleCount, count, size, layout, children, className, ...restProps }: UsersStackProps) => JSX.Element;
+export declare const UsersStack: ({ photos, visibleCount, count, size, layout, children, className, direction: directionProp, ...restProps }: UsersStackProps) => JSX.Element;