@gravity-ui/navigation 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/index.d.ts +0 -1
- package/build/cjs/components/utils/cn.d.ts +1 -1
- package/build/cjs/index.js +30 -54
- package/build/cjs/index.js.map +1 -1
- package/build/esm/components/index.d.ts +0 -1
- package/build/esm/components/utils/cn.d.ts +1 -1
- package/build/esm/index.js +31 -54
- package/build/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import bemBlock from 'bem-cn-lite';
|
|
2
2
|
export type CnBlock = ReturnType<typeof bemBlock>;
|
|
3
3
|
export type CnMods = Record<string, string | boolean | undefined>;
|
|
4
|
-
export declare const NAMESPACE = "
|
|
4
|
+
export declare const NAMESPACE = "gn-";
|
|
5
5
|
export declare function block(name: string): CnBlock;
|
package/build/cjs/index.js
CHANGED
|
@@ -89,7 +89,7 @@ bemClassNameLite.reset = function () {
|
|
|
89
89
|
};
|
|
90
90
|
var _default = lib$1.default = bemClassNameLite;
|
|
91
91
|
|
|
92
|
-
const NAMESPACE = '
|
|
92
|
+
const NAMESPACE = 'gn-';
|
|
93
93
|
function block(name) {
|
|
94
94
|
return _default(`${NAMESPACE}${name}`);
|
|
95
95
|
}
|
|
@@ -1384,7 +1384,7 @@ function removeClass$1(element, className) {
|
|
|
1384
1384
|
}
|
|
1385
1385
|
}
|
|
1386
1386
|
|
|
1387
|
-
var config
|
|
1387
|
+
var config = {
|
|
1388
1388
|
disabled: false
|
|
1389
1389
|
};
|
|
1390
1390
|
|
|
@@ -1664,7 +1664,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
|
|
|
1664
1664
|
var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
|
|
1665
1665
|
// if we are mounting and running this it means appear _must_ be set
|
|
1666
1666
|
|
|
1667
|
-
if (!mounting && !enter || config
|
|
1667
|
+
if (!mounting && !enter || config.disabled) {
|
|
1668
1668
|
this.safeSetState({
|
|
1669
1669
|
status: ENTERED
|
|
1670
1670
|
}, function () {
|
|
@@ -1696,7 +1696,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
|
|
|
1696
1696
|
var timeouts = this.getTimeouts();
|
|
1697
1697
|
var maybeNode = this.props.nodeRef ? undefined : ReactDOM__default["default"].findDOMNode(this); // no exit animation skip right to EXITED
|
|
1698
1698
|
|
|
1699
|
-
if (!exit || config
|
|
1699
|
+
if (!exit || config.disabled) {
|
|
1700
1700
|
this.safeSetState({
|
|
1701
1701
|
status: EXITED
|
|
1702
1702
|
}, function () {
|
|
@@ -3163,7 +3163,7 @@ function styleInject(css, ref) {
|
|
|
3163
3163
|
}
|
|
3164
3164
|
}
|
|
3165
3165
|
|
|
3166
|
-
var css_248z$m = ".
|
|
3166
|
+
var css_248z$m = ".gn-drawer__item {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n height: 100%;\n will-change: transform;\n background-color: var(--g-color-base-background);\n}\n.gn-drawer__item_direction_right {\n left: auto;\n right: 0;\n}\n.gn-drawer__item-transition-enter {\n transform: translate(-100%, 0);\n}\n.gn-drawer__item-transition_direction_right-enter {\n transform: translate(100%, 0);\n}\n.gn-drawer__item-transition-enter-active, .gn-drawer__item-transition_direction_right-enter-active {\n transform: translate(0, 0);\n transition: transform 300ms;\n}\n.gn-drawer__item-transition-enter-done, .gn-drawer__item-transition_direction_right-enter-done {\n filter: blur(0px);\n transform: translateZ(0);\n}\n.gn-drawer__item-transition-exit, .gn-drawer__item-transition_direction_right-exit {\n transform: translate(0, 0);\n}\n.gn-drawer__item-transition-exit-active, .gn-drawer__item-transition_direction_right-exit-active {\n transition: transform 300ms;\n}\n.gn-drawer__item-transition-exit-active {\n transform: translate(-100%, 0);\n}\n.gn-drawer__item-transition_direction_right-exit-active {\n transform: translate(100%, 0);\n}\n.gn-drawer__item-transition-exit-done, .gn-drawer__item-transition_direction_right-exit-done {\n visibility: hidden;\n}\n.gn-drawer__veil {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n background-color: var(--g-color-sfx-veil);\n}\n.gn-drawer__veil-transition-enter {\n opacity: 0;\n}\n.gn-drawer__veil-transition-enter-active {\n opacity: 1;\n transition: opacity 300ms;\n}\n.gn-drawer__veil-transition-exit {\n opacity: 1;\n}\n.gn-drawer__veil-transition-exit-active {\n opacity: 0;\n transition: opacity 300ms;\n}\n.gn-drawer__veil-transition-exit-done {\n visibility: hidden;\n}";
|
|
3167
3167
|
styleInject(css_248z$m);
|
|
3168
3168
|
|
|
3169
3169
|
const b$n = block('drawer');
|
|
@@ -3223,20 +3223,13 @@ const AsideHeaderContext = React__default["default"].createContext({
|
|
|
3223
3223
|
const AsideHeaderContextProvider = AsideHeaderContext.Provider;
|
|
3224
3224
|
const useAsideHeaderContext = () => React__default["default"].useContext(AsideHeaderContext);
|
|
3225
3225
|
|
|
3226
|
-
var css_248z$l = ".
|
|
3226
|
+
var css_248z$l = ".gn-logo {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n height: 40px;\n}\n.gn-logo__logo-btn-place {\n flex-shrink: 0;\n width: var(--aside-header-min-width);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.gn-logo__logo-btn-place .yc-button::before {\n background-color: transparent;\n}\n.gn-logo__btn-logo.yc-button_view_flat.yc-button_size_l {\n --yc-button-height: 38px;\n}\n.gn-logo__logo {\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n font-weight: var(--g-text-body-font-weight);\n vertical-align: middle;\n cursor: pointer;\n}\n.gn-logo__logo-link, .gn-logo__logo-link:hover, .gn-logo__logo-link:active, .gn-logo__logo-link:visited, .gn-logo__logo-link:focus {\n text-decoration: none;\n outline: none;\n color: inherit;\n}\n.g-root .gn-logo__btn-logo.button2_theme_flat.button2_hovered_yes::before {\n background-color: transparent;\n}";
|
|
3227
3227
|
styleInject(css_248z$l);
|
|
3228
3228
|
|
|
3229
3229
|
const b$m = block('logo');
|
|
3230
|
-
const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize = 15, href
|
|
3230
|
+
const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize = 15, href, wrapper, onClick, }) => {
|
|
3231
3231
|
const { compact } = useAsideHeaderContext();
|
|
3232
|
-
const hasClickHandler = typeof onClick === 'function';
|
|
3233
3232
|
const hasWrapper = typeof wrapper === 'function';
|
|
3234
|
-
const linkProps = hasClickHandler
|
|
3235
|
-
? {}
|
|
3236
|
-
: {
|
|
3237
|
-
target: '_self',
|
|
3238
|
-
href,
|
|
3239
|
-
};
|
|
3240
3233
|
let buttonIcon;
|
|
3241
3234
|
if (iconSrc) {
|
|
3242
3235
|
buttonIcon = (React__default["default"].createElement(uikit.Button.Icon, { className: iconClassName },
|
|
@@ -3245,7 +3238,7 @@ const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize =
|
|
|
3245
3238
|
else if (icon) {
|
|
3246
3239
|
buttonIcon = React__default["default"].createElement(uikit.Icon, { data: icon, size: iconSize, className: iconClassName });
|
|
3247
3240
|
}
|
|
3248
|
-
const button = (React__default["default"].createElement(uikit.Button,
|
|
3241
|
+
const button = (React__default["default"].createElement(uikit.Button, { view: "flat", size: "l", className: b$m('btn-logo'), component: hasWrapper ? 'span' : undefined, onClick: onClick, target: "_self", href: href }, buttonIcon));
|
|
3249
3242
|
let logo;
|
|
3250
3243
|
if (typeof text === 'function') {
|
|
3251
3244
|
logo = text();
|
|
@@ -3256,7 +3249,7 @@ const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize =
|
|
|
3256
3249
|
return (React__default["default"].createElement("div", { className: b$m() },
|
|
3257
3250
|
React__default["default"].createElement("div", { className: b$m('logo-btn-place') }, hasWrapper ? wrapper(button, compact) : button),
|
|
3258
3251
|
!compact &&
|
|
3259
|
-
(hasWrapper ? (React__default["default"].createElement("div", { onClick: onClick }, wrapper(logo, compact))) : (React__default["default"].createElement("a",
|
|
3252
|
+
(hasWrapper ? (React__default["default"].createElement("div", { onClick: onClick }, wrapper(logo, compact))) : (React__default["default"].createElement("a", { href: href !== null && href !== void 0 ? href : '/', target: "_self", className: b$m('logo-link'), onClick: onClick }, logo)))));
|
|
3260
3253
|
};
|
|
3261
3254
|
|
|
3262
3255
|
/**
|
|
@@ -3729,7 +3722,7 @@ function getAutosizeListItems(items, height, collapseItem) {
|
|
|
3729
3722
|
return { listItems, collapseItems };
|
|
3730
3723
|
}
|
|
3731
3724
|
|
|
3732
|
-
var css_248z$k = ".
|
|
3725
|
+
var css_248z$k = ".gn-composite-bar-item {\n --composite-bar-item-action-size: 36px;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n cursor: pointer;\n}\n.gn-composite-bar-item__icon {\n color: var(--g-color-text-misc);\n}\n.gn-composite-bar-item__icon-place {\n flex-shrink: 0;\n width: var(--aside-header-min-width);\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.gn-composite-bar-item__title {\n display: flex;\n overflow: hidden;\n}\n.gn-composite-bar-item__title-text {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.gn-composite-bar-item__title-adornment {\n margin: 0 10px;\n}\n.gn-composite-bar-item__collapse-item {\n display: flex;\n padding: 0 16px;\n align-items: center;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.gn-composite-bar-item__collapse-item .gn-composite-bar-item__title-adornment {\n margin-right: 0;\n}\n.gn-composite-bar-item__menu-divider {\n margin: 0 8px;\n width: 100%;\n border-top: 1px solid var(--g-color-line-generic);\n cursor: default;\n}\n.gn-composite-bar-item__collapse-items-popup-content {\n padding: 4px 0;\n}\n.gn-composite-bar-item__link {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n}\n.gn-composite-bar-item__link, .gn-composite-bar-item__link:hover, .gn-composite-bar-item__link:active, .gn-composite-bar-item__link:visited, .gn-composite-bar-item__link:focus {\n text-decoration: none;\n outline: none;\n color: inherit;\n}\n.gn-composite-bar-item__btn-icon {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.gn-composite-bar-item_type_action {\n justify-content: center;\n height: var(--composite-bar-item-action-size);\n margin: 0 10px 8px;\n background: var(--g-color-base-float);\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 5px 6px rgba(0, 0, 0, 0.12);\n border-radius: var(--composite-bar-item-action-size);\n transition: transform 0.1s ease-out, background-color 0.15s linear;\n}\n.gn-composite-bar-item_type_action:focus {\n box-shadow: 0 0 0 2px var(--g-color-line-misc);\n}\n.gn-composite-bar-item_type_action:focus:not(:focus-visible) {\n box-shadow: none;\n}\n.gn-composite-bar-item_type_action:hover {\n background-color: var(--g-color-base-float-hover);\n}\n.gn-composite-bar-item_type_action:active {\n box-shadow: 0 1px 2px var(--g-color-sfx-shadow);\n transition: none;\n transform: scale(0.96);\n}\n.gn-composite-bar-item_type_action .gn-composite-bar-item__icon-place {\n width: var(--composite-bar-item-action-size);\n}\n.gn-composite-bar-item_type_action .gn-composite-bar-item__title {\n margin-right: 16px;\n}\n.gn-composite-bar-item__icon-tooltip_item-type_action {\n margin-left: 10px;\n}\n.gn-composite-bar-item:not(.gn-composite-bar-item_compact).gn-composite-bar-item_current.gn-composite-bar-item_type_regular {\n background-color: var(--g-color-base-selection);\n}\n.gn-composite-bar-item:not(.gn-composite-bar-item_compact):not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular {\n background-color: var(--g-color-base-simple-hover);\n}\n.gn-composite-bar-item_compact.gn-composite-bar-item_type_action {\n width: var(--composite-bar-item-action-size);\n}\n.gn-composite-bar-item_compact.gn-composite-bar-item_type_action .gn-composite-bar-item__title {\n margin: 0;\n}\n.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon {\n position: relative;\n background-color: transparent;\n}\n.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 38px;\n height: 38px;\n margin-top: -19px;\n margin-left: -19px;\n border-radius: 7px;\n}\n.gn-composite-bar-item_compact.gn-composite-bar-item_current.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon::before {\n background-color: var(--g-color-base-selection);\n}\n.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon {\n position: relative;\n background-color: transparent;\n}\n.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 38px;\n height: 38px;\n margin-top: -19px;\n margin-left: -19px;\n border-radius: 7px;\n}\n.gn-composite-bar-item_compact:not(.gn-composite-bar-item_current):hover.gn-composite-bar-item_type_regular .gn-composite-bar-item__btn-icon::before {\n background-color: var(--g-color-base-simple-hover);\n}";
|
|
3733
3726
|
styleInject(css_248z$k);
|
|
3734
3727
|
|
|
3735
3728
|
const b$l = block('composite-bar-item');
|
|
@@ -3857,7 +3850,7 @@ class MultipleTooltipProvider extends React__default["default"].PureComponent {
|
|
|
3857
3850
|
}
|
|
3858
3851
|
}
|
|
3859
3852
|
|
|
3860
|
-
var css_248z$j = ".
|
|
3853
|
+
var css_248z$j = ".g-root_theme_dark .gn-multiple-tooltip,\n.g-root_theme_dark-hc .gn-multiple-tooltip {\n --multiple-tooltip-item-bg-color: #424147;\n --multiple-tooltip-item-active-bg-color: var(--g-color-base-float-heavy);\n --multiple-tooltip-backdrop-background: linear-gradient(\n 90deg,\n #313036 0%,\n rgba(49, 48, 54, 0.3) 100%\n );\n --multiple-tooltip-backdrop-filter: blur(16px);\n}\n\n.g-root_theme_light .gn-multiple-tooltip,\n.g-root_theme_light-hc .gn-multiple-tooltip {\n --multiple-tooltip-item-bg-color: #7a7a7a;\n --multiple-tooltip-item-active-bg-color: var(--g-color-base-float-heavy);\n --multiple-tooltip-backdrop-background: linear-gradient(\n 90deg,\n #ffffff 0%,\n rgba(255, 255, 255, 0.3) 100%\n );\n --multiple-tooltip-backdrop-filter: blur(12px);\n}\n\n.gn-multiple-tooltip {\n background-color: transparent;\n box-shadow: none;\n}\n.gn-multiple-tooltip::before {\n content: \"\";\n box-shadow: none;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: -1;\n background: var(--multiple-tooltip-backdrop-background);\n filter: var(--multiple-tooltip-backdrop-filter);\n}\n.gn-multiple-tooltip__items-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 32px 40px 32px 12px;\n}\n.gn-multiple-tooltip__item {\n display: flex;\n box-sizing: border-box;\n height: 30px;\n padding: 8px 12px;\n background-color: var(--multiple-tooltip-item-bg-color);\n position: relative;\n border-radius: 5px;\n align-items: center;\n color: var(--g-color-text-light-primary);\n margin-bottom: 5px;\n transition: transform 100ms ease-in-out;\n}\n.gn-multiple-tooltip__item:not(.gn-multiple-tooltip__item_divider) + .gn-multiple-tooltip__item:not(.gn-multiple-tooltip__item_divider), .gn-multiple-tooltip__item:first-child {\n margin-top: 5px;\n}\n.gn-multiple-tooltip__item_divider + .gn-multiple-tooltip__item:not(.gn-multiple-tooltip__item_divider) {\n margin-top: 4px;\n}\n.gn-multiple-tooltip__item_active {\n background-color: var(--multiple-tooltip-item-active-bg-color);\n transform: translateX(-12px);\n}\n.gn-multiple-tooltip__item_divider {\n height: 15px;\n visibility: hidden;\n margin: 0;\n}";
|
|
3861
3854
|
styleInject(css_248z$j);
|
|
3862
3855
|
|
|
3863
3856
|
const b$k = block('multiple-tooltip');
|
|
@@ -3887,7 +3880,7 @@ const MultipleTooltip = ({ items, open, anchorRef, placement, }) => {
|
|
|
3887
3880
|
}))));
|
|
3888
3881
|
};
|
|
3889
3882
|
|
|
3890
|
-
var css_248z$i = ".
|
|
3883
|
+
var css_248z$i = ".gn-composite-bar {\n flex: 1 0 auto;\n width: 100%;\n min-height: 40px;\n}\n.gn-composite-bar .gn-composite-bar__root-menu-item[class] {\n background-color: transparent;\n}";
|
|
3891
3884
|
styleInject(css_248z$i);
|
|
3892
3885
|
|
|
3893
3886
|
const b$j = block('composite-bar');
|
|
@@ -4026,7 +4019,7 @@ var SvgDividerCollapsed = function SvgDividerCollapsed(props) {
|
|
|
4026
4019
|
};
|
|
4027
4020
|
var headerDividerCollapsedIcon = SvgDividerCollapsed;
|
|
4028
4021
|
|
|
4029
|
-
var css_248z$h = ".
|
|
4022
|
+
var css_248z$h = ".g-root {\n --aside-header-background-color: var(--g-color-base-warning-light);\n --aside-header-collapse-button-divider-line-color: var(\n --aside-header-header-divider-line-color\n );\n}\n\n.g-root_theme_light,\n.g-root_theme_light-hc {\n --aside-header-divider-line-color: transparent;\n --aside-header-header-divider-line-color: var(--g-color-line-generic);\n}\n\n.g-root_theme_dark,\n.g-root_theme_dark-hc {\n --aside-header-divider-line-color: var(--g-color-line-generic-solid);\n --aside-header-header-divider-line-color: var(--g-color-line-generic-solid);\n}\n\n.gn-aside-header {\n --aside-header-min-width: 56px;\n height: 100%;\n width: 100%;\n position: relative;\n background-color: var(--g-color-base-background);\n}\n.gn-aside-header__aside {\n position: sticky;\n top: 0;\n left: 0;\n height: 100vh;\n width: inherit;\n display: flex;\n flex-direction: column;\n background-color: var(--g-color-base-background);\n z-index: 100;\n box-sizing: border-box;\n}\n.gn-aside-header__aside::after {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n width: 1px;\n height: 100%;\n content: \"\";\n background-color: var(--aside-header-divider-line-color);\n}\n.gn-aside-header__aside-popup-anchor {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n}\n.gn-aside-header__aside-content {\n --gradient-height: 334px;\n display: flex;\n flex-direction: column;\n overflow-x: hidden;\n width: inherit;\n height: inherit;\n position: relative;\n z-index: 2;\n user-select: none;\n}\n.gn-aside-header__aside-content::after {\n position: absolute;\n top: 0;\n right: -100px;\n bottom: 0;\n width: 100px;\n content: \"\";\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 0px 24px rgba(0, 0, 0, 0.08);\n}\n.gn-aside-header__aside-content > .gn-aside-header-logo {\n margin: 8px 0;\n}\n.gn-aside-header__aside-content_with-decoration {\n background: linear-gradient(180deg, var(--aside-header-background-color) calc(var(--gradient-height) * 0.33), transparent calc(var(--gradient-height) * 0.88));\n}\n.gn-aside-header_compact .gn-aside-header__aside-content {\n background: transparent;\n}\n.gn-aside-header__header {\n --aside-header-header-divider-height: 29px;\n position: relative;\n z-index: 1;\n flex: none;\n box-sizing: border-box;\n width: 100%;\n padding-top: 8px;\n padding-bottom: 22px;\n}\n.gn-aside-header__header .gn-aside-header__header-divider {\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: -2;\n display: none;\n color: var(--aside-header-background-color);\n}\n.gn-aside-header__header_with-decoration::before {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -2;\n display: none;\n width: 100%;\n height: calc(100% - var(--aside-header-header-divider-height));\n content: \"\";\n background-color: var(--aside-header-background-color);\n}\n.gn-aside-header__header::after {\n position: absolute;\n bottom: 12px;\n left: 0;\n z-index: -2;\n width: 100%;\n height: 1px;\n content: \"\";\n background-color: var(--aside-header-header-divider-line-color);\n}\n.gn-aside-header_compact .gn-aside-header__header::before {\n display: block;\n}\n.gn-aside-header_compact .gn-aside-header__header_with-decoration .gn-aside-header__header-divider {\n display: block;\n}\n.gn-aside-header_compact .gn-aside-header__header_with-decoration::after {\n display: none;\n}\n.gn-aside-header__menu-items {\n flex-grow: 1;\n}\n.gn-aside-header__footer {\n flex-shrink: 0;\n width: 100%;\n margin: 8px 0;\n display: flex;\n flex-direction: column;\n}\n.gn-aside-header__panels {\n z-index: 98;\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n overflow: auto;\n}\n.gn-aside-header__panel {\n height: 100%;\n}\n.gn-aside-header__pane-container {\n display: flex;\n outline: none;\n overflow: visible;\n user-select: text;\n flex-direction: row;\n}\n.gn-aside-header__content {\n width: calc(100% - var(--aside-header-size));\n z-index: 95;\n}\n.gn-aside-header__collapse-button {\n --yc-button-background-color-hover: transparent;\n overflow: hidden;\n box-sizing: border-box;\n flex: none;\n width: 100%;\n height: 20px;\n border-top: 1px solid var(--aside-header-collapse-button-divider-line-color);\n margin-top: auto;\n}\n.gn-aside-header__collapse-button > .yc-button__text {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 20px;\n}\n.gn-aside-header__collapse-button:not(.gn-aside-header__collapse-button_compact) .gn-aside-header__collapse-icon {\n transform: rotate(180deg);\n}\n.gn-aside-header__collapse-button .gn-aside-header__collapse-icon {\n color: var(--g-color-text-secondary);\n}\n.gn-aside-header__collapse-button:hover .gn-aside-header__collapse-icon {\n color: var(--g-color-text-primary);\n}";
|
|
4030
4023
|
styleInject(css_248z$h);
|
|
4031
4024
|
|
|
4032
4025
|
// TODO: remove temporary fix for expand button
|
|
@@ -4143,7 +4136,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
4143
4136
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
4144
4137
|
};
|
|
4145
4138
|
|
|
4146
|
-
var css_248z$g = ".
|
|
4139
|
+
var css_248z$g = ".gn-footer-item {\n width: 100%;\n height: 40px;\n}";
|
|
4147
4140
|
styleInject(css_248z$g);
|
|
4148
4141
|
|
|
4149
4142
|
const b$h = block('footer-item');
|
|
@@ -4152,7 +4145,7 @@ const FooterItem$1 = (_a) => {
|
|
|
4152
4145
|
return (React__default["default"].createElement(Item$1, Object.assign({}, props, { item: Object.assign({ iconSize: ASIDE_HEADER_FOOTER_ICON_SIZE }, item), className: b$h({ compact: props.compact }), onItemClick: item.onItemClick, onItemClickCapture: item.onItemClickCapture })));
|
|
4153
4146
|
};
|
|
4154
4147
|
|
|
4155
|
-
var css_248z$f = ".
|
|
4148
|
+
var css_248z$f = ".gn-action-bar-group {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: flex-start;\n margin: 0;\n padding: 0;\n}\n.gn-action-bar-group_pull_left {\n margin-left: 0;\n margin-right: auto;\n}\n.gn-action-bar-group_pull_right {\n margin-left: auto;\n margin-right: 0;\n}\n.gn-action-bar-group_pull_center {\n margin-left: auto;\n margin-right: auto;\n}";
|
|
4156
4149
|
styleInject(css_248z$f);
|
|
4157
4150
|
|
|
4158
4151
|
const b$g = block('action-bar-group');
|
|
@@ -4161,7 +4154,7 @@ const ActionBarGroup = ({ children, className, pull }) => {
|
|
|
4161
4154
|
};
|
|
4162
4155
|
ActionBarGroup.displayName = 'ActionBar.Group';
|
|
4163
4156
|
|
|
4164
|
-
var css_248z$e = ".
|
|
4157
|
+
var css_248z$e = ".gn-action-bar-item {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.gn-action-bar-item_pull_left {\n margin-left: 0;\n margin-right: auto;\n}\n.gn-action-bar-item_pull_right {\n margin-left: auto;\n margin-right: 0;\n}\n.gn-action-bar-item_pull_center {\n margin-left: auto;\n margin-right: auto;\n}\n.gn-action-bar-item + .gn-action-bar-item_spacing {\n margin-left: 8px;\n}";
|
|
4165
4158
|
styleInject(css_248z$e);
|
|
4166
4159
|
|
|
4167
4160
|
const b$f = block('action-bar-item');
|
|
@@ -4170,7 +4163,7 @@ const ActionBarItem = ({ children, className, pull, spacing = true }) => {
|
|
|
4170
4163
|
};
|
|
4171
4164
|
ActionBarItem.displayName = 'ActionBar.Item';
|
|
4172
4165
|
|
|
4173
|
-
var css_248z$d = ".
|
|
4166
|
+
var css_248z$d = ".gn-action-bar-section {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: stretch;\n}\n.gn-action-bar-section + .gn-action-bar-section {\n border-left: solid 1px var(--g-color-line-generic);\n}\n.gn-action-bar-section_type_primary {\n flex: 1 1 auto;\n padding-left: 20px;\n padding-right: 20px;\n}\n.gn-action-bar-section_type_secondary {\n padding-left: 6px;\n padding-right: 6px;\n}";
|
|
4174
4167
|
styleInject(css_248z$d);
|
|
4175
4168
|
|
|
4176
4169
|
const b$e = block('action-bar-section');
|
|
@@ -4179,7 +4172,7 @@ const ActionBarSection = ({ children, type = 'primary' }) => {
|
|
|
4179
4172
|
};
|
|
4180
4173
|
ActionBarSection.displayName = 'ActionBar.Section';
|
|
4181
4174
|
|
|
4182
|
-
var css_248z$c = ".
|
|
4175
|
+
var css_248z$c = ".gn-action-bar-separator {\n list-style: none;\n margin: 0;\n padding: 0;\n margin-left: 6px;\n margin-right: 6px;\n border-right: solid 1px var(--g-color-line-generic);\n height: 40px;\n}";
|
|
4183
4176
|
styleInject(css_248z$c);
|
|
4184
4177
|
|
|
4185
4178
|
const b$d = block('action-bar-separator');
|
|
@@ -4188,7 +4181,7 @@ const ActionBarSeparator = () => {
|
|
|
4188
4181
|
};
|
|
4189
4182
|
ActionBarSeparator.displayName = 'ActionBar.Separator';
|
|
4190
4183
|
|
|
4191
|
-
var css_248z$b = ".
|
|
4184
|
+
var css_248z$b = ".gn-action-bar {\n box-sizing: border-box;\n height: 40px;\n border-bottom: solid 1px var(--g-color-line-generic);\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
4192
4185
|
styleInject(css_248z$b);
|
|
4193
4186
|
|
|
4194
4187
|
const b$c = block('action-bar');
|
|
@@ -4203,7 +4196,7 @@ const PublicActionBar = Object.assign(ActionBar, {
|
|
|
4203
4196
|
Separator: ActionBarSeparator,
|
|
4204
4197
|
});
|
|
4205
4198
|
|
|
4206
|
-
var css_248z$a = ".
|
|
4199
|
+
var css_248z$a = ".gn-title {\n box-sizing: border-box;\n padding: 14px 10px 14px 20px;\n min-height: 64px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.gn-title_separator {\n border-bottom: 1px solid var(--g-color-line-generic);\n}\n.gn-title__text {\n margin: 0;\n margin-right: 20px;\n}";
|
|
4207
4200
|
styleInject(css_248z$a);
|
|
4208
4201
|
|
|
4209
4202
|
const b$b = block('title');
|
|
@@ -4247,7 +4240,7 @@ function filterHotkeys(hotkeys, filter) {
|
|
|
4247
4240
|
return hotkeys;
|
|
4248
4241
|
}
|
|
4249
4242
|
|
|
4250
|
-
var css_248z$9 = ".
|
|
4243
|
+
var css_248z$9 = ".gn-hotkeys-panel {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n --hotkeys-panel-width: 400px;\n --hotkeys-panel-vertical-padding: 18px;\n --hotkeys-panel-horizontal-padding: 24px;\n}\n.gn-hotkeys-panel__drawer-item {\n width: var(--hotkeys-panel-width);\n padding: var(--hotkeys-panel-vertical-padding) 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n.gn-hotkeys-panel__title {\n margin: 0 var(--hotkeys-panel-horizontal-padding) 16px var(--hotkeys-panel-horizontal-padding);\n}\n.gn-hotkeys-panel__search {\n padding: 0 var(--hotkeys-panel-horizontal-padding);\n margin-bottom: 14px;\n}\n.gn-hotkeys-panel__list {\n flex: 1;\n overflow-y: auto;\n}\n.gn-hotkeys-panel__item {\n height: auto;\n padding: 8px var(--hotkeys-panel-horizontal-padding);\n}\n.gn-hotkeys-panel__item.yc-list__item_active {\n background: inherit;\n}\n.gn-hotkeys-panel__item-content {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n width: 100%;\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n color: var(--g-color-text-primary);\n}\n.gn-hotkeys-panel__item-content_group {\n font-size: var(--g-text-body-2-font-size);\n font-weight: 500;\n line-height: var(--g-text-body-2-line-height);\n}\n.gn-hotkeys-panel__hotkey {\n color: var(--g-color-text-complementary);\n}";
|
|
4251
4244
|
styleInject(css_248z$9);
|
|
4252
4245
|
|
|
4253
4246
|
const b$a = block('hotkeys-panel');
|
|
@@ -4871,7 +4864,7 @@ function SettingsSearch({ className, onChange, debounce = 200, inputRef, inputSi
|
|
|
4871
4864
|
React__default["default"].createElement(uikit.TextInput, { controlRef: inputRef, hasClear: true, autoFocus: autoFocus, size: inputSize, placeholder: placeholder, onUpdate: handleUpdate })));
|
|
4872
4865
|
}
|
|
4873
4866
|
|
|
4874
|
-
var css_248z$8 = ".
|
|
4867
|
+
var css_248z$8 = ".gn-settings-menu__group-heading {\n font-weight: var(--g-text-accent-font-weight);\n display: inline-block;\n padding: 0 20px;\n margin-bottom: 12px;\n line-height: 18px;\n}\n.gn-settings-menu__group + .gn-settings-menu__group {\n margin-top: 24px;\n}\n.gn-settings-menu__item {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 20px;\n cursor: pointer;\n color: var(--g-color-text-primary);\n}\n.gn-settings-menu__item-icon {\n color: var(--g-color-text-misc);\n margin-right: 5px;\n}\n.gn-settings-menu__item:hover, .gn-settings-menu__item_focused {\n background: var(--g-color-base-simple-hover);\n}\n.gn-settings-menu__item_selected {\n background: var(--g-color-base-selection);\n}\n.gn-settings-menu__item_selected:hover, .gn-settings-menu__item_selected.gn-settings-menu__item_focused {\n background: var(--g-color-base-selection-hover);\n}\n.gn-settings-menu__item_disabled {\n color: var(--g-color-text-secondary);\n cursor: auto;\n}\n.gn-settings-menu__item_disabled:hover {\n background: none;\n}\n.gn-settings-menu__item_disabled .gn-settings-menu__item-icon {\n color: var(--g-color-base-misc-heavy);\n}\n.gn-settings-menu__item_badge {\n position: relative;\n}\n.gn-settings-menu__item_badge::after {\n content: \"\";\n display: block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--g-color-text-danger);\n position: absolute;\n right: 9px;\n top: calc(50% - 3px);\n}";
|
|
4875
4868
|
styleInject(css_248z$8);
|
|
4876
4869
|
|
|
4877
4870
|
const b$8 = block('settings-menu');
|
|
@@ -4945,7 +4938,7 @@ function focusNext(container, focused, direction) {
|
|
|
4945
4938
|
return (_a = elements[currentIndex].getAttribute('data-id')) !== null && _a !== void 0 ? _a : undefined;
|
|
4946
4939
|
}
|
|
4947
4940
|
|
|
4948
|
-
var css_248z$7 = ".
|
|
4941
|
+
var css_248z$7 = ".gn-settings-menu-mobile.yc-tabs_direction_horizontal {\n overflow-x: auto;\n flex-wrap: nowrap;\n overscroll-behavior-x: none;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.gn-settings-menu-mobile.yc-tabs_direction_horizontal::-webkit-scrollbar {\n display: none;\n}\n.gn-settings-menu-mobile__item_badge {\n position: relative;\n}\n.gn-settings-menu-mobile__item_badge::after {\n content: \"\";\n display: block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--g-color-text-danger);\n position: absolute;\n right: -8px;\n top: 11px;\n}";
|
|
4949
4942
|
styleInject(css_248z$7);
|
|
4950
4943
|
|
|
4951
4944
|
const b$7 = block('settings-menu-mobile');
|
|
@@ -5097,7 +5090,7 @@ function getSettingsItemsFromChildren(children, filterRe) {
|
|
|
5097
5090
|
return { items, hidden };
|
|
5098
5091
|
}
|
|
5099
5092
|
|
|
5100
|
-
var css_248z$6 = ".
|
|
5093
|
+
var css_248z$6 = ".gn-settings {\n display: grid;\n grid-template-columns: 216px 1fr;\n width: 834px;\n height: 100%;\n}\n.gn-settings_view_mobile {\n display: block;\n width: auto;\n height: calc(80vh - 56px);\n overflow-x: hidden;\n}\n@supports (height: 90dvh) {\n .gn-settings_view_mobile {\n /* stylelint-disable-next-line */\n height: calc(90dvh - 56px);\n }\n}\n.gn-settings_view_mobile.gn-settings_loading {\n text-align: center;\n}\n.gn-settings_view_mobile .gn-settings__loader {\n margin-top: 20px;\n}\n.gn-settings_view_mobile .gn-settings__search {\n padding: 0 20px;\n margin: 4px 0 16px;\n}\n.gn-settings_view_mobile .gn-settings__page {\n overflow-y: visible;\n}\n.gn-settings_view_mobile .gn-settings__tabs .yc-tabs__item:first-child {\n margin-left: 20px;\n}\n.gn-settings_view_mobile .gn-settings__tabs .yc-tabs__item:last-child {\n margin-right: 20px;\n}\n.gn-settings_view_mobile .gn-settings__section-heading {\n font-size: var(--g-text-subheader-3-font-size);\n line-height: var(--g-text-subheader-3-line-height);\n font-weight: var(--g-text-subheader-font-weight);\n}\n.gn-settings_view_mobile .gn-settings__section-subheader {\n color: var(--g-color-text-secondary);\n}\n.gn-settings_view_mobile .gn-settings__section-heading + .gn-settings-subheader {\n margin-top: 8px;\n}\n.gn-settings_view_mobile .gn-settings__section-item {\n margin-top: 0;\n}\n.gn-settings_view_mobile .gn-settings__section-heading + .gn-settings__section-item, .gn-settings_view_mobile .gn-settings__section-subheader + .gn-settings__section-item {\n margin-top: 30px;\n}\n.gn-settings_view_mobile .gn-settings__section-item + .gn-settings__section-item {\n margin-top: 22px;\n}\n.gn-settings_view_mobile .gn-settings__item:not(.gn-settings_view_mobile .gn-settings__item_mode_row) {\n grid-template-columns: 1fr;\n gap: 8px;\n}\n.gn-settings_view_mobile .gn-settings__item-heading {\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n.gn-settings_view_mobile .gn-settings__item-description {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n.gn-settings_view_mobile .gn-settings__item_mode_row {\n grid-template-columns: 1fr auto;\n}\n.gn-settings_view_mobile .gn-settings__item_mode_row .gn-settings__item-heading {\n padding-right: 20px;\n}\n.gn-settings_view_mobile .gn-settings__item-content {\n width: 100%;\n}\n.gn-settings_loading {\n grid-template-columns: auto;\n}\n.gn-settings__loader {\n align-self: center;\n justify-self: center;\n}\n.gn-settings__not-found {\n display: grid;\n align-items: center;\n justify-items: center;\n height: 100%;\n}\n.gn-settings__menu {\n border-right: 1px solid var(--g-color-line-generic);\n}\n.gn-settings__heading {\n font-size: var(--g-text-subheader-2-font-size);\n line-height: var(--g-text-subheader-2-line-height);\n font-weight: var(--g-text-subheader-font-weight);\n margin: 20px 20px 0;\n}\n.gn-settings__search {\n margin: 0 20px 16px;\n}\n.gn-settings__page {\n overflow-y: auto;\n}\n.gn-settings__content {\n padding: 20px;\n}\n.gn-settings__section-heading {\n font-size: var(--g-text-subheader-2-font-size);\n line-height: var(--g-text-subheader-2-line-height);\n font-weight: var(--g-text-subheader-font-weight);\n margin: 0;\n}\n.gn-settings__section-item {\n margin-top: 24px;\n}\n.gn-settings__section + .gn-settings__section {\n margin-top: 32px;\n}\n.gn-settings__item {\n display: grid;\n grid-template-columns: 216px 1fr;\n justify-items: start;\n}\n.gn-settings__item_align_top {\n align-items: start;\n}\n.gn-settings__item_align_center {\n align-items: center;\n}\n.gn-settings__item-title_badge {\n position: relative;\n}\n.gn-settings__item-title_badge::after {\n content: \"\";\n display: block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--g-color-text-danger);\n position: absolute;\n right: -8px;\n top: 1px;\n}\n.gn-settings__item-description {\n font-size: var(--g-text-caption-2-font-size);\n line-height: var(--g-text-caption-2-line-height);\n font-weight: var(--g-text-caption-font-weight);\n display: block;\n margin-top: 2px;\n padding-right: 20px;\n color: var(--g-color-text-secondary);\n}\n.gn-settings__found {\n font-weight: var(--g-text-accent-font-weight);\n background: var(--g-color-base-selection);\n}";
|
|
5101
5094
|
styleInject(css_248z$6);
|
|
5102
5095
|
|
|
5103
5096
|
const b$6 = block('settings');
|
|
@@ -5257,7 +5250,7 @@ const useForwardRef = (ref, initialValue = null) => {
|
|
|
5257
5250
|
return targetRef;
|
|
5258
5251
|
};
|
|
5259
5252
|
|
|
5260
|
-
var css_248z$5 = ".
|
|
5253
|
+
var css_248z$5 = ".gn-mobile-header-burger {\n margin: 0;\n padding: 0;\n font-family: var(--g-font-family-sans);\n font-size: inherit;\n font-weight: 400;\n color: inherit;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n}\n.gn-mobile-header-burger_opened .gn-mobile-header-burger__icon:before, .gn-mobile-header-burger_opened .gn-mobile-header-burger__icon:after,\n.gn-mobile-header-burger_opened .gn-mobile-header-burger__icon .gn-mobile-header-burger__icon-dash {\n left: 3px;\n}\n.gn-mobile-header-burger_opened .gn-mobile-header-burger__icon:before {\n transform: rotate(45deg);\n}\n.gn-mobile-header-burger_opened .gn-mobile-header-burger__icon:after {\n transform: rotate(-45deg);\n}\n.gn-mobile-header-burger_opened .gn-mobile-header-burger__icon .gn-mobile-header-burger__icon-dash {\n opacity: 0;\n}\n.gn-mobile-header-burger__icon {\n display: flex;\n align-content: center;\n justify-content: center;\n height: var(--mobile-header-icon-size);\n width: var(--mobile-header-icon-size);\n position: relative;\n}\n.gn-mobile-header-burger__icon:after, .gn-mobile-header-burger__icon:before {\n content: \"\";\n transform-origin: left center;\n transition: transform 0.2s, left 0.2s;\n}\n.gn-mobile-header-burger__icon:before {\n top: 2px;\n}\n.gn-mobile-header-burger__icon:after {\n bottom: 2px;\n}\n.gn-mobile-header-burger__icon:before, .gn-mobile-header-burger__icon:after,\n.gn-mobile-header-burger__icon .gn-mobile-header-burger__icon-dash {\n background-color: var(--g-color-text-primary);\n border-radius: 1px;\n height: 2px;\n left: 0;\n position: absolute;\n width: 100%;\n}\n.gn-mobile-header-burger__icon .gn-mobile-header-burger__icon-dash {\n margin-top: -1px;\n top: 50%;\n transition: opacity 0.2s;\n}";
|
|
5261
5254
|
styleInject(css_248z$5);
|
|
5262
5255
|
|
|
5263
5256
|
const b$5 = block('mobile-header-burger');
|
|
@@ -5266,7 +5259,7 @@ const Burger = React__default["default"].memo(({ opened, className, onClick }) =
|
|
|
5266
5259
|
React__default["default"].createElement("span", { className: b$5('icon-dash') })))));
|
|
5267
5260
|
Burger.displayName = 'Burger';
|
|
5268
5261
|
|
|
5269
|
-
var css_248z$4 = ".
|
|
5262
|
+
var css_248z$4 = ".gn-mobile-header-logo {\n display: flex;\n align-items: center;\n overflow: hidden;\n gap: 8px;\n}\n.gn-mobile-header-logo:is(a), .gn-mobile-header-logo:is(a):hover, .gn-mobile-header-logo:is(a):active, .gn-mobile-header-logo:is(a):visited, .gn-mobile-header-logo:is(a):focus {\n text-decoration: none;\n outline: none;\n color: var(--g-color-text-primary);\n}\n.gn-mobile-header-logo__icon {\n flex-shrink: 0;\n}\n.gn-mobile-header-logo__title {\n font-size: var(--g-text-header-1-font-size);\n line-height: var(--g-text-header-1-line-height);\n font-weight: var(--g-text-header-font-weight);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}";
|
|
5270
5263
|
styleInject(css_248z$4);
|
|
5271
5264
|
|
|
5272
5265
|
const b$4 = block('mobile-header-logo');
|
|
@@ -5323,7 +5316,7 @@ const getSelectedItemIndex = (items) => {
|
|
|
5323
5316
|
return index === -1 ? undefined : index;
|
|
5324
5317
|
};
|
|
5325
5318
|
|
|
5326
|
-
var css_248z$3 = ".
|
|
5319
|
+
var css_248z$3 = ".gn-burger-composite-bar {\n overflow-y: auto;\n}\n.gn-burger-composite-bar__item {\n display: flex;\n height: 100%;\n align-items: center;\n flex-grow: 1;\n box-sizing: border-box;\n padding: 4px 22px 4px 12px;\n overflow: hidden;\n}\n.gn-burger-composite-bar__item-icon-place {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 40px;\n margin-right: 8px;\n}\n.gn-burger-composite-bar .gn-burger-composite-bar__item-icon {\n color: var(--g-color-text-misc);\n}\n.gn-burger-composite-bar__item-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n.gn-burger-composite-bar__link {\n display: flex;\n flex-grow: 1;\n height: 100%;\n align-items: center;\n}\n.gn-burger-composite-bar__link, .gn-burger-composite-bar__link:hover, .gn-burger-composite-bar__link:active, .gn-burger-composite-bar__link:visited, .gn-burger-composite-bar__link:focus {\n text-decoration: none;\n outline: none;\n color: inherit;\n}\n.gn-burger-composite-bar__menu-divider {\n margin: 0;\n flex-grow: 1;\n border-top: 1px solid var(--g-color-line-generic);\n}\n.gn-burger-composite-bar__root-menu-item.yc-list__item_selected {\n background-color: var(--g-color-base-selection);\n}\n.gn-burger-composite-bar__root-menu-item:not(.yc-list__item_selected).yc-list__item_active {\n background: none;\n}";
|
|
5327
5320
|
styleInject(css_248z$3);
|
|
5328
5321
|
|
|
5329
5322
|
const b$3 = block('burger-composite-bar');
|
|
@@ -5354,7 +5347,7 @@ const BurgerCompositeBar = React__default["default"].memo(({ items, onItemClick
|
|
|
5354
5347
|
});
|
|
5355
5348
|
BurgerCompositeBar.displayName = 'BurgerCompositeBar';
|
|
5356
5349
|
|
|
5357
|
-
var css_248z$2 = ".
|
|
5350
|
+
var css_248z$2 = ".gn-mobile-header-burger-menu {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.gn-mobile-header-burger-menu__footer {\n display: flex;\n border-top: 1px solid var(--g-color-base-generic);\n margin-top: auto;\n}";
|
|
5358
5351
|
styleInject(css_248z$2);
|
|
5359
5352
|
|
|
5360
5353
|
const b$2 = block('mobile-header-burger-menu');
|
|
@@ -5367,7 +5360,7 @@ const BurgerMenu = React__default["default"].memo(({ items = [], renderFooter, m
|
|
|
5367
5360
|
});
|
|
5368
5361
|
BurgerMenu.displayName = 'BurgerMenu';
|
|
5369
5362
|
|
|
5370
|
-
var css_248z$1 = ".
|
|
5363
|
+
var css_248z$1 = ".gn-mobile-header {\n --mobile-header-min-heigth: 50px;\n --mobile-header-icon-size: 20px;\n background-color: var(--g-color-base-background);\n}\n.gn-mobile-header__header {\n background-color: var(--g-color-base-background);\n border-bottom: 1px solid var(--g-color-line-generic);\n position: sticky;\n top: 0;\n padding: 0 10px;\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 100;\n}\n.gn-mobile-header__burger {\n padding: 12px;\n}\n.gn-mobile-header__burger-menu, .gn-mobile-header__panel-item {\n background-color: var(--g-color-base-background);\n width: 320px;\n max-width: 90vw;\n max-height: 100%;\n}\n.gn-mobile-header__user-menu {\n overflow-y: auto;\n}\n.gn-mobile-header__panels {\n z-index: 98;\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n top: var(--mobile-header-min-heigth);\n overflow: hidden;\n}\n.gn-mobile-header__content {\n overflow: auto;\n}";
|
|
5371
5364
|
styleInject(css_248z$1);
|
|
5372
5365
|
|
|
5373
5366
|
const b$1 = block('mobile-header');
|
|
@@ -5469,7 +5462,7 @@ const MobileHeader = React__default["default"].forwardRef(({ logo, burgerMenu, p
|
|
|
5469
5462
|
});
|
|
5470
5463
|
MobileHeader.displayName = 'MobileHeader';
|
|
5471
5464
|
|
|
5472
|
-
var css_248z = ".
|
|
5465
|
+
var css_248z = ".gn-mobile-header-footer-item {\n flex-grow: 1;\n position: relative;\n}\n.gn-mobile-header-footer-item__button {\n margin: 0;\n padding: 0;\n font-family: var(--g-font-family-sans);\n font-size: inherit;\n font-weight: 400;\n color: inherit;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 13px 10px;\n width: 100%;\n box-sizing: border-box;\n}\n.gn-mobile-header-footer-item .gn-mobile-header-footer-item__icon {\n color: var(--g-color-text-misc);\n}\n.gn-mobile-header-footer-item + .gn-mobile-header-footer-item::before {\n content: \"\";\n border-left: 1px solid var(--g-color-base-generic);\n position: absolute;\n top: 8px;\n bottom: 8px;\n left: 0;\n}\n.gn-mobile-header-footer-item:empty {\n display: none;\n}";
|
|
5473
5466
|
styleInject(css_248z);
|
|
5474
5467
|
|
|
5475
5468
|
const b = block('mobile-header-footer-item');
|
|
@@ -5488,22 +5481,6 @@ const FooterItem = ({ icon, iconSize = MOBILE_HEADER_ICON_SIZE, className, modal
|
|
|
5488
5481
|
React__default["default"].createElement(uikit.Sheet, { id: modalItem.id, title: modalItem.title, visible: modalItem.visible, className: b('modal', modalItem.className), contentClassName: b('modal-content', modalItem.contentClassName), allowHideOnContentScroll: modalItem.modalAllowHideOnContentScroll, onClose: modalItem.onClose }, (_a = modalItem.renderContent) === null || _a === void 0 ? void 0 : _a.call(modalItem))));
|
|
5489
5482
|
};
|
|
5490
5483
|
|
|
5491
|
-
exports.Lang = void 0;
|
|
5492
|
-
(function (Lang) {
|
|
5493
|
-
Lang["Ru"] = "ru";
|
|
5494
|
-
Lang["En"] = "en";
|
|
5495
|
-
})(exports.Lang || (exports.Lang = {}));
|
|
5496
|
-
let subs = [];
|
|
5497
|
-
const config = {
|
|
5498
|
-
lang: exports.Lang.En,
|
|
5499
|
-
};
|
|
5500
|
-
const configure = (newConfig) => {
|
|
5501
|
-
Object.assign(config, newConfig);
|
|
5502
|
-
subs.forEach((sub) => {
|
|
5503
|
-
sub(config);
|
|
5504
|
-
});
|
|
5505
|
-
};
|
|
5506
|
-
|
|
5507
5484
|
exports.ActionBar = PublicActionBar;
|
|
5508
5485
|
exports.AsideHeader = AsideHeader;
|
|
5509
5486
|
exports.AsideHeaderContextProvider = AsideHeaderContextProvider;
|
|
@@ -5515,6 +5492,5 @@ exports.MobileHeader = MobileHeader;
|
|
|
5515
5492
|
exports.MobileHeaderFooterItem = FooterItem;
|
|
5516
5493
|
exports.Settings = Settings;
|
|
5517
5494
|
exports.Title = Title;
|
|
5518
|
-
exports.configure = configure;
|
|
5519
5495
|
exports.useAsideHeaderContext = useAsideHeaderContext;
|
|
5520
5496
|
//# sourceMappingURL=index.js.map
|