@gravity-ui/page-constructor 1.7.0-alpha.9 → 1.7.1-alpha.0

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -1,6 +1,5 @@
 import { __rest } from "tslib";
 import React, { useContext, useMemo } from 'react';
-import '@doc-tools/transform/dist/js/yfm';
 import { HeaderBlockTypes, BlockTypes, } from '../../models';
 import { blockMap, subBlockMap } from '../../constructor-items';
 import { Grid } from '../../grid';
@@ -13,7 +12,7 @@ import { ConstructorRow } from './components/ConstructorRow';
 import { ConstructorFootnotes } from './components/ConstructorFootnotes';
 import { ConstructorHeader } from './components/ConstructorItem';
 import { ConstructorBlocks } from './components/ConstructorBlocks';
-import Layout from '../../components/navigation/containers/Layout/Layout';
+import '@doc-tools/transform/dist/js/yfm';
 import './PageConstructor.css';
 const b = cnBlock('page-constructor');
 export const Constructor = (props) => {
@@ -29,7 +28,7 @@ export const Constructor = (props) => {
         });
     }, [props.custom]);
     const { themeValue: theme } = useContext(ThemeValueContext);
-    const { content: { blocks = [], background = {}, footnotes = [] } = {}, renderMenu, shouldRenderBlock, navigation, } = props;
+    const { content: { blocks = [], background = {}, footnotes = [] } = {}, renderMenu, shouldRenderBlock, } = props;
     const hasFootnotes = footnotes.length > 0;
     const isHeaderBlock = (block) => headerBlockTypes.includes(block.type);
     const header = blocks === null || blocks === void 0 ? void 0 : blocks.find(isHeaderBlock);
@@ -38,15 +37,14 @@ export const Constructor = (props) => {
     return (React.createElement(InnerContext.Provider, { value: context },
         React.createElement("div", { className: b() },
             React.createElement("div", { className: b('wrapper') },
-                themedBackground && (React.createElement(BackgroundMedia, Object.assign({}, themedBackground, { className: b('background') }))),
-                React.createElement(Layout, { navigation: navigation },
-                    renderMenu && renderMenu(),
-                    header && React.createElement(ConstructorHeader, { data: header }),
-                    React.createElement(Grid, null,
-                        restBlocks && (React.createElement(ConstructorRow, null,
-                            React.createElement(ConstructorBlocks, { items: restBlocks, shouldRenderBlock: shouldRenderBlock }))),
-                        hasFootnotes && (React.createElement(ConstructorRow, null,
-                            React.createElement(ConstructorFootnotes, { items: footnotes })))))))));
+                React.createElement(BackgroundMedia, Object.assign({}, themedBackground, { className: b('background') })),
+                renderMenu && renderMenu(),
+                header && React.createElement(ConstructorHeader, { data: header }),
+                React.createElement(Grid, null,
+                    restBlocks && (React.createElement(ConstructorRow, null,
+                        React.createElement(ConstructorBlocks, { items: restBlocks, shouldRenderBlock: shouldRenderBlock }))),
+                    hasFootnotes && (React.createElement(ConstructorRow, null,
+                        React.createElement(ConstructorFootnotes, { items: footnotes }))))))));
 };
 export const PageConstructor = (props) => {
     const { content: { animated = true } = {} } = props, rest = __rest(props, ["content"]);

package/build/esm/context/locationContext/locationContext.d.ts

@@ -16,6 +16,5 @@ export declare type LocationContextProps = {
     pathname?: string;
     hostname?: string;
     Link?: RouterLink;
-    asPath?: string;
 };
 export declare const LocationContext: React.Context<LocationContextProps>;

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

@@ -6,6 +6,3 @@ export * from './Github';
 export * from './NavigationChevron';
 export * from './PlayVideo';
 export * from './PreviewClose';
-export * from './NavigationClose';
-export * from './NavigationOpen';
-export * from './NavigationArrow';

package/build/esm/icons/index.js

@@ -6,6 +6,3 @@ export * from './Github';
 export * from './NavigationChevron';
 export * from './PlayVideo';
 export * from './PreviewClose';
-export * from './NavigationClose';
-export * from './NavigationOpen';
-export * from './NavigationArrow';

package/build/esm/models/constructor-items/blocks.d.ts

@@ -114,14 +114,12 @@ export interface SimpleBlockProps extends Animatable, Childable {
     title: TitleBaseProps;
     description: string;
 }
-export interface ExtendedFeaturesItem {
-    title?: string;
-    text?: string;
+export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
+    title: string;
     label?: string;
     icon?: ThemedImage;
     /** @deprecated **/
     link?: LinkProps;
-    links?: LinkProps[];
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];
@@ -221,18 +219,21 @@ export interface TableBlockProps {
     title: string;
     table: TableProps;
 }
-export interface TabsBlockItem {
+export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSizes' | 'centered' | 'theme'> {
     tabName: string;
-    title: string;
-    text: string;
+    /**
+     * @deprecated Use array links from ContentBlockProps instead
+     */
     link?: LinkProps;
     image?: ThemedImage;
     disableCompress?: boolean;
     caption?: string;
     media?: ThemedMediaProps;
-    links?: LinkProps[];
 }
 export interface TabsBlockProps extends BlockHeaderProps, Animatable {
+    tabsColSizes?: GridColumnSizesType;
+    centered?: boolean;
+    direction?: MediaDirection;
     items: TabsBlockItem[];
 }
 export interface LinkTableBlockProps extends BlockHeaderProps {

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

@@ -4,4 +4,3 @@ export * from './common';
 export * from './components';
 export * from './guards';
 export * from './react';
-export * from './navigation';

package/build/esm/models/index.js

@@ -4,4 +4,3 @@ export * from './common';
 export * from './components';
 export * from './guards';
 export * from './react';
-export * from './navigation';

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

@@ -19,7 +19,6 @@ export const createItemsParser = (fields) => (transformer, items) => items.map((
         }, {}));
     }
 });
-const parseItems = createItemsParser(['title', 'text']);
 function parseTableBlock(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
@@ -45,9 +44,13 @@ function parseSlider(transformer, block) {
 }
 const parseTitle = (transformer, title) => typeof title === 'object' && 'text' in title
     ? Object.assign(Object.assign({}, title), { text: transformer(title.text) }) : title && transformer(title);
+const parseItemsTitle = (transformer, items) => items.map((_a) => {
+    var { title } = _a, rest = __rest(_a, ["title"]);
+    return (Object.assign({ title: title && parseTitle(transformer, title) }, rest));
+});
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    const transformedBlockItems = block.items.map((item) => {
+    block.items = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
             item.items = details.map((detail) => {
@@ -64,7 +67,6 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
-    block.items = transformedBlockItems;
     return block;
 }
 const parseContentLayout = (transformer, content) => {
@@ -220,7 +222,12 @@ const config = {
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            parser: parseItems,
+            parser: createItemsParser(['text', 'additionalInfo']),
+        },
+        {
+            fields: ['items'],
+            transformer: typografTransformer,
+            parser: parseItemsTitle,
         },
     ],
     [BlockType.TableBlock]: [

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

@@ -23,7 +23,7 @@ export const DEFAULT_ALLOWED_TAGS = [
 ];
 export const typografConfig = {
     enabled: ['common/nbsp/afterNumber', 'common/nbsp/afterParagraphMark'],
-    disabled: ['common/symbols/cf'],
+    disabled: ['common/symbols/cf', 'ru/other/phone-number'],
 };
 export const sanitizeStripOptions = {
     allowedTags: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.7.0-alpha.9",
+  "version": "1.7.1-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -57,7 +57,7 @@
     "typograf": "^6.14.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0",
+    "react": "^16.0.0 || ^17.0.0",
     "@gravity-ui/uikit": "^3.0.1",
     "@doc-tools/transform": "^2.6.1"
   },
@@ -121,5 +121,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }

package/server/models/constructor-items/blocks.d.ts

@@ -114,14 +114,12 @@ export interface SimpleBlockProps extends Animatable, Childable {
     title: TitleBaseProps;
     description: string;
 }
-export interface ExtendedFeaturesItem {
-    title?: string;
-    text?: string;
+export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
+    title: string;
     label?: string;
     icon?: ThemedImage;
     /** @deprecated **/
     link?: LinkProps;
-    links?: LinkProps[];
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];
@@ -221,18 +219,21 @@ export interface TableBlockProps {
     title: string;
     table: TableProps;
 }
-export interface TabsBlockItem {
+export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSizes' | 'centered' | 'theme'> {
     tabName: string;
-    title: string;
-    text: string;
+    /**
+     * @deprecated Use array links from ContentBlockProps instead
+     */
     link?: LinkProps;
     image?: ThemedImage;
     disableCompress?: boolean;
     caption?: string;
     media?: ThemedMediaProps;
-    links?: LinkProps[];
 }
 export interface TabsBlockProps extends BlockHeaderProps, Animatable {
+    tabsColSizes?: GridColumnSizesType;
+    centered?: boolean;
+    direction?: MediaDirection;
     items: TabsBlockItem[];
 }
 export interface LinkTableBlockProps extends BlockHeaderProps {

package/server/models/index.d.ts

@@ -4,4 +4,3 @@ export * from './common';
 export * from './components';
 export * from './guards';
 export * from './react';
-export * from './navigation';

package/server/models/index.js

@@ -16,4 +16,3 @@ __exportStar(require("./common"), exports);
 __exportStar(require("./components"), exports);
 __exportStar(require("./guards"), exports);
 __exportStar(require("./react"), exports);
-__exportStar(require("./navigation"), exports);

package/server/text-transform/blocks.js

@@ -36,7 +36,6 @@ const createItemsParser = (fields) => (transformer, items) => items.map((item) =
     }
 });
 exports.createItemsParser = createItemsParser;
-const parseItems = (0, exports.createItemsParser)(['title', 'text']);
 function parseTableBlock(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
@@ -62,9 +61,13 @@ function parseSlider(transformer, block) {
 }
 const parseTitle = (transformer, title) => typeof title === 'object' && 'text' in title
     ? Object.assign(Object.assign({}, title), { text: transformer(title.text) }) : title && transformer(title);
+const parseItemsTitle = (transformer, items) => items.map((_a) => {
+    var { title } = _a, rest = __rest(_a, ["title"]);
+    return (Object.assign({ title: title && parseTitle(transformer, title) }, rest));
+});
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    const transformedBlockItems = block.items.map((item) => {
+    block.items = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
             item.items = details.map((detail) => {
@@ -81,7 +84,6 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
-    block.items = transformedBlockItems;
     return block;
 }
 const parseContentLayout = (transformer, content) => {
@@ -239,7 +241,12 @@ const config = {
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            parser: parseItems,
+            parser: (0, exports.createItemsParser)(['text', 'additionalInfo']),
+        },
+        {
+            fields: ['items'],
+            transformer: typografTransformer,
+            parser: parseItemsTitle,
         },
     ],
     [models_1.BlockType.TableBlock]: [

package/server/text-transform/utils.js

@@ -39,7 +39,7 @@ exports.DEFAULT_ALLOWED_TAGS = [
 ];
 exports.typografConfig = {
     enabled: ['common/nbsp/afterNumber', 'common/nbsp/afterParagraphMark'],
-    disabled: ['common/symbols/cf'],
+    disabled: ['common/symbols/cf', 'ru/other/phone-number'],
 };
 exports.sanitizeStripOptions = {
     allowedTags: [],

package/styles/mixins.scss

@@ -442,41 +442,3 @@ unpredictable css rules order in build */
 @mixin font-feature-settings {
     font-feature-settings: 'liga', 'kern', 'pnum' on, 'lnum' on, 'ss03' on;
 }
-
-@mixin navigation-popup {
-    z-index: 101;
-
-    display: flex;
-    flex-direction: column;
-
-    min-width: 220px;
-    padding: $indentXS;
-
-    border: 1px solid var(--yc-color-line-generic);
-    border-top-width: 0;
-    border-radius: calc(#{$borderRadius} / 2);
-    background: var(--yc-color-base-float);
-    box-shadow: 0 3px 10px var(--yc-color-sfx-shadow);
-}
-
-@mixin navigation-item {
-    color: var(--yc-color-text-primary);
-    @include reset-link-style();
-    @include islands-focus();
-
-    &:hover,
-    &_active {
-        color: var(--yc-color-text-link);
-    }
-}
-
-@mixin navigation-link() {
-    cursor: pointer;
-    @include islands-focus();
-    @include reset-link-style();
-
-    &:hover,
-    &:active {
-        color: var(--yc-color-text-link);
-    }
-}

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

@@ -1,85 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-header {
-  position: sticky;
-  z-index: 98;
-  top: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: var(--header-height);
-  background-color: var(--yc-color-base-background);
-  box-shadow: inset 0 -1px 0 var(--yc-color-line-generic);
-}
-.pc-header__wrapper {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: var(--header-height);
-}
-@media (min-width: 769px) {
-  .pc-header__mobile-menu-button {
-    display: none;
-  }
-}
-.pc-header__navigation, .pc-header__left, .pc-header__right {
-  display: flex;
-  align-items: center;
-}
-.pc-header__navigation {
-  position: relative;
-  margin-right: 20px;
-  flex: 1 0 0;
-  justify-content: flex-start;
-}
-@media (max-width: 768px) {
-  .pc-header__navigation {
-    display: none;
-  }
-}
-.pc-header__right {
-  flex: 0;
-  justify-content: flex-end;
-}
-.pc-header__navigation-container {
-  display: flex;
-  overflow-x: hidden;
-  flex: 1 0 0;
-  justify-content: space-between;
-  align-items: center;
-  margin-right: 20px;
-}
-.pc-header__buttons {
-  display: flex;
-}
-@media (max-width: 768px) {
-  .pc-header__buttons {
-    display: none;
-  }
-}
-.pc-header__buttons > *:not(:last-child) {
-  margin-right: 16px;
-}
-.pc-header__button {
-  margin-top: 0;
-}
-.pc-header__logo {
-  margin: 0 32px 0 0;
-  cursor: pointer;
-}
-@media (max-width: 768px) {
-  .pc-header__navigation-container {
-    justify-content: flex-end;
-  }
-  .pc-header__left {
-    flex: 1 0 0;
-  }
-}
-@media (max-width: 576px) {
-  .pc-header__navigation-container {
-    margin-right: 12px;
-  }
-  .pc-header__logo {
-    margin-right: 0;
-  }
-}

package/build/cjs/components/navigation/components/Header/Header.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { HeaderData, NavigationLogo } from '../../../../models';
-export interface HeaderProps {
-    logo: NavigationLogo;
-    data: HeaderData;
-}
-export declare const Header: React.FC<HeaderProps>;
-export default Header;

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

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const utils_1 = require("../../../../utils");
-const grid_1 = require("../../../../grid");
-const OutsideClick_1 = (0, tslib_1.__importDefault)(require("../../../OutsideClick/OutsideClick"));
-const Control_1 = (0, tslib_1.__importDefault)(require("../../../Control/Control"));
-const Navigation_1 = (0, tslib_1.__importDefault)(require("../Navigation/Navigation"));
-const MobileNavigation_1 = (0, tslib_1.__importDefault)(require("../MobileNavigation/MobileNavigation"));
-const NavigationItem_1 = (0, tslib_1.__importDefault)(require("../NavigationItem/NavigationItem"));
-const Logo_1 = (0, tslib_1.__importDefault)(require("../Logo/Logo"));
-const icons_1 = require("../../../../icons");
-const b = (0, utils_1.block)('header');
-const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => {
-    const iconProps = { icon: isSidebarOpened ? icons_1.NavigationClose : icons_1.NavigationOpen, iconSize: 36 };
-    return (react_1.default.createElement(Control_1.default, Object.assign({ className: b('mobile-menu-button'), onClick: (e) => {
-            e.stopPropagation();
-            onSidebarOpenedChange(!isSidebarOpened);
-        }, size: "l" }, iconProps)));
-};
-const Header = ({ data, logo }) => {
-    const { leftItems, rightItems } = data;
-    const [isSidebarOpened, setIsSidebarOpened] = (0, react_1.useState)(false);
-    const [activeItemIndex, setActiveItemIndex] = (0, react_1.useState)(-1);
-    const onActiveItemChange = (0, react_1.useCallback)((index) => {
-        setActiveItemIndex(index);
-    }, []);
-    const onSidebarOpenedChange = (0, react_1.useCallback)((isOpen) => {
-        setIsSidebarOpened(isOpen);
-    }, []);
-    const hideSidebar = (0, react_1.useCallback)(() => {
-        setIsSidebarOpened(false);
-    }, []);
-    return (react_1.default.createElement(grid_1.Grid, { className: b() },
-        react_1.default.createElement(grid_1.Row, null,
-            react_1.default.createElement(grid_1.Col, null,
-                react_1.default.createElement("header", { className: b('wrapper') },
-                    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, activeItemIndex: activeItemIndex, onActiveItemChange: onActiveItemChange })),
-                    react_1.default.createElement("div", { className: b('right') },
-                        react_1.default.createElement(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
-                        rightItems && (react_1.default.createElement("div", { className: b('buttons') }, rightItems.map((button) => (react_1.default.createElement(NavigationItem_1.default, { key: button.text, data: button, className: b('button') })))))),
-                    react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false) },
-                        react_1.default.createElement(MobileNavigation_1.default, { topItems: leftItems, bottomItems: rightItems, isOpened: isSidebarOpened, activeItemIndex: activeItemIndex, onActiveItemChange: onActiveItemChange, onClose: hideSidebar })))))));
-};
-exports.Header = Header;
-exports.default = exports.Header;

package/build/cjs/components/navigation/components/Logo/Logo.css

@@ -1,23 +0,0 @@
-.pc-logo {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-logo {
-  display: flex;
-  align-items: center;
-  font-weight: var(--yc-text-accent-font-weight);
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
-.pc-logo__icon {
-  display: flex;
-  margin-right: 8px;
-  object-fit: contain;
-}
-.pc-logo__text {
-  white-space: nowrap;
-}

package/build/cjs/components/navigation/components/Logo/Logo.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { NavigationLogo } from '../../../../models';
-export interface LogoProps extends NavigationLogo {
-    className?: string;
-}
-declare const Logo: React.FC<LogoProps>;
-export default Logo;

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const utils_1 = require("../../../../utils");
-const RouterLink_1 = (0, tslib_1.__importDefault)(require("../../../RouterLink/RouterLink"));
-const utils_2 = require("../../../Media/Image/utils");
-const index_1 = require("../../../index");
-const b = (0, utils_1.block)('logo');
-const Logo = ({ icon, text, className }) => {
-    const imageData = (0, utils_2.getMediaImage)(icon);
-    return (react_1.default.createElement(RouterLink_1.default, { href: "/", passHref: true },
-        react_1.default.createElement("div", { className: b(null, className) },
-            imageData && react_1.default.createElement(index_1.Image, Object.assign({ className: b('icon') }, imageData)),
-            react_1.default.createElement("span", { className: b('text') }, text))));
-};
-exports.default = Logo;

package/build/cjs/components/navigation/components/MobileNavigation/MobileNavigation.css

@@ -1,58 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-mobile-navigation {
-  position: fixed;
-  z-index: 100;
-  top: var(--header-height);
-  left: 0;
-  width: 100%;
-  border-bottom-right-radius: var(--pc-border-radius);
-  border-bottom-left-radius: var(--pc-border-radius);
-  background-color: var(--yc-color-base-background);
-  box-shadow: 0 3px 10px var(--yc-color-sfx-shadow);
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-@media (min-width: 769px) {
-  .pc-mobile-navigation {
-    display: none;
-  }
-}
-.pc-mobile-navigation__wrapper {
-  padding: 32px 20px;
-}
-.pc-mobile-navigation__button {
-  margin-top: 24px;
-}
-.pc-mobile-navigation__links {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  padding-bottom: 24px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.pc-mobile-navigation__links-item:not(:last-child) {
-  margin-bottom: 24px;
-}
-.pc-mobile-navigation__dropdown-item:not(:last-child) {
-  margin-bottom: 16px;
-}
-.pc-mobile-navigation__popup {
-  z-index: 101;
-  display: flex;
-  flex-direction: column;
-  min-width: 220px;
-  padding: 16px;
-  border: 1px solid var(--yc-color-line-generic);
-  border-top-width: 0;
-  border-radius: calc(var(--pc-border-radius) / 2);
-  background: var(--yc-color-base-float);
-  box-shadow: 0 3px 10px var(--yc-color-sfx-shadow);
-}
-@media (min-width: 769px) {
-  .pc-mobile-navigation__popup {
-    display: none;
-  }
-}

package/build/cjs/components/navigation/components/MobileNavigation/MobileNavigation.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { NavigationItem as NavigationItemModel } from '../../../../models/navigation';
-export interface MobileNavigationProps {
-    className?: string;
-    isOpened?: boolean;
-    topItems?: NavigationItemModel[];
-    bottomItems?: NavigationItemModel[];
-    activeItemIndex: number;
-    onClose: () => void;
-    onActiveItemChange: (index: number) => void;
-}
-declare const MobileNavigation: React.FC<MobileNavigationProps>;
-export default MobileNavigation;