@gravity-ui/page-constructor 1.7.0-alpha.7 → 1.7.0-alpha.8

package/styles/mixins.scss

@@ -442,3 +442,41 @@ 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/ButtonTabs/ButtonTabs.css

@@ -1,12 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-button-tabs {
-  margin-bottom: 20px;
-}
-.pc-button-tabs__item {
-  margin-right: 8px;
-  margin-bottom: 12px;
-}
-.pc-button-tabs__item_active {
-  pointer-events: none;
-}

package/build/cjs/components/ButtonTabs/ButtonTabs.d.ts

@@ -1,13 +0,0 @@
-import { ButtonProps } from '../../models';
-export interface ButtonTabsItemProps extends Omit<ButtonProps, 'url' | 'primary' | 'target' | 'text'> {
-    id: string;
-    title: string;
-}
-export interface ButtonTabsProps {
-    className?: string;
-    items: ButtonTabsItemProps[];
-    activeTab?: string;
-    onSelectTab?: (tabId: string) => void;
-}
-declare const ButtonTabs: (props: ButtonTabsProps) => JSX.Element;
-export default ButtonTabs;

package/build/cjs/components/ButtonTabs/ButtonTabs.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
-const utils_1 = require("../../utils");
-const index_1 = require("../index");
-const b = (0, utils_1.block)('button-tabs');
-const ButtonTabs = (props) => {
-    const { className, items, activeTab, onSelectTab } = props;
-    // const isMobile = useContext(MobileContext);
-    const activeTabId = (0, react_1.useMemo)(() => {
-        if (activeTab) {
-            return activeTab;
-        }
-        return items[0].id;
-    }, [activeTab, items]);
-    const handleClick = (0, react_1.useCallback)((tabId) => {
-        if (onSelectTab) {
-            onSelectTab(tabId);
-        }
-    }, [onSelectTab]);
-    return (react_1.default.createElement("div", { className: b(null, className) }, items.map((item) => {
-        const isActive = item.id === activeTabId;
-        return (react_1.default.createElement(index_1.Button, { text: item.title, className: b('item', { active: isActive }), key: item.title, size: 'l', onClick: () => handleClick(item.id), theme: isActive ? 'monochrome' : 'normal' }));
-    })));
-};
-exports.default = ButtonTabs;

package/build/cjs/components/Image/Image.css

@@ -1,3 +0,0 @@
-.pc-Image {
-  height: 100%;
-}

package/build/esm/components/ButtonTabs/ButtonTabs.css

@@ -1,12 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-button-tabs {
-  margin-bottom: 20px;
-}
-.pc-button-tabs__item {
-  margin-right: 8px;
-  margin-bottom: 12px;
-}
-.pc-button-tabs__item_active {
-  pointer-events: none;
-}

package/build/esm/components/ButtonTabs/ButtonTabs.d.ts

@@ -1,14 +0,0 @@
-import { ButtonProps } from '../../models';
-import './ButtonTabs.css';
-export interface ButtonTabsItemProps extends Omit<ButtonProps, 'url' | 'primary' | 'target' | 'text'> {
-    id: string;
-    title: string;
-}
-export interface ButtonTabsProps {
-    className?: string;
-    items: ButtonTabsItemProps[];
-    activeTab?: string;
-    onSelectTab?: (tabId: string) => void;
-}
-declare const ButtonTabs: (props: ButtonTabsProps) => JSX.Element;
-export default ButtonTabs;

package/build/esm/components/ButtonTabs/ButtonTabs.js

@@ -1,25 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { block } from '../../utils';
-import { Button } from '../index';
-import './ButtonTabs.css';
-const b = block('button-tabs');
-const ButtonTabs = (props) => {
-    const { className, items, activeTab, onSelectTab } = props;
-    // const isMobile = useContext(MobileContext);
-    const activeTabId = useMemo(() => {
-        if (activeTab) {
-            return activeTab;
-        }
-        return items[0].id;
-    }, [activeTab, items]);
-    const handleClick = useCallback((tabId) => {
-        if (onSelectTab) {
-            onSelectTab(tabId);
-        }
-    }, [onSelectTab]);
-    return (React.createElement("div", { className: b(null, className) }, items.map((item) => {
-        const isActive = item.id === activeTabId;
-        return (React.createElement(Button, { text: item.title, className: b('item', { active: isActive }), key: item.title, size: 'l', onClick: () => handleClick(item.id), theme: isActive ? 'monochrome' : 'normal' }));
-    })));
-};
-export default ButtonTabs;

package/build/esm/components/Image/Image.css

@@ -1,3 +0,0 @@
-.pc-Image {
-  height: 100%;
-}