@vkontakte/vkui 5.4.0 → 5.4.2

package/dist/vkui.js.tmp

@@ -12528,7 +12528,7 @@ function _unsupportedIterableToArray(o, minLen) {
             width: size,
             height: size
         }),
-        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, "vkuiImageBase", sizeClassName, withBorder && "vkuiImageBase--withBorder", loaded && "vkuiImageBase--loaded"),
+        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, "vkuiImageBase", sizeClassName, loaded && "vkuiImageBase--loaded"),
         role: hasSrc ? "img" : "presentation",
         "aria-label": ariaLabel,
         onClick: onClick
@@ -12550,7 +12550,10 @@ function _unsupportedIterableToArray(o, minLen) {
         onError: handleImageError
     }), fallbackIcon && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiImageBase__fallback")
-    }, fallbackIcon), children));
+    }, fallbackIcon), children, withBorder && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+        "aria-hidden": true,
+        className: "vkuiImageBase__border"
+    })));
 };
 ImageBase.Badge = _ImageBaseBadge_ImageBaseBadge__WEBPACK_IMPORTED_MODULE_6__.ImageBaseBadge;
 ImageBase.Overlay = _ImageBaseOverlay_ImageBaseOverlay__WEBPACK_IMPORTED_MODULE_7__.ImageBaseOverlay;
@@ -14886,16 +14889,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(68);
 /* harmony import */ var _hooks_useAdaptivityConditionalRender__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(164);
-/* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(108);
+/* harmony import */ var _hooks_usePlatform__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(108);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(54);
-/* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(66);
-/* harmony import */ var _ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(65);
+/* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(66);
+/* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(129);
+/* harmony import */ var _ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(65);
 /* harmony import */ var _FixedLayout_FixedLayout__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(120);
-/* harmony import */ var _ModalRoot_ModalRootContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(161);
+/* harmony import */ var _ModalRoot_ModalRootContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(161);
 /* harmony import */ var _Separator_Separator__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(162);
 /* harmony import */ var _Spacing_Spacing__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(168);
 /* harmony import */ var _Tooltip_TooltipContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(123);
-/* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(91);
+/* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91);
 /* harmony import */ var _PanelHeader_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(160);
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -14991,6 +14995,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
 var platformClassNames = {
     ios: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader--ios", "vkuiInternalPanelHeader--ios"),
     android: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader--android", "vkuiInternalPanelHeader--android"),
@@ -15000,24 +15005,27 @@ var sizeXClassNames = {
     none: "vkuiPanelHeader--sizeX-none",
     regular: "vkuiPanelHeader--sizeX-regular"
 };
-var PanelHeaderContent = function(param) {
-    var children = param.children, _param_Component = param.Component, Component = _param_Component === void 0 ? "span" : _param_Component, id = param.id;
-    var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__.usePlatform)();
-    return platform === _lib_platform__WEBPACK_IMPORTED_MODULE_4__.Platform.VKCOM ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_5__.Text, {
-        weight: "2",
-        Component: Component,
-        id: id
-    }, children) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, {
-        className: "vkuiPanelHeader__content-in",
-        id: id
-    }, children);
-};
-PanelHeaderContent.displayName = "PanelHeaderContent";
 var PanelHeaderIn = function(param) {
-    var before = param.before, after = param.after, separator = param.separator, children = param.children;
-    var webviewType = (0,_ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_6__.useConfigProvider)().webviewType;
-    var isInsideModal = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_ModalRoot_ModalRootContext__WEBPACK_IMPORTED_MODULE_7__.ModalRootContext).isInsideModal;
-    var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__.usePlatform)();
+    var before = param.before, after = param.after, separator = param.separator, children = param.children, _param_typographyProps = param.typographyProps, typographyProps = _param_typographyProps === void 0 ? {} : _param_typographyProps;
+    var _typographyProps_Component = typographyProps.Component, Component = _typographyProps_Component === void 0 ? "span" : _typographyProps_Component, restProps = _objectWithoutProperties(typographyProps, [
+        "Component"
+    ]);
+    var webviewType = (0,_ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_3__.useConfigProvider)().webviewType;
+    var isInsideModal = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_ModalRoot_ModalRootContext__WEBPACK_IMPORTED_MODULE_4__.ModalRootContext).isInsideModal;
+    var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_5__.usePlatform)();
+    var typographyNode;
+    // TODO [>=6]: Удалить условие
+    if (/*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children) && // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    children.type.displayName === LegacyPanelHeaderContent.displayName) {
+        typographyNode = children;
+    } else {
+        typographyNode = platform === _lib_platform__WEBPACK_IMPORTED_MODULE_6__.Platform.VKCOM ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_7__.Text, _objectSpread({
+            weight: "2",
+            Component: Component
+        }, restProps), children) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, _objectSpread({
+            className: "vkuiPanelHeader__content-in"
+        }, restProps), children);
+    }
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tooltip_TooltipContainer__WEBPACK_IMPORTED_MODULE_8__.TooltipContainer, {
         fixed: true,
         className: "vkuiPanelHeader__in"
@@ -15025,9 +15033,9 @@ var PanelHeaderIn = function(param) {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader__before", "vkuiInternalPanelHeader__before")
     }, before), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiPanelHeader__content"
-    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children) && children.type.displayName === PanelHeaderContent.displayName ? children : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(PanelHeaderContent, null, children)), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+    }, typographyNode), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader__after", "vkuiInternalPanelHeader__after")
-    }, (webviewType === _ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_6__.WebviewType.INTERNAL || isInsideModal) && after)), separator && platform === _lib_platform__WEBPACK_IMPORTED_MODULE_4__.Platform.VKCOM && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Separator_Separator__WEBPACK_IMPORTED_MODULE_9__.Separator, {
+    }, (webviewType === _ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_3__.WebviewType.INTERNAL || isInsideModal) && after)), separator && platform === _lib_platform__WEBPACK_IMPORTED_MODULE_6__.Platform.VKCOM && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Separator_Separator__WEBPACK_IMPORTED_MODULE_9__.Separator, {
         className: "vkuiPanelHeader__separator",
         wide: true
     }));
@@ -15035,7 +15043,7 @@ var PanelHeaderIn = function(param) {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeader
  */ var PanelHeader = function(_param) {
-    var before = _param.before, children = _param.children, after = _param.after, _param_separator = _param.separator, separator = _param_separator === void 0 ? true : _param_separator, _param_visor = _param.visor, visor = _param_visor === void 0 ? true : _param_visor, _param_transparent = _param.transparent, transparent = _param_transparent === void 0 ? false : _param_transparent, shadow = _param.shadow, getRef = _param.getRef, getRootRef = _param.getRootRef, fixed = _param.fixed, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var before = _param.before, children = _param.children, after = _param.after, _param_separator = _param.separator, separator = _param_separator === void 0 ? true : _param_separator, _param_visor = _param.visor, visor = _param_visor === void 0 ? true : _param_visor, _param_transparent = _param.transparent, transparent = _param_transparent === void 0 ? false : _param_transparent, shadow = _param.shadow, getRef = _param.getRef, getRootRef = _param.getRootRef, fixed = _param.fixed, className = _param.className, typographyProps = _param.typographyProps, restProps = _objectWithoutProperties(_param, [
         "before",
         "children",
         "after",
@@ -15046,16 +15054,17 @@ var PanelHeaderIn = function(param) {
         "getRef",
         "getRootRef",
         "fixed",
-        "className"
+        "className",
+        "typographyProps"
     ]);
-    var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__.usePlatform)();
-    var webviewType = (0,_ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_6__.useConfigProvider)().webviewType;
-    var isInsideModal = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_ModalRoot_ModalRootContext__WEBPACK_IMPORTED_MODULE_7__.ModalRootContext).isInsideModal;
+    var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_5__.usePlatform)();
+    var webviewType = (0,_ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_3__.useConfigProvider)().webviewType;
+    var isInsideModal = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_ModalRoot_ModalRootContext__WEBPACK_IMPORTED_MODULE_4__.ModalRootContext).isInsideModal;
     var _useAdaptivity = (0,_hooks_useAdaptivity__WEBPACK_IMPORTED_MODULE_10__.useAdaptivity)(), _useAdaptivity_sizeX = _useAdaptivity.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
     var _useAdaptivityConditionalRender = (0,_hooks_useAdaptivityConditionalRender__WEBPACK_IMPORTED_MODULE_11__.useAdaptivityConditionalRender)(), adaptiveSizeX = _useAdaptivityConditionalRender.sizeX;
-    var isFixed = fixed !== undefined ? fixed : platform !== _lib_platform__WEBPACK_IMPORTED_MODULE_4__.Platform.VKCOM;
+    var isFixed = fixed !== undefined ? fixed : platform !== _lib_platform__WEBPACK_IMPORTED_MODULE_6__.Platform.VKCOM;
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
-        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader", "vkuiInternalPanelHeader", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, transparent && "vkuiPanelHeader--trnsp", shadow && "vkuiPanelHeader--shadow", visor && (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader--vis", "vkuiInternalPanelHeader--vis"), separator && visor && (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader--sep", "vkuiInternalPanelHeader--sep"), webviewType === _ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_6__.WebviewType.VKAPPS && !isInsideModal && "vkuiPanelHeader--vkapps", !before && "vkuiPanelHeader--no-before", !after && "vkuiPanelHeader--no-after", isFixed && "vkuiPanelHeader--fixed", sizeX !== _lib_adaptivity__WEBPACK_IMPORTED_MODULE_12__.SizeType.COMPACT && sizeXClassNames[sizeX], className),
+        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader", "vkuiInternalPanelHeader", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, transparent && "vkuiPanelHeader--trnsp", shadow && "vkuiPanelHeader--shadow", visor && (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader--vis", "vkuiInternalPanelHeader--vis"), separator && visor && (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader--sep", "vkuiInternalPanelHeader--sep"), webviewType === _ConfigProvider_ConfigProviderContext__WEBPACK_IMPORTED_MODULE_3__.WebviewType.VKAPPS && !isInsideModal && "vkuiPanelHeader--vkapps", !before && "vkuiPanelHeader--no-before", !after && "vkuiPanelHeader--no-after", isFixed && "vkuiPanelHeader--fixed", sizeX !== _lib_adaptivity__WEBPACK_IMPORTED_MODULE_12__.SizeType.COMPACT && sizeXClassNames[sizeX], className),
         ref: isFixed ? getRootRef : getRef
     }), isFixed ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FixedLayout_FixedLayout__WEBPACK_IMPORTED_MODULE_13__.FixedLayout, {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiPanelHeader__fixed", "vkuiInternalPanelHeader__fixed"),
@@ -15064,19 +15073,41 @@ var PanelHeaderIn = function(param) {
     }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(PanelHeaderIn, {
         before: before,
         after: after,
-        separator: separator
+        separator: separator,
+        typographyProps: typographyProps
     }, children)) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(PanelHeaderIn, {
         before: before,
         after: after,
-        separator: separator
-    }, children), separator && visor && platform !== _lib_platform__WEBPACK_IMPORTED_MODULE_4__.Platform.VKCOM && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, adaptiveSizeX.compact && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Separator_Separator__WEBPACK_IMPORTED_MODULE_9__.Separator, {
+        separator: separator,
+        typographyProps: typographyProps
+    }, children), separator && visor && platform !== _lib_platform__WEBPACK_IMPORTED_MODULE_6__.Platform.VKCOM && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, adaptiveSizeX.compact && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Separator_Separator__WEBPACK_IMPORTED_MODULE_9__.Separator, {
         className: adaptiveSizeX.compact.className
     }), adaptiveSizeX.regular && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Spacing_Spacing__WEBPACK_IMPORTED_MODULE_14__.Spacing, {
         className: adaptiveSizeX.regular.className,
         size: 16
     })));
 };
-PanelHeader.Content = PanelHeaderContent;
+var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_15__.warnOnce)("PanelHeader");
+/**
+ * TODO [>=6]: Удалить подкомпонент
+ * @deprecated
+ */ var LegacyPanelHeaderContent = function(param) {
+    var children = param.children, _param_Component = param.Component, Component = _param_Component === void 0 ? "span" : _param_Component, id = param.id;
+    if (process.env.NODE_ENV === "development") {
+        warn("Подкомпонент PanelHeader.Content устарел и будет удалён в v6. Используйте параметр typographyProps.");
+    }
+    var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_5__.usePlatform)();
+    return platform === _lib_platform__WEBPACK_IMPORTED_MODULE_6__.Platform.VKCOM ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_7__.Text, {
+        weight: "2",
+        Component: Component,
+        id: id
+    }, children) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, {
+        className: "vkuiPanelHeader__content-in",
+        id: id
+    }, children);
+};
+LegacyPanelHeaderContent.displayName = "LegacyPanelHeaderContent";
+PanelHeader.Content = LegacyPanelHeaderContent;
 
 
 /***/ }),
@@ -48215,8 +48246,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_platform__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(66);
 /* harmony import */ var _ActionSheet_ActionSheetContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(236);
 /* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(101);
-/* harmony import */ var _Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(95);
-/* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(91);
+/* harmony import */ var _Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(95);
+/* harmony import */ var _Typography_Text_Text__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(91);
+/* harmony import */ var _Typography_Title_Title__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(85);
 /* harmony import */ var _ActionSheetItem_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(238);
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -48309,6 +48341,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */ var ActionSheetItem = function(_param) {
@@ -48348,19 +48381,22 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }, restProps), {
         onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
         activeMode: platform === _lib_platform__WEBPACK_IMPORTED_MODULE_9__.Platform.IOS ? "vkuiActionSheetItem--active" : undefined,
-        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiActionSheetItem", platform === _lib_platform__WEBPACK_IMPORTED_MODULE_9__.Platform.IOS && "vkuiActionSheetItem--ios", mode === "cancel" && "vkuiActionSheetItem--mode-cancel", mode === "destructive" && "vkuiActionSheetItem--mode-destructive", sizeY === _lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.SizeType.COMPACT && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className)
+        className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiActionSheetItem", platform === _lib_platform__WEBPACK_IMPORTED_MODULE_9__.Platform.IOS && "vkuiActionSheetItem--ios", mode === "cancel" && "vkuiActionSheetItem--mode-cancel", mode === "destructive" && "vkuiActionSheetItem--mode-destructive", sizeY === _lib_adaptivity__WEBPACK_IMPORTED_MODULE_6__.SizeType.COMPACT && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", selectable && "vkuiActionSheetItem--selectable", className)
     }), before && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiActionSheetItem__before"
     }, before), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis")
     }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered")
-    }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_11__.Text, {
-        weight: mode === "cancel" ? "2" : undefined,
+    }, platform === _lib_platform__WEBPACK_IMPORTED_MODULE_9__.Platform.IOS ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Title_Title__WEBPACK_IMPORTED_MODULE_11__.Title, {
+        className: "vkuiActionSheetItem__children",
+        weight: mode === "cancel" ? "2" : "3",
+        level: isCentered ? "2" : "3"
+    }, children) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_12__.Text, {
         className: "vkuiActionSheetItem__children"
-    }, children), meta && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_11__.Text, {
+    }, children), meta && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_12__.Text, {
         className: "vkuiActionSheetItem__meta"
-    }, meta)), subtitle && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_12__.Subhead, {
+    }, meta)), subtitle && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_13__.Subhead, {
         className: "vkuiActionSheetItem__subtitle"
     }, subtitle)), selectable && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiActionSheetItem__after"
@@ -48457,7 +48493,7 @@ var ActionSheetDefaultIosCloseItem = function(props) {
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ActionSheetItem_ActionSheetItem__WEBPACK_IMPORTED_MODULE_1__.ActionSheetItem, _objectSpread({
         autoClose: true,
         mode: "cancel"
-    }, props), "Отменить");
+    }, props), "Отмена");
 };
 
 
@@ -49497,7 +49533,6 @@ function modalTransitionReducer(state, action) {
         state.onOpened = Modal.props.onOpened;
         state.onClose = Modal.props.onClose;
         state.onClosed = Modal.props.onClosed;
-        state.dynamicContentHeight = !!modalProps.dynamicContentHeight;
         // ModalPage props
         if (typeof modalProps.settlingHeight === "number") {
             state.settlingHeight = modalProps.settlingHeight;
@@ -49851,13 +49886,9 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
             }
             return false;
         });
-        _defineProperty(_assertThisInitialized(_this), "updateModalTranslate", function() {
-            var modalState = _this.props.getModalState(_this.props.activeModal);
-            modalState && _this.animateTranslate(modalState, modalState.translateY);
-        });
         _defineProperty(_assertThisInitialized(_this), "updateModalHeight", function() {
             var modalState = _this.props.getModalState(_this.props.activeModal);
-            if (modalState && modalState.type === _types__WEBPACK_IMPORTED_MODULE_5__.ModalType.PAGE && modalState.dynamicContentHeight) {
+            if (modalState && modalState.type === _types__WEBPACK_IMPORTED_MODULE_5__.ModalType.PAGE) {
                 if (_this.props.enteringModal) {
                     _this.waitTransitionFinish(modalState, function() {
                         requestAnimationFrame(function() {
@@ -49965,18 +49996,16 @@ var ModalRootTouchComponent = /*#__PURE__*/ function(_React_Component) {
         {
             key: "componentDidMount",
             value: function componentDidMount() {
-                // Отслеживаем изменение размеров viewport (Необходимо для iOS)
-                if (this.props.platform === _lib_platform__WEBPACK_IMPORTED_MODULE_6__.Platform.IOS) {
-                    var _this_window;
-                    (_this_window = this.window) === null || _this_window === void 0 ? void 0 : _this_window.addEventListener("resize", this.updateModalTranslate, false);
-                }
+                var // Отслеживаем изменение размеров viewport
+                _this_window;
+                (_this_window = this.window) === null || _this_window === void 0 ? void 0 : _this_window.addEventListener("resize", this.updateModalHeight, false);
             }
         },
         {
             key: "componentWillUnmount",
             value: function componentWillUnmount() {
                 this.toggleDocumentScrolling(true);
-                this.window.removeEventListener("resize", this.updateModalTranslate, false);
+                this.window.removeEventListener("resize", this.updateModalHeight, false);
             }
         },
         {
@@ -50863,8 +50892,13 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_3__.warnOnce)("ModalPage");
     var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_6__.usePlatform)();
     var orientation = (0,_hooks_useOrientationChange__WEBPACK_IMPORTED_MODULE_7__.useOrientationChange)();
     var _useAdaptivityWithJSMediaQueries = (0,_hooks_useAdaptivityWithJSMediaQueries__WEBPACK_IMPORTED_MODULE_8__.useAdaptivityWithJSMediaQueries)(), sizeX = _useAdaptivityWithJSMediaQueries.sizeX, isDesktop = _useAdaptivityWithJSMediaQueries.isDesktop;
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(updateModalHeight, [
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function() {
+        if (dynamicContentHeight) {
+            updateModalHeight();
+        }
+    }, [
         children,
+        dynamicContentHeight,
         orientation,
         updateModalHeight
     ]);
@@ -51225,11 +51259,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }, restProps), {
         fixed: false,
         separator: false,
-        transparent: true
-    }), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PanelHeader_PanelHeader__WEBPACK_IMPORTED_MODULE_7__.PanelHeader.Content, {
-        Component: "h2",
-        id: labelId
-    }, children)), hasSeparator && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Separator_Separator__WEBPACK_IMPORTED_MODULE_8__.Separator, {
+        transparent: true,
+        typographyProps: {
+            Component: "h2",
+            id: labelId
+        }
+    }), children), hasSeparator && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Separator_Separator__WEBPACK_IMPORTED_MODULE_8__.Separator, {
         wide: true
     }));
 };
@@ -53691,12 +53726,14 @@ var useDraggable = function(param) {
     var _React_useState3 = _slicedToArray(react__WEBPACK_IMPORTED_MODULE_0__.useState(0), 2), dragEndIndex = _React_useState3[0], setDragEndIndex = _React_useState3[1];
     var _React_useState4 = _slicedToArray(react__WEBPACK_IMPORTED_MODULE_0__.useState(0), 2), dragShift = _React_useState4[0], setDragShift = _React_useState4[1];
     var _React_useState5 = _slicedToArray(react__WEBPACK_IMPORTED_MODULE_0__.useState(undefined), 2), dragDirection = _React_useState5[0], setDragDirection = _React_useState5[1];
-    var onDragStart = function() {
+    var onDragStart = function(event) {
         var _rootEl_parentElement;
         var rootEl = rootElRef.current;
         if (!rootEl) {
             return;
         }
+        event.originalEvent.stopPropagation();
+        event.originalEvent.preventDefault();
         setDragging(true);
         var _siblings = [];
         if ((_rootEl_parentElement = rootEl.parentElement) === null || _rootEl_parentElement === void 0 ? void 0 : _rootEl_parentElement.childNodes) {
@@ -53708,14 +53745,15 @@ var useDraggable = function(param) {
         setSiblings(_siblings);
         setDragShift(0);
     };
-    var onDragMove = function(e) {
-        e.originalEvent.preventDefault();
+    var onDragMove = function(event) {
+        event.originalEvent.stopPropagation();
+        event.originalEvent.preventDefault();
         var rootEl = rootElRef.current;
         if (rootEl) {
-            rootEl.style.transform = "translateY(".concat(e.shiftY, "px)");
+            rootEl.style.transform = "translateY(".concat(event.shiftY, "px)");
             var rootGesture = rootEl.getBoundingClientRect();
-            setDragDirection(dragShift - e.shiftY < 0 ? "down" : "up");
-            setDragShift(e.shiftY);
+            setDragDirection(dragShift - event.shiftY < 0 ? "down" : "up");
+            setDragShift(event.shiftY);
             setDragEndIndex(dragStartIndex);
             siblings.forEach(function(sibling, siblingIndex) {
                 var siblingGesture = sibling.getBoundingClientRect();
@@ -53750,7 +53788,9 @@ var useDraggable = function(param) {
             });
         }
     };
-    var onDragEnd = function() {
+    var onDragEnd = function(event) {
+        event.originalEvent.stopPropagation();
+        event.originalEvent.preventDefault();
         var _ref = [
             dragStartIndex,
             dragEndIndex
@@ -53859,22 +53899,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 var CellDragger = function(_param) {
-    var onDragStart = _param.onDragStart, onDragMove = _param.onDragMove, onDragEnd = _param.onDragEnd, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var onDragStart = _param.onDragStart, onDragMove = _param.onDragMove, onDragEnd = _param.onDragEnd, onClick = _param.onClick, className = _param.className, restProps = _objectWithoutProperties(_param, [
         "onDragStart",
         "onDragMove",
         "onDragEnd",
+        "onClick",
         "className"
     ]);
     var platform = (0,_hooks_usePlatform__WEBPACK_IMPORTED_MODULE_3__.usePlatform)();
-    var onClick = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function(e) {
-        e.preventDefault();
-    }, []);
+    var handleClick = function(event) {
+        event.preventDefault();
+        if (onClick) {
+            onClick(event);
+        }
+    };
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Touch_Touch__WEBPACK_IMPORTED_MODULE_4__.Touch, _objectSpread({
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiCellDragger", className),
         onStart: onDragStart,
         onMoveY: onDragMove,
         onEnd: onDragEnd,
-        onClick: onClick
+        onClick: handleClick
     }, restProps), platform === _lib_platform__WEBPACK_IMPORTED_MODULE_5__.Platform.IOS ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_vkontakte_icons__WEBPACK_IMPORTED_MODULE_6__["default"], null) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_vkontakte_icons__WEBPACK_IMPORTED_MODULE_7__["default"], null));
 };
 
@@ -54179,12 +54223,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 /**
- * @since v5.4.0
- * @see https://vkcom.github.io/VKUI/#/VisuallyHidden
- * @description
- *
  * Компонент-обертка. Позволяет скрыть контент визуально, но оставить его
  * доступным для ассистивных технологий. По умолчанию — `span`.
+ *
+ * @since v5.4.0
+ * @see https://vkcom.github.io/VKUI/#/VisuallyHidden
  */ var VisuallyHidden = function(_param) {
     var _param_Component = _param.Component, Component = _param_Component === void 0 ? "span" : _param_Component, getRootRef = _param.getRootRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
         "Component",
@@ -55166,7 +55209,7 @@ var CellTypography = function(_param) {
  */ var HorizontalCell = function(_param) {
     var className = _param.className, header = _param.header, style = _param.style, subtitle = _param.subtitle, _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_children = _param.children, children = _param_children === void 0 ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_5__.Avatar, {
         size: 56
-    }) : _param_children, getRootRef = _param.getRootRef, getRef = _param.getRef, restProps = _objectWithoutProperties(_param, [
+    }) : _param_children, getRootRef = _param.getRootRef, getRef = _param.getRef, extraSubtitle = _param.extraSubtitle, restProps = _objectWithoutProperties(_param, [
         "className",
         "header",
         "style",
@@ -55174,7 +55217,8 @@ var CellTypography = function(_param) {
         "size",
         "children",
         "getRootRef",
-        "getRef"
+        "getRef",
+        "extraSubtitle"
     ]);
     return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         ref: getRootRef,
@@ -55195,7 +55239,9 @@ var CellTypography = function(_param) {
         size: size
     }, header), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(subtitle) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_7__.Footnote, {
         className: "vkuiHorizontalCell__subtitle"
-    }, subtitle))));
+    }, subtitle), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(extraSubtitle) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Footnote_Footnote__WEBPACK_IMPORTED_MODULE_7__.Footnote, {
+        className: "vkuiHorizontalCell__subtitle"
+    }, extraSubtitle))));
 };
 
 
@@ -55894,6 +55940,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89);
 /* harmony import */ var _Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95);
+/* harmony import */ var _VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(308);
 /* harmony import */ var _InfoRow_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(334);
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -55979,6 +56026,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
 /**
  * @see https://vkcom.github.io/VKUI/#/InfoRow
  */ var InfoRow = function(_param) /*#__PURE__*/ {
@@ -55992,9 +56040,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiInfoRow", className),
         weight: "3"
     }), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(header) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_4__.Subhead, {
-        Component: "span",
+        Component: "strong",
         className: "vkuiInfoRow__header"
-    }, header), children);
+    }, header, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_5__.VisuallyHidden, null, "\xa0")), children);
 };
 
 
@@ -58087,9 +58135,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(54);
 /* harmony import */ var _lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(129);
 /* harmony import */ var _Tabs_Tabs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(353);
-/* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(101);
-/* harmony import */ var _Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(89);
+/* harmony import */ var _Tappable_Tappable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(101);
+/* harmony import */ var _Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(89);
 /* harmony import */ var _Typography_Subhead_Subhead__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95);
+/* harmony import */ var _VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(308);
 /* harmony import */ var _TabsItem_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(356);
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -58180,6 +58229,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
 var sizeYClassNames = _defineProperty({
     none: "vkuiTabsItem--sizeY-none"
 }, _lib_adaptivity__WEBPACK_IMPORTED_MODULE_3__.SizeType.COMPACT, "vkuiTabsItem--sizeY-compact");
@@ -58206,9 +58256,9 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("TabsItem");
             Component: "span",
             className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiTabsItem__status", "vkuiTabsItem__status--count"),
             weight: "2"
-        }, status) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
+        }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_8__.VisuallyHidden, null, "\xa0"), status) : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
             className: "vkuiTabsItem__status"
-        }, status);
+        }, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_VisuallyHidden_VisuallyHidden__WEBPACK_IMPORTED_MODULE_8__.VisuallyHidden, null, "\xa0"), status);
     }
     if (process.env.NODE_ENV === "development" && isTabFlow) {
         if (!restProps["aria-controls"]) {
@@ -58221,7 +58271,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("TabsItem");
     if (isTabFlow && tabIndex === undefined) {
         tabIndex = selected ? 0 : -1;
     }
-    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tappable_Tappable__WEBPACK_IMPORTED_MODULE_8__.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Tappable_Tappable__WEBPACK_IMPORTED_MODULE_9__.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
         className: (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.classNames)("vkuiTabsItem", mode && ({
             default: "vkuiTabsItem--mode-default",
             accent: "vkuiTabsItem--mode-accent",
@@ -58236,7 +58286,7 @@ var warn = (0,_lib_warnOnce__WEBPACK_IMPORTED_MODULE_4__.warnOnce)("TabsItem");
         tabIndex: tabIndex
     }), before && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiTabsItem__before"
-    }, before), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_9__.Headline, {
+    }, before), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Headline_Headline__WEBPACK_IMPORTED_MODULE_10__.Headline, {
         Component: "span",
         className: "vkuiTabsItem__label",
         level: mode === "default" ? "1" : "2",
@@ -59855,14 +59905,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }, before), /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiBanner__content"
     }, (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(header) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(HeaderTypography, {
-        Component: "span",
-        className: "vkuiBanner__header",
+        Component: "p",
         weight: "2",
         level: size === "m" ? "2" : "1"
     }, header), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(subheader) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(SubheaderTypography, {
-        Component: "span",
+        Component: "p",
         className: "vkuiBanner__subheader"
     }, subheader), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(text) && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography_Text_Text__WEBPACK_IMPORTED_MODULE_6__.Text, {
+        Component: "p",
         className: "vkuiBanner__text"
     }, text), (0,_vkontakte_vkjs__WEBPACK_IMPORTED_MODULE_1__.hasReactNode)(actions) && react__WEBPACK_IMPORTED_MODULE_0__.Children.count(actions) > 0 && /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
         className: "vkuiBanner__actions"
@@ -71175,7 +71225,7 @@ var getInternalValue = function(value) {
         }
         var formattedStartValue = "".concat(internalValue[0], ".").concat(internalValue[1], ".").concat(internalValue[2]);
         var formattedEndValue = "".concat(internalValue[3], ".").concat(internalValue[4], ".").concat(internalValue[5]);
-        var mask = "dd.MM.yyyy";
+        var mask = "DD.MM.YYYY";
         if (!(0,_lib_date__WEBPACK_IMPORTED_MODULE_5__.isMatch)(formattedStartValue, mask)) {
             isStartValid = false;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "private": false,
-  "version": "5.4.0",
+  "version": "5.4.2",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "main": "dist/cjs/index.js",