@gravity-ui/page-constructor 2.15.0 → 2.17.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.17.0](https://github.com/gravity-ui/page-constructor/compare/v2.16.0...v2.17.0) (2023-05-12)
+
+
+### Features
+
+* drop rules overriding ([#303](https://github.com/gravity-ui/page-constructor/issues/303)) ([0c13398](https://github.com/gravity-ui/page-constructor/commit/0c1339885ce3b930ab9428b585aa6dd020b0d298))
+
+## [2.16.0](https://github.com/gravity-ui/page-constructor/compare/v2.15.0...v2.16.0) (2023-05-11)
+
+
+### Features
+
+* **Navigation:** add iconSize for navigation icons, update margin between icon and text ([#329](https://github.com/gravity-ui/page-constructor/issues/329)) ([1427740](https://github.com/gravity-ui/page-constructor/commit/14277404cfe199847ae0d1834eb433ba1efd919a))
+
 ## [2.15.0](https://github.com/gravity-ui/page-constructor/compare/v2.14.0...v2.15.0) (2023-05-03)
 
 

package/build/cjs/blocks/Slider/Slider.css

@@ -1,5 +1,93 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-slick-origin.slick-slider {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  -webkit-touch-callout: none;
+  user-select: none;
+  touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+.pc-slick-origin.slick-slider .slick-track,
+.pc-slick-origin.slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+}
+.pc-slick-origin .slick-list {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.pc-slick-origin .slick-list:focus {
+  outline: none;
+}
+.pc-slick-origin .slick-list.dragging {
+  cursor: hand;
+}
+.pc-slick-origin .slick-track {
+  position: relative;
+  left: 0;
+  top: 0;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pc-slick-origin .slick-track::before, .pc-slick-origin .slick-track::after {
+  content: "";
+  display: table;
+}
+.pc-slick-origin .slick-track:after {
+  clear: both;
+}
+.slick-loading .pc-slick-origin .slick-track {
+  visibility: hidden;
+}
+.pc-slick-origin .slick-slide {
+  float: left;
+  height: 100%;
+  min-height: 1px;
+  display: none;
+}
+[dir=rtl] .pc-slick-origin .slick-slide {
+  float: right;
+}
+.pc-slick-origin .slick-slide img {
+  display: block;
+}
+.pc-slick-origin .slick-slide.slick-loading img {
+  display: none;
+}
+.pc-slick-origin .slick-slide.dragging img {
+  pointer-events: none;
+}
+.slick-initialized .pc-slick-origin .slick-slide {
+  display: block;
+}
+.slick-loading .pc-slick-origin .slick-slide {
+  visibility: hidden;
+}
+.slick-vertical .pc-slick-origin .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin.slick-initialized .slick-slide {
+  display: block;
+}
+.pc-slick-origin.slick-loading .slick-slide {
+  visibility: hidden;
+}
+.pc-slick-origin.slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin .slick-arrow.slick-hidden {
+  display: none;
+}
+
 .pc-SliderBlock .slick-list {
   padding: 24px 0 20px;
   margin: 0 -8px;

package/build/cjs/blocks/Slider/Slider.js

@@ -18,8 +18,6 @@ const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow"));
 const utils_2 = require("./utils");
-// Cause Slider.css should override slick.css
-// eslint-disable-next-line import/order
 const b = (0, utils_1.block)('SliderBlock');
 const slick = (0, utils_1.block)('slick-origin');
 const DOT_WIDTH = 8;

package/build/cjs/components/Map/YMap/YandexMap.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const uikit_1 = require("@gravity-ui/uikit");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const localeContext_1 = require("../../../context/localeContext/localeContext");
 const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
 const mobileContext_1 = require("../../../context/mobileContext");

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPlayerBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
-const uikit_1 = require("@gravity-ui/uikit");
 const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const videoContext_1 = require("../../context/videoContext");

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHeight = exports.AUTOPLAY_ATTRIBUTES = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const uuid_1 = require("uuid");
-const uikit_1 = require("@gravity-ui/uikit");
 const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));

package/build/cjs/components/YFMWrapper/YFMWrapper.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
 /* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
 in your project via global 'yfm' class */
+const react_1 = tslib_1.__importDefault(require("react"));
 const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const snakecase_keys_1 = tslib_1.__importDefault(require("snakecase-keys"));
 const components_1 = require("../../components");

package/build/cjs/containers/Loadable/Loadable.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const uikit_1 = require("@gravity-ui/uikit");
+const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const ErrorWrapper_1 = tslib_1.__importDefault(require("../../components/ErrorWrapper/ErrorWrapper"));
 const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, bem_cn_lite_1.default)('loadable-block');

package/build/cjs/models/navigation.d.ts

@@ -11,6 +11,7 @@ export interface NavigationItemBase {
     text: string;
     icon?: ImageProps;
     url?: string;
+    iconSize?: number;
 }
 export declare enum NavigationGithubButtonIcon {
     heart = "octicon-heart",
@@ -61,6 +62,7 @@ export type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<Navi
 export interface HeaderData {
     leftItems: NavigationItemModel[];
     rightItems?: NavigationItemModel[];
+    iconSize?: number;
 }
 export interface FooterColumn {
     title: string;

package/build/cjs/navigation/components/Header/Header.js

@@ -25,10 +25,19 @@ const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => {
             onSidebarOpenedChange(!isSidebarOpened);
         }, size: "l" }, iconProps)));
 };
+const iconSizeKey = 'iconSize';
 const Header = ({ data, logo }) => {
-    const { leftItems, rightItems } = data;
+    const { leftItems, rightItems, iconSize = 20 } = data;
     const [isSidebarOpened, setIsSidebarOpened] = (0, react_1.useState)(false);
     const [activeItemId, setactiveItemId] = (0, react_1.useState)(undefined);
+    const getNavigationItemWithIconSize = (0, react_1.useCallback)((item) => {
+        if (!(iconSizeKey in item)) {
+            return Object.assign(Object.assign({}, item), { iconSize });
+        }
+        return item;
+    }, [iconSize]);
+    const leftItemsWithIconSize = (0, react_1.useMemo)(() => leftItems.map(getNavigationItemWithIconSize), [getNavigationItemWithIconSize, leftItems]);
+    const rightItemsWithIconSize = (0, react_1.useMemo)(() => rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(getNavigationItemWithIconSize), [getNavigationItemWithIconSize, rightItems]);
     const onActiveItemChange = (0, react_1.useCallback)((id) => {
         setactiveItemId(id);
     }, []);
@@ -48,10 +57,10 @@ const Header = ({ data, logo }) => {
                     logo && (react_1.default.createElement("div", { className: b('left') },
                         react_1.default.createElement(Logo_1.default, Object.assign({}, logo, { className: b('logo') })))),
                     react_1.default.createElement("div", { className: b('navigation-container') },
-                        react_1.default.createElement(Navigation_1.default, { className: b('navigation'), links: leftItems, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange })),
+                        react_1.default.createElement(Navigation_1.default, { className: b('navigation'), links: leftItemsWithIconSize, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange })),
                     react_1.default.createElement("div", { className: b('right') },
                         react_1.default.createElement(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
-                        rightItems && (react_1.default.createElement("ul", { className: b('buttons') }, rightItems.map((button, index) => (react_1.default.createElement(NavigationListItem_1.NavigationListItem, { key: index, className: b('buttons-item'), item: button, index: index, activeItemId: activeItemId, hidePopup: hidePopup, column: constants_1.ItemColumnName.Right, onActiveItemChange: onActiveItemChange })))))),
+                        rightItemsWithIconSize && (react_1.default.createElement("ul", { className: b('buttons') }, rightItemsWithIconSize.map((button, index) => (react_1.default.createElement(NavigationListItem_1.NavigationListItem, { key: index, className: b('buttons-item'), item: button, index: index, activeItemId: activeItemId, hidePopup: hidePopup, column: constants_1.ItemColumnName.Right, onActiveItemChange: onActiveItemChange })))))),
                     react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false) },
                         react_1.default.createElement(MobileNavigation_1.default, { topItems: leftItems, bottomItems: rightItems, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, onClose: hideSidebar })))))));
 };

package/build/cjs/navigation/components/NavigationDropdownItem/NavigationDropdownItem.js

@@ -7,9 +7,9 @@ const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/Navi
 const NavigationPopup_1 = tslib_1.__importDefault(require("../NavigationPopup/NavigationPopup"));
 const NavigationDropdown = ({ className, data, isActive, hidePopup, onClick, }) => {
     const anchorRef = (0, react_1.useRef)(null);
-    const { text, icon, items } = data, popupProps = tslib_1.__rest(data, ["text", "icon", "items"]);
+    const { text, icon, items, iconSize } = data, popupProps = tslib_1.__rest(data, ["text", "icon", "items", "iconSize"]);
     return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(NavigationItem_1.default, { className: className, ref: anchorRef, onClick: onClick, isOpened: isActive, data: { text, type: models_1.NavigationItemType.Dropdown, icon } }),
+        react_1.default.createElement(NavigationItem_1.default, { className: className, ref: anchorRef, onClick: onClick, isOpened: isActive, data: { text, type: models_1.NavigationItemType.Dropdown, icon, iconSize } }),
         react_1.default.createElement(NavigationPopup_1.default, Object.assign({ open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef }, popupProps))));
 };
 exports.default = NavigationDropdown;

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.css

@@ -1,7 +1,5 @@
 .pc-content-wrapper__icon {
   display: flex;
-  width: 20px;
-  height: 20px;
-  margin-right: 8px;
+  margin-right: 6px;
   object-fit: cover;
 }

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { ImageProps } from '../../../../../models';
-export declare const ContentWrapper: React.FC<{
+interface ContentWrapperProps {
     text: string;
     icon?: ImageProps;
-}>;
+    iconSize?: number;
+}
+export declare const ContentWrapper: React.FC<ContentWrapperProps>;
+export {};

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js

@@ -6,7 +6,10 @@ const react_1 = tslib_1.__importStar(require("react"));
 const components_1 = require("../../../../../components");
 const utils_1 = require("../../../../../utils");
 const b = (0, utils_1.block)('content-wrapper');
-const ContentWrapper = ({ text, icon }) => (react_1.default.createElement(react_1.Fragment, null,
-    icon && typeof icon !== 'string' && react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, icon)),
-    react_1.default.createElement("span", { className: b('text') }, text)));
+const ContentWrapper = ({ text, icon, iconSize }) => {
+    const iconSizeStyle = (0, react_1.useMemo)(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
+    return (react_1.default.createElement(react_1.Fragment, null,
+        icon && typeof icon !== 'string' && (react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))),
+        react_1.default.createElement("span", { className: b('text') }, text)));
+};
 exports.ContentWrapper = ContentWrapper;

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -10,10 +10,10 @@ const ContentWrapper_1 = require("../ContentWrapper/ContentWrapper");
 const b = (0, utils_2.block)('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
 exports.NavigationDropdown = react_1.default.forwardRef((_a, ref) => {
-    var { text, icon, isOpened, className } = _a, props = tslib_1.__rest(_a, ["text", "icon", "isOpened", "className"]);
+    var { text, icon, isOpened, className, iconSize } = _a, props = tslib_1.__rest(_a, ["text", "icon", "isOpened", "className", "iconSize"]);
     const iconData = icon && (0, utils_1.getMediaImage)(icon);
     return (react_1.default.createElement("span", Object.assign({ ref: ref }, props, { className: b(null, className) }),
-        react_1.default.createElement(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData }),
+        react_1.default.createElement(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
         react_1.default.createElement(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isOpened })));
 });
 exports.NavigationDropdown.displayName = 'NavigationDropdown';

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js

@@ -12,12 +12,12 @@ const ContentWrapper_1 = require("../ContentWrapper/ContentWrapper");
 const b = (0, utils_2.block)('navigation-link');
 const NavigationLink = (props) => {
     const { hostname, Link } = (0, react_1.useContext)(locationContext_1.LocationContext);
-    const { url, text, icon, arrow, target, className } = props, rest = tslib_1.__rest(props, ["url", "text", "icon", "arrow", "target", "className"]);
+    const { url, text, icon, arrow, target, className, iconSize } = props, rest = tslib_1.__rest(props, ["url", "text", "icon", "arrow", "target", "className", "iconSize"]);
     const linkExtraProps = (0, utils_2.getLinkProps)(url, hostname, target);
     const iconData = icon && (0, utils_1.getMediaImage)(icon);
     const classes = b(null, className);
     const content = (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData }),
+        react_1.default.createElement(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
         arrow && react_1.default.createElement(icons_1.NavigationArrow, { className: b('arrow') })));
     if ((linkExtraProps === null || linkExtraProps === void 0 ? void 0 : linkExtraProps.target) || !Link) {
         return (react_1.default.createElement("a", Object.assign({ href: url, title: text, className: classes }, rest, linkExtraProps), content));

package/build/cjs/navigation/schema.d.ts

@@ -56,5 +56,8 @@ export declare const NavigationHeaderProps: {
                 };
             }[];
         };
+        iconSize: {
+            type: string;
+        };
     };
 };

package/build/cjs/navigation/schema.js

@@ -36,6 +36,9 @@ const NavigationItemBaseProps = {
         type: 'string',
         pattern: schema_1.urlPattern,
     },
+    iconSize: {
+        type: 'number',
+    },
 };
 const NavigationItemBaseLinkProps = (0, lodash_1.omit)(NavigationItemBaseProps, ['url']);
 const NavigationLinkItemProps = {
@@ -76,5 +79,8 @@ exports.NavigationHeaderProps = {
     properties: {
         leftItems: NavigationItemProps,
         rightItems: NavigationItemProps,
+        iconSize: {
+            type: 'number',
+        },
     },
 };

package/build/cjs/schema/index.d.ts

@@ -96,6 +96,9 @@ export declare function generateDefaultSchema(config?: SchemaCustomConfig): {
                         };
                     }[];
                 };
+                iconSize: {
+                    type: string;
+                };
             };
         };
         blocks: {

package/build/cjs/text-transform/blocks.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformFootnotes = exports.transformBlocks = exports.typografTransformer = exports.yfmTransformer = exports.createItemsParser = void 0;
 const tslib_1 = require("tslib");
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const models_1 = require("../models");
 const utils_1 = require("./utils");
@@ -47,7 +49,6 @@ const parseItemsTitle = (transformer, items) => items.map((_a) => {
 });
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
     block.items = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
@@ -65,27 +66,23 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
-    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     return block;
 }
 const parseContentLayout = (transformer, content) => {
     if (content) {
         const { text, additionalInfo } = content;
-        /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
         if (text) {
             content.text = transformer(text);
         }
         if (additionalInfo) {
             content.additionalInfo = transformer(additionalInfo);
         }
-        /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     }
     return content;
 };
 function parseContentLayoutTitle(transformer, content) {
     if (content === null || content === void 0 ? void 0 : content.title) {
         const { title } = content;
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
         content.title = title && parseTitle(transformer, title);
     }
     return content;
@@ -361,7 +358,6 @@ const config = {
 function addRandomOrder(block) {
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             block.children = lodash_1.default.shuffle(block.children);
         }
     }
@@ -376,7 +372,6 @@ function transformBlock(lang, blocksConfig, block) {
             const transformer = transformerRaw.bind(null, lang);
             if (fields) {
                 fields.forEach((field) => {
-                    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
                     if (block[field]) {
                         if (parser) {
                             block[field] = parser(transformer, block[field]);
@@ -385,7 +380,6 @@ function transformBlock(lang, blocksConfig, block) {
                             block[field] = transformer(block[field]);
                         }
                     }
-                    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
                 });
             }
             else if (parser) {

package/build/cjs/text-transform/utils.d.ts

@@ -1,5 +1,5 @@
-import sanitize from 'sanitize-html';
 import { Options, Output } from '@doc-tools/transform';
+import sanitize from 'sanitize-html';
 import { Lang } from '../utils/configure';
 export declare enum TransformType {
     Text = "text",

package/build/cjs/text-transform/utils.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
 const tslib_1 = require("tslib");
+const transform_1 = tslib_1.__importDefault(require("@doc-tools/transform"));
 const sanitize_html_1 = tslib_1.__importDefault(require("sanitize-html"));
 const typograf_1 = tslib_1.__importDefault(require("typograf"));
-const transform_1 = tslib_1.__importDefault(require("@doc-tools/transform"));
 const configure_1 = require("../utils/configure");
 var TransformType;
 (function (TransformType) {
@@ -107,7 +107,7 @@ function typografEntity({ entity, fields, lang = configure_1.Lang.Ru, transformT
     const transformer = transformTypeMap[transformType];
     fields.forEach((fieldName) => {
         if (entity[fieldName]) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+            // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
             entity[fieldName] = transformer(entity[fieldName], lang);
         }
     });

package/build/cjs/utils/scroll.js

@@ -22,7 +22,7 @@ function doSmoothScroll(element, startPosition, scrollOptions) {
 exports.doSmoothScroll = doSmoothScroll;
 function getChangeScrollFunction(direction, isReverse) {
     return (element, scrollPosition, startPosition) => {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+        // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
         element[direction] = isReverse
             ? startPosition - scrollPosition
             : startPosition + scrollPosition;

package/build/esm/blocks/Slider/Slider.css

@@ -1,5 +1,93 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-slick-origin.slick-slider {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  -webkit-touch-callout: none;
+  user-select: none;
+  touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+.pc-slick-origin.slick-slider .slick-track,
+.pc-slick-origin.slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+}
+.pc-slick-origin .slick-list {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.pc-slick-origin .slick-list:focus {
+  outline: none;
+}
+.pc-slick-origin .slick-list.dragging {
+  cursor: hand;
+}
+.pc-slick-origin .slick-track {
+  position: relative;
+  left: 0;
+  top: 0;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pc-slick-origin .slick-track::before, .pc-slick-origin .slick-track::after {
+  content: "";
+  display: table;
+}
+.pc-slick-origin .slick-track:after {
+  clear: both;
+}
+.slick-loading .pc-slick-origin .slick-track {
+  visibility: hidden;
+}
+.pc-slick-origin .slick-slide {
+  float: left;
+  height: 100%;
+  min-height: 1px;
+  display: none;
+}
+[dir=rtl] .pc-slick-origin .slick-slide {
+  float: right;
+}
+.pc-slick-origin .slick-slide img {
+  display: block;
+}
+.pc-slick-origin .slick-slide.slick-loading img {
+  display: none;
+}
+.pc-slick-origin .slick-slide.dragging img {
+  pointer-events: none;
+}
+.slick-initialized .pc-slick-origin .slick-slide {
+  display: block;
+}
+.slick-loading .pc-slick-origin .slick-slide {
+  visibility: hidden;
+}
+.slick-vertical .pc-slick-origin .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin.slick-initialized .slick-slide {
+  display: block;
+}
+.pc-slick-origin.slick-loading .slick-slide {
+  visibility: hidden;
+}
+.pc-slick-origin.slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin .slick-arrow.slick-hidden {
+  display: none;
+}
+
 .pc-SliderBlock .slick-list {
   padding: 24px 0 20px;
   margin: 0 -8px;

package/build/esm/blocks/Slider/Slider.d.ts

@@ -1,6 +1,5 @@
 import { Settings } from 'react-slick';
 import { ClassNameProps, Refable, SliderProps as SliderParams, WithChildren } from '../../models';
-import './slick.css';
 import './Slider.css';
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;

package/build/esm/blocks/Slider/Slider.js

@@ -14,9 +14,6 @@ import { SliderType, } from '../../models';
 import { block } from '../../utils';
 import Arrow from './Arrow/Arrow';
 import { getSliderResponsiveParams, getSlidesCountByBreakpoint, getSlidesToShowCount, getSlidesToShowWithDefaults, } from './utils';
-import './slick.css';
-// Cause Slider.css should override slick.css
-// eslint-disable-next-line import/order
 import './Slider.css';
 const b = block('SliderBlock');
 const slick = block('slick-origin');

package/build/esm/components/Map/YMap/YandexMap.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import _ from 'lodash';
 import { Spin } from '@gravity-ui/uikit';
+import _ from 'lodash';
 import { LocaleContext } from '../../../context/localeContext/localeContext';
 import { MapsContext } from '../../../context/mapsContext/mapsContext';
 import { MobileContext } from '../../../context/mobileContext';

package/build/esm/components/ReactPlayer/ReactPlayer.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { Icon } from '@gravity-ui/uikit';
 import _ from 'lodash';
 import ReactPlayer from 'react-player';
-import { Icon } from '@gravity-ui/uikit';
 import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
 import { VideoContext } from '../../context/videoContext';

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Icon } from '@gravity-ui/uikit';
 import _ from 'lodash';
 import { v4 as uuidv4 } from 'uuid';
-import { Icon } from '@gravity-ui/uikit';
 import { PlayVideo } from '../../icons';
 import { block, getPageSearchParams } from '../../utils';
 import Image from '../Image/Image';

package/build/esm/components/YFMWrapper/YFMWrapper.js

@@ -1,6 +1,6 @@
-import React from 'react';
 /* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
 in your project via global 'yfm' class */
+import React from 'react';
 import block from 'bem-cn-lite';
 import toSnakeCase from 'snakecase-keys';
 import { HTML } from '../../components';

package/build/esm/containers/Loadable/Loadable.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import blockCn from 'bem-cn-lite';
 import { Spin } from '@gravity-ui/uikit';
+import blockCn from 'bem-cn-lite';
 import ErrorWrapper from '../../components/ErrorWrapper/ErrorWrapper';
 import i18n from './i18n';
 import './Loadable.css';

package/build/esm/models/navigation.d.ts

@@ -11,6 +11,7 @@ export interface NavigationItemBase {
     text: string;
     icon?: ImageProps;
     url?: string;
+    iconSize?: number;
 }
 export declare enum NavigationGithubButtonIcon {
     heart = "octicon-heart",
@@ -61,6 +62,7 @@ export type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<Navi
 export interface HeaderData {
     leftItems: NavigationItemModel[];
     rightItems?: NavigationItemModel[];
+    iconSize?: number;
 }
 export interface FooterColumn {
     title: string;

package/build/esm/navigation/components/Header/Header.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import Control from '../../../components/Control/Control';
 import OutsideClick from '../../../components/OutsideClick/OutsideClick';
 import { Col, Grid, Row } from '../../../grid';
@@ -22,10 +22,19 @@ const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => {
             onSidebarOpenedChange(!isSidebarOpened);
         }, size: "l" }, iconProps)));
 };
+const iconSizeKey = 'iconSize';
 export const Header = ({ data, logo }) => {
-    const { leftItems, rightItems } = data;
+    const { leftItems, rightItems, iconSize = 20 } = data;
     const [isSidebarOpened, setIsSidebarOpened] = useState(false);
     const [activeItemId, setactiveItemId] = useState(undefined);
+    const getNavigationItemWithIconSize = useCallback((item) => {
+        if (!(iconSizeKey in item)) {
+            return Object.assign(Object.assign({}, item), { iconSize });
+        }
+        return item;
+    }, [iconSize]);
+    const leftItemsWithIconSize = useMemo(() => leftItems.map(getNavigationItemWithIconSize), [getNavigationItemWithIconSize, leftItems]);
+    const rightItemsWithIconSize = useMemo(() => rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(getNavigationItemWithIconSize), [getNavigationItemWithIconSize, rightItems]);
     const onActiveItemChange = useCallback((id) => {
         setactiveItemId(id);
     }, []);
@@ -45,10 +54,10 @@ export const Header = ({ data, logo }) => {
                     logo && (React.createElement("div", { className: b('left') },
                         React.createElement(Logo, Object.assign({}, logo, { className: b('logo') })))),
                     React.createElement("div", { className: b('navigation-container') },
-                        React.createElement(Navigation, { className: b('navigation'), links: leftItems, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange })),
+                        React.createElement(Navigation, { className: b('navigation'), links: leftItemsWithIconSize, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange })),
                     React.createElement("div", { className: b('right') },
                         React.createElement(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
-                        rightItems && (React.createElement("ul", { className: b('buttons') }, rightItems.map((button, index) => (React.createElement(NavigationListItem, { key: index, className: b('buttons-item'), item: button, index: index, activeItemId: activeItemId, hidePopup: hidePopup, column: ItemColumnName.Right, onActiveItemChange: onActiveItemChange })))))),
+                        rightItemsWithIconSize && (React.createElement("ul", { className: b('buttons') }, rightItemsWithIconSize.map((button, index) => (React.createElement(NavigationListItem, { key: index, className: b('buttons-item'), item: button, index: index, activeItemId: activeItemId, hidePopup: hidePopup, column: ItemColumnName.Right, onActiveItemChange: onActiveItemChange })))))),
                     React.createElement(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false) },
                         React.createElement(MobileNavigation, { topItems: leftItems, bottomItems: rightItems, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, onClose: hideSidebar })))))));
 };

package/build/esm/navigation/components/NavigationDropdownItem/NavigationDropdownItem.js

@@ -5,9 +5,9 @@ import NavigationItem from '../NavigationItem/NavigationItem';
 import NavigationPopup from '../NavigationPopup/NavigationPopup';
 const NavigationDropdown = ({ className, data, isActive, hidePopup, onClick, }) => {
     const anchorRef = useRef(null);
-    const { text, icon, items } = data, popupProps = __rest(data, ["text", "icon", "items"]);
+    const { text, icon, items, iconSize } = data, popupProps = __rest(data, ["text", "icon", "items", "iconSize"]);
     return (React.createElement(Fragment, null,
-        React.createElement(NavigationItem, { className: className, ref: anchorRef, onClick: onClick, isOpened: isActive, data: { text, type: NavigationItemType.Dropdown, icon } }),
+        React.createElement(NavigationItem, { className: className, ref: anchorRef, onClick: onClick, isOpened: isActive, data: { text, type: NavigationItemType.Dropdown, icon, iconSize } }),
         React.createElement(NavigationPopup, Object.assign({ open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef }, popupProps))));
 };
 export default NavigationDropdown;

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.css

@@ -1,7 +1,5 @@
 .pc-content-wrapper__icon {
   display: flex;
-  width: 20px;
-  height: 20px;
-  margin-right: 8px;
+  margin-right: 6px;
   object-fit: cover;
 }

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import { ImageProps } from '../../../../../models';
 import './ContentWrapper.css';
-export declare const ContentWrapper: React.FC<{
+interface ContentWrapperProps {
     text: string;
     icon?: ImageProps;
-}>;
+    iconSize?: number;
+}
+export declare const ContentWrapper: React.FC<ContentWrapperProps>;
+export {};

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js

@@ -1,8 +1,11 @@
-import React, { Fragment } from 'react';
+import React, { Fragment, useMemo } from 'react';
 import { Image } from '../../../../../components';
 import { block } from '../../../../../utils';
 import './ContentWrapper.css';
 const b = block('content-wrapper');
-export const ContentWrapper = ({ text, icon }) => (React.createElement(Fragment, null,
-    icon && typeof icon !== 'string' && React.createElement(Image, Object.assign({ className: b('icon') }, icon)),
-    React.createElement("span", { className: b('text') }, text)));
+export const ContentWrapper = ({ text, icon, iconSize }) => {
+    const iconSizeStyle = useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
+    return (React.createElement(Fragment, null,
+        icon && typeof icon !== 'string' && (React.createElement(Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))),
+        React.createElement("span", { className: b('text') }, text)));
+};

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -8,10 +8,10 @@ import './NavigationDropdown.css';
 const b = block('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
 export const NavigationDropdown = React.forwardRef((_a, ref) => {
-    var { text, icon, isOpened, className } = _a, props = __rest(_a, ["text", "icon", "isOpened", "className"]);
+    var { text, icon, isOpened, className, iconSize } = _a, props = __rest(_a, ["text", "icon", "isOpened", "className", "iconSize"]);
     const iconData = icon && getMediaImage(icon);
     return (React.createElement("span", Object.assign({ ref: ref }, props, { className: b(null, className) }),
-        React.createElement(ContentWrapper, { text: text, icon: iconData }),
+        React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
         React.createElement(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isOpened })));
 });
 NavigationDropdown.displayName = 'NavigationDropdown';

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js

@@ -10,12 +10,12 @@ import './NavigationLink.css';
 const b = block('navigation-link');
 export const NavigationLink = (props) => {
     const { hostname, Link } = useContext(LocationContext);
-    const { url, text, icon, arrow, target, className } = props, rest = __rest(props, ["url", "text", "icon", "arrow", "target", "className"]);
+    const { url, text, icon, arrow, target, className, iconSize } = props, rest = __rest(props, ["url", "text", "icon", "arrow", "target", "className", "iconSize"]);
     const linkExtraProps = getLinkProps(url, hostname, target);
     const iconData = icon && getMediaImage(icon);
     const classes = b(null, className);
     const content = (React.createElement(Fragment, null,
-        React.createElement(ContentWrapper, { text: text, icon: iconData }),
+        React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
         arrow && React.createElement(NavigationArrow, { className: b('arrow') })));
     if ((linkExtraProps === null || linkExtraProps === void 0 ? void 0 : linkExtraProps.target) || !Link) {
         return (React.createElement("a", Object.assign({ href: url, title: text, className: classes }, rest, linkExtraProps), content));

package/build/esm/navigation/schema.d.ts

@@ -56,5 +56,8 @@ export declare const NavigationHeaderProps: {
                 };
             }[];
         };
+        iconSize: {
+            type: string;
+        };
     };
 };

package/build/esm/navigation/schema.js

@@ -33,6 +33,9 @@ const NavigationItemBaseProps = {
         type: 'string',
         pattern: urlPattern,
     },
+    iconSize: {
+        type: 'number',
+    },
 };
 const NavigationItemBaseLinkProps = omit(NavigationItemBaseProps, ['url']);
 const NavigationLinkItemProps = {
@@ -73,5 +76,8 @@ export const NavigationHeaderProps = {
     properties: {
         leftItems: NavigationItemProps,
         rightItems: NavigationItemProps,
+        iconSize: {
+            type: 'number',
+        },
     },
 };

package/build/esm/schema/index.d.ts

@@ -96,6 +96,9 @@ export declare function generateDefaultSchema(config?: SchemaCustomConfig): {
                         };
                     }[];
                 };
+                iconSize: {
+                    type: string;
+                };
             };
         };
         blocks: {

package/build/esm/text-transform/blocks.js

@@ -1,4 +1,6 @@
 import { __rest } from "tslib";
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 import _ from 'lodash';
 import { BlockType, SubBlockType, } from '../models';
 import { fullTransform, typografToHTML } from './utils';
@@ -43,7 +45,6 @@ const parseItemsTitle = (transformer, items) => items.map((_a) => {
 });
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
     block.items = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
@@ -61,27 +62,23 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
-    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     return block;
 }
 const parseContentLayout = (transformer, content) => {
     if (content) {
         const { text, additionalInfo } = content;
-        /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
         if (text) {
             content.text = transformer(text);
         }
         if (additionalInfo) {
             content.additionalInfo = transformer(additionalInfo);
         }
-        /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     }
     return content;
 };
 function parseContentLayoutTitle(transformer, content) {
     if (content === null || content === void 0 ? void 0 : content.title) {
         const { title } = content;
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
         content.title = title && parseTitle(transformer, title);
     }
     return content;
@@ -355,7 +352,6 @@ const config = {
 function addRandomOrder(block) {
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             block.children = _.shuffle(block.children);
         }
     }
@@ -370,7 +366,6 @@ function transformBlock(lang, blocksConfig, block) {
             const transformer = transformerRaw.bind(null, lang);
             if (fields) {
                 fields.forEach((field) => {
-                    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
                     if (block[field]) {
                         if (parser) {
                             block[field] = parser(transformer, block[field]);
@@ -379,7 +374,6 @@ function transformBlock(lang, blocksConfig, block) {
                             block[field] = transformer(block[field]);
                         }
                     }
-                    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
                 });
             }
             else if (parser) {

package/build/esm/text-transform/utils.d.ts

@@ -1,5 +1,5 @@
-import sanitize from 'sanitize-html';
 import { Options, Output } from '@doc-tools/transform';
+import sanitize from 'sanitize-html';
 import { Lang } from '../utils/configure';
 export declare enum TransformType {
     Text = "text",

package/build/esm/text-transform/utils.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
+import transformYFM from '@doc-tools/transform';
 import sanitize from 'sanitize-html';
 import Typograf from 'typograf';
-import transformYFM from '@doc-tools/transform';
 import { Lang } from '../utils/configure';
 export var TransformType;
 (function (TransformType) {
@@ -98,7 +98,7 @@ export function typografEntity({ entity, fields, lang = Lang.Ru, transformType =
     const transformer = transformTypeMap[transformType];
     fields.forEach((fieldName) => {
         if (entity[fieldName]) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+            // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
             entity[fieldName] = transformer(entity[fieldName], lang);
         }
     });

package/build/esm/utils/scroll.js

@@ -18,7 +18,7 @@ export function doSmoothScroll(element, startPosition, scrollOptions) {
 }
 function getChangeScrollFunction(direction, isReverse) {
     return (element, scrollPosition, startPosition) => {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+        // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
         element[direction] = isReverse
             ? startPosition - scrollPosition
             : startPosition + scrollPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.15.0",
+  "version": "2.17.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/navigation.d.ts

@@ -11,6 +11,7 @@ export interface NavigationItemBase {
     text: string;
     icon?: ImageProps;
     url?: string;
+    iconSize?: number;
 }
 export declare enum NavigationGithubButtonIcon {
     heart = "octicon-heart",
@@ -61,6 +62,7 @@ export type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<Navi
 export interface HeaderData {
     leftItems: NavigationItemModel[];
     rightItems?: NavigationItemModel[];
+    iconSize?: number;
 }
 export interface FooterColumn {
     title: string;

package/server/text-transform/blocks.js

@@ -15,6 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformFootnotes = exports.transformBlocks = exports.typografTransformer = exports.yfmTransformer = exports.createItemsParser = void 0;
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 const lodash_1 = __importDefault(require("lodash"));
 const models_1 = require("../models");
 const utils_1 = require("./utils");
@@ -60,7 +62,6 @@ const parseItemsTitle = (transformer, items) => items.map((_a) => {
 });
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
     block.items = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
@@ -78,27 +79,23 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
-    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     return block;
 }
 const parseContentLayout = (transformer, content) => {
     if (content) {
         const { text, additionalInfo } = content;
-        /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
         if (text) {
             content.text = transformer(text);
         }
         if (additionalInfo) {
             content.additionalInfo = transformer(additionalInfo);
         }
-        /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     }
     return content;
 };
 function parseContentLayoutTitle(transformer, content) {
     if (content === null || content === void 0 ? void 0 : content.title) {
         const { title } = content;
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
         content.title = title && parseTitle(transformer, title);
     }
     return content;
@@ -374,7 +371,6 @@ const config = {
 function addRandomOrder(block) {
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             block.children = lodash_1.default.shuffle(block.children);
         }
     }
@@ -389,7 +385,6 @@ function transformBlock(lang, blocksConfig, block) {
             const transformer = transformerRaw.bind(null, lang);
             if (fields) {
                 fields.forEach((field) => {
-                    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
                     if (block[field]) {
                         if (parser) {
                             block[field] = parser(transformer, block[field]);
@@ -398,7 +393,6 @@ function transformBlock(lang, blocksConfig, block) {
                             block[field] = transformer(block[field]);
                         }
                     }
-                    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
                 });
             }
             else if (parser) {

package/server/text-transform/utils.d.ts

@@ -1,5 +1,5 @@
-import sanitize from 'sanitize-html';
 import { Options, Output } from '@doc-tools/transform';
+import sanitize from 'sanitize-html';
 import { Lang } from '../utils/configure';
 export declare enum TransformType {
     Text = "text",

package/server/text-transform/utils.js

@@ -15,9 +15,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
+const transform_1 = __importDefault(require("@doc-tools/transform"));
 const sanitize_html_1 = __importDefault(require("sanitize-html"));
 const typograf_1 = __importDefault(require("typograf"));
-const transform_1 = __importDefault(require("@doc-tools/transform"));
 const configure_1 = require("../utils/configure");
 var TransformType;
 (function (TransformType) {
@@ -120,7 +120,7 @@ function typografEntity({ entity, fields, lang = configure_1.Lang.Ru, transformT
     const transformer = transformTypeMap[transformType];
     fields.forEach((fieldName) => {
         if (entity[fieldName]) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+            // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
             entity[fieldName] = transformer(entity[fieldName], lang);
         }
     });

package/server/utils/scroll.js

@@ -22,7 +22,7 @@ function doSmoothScroll(element, startPosition, scrollOptions) {
 exports.doSmoothScroll = doSmoothScroll;
 function getChangeScrollFunction(direction, isReverse) {
     return (element, scrollPosition, startPosition) => {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+        // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
         element[direction] = isReverse
             ? startPosition - scrollPosition
             : startPosition + scrollPosition;

package/styles/variables.scss

@@ -22,6 +22,8 @@ $contentMargin: $indentM;
 $contentLiftIndent: $indentXL;
 $contentLiftIndentMobile: $indentM;
 
+$navigationIconIndent: 6px;
+
 //slider
 $sliderArrowSize: 42px;
 $headerSliderLargeBreakpoint: 1410px;