@vkontakte/vkui 4.35.1 → 4.36.0

package/dist/components/FormStatus/FormStatus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"names":["classNames","getClassName","usePlatform","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,YAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AAEA,SACE,wCACMS,SADN;AAEE,IAAA,SAAS,EAAEX,UAAU,CACnBC,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,wBAEJL,IAFI;AAFvB,MAOGF,YAAY,CAACG,MAAD,CAAZ,IACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACGA,MADH,CARJ,EAYGE,uBAAuB,IACtB,oBAAC,OAAD;AAAS,IAAA,uBAAuB,EAAEA;AAAlC,IAbJ,EAeGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IACC,oBAAC,OAAD,QAAUD,QAAV,CAhBJ,CADF;AAqBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"FormStatus\", platform),\n        `FormStatus--${mode}`\n      )}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"file":"FormStatus.js"}
+{"version":3,"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"names":["classNames","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,YAAT;;AAQA;;AAEA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;;AACrB,SACE,wCACMA,SADN;AAEE,IAAA,SAAS,EAAET,UAAU,CAAC,YAAD,wBAA8BK,IAA9B;AAFvB,MAIGF,YAAY,CAACG,MAAD,CAAZ,IACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,oBAAC,OAAD;AAAS,IAAA,uBAAuB,EAAEA;AAAlC,IAVJ,EAYGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IACC,oBAAC,OAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить */\n\n/**\n * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"file":"FormStatus.js"}

package/dist/components/Header/Header.js

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["platform", "mode"],
     _excluded2 = ["mode", "children", "subtitle", "indicator", "aside", "getRootRef", "multiline"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode, isPrimitiveReactNode } from "../../lib/utils";
@@ -85,11 +84,8 @@ export var Header = function Header(_ref2) {
   var AsideTypography = platform === Platform.VKCOM ? Subhead : Text;
   var SubtitleTypography = mode === "secondary" ? Subhead : Caption;
   return createScopedElement("header", _extends({}, restProps, {
-    ref: getRootRef // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("Header", platform), "Header--mode-".concat(mode), {
-      "Header--pi": isPrimitiveReactNode(indicator)
-    })
+    ref: getRootRef,
+    vkuiClass: classNames("Header", platform === Platform.VKCOM && "Header--vkcom", platform === Platform.ANDROID && "Header--android", platform === Platform.IOS && "Header--ios", "Header--mode-".concat(mode), isPrimitiveReactNode(indicator) && "Header--pi")
   }), createScopedElement("div", {
     vkuiClass: "Header__main"
   }, createScopedElement(HeaderContent, {
@@ -98,10 +94,7 @@ export var Header = function Header(_ref2) {
     mode: mode,
     platform: platform
   }, createScopedElement("span", {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: classNames("Header__content-in", {
-      "Header__content-in--multiline": multiline
-    })
+    vkuiClass: classNames("Header__content-in", multiline && "Header__content-in--multiline")
   }, children), hasReactNode(indicator) && createScopedElement(Caption, {
     vkuiClass: "Header__indicator",
     weight: mode === "primary" || mode === "secondary" ? "1" : undefined

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","AsideTypography","SubtitleTypography","undefined"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT,EAAuBC,oBAAvB;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,KAAT;AACA,SAASC,IAAT;AACA,SAASC,OAAT;;AAuBA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAII;AAAA,MAHxBC,QAGwB,QAHxBA,QAGwB;AAAA,MAFxBC,IAEwB,QAFxBA,IAEwB;AAAA,MADrBC,SACqB;;AACxB,MAAIF,QAAQ,KAAKP,QAAQ,CAACU,GAA1B,EAA+B;AAC7B,YAAQF,IAAR;AACE,WAAK,SAAL;AACA,WAAK,UAAL;AACE,eAAO,oBAAC,KAAD;AAAO,UAAA,MAAM,EAAC,GAAd;AAAkB,UAAA,KAAK,EAAC;AAAxB,WAAgCC,SAAhC,EAAP;;AACF,WAAK,WAAL;AACE,eAAO,oBAAC,OAAD;AAAS,UAAA,MAAM,EAAC,GAAhB;AAAoB,UAAA,IAAI;AAAxB,WAA6BA,SAA7B,EAAP;AALJ;AAOD;;AAED,MAAIF,QAAQ,KAAKP,QAAQ,CAACW,KAA1B,EAAiC;AAC/B,YAAQH,IAAR;AACE,WAAK,SAAL;AACE,eAAO,oBAAC,QAAD;AAAU,UAAA,MAAM,EAAC;AAAjB,WAAyBC,SAAzB,EAAP;;AACF,WAAK,WAAL;AACA,WAAK,UAAL;AACE,eAAO,oBAAC,OAAD,EAAaA,SAAb,CAAP;AALJ;AAOD;;AAED,UAAQD,IAAR;AACE,SAAK,SAAL;AACA,SAAK,UAAL;AACE,aAAO,oBAAC,QAAD;AAAU,QAAA,MAAM,EAAC;AAAjB,SAAyBC,SAAzB,EAAP;;AACF,SAAK,WAAL;AACE,aAAO,oBAAC,OAAD;AAAS,QAAA,MAAM,EAAC,GAAhB;AAAoB,QAAA,IAAI;AAAxB,SAA6BA,SAA7B,EAAP;AALJ;;AAQA,SAAO,IAAP;AACD,CAlCD;AAoCA;AACA;AACA;;;AACA,OAAO,IAAMG,MAAM,GAAG,SAATA,MAAS,QASH;AAAA,yBARjBJ,IAQiB;AAAA,MARjBA,IAQiB,2BARV,SAQU;AAAA,MAPjBK,QAOiB,SAPjBA,QAOiB;AAAA,MANjBC,QAMiB,SANjBA,QAMiB;AAAA,MALjBC,SAKiB,SALjBA,SAKiB;AAAA,MAJjBC,KAIiB,SAJjBA,KAIiB;AAAA,MAHjBC,UAGiB,SAHjBA,UAGiB;AAAA,MAFjBC,SAEiB,SAFjBA,SAEiB;AAAA,MADdT,SACc;;AACjB,MAAMF,QAAQ,GAAGV,WAAW,EAA5B;AAEA,MAAMsB,eAAe,GAAGZ,QAAQ,KAAKP,QAAQ,CAACW,KAAtB,GAA8BN,OAA9B,GAAwCD,IAAhE;AACA,MAAMgB,kBAAkB,GAAGZ,IAAI,KAAK,WAAT,GAAuBH,OAAvB,GAAiCH,OAA5D;AAEA,SACE,2CACMO,SADN;AAEE,IAAA,GAAG,EAAEQ,UAFP,CAGE;AAHF;AAIE,IAAA,SAAS,EAAErB,UAAU,CACnBD,YAAY,CAAC,QAAD,EAAWY,QAAX,CADO,yBAEHC,IAFG,GAGnB;AAAE,oBAAcT,oBAAoB,CAACgB,SAAD;AAApC,KAHmB;AAJvB,MAUE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,IAAI,EAAEP,IAHR;AAIE,IAAA,QAAQ,EAAED;AAJZ,KAME;AACE;AACA,IAAA,SAAS,EAAEX,UAAU,CAAC,oBAAD,EAAuB;AAC1C,uCAAiCsB;AADS,KAAvB;AAFvB,KAMGL,QANH,CANF,EAcGf,YAAY,CAACiB,SAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,IAAA,MAAM,EACJP,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,WAA/B,GAA6C,GAA7C,GAAmDa;AAHvD,KAMGN,SANH,CAfJ,CADF,EA2BGjB,YAAY,CAACgB,QAAD,CAAZ,IACC,oBAAC,kBAAD;AAAoB,IAAA,SAAS,EAAC,kBAA9B;AAAiD,IAAA,SAAS,EAAC;AAA3D,KACGA,QADH,CA5BJ,CAVF,EA4CGhB,YAAY,CAACkB,KAAD,CAAZ,IACC,oBAAC,eAAD;AAAiB,IAAA,SAAS,EAAC,eAA3B;AAA2C,IAAA,SAAS,EAAC;AAArD,KACGA,KADH,CA7CJ,CADF;AAoDD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Caption weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Caption {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Caption weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"Header\", platform),\n        `Header--mode-${mode}`,\n        { \"Header--pi\": isPrimitiveReactNode(indicator) }\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            // eslint-disable-next-line vkui/no-object-expression-in-arguments\n            vkuiClass={classNames(\"Header__content-in\", {\n              \"Header__content-in--multiline\": multiline,\n            })}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"file":"Header.js"}
+{"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","AsideTypography","SubtitleTypography","ANDROID","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Caption weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Caption {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Caption weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Header\",\n        platform === Platform.VKCOM && \"Header--vkcom\",\n        platform === Platform.ANDROID && \"Header--android\",\n        platform === Platform.IOS && \"Header--ios\",\n        `Header--mode-${mode}`,\n        isPrimitiveReactNode(indicator) && \"Header--pi\"\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            vkuiClass={classNames(\n              \"Header__content-in\",\n              multiline && \"Header__content-in--multiline\"\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"file":"Header.js"}

package/dist/components/IconButton/IconButton.js

@@ -24,10 +24,11 @@ var IconButtonComponent = function IconButtonComponent(_ref) {
     warn("Свойство icon устарело и будет удалено в 5.0.0. Используйте children");
   }
 
-  return createScopedElement(Tappable, _extends({}, restProps, {
-    Component: restProps.href ? "a" : Component,
+  return createScopedElement(Tappable, _extends({
     activeEffectDelay: 200,
-    activeMode: "background",
+    activeMode: "background"
+  }, restProps, {
+    Component: restProps.href ? "a" : Component,
     vkuiClass: classNames("IconButton", "IconButton--sizeY-".concat(sizeY), platform === IOS && "IconButton--ios")
   }), icon || children);
 };

package/dist/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/IconButton/IconButton.tsx"],"names":["Tappable","classNames","usePlatform","withAdaptivity","IOS","warnOnce","warn","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","process","env","NODE_ENV","href","IconButton","displayName"],"mappings":";;;;AACA,SAAwBA,QAAxB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,QAAT;AAWA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,YAAD,CAArB;;AAEA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,4BAFrBC,SAEqB;AAAA,MAFrBA,SAEqB,+BAFT,QAES;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIM,IAAI,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;AAClDV,IAAAA,IAAI,CACF,sEADE,CAAJ;AAGD;;AAED,SACE,oBAAC,QAAD,eACMM,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAFpC;AAGE,IAAA,iBAAiB,EAAE,GAHrB;AAIE,IAAA,UAAU,EAAC,YAJb;AAKE,IAAA,SAAS,EAAEV,UAAU,CACnB,YADmB,8BAEEQ,KAFF,GAGnBI,QAAQ,KAAKT,GAAb,IAAoB,iBAHD;AALvB,MAWGI,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACA,OAAO,IAAMQ,UAAU,GAAGf,cAAc,CAACI,mBAAD,EAAsB;AAC5DE,EAAAA,KAAK,EAAE;AADqD,CAAtB,CAAjC;AAIPS,UAAU,CAACC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `children`\n   */\n  icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n  icon,\n  sizeY,\n  children,\n  Component = \"button\",\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n\n  if (icon && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n    );\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      vkuiClass={classNames(\n        \"IconButton\",\n        `IconButton--sizeY-${sizeY}`,\n        platform === IOS && \"IconButton--ios\"\n      )}\n    >\n      {icon || children}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n  sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"file":"IconButton.js"}
+{"version":3,"sources":["../../../src/components/IconButton/IconButton.tsx"],"names":["Tappable","classNames","usePlatform","withAdaptivity","IOS","warnOnce","warn","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","process","env","NODE_ENV","href","IconButton","displayName"],"mappings":";;;;AACA,SAAwBA,QAAxB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,QAAT;AAWA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,YAAD,CAArB;;AAEA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,4BAFrBC,SAEqB;AAAA,MAFrBA,SAEqB,+BAFT,QAES;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIM,IAAI,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;AAClDV,IAAAA,IAAI,CACF,sEADE,CAAJ;AAGD;;AAED,SACE,oBAAC,QAAD;AACE,IAAA,iBAAiB,EAAE,GADrB;AAEE,IAAA,UAAU,EAAC;AAFb,KAGMM,SAHN;AAIE,IAAA,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAJpC;AAKE,IAAA,SAAS,EAAEV,UAAU,CACnB,YADmB,8BAEEQ,KAFF,GAGnBI,QAAQ,KAAKT,GAAb,IAAoB,iBAHD;AALvB,MAWGI,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACA,OAAO,IAAMQ,UAAU,GAAGf,cAAc,CAACI,mBAAD,EAAsB;AAC5DE,EAAAA,KAAK,EAAE;AADqD,CAAtB,CAAjC;AAIPS,UAAU,CAACC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `children`\n   */\n  icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n  icon,\n  sizeY,\n  children,\n  Component = \"button\",\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n\n  if (icon && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n    );\n  }\n\n  return (\n    <Tappable\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      vkuiClass={classNames(\n        \"IconButton\",\n        `IconButton--sizeY-${sizeY}`,\n        platform === IOS && \"IconButton--ios\"\n      )}\n    >\n      {icon || children}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n  sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"file":"IconButton.js"}

package/dist/components/Input/Input.d.ts

@@ -8,4 +8,4 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/Input
  */
-export declare const Input: React.FC<Pick<InputProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "align" | "getRootRef" | "getRef" | "before"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Input: React.FC<Pick<InputProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "align" | "getRootRef" | "getRef" | "before"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/components/Input/Input.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "align", "getRef", "className", "getRootRef", "sizeY", "style", "before", "after"];
+var _excluded = ["type", "align", "getRef", "className", "getRootRef", "sizeY", "style", "before", "after", "status"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
 import { FormField } from "../FormField/FormField";
@@ -17,6 +17,7 @@ var InputComponent = function InputComponent(_ref) {
       style = _ref.style,
       before = _ref.before,
       after = _ref.after,
+      status = _ref.status,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement(FormField, {
@@ -27,7 +28,8 @@ var InputComponent = function InputComponent(_ref) {
     getRootRef: getRootRef,
     before: before,
     after: after,
-    disabled: restProps.disabled
+    disabled: restProps.disabled,
+    status: status
   }, createScopedElement("input", _extends({}, restProps, {
     type: type,
     vkuiClass: "Input__el",

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Input/Input.tsx"],"names":["classNames","FormField","withAdaptivity","InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","restProps","disabled","Input","displayName"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;;AAWA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAWL;AAAA,uBAVhBC,IAUgB;AAAA,MAVhBA,IAUgB,0BAVT,MAUS;AAAA,MAThBC,KASgB,QAThBA,KASgB;AAAA,MARhBC,MAQgB,QARhBA,MAQgB;AAAA,MAPhBC,SAOgB,QAPhBA,SAOgB;AAAA,MANhBC,UAMgB,QANhBA,UAMgB;AAAA,MALhBC,KAKgB,QALhBA,KAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,MAGgB,QAHhBA,MAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CACnB,OADmB,EAEnB,CAAC,CAACK,KAAF,qBAAqBA,KAArB,CAFmB,yBAGHI,KAHG,GAGM;AACzBE,IAAAA,MAAM,IAAI,kBAJS,EAKnBC,KAAK,IAAI,iBALU,CADvB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,SAAS,EAAEH,SATb;AAUE,IAAA,UAAU,EAAEC,UAVd;AAWE,IAAA,MAAM,EAAEG,MAXV;AAYE,IAAA,KAAK,EAAEC,KAZT;AAaE,IAAA,QAAQ,EAAEC,SAAS,CAACC;AAbtB,KAeE,0CAAWD,SAAX;AAAsB,IAAA,IAAI,EAAET,IAA5B;AAAkC,IAAA,SAAS,EAAC,WAA5C;AAAwD,IAAA,GAAG,EAAEE;AAA7D,KAfF,CADF;AAmBD,CA/BD;AAiCA;AACA;AACA;;;AACA,OAAO,IAAMS,KAAK,GAAGb,cAAc,CAACC,cAAD,EAAiB;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAAjB,CAA5B;AAIPM,KAAK,CAACC,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./Input.css\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    AdaptivityProps,\n    FormFieldProps {}\n\nconst InputComponent = ({\n  type = \"text\",\n  align,\n  getRef,\n  className,\n  getRootRef,\n  sizeY,\n  style,\n  before,\n  after,\n  ...restProps\n}: InputProps) => {\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"Input\",\n        !!align && `Input--${align}`,\n        `Input--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        before && \"Input--hasBefore\",\n        after && \"Input--hasAfter\"\n      )}\n      style={style}\n      className={className}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n    >\n      <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n  sizeY: true,\n});\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}
+{"version":3,"sources":["../../../src/components/Input/Input.tsx"],"names":["classNames","FormField","withAdaptivity","InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","status","restProps","disabled","Input","displayName"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;;AAWA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAYL;AAAA,uBAXhBC,IAWgB;AAAA,MAXhBA,IAWgB,0BAXT,MAWS;AAAA,MAVhBC,KAUgB,QAVhBA,KAUgB;AAAA,MAThBC,MASgB,QAThBA,MASgB;AAAA,MARhBC,SAQgB,QARhBA,SAQgB;AAAA,MAPhBC,UAOgB,QAPhBA,UAOgB;AAAA,MANhBC,KAMgB,QANhBA,KAMgB;AAAA,MALhBC,KAKgB,QALhBA,KAKgB;AAAA,MAJhBC,MAIgB,QAJhBA,MAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,MAEgB,QAFhBA,MAEgB;AAAA,MADbC,SACa;;AAChB,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEd,UAAU,CACnB,OADmB,EAEnB,CAAC,CAACK,KAAF,qBAAqBA,KAArB,CAFmB,yBAGHI,KAHG,GAGM;AACzBE,IAAAA,MAAM,IAAI,kBAJS,EAKnBC,KAAK,IAAI,iBALU,CADvB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,SAAS,EAAEH,SATb;AAUE,IAAA,UAAU,EAAEC,UAVd;AAWE,IAAA,MAAM,EAAEG,MAXV;AAYE,IAAA,KAAK,EAAEC,KAZT;AAaE,IAAA,QAAQ,EAAEE,SAAS,CAACC,QAbtB;AAcE,IAAA,MAAM,EAAEF;AAdV,KAgBE,0CAAWC,SAAX;AAAsB,IAAA,IAAI,EAAEV,IAA5B;AAAkC,IAAA,SAAS,EAAC,WAA5C;AAAwD,IAAA,GAAG,EAAEE;AAA7D,KAhBF,CADF;AAoBD,CAjCD;AAmCA;AACA;AACA;;;AACA,OAAO,IAAMU,KAAK,GAAGd,cAAc,CAACC,cAAD,EAAiB;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAAjB,CAA5B;AAIPO,KAAK,CAACC,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./Input.css\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    AdaptivityProps,\n    FormFieldProps {}\n\nconst InputComponent = ({\n  type = \"text\",\n  align,\n  getRef,\n  className,\n  getRootRef,\n  sizeY,\n  style,\n  before,\n  after,\n  status,\n  ...restProps\n}: InputProps) => {\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"Input\",\n        !!align && `Input--${align}`,\n        `Input--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        before && \"Input--hasBefore\",\n        after && \"Input--hasAfter\"\n      )}\n      style={style}\n      className={className}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n      status={status}\n    >\n      <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n  sizeY: true,\n});\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}

package/dist/components/List/List.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import "./List.css";
+export declare type ListProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * @see https://vkcom.github.io/VKUI/#/List
  */
-export declare const List: ({ children, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export declare const List: ({ children, ...restProps }: ListProps) => JSX.Element;

package/dist/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/List/List.tsx"],"names":["React","classNames","ListContext","List","children","restProps","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAGA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAGwB;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,wBAAiCL,KAAK,CAACM,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAEJ,UAAU,CAAC,MAAD,EAASM,UAAU,IAAI,gBAAvB;AAHvB,MAKE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEP,KAAK,CAACS,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGJ,QADH,CALF,CADF;AAWD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({\n  children,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      vkuiClass={classNames(\"List\", isDragging && \"List--dragging\")}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n"],"file":"List.js"}
+{"version":3,"sources":["../../../src/components/List/List.tsx"],"names":["React","classNames","ListContext","List","children","restProps","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;;AAC7D,wBAAiCL,KAAK,CAACM,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAEJ,UAAU,CAAC,MAAD,EAASM,UAAU,IAAI,gBAAvB;AAHvB,MAKE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEP,KAAK,CAACS,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGJ,QADH,CALF,CADF;AAWD,CAdM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nexport type ListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      vkuiClass={classNames(\"List\", isDragging && \"List--dragging\")}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n"],"file":"List.js"}

package/dist/components/ModalDismissButton/ModalDismissButton.js

@@ -4,8 +4,6 @@ var _excluded = ["aria-label"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { Icon20Cancel } from "@vkontakte/icons";
 import { Tappable } from "../Tappable/Tappable";
-import { getClassName } from "../../helpers/getClassName";
-import { usePlatform } from "../../hooks/usePlatform";
 
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
@@ -15,9 +13,8 @@ export var ModalDismissButton = function ModalDismissButton(_ref) {
       ariaLabel = _ref$ariaLabel === void 0 ? "Закрыть" : _ref$ariaLabel,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var platform = usePlatform();
   return createScopedElement(Tappable, _extends({
-    vkuiClass: getClassName("ModalDismissButton", platform)
+    vkuiClass: "ModalDismissButton"
   }, restProps, {
     "aria-label": ariaLabel,
     activeMode: "ModalDismissButton--active",

package/dist/components/ModalDismissButton/ModalDismissButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["Icon20Cancel","Tappable","getClassName","usePlatform","ModalDismissButton","ariaLabel","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT,QAA6B,kBAA7B;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;AAAA,4BAF7B,YAE6B;AAAA,MAFfC,SAEe,+BAFH,SAEG;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAED,YAAY,CAAC,oBAAD,EAAuBK,QAAvB;AADzB,KAEMD,SAFN;AAGE,kBAAYD,SAHd;AAIE,IAAA,UAAU,EAAC,4BAJb;AAKE,IAAA,SAAS,EAAC;AALZ,MAOE,oBAAC,YAAD,OAPF,CADF;AAWD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  \"aria-label\": ariaLabel = \"Закрыть\",\n  ...restProps\n}: ModalDismissButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName(\"ModalDismissButton\", platform)}\n      {...restProps}\n      aria-label={ariaLabel}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"file":"ModalDismissButton.js"}
+{"version":3,"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["Icon20Cancel","Tappable","ModalDismissButton","ariaLabel","restProps"],"mappings":";;;;AACA,SAASA,YAAT,QAA6B,kBAA7B;AACA,SAASC,QAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;AAAA,4BAF7B,YAE6B;AAAA,MAFfC,SAEe,+BAFH,SAEG;AAAA,MAD1BC,SAC0B;;AAC7B,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMA,SAFN;AAGE,kBAAYD,SAHd;AAIE,IAAA,UAAU,EAAC,4BAJb;AAKE,IAAA,SAAS,EAAC;AALZ,MAOE,oBAAC,YAAD,OAPF,CADF;AAWD,CAfM","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  \"aria-label\": ariaLabel = \"Закрыть\",\n  ...restProps\n}: ModalDismissButtonProps) => {\n  return (\n    <Tappable\n      vkuiClass=\"ModalDismissButton\"\n      {...restProps}\n      aria-label={ariaLabel}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"file":"ModalDismissButton.js"}

package/dist/components/ModalPage/ModalPage.d.ts

@@ -7,6 +7,14 @@ export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, Ad
      * Шапка модальной страницы, `<ModalPageHeader />`
      */
     header?: React.ReactNode;
+    /**
+     * Задаёт контенту максимальную ширину.
+     *
+     * > ⚠️ **Заметки:**
+     * > - Для `viewWidth < SMALL_TABLET_SIZE` будет всегда `"s"`
+     * > - Для `platform === VKCOM` максимальная ширина зашита, её не изменить.
+     */
+    size?: "s" | "m" | "l";
     /**
      * Будет вызвано при начале открытия модалки.
      */
@@ -32,8 +40,12 @@ export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, Ad
      */
     dynamicContentHeight?: boolean;
     getModalContentRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)
+     */
+    hideCloseButton?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPage
  */
-export declare const ModalPage: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const ModalPage: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "size" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef" | "hideCloseButton"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/components/ModalPage/ModalPage.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav", "id"];
+var _excluded = ["children", "header", "size", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav", "id", "hideCloseButton"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { ModalRootContext, useModalRegistry } from "../ModalRoot/ModalRootContext";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useOrientationChange } from "../../hooks/useOrientationChange";
-import { withAdaptivity, ViewWidth } from "../../hoc/withAdaptivity";
+import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { ModalDismissButton } from "../ModalDismissButton/ModalDismissButton";
 import { multiRef } from "../../lib/utils";
 import { ModalType } from "../ModalRoot/types";
@@ -21,6 +20,8 @@ var warn = warnOnce("ModalPage");
 var ModalPageComponent = function ModalPageComponent(_ref) {
   var children = _ref.children,
       header = _ref.header,
+      _ref$size = _ref.size,
+      sizeProp = _ref$size === void 0 ? "s" : _ref$size,
       viewWidth = _ref.viewWidth,
       viewHeight = _ref.viewHeight,
       sizeX = _ref.sizeX,
@@ -34,6 +35,8 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
       getModalContentRef = _ref.getModalContentRef,
       nav = _ref.nav,
       id = _ref.id,
+      _ref$hideCloseButton = _ref.hideCloseButton,
+      hideCloseButton = _ref$hideCloseButton === void 0 ? false : _ref$hideCloseButton,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var _React$useContext = React.useContext(ModalRootContext),
@@ -43,7 +46,8 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
   var orientation = useOrientationChange();
   React.useEffect(updateModalHeight, [children, orientation, updateModalHeight]);
   var isDesktop = useAdaptivityIsDesktop();
-  var canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET || platform === Platform.VKCOM;
+  var isCloseButtonShown = !hideCloseButton && isDesktop;
+  var size = isDesktop ? sizeProp : "s";
   var modalContext = React.useContext(ModalRootContext);
 
   var _useModalRegistry = useModalRegistry(getNavId({
@@ -53,11 +57,9 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
       refs = _useModalRegistry.refs;
 
   return createScopedElement("div", _extends({}, restProps, {
-    id: id // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
-      "ModalPage--desktop": isDesktop
-    })
+    id: id,
+    vkuiClass: classNames("ModalPage", platform === Platform.IOS && "ModalPage--ios", platform === Platform.VKCOM && "ModalPage--vkcom", "ModalPage--sizeX-".concat(sizeX), // TODO v5.0.0 поправить под новую адаптивность
+    isDesktop && "ModalPage--desktop", size && "ModalPage--".concat(size))
   }), createScopedElement("div", {
     vkuiClass: "ModalPage__in-wrap",
     ref: refs.innerElement
@@ -73,7 +75,7 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
     ref: multiRef(refs.contentElement, getModalContentRef)
   }, createScopedElement("div", {
     vkuiClass: "ModalPage__content-in"
-  }, children))), canShowCloseBtn && createScopedElement(ModalDismissButton, {
+  }, children))), isCloseButtonShown && createScopedElement(ModalDismissButton, {
     onClick: onClose || modalContext.onClose
   }))));
 };

package/dist/components/ModalPage/ModalPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPage/ModalPage.tsx"],"names":["React","getClassName","classNames","ModalRootContext","useModalRegistry","usePlatform","useOrientationChange","withAdaptivity","ViewWidth","ModalDismissButton","multiRef","ModalType","getNavId","warnOnce","Platform","useAdaptivityIsDesktop","warn","ModalPageComponent","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","restProps","useContext","updateModalHeight","platform","orientation","useEffect","isDesktop","canShowCloseBtn","SMALL_TABLET","VKCOM","modalContext","PAGE","refs","innerElement","headerElement","contentElement","ModalPage","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  ModalRootContext,\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\nconst ModalPageComponent = ({\n  children,\n  header,\n  viewWidth,\n  viewHeight,\n  sizeX,\n  hasMouse,\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  settlingHeight, // 75\n  dynamicContentHeight,\n  getModalContentRef,\n  nav,\n  id,\n  ...restProps\n}: ModalPageProps & AdaptivityContextInterface) => {\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const platform = usePlatform();\n  const orientation = useOrientationChange();\n\n  React.useEffect(updateModalHeight, [\n    children,\n    orientation,\n    updateModalHeight,\n  ]);\n\n  const isDesktop = useAdaptivityIsDesktop();\n  const canShowCloseBtn =\n    viewWidth >= ViewWidth.SMALL_TABLET || platform === Platform.VKCOM;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(\n    getNavId({ nav, id }, warn),\n    ModalType.PAGE\n  );\n\n  return (\n    <div\n      {...restProps}\n      id={id}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"ModalPage\", platform),\n        `ModalPage--sizeX-${sizeX}`,\n        {\n          \"ModalPage--desktop\": isDesktop,\n        }\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {canShowCloseBtn && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = withAdaptivity(ModalPageComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n\nModalPage.displayName = \"ModalPage\";\n"],"file":"ModalPage.js"}
+{"version":3,"sources":["../../../src/components/ModalPage/ModalPage.tsx"],"names":["React","classNames","ModalRootContext","useModalRegistry","usePlatform","useOrientationChange","withAdaptivity","ModalDismissButton","multiRef","ModalType","getNavId","warnOnce","Platform","useAdaptivityIsDesktop","warn","ModalPageComponent","children","header","size","sizeProp","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","hideCloseButton","restProps","useContext","updateModalHeight","platform","orientation","useEffect","isDesktop","isCloseButtonShown","modalContext","PAGE","refs","IOS","VKCOM","innerElement","headerElement","contentElement","ModalPage","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  ModalRootContext,\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  /**\n   * Задаёт контенту максимальную ширину.\n   *\n   * > ⚠️ **Заметки:**\n   * > - Для `viewWidth < SMALL_TABLET_SIZE` будет всегда `\"s\"`\n   * > - Для `platform === VKCOM` максимальная ширина зашита, её не изменить.\n   */\n  size?: \"s\" | \"m\" | \"l\";\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n   */\n  hideCloseButton?: boolean;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\nconst ModalPageComponent = ({\n  children,\n  header,\n  size: sizeProp = \"s\",\n  viewWidth,\n  viewHeight,\n  sizeX,\n  hasMouse,\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  settlingHeight, // 75\n  dynamicContentHeight,\n  getModalContentRef,\n  nav,\n  id,\n  hideCloseButton = false,\n  ...restProps\n}: ModalPageProps & AdaptivityContextInterface) => {\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const platform = usePlatform();\n  const orientation = useOrientationChange();\n\n  React.useEffect(updateModalHeight, [\n    children,\n    orientation,\n    updateModalHeight,\n  ]);\n\n  const isDesktop = useAdaptivityIsDesktop();\n  const isCloseButtonShown = !hideCloseButton && isDesktop;\n  const size = isDesktop ? sizeProp : \"s\";\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(\n    getNavId({ nav, id }, warn),\n    ModalType.PAGE\n  );\n\n  return (\n    <div\n      {...restProps}\n      id={id}\n      vkuiClass={classNames(\n        \"ModalPage\",\n        platform === Platform.IOS && \"ModalPage--ios\",\n        platform === Platform.VKCOM && \"ModalPage--vkcom\",\n        `ModalPage--sizeX-${sizeX}`, // TODO v5.0.0 поправить под новую адаптивность\n        isDesktop && \"ModalPage--desktop\",\n        size && `ModalPage--${size}`\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {isCloseButtonShown && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = withAdaptivity(ModalPageComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n\nModalPage.displayName = \"ModalPage\";\n"],"file":"ModalPage.js"}

package/dist/components/ModalPageHeader/ModalPageHeader.js

@@ -8,7 +8,6 @@ import { VKCOM } from "../../lib/platform";
 import { Separator } from "../Separator/Separator";
 import { PanelHeader } from "../PanelHeader/PanelHeader";
 import { classNames } from "../../lib/classNames";
-import { getClassName } from "../../helpers/getClassName";
 
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPageHeader
@@ -21,10 +20,11 @@ export var ModalPageHeader = function ModalPageHeader(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
-  var hasSeparator = separator && platform === VKCOM;
+  var hasSeparator = separator && platform === VKCOM; // TODO v5.0.0 поправить под новую адаптивность
+
   var isDesktop = useAdaptivityIsDesktop();
   return createScopedElement("div", {
-    vkuiClass: classNames(getClassName("ModalPageHeader", platform), isDesktop && "ModalPageHeader--desktop"),
+    vkuiClass: classNames("ModalPageHeader", platform !== VKCOM && "ModalPageHeader--withGaps", isDesktop && "ModalPageHeader--desktop"),
     ref: getRef
   }, createScopedElement(PanelHeader, _extends({
     vkuiClass: "ModalPageHeader__in"

package/dist/components/ModalPageHeader/ModalPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["usePlatform","useAdaptivityIsDesktop","VKCOM","Separator","PanelHeader","classNames","getClassName","ModalPageHeader","children","separator","getRef","restProps","platform","hasSeparator","isDesktop"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,sBAAT;AAEA,SAASC,KAAT;AACA,SAASC,SAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAKH;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,4BAH1BC,SAG0B;AAAA,MAH1BA,SAG0B,+BAHd,IAGc;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGZ,WAAW,EAA5B;AACA,MAAMa,YAAY,GAAGJ,SAAS,IAAIG,QAAQ,KAAKV,KAA/C;AACA,MAAMY,SAAS,GAAGb,sBAAsB,EAAxC;AAEA,SACE;AACE,IAAA,SAAS,EAAEI,UAAU,CACnBC,YAAY,CAAC,iBAAD,EAAoBM,QAApB,CADO,EAEnBE,SAAS,IAAI,0BAFM,CADvB;AAKE,IAAA,GAAG,EAAEJ;AALP,KAOE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CAPF,EAgBGK,YAAY,IAAI,oBAAC,SAAD;AAAW,IAAA,IAAI;AAAf,IAhBnB,CADF;AAoBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { Separator } from \"../Separator/Separator\";\nimport { PanelHeader, PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, \"fixed\" | \"shadow\">,\n    HasRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  separator = true,\n  getRef,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const hasSeparator = separator && platform === VKCOM;\n  const isDesktop = useAdaptivityIsDesktop();\n\n  return (\n    <div\n      vkuiClass={classNames(\n        getClassName(\"ModalPageHeader\", platform),\n        isDesktop && \"ModalPageHeader--desktop\"\n      )}\n      ref={getRef}\n    >\n      <PanelHeader\n        vkuiClass=\"ModalPageHeader__in\"\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n"],"file":"ModalPageHeader.js"}
+{"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["usePlatform","useAdaptivityIsDesktop","VKCOM","Separator","PanelHeader","classNames","ModalPageHeader","children","separator","getRef","restProps","platform","hasSeparator","isDesktop"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,sBAAT;AAEA,SAASC,KAAT;AACA,SAASC,SAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAKH;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,4BAH1BC,SAG0B;AAAA,MAH1BA,SAG0B,+BAHd,IAGc;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;AACA,MAAMY,YAAY,GAAGJ,SAAS,IAAIG,QAAQ,KAAKT,KAA/C,CAF0B,CAG1B;;AACA,MAAMW,SAAS,GAAGZ,sBAAsB,EAAxC;AAEA,SACE;AACE,IAAA,SAAS,EAAEI,UAAU,CACnB,iBADmB,EAEnBM,QAAQ,KAAKT,KAAb,IAAsB,2BAFH,EAGnBW,SAAS,IAAI,0BAHM,CADvB;AAME,IAAA,GAAG,EAAEJ;AANP,KAQE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CARF,EAiBGK,YAAY,IAAI,oBAAC,SAAD;AAAW,IAAA,IAAI;AAAf,IAjBnB,CADF;AAqBD,CAhCM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { Separator } from \"../Separator/Separator\";\nimport { PanelHeader, PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, \"fixed\" | \"shadow\">,\n    HasRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  separator = true,\n  getRef,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const hasSeparator = separator && platform === VKCOM;\n  // TODO v5.0.0 поправить под новую адаптивность\n  const isDesktop = useAdaptivityIsDesktop();\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"ModalPageHeader\",\n        platform !== VKCOM && \"ModalPageHeader--withGaps\",\n        isDesktop && \"ModalPageHeader--desktop\"\n      )}\n      ref={getRef}\n    >\n      <PanelHeader\n        vkuiClass=\"ModalPageHeader__in\"\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n"],"file":"ModalPageHeader.js"}

package/dist/components/ModalRoot/ModalRoot.js

@@ -652,13 +652,8 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         value: true
       }, createScopedElement(ModalRootContext.Provider, {
         value: this.modalRootContext
-      }, createScopedElement(Touch // eslint-disable-next-line vkui/no-object-expression-in-arguments
-      , {
-        vkuiClass: classNames(getClassName("ModalRoot", this.props.platform), {
-          "ModalRoot--vkapps": ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === WebviewType.VKAPPS,
-          "ModalRoot--touched": touchDown,
-          "ModalRoot--switching": !!(enteringModal || exitingModal)
-        }),
+      }, createScopedElement(Touch, {
+        vkuiClass: classNames(getClassName("ModalRoot", this.props.platform), ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === WebviewType.VKAPPS && "ModalRoot--vkapps", touchDown && "ModalRoot--touched", !!(enteringModal || exitingModal) && "ModalRoot--switching"),
         onMove: this.onTouchMove,
         onEnd: this.onTouchEnd,
         onScroll: this.onScroll
@@ -692,17 +687,8 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
             }
           },
           onClose: _this7.props.onExit,
-          timeout: _this7.timeout // eslint-disable-next-line vkui/no-object-expression-in-arguments
-          ,
-          vkuiClass: classNames("ModalRoot__modal", {
-            "ModalRoot__modal--active": modalId === activeModal,
-            "ModalRoot__modal--prev": modalId === exitingModal,
-            "ModalRoot__modal--next": exitingModal && modalId === activeModal || modalId === enteringModal,
-            "ModalRoot__modal--dragging": dragging,
-            "ModalRoot__modal--expandable": isPage && modalState.expandable,
-            "ModalRoot__modal--expanded": isPage && modalState.expanded,
-            "ModalRoot__modal--collapsed": isPage && modalState.collapsed
-          }),
+          timeout: _this7.timeout,
+          vkuiClass: classNames("ModalRoot__modal", modalId === activeModal && "ModalRoot__modal--active", modalId === exitingModal && "ModalRoot__modal--prev", (exitingModal && modalId === activeModal || modalId === enteringModal) && "ModalRoot__modal--next", dragging && "ModalRoot__modal--dragging", isPage && modalState.expandable && "ModalRoot__modal--expandable", isPage && modalState.expanded && "ModalRoot__modal--expanded", isPage && modalState.collapsed && "ModalRoot__modal--collapsed"),
           restoreFocus: false
         }, Modal);
       })))));