@vkontakte/vkui 4.34.2 → 4.35.0

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

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { HasComponent, HasRootRef } from "../../types";
 export interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
-    onClose?: (props?: any) => void;
     restoreFocus?: boolean;
     timeout?: number;
+    onClose?(): void;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/FocusTrap

package/dist/cssm/components/FocusTrap/FocusTrap.js

@@ -10,7 +10,6 @@ import { useTimeout } from "../../hooks/useTimeout";
 import { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from "../../lib/accessibility";
 import { useDOM } from "../../lib/dom";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
-import { noop } from "../../lib/utils";
 import { AppRootContext } from "../AppRoot/AppRootContext";
 var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();
 
@@ -20,8 +19,7 @@ var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();
 export var FocusTrap = function FocusTrap(_ref) {
   var _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? "div" : _ref$Component,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+      onClose = _ref.onClose,
       _ref$restoreFocus = _ref.restoreFocus,
       restoreFocus = _ref$restoreFocus === void 0 ? true : _ref$restoreFocus,
       _ref$timeout = _ref.timeout,
@@ -63,7 +61,7 @@ export var FocusTrap = function FocusTrap(_ref) {
 
   useIsomorphicLayoutEffect(function () {
     if (!ref.current) {
-      return noop();
+      return;
     }
 
     var nodes = [];
@@ -78,11 +76,12 @@ export var FocusTrap = function FocusTrap(_ref) {
       }
     });
 
-    if (nodes !== null && nodes !== void 0 && nodes.length) {
-      setFocusableNodes(nodes);
+    if (nodes.length === 0) {
+      // Чтобы фокус был хотя бы на родителе
+      nodes.push(ref.current);
     }
 
-    return noop();
+    setFocusableNodes(nodes);
   }, [children]); // HANDLE TRAP UNMOUNT
 
   var focusOnTrapUnmount = useTimeout(function () {
@@ -98,7 +97,7 @@ export var FocusTrap = function FocusTrap(_ref) {
       };
     }
 
-    return noop();
+    return;
   }, [restoreFocus]);
 
   var onDocumentKeydown = function onDocumentKeydown(e) {
@@ -121,7 +120,7 @@ export var FocusTrap = function FocusTrap(_ref) {
       }
     }
 
-    if (pressedKey(e) === Keys.ESCAPE) {
+    if (onClose && pressedKey(e) === Keys.ESCAPE) {
       onClose();
     }
 
@@ -132,6 +131,7 @@ export var FocusTrap = function FocusTrap(_ref) {
     capture: true
   });
   return createScopedElement(Component, _extends({
+    tabIndex: -1,
     ref: ref
   }, restProps), children);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","noop","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = \"div\",\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<\n    HTMLElement[] | null\n  >(null);\n  const [restoreFocusTo, setRestoreFocusTo] =\n    React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}
+{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,sBAAT;AACA,SAASC,UAAT;AACA,SACEC,uBADF,EAEEC,IAFF,EAGEC,UAHF;AAKA,SAASC,MAAT;AACA,SAASC,yBAAT;AAEA,SAASC,cAAT;AAEA,IAAMC,kBAA0B,GAAGN,uBAAuB,CAACO,IAAxB,EAAnC;;AAWA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAQH;AAAA,4BAPpBC,SAOoB;AAAA,MAPpBA,SAOoB,+BAPR,KAOQ;AAAA,MANpBC,OAMoB,QANpBA,OAMoB;AAAA,+BALpBC,YAKoB;AAAA,MALpBA,YAKoB,kCALL,IAKK;AAAA,0BAJpBC,OAIoB;AAAA,MAJpBA,OAIoB,6BAJV,CAIU;AAAA,MAHpBC,UAGoB,QAHpBA,UAGoB;AAAA,MAFpBC,QAEoB,QAFpBA,QAEoB;AAAA,MADjBC,SACiB;;AACpB,MAAMC,GAAG,GAAGnB,YAAY,CAAcgB,UAAd,CAAxB;;AAEA,gBAA6BV,MAAM,EAAnC;AAAA,MAAQc,QAAR,WAAQA,QAAR;AAAA,MAAkBC,MAAlB,WAAkBA,MAAlB;;AAEA,wBAA4CtB,KAAK,CAACuB,QAAN,CAE1C,IAF0C,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AAGA,yBACEzB,KAAK,CAACuB,QAAN,CAAmC,IAAnC,CADF;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB,uBARoB,CAWpB;;;AAEA,0BAA0B3B,KAAK,CAAC4B,UAAN,CAAiBnB,cAAjB,CAA1B;AAAA,MAAQoB,aAAR,qBAAQA,aAAR;;AACA,MAAMC,gBAAgB,GAAG3B,UAAU,CAAC,YAAM;AAAA;;AACxC,QACE0B,aAAa,IACb,kBAACT,GAAG,CAACW,OAAL,yCAAC,aAAaC,QAAb,CAAsBX,QAAQ,CAAEY,aAAhC,CAAD,CADA,IAEAT,cAFA,aAEAA,cAFA,eAEAA,cAAc,CAAEU,MAHlB,EAIE;AACAV,MAAAA,cAAc,CAAC,CAAD,CAAd,CAAkBW,KAAlB;AACD;AACF,GARkC,EAQhCnB,OARgC,CAAnC;AASAR,EAAAA,yBAAyB,CAAC,YAAM;AAC9BsB,IAAAA,gBAAgB,CAACM,GAAjB;AACD,GAFwB,EAEtB,EAFsB,CAAzB,CAvBoB,CA2BpB;;AAEA5B,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAI,CAACY,GAAG,CAACW,OAAT,EAAkB;AAChB;AACD;;AAED,QAAMM,KAAoB,GAAG,EAA7B;AACAC,IAAAA,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,EACE;AACArB,IAAAA,GAAG,CAACW,OAAJ,CAAYW,gBAAZ,CAA6BhC,kBAA7B,CAFF,EAGE,UAACiC,WAAD,EAA0B;AACxB,8BAAgCrB,MAAM,CAAEsB,gBAAR,CAAyBD,WAAzB,CAAhC;AAAA,UAAQE,OAAR,qBAAQA,OAAR;AAAA,UAAiBC,UAAjB,qBAAiBA,UAAjB;;AAEA,UAAID,OAAO,KAAK,MAAZ,IAAsBC,UAAU,KAAK,QAAzC,EAAmD;AACjDT,QAAAA,KAAK,CAACU,IAAN,CAAWJ,WAAX;AACD;AACF,KATH;;AAYA,QAAIN,KAAK,CAACH,MAAN,KAAiB,CAArB,EAAwB;AACtB;AACAG,MAAAA,KAAK,CAACU,IAAN,CAAW3B,GAAG,CAACW,OAAf;AACD;;AAEDN,IAAAA,iBAAiB,CAACY,KAAD,CAAjB;AACD,GAxBwB,EAwBtB,CAACnB,QAAD,CAxBsB,CAAzB,CA7BoB,CAuDpB;;AAEA,MAAM8B,kBAAkB,GAAG7C,UAAU,CAAC,YAAM;AAC1C,QAAIuB,cAAJ,EAAoB;AAClBA,MAAAA,cAAc,CAACS,KAAf;AACD;AACF,GAJoC,EAIlCnB,OAJkC,CAArC;AAKAR,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIO,YAAY,IAAIM,QAAQ,CAAEY,aAA9B,EAA6C;AAC3CN,MAAAA,iBAAiB,CAACN,QAAQ,CAAEY,aAAX,CAAjB;AAEA,aAAO,YAAM;AACXe,QAAAA,kBAAkB,CAACZ,GAAnB;AACD,OAFD;AAGD;;AAED;AACD,GAVwB,EAUtB,CAACrB,YAAD,CAVsB,CAAzB;;AAYA,MAAMkC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAsB;AAC9C,QAAI5C,UAAU,CAAC4C,CAAD,CAAV,KAAkB7C,IAAI,CAAC8C,GAAvB,IAA8B3B,cAA9B,aAA8BA,cAA9B,eAA8BA,cAAc,CAAEU,MAAlD,EAA0D;AACxD,UAAMkB,OAAO,GAAG5B,cAAc,CAACU,MAAf,GAAwB,CAAxC;AACA,UAAMmB,SAAS,GAAG7B,cAAc,CAAC8B,SAAf,CAAyB,UAACC,IAAD;AAAA,eAAUA,IAAI,KAAKL,CAAC,CAACM,MAArB;AAAA,OAAzB,CAAlB;AAEA,UAAMC,oBAAoB,GACxBJ,SAAS,KAAK,CAAC,CAAf,IAAqBA,SAAS,KAAKD,OAAd,IAAyB,CAACF,CAAC,CAACQ,QADnD;;AAGA,UAAID,oBAAoB,IAAKJ,SAAS,KAAK,CAAd,IAAmBH,CAAC,CAACQ,QAAlD,EAA6D;AAC3DR,QAAAA,CAAC,CAACS,cAAF;AAEA,YAAMJ,IAAI,GAAG/B,cAAc,CAACiC,oBAAoB,GAAG,CAAH,GAAOL,OAA5B,CAA3B;;AAEA,YAAIG,IAAI,KAAKlC,QAAQ,CAAEY,aAAvB,EAAsC;AACpCsB,UAAAA,IAAI,CAACpB,KAAL;AACD;;AAED,eAAO,KAAP;AACD;AACF;;AAED,QAAIrB,OAAO,IAAIR,UAAU,CAAC4C,CAAD,CAAV,KAAkB7C,IAAI,CAACuD,MAAtC,EAA8C;AAC5C9C,MAAAA,OAAO;AACR;;AAED,WAAO,IAAP;AACD,GA1BD;;AA2BAZ,EAAAA,sBAAsB,CAACmB,QAAD,EAAW,SAAX,EAAsB4B,iBAAtB,EAAyC;AAC7DY,IAAAA,OAAO,EAAE;AADoD,GAAzC,CAAtB;AAIA,SACE,oBAAC,SAAD;AAAW,IAAA,QAAQ,EAAE,CAAC,CAAtB;AAAyB,IAAA,GAAG,EAAEzC;AAA9B,KAAuCD,SAAvC,GACGD,QADH,CADF;AAKD,CAtHM","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = \"div\",\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<\n    HTMLElement[] | null\n  >(null);\n  const [restoreFocusTo, setRestoreFocusTo] =\n    React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}

package/dist/cssm/components/FocusVisible/FocusVisible.css

@@ -1 +1 @@
-[class$="--focus-visible"]>.vkuiFocusVisible{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent, var(--vkui--color_stroke_accent));-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;z-index:0}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:-2px;left:-2px;right:-2px;bottom:-2px}@media (prefers-reduced-motion:no-preference){[class$="--focus-visible"]>.vkuiFocusVisible{top:4px;left:4px;right:4px;bottom:4px;-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;will-change:top,left,bottom,right}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:0;left:0;bottom:0;right:0;-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside}@-webkit-keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}}
+[class$="--focus-visible"]>.vkuiFocusVisible{border-radius:inherit;bottom:2px;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent,var(--vkui--color_stroke_accent));left:2px;overflow:hidden;pointer-events:none;position:absolute;right:2px;top:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0}[class$="--focus-visible"]>.vkuiFocusVisible--outside{bottom:-2px;left:-2px;right:-2px;top:-2px}@media (prefers-reduced-motion:no-preference){[class$="--focus-visible"]>.vkuiFocusVisible{-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;bottom:4px;left:4px;right:4px;top:4px;will-change:top,left,bottom,right}[class$="--focus-visible"]>.vkuiFocusVisible--outside{-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside;bottom:0;left:0;right:0;top:0}@-webkit-keyframes vkui-animation-focus-visible{to{bottom:2px;left:2px;right:2px;top:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{bottom:2px;left:2px;right:2px;top:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{bottom:-2px;left:-2px;right:-2px;top:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{bottom:-2px;left:-2px;right:-2px;top:-2px;will-change:auto}}}

package/dist/cssm/components/Footer/Footer.css

@@ -1 +1 @@
-.vkuiFooter{display:block;margin:24px 0;padding-top:0;padding-bottom:0;text-align:center;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}
+.vkuiFooter{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;margin:24px 0;padding-bottom:0;padding-top:0;text-align:center}

package/dist/cssm/components/FormField/FormField.css

@@ -1,9 +1,9 @@
-.vkuiFormField{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:44px;min-height:var(--vkui--size_field_height--regular,44px)}.vkuiFormField--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__before,.vkuiFormField__after{position:relative;z-index:2;display:flex;align-items:center;align-content:center;justify-content:center;flex-shrink:0;min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);height:100%;color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary))}.vkuiFormField--sizeY-compact .vkuiFormField__before,.vkuiFormField--sizeY-compact .vkuiFormField__after{min-width:36px;min-width:var(--vkui--size_field_height--compact,36px);height:36px;height:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__before{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiFormField__after{color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary))}.vkuiFormField__border{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;box-sizing:border-box;-webkit-transform-origin:left top;transform-origin:left top;border:1px solid transparent;border:var(--thin-border) solid transparent;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiFormField--default .vkuiFormField__border{border-color:rgba(0,0,0,.12);border-color:var(--field_border, var(--vkui--color_field_border_alpha));background-color:#f2f3f5;background-color:var(--field_background,
-    var(--vkui--color_field_background)
-  )}.vkuiFormItem--error .vkuiFormField__border{background-color:#faebeb;background-color:var(--field_error_background,
-    var(--vkui--color_background_negative_tint)
-  );border-color:#e64646;border-color:var(--field_error_border, var(--vkui--color_stroke_negative))}.vkuiFormItem--valid .vkuiFormField__border{border-color:#4bb34b;border-color:var(--field_valid_border, var(--vkui--color_stroke_positive))}.vkuiFormField--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64);cursor:default;pointer-events:none}.vkuiFormField--hover .vkuiFormField__border{background-color:#f2f3f5;background-color:var(--field_background,
-    var(--vkui--color_field_background)
-  )}.vkuiFormField--default.vkuiFormField--hover .vkuiFormField__border{border-color:rgba(0,0,0,.24);border-color:var(--icon_tertiary_alpha,
-    var(--vkui--color_field_border_alpha--hover)
-  )}.vkuiFormField:focus-within .vkuiFormField__border,.vkuiFormField :focus~.vkuiFormField__border,.vkuiChipsInput--focused .vkuiFormField__border{border-color:#2688eb;border-color:var(--accent, var(--vkui--color_stroke_accent))}.vkuiModalCardBase__header+.vkuiFormField,.vkuiModalCardBase__subheader+.vkuiFormField{margin-top:16px}.vkuiSelect--pop-down .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiSelect--pop-up .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiCalendarHeader__picker .vkuiFormField__after{min-width:12px;padding-right:8px}.vkuiChipsInput .vkuiFormField__after{z-index:3}
+.vkuiFormField{align-items:center;box-sizing:border-box;display:flex;min-height:44px;min-height:var(--vkui--size_field_height--regular,44px);position:relative}.vkuiFormField--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__after,.vkuiFormField__before{align-content:center;align-items:center;color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));display:flex;flex-shrink:0;height:100%;justify-content:center;min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);position:relative;z-index:2}.vkuiFormField--sizeY-compact .vkuiFormField__after,.vkuiFormField--sizeY-compact .vkuiFormField__before{height:36px;height:var(--vkui--size_field_height--compact,36px);min-width:36px;min-width:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__before{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiFormField__after{color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary))}.vkuiFormField__border{border:1px solid transparent;border:var(--thin-border) solid transparent;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:left top;transform-origin:left top;width:100%;z-index:1}.vkuiFormField--default .vkuiFormField__border{background-color:#f2f3f5;background-color:var(
+    --field_background,var(--vkui--color_field_background)
+  );border-color:rgba(0,0,0,.12);border-color:var(--field_border,var(--vkui--color_field_border_alpha))}.vkuiFormItem--error .vkuiFormField__border{background-color:#faebeb;background-color:var(
+    --field_error_background,var(--vkui--color_background_negative_tint)
+  );border-color:#e64646;border-color:var(--field_error_border,var(--vkui--color_stroke_negative))}.vkuiFormItem--valid .vkuiFormField__border{border-color:#4bb34b;border-color:var(--field_valid_border,var(--vkui--color_stroke_positive))}.vkuiFormField--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64);pointer-events:none}.vkuiFormField--hover .vkuiFormField__border{background-color:#f2f3f5;background-color:var(
+    --field_background,var(--vkui--color_field_background)
+  )}.vkuiFormField--default.vkuiFormField--hover .vkuiFormField__border{border-color:rgba(0,0,0,.24);border-color:var(
+    --icon_tertiary_alpha,var(--vkui--color_field_border_alpha--hover)
+  )}.vkuiChipsInput--focused .vkuiFormField__border,.vkuiFormField :focus~.vkuiFormField__border,.vkuiFormField:focus-within .vkuiFormField__border{border-color:#2688eb;border-color:var(--accent,var(--vkui--color_stroke_accent))}.vkuiModalCardBase__header+.vkuiFormField,.vkuiModalCardBase__subheader+.vkuiFormField{margin-top:16px}.vkuiSelect--pop-down .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiSelect--pop-up .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiCalendarHeader__picker .vkuiFormField__after{min-width:12px;padding-right:8px}.vkuiChipsInput .vkuiFormField__after{z-index:3}

package/dist/cssm/components/FormItem/FormItem.css

@@ -1 +1 @@
-.vkuiFormItem{display:block;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:1px;overflow:hidden}.vkuiFormItem__top{padding-top:2px;padding-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead))}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary));padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border, var(--vkui--color_text_negative))}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border, var(--vkui--color_text_positive))}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:1px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop{margin-top:calc(-2px - 18px - 8px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--regular,18px) - 8px)}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact,16px) - 6px)}
+.vkuiFormItem{display:block;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;overflow:hidden;padding:0}.vkuiFormItem__top{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));overflow:hidden;padding-bottom:8px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border,var(--vkui--color_text_negative))}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border,var(--vkui--color_text_positive))}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;padding:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop{margin-top:-28px;margin-top:calc(-10px - var(--vkui--font_subhead--line_height--regular,18px))}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:-24px;margin-top:calc(-8px - var(--vkui--font_subhead--line_height--compact,16px))}

package/dist/cssm/components/FormLayout/FormLayout.css

@@ -1 +1 @@
-.vkuiFormLayout{position:relative}.vkuiFormLayout__submit{position:absolute;visibility:hidden;pointer-events:none;left:0;top:0;padding:0;width:0;height:0;-webkit-appearance:none;appearance:none;border:0}
+.vkuiFormLayout{position:relative}.vkuiFormLayout__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:0;left:0;padding:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}

package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css

@@ -1 +1 @@
-.vkuiFormLayoutGroup--horizontal{display:flex;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormLayoutGroup__removable{flex-grow:1;min-width:0;max-width:100%}.vkuiFormLayoutGroup--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}
+.vkuiFormLayoutGroup--horizontal{display:flex;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormLayoutGroup__removable{flex-grow:1;max-width:100%;min-width:0}.vkuiFormLayoutGroup--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}

package/dist/cssm/components/FormStatus/FormStatus.css

@@ -1 +1 @@
-.vkuiFormStatus{border-radius:10px;padding:12px;background:#f2f3f5;background:var(--field_background);color:#6d7885;color:var(--text_subhead)}.vkuiFormStatus__header,.vkuiFormStatus b:first-child{color:#000;color:var(--text_primary)}.vkuiFormStatus__header:not(:last-child),.vkuiFormStatus b:first-child{margin-bottom:2px}.vkuiFormStatus--error{background:#faebeb;background:var(--field_error_background);color:#e64646;color:var(--field_error_border)}.vkuiFormStatus--error .vkuiFormStatus__header,.vkuiFormStatus--error .vkuiFormStatus b:first-child{color:currentColor}.vkuiFormStatus b:first-child{display:block;font-size:16px;line-height:20px;font-weight:500}
+.vkuiFormStatus{background:#f2f3f5;background:var(--field_background);border-radius:10px;color:#6d7885;color:var(--text_subhead);padding:12px}.vkuiFormStatus b:first-child,.vkuiFormStatus__header{color:#000;color:var(--text_primary)}.vkuiFormStatus b:first-child,.vkuiFormStatus__header:not(:last-child){margin-bottom:2px}.vkuiFormStatus--error{background:#faebeb;background:var(--field_error_background);color:#e64646;color:var(--field_error_border)}.vkuiFormStatus--error .vkuiFormStatus b:first-child,.vkuiFormStatus--error .vkuiFormStatus__header{color:currentColor}.vkuiFormStatus b:first-child{display:block;font-size:16px;font-weight:500;line-height:20px}

package/dist/cssm/components/Gradient/Gradient.css

@@ -1 +1 @@
-.vkuiGradient--md-tint.vkuiGradient--to-top{background:linear-gradient(to bottom,rgba(249,249,249,0)0,rgba(249,249,249,.036) 13%,rgba(249,249,249,.15) 27%,rgba(249,249,249,.79) 68%,rgba(249,249,249,.95) 84%,#f9f9f9 100%);background:linear-gradient(to bottom,var(--vkui--gradient_tint,rgba(249, 249, 249, 0) 0% , rgba(249, 249, 249, 0.036) 13% , rgba(249, 249, 249, 0.15) 27% , rgba(249, 249, 249, 0.79) 68% , rgba(249, 249, 249, 0.95) 84% , rgba(249, 249, 249, 1) 100%))}.vkuiGradient--md-tint.vkuiGradient--to-bottom{background:linear-gradient(to top,rgba(249,249,249,0)0,rgba(249,249,249,.036) 13%,rgba(249,249,249,.15) 27%,rgba(249,249,249,.79) 68%,rgba(249,249,249,.95) 84%,#f9f9f9 100%);background:linear-gradient(to top,var(--vkui--gradient_tint,rgba(249, 249, 249, 0) 0% , rgba(249, 249, 249, 0.036) 13% , rgba(249, 249, 249, 0.15) 27% , rgba(249, 249, 249, 0.79) 68% , rgba(249, 249, 249, 0.95) 84% , rgba(249, 249, 249, 1) 100%))}.vkuiGradient--md-white.vkuiGradient--to-top{background:linear-gradient(to bottom,rgba(255,255,255,0)0,rgba(255,255,255,.036) 13%,rgba(255,255,255,.15) 27%,rgba(255,255,255,.79) 68%,rgba(255,255,255,.95) 84%,#fff 100%);background:linear-gradient(to bottom,var(--vkui--gradient_white,rgba(255, 255, 255, 0) 0% , rgba(255, 255, 255, 0.036) 13% , rgba(255, 255, 255, 0.15) 27% , rgba(255, 255, 255, 0.79) 68% , rgba(255, 255, 255, 0.95) 84% , rgba(255, 255, 255, 1) 100%))}.vkuiGradient--md-white.vkuiGradient--to-bottom{background:linear-gradient(to top,rgba(255,255,255,0)0,rgba(255,255,255,.036) 13%,rgba(255,255,255,.15) 27%,rgba(255,255,255,.79) 68%,rgba(255,255,255,.95) 84%,#fff 100%);background:linear-gradient(to top,var(--vkui--gradient_white,rgba(255, 255, 255, 0) 0% , rgba(255, 255, 255, 0.036) 13% , rgba(255, 255, 255, 0.15) 27% , rgba(255, 255, 255, 0.79) 68% , rgba(255, 255, 255, 0.95) 84% , rgba(255, 255, 255, 1) 100%))}.vkuiGradient--md-black.vkuiGradient--to-top{background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%);background:linear-gradient(to bottom,var(--vkui--gradient_black,rgba(0, 0, 0, 0) 0% , rgba(0, 0, 0, 0.014) 13% , rgba(0, 0, 0, 0.06) 27% , rgba(0, 0, 0, 0.316) 68% , rgba(0, 0, 0, 0.38) 84% , rgba(0, 0, 0, 0.4) 100%))}.vkuiGradient--md-black.vkuiGradient--to-bottom{background:linear-gradient(to top,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%);background:linear-gradient(to top,var(--vkui--gradient_black,rgba(0, 0, 0, 0) 0% , rgba(0, 0, 0, 0.014) 13% , rgba(0, 0, 0, 0.06) 27% , rgba(0, 0, 0, 0.316) 68% , rgba(0, 0, 0, 0.38) 84% , rgba(0, 0, 0, 0.4) 100%))}
+.vkuiGradient--md-tint.vkuiGradient--to-top{background:linear-gradient(180deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to bottom,var(--vkui--gradient_tint,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%))}.vkuiGradient--md-tint.vkuiGradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to top,var(--vkui--gradient_tint,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%))}.vkuiGradient--md-white.vkuiGradient--to-top{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to bottom,var(--vkui--gradient_white,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%))}.vkuiGradient--md-white.vkuiGradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to top,var(--vkui--gradient_white,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%))}.vkuiGradient--md-black.vkuiGradient--to-top{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to bottom,var(--vkui--gradient_black,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%))}.vkuiGradient--md-black.vkuiGradient--to-bottom{background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to top,var(--vkui--gradient_black,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%))}

package/dist/cssm/components/GridAvatar/GridAvatar.css

@@ -1 +1 @@
-.vkuiGridAvatar__in{display:flex;flex-flow:column wrap;height:100%;width:100%;overflow:hidden;border-radius:inherit;--grid-avatar-image-offset:2px}.vkuiGridAvatar__item{width:calc(50% - var(--grid-avatar-image-offset)/2);height:calc(50% - var(--grid-avatar-image-offset)/2);margin-right:var(--grid-avatar-image-offset);background-size:cover;background-position:center}.vkuiGridAvatar__item:only-child{width:100%}.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)),.vkuiGridAvatar__item:nth-child(2):last-child{height:100%}.vkuiGridAvatar__item:nth-last-child(n+3)~.vkuiGridAvatar__item:nth-last-child(2),.vkuiGridAvatar__item:nth-last-child(4){margin-bottom:var(--grid-avatar-image-offset)}
+.vkuiGridAvatar__in{--grid-avatar-image-offset:2px;border-radius:inherit;display:flex;flex-flow:column wrap;height:100%;overflow:hidden;width:100%}.vkuiGridAvatar__item{background-position:50%;background-size:cover;height:calc(50% - var(--grid-avatar-image-offset)/2);margin-right:var(--grid-avatar-image-offset);width:calc(50% - var(--grid-avatar-image-offset)/2)}.vkuiGridAvatar__item:only-child{width:100%}.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)),.vkuiGridAvatar__item:nth-child(2):last-child{height:100%}.vkuiGridAvatar__item:nth-last-child(4),.vkuiGridAvatar__item:nth-last-child(n+3)~.vkuiGridAvatar__item:nth-last-child(2){margin-bottom:var(--grid-avatar-image-offset)}

package/dist/cssm/components/Group/Group.css

@@ -1 +1 @@
-.vkuiGroup{color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiGroup__inner{padding-top:8px;padding-bottom:8px}.vkuiGroup--sizeX-regular>.vkuiGroup__inner{padding:8px}.vkuiGroup--card>.vkuiGroup__inner{background:#fff;background:var(--background_content, var(--vkui--color_background_content));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);position:relative}.vkuiGroup--card>.vkuiGroup__inner::after{content:"";left:0;top:0;width:100%;height:100%;position:absolute;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #e1e3e6;box-shadow:inset 0 0 0 var(--thin-border) var(--input_border)}.vkuiGroup--plain>.vkuiGroup__separator{padding-top:8px;padding-bottom:8px}.vkuiGroup--sizeX-regular.vkuiGroup--plain>.vkuiGroup__separator{padding:8px}.vkuiGroup:last-of-type>.vkuiGroup__separator{display:none}.vkuiGroup:last-of-type>.vkuiGroup__separator--force,.vkuiGroup--sizeX-regular.vkuiGroup--card:last-of-type>.vkuiGroup__separator{display:block}.vkuiGroup__description{display:block;padding:4px 16px 16px;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiGroup .vkuiGroup>.vkuiGroup__inner,.vkuiGroup .vkuiGroup>.vkuiGroup__separator{padding-left:0;padding-right:0}.vkuiGroup .vkuiGroup:first-of-type>.vkuiGroup__inner{padding-top:0}.vkuiGroup .vkuiGroup:last-of-type>.vkuiGroup__inner{padding-bottom:0}.vkuiGroup--ios .vkuiGroup__description{padding:4px 12px 16px}.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type,.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type{position:relative;top:-1px}.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type .vkuiGroup__inner,.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type .vkuiGroup__inner{border-top-right-radius:0;border-top-left-radius:0}
+.vkuiGroup{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiGroup__inner{padding-bottom:8px;padding-top:8px}.vkuiGroup--sizeX-regular>.vkuiGroup__inner{padding:8px}.vkuiGroup--card>.vkuiGroup__inner{background:#fff;background:var(--background_content,var(--vkui--color_background_content));border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular,12px);position:relative}.vkuiGroup--card>.vkuiGroup__inner:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #e1e3e6;box-shadow:inset 0 0 0 var(--thin-border) var(--input_border);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vkuiGroup--plain>.vkuiGroup__separator{padding-bottom:8px;padding-top:8px}.vkuiGroup--sizeX-regular.vkuiGroup--plain>.vkuiGroup__separator{padding:8px}.vkuiGroup:last-of-type>.vkuiGroup__separator{display:none}.vkuiGroup--sizeX-regular.vkuiGroup--card:last-of-type>.vkuiGroup__separator,.vkuiGroup:last-of-type>.vkuiGroup__separator--force{display:block}.vkuiGroup__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;padding:4px 16px 16px}.vkuiGroup .vkuiGroup>.vkuiGroup__inner,.vkuiGroup .vkuiGroup>.vkuiGroup__separator{padding-left:0;padding-right:0}.vkuiGroup .vkuiGroup:first-of-type>.vkuiGroup__inner{padding-top:0}.vkuiGroup .vkuiGroup:last-of-type>.vkuiGroup__inner{padding-bottom:0}.vkuiGroup--ios .vkuiGroup__description{padding:4px 12px 16px}.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type,.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type{position:relative;top:-1px}.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type .vkuiGroup__inner,.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type .vkuiGroup__inner{border-top-left-radius:0;border-top-right-radius:0}

package/dist/cssm/components/Header/Header.css

@@ -1 +1 @@
-.vkuiHeader{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px;-webkit-user-select:text;user-select:text}.vkuiHeader__main{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#000;color:var(--text_primary)}.vkuiHeader__content{display:flex;align-items:baseline}.vkuiHeader__content-in{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vkuiHeader__content-in--multiline{white-space:initial;word-break:break-word}.vkuiHeader--multiline{white-space:normal}.vkuiHeader__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:-1px}.vkuiHeader--mode-secondary .vkuiHeader__main,.vkuiHeader--mode-tertiary .vkuiHeader__main{color:#818c99;color:var(--text_secondary)}.vkuiHeader--pi .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader__indicator{color:#818c99;color:var(--text_secondary);margin-left:6px;flex-shrink:0}.vkuiHeader--mode-primary .vkuiHeader__indicator{color:#6d7885;color:var(--text_subhead)}.vkuiHeader:not(.vkuiHeader--pi) .vkuiHeader__indicator{align-self:center}.vkuiHeader--mode-secondary .vkuiHeader__indicator{margin-left:8px}.vkuiHeader__aside{white-space:nowrap;margin-left:12px}.vkuiHeader__aside>.vkuiIcon{position:relative;color:#99a2ad;color:var(--icon_secondary)}.vkuiHeader__aside>.vkuiIcon--24{top:3px}.vkuiHeader__aside>.vkuiIcon--16{top:1px}.vkuiHeader--android .vkuiHeader__main{margin:15px 0 9px}.vkuiHeader--android.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:11px}.vkuiHeader--ios{padding:0 12px}.vkuiHeader--ios .vkuiHeader__main{margin:13px 0 9px}.vkuiHeader--ios.vkuiHeader--mode-secondary .vkuiHeader__main{margin:14px 0 10px}.vkuiHeader--ios.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:9px}.vkuiHeader--vkcom{height:64px;align-items:center}.vkuiHeader--vkcom .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader--vkcom.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:0}.vkuiHeader--vkcom.vkuiHeader--mode-secondary{height:56px}.vkuiHeader--vkcom.vkuiHeader--mode-tertiary{height:40px}.vkuiGroup--plain:not(:first-of-type) .vkuiGroup__inner>.vkuiHeader:first-child{margin-top:-16px}.vkuiGroup--card>.vkuiGroup__inner>.vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child{margin-top:-4px}
+.vkuiHeader{align-items:baseline;display:flex;justify-content:space-between;padding:0 16px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.vkuiHeader__main{color:#000;color:var(--text_primary);min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiHeader__content{align-items:baseline;display:flex}.vkuiHeader__content-in{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiHeader__content-in--multiline{white-space:normal;word-break:break-word}.vkuiHeader--multiline{white-space:normal}.vkuiHeader__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:-1px}.vkuiHeader--mode-secondary .vkuiHeader__main,.vkuiHeader--mode-tertiary .vkuiHeader__main{color:#818c99;color:var(--text_secondary)}.vkuiHeader--pi .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader__indicator{color:#818c99;color:var(--text_secondary);flex-shrink:0;margin-left:6px}.vkuiHeader--mode-primary .vkuiHeader__indicator{color:#6d7885;color:var(--text_subhead)}.vkuiHeader:not(.vkuiHeader--pi) .vkuiHeader__indicator{align-self:center}.vkuiHeader--mode-secondary .vkuiHeader__indicator{margin-left:8px}.vkuiHeader__aside{margin-left:12px;white-space:nowrap}.vkuiHeader__aside>.vkuiIcon{color:#99a2ad;color:var(--icon_secondary);position:relative}.vkuiHeader__aside>.vkuiIcon--24{top:3px}.vkuiHeader__aside>.vkuiIcon--16{top:1px}.vkuiHeader--android .vkuiHeader__main{margin:15px 0 9px}.vkuiHeader--android.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:11px}.vkuiHeader--ios{padding:0 12px}.vkuiHeader--ios .vkuiHeader__main{margin:13px 0 9px}.vkuiHeader--ios.vkuiHeader--mode-secondary .vkuiHeader__main{margin:14px 0 10px}.vkuiHeader--ios.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:9px}.vkuiHeader--vkcom{align-items:center;height:64px}.vkuiHeader--vkcom .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader--vkcom.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:0}.vkuiHeader--vkcom.vkuiHeader--mode-secondary{height:56px}.vkuiHeader--vkcom.vkuiHeader--mode-tertiary{height:40px}.vkuiGroup--plain:not(:first-of-type) .vkuiGroup__inner>.vkuiHeader:first-child{margin-top:-16px}.vkuiGroup--card>.vkuiGroup__inner>.vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child{margin-top:-4px}

package/dist/cssm/components/HorizontalCell/HorizontalCell.css

@@ -1 +1 @@
-.vkuiHorizontalCell{display:flex}.vkuiHorizontalCell__image{display:flex;justify-content:center}.vkuiHorizontalCell__body{text-decoration:none}.vkuiHorizontalCell__content{color:#000;color:var(--text_primary);word-break:break-all;text-overflow:ellipsis}.vkuiHorizontalCell__subtitle{color:#818c99;color:var(--text_secondary);line-height:18px}.vkuiHorizontalCell--s{max-width:80px}.vkuiHorizontalCell--s .vkuiHorizontalCell__image{padding:4px 8px}.vkuiHorizontalCell--s .vkuiHorizontalCell__content{padding:2px 4px 8px;text-align:center}.vkuiHorizontalCell--m{width:100px}.vkuiHorizontalCell--l{width:auto}.vkuiHorizontalCell--m .vkuiHorizontalCell__image,.vkuiHorizontalCell--l .vkuiHorizontalCell__image{padding:4px 6px}.vkuiHorizontalCell--m .vkuiHorizontalCell__content,.vkuiHorizontalCell--l .vkuiHorizontalCell__content{padding:2px 6px 8px;text-align:left}.vkuiHorizontalCell--ios:first-child::before,.vkuiHorizontalCell--ios:last-child::after{content:"";min-width:4px}.vkuiHorizontalCell--ios.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--ios.vkuiHorizontalCell--s:last-child{max-width:88px}.vkuiHorizontalCell--ios.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--ios.vkuiHorizontalCell--m:last-child{width:106px}.vkuiHorizontalCell--android:first-child::before,.vkuiHorizontalCell--android:last-child::after,.vkuiHorizontalCell--vkcom:first-child::before,.vkuiHorizontalCell--vkcom:last-child::after{content:"";min-width:8px}.vkuiHorizontalCell--android.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--android.vkuiHorizontalCell--s:last-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--s:last-child{max-width:88px}.vkuiHorizontalCell--android.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--android.vkuiHorizontalCell--m:last-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--m:last-child{width:116px}
+.vkuiHorizontalCell{display:flex}.vkuiHorizontalCell__image{display:flex;justify-content:center}.vkuiHorizontalCell__body{text-decoration:none}.vkuiHorizontalCell__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));text-overflow:ellipsis;word-break:break-all}.vkuiHorizontalCell__subtitle{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiHorizontalCell__content .vkuiHorizontalCell__subtitle{margin-top:2px}.vkuiHorizontalCell--s{max-width:80px}.vkuiHorizontalCell__image{padding:4px 6px}.vkuiHorizontalCell__content{padding:2px 6px 8px;text-align:left}.vkuiHorizontalCell--s .vkuiHorizontalCell__image{padding:4px 8px}.vkuiHorizontalCell--s .vkuiHorizontalCell__content{padding:2px 4px 8px;text-align:center}.vkuiHorizontalCell--m{width:100px}.vkuiHorizontalCell--l{width:auto}.vkuiHorizontalCell:first-child:before,.vkuiHorizontalCell:last-child:after{content:"";min-width:10px}.vkuiHorizontalCell--s:first-child:before,.vkuiHorizontalCell--s:last-child:after{min-width:8px}.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--s:last-child{max-width:88px}.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--m:last-child{width:110px}

package/dist/cssm/components/HorizontalCell/HorizontalCell.js

@@ -4,12 +4,11 @@ var _excluded = ["size", "children"],
     _excluded2 = ["className", "header", "style", "subtitle", "size", "children", "getRootRef", "getRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
-import { getClassName } from "../../helpers/getClassName";
-import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode } from "../../lib/utils";
 import { Caption } from "../Typography/Caption/Caption";
 import { Tappable } from "../Tappable/Tappable";
 import { Subhead } from "../Typography/Subhead/Subhead";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import { Avatar } from "../Avatar/Avatar";
 import "./HorizontalCell.css";
 
@@ -41,9 +40,8 @@ export var HorizontalCell = function HorizontalCell(_ref2) {
       getRef = _ref2.getRef,
       restProps = _objectWithoutProperties(_ref2, _excluded2);
 
-  var platform = usePlatform();
   return createScopedElement("div", {
-    vkuiClass: classNames(getClassName("HorizontalCell", platform), "HorizontalCell--".concat(size)),
+    vkuiClass: classNames("HorizontalCell", "HorizontalCell--".concat(size)),
     ref: getRootRef,
     style: style,
     className: className
@@ -57,7 +55,7 @@ export var HorizontalCell = function HorizontalCell(_ref2) {
   }, hasReactNode(header) && createScopedElement(CellTypography, {
     size: size,
     vkuiClass: "HorizontalCell__title"
-  }, header), hasReactNode(subtitle) && createScopedElement(Caption, {
+  }, header), hasReactNode(subtitle) && createScopedElement(Footnote, {
     vkuiClass: "HorizontalCell__subtitle"
   }, subtitle))));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["classNames","getClassName","usePlatform","hasReactNode","Caption","Tappable","Subhead","Avatar","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","platform"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,MAAT;AAEA;;AAMA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAII;AAAA,MAHzBC,IAGyB,QAHzBA,IAGyB;AAAA,MAFzBC,QAEyB,QAFzBA,QAEyB;AAAA,MADtBC,SACsB;;AACzB,SAAOF,IAAI,KAAK,GAAT,GACL,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC;AAAf,KAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,oBAAC,OAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACA,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;;AACzB,MAAMQ,QAAQ,GAAGjB,WAAW,EAA5B;AAEA,SACE;AACE,IAAA,SAAS,EAAEF,UAAU,CACnBC,YAAY,CAAC,gBAAD,EAAmBkB,QAAnB,CADO,4BAEAV,IAFA,EADvB;AAKE,IAAA,GAAG,EAAEQ,UALP;AAME,IAAA,KAAK,EAAEF,KANT;AAOE,IAAA,SAAS,EAAEF;AAPb,KASE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKGR,YAAY,CAACO,QAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGP,YAAY,CAACW,MAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGK,MADH,CAFJ,EAMGX,YAAY,CAACa,QAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA+CA,QAA/C,CAPJ,CARF,CATF,CADF;AA+BD,CA5CM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption level=\"2\" {...restProps}>\n      {children}\n    </Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = \"s\",\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      vkuiClass={classNames(\n        getClassName(\"HorizontalCell\", platform),\n        `HorizontalCell--${size}`\n      )}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Caption vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Caption>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"file":"HorizontalCell.js"}
+{"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["classNames","hasReactNode","Caption","Tappable","Subhead","Footnote","Avatar","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,MAAT;AAEA;;AAMA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAII;AAAA,MAHzBC,IAGyB,QAHzBA,IAGyB;AAAA,MAFzBC,QAEyB,QAFzBA,QAEyB;AAAA,MADtBC,SACsB;;AACzB,SAAOF,IAAI,KAAK,GAAT,GACL,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC;AAAf,KAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,oBAAC,OAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACA,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;;AACzB,SACE;AACE,IAAA,SAAS,EAAEV,UAAU,CAAC,gBAAD,4BAAsCQ,IAAtC,EADvB;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKGT,YAAY,CAACQ,QAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGR,YAAY,CAACY,MAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGK,MADH,CAFJ,EAMGZ,YAAY,CAACc,QAAD,CAAZ,IACC,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption level=\"2\" {...restProps}>\n      {children}\n    </Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = \"s\",\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"file":"HorizontalCell.js"}

package/dist/cssm/components/HorizontalScroll/HorizontalScroll.css

@@ -1 +1 @@
-.vkuiHorizontalScroll{position:relative;overflow-x:hidden}.vkuiHorizontalScroll__in{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vkuiHorizontalScroll__in::-webkit-scrollbar{display:none}.vkuiHorizontalScroll__in-wrapper{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.vkuiHorizontalScroll__arrowLeft:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(8px);transform:translateX(8px)}.vkuiHorizontalScroll__arrowRight:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(-8px);transform:translateX(-8px)}
+.vkuiHorizontalScroll{overflow-x:hidden;position:relative}.vkuiHorizontalScroll__in{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.vkuiHorizontalScroll__in::-webkit-scrollbar{display:none}.vkuiHorizontalScroll__in-wrapper{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.vkuiHorizontalScroll__arrowLeft:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(8px);transform:translateX(8px)}.vkuiHorizontalScroll__arrowRight:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.vkuiTabs .vkuiHorizontalScroll{min-width:100%}.vkuiTabs__in .vkuiHorizontalScroll__in-wrapper{align-items:stretch;display:flex}.vkuiTabs--sizeX-compact.vkuiTabs--withGaps .vkuiHorizontalScroll__in-wrapper:after,.vkuiTabs--sizeX-compact.vkuiTabs--withGaps .vkuiHorizontalScroll__in-wrapper:before{content:"";display:block;flex-shrink:0;height:1px;width:8px}

package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css

@@ -1,3 +1,3 @@
-.vkuiHorizontalScrollArrow{position:absolute;cursor:pointer;-webkit-user-select:auto;user-select:auto;top:0;height:100%;padding:0;opacity:0;z-index:3;border:0;background-color:transparent;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);display:flex;flex-direction:column;justify-content:center}.vkuiHorizontalScrollArrow__icon{background-color:#fff;background-color:var(--modal_card_background,
-    var(--vkui--color_background_modal)
-  );color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0px 0px 2px rgba(0, 0, 0, 0.08) , 0px 4px 16px rgba(0, 0, 0, 0.08));display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--m .vkuiHorizontalScrollArrow__icon{width:28px;height:28px;border-radius:14px}.vkuiHorizontalScrollArrow--l .vkuiHorizontalScrollArrow__icon{width:40px;height:40px;border-radius:24px}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiGallery:hover .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow{opacity:1}
+.vkuiHorizontalScrollArrow{background-color:initial;border:none;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:0;position:absolute;top:0;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;z-index:3}.vkuiHorizontalScrollArrow__icon{align-items:center;background-color:#fff;background-color:var(
+    --modal_card_background,var(--vkui--color_background_modal)
+  );box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));display:flex;justify-content:center}.vkuiHorizontalScrollArrow--m .vkuiHorizontalScrollArrow__icon{border-radius:14px;height:28px;width:28px}.vkuiHorizontalScrollArrow--l .vkuiHorizontalScrollArrow__icon{border-radius:24px;height:40px;width:40px}.vkuiHorizontalScrollArrow--left{left:0;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiGallery:hover .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover{opacity:1}

package/dist/cssm/components/IconButton/IconButton.css

@@ -1 +1 @@
-.vkuiIconButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative;height:48px;border-radius:9999px}.vkuiIconButton--sizeY-compact{height:44px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiIconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton .vkuiIcon--28{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormField__after .vkuiIconButton{display:flex;align-items:center;align-content:center;justify-content:center;width:44px;width:var(--vkui--size_field_height--regular,44px);height:44px;height:var(--vkui--size_field_height--regular,44px);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiFormField__after .vkuiIconButton--sizeY-compact{width:36px;width:var(--vkui--size_field_height--compact,36px);height:36px;height:var(--vkui--size_field_height--compact,36px)}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact,36px)}
+.vkuiIconButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:9999px;box-shadow:none;color:currentColor;display:block;height:48px;margin:0;padding:0;position:relative}.vkuiIconButton--sizeY-compact{height:44px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiIconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28,.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}.vkuiFormField__after .vkuiIconButton,.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton{align-content:center;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);display:flex;height:44px;height:var(--vkui--size_field_height--regular,44px);justify-content:center;width:44px;width:var(--vkui--size_field_height--regular,44px)}.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiFormField__after .vkuiIconButton--sizeY-compact{width:36px;width:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__after .vkuiIconButton--sizeY-compact,.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact,36px)}

package/dist/cssm/components/InfoRow/InfoRow.css

@@ -1 +1 @@
-.vkuiInfoRow{-webkit-user-select:text;user-select:text;text-overflow:ellipsis;overflow:hidden}.vkuiInfoRow__header{display:block;margin-bottom:2px;color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.vkuiInfoRow{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.vkuiInfoRow,.vkuiInfoRow__header{overflow:hidden;text-overflow:ellipsis}.vkuiInfoRow__header{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));display:block;margin-bottom:2px;white-space:nowrap}

package/dist/cssm/components/InitialsAvatar/InitialsAvatar.css

@@ -1 +1 @@
-.vkuiInitialsAvatar{background-color:#99a2ad;background-image:linear-gradient(135deg,#b1b6bd,#99a2ad)}.vkuiInitialsAvatar--color-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiInitialsAvatar--color-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiInitialsAvatar--color-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiInitialsAvatar--color-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiInitialsAvatar--color-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiInitialsAvatar--color-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiInitialsAvatar--color-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiInitialsAvatar--color-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.vkuiInitialsAvatar__text{font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:600;color:#fff;color:var(--white, var(--vkui--color_text_contrast));text-transform:uppercase;text-align:center}
+.vkuiInitialsAvatar{background-color:#99a2ad;background-image:linear-gradient(135deg,#b1b6bd,#99a2ad)}.vkuiInitialsAvatar--color-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiInitialsAvatar--color-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiInitialsAvatar--color-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiInitialsAvatar--color-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiInitialsAvatar--color-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiInitialsAvatar--color-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiInitialsAvatar--color-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiInitialsAvatar--color-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.vkuiInitialsAvatar__text{color:#fff;color:var(--white,var(--vkui--color_text_contrast));font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:600;text-align:center;text-transform:uppercase}

package/dist/cssm/components/Input/Input.css

@@ -1 +1 @@
-.vkuiInput{position:relative;line-height:20px;font-size:16px}.vkuiInput--center .vkuiInput__el{text-align:center}.vkuiInput--right .vkuiInput__el{text-align:right}.vkuiInput__el{margin:0;width:100%;display:block;box-sizing:border-box;box-shadow:none;border:0;-webkit-appearance:none;appearance:none;text-overflow:ellipsis;font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);color:#000;color:var(--text_primary, var(--vkui--color_text_primary));padding-right:12px;padding-left:12px;position:relative;z-index:2;background:0 0}.vkuiInput--sizeY-compact .vkuiInput__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiInput--hasBefore .vkuiInput__el{padding-left:0}.vkuiInput--hasAfter .vkuiInput__el{padding-right:0}.vkuiInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiInput__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiInput__el::placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}
+.vkuiInput{font-size:16px;line-height:20px;position:relative}.vkuiInput--center .vkuiInput__el{text-align:center}.vkuiInput--right .vkuiInput__el{text-align:right}.vkuiInput__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:block;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);margin:0;padding-left:12px;padding-right:12px;position:relative;text-overflow:ellipsis;width:100%;z-index:2}.vkuiInput--sizeY-compact .vkuiInput__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiInput--hasBefore .vkuiInput__el{padding-left:0}.vkuiInput--hasAfter .vkuiInput__el{padding-right:0}.vkuiInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiInput__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el::-moz-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el::-ms-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el::placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::-moz-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}

package/dist/cssm/components/InputLike/InputLike.css

@@ -1 +1 @@
-.vkuiInputLike__mask{position:relative}.vkuiInputLike__mask::after{content:"";position:absolute;width:calc(100% - .1em);height:1px;bottom:0;left:0;border-bottom:solid 1px #818c99;border-bottom:solid 1px var(--vkui--color_text_secondary,#818C99)}.vkuiInputLike__mask:last-child{margin-right:1px}.vkuiInputLike__last_character{letter-spacing:1px!important}.vkuiInputLike--full+.vkuiInputLikeDivider{color:#000;color:var(--vkui--color_text_primary,#000000)}
+.vkuiInputLike__mask{position:relative}.vkuiInputLike__mask:after{border-bottom:1px solid #818c99;border-bottom:1px solid var(--vkui--color_text_secondary,#818c99);bottom:0;content:"";height:1px;left:0;position:absolute;width:calc(100% - .1em)}.vkuiInputLike__mask:last-child{margin-right:1px}.vkuiInputLike__last_character{letter-spacing:1px!important}.vkuiInputLike--full+.vkuiInputLikeDivider{color:#000;color:var(--vkui--color_text_primary,#000)}

package/dist/cssm/components/InputLike/InputLikeDivider.css

@@ -1 +1 @@
-.vkuiInputLikeDivider{color:#818c99;color:var(--vkui--color_text_secondary,#818C99);letter-spacing:1px!important}
+.vkuiInputLikeDivider{color:#818c99;color:var(--vkui--color_text_secondary,#818c99);letter-spacing:1px!important}

package/dist/cssm/components/Link/Link.css

@@ -1 +1 @@
-.vkuiLink{color:#2688eb;color:var(--accent, var(--vkui--color_text_link));text-decoration:none;border:0;background:0 0;margin:0;padding:0;cursor:pointer;font-size:inherit;display:inline;border-radius:0}@media (hover:hover){.vkuiLink:hover{text-decoration:underline}}.vkuiLink--focus-visible{outline:2px solid #2688eb!important;outline:2px solid var(--accent, var(--vkui--color_stroke_accent))!important}.vkuiLink--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited,#4986CC)}.vkuiLink .vkuiIcon{margin-left:4px;display:inline-block;vertical-align:middle}
+.vkuiLink{background:none;border:0;border-radius:0;color:#2688eb;color:var(--accent,var(--vkui--color_text_link));cursor:pointer;display:inline;font-size:inherit;margin:0;padding:0;text-decoration:none}@media (hover:hover){.vkuiLink:hover{text-decoration:underline}}.vkuiLink--focus-visible{outline:2px solid #2688eb!important;outline:2px solid var(--accent,var(--vkui--color_stroke_accent))!important}.vkuiLink--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited,#4986cc)}.vkuiLink .vkuiIcon{display:inline-block;margin-left:4px;vertical-align:middle}

package/dist/cssm/components/MiniInfoCell/MiniInfoCell.css

@@ -1 +1 @@
-.vkuiMiniInfoCell{display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiMiniInfoCell--lvl-primary{color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiMiniInfoCell--lvl-secondary{color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead))}.vkuiMiniInfoCell__icon{margin-right:12px;color:#99a2ad;color:var(--icon_outline_secondary, var(--vkui--color_icon_medium))}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiMiniInfoCell--wr-short .vkuiMiniInfoCell__content{white-space:initial;display:-webkit-box;max-height:60px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.vkuiMiniInfoCell--wr-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:initial}.vkuiMiniInfoCell__after{margin-left:12px;margin-top:-2px;margin-bottom:-2px}.vkuiMiniInfoCell--md-add,.vkuiMiniInfoCell--md-add .vkuiMiniInfoCell__icon{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more,.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon{color:#2d81e0;color:var(--link_alternate, var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more{padding-top:10px;padding-bottom:10px}
+.vkuiMiniInfoCell{display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiMiniInfoCell--lvl-primary{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiMiniInfoCell--lvl-secondary{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead))}.vkuiMiniInfoCell__icon{color:#99a2ad;color:var(--icon_outline_secondary,var(--vkui--color_icon_secondary));margin-right:12px}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiMiniInfoCell--wr-short .vkuiMiniInfoCell__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:60px;white-space:normal}.vkuiMiniInfoCell--wr-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:normal}.vkuiMiniInfoCell__after{margin-bottom:-2px;margin-left:12px;margin-top:-2px}.vkuiMiniInfoCell--md-add{color:#2688eb;color:var(--accent,var(--vkui--color_text_link))}.vkuiMiniInfoCell--md-add .vkuiMiniInfoCell__icon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more{color:#2d81e0;color:var(--link_alternate,var(--vkui--color_text_link))}.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon{color:#2d81e0;color:var(--link_alternate,var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more{padding-bottom:10px;padding-top:10px}

package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["before", "after", "mode", "textWrap", "textLevel", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
-import { Text } from "../Typography/Text/Text";
+import { Paragraph } from "../Typography/Paragraph/Paragraph";
 import { Tappable } from "../Tappable/Tappable";
 import { hasReactNode } from "../../lib/utils";
 import "./MiniInfoCell.css";
@@ -32,7 +32,7 @@ export var MiniInfoCell = function MiniInfoCell(_ref) {
     vkuiClass: classNames("MiniInfoCell", mode !== "base" && "MiniInfoCell--md-".concat(mode), textWrap !== "nowrap" && "MiniInfoCell--wr-".concat(textWrap), "MiniInfoCell--lvl-".concat(textLevel))
   }), createScopedElement("span", {
     vkuiClass: "MiniInfoCell__icon"
-  }, before), createScopedElement(Text, {
+  }, before), createScopedElement(Paragraph, {
     vkuiClass: "MiniInfoCell__content",
     weight: mode === "more" ? "2" : undefined
   }, children), hasReactNode(after) && createScopedElement("span", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":["classNames","Text","Tappable","hasReactNode","MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,IAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;;AA4CA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAQH;AAAA,MAPvBC,MAOuB,QAPvBA,MAOuB;AAAA,MANvBC,KAMuB,QANvBA,KAMuB;AAAA,uBALvBC,IAKuB;AAAA,MALvBA,IAKuB,0BALhB,MAKgB;AAAA,2BAJvBC,QAIuB;AAAA,MAJvBA,QAIuB,8BAJZ,QAIY;AAAA,4BAHvBC,SAGuB;AAAA,MAHvBA,SAGuB,+BAHX,WAGW;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAcE;AAHjC,KAIMH,SAJN;AAKE,IAAA,SAAS,EAAEX,UAAU,CACnB,cADmB,EAEnBO,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFmB,EAGnBC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHmB,8BAIEC,SAJF;AALvB,MAYE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAZF,EAaE,oBAAC,IAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;AAFlC,KAIGJ,QAJH,CAbF,EAmBGP,YAAY,CAACG,KAAD,CAAZ,IACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CApBJ,CADF;AAyBD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: \"base\" | \"add\" | \"more\";\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: \"nowrap\" | \"short\" | \"full\";\n\n  /**\n   * Стиль текста:\n   *\n   * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n   * - `secondary` – стиль по-умолчанию.\n   */\n  textLevel?: \"primary\" | \"secondary\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  mode = \"base\",\n  textWrap = \"nowrap\",\n  textLevel = \"secondary\",\n  children,\n  ...restProps\n}: MiniInfoCellProps) => {\n  const isClickable = !!restProps.onClick;\n\n  return (\n    <Tappable\n      Component=\"div\"\n      disabled={!isClickable}\n      role={isClickable ? \"button\" : undefined}\n      {...restProps}\n      vkuiClass={classNames(\n        \"MiniInfoCell\",\n        mode !== \"base\" && `MiniInfoCell--md-${mode}`,\n        textWrap !== \"nowrap\" && `MiniInfoCell--wr-${textWrap}`,\n        `MiniInfoCell--lvl-${textLevel}`\n      )}\n    >\n      <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n      <Text\n        vkuiClass=\"MiniInfoCell__content\"\n        weight={mode === \"more\" ? \"2\" : undefined}\n      >\n        {children}\n      </Text>\n      {hasReactNode(after) && (\n        <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n      )}\n    </Tappable>\n  );\n};\n"],"file":"MiniInfoCell.js"}
+{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":["classNames","Paragraph","Tappable","hasReactNode","MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;;AA4CA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAQH;AAAA,MAPvBC,MAOuB,QAPvBA,MAOuB;AAAA,MANvBC,KAMuB,QANvBA,KAMuB;AAAA,uBALvBC,IAKuB;AAAA,MALvBA,IAKuB,0BALhB,MAKgB;AAAA,2BAJvBC,QAIuB;AAAA,MAJvBA,QAIuB,8BAJZ,QAIY;AAAA,4BAHvBC,SAGuB;AAAA,MAHvBA,SAGuB,+BAHX,WAGW;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAcE;AAHjC,KAIMH,SAJN;AAKE,IAAA,SAAS,EAAEX,UAAU,CACnB,cADmB,EAEnBO,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFmB,EAGnBC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHmB,8BAIEC,SAJF;AALvB,MAYE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAZF,EAaE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;AAFlC,KAIGJ,QAJH,CAbF,EAmBGP,YAAY,CAACG,KAAD,CAAZ,IACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CApBJ,CADF;AAyBD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: \"base\" | \"add\" | \"more\";\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: \"nowrap\" | \"short\" | \"full\";\n\n  /**\n   * Стиль текста:\n   *\n   * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n   * - `secondary` – стиль по-умолчанию.\n   */\n  textLevel?: \"primary\" | \"secondary\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  mode = \"base\",\n  textWrap = \"nowrap\",\n  textLevel = \"secondary\",\n  children,\n  ...restProps\n}: MiniInfoCellProps) => {\n  const isClickable = !!restProps.onClick;\n\n  return (\n    <Tappable\n      Component=\"div\"\n      disabled={!isClickable}\n      role={isClickable ? \"button\" : undefined}\n      {...restProps}\n      vkuiClass={classNames(\n        \"MiniInfoCell\",\n        mode !== \"base\" && `MiniInfoCell--md-${mode}`,\n        textWrap !== \"nowrap\" && `MiniInfoCell--wr-${textWrap}`,\n        `MiniInfoCell--lvl-${textLevel}`\n      )}\n    >\n      <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n      <Paragraph\n        vkuiClass=\"MiniInfoCell__content\"\n        weight={mode === \"more\" ? \"2\" : undefined}\n      >\n        {children}\n      </Paragraph>\n      {hasReactNode(after) && (\n        <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n      )}\n    </Tappable>\n  );\n};\n"],"file":"MiniInfoCell.js"}

package/dist/cssm/components/ModalCard/ModalCard.css

@@ -1 +1 @@
-.vkuiModalCard{box-sizing:border-box;position:absolute;top:0;padding:8px;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1}.vkuiModalCard__in{width:100%;margin-left:auto;margin-right:auto;-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px))}.vkuiModalCard--ios .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1),-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing),-webkit-transform 340ms var(--ios-easing);max-width:414px}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1),-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing),-webkit-transform 340ms var(--android-easing)}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{-webkit-transform:unset;transform:unset;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}
+.vkuiModalCard{align-items:flex-end;box-sizing:border-box;display:flex;height:100%;left:0;padding:8px;position:absolute;top:0;width:100%;z-index:1}.vkuiModalCard__in{margin-left:auto;margin-right:auto;-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px));width:100%}.vkuiModalCard--ios .vkuiModalCard__in{max-width:414px;transition:-webkit-transform .34s cubic-bezier(.36,.66,.04,1);transition:transform .34s cubic-bezier(.36,.66,.04,1);transition:transform .34s cubic-bezier(.36,.66,.04,1),-webkit-transform .34s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .34s var(--ios-easing);transition:transform .34s var(--ios-easing);transition:transform .34s var(--ios-easing),-webkit-transform .34s var(--ios-easing)}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1);transition:transform .34s cubic-bezier(.4,0,.2,1);transition:transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .34s var(--android-easing);transition:transform .34s var(--android-easing);transition:transform .34s var(--android-easing),-webkit-transform .34s var(--android-easing)}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{opacity:0;-webkit-transform:unset;transform:unset;transition:opacity .34s cubic-bezier(.4,0,.2,1);transition:opacity .34s var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}

package/dist/cssm/components/ModalCardBase/ModalCardBase.css

@@ -1,3 +1,3 @@
-.vkuiModalCardBase__container{box-sizing:border-box;position:relative;background:#fff;background:var(--modal_card_background, var(--vkui--color_background_modal));border-radius:18px;padding:16px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:center;pointer-events:initial;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0px 0px 2px rgba(0, 0, 0, 0.08) , 0px 4px 16px rgba(0, 0, 0, 0.08))}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{text-align:center;margin:0;padding:0 8px;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_subhead))}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{margin:8px auto 16px;color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:24px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{position:absolute;top:4px;right:4px;width:48px;height:48px;color:#99a2ad;color:var(--placeholder_icon_foreground_primary,
-    var(--vkui--color_icon_secondary)
-  );justify-content:center}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px}
+.vkuiModalCardBase__container{background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal));border-radius:18px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);padding:16px;pointer-events:auto;position:relative}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{margin:0;padding:0 8px;text-align:center;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_subhead))}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));margin:8px auto 16px}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:24px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{color:#99a2ad;color:var(
+    --placeholder_icon_foreground_primary,var(--vkui--color_icon_secondary)
+  );height:48px;justify-content:center;position:absolute;right:4px;top:4px;width:48px}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px}

package/dist/cssm/components/ModalDismissButton/ModalDismissButton.css

@@ -1 +1 @@
-.vkuiModalDismissButton{position:absolute;justify-content:center;top:0;right:-56px;width:56px;height:56px;padding:18px;box-sizing:border-box;color:#fff;color:var(--white);transition:opacity .15s ease-out}.vkuiModalDismissButton::before{display:block;content:"";top:14px;right:14px;bottom:14px;left:14px;background-color:rgba(0,0,0,.35);border-radius:50%;position:absolute}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}
+.vkuiModalDismissButton{box-sizing:border-box;color:#fff;color:var(--white);height:56px;justify-content:center;padding:18px;position:absolute;right:-56px;top:0;transition:opacity .15s ease-out;width:56px}.vkuiModalDismissButton:before{background-color:rgba(0,0,0,.35);border-radius:50%;bottom:14px;content:"";display:block;left:14px;position:absolute;right:14px;top:14px}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}

package/dist/cssm/components/ModalPage/ModalPage.css

@@ -1 +1 @@
-.vkuiModalPage{width:100%;height:100%;overflow:hidden;position:absolute;box-sizing:border-box;z-index:1;pointer-events:none}.vkuiModalPage--desktop{display:flex;align-items:center;justify-content:center}.vkuiModalPage__in-wrap{width:100%;height:100%;position:absolute;bottom:0;display:flex;align-items:flex-end;pointer-events:initial;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{width:416px;max-width:100%;margin:0 auto;background:#fff;background:var(--background_content);overflow:visible;position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border-radius:12px 12px 0 0}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{position:relative;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vkuiModalPage__content{height:100%;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.vkuiModalPage__content-in{position:relative;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiModalRoot__modal--collapsed .vkuiModalPage__content,.vkuiModalRoot__modal--dragging .vkuiModalPage__content{overflow:hidden;touch-action:pan-y}.vkuiModalPage__footer{background:#fff;background:var(--background_content);position:relative;z-index:10}.vkuiModalRoot--touched .vkuiModalPage__footer{transition:none}.vkuiModalPage--ios .vkuiModalPage__in-wrap{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiModalPage--ios .vkuiModalPage__in{border-radius:14px 14px 0 0}.vkuiModalPage--vkcom .vkuiModalPage__in{border-radius:8px 8px 0 0;width:448px}.vkuiModalPage--desktop .vkuiModalPage__in-wrap{align-items:center;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing);width:auto;height:auto;position:relative;-webkit-transform:none;transform:none}.vkuiModalPage--desktop .vkuiModalPage__in{height:auto;max-height:640px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);border-radius:8px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}
+.vkuiModalPage{box-sizing:border-box;height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:1}.vkuiModalPage--desktop{align-items:center;display:flex;justify-content:center}.vkuiModalPage__in-wrap{align-items:flex-end;bottom:0;display:flex;height:100%;pointer-events:auto;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .32s var(--android-easing);transition:transform .32s var(--android-easing);transition:transform .32s var(--android-easing),-webkit-transform .32s var(--android-easing);width:100%}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{background:#fff;background:var(--background_content);border-radius:12px 12px 0 0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;overflow:visible;position:relative;width:416px}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;display:flex;flex-direction:column;overflow:hidden;position:relative}.vkuiModalPage__content{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:hidden}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{-webkit-overflow-scrolling:touch;overflow-y:auto}.vkuiModalPage__content-in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);position:relative}.vkuiModalRoot__modal--collapsed .vkuiModalPage__content,.vkuiModalRoot__modal--dragging .vkuiModalPage__content{overflow:hidden;touch-action:pan-y}.vkuiModalPage__footer{background:#fff;background:var(--background_content);position:relative;z-index:10}.vkuiModalRoot--touched .vkuiModalPage__footer{transition:none}.vkuiModalPage--ios .vkuiModalPage__in-wrap{transition:-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1),-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing),-webkit-transform .4s var(--ios-easing)}.vkuiModalPage--ios .vkuiModalPage__in{border-radius:14px 14px 0 0}.vkuiModalPage--vkcom .vkuiModalPage__in{border-radius:8px 8px 0 0;width:448px}.vkuiModalPage--desktop .vkuiModalPage__in-wrap{align-items:center;height:auto;opacity:0;position:relative;-webkit-transform:none;transform:none;transition:opacity .34s cubic-bezier(.4,0,.2,1);transition:opacity .34s var(--android-easing);width:auto}.vkuiModalPage--desktop .vkuiModalPage__in{border-radius:8px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);height:auto;max-height:640px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}

package/dist/cssm/components/ModalPageHeader/ModalPageHeader.css

@@ -1 +1 @@
-.vkuiModalPageHeader{position:relative;z-index:2;--safe-area-inset-top:0}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--android{padding-left:6px;padding-right:6px}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--ios{padding-left:4px;padding-right:4px}.vkuiModalPageHeader .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}
+.vkuiModalPageHeader{--safe-area-inset-top:0;position:relative;z-index:2}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--android{padding-left:6px;padding-right:6px}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--ios{padding-left:4px;padding-right:4px}.vkuiModalPageHeader .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}

package/dist/cssm/components/ModalRoot/ModalRoot.css

@@ -1 +1 @@
-.vkuiModalRoot{width:100%;height:100%}.vkuiModalRoot__mask{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;transition:opacity 167ms ease-out;-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:calc(0px + 52px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{position:absolute;width:100%;height:100%;box-sizing:border-box;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}
+.vkuiModalRoot,.vkuiModalRoot__mask{height:100%;width:100%}.vkuiModalRoot__mask{-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease;background:rgba(0,0,0,.4);left:0;opacity:1;position:absolute;top:0;transition:opacity 167ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:56px;top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:52px;top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{box-sizing:border-box;height:100%;position:absolute;width:100%;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}

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

@@ -26,4 +26,4 @@ export interface ModalRootProps extends HasPlatform {
     configProvider?: ConfigProviderContextInterface;
     children?: React.ReactNode;
 }
-export declare const ModalRootTouch: React.FC<Pick<ModalRootProps, "children" | "configProvider" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal">>;
+export declare const ModalRootTouch: React.FC<Pick<ModalRootProps, "children" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal" | "configProvider">>;

package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts

@@ -26,4 +26,4 @@ export interface ModalRootProps extends HasPlatform {
      */
     onClosed?(modalId: string): void;
 }
-export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "children" | "configProvider" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal">>;
+export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "children" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal" | "configProvider">>;