@vkontakte/vkui 4.30.0 → 4.31.0

package/dist/cssm/components/ModalPage/ModalPage.js

@@ -8,12 +8,14 @@ import { classNames } from "../../lib/classNames";
 import { ModalRootContext, useModalRegistry } from "../ModalRoot/ModalRootContext";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useOrientationChange } from "../../hooks/useOrientationChange";
-import { withAdaptivity, ViewHeight, ViewWidth } from "../../hoc/withAdaptivity";
+import { withAdaptivity, ViewWidth } from "../../hoc/withAdaptivity";
 import ModalDismissButton from "../ModalDismissButton/ModalDismissButton";
 import { multiRef } from "../../lib/utils";
 import { ModalType } from "../ModalRoot/types";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
+import { Platform } from "../../lib/platform";
+import { useAdaptivityIsDesktop } from "../../hooks/useAdaptivity";
 import "./ModalPage.css";
 var warn = warnOnce("ModalPage");
 
@@ -40,8 +42,8 @@ var ModalPage = function ModalPage(props) {
   var platform = usePlatform();
   var orientation = useOrientationChange();
   React.useEffect(updateModalHeight, [children, orientation, updateModalHeight]);
-  var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);
-  var canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;
+  var isDesktop = useAdaptivityIsDesktop();
+  var canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET || platform === Platform.VKCOM;
   var modalContext = React.useContext(ModalRootContext);
 
   var _useModalRegistry = useModalRegistry(getNavId(props, warn), ModalType.PAGE),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["React","getClassName","classNames","ModalRootContext","useModalRegistry","usePlatform","useOrientationChange","withAdaptivity","ViewHeight","ViewWidth","ModalDismissButton","multiRef","ModalType","getNavId","warnOnce","warn","ModalPage","props","useContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","platform","orientation","useEffect","isDesktop","SMALL_TABLET","MEDIUM","canShowCloseBtn","modalContext","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"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 {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} 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 \"./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\");\nconst ModalPage: React.FC<ModalPageProps & AdaptivityContextInterface> = (\n  props\n) => {\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onOpen,\n    onOpened,\n    onClose,\n    onClosed,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\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 =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\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\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}
+{"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","ModalPage","props","useContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","platform","orientation","useEffect","isDesktop","canShowCloseBtn","SMALL_TABLET","VKCOM","modalContext","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"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\");\nconst ModalPage: React.FC<ModalPageProps & AdaptivityContextInterface> = (\n  props\n) => {\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onOpen,\n    onOpened,\n    onClose,\n    onClosed,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\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(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\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\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}

package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js

@@ -6,10 +6,9 @@ import { usePlatform } from "../../hooks/usePlatform";
 import { VKCOM } from "../../lib/platform";
 import PanelHeader from "../PanelHeader/PanelHeader";
 import Separator from "../Separator/Separator";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useAdaptivityIsDesktop } from "../../hooks/useAdaptivity";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
-import { ViewHeight, ViewWidth } from "../AdaptivityProvider/AdaptivityContext";
 import "./ModalPageHeader.css";
 
 var ModalPageHeader = function ModalPageHeader(_ref) {
@@ -19,14 +18,8 @@ var ModalPageHeader = function ModalPageHeader(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
-
-  var _useAdaptivity = useAdaptivity(),
-      viewWidth = _useAdaptivity.viewWidth,
-      viewHeight = _useAdaptivity.viewHeight,
-      hasMouse = _useAdaptivity.hasMouse;
-
   var hasSeparator = separator && platform === VKCOM;
-  var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);
+  var isDesktop = useAdaptivityIsDesktop();
   return createScopedElement("div", {
     // eslint-disable-next-line vkui/no-object-expression-in-arguments
     vkuiClass: classNames(getClassName("ModalPageHeader", platform), {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["usePlatform","VKCOM","PanelHeader","Separator","useAdaptivity","classNames","getClassName","ViewHeight","ViewWidth","ModalPageHeader","children","separator","getRef","restProps","platform","viewWidth","viewHeight","hasMouse","hasSeparator","isDesktop","SMALL_TABLET","MEDIUM","defaultProps"],"mappings":";;;;AACA,SAASA,WAAT;AAEA,SAASC,KAAT;AACA,OAAOC,WAAP;AACA,OAAOC,SAAP;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT,EAAqBC,SAArB;AACA;;AAOA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAK3C;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,MAH1BC,SAG0B,QAH1BA,SAG0B;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGd,WAAW,EAA5B;;AACA,uBAA4CI,aAAa,EAAzD;AAAA,MAAQW,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AACA,MAAMC,YAAY,GAAGP,SAAS,IAAIG,QAAQ,KAAKb,KAA/C;AACA,MAAMkB,SAAS,GACbJ,SAAS,IAAIP,SAAS,CAACY,YAAvB,KACCH,QAAQ,IAAID,UAAU,IAAIT,UAAU,CAACc,MADtC,CADF;AAIA,SACE;AACE;AACA,IAAA,SAAS,EAAEhB,UAAU,CAACC,YAAY,CAAC,iBAAD,EAAoBQ,QAApB,CAAb,EAA4C;AAC/D,kCAA4BK;AADmC,KAA5C,CAFvB;AAKE,IAAA,GAAG,EAAEP;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,EAgBGQ,YAAY,IAAI,oBAAC,SAAD;AAAW,IAAA,IAAI;AAAf,IAhBnB,CADF;AAoBD,CAjCD;;AAmCAT,eAAe,CAACa,YAAhB,GAA+B;AAC7BX,EAAAA,SAAS,EAAE;AADkB,CAA/B,C,CAIA;;AACA,eAAeF,eAAf","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport PanelHeader, { PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport Separator from \"../Separator/Separator\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ViewHeight, ViewWidth } from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, \"fixed\" | \"shadow\">,\n    HasRef<HTMLDivElement> {}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = ({\n  children,\n  separator,\n  getRef,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n  const hasSeparator = separator && platform === VKCOM;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  return (\n    <div\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"ModalPageHeader\", platform), {\n        \"ModalPageHeader--desktop\": isDesktop,\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\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}
+{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["usePlatform","VKCOM","PanelHeader","Separator","useAdaptivityIsDesktop","classNames","getClassName","ModalPageHeader","children","separator","getRef","restProps","platform","hasSeparator","isDesktop","defaultProps"],"mappings":";;;;AACA,SAASA,WAAT;AAEA,SAASC,KAAT;AACA,OAAOC,WAAP;AACA,OAAOC,SAAP;AACA,SAASC,sBAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA;;AAOA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAK3C;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,MAH1BC,SAG0B,QAH1BA,SAG0B;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGZ,WAAW,EAA5B;AACA,MAAMa,YAAY,GAAGJ,SAAS,IAAIG,QAAQ,KAAKX,KAA/C;AACA,MAAMa,SAAS,GAAGV,sBAAsB,EAAxC;AAEA,SACE;AACE;AACA,IAAA,SAAS,EAAEC,UAAU,CAACC,YAAY,CAAC,iBAAD,EAAoBM,QAApB,CAAb,EAA4C;AAC/D,kCAA4BE;AADmC,KAA5C,CAFvB;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,CA9BD;;AAgCAN,eAAe,CAACQ,YAAhB,GAA+B;AAC7BN,EAAAA,SAAS,EAAE;AADkB,CAA/B,C,CAIA;;AACA,eAAeF,eAAf","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport PanelHeader, { PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport Separator from \"../Separator/Separator\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\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\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = ({\n  children,\n  separator,\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      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"ModalPageHeader\", platform), {\n        \"ModalPageHeader--desktop\": isDesktop,\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\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js

@@ -1,14 +1,12 @@
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { withAdaptivity, ViewHeight, ViewWidth } from "../../hoc/withAdaptivity";
+import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { ModalRootTouch } from "./ModalRoot";
 import { ModalRootDesktop } from "./ModalRootDesktop";
 import { useScrollLock } from "../AppRoot/ScrollContext";
+import { useAdaptivityIsDesktop } from "../../hooks/useAdaptivity";
 
 var ModalRootComponent = function ModalRootComponent(props) {
-  var viewWidth = props.viewWidth,
-      viewHeight = props.viewHeight,
-      hasMouse = props.hasMouse;
-  var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);
+  var isDesktop = useAdaptivityIsDesktop();
   useScrollLock(!!props.activeModal);
   var RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;
   return createScopedElement(RootComponent, props);

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["withAdaptivity","ViewHeight","ViewWidth","ModalRootTouch","ModalRootDesktop","useScrollLock","ModalRootComponent","props","viewWidth","viewHeight","hasMouse","isDesktop","SMALL_TABLET","MEDIUM","activeModal","RootComponent","displayName","ModalRoot"],"mappings":";AACA,SACEA,cADF,EAEEC,UAFF,EAGEC,SAHF;AAKA,SAASC,cAAT;AACA,SAASC,gBAAT;AAKA,SAASC,aAAT;;AA0BA,IAAMC,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAW;AACb,MAAQC,SAAR,GAA4CD,KAA5C,CAAQC,SAAR;AAAA,MAAmBC,UAAnB,GAA4CF,KAA5C,CAAmBE,UAAnB;AAAA,MAA+BC,QAA/B,GAA4CH,KAA5C,CAA+BG,QAA/B;AACA,MAAMC,SAAS,GACbH,SAAS,IAAIN,SAAS,CAACU,YAAvB,KACCF,QAAQ,IAAID,UAAU,IAAIR,UAAU,CAACY,MADtC,CADF;AAIAR,EAAAA,aAAa,CAAC,CAAC,CAACE,KAAK,CAACO,WAAT,CAAb;AAEA,MAAMC,aAAa,GAAGJ,SAAS,GAAGP,gBAAH,GAAsBD,cAArD;AAEA,SAAO,oBAAC,aAAD,EAAmBI,KAAnB,CAAP;AACD,CAbD;;AAeAD,kBAAkB,CAACU,WAAnB,GAAiC,WAAjC;AAEA,OAAO,IAAMC,SAAS,GAAGjB,cAAc,CAACM,kBAAD,EAAqB;AAC1DE,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAArB,CAAhC","sourcesContent":["import * as React from \"react\";\nimport {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\n\nexport interface ModalRootProps extends AdaptivityProps {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n}\n\nconst ModalRootComponent: React.FC<\n  ModalRootProps & AdaptivityContextInterface\n> = (props) => {\n  const { viewWidth, viewHeight, hasMouse } = props;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  useScrollLock(!!props.activeModal);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["withAdaptivity","ModalRootTouch","ModalRootDesktop","useScrollLock","useAdaptivityIsDesktop","ModalRootComponent","props","isDesktop","activeModal","RootComponent","displayName","ModalRoot","viewWidth","viewHeight","hasMouse"],"mappings":";AACA,SAASA,cAAT;AACA,SAASC,cAAT;AACA,SAASC,gBAAT;AAKA,SAASC,aAAT;AACA,SAASC,sBAAT;;AA0BA,IAAMC,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAW;AACb,MAAMC,SAAS,GAAGH,sBAAsB,EAAxC;AAEAD,EAAAA,aAAa,CAAC,CAAC,CAACG,KAAK,CAACE,WAAT,CAAb;AAEA,MAAMC,aAAa,GAAGF,SAAS,GAAGL,gBAAH,GAAsBD,cAArD;AAEA,SAAO,oBAAC,aAAD,EAAmBK,KAAnB,CAAP;AACD,CAVD;;AAYAD,kBAAkB,CAACK,WAAnB,GAAiC,WAAjC;AAEA,OAAO,IAAMC,SAAS,GAAGX,cAAc,CAACK,kBAAD,EAAqB;AAC1DO,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAArB,CAAhC","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\n\nexport interface ModalRootProps extends AdaptivityProps {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n}\n\nconst ModalRootComponent: React.FC<\n  ModalRootProps & AdaptivityContextInterface\n> = (props) => {\n  const isDesktop = useAdaptivityIsDesktop();\n\n  useScrollLock(!!props.activeModal);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}

package/dist/cssm/components/Pagination/Pagination.css

@@ -1 +1 @@
-.vkuiPagination__list{display:flex;margin:0;padding:0;list-style-type:none}.vkuiPagination__prevButtonContainer{margin-right:8px}.vkuiPagination__nextButtonContainer{margin-left:8px}.vkuiPagination__page{box-sizing:border-box;padding-right:8px;padding-left:8px;width:100%;min-width:40px;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);text-align:center;color:#818c99;color:var(--vkui--color_text_secondary);-webkit-user-select:none;user-select:none}.vkuiPagination__page--state-hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiPagination__page--state-active,.vkuiPagination__page--current{color:#000;color:var(--vkui--color_text_primary);background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active)}.vkuiPagination__page--disabled{opacity:.4;opacity:var(--vkui--opacity_disable)}.vkuiPagination__page--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);line-height:36px;line-height:var(--vkui--size_button_large_height--compact);height:36px;height:var(--vkui--size_button_large_height--compact);letter-spacing:var(--vk-sans-ls-17)}.vkuiPagination__page--sizeY-regular{font-size:16px;font-size:var(--vkui--font_text--font_size--regular);line-height:44px;line-height:var(--vkui--size_button_large_height--regular);height:44px;height:var(--vkui--size_button_large_height--regular);letter-spacing:var(--vk-sans-ls-2)}.vkuiPagination__page--type-ellipsis{min-width:16px;padding-right:0;padding-left:0}
+.vkuiPagination__list{display:flex;margin:0;padding:0;list-style-type:none}.vkuiPagination__prevButtonContainer{margin-right:8px}.vkuiPagination__nextButtonContainer{margin-left:8px}.vkuiPagination__page{box-sizing:border-box;padding-right:8px;padding-left:8px;width:100%;min-width:40px;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);text-align:center;color:#818c99;color:var(--vkui--color_text_secondary,#818C99);-webkit-user-select:none;user-select:none}.vkuiPagination__page--state-hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover,rgba(0, 16, 61, 0.04))}.vkuiPagination__page--state-active,.vkuiPagination__page--current{color:#000;color:var(--vkui--color_text_primary,#000000);background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active,rgba(0, 16, 61, 0.08))}.vkuiPagination__page--disabled{opacity:.4;opacity:var(--vkui--opacity_disable,0.4)}.vkuiPagination__page--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:36px;line-height:var(--vkui--size_button_large_height--compact,36px);height:36px;height:var(--vkui--size_button_large_height--compact,36px);letter-spacing:var(--vk-sans-ls-17)}.vkuiPagination__page--sizeY-regular{font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);line-height:44px;line-height:var(--vkui--size_button_large_height--regular,44px);height:44px;height:var(--vkui--size_button_large_height--regular,44px);letter-spacing:var(--vk-sans-ls-2)}.vkuiPagination__page--type-ellipsis{min-width:16px;padding-right:0;padding-left:0}

package/dist/cssm/components/PanelHeader/PanelHeader.js

@@ -19,7 +19,8 @@ import "./PanelHeader.css";
 var PanelHeaderIn = function PanelHeaderIn(_ref) {
   var children = _ref.children,
       left = _ref.left,
-      right = _ref.right;
+      right = _ref.right,
+      separator = _ref.separator;
 
   var _React$useContext = React.useContext(ConfigProviderContext),
       webviewType = _React$useContext.webviewType;
@@ -28,7 +29,7 @@ var PanelHeaderIn = function PanelHeaderIn(_ref) {
       isInsideModal = _React$useContext2.isInsideModal;
 
   var platform = usePlatform();
-  return createScopedElement(TooltipContainer, {
+  return createScopedElement(React.Fragment, null, createScopedElement(TooltipContainer, {
     fixed: true,
     vkuiClass: "PanelHeader__in"
   }, createScopedElement("div", {
@@ -41,7 +42,9 @@ var PanelHeaderIn = function PanelHeaderIn(_ref) {
     vkuiClass: "PanelHeader__content-in"
   }, children)), createScopedElement("div", {
     vkuiClass: "PanelHeader__right"
-  }, (webviewType === WebviewType.INTERNAL || isInsideModal) && right));
+  }, (webviewType === WebviewType.INTERNAL || isInsideModal) && right)), separator && platform === VKCOM && createScopedElement(Separator, {
+    wide: true
+  }));
 };
 
 var PanelHeader = function PanelHeader(props) {
@@ -86,9 +89,8 @@ var PanelHeader = function PanelHeader(props) {
     vkuiClass: "PanelHeader__fixed",
     vertical: "top",
     getRootRef: getRef
-  }, createScopedElement(PanelHeaderIn, props)) : createScopedElement(PanelHeaderIn, props), separator && visor && createScopedElement(Separator, {
-    expanded: sizeX === SizeType.REGULAR && platform !== VKCOM,
-    wide: platform === VKCOM
+  }, createScopedElement(PanelHeaderIn, props)) : createScopedElement(PanelHeaderIn, props), separator && visor && platform !== VKCOM && createScopedElement(Separator, {
+    expanded: sizeX === SizeType.REGULAR
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","Text","TooltipContainer","ModalRootContext","PanelHeaderIn","children","left","right","useContext","webviewType","isInsideModal","platform","INTERNAL","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","VKAPPS","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport Separator from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  left?: React.ReactNode;\n  right?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n}) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">{left}</div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {platform === VKCOM ? (\n          <Text weight=\"medium\">{children}</Text>\n        ) : (\n          <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n        )}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {(webviewType === WebviewType.INTERNAL || isInsideModal) && right}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        {\n          \"PanelHeader--trnsp\": transparent,\n          \"PanelHeader--shadow\": needShadow,\n          \"PanelHeader--vis\": visor,\n          \"PanelHeader--sep\": separator && visor,\n          \"PanelHeader--vkapps\":\n            webviewType === WebviewType.VKAPPS && !isInsideModal,\n          \"PanelHeader--no-left\": !left,\n          \"PanelHeader--no-right\": !right,\n          \"PanelHeader--fixed\": isFixed,\n        },\n        `PanelHeader--sizeX-${sizeX}`\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn {...props} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...props} />\n      )}\n      {separator && visor && (\n        <Separator\n          expanded={sizeX === SizeType.REGULAR && platform !== VKCOM}\n          wide={platform === VKCOM}\n        />\n      )}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","Text","TooltipContainer","ModalRootContext","PanelHeaderIn","children","left","right","separator","useContext","webviewType","isInsideModal","platform","INTERNAL","PanelHeader","props","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","VKAPPS","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport Separator from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  left?: React.ReactNode;\n  right?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n  separator,\n}) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <React.Fragment>\n      <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n        <div vkuiClass=\"PanelHeader__left\">{left}</div>\n        <div vkuiClass=\"PanelHeader__content\">\n          {platform === VKCOM ? (\n            <Text weight=\"medium\">{children}</Text>\n          ) : (\n            <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n          )}\n        </div>\n        <div vkuiClass=\"PanelHeader__right\">\n          {(webviewType === WebviewType.INTERNAL || isInsideModal) && right}\n        </div>\n      </TooltipContainer>\n      {separator && platform === VKCOM && <Separator wide />}\n    </React.Fragment>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        {\n          \"PanelHeader--trnsp\": transparent,\n          \"PanelHeader--shadow\": needShadow,\n          \"PanelHeader--vis\": visor,\n          \"PanelHeader--sep\": separator && visor,\n          \"PanelHeader--vkapps\":\n            webviewType === WebviewType.VKAPPS && !isInsideModal,\n          \"PanelHeader--no-left\": !left,\n          \"PanelHeader--no-right\": !right,\n          \"PanelHeader--fixed\": isFixed,\n        },\n        `PanelHeader--sizeX-${sizeX}`\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn {...props} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...props} />\n      )}\n      {separator && visor && platform !== VKCOM && (\n        <Separator expanded={sizeX === SizeType.REGULAR} />\n      )}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}

package/dist/cssm/components/PopoutRoot/PopoutRoot.js

@@ -3,9 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["popout", "modal", "viewWidth", "viewHeight", "hasMouse", "children", "getRootRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { withAdaptivity, ViewWidth, ViewHeight } from "../../hoc/withAdaptivity";
+import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { AppRootPortal } from "../AppRoot/AppRootPortal";
 import { blurActiveElement, useDOM } from "../../lib/dom";
+import { useAdaptivityIsDesktop } from "../../hooks/useAdaptivity";
 import "./PopoutRoot.css";
 export var PopoutRootComponent = function PopoutRootComponent(props) {
   var popout = props.popout,
@@ -20,7 +21,7 @@ export var PopoutRootComponent = function PopoutRootComponent(props) {
   var _useDOM = useDOM(),
       document = _useDOM.document;
 
-  var isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);
+  var isDesktop = useAdaptivityIsDesktop();
   React.useEffect(function () {
     popout && blurActiveElement(document);
   }, [document, popout]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"names":["React","withAdaptivity","ViewWidth","ViewHeight","AppRootPortal","blurActiveElement","useDOM","PopoutRootComponent","props","popout","modal","viewWidth","viewHeight","hasMouse","children","getRootRef","restProps","document","isDesktop","SMALL_TABLET","MEDIUM","useEffect","displayName","PopoutRoot"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SACEC,cADF,EAEEC,SAFF,EAGEC,UAHF;AAKA,SAASC,aAAT;AACA,SAASC,iBAAT,EAA4BC,MAA5B;AAKA;AAUA,OAAO,IAAMC,mBAEZ,GAAG,SAFSA,mBAET,CAACC,KAAD,EAAW;AACb,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,KAFF,GASIF,KATJ,CAEEE,KAFF;AAAA,MAGEC,SAHF,GASIH,KATJ,CAGEG,SAHF;AAAA,MAIEC,UAJF,GASIJ,KATJ,CAIEI,UAJF;AAAA,MAKEC,QALF,GASIL,KATJ,CAKEK,QALF;AAAA,MAMEC,QANF,GASIN,KATJ,CAMEM,QANF;AAAA,MAOEC,UAPF,GASIP,KATJ,CAOEO,UAPF;AAAA,MAQKC,SARL,4BASIR,KATJ;;AAUA,gBAAqBF,MAAM,EAA3B;AAAA,MAAQW,QAAR,WAAQA,QAAR;;AAEA,MAAMC,SAAS,GACbP,SAAS,IAAIT,SAAS,CAACiB,YAAvB,KACCN,QAAQ,IAAID,UAAU,IAAIT,UAAU,CAACiB,MADtC,CADF;AAIApB,EAAAA,KAAK,CAACqB,SAAN,CAAgB,YAAM;AACpBZ,IAAAA,MAAM,IAAIJ,iBAAiB,CAACY,QAAD,CAA3B;AACD,GAFD,EAEG,CAACA,QAAD,EAAWR,MAAX,CAFH;AAIA,SACE,wCAASO,SAAT;AAAoB,IAAA,SAAS,EAAC,YAA9B;AAA2C,IAAA,GAAG,EAAED;AAAhD,MACGD,QADH,EAEE,oBAAC,aAAD,QACG,CAAC,CAACL,MAAF,IACC;AACE,IAAA,SAAS,EACPS,SAAS,GAAG,sBAAH,GAA4B;AAFzC,KAKGT,MALH,CAFJ,EAUG,CAAC,CAACC,KAAF,IAAW;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,KAApC,CAVd,CAFF,CADF;AAiBD,CAxCM;AA0CPH,mBAAmB,CAACe,WAApB,GAAkC,YAAlC;AAEA,OAAO,IAAMC,UAAU,GAAGtB,cAAc,CAACM,mBAAD,EAAsB;AAC5DI,EAAAA,SAAS,EAAE,IADiD;AAE5DC,EAAAA,UAAU,EAAE,IAFgD;AAG5DC,EAAAA,QAAQ,EAAE;AAHkD,CAAtB,CAAjC","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport {\n  withAdaptivity,\n  ViewWidth,\n  ViewHeight,\n} from \"../../hoc/withAdaptivity\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { blurActiveElement, useDOM } from \"../../lib/dom\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./PopoutRoot.css\";\n\nexport interface PopoutRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\nexport const PopoutRootComponent: React.FC<\n  PopoutRootProps & AdaptivityContextInterface\n> = (props) => {\n  const {\n    popout,\n    modal,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    children,\n    getRootRef,\n    ...restProps\n  } = props;\n  const { document } = useDOM();\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  return (\n    <div {...restProps} vkuiClass=\"PopoutRoot\" ref={getRootRef}>\n      {children}\n      <AppRootPortal>\n        {!!popout && (\n          <div\n            vkuiClass={\n              isDesktop ? \"PopoutRoot--absolute\" : \"PopoutRoot__popout\"\n            }\n          >\n            {popout}\n          </div>\n        )}\n        {!!modal && <div vkuiClass=\"PopoutRoot__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n\nPopoutRootComponent.displayName = \"PopoutRoot\";\n\nexport const PopoutRoot = withAdaptivity(PopoutRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"PopoutRoot.js"}
+{"version":3,"sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"names":["React","withAdaptivity","AppRootPortal","blurActiveElement","useDOM","useAdaptivityIsDesktop","PopoutRootComponent","props","popout","modal","viewWidth","viewHeight","hasMouse","children","getRootRef","restProps","document","isDesktop","useEffect","displayName","PopoutRoot"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,cAAT;AACA,SAASC,aAAT;AACA,SAASC,iBAAT,EAA4BC,MAA5B;AAKA,SAASC,sBAAT;AACA;AAUA,OAAO,IAAMC,mBAEZ,GAAG,SAFSA,mBAET,CAACC,KAAD,EAAW;AACb,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,KAFF,GASIF,KATJ,CAEEE,KAFF;AAAA,MAGEC,SAHF,GASIH,KATJ,CAGEG,SAHF;AAAA,MAIEC,UAJF,GASIJ,KATJ,CAIEI,UAJF;AAAA,MAKEC,QALF,GASIL,KATJ,CAKEK,QALF;AAAA,MAMEC,QANF,GASIN,KATJ,CAMEM,QANF;AAAA,MAOEC,UAPF,GASIP,KATJ,CAOEO,UAPF;AAAA,MAQKC,SARL,4BASIR,KATJ;;AAUA,gBAAqBH,MAAM,EAA3B;AAAA,MAAQY,QAAR,WAAQA,QAAR;;AAEA,MAAMC,SAAS,GAAGZ,sBAAsB,EAAxC;AAEAL,EAAAA,KAAK,CAACkB,SAAN,CAAgB,YAAM;AACpBV,IAAAA,MAAM,IAAIL,iBAAiB,CAACa,QAAD,CAA3B;AACD,GAFD,EAEG,CAACA,QAAD,EAAWR,MAAX,CAFH;AAIA,SACE,wCAASO,SAAT;AAAoB,IAAA,SAAS,EAAC,YAA9B;AAA2C,IAAA,GAAG,EAAED;AAAhD,MACGD,QADH,EAEE,oBAAC,aAAD,QACG,CAAC,CAACL,MAAF,IACC;AACE,IAAA,SAAS,EACPS,SAAS,GAAG,sBAAH,GAA4B;AAFzC,KAKGT,MALH,CAFJ,EAUG,CAAC,CAACC,KAAF,IAAW;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,KAApC,CAVd,CAFF,CADF;AAiBD,CAtCM;AAwCPH,mBAAmB,CAACa,WAApB,GAAkC,YAAlC;AAEA,OAAO,IAAMC,UAAU,GAAGnB,cAAc,CAACK,mBAAD,EAAsB;AAC5DI,EAAAA,SAAS,EAAE,IADiD;AAE5DC,EAAAA,UAAU,EAAE,IAFgD;AAG5DC,EAAAA,QAAQ,EAAE;AAHkD,CAAtB,CAAjC","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { blurActiveElement, useDOM } from \"../../lib/dom\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./PopoutRoot.css\";\n\nexport interface PopoutRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\nexport const PopoutRootComponent: React.FC<\n  PopoutRootProps & AdaptivityContextInterface\n> = (props) => {\n  const {\n    popout,\n    modal,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    children,\n    getRootRef,\n    ...restProps\n  } = props;\n  const { document } = useDOM();\n\n  const isDesktop = useAdaptivityIsDesktop();\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  return (\n    <div {...restProps} vkuiClass=\"PopoutRoot\" ref={getRootRef}>\n      {children}\n      <AppRootPortal>\n        {!!popout && (\n          <div\n            vkuiClass={\n              isDesktop ? \"PopoutRoot--absolute\" : \"PopoutRoot__popout\"\n            }\n          >\n            {popout}\n          </div>\n        )}\n        {!!modal && <div vkuiClass=\"PopoutRoot__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n\nPopoutRootComponent.displayName = \"PopoutRoot\";\n\nexport const PopoutRoot = withAdaptivity(PopoutRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"PopoutRoot.js"}

package/dist/cssm/components/Popper/Popper.css

@@ -1 +1 @@
-.vkuiPopperPortal{position:relative;z-index:100}.vkuiPopper__arrow-in{content:"";display:block;width:20px;height:8px}[data-popper-placement^=bottom] .vkuiPopper__arrow{bottom:100%}[data-popper-placement^=top] .vkuiPopper__arrow{top:100%}[data-popper-placement^=top] .vkuiPopper__arrow-in{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-popper-placement^=left] .vkuiPopper__arrow{left:calc(100% - 6px)}[data-popper-placement^=left] .vkuiPopper__arrow-in{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[data-popper-placement^=right] .vkuiPopper__arrow{right:calc(100% - 6px)}[data-popper-placement^=right] .vkuiPopper__arrow-in{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
+.vkuiPopper{z-index:100}.vkuiPopper__arrow-in{content:"";display:block;width:20px;height:8px}[data-popper-placement^=bottom] .vkuiPopper__arrow{bottom:100%}[data-popper-placement^=top] .vkuiPopper__arrow{top:100%}[data-popper-placement^=top] .vkuiPopper__arrow-in{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-popper-placement^=left] .vkuiPopper__arrow{left:calc(100% - 6px)}[data-popper-placement^=left] .vkuiPopper__arrow-in{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[data-popper-placement^=right] .vkuiPopper__arrow{right:calc(100% - 6px)}[data-popper-placement^=right] .vkuiPopper__arrow-in{-webkit-transform:rotate(270deg);transform:rotate(270deg)}

package/dist/cssm/components/Radio/Radio.css

@@ -1 +1 @@
-.vkuiRadio{display:block}.vkuiFormItem .vkuiRadio{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--formitem_padding))}.vkuiRadio__input{display:none}.vkuiRadio__container{display:flex;align-items:center;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.6}.vkuiRadio__icon{display:block;flex-shrink:0;box-sizing:border-box;border-radius:50%;position:relative;width:22px;height:22px;border:2px solid #b8c1cc;border:2px solid var(--icon_tertiary);margin-right:14px;transition:border-color .15s cubic-bezier(.36,.66,.04,1);transition:border-color .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{border-color:#2688eb;border-color:var(--accent)}.vkuiRadio__icon::after{position:absolute;content:"";display:block;border-radius:50%;box-sizing:border-box;width:14px;height:14px;left:2px;top:2px;-webkit-transform:scale(.3);transform:scale(.3);transition:-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1),-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing),-webkit-transform .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon::after{background-color:#2688eb;background-color:var(--accent);-webkit-transform:scale(1);transform:scale(1)}.vkuiRadio__content{display:block;flex-grow:1;max-width:100%;color:#000;color:var(--text_primary)}.vkuiRadio__description{display:block;color:#818c99;color:var(--text_secondary);margin-bottom:12px;margin-top:2px}.vkuiRadio__children{margin-top:12px}.vkuiRadio__children:last-child{margin-bottom:12px}.vkuiRadio--ios{padding:0 12px}.vkuiRadio--android{padding:0 16px}.vkuiRadio--sizeY-compact .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{width:18px;height:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon::after{top:1px;left:1px;width:12px;height:12px}.vkuiRadio--vkcom{padding:0 16px}.vkuiRadio--vkcom .vkuiRadio__icon{width:16px;height:16px;margin:2px 14px 2px 2px;border:1px solid #99a2ad;border:1px solid var(--icon_secondary);border-radius:50%;transition:border-color .5s cubic-bezier(.36,.66,.04,1);transition:border-color .5s var(--ios-easing)}.vkuiRadio--vkcom .vkuiRadio__icon::after{width:8px;height:8px;left:3px;top:3px;-webkit-transform:scale(.3);transform:scale(.3);transition:-webkit-transform .5s cubic-bezier(.36,.66,.04,1);transition:transform .5s cubic-bezier(.36,.66,.04,1);transition:transform .5s cubic-bezier(.36,.66,.04,1),-webkit-transform .5s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .5s var(--ios-easing);transition:transform .5s var(--ios-easing);transition:transform .5s var(--ios-easing),-webkit-transform .5s var(--ios-easing)}.vkuiRadio--vkcom .vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.4}.vkuiRadio--vkcom .vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{border-color:#2688eb;border-color:var(--accent)}.vkuiRadio--vkcom .vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon::after{background-color:#2688eb;background-color:var(--accent);-webkit-transform:scale(1);transform:scale(1)}.vkuiRadio--vkcom .vkuiRadio__children{margin-top:8px}.vkuiRadio--vkcom .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--vkcom .vkuiRadio__description{margin-top:1px;margin-bottom:8px}.vkuiRadioGroup .vkuiRadio{flex:1;margin:0;box-sizing:border-box}
+.vkuiRadio{display:block}.vkuiFormItem .vkuiRadio{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiRadio__input{display:none}.vkuiRadio__container{display:flex;align-items:center;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.6}.vkuiRadio__icon{display:block;flex-shrink:0;box-sizing:border-box;border-radius:50%;position:relative;width:22px;height:22px;border:2px solid #b8c1cc;border:2px solid var(--icon_tertiary);margin-right:14px;transition:border-color .15s cubic-bezier(.36,.66,.04,1);transition:border-color .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{border-color:#2688eb;border-color:var(--accent)}.vkuiRadio__icon::after{position:absolute;content:"";display:block;border-radius:50%;box-sizing:border-box;width:14px;height:14px;left:2px;top:2px;-webkit-transform:scale(.3);transform:scale(.3);transition:-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1),-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing),-webkit-transform .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon::after{background-color:#2688eb;background-color:var(--accent);-webkit-transform:scale(1);transform:scale(1)}.vkuiRadio__content{display:block;flex-grow:1;max-width:100%;color:#000;color:var(--text_primary)}.vkuiRadio__description{display:block;color:#818c99;color:var(--text_secondary);margin-bottom:12px;margin-top:2px}.vkuiRadio__children{margin-top:12px}.vkuiRadio__children:last-child{margin-bottom:12px}.vkuiRadio--ios{padding:0 12px}.vkuiRadio--android{padding:0 16px}.vkuiRadio--sizeY-compact .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{width:18px;height:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon::after{top:1px;left:1px;width:12px;height:12px}.vkuiRadio--vkcom{padding:0 16px}.vkuiRadio--vkcom .vkuiRadio__icon{width:16px;height:16px;margin:2px 14px 2px 2px;border:1px solid #99a2ad;border:1px solid var(--icon_secondary);border-radius:50%;transition:border-color .5s cubic-bezier(.36,.66,.04,1);transition:border-color .5s var(--ios-easing)}.vkuiRadio--vkcom .vkuiRadio__icon::after{width:8px;height:8px;left:3px;top:3px;-webkit-transform:scale(.3);transform:scale(.3);transition:-webkit-transform .5s cubic-bezier(.36,.66,.04,1);transition:transform .5s cubic-bezier(.36,.66,.04,1);transition:transform .5s cubic-bezier(.36,.66,.04,1),-webkit-transform .5s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .5s var(--ios-easing);transition:transform .5s var(--ios-easing);transition:transform .5s var(--ios-easing),-webkit-transform .5s var(--ios-easing)}.vkuiRadio--vkcom .vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.4}.vkuiRadio--vkcom .vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{border-color:#2688eb;border-color:var(--accent)}.vkuiRadio--vkcom .vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon::after{background-color:#2688eb;background-color:var(--accent);-webkit-transform:scale(1);transform:scale(1)}.vkuiRadio--vkcom .vkuiRadio__children{margin-top:8px}.vkuiRadio--vkcom .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--vkcom .vkuiRadio__description{margin-top:1px;margin-bottom:8px}.vkuiRadioGroup .vkuiRadio{flex:1;margin:0;box-sizing:border-box}

package/dist/cssm/components/RadioGroup/RadioGroup.css

@@ -1 +1 @@
-.vkuiRadioGroup--horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{margin:0 calc(-1*16px);margin:0 calc(-1*var(--formitem_padding));box-sizing:content-box}
+.vkuiRadioGroup--horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px));box-sizing:content-box}

package/dist/cssm/components/Removable/Removable.css

@@ -1 +1 @@
-.vkuiRemovable__content{position:relative;display:flex;align-items:center;padding-left:16px;padding-left:var(--formitem_padding)}.vkuiRemovable__action{position:relative;flex-grow:0;flex-shrink:0;border:0}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:28px}.vkuiFormItem--sizeY-compact.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:26px}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{position:absolute;left:100%;top:0;height:100%;padding:0 10px;font-size:15px;line-height:45px;color:#fff;color:var(--white);background-color:#e64646;background-color:var(--destructive);border:0;border-radius:0;letter-spacing:var(--vk-sans-ls-17)}.vkuiRemovable__remove-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{display:block;width:44px;height:44px;margin:0 2px;background:0 0}.vkuiRemovable__toggle-in{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;border:0}.vkuiRemovable__toggle-in::after{content:"";width:22px;height:22px;background-color:#e64646;background-color:var(--destructive);border-radius:50%}.vkuiRemovable__toggle-in::before{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;background-color:var(--white)}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--formitem_padding)}.vkuiFormLayoutGroup--removable .vkuiRemovable__content{flex-wrap:wrap}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{order:-1;display:block;width:100%;height:28px}.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{height:26px}
+.vkuiRemovable__content{position:relative;display:flex;align-items:center;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiRemovable__action{position:relative;flex-grow:0;flex-shrink:0;border:0}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:28px}.vkuiFormItem--sizeY-compact.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:26px}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{position:absolute;left:100%;top:0;height:100%;padding:0 10px;font-size:15px;line-height:45px;color:#fff;color:var(--white);background-color:#e64646;background-color:var(--destructive);border:0;border-radius:0;letter-spacing:var(--vk-sans-ls-17)}.vkuiRemovable__remove-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{display:block;width:44px;height:44px;margin:0 2px;background:0 0}.vkuiRemovable__toggle-in{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;border:0}.vkuiRemovable__toggle-in::after{content:"";width:22px;height:22px;background-color:#e64646;background-color:var(--destructive);border-radius:50%}.vkuiRemovable__toggle-in::before{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;background-color:var(--white)}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormLayoutGroup--removable .vkuiRemovable__content{flex-wrap:wrap}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{order:-1;display:block;width:100%;height:28px}.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{height:26px}

package/dist/cssm/components/RichCell/RichCell.css

@@ -1 +1 @@
-.vkuiRichCell{display:flex;min-height:64px;padding-right:16px;padding-left:16px;box-sizing:border-box;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiFormItem .vkuiRichCell{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--formitem_padding))}.vkuiRichCell--mult{white-space:normal}.vkuiRichCell__in{flex-grow:1;max-width:100%;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:8px;padding-bottom:8px;font-size:0;line-height:0}.vkuiRichCell__in>:first-child:not(.vkuiRichCell__content){display:none;pointer-events:none}.vkuiRichCell__in>.vkuiIcon--28:first-child~*{margin-right:32px}.vkuiRichCell__content{display:flex}.vkuiRichCell__after{flex-shrink:0;padding-left:4px;white-space:nowrap}.vkuiRichCell__after .vkuiIcon--28{position:absolute;right:0;color:#2688eb;color:var(--accent)}.vkuiRichCell>.vkuiAvatar--sz-72+.vkuiRichCell__in .vkuiRichCell__after .vkuiIcon--28{top:22px}.vkuiRichCell>.vkuiAvatar--sz-48+.vkuiRichCell__in .vkuiRichCell__after .vkuiIcon--28{top:10px}.vkuiRichCell__children{flex-grow:1;max-width:100%;min-width:0}.vkuiRichCell__caption{display:block;margin-top:1px;color:#818c99;color:var(--text_secondary)}.vkuiRichCell__children,.vkuiRichCell__text,.vkuiRichCell__caption{overflow:hidden;text-overflow:ellipsis}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell--ios{padding-right:12px;padding-left:12px}.vkuiRichCell--sizeY-compact{min-height:60px}.vkuiRichCell--sizeY-compact .vkuiRichCell__actions{margin-top:11px}.vkuiRichCell--sizeY-compact .vkuiUsersStack+.vkuiRichCell__actions{margin-top:12px}
+.vkuiRichCell{display:flex;min-height:64px;padding-right:16px;padding-left:16px;box-sizing:border-box;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiFormItem .vkuiRichCell{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiRichCell--mult{white-space:normal}.vkuiRichCell__in{flex-grow:1;max-width:100%;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:8px;padding-bottom:8px;font-size:0;line-height:0}.vkuiRichCell__in>:first-child:not(.vkuiRichCell__content){display:none;pointer-events:none}.vkuiRichCell__in>.vkuiIcon--28:first-child~*{margin-right:32px}.vkuiRichCell__content{display:flex}.vkuiRichCell__after{flex-shrink:0;padding-left:4px;white-space:nowrap}.vkuiRichCell__after .vkuiIcon--28{position:absolute;right:0;color:#2688eb;color:var(--accent)}.vkuiRichCell>.vkuiAvatar--sz-72+.vkuiRichCell__in .vkuiRichCell__after .vkuiIcon--28{top:22px}.vkuiRichCell>.vkuiAvatar--sz-48+.vkuiRichCell__in .vkuiRichCell__after .vkuiIcon--28{top:10px}.vkuiRichCell__children{flex-grow:1;max-width:100%;min-width:0}.vkuiRichCell__caption{display:block;margin-top:1px;color:#818c99;color:var(--text_secondary)}.vkuiRichCell__children,.vkuiRichCell__text,.vkuiRichCell__caption{overflow:hidden;text-overflow:ellipsis}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell--ios{padding-right:12px;padding-left:12px}.vkuiRichCell--sizeY-compact{min-height:60px}.vkuiRichCell--sizeY-compact .vkuiRichCell__actions{margin-top:11px}.vkuiRichCell--sizeY-compact .vkuiUsersStack+.vkuiRichCell__actions{margin-top:12px}

package/dist/cssm/components/SegmentedControl/SegmentedControl.css

@@ -1 +1 @@
-.vkuiSegmentedControl{height:36px;padding:2px;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);box-sizing:border-box}.vkuiSegmentedControl--l{height:44px}.vkuiSegmentedControl__in{position:relative;display:flex;height:100%;width:100%;transition:all 100ms ease-out;border-radius:inherit}.vkuiSegmentedControl__slider{position:absolute;top:0;left:0;bottom:0;background-color:#fff;background-color:var(--vkui--color_background_modal);transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms;-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:inherit;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);box-shadow:inset 0 0 0 .5px var(--vkui--color_image_border_alpha),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}.vkuiSegmentedControl__option{position:relative;flex:1;display:block;margin:0;padding:0;z-index:1}
+.vkuiSegmentedControl{height:36px;padding:2px;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary,#F5F5F5);box-sizing:border-box}.vkuiSegmentedControl--l{height:44px}.vkuiSegmentedControl__in{position:relative;display:flex;height:100%;width:100%;transition:all 100ms ease-out;border-radius:inherit}.vkuiSegmentedControl__slider{position:absolute;top:0;left:0;bottom:0;background-color:#fff;background-color:var(--vkui--color_background_modal,#FFFFFF);transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms;-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:inherit;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);box-shadow:inset 0 0 0 .5px var(--vkui--color_image_border_alpha,rgba(0, 0, 0, 0.08)),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}.vkuiSegmentedControl__option{position:relative;flex:1;display:block;margin:0;padding:0;z-index:1}

package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css

@@ -1 +1 @@
-.vkuiSegmentedControlOption{height:100%;border:0;border-radius:inherit;background:0 0;color:#000;color:var(--vkui--color_text_primary);transition:color 100ms ease-out;-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.vkuiSegmentedControlOption .vkuiIcon{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiSegmentedControlOption:not(.vkuiSegmentedControlOption--checked):hover{opacity:.5}.vkuiSegmentedControlOption__content{display:flex;align-content:center;align-items:center;justify-content:center;height:100%;width:100%;border-radius:inherit}
+.vkuiSegmentedControlOption{height:100%;border:0;border-radius:inherit;background:0 0;color:#000;color:var(--vkui--color_text_primary,#000000);transition:color 100ms ease-out;-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.vkuiSegmentedControlOption .vkuiIcon{color:#99a2ad;color:var(--vkui--color_icon_secondary,#99A2AD)}.vkuiSegmentedControlOption:not(.vkuiSegmentedControlOption--checked):hover{opacity:.5}.vkuiSegmentedControlOption__content{display:flex;align-content:center;align-items:center;justify-content:center;height:100%;width:100%;border-radius:inherit}

package/dist/cssm/components/SimpleCell/SimpleCell.css

@@ -1 +1 @@
-.vkuiSimpleCell{display:flex;align-items:center;min-height:48px;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary);padding-left:16px;padding-right:16px}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__description,.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:initial}.vkuiSimpleCell__main{max-width:100%;flex-grow:1;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{padding-top:10px;padding-bottom:10px;padding-right:12px;flex-shrink:0;color:#2688eb;color:var(--accent)}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__description{color:#818c99;color:var(--text_secondary);text-overflow:ellipsis;overflow:hidden;margin-top:3px;display:block}.vkuiSimpleCell>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:2px}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{display:flex;align-content:flex-start;align-items:center;justify-content:flex-start;max-width:100%}.vkuiSimpleCell__children{color:inherit;text-overflow:ellipsis;overflow:hidden;display:block}.vkuiSimpleCell__badge{display:inline-block;flex-grow:0;flex-shrink:0;margin-left:4px;color:#5c9ce6;color:var(--blue_200)}.vkuiSimpleCell__badge .vkuiBadge{margin-top:2px;margin-left:3px}.vkuiSimpleCell--mult .vkuiSimpleCell__badge{vertical-align:top}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiIcon{-webkit-transform:translateY(2px);transform:translateY(2px)}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiBadge{margin-top:8px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary);min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:4px}.vkuiSimpleCell__after{flex-shrink:0;display:flex;align-items:center;color:#2688eb;color:var(--accent)}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28~*{margin-right:-8px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24~*{margin-right:-10px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-14px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8~*{margin-right:-12px}.vkuiSimpleCell--ios{padding-left:12px;padding-right:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__main,.vkuiSimpleCell--ios .vkuiSimpleCell__indicator{padding-top:9px;padding-bottom:11px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary);padding-right:4px;padding-left:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-12px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-14px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__main .vkuiSimpleCell__children,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__indicator{font-size:16px;line-height:20px;letter-spacing:var(--vk-sans-ls-2)}.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator{padding-top:11px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator{padding-top:10px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:1px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28~*{margin-right:-6px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24~*{margin-right:-8px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-12px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8~*{margin-right:-10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__badge .vkuiBadge{-webkit-transform:translateY(.5px);transform:translateY(.5px)}.vkuiFormItem>.vkuiSimpleCell{margin:0 calc(-1*16px);margin:0 calc(-1*var(--formitem_padding))}
+.vkuiSimpleCell{display:flex;align-items:center;min-height:48px;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary);padding-left:16px;padding-right:16px}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__description,.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:initial}.vkuiSimpleCell__main{max-width:100%;flex-grow:1;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{padding-top:10px;padding-bottom:10px;padding-right:12px;flex-shrink:0;color:#2688eb;color:var(--accent)}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__description{color:#818c99;color:var(--text_secondary);text-overflow:ellipsis;overflow:hidden;margin-top:3px;display:block}.vkuiSimpleCell>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:2px}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{display:flex;align-content:flex-start;align-items:center;justify-content:flex-start;max-width:100%}.vkuiSimpleCell__children{color:inherit;text-overflow:ellipsis;overflow:hidden;display:block}.vkuiSimpleCell__badge{display:inline-block;flex-grow:0;flex-shrink:0;margin-left:4px;color:#5c9ce6;color:var(--blue_200)}.vkuiSimpleCell__badge .vkuiBadge{margin-top:2px;margin-left:3px}.vkuiSimpleCell--mult .vkuiSimpleCell__badge{vertical-align:top}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiIcon{-webkit-transform:translateY(2px);transform:translateY(2px)}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiBadge{margin-top:8px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary);min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:4px}.vkuiSimpleCell__after{flex-shrink:0;display:flex;align-items:center;color:#2688eb;color:var(--accent)}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28~*{margin-right:-8px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24~*{margin-right:-10px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-14px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8~*{margin-right:-12px}.vkuiSimpleCell--ios{padding-left:12px;padding-right:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__main,.vkuiSimpleCell--ios .vkuiSimpleCell__indicator{padding-top:9px;padding-bottom:11px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary);padding-right:4px;padding-left:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-12px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-14px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__main .vkuiSimpleCell__children,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__indicator{font-size:16px;line-height:20px;letter-spacing:var(--vk-sans-ls-2)}.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator{padding-top:11px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator{padding-top:10px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:1px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28~*{margin-right:-6px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24~*{margin-right:-8px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-12px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8~*{margin-right:-10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__badge .vkuiBadge{-webkit-transform:translateY(.5px);transform:translateY(.5px)}.vkuiFormItem>.vkuiSimpleCell{margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}

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

@@ -1 +1 @@
-.vkuiCaption{display:block;margin:0}.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--l-1{font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular)}.vkuiCaption--l-1.vkuiCaption--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular)}.vkuiCaption--l-2{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular)}.vkuiCaption--l-2.vkuiCaption--caps{font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular)}.vkuiCaption--l-3{font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular);letter-spacing:var(--vk-sans-ls07)}.vkuiCaption--l-3.vkuiCaption--caps{font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular);letter-spacing:var(--vk-sans-ls07)}.vkuiCaption--l-4{font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular);letter-spacing:var(--vk-sans-ls2)}.vkuiCaption--l-4.vkuiCaption--caps{font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular);letter-spacing:var(--vk-sans-ls2)}.vkuiCaption.vkuiCaption--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiCaption.vkuiCaption--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiCaption.vkuiCaption--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}.vkuiCaption--w-regular{font-weight:400}.vkuiCaption--w-medium{font-weight:500}.vkuiCaption--w-semibold{font-weight:600}.vkuiCaption--w-bold{font-weight:700}
+.vkuiCaption{display:block;margin:0}.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--l-1{font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular,400)}.vkuiCaption--l-1.vkuiCaption--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular,16px);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular,400)}.vkuiCaption--l-2{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular,400)}.vkuiCaption--l-2.vkuiCaption--caps{font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular,14px);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular,600)}.vkuiCaption--l-3{font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular,11px);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular,14px);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular,400);letter-spacing:var(--vk-sans-ls07)}.vkuiCaption--l-3.vkuiCaption--caps{font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular,11px);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular,14px);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular,600);letter-spacing:var(--vk-sans-ls07)}.vkuiCaption--l-4{font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular,9px);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular,12px);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular,400);letter-spacing:var(--vk-sans-ls2)}.vkuiCaption--l-4.vkuiCaption--caps{font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular,9px);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular,12px);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular,600);letter-spacing:var(--vk-sans-ls2)}.vkuiCaption.vkuiCaption--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiCaption.vkuiCaption--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiCaption.vkuiCaption--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiCaption--w-regular{font-weight:400}.vkuiCaption--w-medium{font-weight:500}.vkuiCaption--w-semibold{font-weight:600}.vkuiCaption--w-bold{font-weight:700}

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

@@ -1 +1 @@
-.vkuiParagraph{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular);letter-spacing:var(--vk-sans-ls-17)}.vkuiParagraph--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiParagraph--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiParagraph--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
+.vkuiParagraph{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular,400);letter-spacing:var(--vk-sans-ls-17)}.vkuiParagraph--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiParagraph--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiParagraph--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}

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

@@ -1 +1 @@
-.vkuiSubhead{margin:0;font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular);letter-spacing:var(--vk-sans-ls-1)}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
+.vkuiSubhead{margin:0;font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular,400);letter-spacing:var(--vk-sans-ls-1)}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact,13px);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact,16px)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}

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

@@ -1 +1 @@
-.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular);letter-spacing:var(--vk-sans-ls-25)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular);letter-spacing:var(--vk-sans-ls-35)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular);letter-spacing:var(--vk-sans-ls-25)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
+.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular,24px);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular,28px);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular,600);letter-spacing:var(--vk-sans-ls-25)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular,20px);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular,24px);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular,600);letter-spacing:var(--vk-sans-ls-35)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular,17px);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular,22px);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular,600);letter-spacing:var(--vk-sans-ls-25)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}

package/dist/cssm/hooks/useAdaptivity.d.ts

@@ -1,3 +1,4 @@
 import { AdaptivityProps, AdaptivityContextInterface } from "../components/AdaptivityProvider/AdaptivityContext";
 export type { AdaptivityProps };
 export declare const useAdaptivity: () => AdaptivityContextInterface;
+export declare const useAdaptivityIsDesktop: () => boolean;

package/dist/cssm/hooks/useAdaptivity.js

@@ -1,6 +1,18 @@
 import * as React from "react";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
+import { AdaptivityContext, ViewWidth, ViewHeight } from "../components/AdaptivityProvider/AdaptivityContext";
+import { usePlatform } from "./usePlatform";
+import { VKCOM } from "../lib/platform";
 export var useAdaptivity = function useAdaptivity() {
   return React.useContext(AdaptivityContext);
 };
+export var useAdaptivityIsDesktop = function useAdaptivityIsDesktop() {
+  var platform = usePlatform();
+
+  var _useAdaptivity = useAdaptivity(),
+      viewWidth = _useAdaptivity.viewWidth,
+      viewHeight = _useAdaptivity.viewHeight,
+      hasMouse = _useAdaptivity.hasMouse;
+
+  return viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM) || platform === VKCOM;
+};
 //# sourceMappingURL=useAdaptivity.js.map

package/dist/cssm/hooks/useAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF;AAQA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;AAC7D,SAAOF,KAAK,CAACG,UAAN,CAAiBF,iBAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  AdaptivityContextInterface,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityContextInterface => {\n  return React.useContext(AdaptivityContext);\n};\n"],"file":"useAdaptivity.js"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["React","AdaptivityContext","ViewWidth","ViewHeight","usePlatform","VKCOM","useAdaptivity","useContext","useAdaptivityIsDesktop","platform","viewWidth","viewHeight","hasMouse","SMALL_TABLET","MEDIUM"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAIEC,SAJF,EAKEC,UALF;AAOA,SAASC,WAAT;AACA,SAASC,KAAT;AAIA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;AAC7D,SAAON,KAAK,CAACO,UAAN,CAAiBN,iBAAjB,CAAP;AACD,CAFM;AAIP,OAAO,IAAMO,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAe;AACnD,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;;AACA,uBAA4CE,aAAa,EAAzD;AAAA,MAAQI,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AAEA,SACGF,SAAS,IAAIR,SAAS,CAACW,YAAvB,KACED,QAAQ,IAAID,UAAU,IAAIR,UAAU,CAACW,MADvC,CAAD,IAEAL,QAAQ,KAAKJ,KAHf;AAKD,CATM","sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  AdaptivityContextInterface,\n  ViewWidth,\n  ViewHeight,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { usePlatform } from \"./usePlatform\";\nimport { VKCOM } from \"../lib/platform\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityContextInterface => {\n  return React.useContext(AdaptivityContext);\n};\n\nexport const useAdaptivityIsDesktop = (): boolean => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n\n  return (\n    (viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM)) ||\n    platform === VKCOM\n  );\n};\n"],"file":"useAdaptivity.js"}

package/dist/cssm/index.d.ts

@@ -277,6 +277,7 @@ export { usePlatform } from "./hooks/usePlatform";
 export { useAdaptivity } from "./hooks/useAdaptivity";
 export { useAppearance } from "./hooks/useAppearance";
 export { usePagination } from "./hooks/usePagination";
+export { useScrollLock } from "./components/AppRoot/ScrollContext";
 /**
  * Utils
  */

package/dist/cssm/index.js

@@ -176,6 +176,7 @@ export { usePlatform } from "./hooks/usePlatform";
 export { useAdaptivity } from "./hooks/useAdaptivity";
 export { useAppearance } from "./hooks/useAppearance";
 export { usePagination } from "./hooks/usePagination";
+export { useScrollLock } from "./components/AppRoot/ScrollContext";
 /**
  * Utils
  */