@gooddata/sdk-ui-kit 10.30.0-alpha.8 → 10.30.0

package/esm/sdk-ui-kit.d.ts

@@ -587,7 +587,7 @@ export declare const DefaultUiMenuHeader: React_2.FC;
 /**
  * @internal
  */
-export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: IUiMenuInteractiveItemProps<T>): React_2.ReactNode;
+export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, size, }: IUiMenuInteractiveItemProps<T>): React_2.ReactNode;
 
 /**
  * @internal
@@ -2189,6 +2189,7 @@ export declare interface IDropdownProps {
         triggerRole?: "button" | "combobox";
         popupRole?: "listbox" | "tree" | "grid" | "dialog";
     };
+    isTabCaught?: boolean;
 }
 
 /**
@@ -2735,6 +2736,8 @@ export declare interface IInvertableSelectAllCheckboxProps {
     totalItemsCount: number;
     isPartialSelection: boolean;
     isVisible: boolean;
+    onApplyButtonClick?: () => void;
+    isApplyDisabled?: boolean;
 }
 
 /**
@@ -2922,6 +2925,93 @@ export declare interface IInvertableSelectStatusProps<T> {
     getItemTitle: (item: T) => string;
 }
 
+/**
+ * @internal
+ */
+export declare interface IInvertableSelectVirtualisedProps<T> {
+    className?: string;
+    width?: number;
+    height?: number;
+    adaptiveWidth?: boolean;
+    adaptiveHeight?: boolean;
+    isSingleSelect?: boolean;
+    items: T[];
+    totalItemsCount?: number;
+    itemHeight?: number;
+    getItemTitle: (item: T) => string;
+    getItemKey: (item: T) => string;
+    isInverted: boolean;
+    selectedItems: T[];
+    selectedItemsLimit?: number;
+    onSelect?: (items: T[], isInverted: boolean) => void;
+    numberOfHiddenSelectedItems?: number;
+    searchString?: string;
+    searchPlaceholder?: string;
+    onSearch?: (search: string) => void;
+    error?: any;
+    canSubmitOnKeyDown?: boolean;
+    isLoading?: boolean;
+    nextPageItemPlaceholdersCount?: number;
+    isLoadingNextPage?: boolean;
+    onLoadNextPage?: () => void;
+    onApplyButtonClick?: () => void;
+    renderError?: (props: IInvertableSelectRenderErrorProps) => JSX.Element;
+    renderLoading?: (props: IInvertableSelectRenderLoadingProps) => JSX.Element;
+    renderSearchBar?: (props: IInvertableSelectRenderSearchBarProps) => JSX.Element;
+    renderNoData?: (props: IInvertableSelectRenderNoDataProps) => JSX.Element;
+    renderItem?: (props: IInvertableSelectVirtualisedRenderItemProps<T>) => JSX.Element;
+    renderStatusBar?: (props: IInvertableSelectRenderStatusBarProps<T>) => JSX.Element;
+    renderActions?: (props: IInvertableSelectVirtualisedRenderActionsProps) => JSX.Element;
+}
+
+/**
+ * @internal
+ */
+export declare interface IInvertableSelectVirtualisedRenderActionsProps {
+    checked: boolean;
+    onChange: (value: boolean) => void;
+    onToggle: () => void;
+    totalItemsCount: number;
+    isFiltered: boolean;
+    isPartialSelection: boolean;
+    isVisible: boolean;
+    onApplyButtonClick?: () => void;
+}
+
+/**
+ * Properties of List item component implementation
+ *
+ * @internal
+ */
+export declare interface IInvertableSelectVirtualisedRenderItemProps<T> {
+    /**
+     * Item of list
+     */
+    item: T;
+    /**
+     * Title of the item
+     */
+    title: string;
+    /**
+     * Indicate that item is selected
+     */
+    isSelected: boolean;
+    focused: boolean;
+    focusedAction?: string;
+    /**
+     * Add item to selection callback
+     */
+    onSelect: () => void;
+    /**
+     * Remove item from selection
+     */
+    onDeselect: () => void;
+    /**
+     * Select item only
+     */
+    onSelectOnly: () => void;
+}
+
 /**
  * @internal
  */
@@ -3693,6 +3783,11 @@ export declare function InvertableSelectStatus<T>(props: IInvertableSelectStatus
  */
 export declare function InvertableSelectStatusBar<T>(props: IInvertableSelectStatusBarProps<T>): React_2.JSX.Element;
 
+/**
+ * @internal
+ */
+export declare function InvertableSelectVirtualised<T>(props: IInvertableSelectVirtualisedProps<T>): React_2.JSX.Element;
+
 /**
  * @internal
  */
@@ -4751,6 +4846,7 @@ export declare type IUiMenuInteractiveItem<T extends IUiMenuItemData = object> =
     id: string;
     stringTitle: string;
     isDisabled?: boolean;
+    isSelected?: boolean;
     data: T["interactive"];
     subItems?: IUiMenuItem<T>[];
 };
@@ -4762,6 +4858,7 @@ export declare interface IUiMenuInteractiveItemProps<T extends IUiMenuItemData =
     item: IUiMenuInteractiveItem<T>;
     isFocused: boolean;
     onSelect: () => void;
+    size?: SizeSmall | SizeMedium;
 }
 
 /**
@@ -5913,6 +6010,7 @@ export declare interface UiFocusTrapProps {
      * If not provided, the default keyboard navigation handler will be used.
      */
     customKeyboardNavigationHandler?: (event: KeyboardEvent) => void;
+    isTabCaught?: boolean;
 }
 
 /**
@@ -6045,6 +6143,18 @@ export declare interface UiPagedVirtualListProps<T> {
     hasNextPage?: boolean;
     loadNextPage?: () => void;
     isLoading?: boolean;
+    /**
+     * An item in the list that should be scrolled into view when the component renders.
+     * By default, items are compared by object identity (i.e., `===`).
+     * To customize how the target item is found (e.g., by ID), provide a `scrollToItemKeyExtractor` as well.
+     */
+    scrollToItem?: T;
+    /**
+     * A function that extracts a unique key from each item for comparison with `scrollToItem`.
+     * This is useful when the provided `scrollToItem` may not be the same object reference as items in the list.
+     * If not provided, object identity (`===`) is used for comparison.
+     */
+    scrollToItemKeyExtractor?: (item: T) => string | number;
     children: (item: T) => React_2.ReactNode;
     SkeletonItem?: React_2.ComponentType<UiPagedVirtualListSkeletonItemProps>;
 }
@@ -6205,13 +6315,14 @@ export declare const useIsZoomed: (baseZoomLevel?: number) => boolean;
 /**
  * @internal
  */
-export declare function useListWithActionsKeyboardNavigation<Item, Action extends string>({ items, actionHandlers, getItemAdditionalActions, isNestedList, }: {
+export declare function useListWithActionsKeyboardNavigation<Item, Action extends string>({ items, actionHandlers, getItemAdditionalActions, isNestedList, focusedIndex: focusedIndexProp, }: {
     items: Item[];
     actionHandlers: {
-        [key in Action | typeof SELECT_ITEM_ACTION]: (item: Item) => (() => void) | undefined;
+        [key in Action | typeof SELECT_ITEM_ACTION]: (item: Item, e?: React_2.KeyboardEvent) => (() => void) | undefined;
     };
     getItemAdditionalActions: (item: Item) => Action[];
     isNestedList?: boolean;
+    focusedIndex?: number;
 }): {
     onKeyboardNavigation: (event: React_2.KeyboardEvent<Element>) => void;
     onBlur: React_2.FocusEventHandler<Element>;

package/esm/utils/useAutofocusOnMount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutofocusOnMount.d.ts","sourceRoot":"","sources":["../../src/utils/useAutofocusOnMount.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,gCAAgC,iBAAiB,YAKhD,WAAW,GAAG,IAAI,SAGrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,YACnB,WAAW,GAAG,IAAI,GAAG,SAAS,+BACX,iBAAiB,SA+BhD,CAAC;AAMF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACnC;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,iBAAiB,CASxB,CAAC"}
+{"version":3,"file":"useAutofocusOnMount.d.ts","sourceRoot":"","sources":["../../src/utils/useAutofocusOnMount.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,gCAAgC,iBAAiB,YAKhD,WAAW,GAAG,IAAI,SAGrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,YACnB,WAAW,GAAG,IAAI,GAAG,SAAS,+BACX,iBAAiB,SAmChD,CAAC;AAMF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACnC;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,iBAAiB,CASxB,CAAC"}

package/esm/utils/useAutofocusOnMount.js

@@ -27,12 +27,14 @@ export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) =>
             return undefined;
         }
         const observer = new IntersectionObserver(([{ target }]) => {
-            if (target.contains(document.activeElement) || isElementTextInput(document.activeElement)) {
-                observer.disconnect();
-                return;
-            }
             // Focusing a newly created element sometimes fails if not done through requestAnimationFrame()
             window.requestAnimationFrame(() => {
+                if (element.contains(document.activeElement) ||
+                    target.contains(document.activeElement) ||
+                    isElementTextInput(document.activeElement)) {
+                    observer.disconnect();
+                    return;
+                }
                 target.focus();
                 if (document.activeElement === target) {
                     observer.disconnect();

package/esm/utils/useAutofocusOnMount.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutofocusOnMount.js","sourceRoot":"","sources":["../../src/utils/useAutofocusOnMount.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAUjG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,KAAwB,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,mBAAmB,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEzD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QAClD,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,OAAuC,EACvC,EAAE,UAAU,EAAE,UAAU,KAAwB,EAAE,EACpD,EAAE;IACA,4EAA4E;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAElD,IAAI,UAAU,IAAI,CAAC,cAAc,EAAE,CAAC;YAChC,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;YACvD,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;gBACxF,QAAQ,CAAC,UAAU,EAAE,CAAC;gBACtB,OAAO;YACX,CAAC;YAED,+FAA+F;YAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC7B,MAAsB,CAAC,KAAK,EAAE,CAAC;gBAEhC,IAAI,QAAQ,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;oBACpC,QAAQ,CAAC,UAAU,EAAE,CAAC;gBAC1B,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,SAAS,iBAAiB,CAAC,OAAuC;IAC9D,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC;AAC9F,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAIzB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,sBAAsB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAE/D,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IACxC,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"useAutofocusOnMount.js","sourceRoot":"","sources":["../../src/utils/useAutofocusOnMount.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAUjG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,KAAwB,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,mBAAmB,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEzD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QAClD,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,OAAuC,EACvC,EAAE,UAAU,EAAE,UAAU,KAAwB,EAAE,EACpD,EAAE;IACA,4EAA4E;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAElD,IAAI,UAAU,IAAI,CAAC,cAAc,EAAE,CAAC;YAChC,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;YACvD,+FAA+F;YAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC9B,IACI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACxC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACvC,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC5C,CAAC;oBACC,QAAQ,CAAC,UAAU,EAAE,CAAC;oBACtB,OAAO;gBACX,CAAC;gBAEA,MAAsB,CAAC,KAAK,EAAE,CAAC;gBAEhC,IAAI,QAAQ,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;oBACpC,QAAQ,CAAC,UAAU,EAAE,CAAC;gBAC1B,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,SAAS,iBAAiB,CAAC,OAAuC;IAC9D,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC;AAC9F,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAIzB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,sBAAsB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAE/D,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IACxC,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.30.0-alpha.8",
+  "version": "10.30.0",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -75,11 +75,11 @@
     "@codemirror/autocomplete": "^6.18.6",
     "@lezer/highlight": "~1.2.1",
     "@codemirror/commands": "~6.8.1",
-    "@gooddata/sdk-backend-spi": "10.30.0-alpha.8",
-    "@gooddata/sdk-model": "10.30.0-alpha.8",
-    "@gooddata/sdk-ui": "10.30.0-alpha.8",
-    "@gooddata/util": "10.30.0-alpha.8",
-    "@gooddata/sdk-ui-theme-provider": "10.30.0-alpha.8"
+    "@gooddata/sdk-backend-spi": "10.30.0",
+    "@gooddata/sdk-ui": "10.30.0",
+    "@gooddata/sdk-model": "10.30.0",
+    "@gooddata/util": "10.30.0",
+    "@gooddata/sdk-ui-theme-provider": "10.30.0"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -137,8 +137,8 @@
     "typescript": "5.3.3",
     "vitest": "3.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.30.0-alpha.8",
-    "@gooddata/sdk-backend-mockingbird": "10.30.0-alpha.8"
+    "@gooddata/reference-workspace": "10.30.0",
+    "@gooddata/sdk-backend-mockingbird": "10.30.0"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/src/@ui/UiMenu/UiMenu.scss

@@ -110,6 +110,7 @@
         line-height: 20px;
         color: variables.$gd-color-text;
         transition: background-color 0.2s;
+        box-sizing: border-box;
 
         // Controlled by mouse and has hover
         #{$root}--controlType-mouse &:hover:not(&--isDisabled) {
@@ -121,6 +122,29 @@
             color: variables.$gd-color-disabled;
             cursor: not-allowed;
         }
+
+        &--isSelected {
+            font-weight: bold;
+            background-color: variables.$is-selected-background;
+            color: variables.$is-selected-color;
+        }
+
+        #{$root}--controlType-mouse &--isSelected:hover:not(&--isDisabled) {
+            background-color: variables.$is-selected-focused-background;
+            color: variables.$is-selected-color;
+        }
+
+        &--size {
+            &-small {
+                height: 28px;
+                font-size: 12px;
+            }
+
+            &-medium {
+                height: 36px;
+                font-size: 14px;
+            }
+        }
     }
 
     &__item-title {

package/styles/css/header.css

@@ -68,15 +68,6 @@
 .gd-header-menu {
   flex: 1 0 auto;
 }
-.gd-header-menu,
-.gd-header-menu li {
-  margin: 0;
-  padding: 0;
-}
-.gd-header-menu li {
-  display: block;
-  list-style: none;
-}
 
 .gd-header-menu-vertical-wrapper {
   position: fixed;
@@ -118,10 +109,12 @@
   text-overflow: ellipsis;
 }
 
-.gd-header-menu-vertical li a {
+.gd-header-menu-vertical .gd-header-menu-item {
+  margin: 0;
   position: relative;
   display: flex;
   align-items: center;
+  gap: 6px;
   height: auto;
   padding: 9px 15px;
   line-height: 24px;
@@ -130,44 +123,38 @@
   cursor: pointer;
   font-size: 16px;
 }
-.gd-header-menu-vertical li a::before, .gd-header-menu-vertical li a::after {
+.gd-header-menu-vertical .gd-header-menu-item::before, .gd-header-menu-vertical .gd-header-menu-item::after {
   content: "";
   position: absolute;
   display: block;
 }
-.gd-header-menu-vertical li a::before {
+.gd-header-menu-vertical .gd-header-menu-item::before {
   top: 0;
   bottom: 0;
   left: 0;
   width: 4px;
 }
-.gd-header-menu-vertical li a::after {
-  right: 15px;
+.gd-header-menu-vertical .gd-header-menu-item::after {
+  right: 0;
   bottom: -1px;
-  left: 15px;
+  left: 0;
   height: 1px;
   border-bottom: 1px solid var(--gd-palette-complementary-4-from-theme, rgba(148, 161, 173, 0.2));
 }
-.gd-header-menu-vertical li a:hover {
+.gd-header-menu-vertical .gd-header-menu-item:hover {
   border: none;
   color: var(--gd-palette-complementary-9-from-theme, #fff);
 }
-.gd-header-menu-vertical li a:hover::before {
-  background-color: var(--gd-palette-complementary-6-from-theme, inherit);
-}
-.gd-header-menu-vertical li a:hover::after {
-  display: none;
-}
-.gd-header-menu-vertical li a.active {
+.gd-header-menu-vertical .gd-header-menu-item.active {
   border: none;
   color: var(--gd-palette-complementary-9-from-theme, #fff);
   background-color: var(--gd-palette-complementary-0-from-theme, #131c28);
   font-weight: bold;
 }
-.gd-header-menu-vertical li a.active::after {
+.gd-header-menu-vertical .gd-header-menu-item.active::after {
   display: none;
 }
-.gd-header-menu-vertical li a.active::before {
+.gd-header-menu-vertical .gd-header-menu-item.active::before {
   background-color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-header-menu-vertical .gd-header-menu-section {
@@ -201,12 +188,6 @@
 .gd-header-menu-vertical-content .gd-header-menu {
   display: block;
 }
-.gd-header-menu-vertical-content .gd-header-menu li:last-child a {
-  border-bottom: 1px solid var(--gd-palette-complementary-4-from-theme, rgba(148, 161, 173, 0.2));
-}
-.gd-header-menu-vertical-content .gd-header-menu li:last-child a::after {
-  display: none;
-}
 .gd-header-menu-vertical-content .gd-header-menu-trial {
   display: flex;
   flex-direction: column;
@@ -250,7 +231,6 @@
 .gd-list-help-menu-item .gd-icon {
   width: 16px;
   height: 16px;
-  margin-right: 10px;
 }
 .gd-list-help-menu-item .gd-icon-slack {
   background: url("~@gooddata/sdk-ui-kit/esm/assets/slack.svg") no-repeat;
@@ -397,10 +377,6 @@ a.gd-list-help-menu-item.gd-list-item:focus {
   font-weight: 400;
 }
 
-.gd-header-notifications-icon {
-  padding-right: 5px;
-}
-
 .gd-header-notifications {
   height: 100%;
   margin: 0;
@@ -467,6 +443,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
 }
 .gd-header-chat:hover {
   opacity: 1;
+  background: rgba(255, 255, 255, 0.3);
 }
 .gd-header-chat .gd-button-text {
   display: flex;
@@ -592,11 +569,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
 .gd-header-help:hover,
 .gd-header-help.is-open {
   opacity: 1;
-}
-.gd-header-invite.is-open,
-.gd-header-account.is-open,
-.gd-header-help.is-open {
-  background-color: rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.3);
 }
 
 .gd-header-invite,

package/styles/css/header.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/mixins.scss","../scss/header.scss","../scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACxKA;EACI;EACA;EACA;EACA;EACA;EACA,QAfe;EAgBf;EACA;EACA;EACA,aCsEc;EDrEd;;AAEA;EAGI;;AAGJ;EACI;;;AAIR;EACI;EACA,QAnCe;EAoCf;EACA;EACA;EACA;EACA;EDsBA,0BCpB2B;EDqB3B,6BCrB2B;EDsB3B,qBCtB2B;ED0B3B,0BC1BgC;ED2BhC,6BC3BgC;ED4BhC,qBC5BgC;;AAEhC;EACI;;AAIA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;AAEA;AAAA;EAEI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCrFmB;EDsFnB;;AAEA;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCjHmB;EDkHnB;EACA;;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAOJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,kBCnKU;;ADwKtB;EACI;EACA;EACA;;;AAIR;EACI;EACA,QArNe;EAsNf,aAtNe;EAuNf;EACA,cAxNe;EAyNf;EACA;EACA;EACA;;;AAGJ;EACI;EACA,KAjOe;EAkOf;EACA;EACA;EACA;EACA;EACA;;AAMA;EACI;;AAGJ;EACI;;AAMA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAIR;AAAA;EAEI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAQA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA,kBClTc;;;ADuTtB;EAGI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA,QAxWe;EAyWf;EACA;EACA;EACA;ED9SA,0BCgT2B;ED/S3B,6BC+S2B;ED9S3B,qBC8S2B;ED1S3B,0BC0SkC;EDzSlC,6BCySkC;EDxSlC,qBCwSkC;;ADrMlC;ECwMI;EACA;EACA;;AAGJ;EAII;EACA;;AAGJ;EAEI;;AAGJ;EACI;EACA,cCjWkB;EDkWlB;;AAGJ;EACI;;;AAIR;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA,kBC3Ya;ED4Yb;EACA;;AAEA;AAAA;EACI;EACA;EACA,kBClZS;EDoZT;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDjUA;EACA;EACA,eAHwB;;ACsUxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCzWS;ED0WT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aClYE;EDmYF;;;AAMhB;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDjYA;EACA;EACA,eAHwB;;ACsYxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCzaS;ED0aT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aClcE;EDmcF;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA,WA5kBsB;;AA8kBtB;AAAA;EAEI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aAjmBe;EAkmBf;EACA;EACA;EDpfA;EACA;EACA,eAHwB;;ACyfxB;EAEI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,aC5hBK;ED6hBL;;AAIR;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,aCjkBU;;ADokBd;EACI;EACA;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED/jBA;EACA;EACA,eAHwB;;ACokBxB;AAAA;AAAA;AAAA;AAAA;EAEI;;AAGJ;AAAA;AAAA;EACI;;;AAIR;AAAA;AAAA;EAGI;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;;AAEA;AAAA;AAAA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EAKA;;AAJA;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCzoBS;ED0oBT;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;;AAKA;AAAA;EACI;EACA;EACA;;;AAKJ;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAIA;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA,OAjyBe;EAkyBf,QAlyBe;EAmyBf;EACA;;AAEA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EAEI,OCv0BQ;;;AD20BhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC/0BkB;EDg1BlB;EACA;EACA;EACA;EACA;EACA,kBCh2BmB;;ADk2BnB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA,kBC72BQ;;;ADi3BhB;EACI;EACA;EACA;EACA;EACA;EACA,aCnzBc;EDozBd;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;;AAEA;EACI;;AAEA;EACI,aC51BM;ED61BN;;AAGA;EACI;EACA;;AAEJ;EACI;;;AAMhB;EACI;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA,aCr3BM;EDs3BN;EACA;;AAGJ;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI,OCr8BQ;EDs8BR;EACA;;AAEA;EACI,OCp8BI;EDq8BJ;;AAGJ;EACI;EACA;;;AAKZ;EACI;EACA;;AAqBA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AApCJ;EACI,OCp+BQ;;ADu+BZ;EACI,OCn+BI;;ADw+BR;EACI;EACA;;AAZJ;EACI,OCp+BQ;;ADu+BZ;EACI,OCn+BI;;AD0gCZ;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;AArDJ;EACI,OCp+BQ;;ADu+BZ;EACI,OCn+BI;;ADw+BR;EACI;EACA;;AAZJ;EACI,OCp+BQ;;ADu+BZ;EACI,OCn+BI;;AD2hCZ;EACI;EACA;;AAEA;EACI;;AACA;EACI,OCviCI;;ADm+BZ;EACI,OCp+BQ;;ADu+BZ;EACI,OCn+BI;;ADw+BR;EACI;EACA;;AAZJ;EACI,OCp+BQ;;ADu+BZ;EACI,OCn+BI;;AD0iCR;EACI,OC3iCI;;AD+iCZ;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA,OC1jCQ;ED2jCR,cA9kC4B;ED2MhC,YC5MmC,SD4MT;EAC1B;EACA;EACA;EACA;;ACs4BI;EAEI;EACA,OC1lCS;;AD6lCb;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKJ;EACI,OC3lCI;;AD+lCZ;EACI;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;;AAGJ;EACI;EACA;;;AAOA;EACI;;AAIJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCrkCc;;ADukCd;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,aC1pCc;ED2pCd;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI","file":"header.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/mixins.scss","../scss/header.scss","../scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACxKA;EACI;EACA;EACA;EACA;EACA;EACA,QAfe;EAgBf;EACA;EACA;EACA,aCsEc;EDrEd;;AAEA;EAGI;;AAGJ;EACI;;;AAIR;EACI;EACA,QAnCe;EAoCf;EACA;EACA;EACA;EACA;EDsBA,0BCpB2B;EDqB3B,6BCrB2B;EDsB3B,qBCtB2B;ED0B3B,0BC1BgC;ED2BhC,6BC3BgC;ED4BhC,qBC5BgC;;AAEhC;EACI;;AAIA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC1EmB;ED2EnB;;AAEA;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtGmB;EDuGnB;EACA;;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAOJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,kBClJU;;ADuJtB;EACI;EACA;EACA;;;AAIR;EACI;EACA,QApMe;EAqMf,aArMe;EAsMf;EACA,cAvMe;EAwMf;EACA;EACA;EACA;;;AAGJ;EACI;EACA,KAhNe;EAiNf;EACA;EACA;EACA;EACA;EACA;;AAMA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAIR;AAAA;EAEI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAQA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA,kBCpRc;;;ADyRtB;EAGI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA,QA1Ue;EA2Uf;EACA;EACA;EACA;EDhRA,0BCkR2B;EDjR3B,6BCiR2B;EDhR3B,qBCgR2B;ED5Q3B,0BC4QkC;ED3QlC,6BC2QkC;ED1QlC,qBC0QkC;;ADvKlC;EC0KI;EACA;EACA;;AAGJ;EAII;EACA;;AAGJ;EAEI;;AAGJ;EACI;EACA,cCnUkB;EDoUlB;;AAGJ;EACI;;;AAIR;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA,kBC7Wa;ED8Wb;EACA;;AAEA;AAAA;EACI;EACA;EACA,kBCpXS;EDsXT;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDnSA;EACA;EACA,eAHwB;;ACwSxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aC3US;ED4UT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aCpWE;EDqWF;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED/VA;EACA;EACA,eAHwB;;ACoWxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCvYS;EDwYT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aChaE;EDiaF;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA,WA3iBsB;;AA6iBtB;AAAA;EAEI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aAhkBe;EAikBf;EACA;EACA;EDndA;EACA;EACA,eAHwB;;ACwdxB;EAEI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,aC3fK;ED4fL;;AAIR;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,aChiBU;;ADmiBd;EACI;EACA;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED9hBA;EACA;EACA,eAHwB;;ACmiBxB;AAAA;AAAA;AAAA;AAAA;EAEI;EACA;;;AAIR;AAAA;AAAA;EAGI;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;;AAEA;AAAA;AAAA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EAKA;;AAJA;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCrmBS;EDsmBT;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;;AAKA;AAAA;EACI;EACA;EACA;;;AAKJ;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAIA;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA,OA7vBe;EA8vBf,QA9vBe;EA+vBf;EACA;;AAEA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EAEI,OCnyBQ;;;ADuyBhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC3yBkB;ED4yBlB;EACA;EACA;EACA;EACA;EACA,kBC5zBmB;;AD8zBnB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA,kBCz0BQ;;;AD60BhB;EACI;EACA;EACA;EACA;EACA;EACA,aC/wBc;EDgxBd;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;;AAEA;EACI;;AAEA;EACI,aCxzBM;EDyzBN;;AAGA;EACI;EACA;;AAEJ;EACI;;;AAMhB;EACI;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA,aCj1BM;EDk1BN;EACA;;AAGJ;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI,OCj6BQ;EDk6BR;EACA;;AAEA;EACI,OCh6BI;EDi6BJ;;AAGJ;EACI;EACA;;;AAKZ;EACI;EACA;;AAqBA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AApCJ;EACI,OCh8BQ;;ADm8BZ;EACI,OC/7BI;;ADo8BR;EACI;EACA;;AAZJ;EACI,OCh8BQ;;ADm8BZ;EACI,OC/7BI;;ADs+BZ;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;AArDJ;EACI,OCh8BQ;;ADm8BZ;EACI,OC/7BI;;ADo8BR;EACI;EACA;;AAZJ;EACI,OCh8BQ;;ADm8BZ;EACI,OC/7BI;;ADu/BZ;EACI;EACA;;AAEA;EACI;;AACA;EACI,OCngCI;;AD+7BZ;EACI,OCh8BQ;;ADm8BZ;EACI,OC/7BI;;ADo8BR;EACI;EACA;;AAZJ;EACI,OCh8BQ;;ADm8BZ;EACI,OC/7BI;;ADsgCR;EACI,OCvgCI;;AD2gCZ;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA,OCthCQ;EDuhCR,cA1iC4B;ED2MhC,YC5MmC,SD4MT;EAC1B;EACA;EACA;EACA;;ACk2BI;EAEI;EACA,OCtjCS;;ADyjCb;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKJ;EACI,OCvjCI;;AD2jCZ;EACI;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;;AAGJ;EACI;EACA;;;AAOA;EACI;;AAIJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCjiCc;;ADmiCd;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,aCtnCc;EDunCd;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI","file":"header.css"}

package/styles/css/main.css

@@ -955,6 +955,7 @@
   line-height: 20px;
   color: var(--gd-palette-complementary-8, #464e56);
   transition: background-color 0.2s;
+  box-sizing: border-box;
 }
 .gd-ui-kit-menu--controlType-mouse .gd-ui-kit-menu__item:hover:not(.gd-ui-kit-menu__item--isDisabled) {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
@@ -964,6 +965,23 @@
   color: var(--gd-palette-complementary-5, #b0beca);
   cursor: not-allowed;
 }
+.gd-ui-kit-menu__item--isSelected {
+  font-weight: bold;
+  background-color: none;
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-ui-kit-menu--controlType-mouse .gd-ui-kit-menu__item--isSelected:hover:not(.gd-ui-kit-menu__item--isDisabled) {
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-ui-kit-menu__item--size-small {
+  height: 28px;
+  font-size: 12px;
+}
+.gd-ui-kit-menu__item--size-medium {
+  height: 36px;
+  font-size: 14px;
+}
 .gd-ui-kit-menu__item-title {
   width: 100%;
   white-space: nowrap;
@@ -6120,15 +6138,6 @@ button.gd-list-item {
 .gd-header-menu {
   flex: 1 0 auto;
 }
-.gd-header-menu,
-.gd-header-menu li {
-  margin: 0;
-  padding: 0;
-}
-.gd-header-menu li {
-  display: block;
-  list-style: none;
-}
 
 .gd-header-menu-vertical-wrapper {
   position: fixed;
@@ -6170,10 +6179,12 @@ button.gd-list-item {
   text-overflow: ellipsis;
 }
 
-.gd-header-menu-vertical li a {
+.gd-header-menu-vertical .gd-header-menu-item {
+  margin: 0;
   position: relative;
   display: flex;
   align-items: center;
+  gap: 6px;
   height: auto;
   padding: 9px 15px;
   line-height: 24px;
@@ -6182,44 +6193,38 @@ button.gd-list-item {
   cursor: pointer;
   font-size: 16px;
 }
-.gd-header-menu-vertical li a::before, .gd-header-menu-vertical li a::after {
+.gd-header-menu-vertical .gd-header-menu-item::before, .gd-header-menu-vertical .gd-header-menu-item::after {
   content: "";
   position: absolute;
   display: block;
 }
-.gd-header-menu-vertical li a::before {
+.gd-header-menu-vertical .gd-header-menu-item::before {
   top: 0;
   bottom: 0;
   left: 0;
   width: 4px;
 }
-.gd-header-menu-vertical li a::after {
-  right: 15px;
+.gd-header-menu-vertical .gd-header-menu-item::after {
+  right: 0;
   bottom: -1px;
-  left: 15px;
+  left: 0;
   height: 1px;
   border-bottom: 1px solid var(--gd-palette-complementary-4-from-theme, rgba(148, 161, 173, 0.2));
 }
-.gd-header-menu-vertical li a:hover {
+.gd-header-menu-vertical .gd-header-menu-item:hover {
   border: none;
   color: var(--gd-palette-complementary-9-from-theme, #fff);
 }
-.gd-header-menu-vertical li a:hover::before {
-  background-color: var(--gd-palette-complementary-6-from-theme, inherit);
-}
-.gd-header-menu-vertical li a:hover::after {
-  display: none;
-}
-.gd-header-menu-vertical li a.active {
+.gd-header-menu-vertical .gd-header-menu-item.active {
   border: none;
   color: var(--gd-palette-complementary-9-from-theme, #fff);
   background-color: var(--gd-palette-complementary-0-from-theme, #131c28);
   font-weight: bold;
 }
-.gd-header-menu-vertical li a.active::after {
+.gd-header-menu-vertical .gd-header-menu-item.active::after {
   display: none;
 }
-.gd-header-menu-vertical li a.active::before {
+.gd-header-menu-vertical .gd-header-menu-item.active::before {
   background-color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-header-menu-vertical .gd-header-menu-section {
@@ -6253,12 +6258,6 @@ button.gd-list-item {
 .gd-header-menu-vertical-content .gd-header-menu {
   display: block;
 }
-.gd-header-menu-vertical-content .gd-header-menu li:last-child a {
-  border-bottom: 1px solid var(--gd-palette-complementary-4-from-theme, rgba(148, 161, 173, 0.2));
-}
-.gd-header-menu-vertical-content .gd-header-menu li:last-child a::after {
-  display: none;
-}
 .gd-header-menu-vertical-content .gd-header-menu-trial {
   display: flex;
   flex-direction: column;
@@ -6302,7 +6301,6 @@ button.gd-list-item {
 .gd-list-help-menu-item .gd-icon {
   width: 16px;
   height: 16px;
-  margin-right: 10px;
 }
 .gd-list-help-menu-item .gd-icon-slack {
   background: url("~@gooddata/sdk-ui-kit/esm/assets/slack.svg") no-repeat;
@@ -6449,10 +6447,6 @@ a.gd-list-help-menu-item.gd-list-item:focus {
   font-weight: 400;
 }
 
-.gd-header-notifications-icon {
-  padding-right: 5px;
-}
-
 .gd-header-notifications {
   height: 100%;
   margin: 0;
@@ -6519,6 +6513,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
 }
 .gd-header-chat:hover {
   opacity: 1;
+  background: rgba(255, 255, 255, 0.3);
 }
 .gd-header-chat .gd-button-text {
   display: flex;
@@ -6644,11 +6639,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
 .gd-header-help:hover,
 .gd-header-help.is-open {
   opacity: 1;
-}
-.gd-header-invite.is-open,
-.gd-header-account.is-open,
-.gd-header-help.is-open {
-  background-color: rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.3);
 }
 
 .gd-header-invite,
@@ -7534,6 +7525,10 @@ button.gd-button-primary.gd-upsell-button:active {
   visibility: hidden;
 }
 
+.overlay-wrapper[style*="position: fixed"] .gd-focus-trap {
+  height: 100%;
+}
+
 .gd-error-overlay-content .modalityPlugin-mask-visible {
   z-index: 10001;
   opacity: 0.95;