@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -4,11 +4,9 @@ import "./Caption.css";
 export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
-    level?: "1" | "2" | "3" | "4";
+    weight?: "1" | "2" | "3";
+    level?: "1" | "2" | "3";
     caps?: boolean;
 }
 /**

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

@@ -3,12 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "weight", "level", "caps", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
 import { classNames } from "../../../lib/classNames";
-import { warnOnce } from "../../../lib/warnOnce";
-var warn = warnOnce("Caption");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
-
 export var Caption = function Caption(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -19,12 +17,8 @@ export var Caption = function Caption(_ref) {
       Component = _ref$Component === void 0 ? "span" : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Caption", "Caption--l-".concat(level), caps && "Caption--caps", weight && "Caption--w-".concat(weight))
+    vkuiClass: classNames("Caption", "Caption--level-".concat(level), caps && "Caption--caps", weight && "Caption--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Caption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","names":["classNames","warnOnce","warn","Caption","children","weight","level","caps","Component","restProps","process","env","NODE_ENV","includes"],"sources":["../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst warn = warnOnce(\"Caption\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--l-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AAgBA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,SAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA,IANlBC,QAMkB,QANlBA,QAMkB;EAAA,IALlBC,MAKkB,QALlBA,MAKkB;EAAA,sBAJlBC,KAIkB;EAAA,IAJlBA,KAIkB,2BAJV,GAIU;EAAA,IAHlBC,IAGkB,QAHlBA,IAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,MAEM;EAAA,IADfC,SACe;;EAClB,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;EAGH;;EAED,OACE,oBAAC,SAAD,eACMI,SADN;IAEE,SAAS,EAAET,UAAU,CACnB,SADmB,uBAELM,KAFK,GAGnBC,IAAI,IAAI,eAHW,EAInBF,MAAM,yBAAkBA,MAAlB,CAJa;EAFvB,IASGD,QATH,CADF;AAaD,CA/BM"}
+{"version":3,"file":"Caption.js","names":["classNames","Caption","children","weight","level","caps","Component","restProps"],"sources":["../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--level-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;;AAcA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA,IANlBC,QAMkB,QANlBA,QAMkB;EAAA,IALlBC,MAKkB,QALlBA,MAKkB;EAAA,sBAJlBC,KAIkB;EAAA,IAJlBA,KAIkB,2BAJV,GAIU;EAAA,IAHlBC,IAGkB,QAHlBA,IAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,MAEM;EAAA,IADfC,SACe;;EAClB,OACE,oBAAC,SAAD,eACMA,SADN;IAEE,SAAS,EAAEP,UAAU,CACnB,SADmB,2BAEDI,KAFC,GAGnBC,IAAI,IAAI,eAHW,EAInBF,MAAM,8BAAuBA,MAAvB,CAJa;EAFvB,IASGD,QATH,CADF;AAaD,CArBM"}

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

@@ -16,7 +16,7 @@ export var Footnote = function Footnote(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Footnote", caps && "Footnote--caps", weight && "Footnote--w-".concat(weight))
+    vkuiClass: classNames("Footnote", caps && "Footnote--caps", weight && "Footnote--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Footnote.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footnote.js","names":["classNames","Footnote","children","weight","caps","Component","restProps"],"sources":["../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.css\";\n\nexport interface FootnoteProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    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  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAMH;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,IAGmB,QAHnBA,IAGmB;EAAA,0BAFnBC,SAEmB;EAAA,IAFnBA,SAEmB,+BAFP,MAEO;EAAA,IADhBC,SACgB;;EACnB,OACE,oBAAC,SAAD,eACMA,SADN;IAEE,SAAS,EAAEN,UAAU,CACnB,UADmB,EAEnBI,IAAI,IAAI,gBAFW,EAGnBD,MAAM,0BAAmBA,MAAnB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAnBM"}
+{"version":3,"file":"Footnote.js","names":["classNames","Footnote","children","weight","caps","Component","restProps"],"sources":["../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.css\";\n\nexport interface FootnoteProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    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  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAMH;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,IAGmB,QAHnBA,IAGmB;EAAA,0BAFnBC,SAEmB;EAAA,IAFnBA,SAEmB,+BAFP,MAEO;EAAA,IADhBC,SACgB;;EACnB,OACE,oBAAC,SAAD,eACMA,SADN;IAEE,SAAS,EAAEN,UAAU,CACnB,UADmB,EAEnBI,IAAI,IAAI,gBAFW,EAGnBD,MAAM,+BAAwBA,MAAxB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAnBM"}

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

@@ -4,10 +4,8 @@ import "./Headline.css";
 export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
     level?: "1" | "2";
 }
 /**

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

@@ -2,11 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "weight", "level", "Component", "getRootRef"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
-import { usePlatform } from "../../../hooks/usePlatform";
 import { useAdaptivity } from "../../../hooks/useAdaptivity";
 import { classNames } from "../../../lib/classNames";
 import { warnOnce } from "../../../lib/warnOnce";
-import { getClassName } from "../../../helpers/getClassName";
+import { getSizeYClassName } from "../../../helpers/getSizeYClassName";
 var warn = warnOnce("Headline");
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
@@ -19,12 +18,10 @@ export var Headline = function Headline(_ref) {
       _ref$level = _ref.level,
       level = _ref$level === void 0 ? "1" : _ref$level,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? "h3" : _ref$Component,
+      Component = _ref$Component === void 0 ? "h4" : _ref$Component,
       getRootRef = _ref.getRootRef,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var platform = usePlatform();
-
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
@@ -34,9 +31,7 @@ export var Headline = function Headline(_ref) {
 
   return createScopedElement(Component, _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames(getClassName("Headline", platform), // TODO: v5 remove
-    "Headline--sizeY-".concat(sizeY), // TODO: новая адаптивность
-    "Headline--l-".concat(level), "Headline--w-".concat(weight))
+    vkuiClass: classNames("Headline", getSizeYClassName("Headline", sizeY), "Headline--level-".concat(level), "Headline--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Headline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","names":["usePlatform","useAdaptivity","classNames","warnOnce","getClassName","warn","Headline","children","weight","level","Component","getRootRef","restProps","platform","sizeY","process","env","NODE_ENV"],"sources":["../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"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  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AAgBA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,UAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,uBALnBC,MAKmB;EAAA,IALnBA,MAKmB,4BALV,GAKU;EAAA,sBAJnBC,KAImB;EAAA,IAJnBA,KAImB,2BAJX,GAIW;EAAA,0BAHnBC,SAGmB;EAAA,IAHnBA,SAGmB,+BAHP,IAGO;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,IAAMC,QAAQ,GAAGb,WAAW,EAA5B;;EACA,qBAAkBC,aAAa,EAA/B;EAAA,IAAQa,KAAR,kBAAQA,KAAR;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAN,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMO,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAET,UAAU,CACnBE,YAAY,CAAC,UAAD,EAAaS,QAAb,CADO,EACiB;IADjB,0BAEAC,KAFA,GAES;IAFT,sBAGJL,KAHI,yBAIJD,MAJI;EAHvB,IAUGD,QAVH,CADF;AAcD,CAjCM"}
+{"version":3,"file":"Headline.js","names":["useAdaptivity","classNames","warnOnce","getSizeYClassName","warn","Headline","children","weight","level","Component","getRootRef","restProps","sizeY","process","env","NODE_ENV"],"sources":["../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Headline.css\";\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  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h4\",\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Headline\",\n        getSizeYClassName(\"Headline\", sizeY),\n        `Headline--level-${level}`,\n        `Headline--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,aAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,iBAAT;AAcA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,UAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,uBALnBC,MAKmB;EAAA,IALnBA,MAKmB,4BALV,GAKU;EAAA,sBAJnBC,KAImB;EAAA,IAJnBA,KAImB,2BAJX,GAIW;EAAA,0BAHnBC,SAGmB;EAAA,IAHnBA,SAGmB,+BAHP,IAGO;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,qBAAkBX,aAAa,EAA/B;EAAA,IAAQY,KAAR,kBAAQA,KAAR;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAON,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAN,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMO,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAET,UAAU,CACnB,UADmB,EAEnBE,iBAAiB,CAAC,UAAD,EAAaS,KAAb,CAFE,4BAGAJ,KAHA,8BAICD,MAJD;EAHvB,IAUGD,QAVH,CADF;AAcD,CAhCM"}

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

@@ -23,7 +23,7 @@ export var Paragraph = function Paragraph(_ref) {
 
   return createScopedElement(Component, _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames("Paragraph", weight && "Paragraph--w-".concat(weight))
+    vkuiClass: classNames("Paragraph", weight && "Paragraph--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Paragraph.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","names":["classNames","warnOnce","warn","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV"],"sources":["../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.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  Component = \"span\",\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Paragraph\", weight && `Paragraph--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AAcA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,WAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,OAMH;EAAA,0BALpBC,SAKoB;EAAA,IALpBA,SAKoB,+BALR,MAKQ;EAAA,IAJpBC,UAIoB,QAJpBA,UAIoB;EAAA,IAHpBC,MAGoB,QAHpBA,MAGoB;EAAA,IAFpBC,QAEoB,QAFpBA,QAEoB;EAAA,IADjBC,SACiB;;EACpB,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAH,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMM,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAEL,UAAU,CAAC,WAAD,EAAcM,MAAM,2BAAoBA,MAApB,CAApB;EAHvB,IAKGC,QALH,CADF;AASD,CAxBM"}
+{"version":3,"file":"Paragraph.js","names":["classNames","warnOnce","warn","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV"],"sources":["../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.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  Component = \"span\",\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Paragraph\",\n        weight && `Paragraph--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AAcA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,WAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,OAMH;EAAA,0BALpBC,SAKoB;EAAA,IALpBA,SAKoB,+BALR,MAKQ;EAAA,IAJpBC,UAIoB,QAJpBA,UAIoB;EAAA,IAHpBC,MAGoB,QAHpBA,MAGoB;EAAA,IAFpBC,QAEoB,QAFpBA,QAEoB;EAAA,IADjBC,SACiB;;EACpB,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAH,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMM,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAEL,UAAU,CACnB,WADmB,EAEnBM,MAAM,gCAAyBA,MAAzB,CAFa;EAHvB,IAQGC,QARH,CADF;AAYD,CA3BM"}

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

@@ -4,10 +4,8 @@ import "./Subhead.css";
 export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead

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

@@ -3,13 +3,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "weight", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
 import { classNames } from "../../../lib/classNames";
-import { warnOnce } from "../../../lib/warnOnce";
 import { useAdaptivity } from "../../../hooks/useAdaptivity";
-var warn = warnOnce("Subhead");
+import { getSizeYClassName } from "../../../helpers/getSizeYClassName";
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
-
 export var Subhead = function Subhead(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -20,12 +19,8 @@ export var Subhead = function Subhead(_ref) {
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Subhead", "Subhead--sizeY-".concat(sizeY), weight && "Subhead--w-".concat(weight))
+    vkuiClass: classNames("Subhead", getSizeYClassName("Subhead", sizeY), weight && "Subhead--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Subhead.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Subhead.js","names":["classNames","warnOnce","useAdaptivity","warn","Subhead","children","weight","Component","restProps","sizeY","process","env","NODE_ENV","includes"],"sources":["../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        weight && `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AAcA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,SAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,IAJlBC,QAIkB,QAJlBA,QAIkB;EAAA,IAHlBC,MAGkB,QAHlBA,MAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,IAEM;EAAA,IADfC,SACe;;EAClB,qBAAkBN,aAAa,EAA/B;EAAA,IAAQO,KAAR,kBAAQA,KAAR;;EAEA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;EAGH;;EAED,OACE,oBAAC,SAAD,eACME,SADN;IAEE,SAAS,EAAER,UAAU,CACnB,SADmB,2BAEDS,KAFC,GAGnBH,MAAM,yBAAkBA,MAAlB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CA9BM"}
+{"version":3,"file":"Subhead.js","names":["classNames","useAdaptivity","getSizeYClassName","Subhead","children","weight","Component","restProps","sizeY"],"sources":["../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    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  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        getSizeYClassName(\"Subhead\", sizeY),\n        weight && `Subhead--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,aAAT;AACA,SAASC,iBAAT;;AAYA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,IAJlBC,QAIkB,QAJlBA,QAIkB;EAAA,IAHlBC,MAGkB,QAHlBA,MAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,IAEM;EAAA,IADfC,SACe;;EAClB,qBAAkBN,aAAa,EAA/B;EAAA,IAAQO,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,SAAD,eACMD,SADN;IAEE,SAAS,EAAEP,UAAU,CACnB,SADmB,EAEnBE,iBAAiB,CAAC,SAAD,EAAYM,KAAZ,CAFE,EAGnBH,MAAM,8BAAuBA,MAAvB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CApBM"}

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

@@ -4,10 +4,8 @@ import "./Text.css";
 export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта, отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Text

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

@@ -5,6 +5,7 @@ import { createScopedElement } from "../../../lib/jsxRuntime";
 import { useAdaptivity } from "../../../hooks/useAdaptivity";
 import { classNames } from "../../../lib/classNames";
 import { warnOnce } from "../../../lib/warnOnce";
+import { getSizeYClassName } from "../../../helpers/getSizeYClassName";
 var warn = warnOnce("Text");
 /**
  * @see https://vkcom.github.io/VKUI/#/Text
@@ -22,17 +23,12 @@ export var Text = function Text(_ref) {
     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");
   }
 
-  if (process.env.NODE_ENV === "development" && weight && ["semibold", "medium", "regular"].includes(weight)) {
-    warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
   return createScopedElement(Component, _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames("Text", // TODO v5.0.0 перевести на новую адаптивность
-    "Text--sizeY-".concat(sizeY), weight && "Text--w-".concat(weight))
+    vkuiClass: classNames("Text", getSizeYClassName("Text", sizeY), weight && "Text--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["useAdaptivity","classNames","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","includes","sizeY"],"sources":["../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    weight &&\n    [\"semibold\", \"medium\", \"regular\"].includes(weight)\n  ) {\n    warn(\n      `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        // TODO v5.0.0 перевести на новую адаптивность\n        `Text--sizeY-${sizeY}`,\n        weight && `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,aAAT;AACA,SAASC,UAAT;AAEA,SAASC,QAAT;AAeA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;AACA;AACA;AACA;;AACA,OAAO,IAAME,IAAI,GAAG,SAAPA,IAAO,OAMH;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,0BAHfC,SAGe;EAAA,IAHfA,SAGe,+BAHH,MAGG;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAL,IAAI,iTAEF,OAFE,CAAJ;EAID;;EAED,IACEO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACAN,MADA,IAEA,CAAC,UAAD,EAAa,QAAb,EAAuB,SAAvB,EAAkCO,QAAlC,CAA2CP,MAA3C,CAHF,EAIE;IACAH,IAAI,iFACoBG,MADpB,sSAAJ;EAGD;;EAED,qBAAkBN,aAAa,EAA/B;EAAA,IAAQc,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,SAAD,eACML,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAEP,UAAU,CACnB,MADmB,EAEnB;IAFmB,sBAGJa,KAHI,GAInBR,MAAM,sBAAeA,MAAf,CAJa;EAHvB,IAUGD,QAVH,CADF;AAcD,CA5CM"}
+{"version":3,"file":"Text.js","names":["useAdaptivity","classNames","warnOnce","getSizeYClassName","warn","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","sizeY"],"sources":["../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Text.css\";\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  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        getSizeYClassName(\"Text\", sizeY),\n        weight && `Text--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,aAAT;AACA,SAASC,UAAT;AAEA,SAASC,QAAT;AACA,SAASC,iBAAT;AAaA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,MAAD,CAArB;AACA;AACA;AACA;;AACA,OAAO,IAAMG,IAAI,GAAG,SAAPA,IAAO,OAMH;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,0BAHfC,SAGe;EAAA,IAHfA,SAGe,+BAHH,MAGG;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAL,IAAI,iTAEF,OAFE,CAAJ;EAID;;EAED,qBAAkBJ,aAAa,EAA/B;EAAA,IAAQc,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,SAAD,eACMJ,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAER,UAAU,CACnB,MADmB,EAEnBE,iBAAiB,CAAC,MAAD,EAASW,KAAT,CAFE,EAGnBP,MAAM,2BAAoBA,MAApB,CAHa;EAHvB,IASGD,QATH,CADF;AAaD,CAjCM"}

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

@@ -4,10 +4,8 @@ import "./Title.css";
 export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"heavy"`, `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
     level?: "1" | "2" | "3";
 }
 /**

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

@@ -3,12 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "weight", "level", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
 import { classNames } from "../../../lib/classNames";
-import { warnOnce } from "../../../lib/warnOnce";
-var warn = warnOnce("Title");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Title
  */
-
 export var Title = function Title(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -21,12 +19,8 @@ export var Title = function Title(_ref) {
     Component = "h" + level;
   }
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Title", "Title--l-".concat(level), weight && "Title--w-".concat(weight))
+    vkuiClass: classNames("Title", "Title--level-".concat(level), weight && "Title--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["classNames","warnOnce","warn","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes"],"sources":["../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"heavy\"`, `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\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  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--l-${level}`,\n        weight && `Title--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AAuBA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,OAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,KAAK,GAAG,SAARA,KAAQ,OAMH;EAAA,IALhBC,QAKgB,QALhBA,QAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,sBAHhBC,KAGgB;EAAA,IAHhBA,KAGgB,2BAHR,GAGQ;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;;EAChB,IAAI,CAACD,SAAL,EAAgB;IACdA,SAAS,GAAI,MAAMD,KAAnB;EACD;;EAED,IAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;EAGH;;EAED,OACE,oBAAC,SAAD,eACMG,SADN;IAEE,SAAS,EAAER,UAAU,CACnB,OADmB,qBAEPM,KAFO,GAGnBD,MAAM,uBAAgBA,MAAhB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAjCM"}
+{"version":3,"file":"Title.js","names":["classNames","Title","children","weight","level","Component","restProps"],"sources":["../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    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  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      vkuiClass={classNames(\n        \"Title\",\n        `Title--level-${level}`,\n        weight && `Title--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAMH;EAAA,IALhBC,QAKgB,QALhBA,QAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,sBAHhBC,KAGgB;EAAA,IAHhBA,KAGgB,2BAHR,GAGQ;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;;EAChB,IAAI,CAACD,SAAL,EAAgB;IACdA,SAAS,GAAI,MAAMD,KAAnB;EACD;;EAED,OACE,oBAAC,SAAD,eACME,SADN;IAEE,SAAS,EAAEN,UAAU,CACnB,OADmB,yBAEHI,KAFG,GAGnBD,MAAM,4BAAqBA,MAArB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAvBM"}

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

@@ -8,7 +8,7 @@ export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Размер аватарок
      */
-    size?: "xs" | "s" | "m";
+    size?: "s" | "m" | "l";
     /**
      * Вертикальный режим рекомендуется использовать с размером `m`
      */

package/dist/components/UsersStack/UsersStack.js

@@ -68,23 +68,23 @@ export var UsersStack = function UsersStack(_ref2) {
       _ref2$count = _ref2.count,
       count = _ref2$count === void 0 ? Math.max(0, photos.length - visibleCount) : _ref2$count,
       _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? "s" : _ref2$size,
+      size = _ref2$size === void 0 ? "m" : _ref2$size,
       _ref2$layout = _ref2.layout,
       layout = _ref2$layout === void 0 ? "horizontal" : _ref2$layout,
       children = _ref2.children,
       restProps = _objectWithoutProperties(_ref2, _excluded2);
 
-  var canShowOthers = count > 0 && size !== "xs";
+  var canShowOthers = count > 0 && size !== "s";
   var CounterTypography = size === "m" ? Footnote : Caption;
   var photoSize = {
-    xs: 16,
-    s: 24,
-    m: 32
+    s: 16,
+    m: 24,
+    l: 32
   }[size];
   var directionClip = canShowOthers ? "right" : "left";
   var photosShown = photos.slice(0, visibleCount);
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames("UsersStack", "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), canShowOthers && "UsersStack--others")
+    vkuiClass: classNames("UsersStack", "UsersStack--size-".concat(size), "UsersStack--layout-".concat(layout), canShowOthers && "UsersStack--others")
   }), createScopedElement("div", {
     vkuiClass: "UsersStack__photos",
     role: "presentation"
@@ -114,8 +114,6 @@ export var UsersStack = function UsersStack(_ref2) {
   }), canShowOthers && createScopedElement(CounterTypography, {
     caps: true,
     weight: "1",
-    level: "2" // TODO: remove only level in #2343
-    ,
     vkuiClass: "UsersStack__photo UsersStack__photo--others",
     "aria-hidden": true
   }, createScopedElement("span", null, "+", count))), hasReactNode(children) && createScopedElement(Footnote, {

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

@@ -1 +1 @@
-{"version":3,"file":"UsersStack.js","names":["hasReactNode","classNames","Footnote","Caption","PathElement","photoSize","direction","props","radius","UsersStack","photos","visibleCount","count","Math","max","length","size","layout","children","restProps","canShowOthers","CounterTypography","xs","s","m","directionClip","photosShown","slice","map","photo","i"],"sources":["../../../src/components/UsersStack/UsersStack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\"; // TODO: \"s\" | \"m\" | \"l\"\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n  /**\n   * Число, которое будет указано в счетчике.\n   * По умолчанию высчитывается по формуле `photos.length - visibleCount`.\n   * Если число больше 99, то счетчик скроется.\n   */\n  count?: number;\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: \"circle\" | \"right\" | \"left\";\n}\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\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 = \"s\",\n  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const canShowOthers = count > 0 && size !== \"xs\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    xs: 16,\n    s: 24,\n    m: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g vkuiClass={`UsersStack__mask--${photoSize}-${direction}`}>\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  vkuiClass=\"UsersStack__fill\"\n                />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  fill=\"none\"\n                  stroke=\"rgba(0, 0, 0, 0.08)\"\n                />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            level=\"2\" // TODO: remove only level in #2343\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{count}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"UsersStack.js","names":["hasReactNode","classNames","Footnote","Caption","PathElement","photoSize","direction","props","radius","UsersStack","photos","visibleCount","count","Math","max","length","size","layout","children","restProps","canShowOthers","CounterTypography","s","m","l","directionClip","photosShown","slice","map","photo","i"],"sources":["../../../src/components/UsersStack/UsersStack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"s\" | \"m\" | \"l\";\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n  /**\n   * Число, которое будет указано в счетчике.\n   * По умолчанию высчитывается по формуле `photos.length - visibleCount`.\n   * Если число больше 99, то счетчик скроется.\n   */\n  count?: number;\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: \"circle\" | \"right\" | \"left\";\n}\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\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  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const canShowOthers = count > 0 && size !== \"s\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    s: 16,\n    m: 24,\n    l: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--layout-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g vkuiClass={`UsersStack__mask--${photoSize}-${direction}`}>\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  vkuiClass=\"UsersStack__fill\"\n                />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  fill=\"none\"\n                  stroke=\"rgba(0, 0, 0, 0.08)\"\n                />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{count}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;;AAkCA,SAASC,WAAT,OAA2E;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,SAAyC,QAAzCA,SAAyC;EAAA,IAA3BC,KAA2B;;EACzE,QAAQD,SAAR;IACE,KAAK,QAAL;MACE,IAAME,MAAM,GAAGH,SAAS,GAAG,CAA3B;MAEA,OAAO;QAAQ,EAAE,EAAEG,MAAZ;QAAoB,EAAE,EAAEA,MAAxB;QAAgC,CAAC,EAAEA;MAAnC,GAA+CD,KAA/C,EAAP;;IAEF,KAAK,OAAL;MACE,QAAQF,SAAR;QACE,KAAK,EAAL;UACE,OACE;YACE,CAAC,EAAC;UADJ,GAEME,KAFN,EADF;;QAOF;UACE,OACE;YACE,CAAC,EAAC;UADJ,GAEMA,KAFN,EADF;MAVJ;;IAkBF;MACE,QAAQF,SAAR;QACE,KAAK,EAAL;UACE,OACE;YACE,CAAC,EAAC;UADJ,GAEME,KAFN,EADF;;QAMF,KAAK,EAAL;UACE,OACE;YACE,CAAC,EAAC;UADJ,GAEMA,KAFN,EADF;;QAOF;UACE,OACE;YACE,CAAC,EAAC;UADJ,GAEMA,KAFN,EADF;MAjBJ;;EA1BJ;AAmDD;AAED;AACA;AACA;;;AACA,OAAO,IAAME,UAAU,GAAG,SAAbA,UAAa,QAQH;EAAA,yBAPrBC,MAOqB;EAAA,IAPrBA,MAOqB,6BAPZ,EAOY;EAAA,+BANrBC,YAMqB;EAAA,IANrBA,YAMqB,mCANN,CAMM;EAAA,wBALrBC,KAKqB;EAAA,IALrBA,KAKqB,4BALbC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYJ,MAAM,CAACK,MAAP,GAAgBJ,YAA5B,CAKa;EAAA,uBAJrBK,IAIqB;EAAA,IAJrBA,IAIqB,2BAJd,GAIc;EAAA,yBAHrBC,MAGqB;EAAA,IAHrBA,MAGqB,6BAHZ,YAGY;EAAA,IAFrBC,QAEqB,SAFrBA,QAEqB;EAAA,IADlBC,SACkB;;EACrB,IAAMC,aAAa,GAAGR,KAAK,GAAG,CAAR,IAAaI,IAAI,KAAK,GAA5C;EACA,IAAMK,iBAAiB,GAAGL,IAAI,KAAK,GAAT,GAAed,QAAf,GAA0BC,OAApD;EAEA,IAAME,SAAS,GAAG;IAChBiB,CAAC,EAAE,EADa;IAEhBC,CAAC,EAAE,EAFa;IAGhBC,CAAC,EAAE;EAHa,EAIhBR,IAJgB,CAAlB;EAKA,IAAMS,aAAa,GAAGL,aAAa,GAAG,OAAH,GAAa,MAAhD;EAEA,IAAMM,WAAW,GAAGhB,MAAM,CAACiB,KAAP,CAAa,CAAb,EAAgBhB,YAAhB,CAApB;EAEA,OACE,wCACMQ,SADN;IAEE,SAAS,EAAElB,UAAU,CACnB,YADmB,6BAECe,IAFD,gCAGGC,MAHH,GAInBG,aAAa,IAAI,oBAJE;EAFvB,IASE;IAAK,SAAS,EAAC,oBAAf;IAAoC,IAAI,EAAC;EAAzC,GACGM,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR,EAAc;IAC7B,IAAMxB,SAAS,GACbwB,CAAC,KAAK,CAAN,IAAW,CAACV,aAAZ,GAA4B,QAA5B,GAAuCK,aADzC;IAGA,OACE;MACE,KAAK,EAAC,4BADR;MAEE,SAAS,EAAC,mBAFZ;MAGE,GAAG,EAAEK,CAHP;MAIE;IAJF,GAME;MAAG,SAAS,8BAAuBzB,SAAvB,cAAoCC,SAApC;IAAZ,GACE,oBAAC,WAAD;MACE,SAAS,EAAEA,SADb;MAEE,SAAS,EAAED,SAFb;MAGE,SAAS,EAAC;IAHZ,EADF,EAME;MAAO,IAAI,EAAEwB,KAAb;MAAoB,KAAK,EAAExB,SAA3B;MAAsC,MAAM,EAAEA;IAA9C,EANF,EAOE,oBAAC,WAAD;MACE,SAAS,EAAEC,SADb;MAEE,SAAS,EAAED,SAFb;MAGE,IAAI,EAAC,MAHP;MAIE,MAAM,EAAC;IAJT,EAPF,CANF,CADF;EAuBD,CA3BA,CADH,EA8BGe,aAAa,IACZ,oBAAC,iBAAD;IACE,IAAI,MADN;IAEE,MAAM,EAAC,GAFT;IAGE,SAAS,EAAC,6CAHZ;IAIE;EAJF,GAME,uCAAQR,KAAR,CANF,CA/BJ,CATF,EAkDGZ,YAAY,CAACkB,QAAD,CAAZ,IACC,oBAAC,QAAD;IAAU,SAAS,EAAC;EAApB,GAAwCA,QAAxC,CAnDJ,CADF;AAwDD,CA7EM"}

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

@@ -14,18 +14,6 @@ interface ViewsScrolls {
 export declare let scrollsCache: ViewsScrolls;
 export interface ViewProps extends React.HTMLAttributes<HTMLElement>, NavIdProps {
     activePanel: string;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
-     */
-    popout?: React.ReactNode;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `ModalRoot`.
-     */
-    modal?: React.ReactNode;
     onTransition?(params: {
         isBack: boolean;
         from: string;
@@ -63,5 +51,5 @@ export interface ViewState {
 /**
  * @see https://vkcom.github.io/VKUI/#/View
  */
-export declare const View: ({ popout, modal, activePanel: activePanelProp, history, nav, onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel: onSwipeBackCancelProp, children, ...restProps }: ViewProps) => JSX.Element;
+export declare const View: ({ activePanel: activePanelProp, history, nav, onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel: onSwipeBackCancelProp, children, ...restProps }: ViewProps) => JSX.Element;
 export {};

package/dist/components/View/View.js

@@ -1,16 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["popout", "modal", "activePanel", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "children"];
+var _excluded = ["activePanel", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { animationEvent } from "../../lib/supportEvents";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { Touch } from "../Touch/Touch";
 import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import { useSplitCol } from "../SplitCol/SplitCol";
-import { AppRootPortal } from "../AppRoot/AppRootPortal";
 import { canUseDOM, useDOM, blurActiveElement } from "../../lib/dom";
 import { useScroll } from "../AppRoot/ScrollContext";
 import { NavTransitionProvider } from "../NavTransitionContext/NavTransitionContext";
@@ -37,9 +36,7 @@ var warn = warnOnce("View");
  */
 
 export var View = function View(_ref) {
-  var popout = _ref.popout,
-      modal = _ref.modal,
-      activePanelProp = _ref.activePanel,
+  var activePanelProp = _ref.activePanel,
       history = _ref.history,
       nav = _ref.nav,
       onTransition = _ref.onTransition,
@@ -49,11 +46,6 @@ export var View = function View(_ref) {
       children = _ref.children,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  if (process.env.NODE_ENV === "development") {
-    popout && warn("Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-    modal && warn("Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-  }
-
   var scrolls = React.useRef(scrollsCache[getNavId({
     nav: nav,
     id: restProps.id
@@ -201,7 +193,7 @@ export var View = function View(_ref) {
   var _useWaitTransitionFin = useWaitTransitionFinish(),
       waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
 
-  var animationFinishTimeout = useTimeout(transitionEndHandler, platform === IOS ? 600 : 300);
+  var animationFinishTimeout = useTimeout(transitionEndHandler, platform === Platform.IOS ? 600 : 300);
   var onSwipeBackSuccess = React.useCallback(function () {
     onSwipeBack && onSwipeBack();
   }, [onSwipeBack]);
@@ -233,11 +225,11 @@ export var View = function View(_ref) {
       return;
     }
 
-    if (platform === IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= window.innerWidth - 70) && !browserSwipe) {
+    if (platform === Platform.IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= window.innerWidth - 70) && !browserSwipe) {
       setBrowserSwipe(true);
     }
 
-    if (platform === IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && onSwipeBack) {
+    if (platform === Platform.IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && onSwipeBack) {
       if (animated && e.startX <= 70 || !window) {
         return;
       }
@@ -327,9 +319,6 @@ export var View = function View(_ref) {
     return {};
   };
 
-  React.useEffect(function () {
-    popout && blurActiveElement(document);
-  }, [document, popout]);
   React.useEffect(function () {
     // Нужен переход
     if (prevActivePanel && prevActivePanel !== activePanelProp && !prevSwipingBack && !prevBrowserSwipe) {
@@ -396,7 +385,7 @@ export var View = function View(_ref) {
 
 
     if (!prevSwipeBackResult && swipeBackResult) {
-      waitTransitionFinish(pickPanel(swipeBackNextPanel), swipingBackTransitionEndHandler, platform === IOS ? 600 : 300);
+      waitTransitionFinish(pickPanel(swipeBackNextPanel), swipingBackTransitionEndHandler, platform === Platform.IOS ? 600 : 300);
     } // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)
 
 
@@ -417,13 +406,13 @@ export var View = function View(_ref) {
   return createScopedElement(Touch, _extends({
     Component: "section"
   }, restProps, {
-    vkuiClass: classNames("View", platform === IOS && "View--ios", !disableAnimation && animated && "View--animated", !disableAnimation && swipingBack && "View--swiping-back", disableAnimation && "View--no-motion"),
+    vkuiClass: classNames("View", platform === Platform.IOS && "View--ios", !disableAnimation && animated && "View--animated", !disableAnimation && swipingBack && "View--swiping-back", disableAnimation && "View--no-motion"),
     onMoveX: onMoveX,
     onEnd: onEnd
   }), createScopedElement("div", {
     vkuiClass: "View__panels"
   }, panels.map(function (panel) {
-    var _scrolls$current;
+    var _scrolls$current$pane;
 
     var panelId = getNavId(panel.props, warn);
     var isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
@@ -440,15 +429,11 @@ export var View = function View(_ref) {
     }, createScopedElement("div", {
       vkuiClass: "View__panel-in",
       style: {
-        marginTop: compensateScroll ? -((_scrolls$current = scrolls.current[panelId]) !== null && _scrolls$current !== void 0 ? _scrolls$current : 0) : undefined
+        marginTop: compensateScroll ? -((_scrolls$current$pane = scrolls.current[panelId]) !== null && _scrolls$current$pane !== void 0 ? _scrolls$current$pane : 0) : undefined
       }
     }, createScopedElement(NavTransitionProvider, {
       entering: panelId === nextPanel || panelId === swipeBackNextPanel
     }, panel)));
-  })), createScopedElement(AppRootPortal, null, !!popout && createScopedElement("div", {
-    vkuiClass: "View__popout"
-  }, popout), !!modal && createScopedElement("div", {
-    vkuiClass: "View__modal"
-  }, modal)));
+  })));
 };
 //# sourceMappingURL=View.js.map