@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/esm/index.js
CHANGED
|
@@ -62,7 +62,7 @@ bemClassNameLite.reset = function () {
|
|
|
62
62
|
};
|
|
63
63
|
var _default = lib$1.default = bemClassNameLite;
|
|
64
64
|
|
|
65
|
-
const NAMESPACE = '
|
|
65
|
+
const NAMESPACE = 'gn-';
|
|
66
66
|
function block(name) {
|
|
67
67
|
return _default(`${NAMESPACE}${name}`);
|
|
68
68
|
}
|
|
@@ -1357,7 +1357,7 @@ function removeClass$1(element, className) {
|
|
|
1357
1357
|
}
|
|
1358
1358
|
}
|
|
1359
1359
|
|
|
1360
|
-
var config
|
|
1360
|
+
var config = {
|
|
1361
1361
|
disabled: false
|
|
1362
1362
|
};
|
|
1363
1363
|
|
|
@@ -1637,7 +1637,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
|
|
|
1637
1637
|
var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
|
|
1638
1638
|
// if we are mounting and running this it means appear _must_ be set
|
|
1639
1639
|
|
|
1640
|
-
if (!mounting && !enter || config
|
|
1640
|
+
if (!mounting && !enter || config.disabled) {
|
|
1641
1641
|
this.safeSetState({
|
|
1642
1642
|
status: ENTERED
|
|
1643
1643
|
}, function () {
|
|
@@ -1669,7 +1669,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
|
|
|
1669
1669
|
var timeouts = this.getTimeouts();
|
|
1670
1670
|
var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED
|
|
1671
1671
|
|
|
1672
|
-
if (!exit || config
|
|
1672
|
+
if (!exit || config.disabled) {
|
|
1673
1673
|
this.safeSetState({
|
|
1674
1674
|
status: EXITED
|
|
1675
1675
|
}, function () {
|
|
@@ -3136,7 +3136,7 @@ function styleInject(css, ref) {
|
|
|
3136
3136
|
}
|
|
3137
3137
|
}
|
|
3138
3138
|
|
|
3139
|
-
var css_248z$m = ".
|
|
3139
|
+
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}";
|
|
3140
3140
|
styleInject(css_248z$m);
|
|
3141
3141
|
|
|
3142
3142
|
const b$n = block('drawer');
|
|
@@ -3196,20 +3196,13 @@ const AsideHeaderContext = React__default.createContext({
|
|
|
3196
3196
|
const AsideHeaderContextProvider = AsideHeaderContext.Provider;
|
|
3197
3197
|
const useAsideHeaderContext = () => React__default.useContext(AsideHeaderContext);
|
|
3198
3198
|
|
|
3199
|
-
var css_248z$l = ".
|
|
3199
|
+
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}";
|
|
3200
3200
|
styleInject(css_248z$l);
|
|
3201
3201
|
|
|
3202
3202
|
const b$m = block('logo');
|
|
3203
|
-
const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize = 15, href
|
|
3203
|
+
const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize = 15, href, wrapper, onClick, }) => {
|
|
3204
3204
|
const { compact } = useAsideHeaderContext();
|
|
3205
|
-
const hasClickHandler = typeof onClick === 'function';
|
|
3206
3205
|
const hasWrapper = typeof wrapper === 'function';
|
|
3207
|
-
const linkProps = hasClickHandler
|
|
3208
|
-
? {}
|
|
3209
|
-
: {
|
|
3210
|
-
target: '_self',
|
|
3211
|
-
href,
|
|
3212
|
-
};
|
|
3213
3206
|
let buttonIcon;
|
|
3214
3207
|
if (iconSrc) {
|
|
3215
3208
|
buttonIcon = (React__default.createElement(Button.Icon, { className: iconClassName },
|
|
@@ -3218,7 +3211,7 @@ const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize =
|
|
|
3218
3211
|
else if (icon) {
|
|
3219
3212
|
buttonIcon = React__default.createElement(Icon, { data: icon, size: iconSize, className: iconClassName });
|
|
3220
3213
|
}
|
|
3221
|
-
const button = (React__default.createElement(Button,
|
|
3214
|
+
const button = (React__default.createElement(Button, { view: "flat", size: "l", className: b$m('btn-logo'), component: hasWrapper ? 'span' : undefined, onClick: onClick, target: "_self", href: href }, buttonIcon));
|
|
3222
3215
|
let logo;
|
|
3223
3216
|
if (typeof text === 'function') {
|
|
3224
3217
|
logo = text();
|
|
@@ -3229,7 +3222,7 @@ const Logo$1 = ({ text, icon, iconSrc, iconClassName, iconSize = 24, textSize =
|
|
|
3229
3222
|
return (React__default.createElement("div", { className: b$m() },
|
|
3230
3223
|
React__default.createElement("div", { className: b$m('logo-btn-place') }, hasWrapper ? wrapper(button, compact) : button),
|
|
3231
3224
|
!compact &&
|
|
3232
|
-
(hasWrapper ? (React__default.createElement("div", { onClick: onClick }, wrapper(logo, compact))) : (React__default.createElement("a",
|
|
3225
|
+
(hasWrapper ? (React__default.createElement("div", { onClick: onClick }, wrapper(logo, compact))) : (React__default.createElement("a", { href: href !== null && href !== void 0 ? href : '/', target: "_self", className: b$m('logo-link'), onClick: onClick }, logo)))));
|
|
3233
3226
|
};
|
|
3234
3227
|
|
|
3235
3228
|
/**
|
|
@@ -3702,7 +3695,7 @@ function getAutosizeListItems(items, height, collapseItem) {
|
|
|
3702
3695
|
return { listItems, collapseItems };
|
|
3703
3696
|
}
|
|
3704
3697
|
|
|
3705
|
-
var css_248z$k = ".
|
|
3698
|
+
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}";
|
|
3706
3699
|
styleInject(css_248z$k);
|
|
3707
3700
|
|
|
3708
3701
|
const b$l = block('composite-bar-item');
|
|
@@ -3830,7 +3823,7 @@ class MultipleTooltipProvider extends React__default.PureComponent {
|
|
|
3830
3823
|
}
|
|
3831
3824
|
}
|
|
3832
3825
|
|
|
3833
|
-
var css_248z$j = ".
|
|
3826
|
+
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}";
|
|
3834
3827
|
styleInject(css_248z$j);
|
|
3835
3828
|
|
|
3836
3829
|
const b$k = block('multiple-tooltip');
|
|
@@ -3860,7 +3853,7 @@ const MultipleTooltip = ({ items, open, anchorRef, placement, }) => {
|
|
|
3860
3853
|
}))));
|
|
3861
3854
|
};
|
|
3862
3855
|
|
|
3863
|
-
var css_248z$i = ".
|
|
3856
|
+
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}";
|
|
3864
3857
|
styleInject(css_248z$i);
|
|
3865
3858
|
|
|
3866
3859
|
const b$j = block('composite-bar');
|
|
@@ -3999,7 +3992,7 @@ var SvgDividerCollapsed = function SvgDividerCollapsed(props) {
|
|
|
3999
3992
|
};
|
|
4000
3993
|
var headerDividerCollapsedIcon = SvgDividerCollapsed;
|
|
4001
3994
|
|
|
4002
|
-
var css_248z$h = ".
|
|
3995
|
+
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}";
|
|
4003
3996
|
styleInject(css_248z$h);
|
|
4004
3997
|
|
|
4005
3998
|
// TODO: remove temporary fix for expand button
|
|
@@ -4116,7 +4109,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
4116
4109
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
4117
4110
|
};
|
|
4118
4111
|
|
|
4119
|
-
var css_248z$g = ".
|
|
4112
|
+
var css_248z$g = ".gn-footer-item {\n width: 100%;\n height: 40px;\n}";
|
|
4120
4113
|
styleInject(css_248z$g);
|
|
4121
4114
|
|
|
4122
4115
|
const b$h = block('footer-item');
|
|
@@ -4125,7 +4118,7 @@ const FooterItem$1 = (_a) => {
|
|
|
4125
4118
|
return (React__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 })));
|
|
4126
4119
|
};
|
|
4127
4120
|
|
|
4128
|
-
var css_248z$f = ".
|
|
4121
|
+
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}";
|
|
4129
4122
|
styleInject(css_248z$f);
|
|
4130
4123
|
|
|
4131
4124
|
const b$g = block('action-bar-group');
|
|
@@ -4134,7 +4127,7 @@ const ActionBarGroup = ({ children, className, pull }) => {
|
|
|
4134
4127
|
};
|
|
4135
4128
|
ActionBarGroup.displayName = 'ActionBar.Group';
|
|
4136
4129
|
|
|
4137
|
-
var css_248z$e = ".
|
|
4130
|
+
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}";
|
|
4138
4131
|
styleInject(css_248z$e);
|
|
4139
4132
|
|
|
4140
4133
|
const b$f = block('action-bar-item');
|
|
@@ -4143,7 +4136,7 @@ const ActionBarItem = ({ children, className, pull, spacing = true }) => {
|
|
|
4143
4136
|
};
|
|
4144
4137
|
ActionBarItem.displayName = 'ActionBar.Item';
|
|
4145
4138
|
|
|
4146
|
-
var css_248z$d = ".
|
|
4139
|
+
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}";
|
|
4147
4140
|
styleInject(css_248z$d);
|
|
4148
4141
|
|
|
4149
4142
|
const b$e = block('action-bar-section');
|
|
@@ -4152,7 +4145,7 @@ const ActionBarSection = ({ children, type = 'primary' }) => {
|
|
|
4152
4145
|
};
|
|
4153
4146
|
ActionBarSection.displayName = 'ActionBar.Section';
|
|
4154
4147
|
|
|
4155
|
-
var css_248z$c = ".
|
|
4148
|
+
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}";
|
|
4156
4149
|
styleInject(css_248z$c);
|
|
4157
4150
|
|
|
4158
4151
|
const b$d = block('action-bar-separator');
|
|
@@ -4161,7 +4154,7 @@ const ActionBarSeparator = () => {
|
|
|
4161
4154
|
};
|
|
4162
4155
|
ActionBarSeparator.displayName = 'ActionBar.Separator';
|
|
4163
4156
|
|
|
4164
|
-
var css_248z$b = ".
|
|
4157
|
+
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}";
|
|
4165
4158
|
styleInject(css_248z$b);
|
|
4166
4159
|
|
|
4167
4160
|
const b$c = block('action-bar');
|
|
@@ -4176,7 +4169,7 @@ const PublicActionBar = Object.assign(ActionBar, {
|
|
|
4176
4169
|
Separator: ActionBarSeparator,
|
|
4177
4170
|
});
|
|
4178
4171
|
|
|
4179
|
-
var css_248z$a = ".
|
|
4172
|
+
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}";
|
|
4180
4173
|
styleInject(css_248z$a);
|
|
4181
4174
|
|
|
4182
4175
|
const b$b = block('title');
|
|
@@ -4220,7 +4213,7 @@ function filterHotkeys(hotkeys, filter) {
|
|
|
4220
4213
|
return hotkeys;
|
|
4221
4214
|
}
|
|
4222
4215
|
|
|
4223
|
-
var css_248z$9 = ".
|
|
4216
|
+
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}";
|
|
4224
4217
|
styleInject(css_248z$9);
|
|
4225
4218
|
|
|
4226
4219
|
const b$a = block('hotkeys-panel');
|
|
@@ -4844,7 +4837,7 @@ function SettingsSearch({ className, onChange, debounce = 200, inputRef, inputSi
|
|
|
4844
4837
|
React__default.createElement(TextInput, { controlRef: inputRef, hasClear: true, autoFocus: autoFocus, size: inputSize, placeholder: placeholder, onUpdate: handleUpdate })));
|
|
4845
4838
|
}
|
|
4846
4839
|
|
|
4847
|
-
var css_248z$8 = ".
|
|
4840
|
+
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}";
|
|
4848
4841
|
styleInject(css_248z$8);
|
|
4849
4842
|
|
|
4850
4843
|
const b$8 = block('settings-menu');
|
|
@@ -4918,7 +4911,7 @@ function focusNext(container, focused, direction) {
|
|
|
4918
4911
|
return (_a = elements[currentIndex].getAttribute('data-id')) !== null && _a !== void 0 ? _a : undefined;
|
|
4919
4912
|
}
|
|
4920
4913
|
|
|
4921
|
-
var css_248z$7 = ".
|
|
4914
|
+
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}";
|
|
4922
4915
|
styleInject(css_248z$7);
|
|
4923
4916
|
|
|
4924
4917
|
const b$7 = block('settings-menu-mobile');
|
|
@@ -5070,7 +5063,7 @@ function getSettingsItemsFromChildren(children, filterRe) {
|
|
|
5070
5063
|
return { items, hidden };
|
|
5071
5064
|
}
|
|
5072
5065
|
|
|
5073
|
-
var css_248z$6 = ".
|
|
5066
|
+
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}";
|
|
5074
5067
|
styleInject(css_248z$6);
|
|
5075
5068
|
|
|
5076
5069
|
const b$6 = block('settings');
|
|
@@ -5230,7 +5223,7 @@ const useForwardRef = (ref, initialValue = null) => {
|
|
|
5230
5223
|
return targetRef;
|
|
5231
5224
|
};
|
|
5232
5225
|
|
|
5233
|
-
var css_248z$5 = ".
|
|
5226
|
+
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}";
|
|
5234
5227
|
styleInject(css_248z$5);
|
|
5235
5228
|
|
|
5236
5229
|
const b$5 = block('mobile-header-burger');
|
|
@@ -5239,7 +5232,7 @@ const Burger = React__default.memo(({ opened, className, onClick }) => (React__d
|
|
|
5239
5232
|
React__default.createElement("span", { className: b$5('icon-dash') })))));
|
|
5240
5233
|
Burger.displayName = 'Burger';
|
|
5241
5234
|
|
|
5242
|
-
var css_248z$4 = ".
|
|
5235
|
+
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}";
|
|
5243
5236
|
styleInject(css_248z$4);
|
|
5244
5237
|
|
|
5245
5238
|
const b$4 = block('mobile-header-logo');
|
|
@@ -5296,7 +5289,7 @@ const getSelectedItemIndex = (items) => {
|
|
|
5296
5289
|
return index === -1 ? undefined : index;
|
|
5297
5290
|
};
|
|
5298
5291
|
|
|
5299
|
-
var css_248z$3 = ".
|
|
5292
|
+
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}";
|
|
5300
5293
|
styleInject(css_248z$3);
|
|
5301
5294
|
|
|
5302
5295
|
const b$3 = block('burger-composite-bar');
|
|
@@ -5327,7 +5320,7 @@ const BurgerCompositeBar = React__default.memo(({ items, onItemClick }) => {
|
|
|
5327
5320
|
});
|
|
5328
5321
|
BurgerCompositeBar.displayName = 'BurgerCompositeBar';
|
|
5329
5322
|
|
|
5330
|
-
var css_248z$2 = ".
|
|
5323
|
+
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}";
|
|
5331
5324
|
styleInject(css_248z$2);
|
|
5332
5325
|
|
|
5333
5326
|
const b$2 = block('mobile-header-burger-menu');
|
|
@@ -5340,7 +5333,7 @@ const BurgerMenu = React__default.memo(({ items = [], renderFooter, modalItem, c
|
|
|
5340
5333
|
});
|
|
5341
5334
|
BurgerMenu.displayName = 'BurgerMenu';
|
|
5342
5335
|
|
|
5343
|
-
var css_248z$1 = ".
|
|
5336
|
+
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}";
|
|
5344
5337
|
styleInject(css_248z$1);
|
|
5345
5338
|
|
|
5346
5339
|
const b$1 = block('mobile-header');
|
|
@@ -5442,7 +5435,7 @@ const MobileHeader = React__default.forwardRef(({ logo, burgerMenu, panelItems =
|
|
|
5442
5435
|
});
|
|
5443
5436
|
MobileHeader.displayName = 'MobileHeader';
|
|
5444
5437
|
|
|
5445
|
-
var css_248z = ".
|
|
5438
|
+
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}";
|
|
5446
5439
|
styleInject(css_248z);
|
|
5447
5440
|
|
|
5448
5441
|
const b = block('mobile-header-footer-item');
|
|
@@ -5461,21 +5454,5 @@ const FooterItem = ({ icon, iconSize = MOBILE_HEADER_ICON_SIZE, className, modal
|
|
|
5461
5454
|
React__default.createElement(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))));
|
|
5462
5455
|
};
|
|
5463
5456
|
|
|
5464
|
-
|
|
5465
|
-
(function (Lang) {
|
|
5466
|
-
Lang["Ru"] = "ru";
|
|
5467
|
-
Lang["En"] = "en";
|
|
5468
|
-
})(Lang || (Lang = {}));
|
|
5469
|
-
let subs = [];
|
|
5470
|
-
const config = {
|
|
5471
|
-
lang: Lang.En,
|
|
5472
|
-
};
|
|
5473
|
-
const configure = (newConfig) => {
|
|
5474
|
-
Object.assign(config, newConfig);
|
|
5475
|
-
subs.forEach((sub) => {
|
|
5476
|
-
sub(config);
|
|
5477
|
-
});
|
|
5478
|
-
};
|
|
5479
|
-
|
|
5480
|
-
export { PublicActionBar as ActionBar, AsideHeader, AsideHeaderContextProvider, Dict, Drawer, DrawerItem, FooterItem$1 as FooterItem, HotkeysPanel, Lang, MobileHeader, MobileHeaderDict, FooterItem as MobileHeaderFooterItem, Settings, Title, configure, useAsideHeaderContext };
|
|
5457
|
+
export { PublicActionBar as ActionBar, AsideHeader, AsideHeaderContextProvider, Dict, Drawer, DrawerItem, FooterItem$1 as FooterItem, HotkeysPanel, MobileHeader, MobileHeaderDict, FooterItem as MobileHeaderFooterItem, Settings, Title, useAsideHeaderContext };
|
|
5481
5458
|
//# sourceMappingURL=index.js.map
|