@gooddata/sdk-ui-kit 10.18.0-alpha.3 → 10.18.0-alpha.31

package/esm/index.js

@@ -70,4 +70,5 @@ export { ComponentTable, propCombinationsFor } from "./@ui/@dev/ComponentTable.j
 export { bem, bemFactory } from "./@ui/@utils/bem.js";
 export { UiButton } from "./@ui/UiButton/UiButton.js";
 export { UiIcon } from "./@ui/UiIcon/UiIcon.js";
+export { UiSkeleton } from "./@ui/UiSkeleton/UiSkeleton.js";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAYtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAYtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC"}

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

@@ -1144,7 +1144,10 @@ export declare interface IAppHeaderProps {
     showInviteItem?: boolean;
     onInviteItemClick?: (e: React_2.MouseEvent) => void;
     search?: React_2.ReactNode;
-    notificationsPanel?: React_2.ReactNode;
+    notificationsPanel?: (props: {
+        isMobile: boolean;
+        closeNotificationsOverlay: () => void;
+    }) => React_2.ReactNode;
     showChatItem?: boolean;
     onChatItemClick?: (e: React_2.MouseEvent) => void;
 }
@@ -1159,6 +1162,7 @@ export declare interface IAppHeaderState {
     responsiveMode: boolean;
     isHelpMenuOpen: boolean;
     isSearchMenuOpen: boolean;
+    isNotificationsMenuOpen: boolean;
 }
 
 /**
@@ -1487,7 +1491,7 @@ export declare interface IConfirmDialogBaseProps extends IDialogBaseProps {
 /**
  * @internal
  */
-export declare type IconType = "check" | "plus" | "sync" | "alert" | "close";
+export declare type IconType = "check" | "plus" | "sync" | "alert" | "close" | "question";
 
 /**
  * @internal
@@ -1703,6 +1707,7 @@ export declare interface IDropdownButtonProps {
     className?: string;
     value?: ReactNode;
     title?: string;
+    ariaLabel?: string;
     disabled?: boolean;
     isOpen?: boolean;
     isSmall?: boolean;
@@ -2170,6 +2175,7 @@ export declare interface IHeaderMenuItem {
     className?: string;
     target?: string;
     iconName?: string;
+    icon?: React_2.ReactNode;
     onClick?: (obj: any) => void;
 }
 
@@ -5001,7 +5007,7 @@ export declare type TypographyTagName = "h1" | "h2" | "h3" | "p";
 /**
  * @internal
  */
-export declare const UiButton: ({ buttonRef, size, variant, label, isDisabled, isLoading, iconBefore, iconAfter, onClick, }: UiButtonProps) => React_2.JSX.Element;
+export declare const UiButton: ({ buttonRef, size, variant, label, isDisabled, isLoading, iconBefore, iconAfter, onClick, dataId, }: UiButtonProps) => React_2.JSX.Element;
 
 /**
  * @internal
@@ -5017,6 +5023,7 @@ export declare interface UiButtonProps {
     isLoading?: boolean;
     tooltip?: React_2.ReactNode;
     onClick?: (e: React_2.MouseEvent<HTMLButtonElement>) => void;
+    dataId?: string;
 }
 
 /**
@@ -5034,6 +5041,37 @@ export declare interface UiIconProps {
     size?: number;
 }
 
+/**
+ * @internal
+ */
+export declare function UiSkeleton({ itemsCount, itemHeight, itemWidth, gap, direction, }: UiSkeletonProps): React_2.JSX.Element;
+
+/**
+ * @internal
+ */
+export declare interface UiSkeletonProps {
+    /**
+     * Number of items to render.
+     */
+    itemsCount?: number;
+    /**
+     * Height of the item, or items.
+     */
+    itemHeight?: (number | string) | (number | string)[];
+    /**
+     * Width of the item, or items.
+     */
+    itemWidth?: (number | string) | (number | string)[];
+    /**
+     * Gap between the items.
+     */
+    gap?: number;
+    /**
+     * Whether to render the skeleton in a row or column.
+     */
+    direction?: "row" | "column";
+}
+
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.18.0-alpha.3",
+  "version": "10.18.0-alpha.31",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -51,6 +51,7 @@
     "react-fast-compare": "^3.2.0",
     "react-helmet": "^6.1.0",
     "react-intl": "^6.4.1",
+    "react-loading-skeleton": "^3.4.0",
     "react-markdown": "^9.0.1",
     "react-measure": "^2.5.2",
     "react-native-listener": "~1.1.0",
@@ -63,11 +64,11 @@
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
-    "@gooddata/sdk-backend-spi": "10.18.0-alpha.3",
-    "@gooddata/sdk-ui": "10.18.0-alpha.3",
-    "@gooddata/sdk-model": "10.18.0-alpha.3",
-    "@gooddata/sdk-ui-theme-provider": "10.18.0-alpha.3",
-    "@gooddata/util": "10.18.0-alpha.3"
+    "@gooddata/sdk-backend-spi": "10.18.0-alpha.31",
+    "@gooddata/sdk-model": "10.18.0-alpha.31",
+    "@gooddata/sdk-ui-theme-provider": "10.18.0-alpha.31",
+    "@gooddata/sdk-ui": "10.18.0-alpha.31",
+    "@gooddata/util": "10.18.0-alpha.31"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -126,8 +127,8 @@
     "typescript": "5.3.3",
     "vitest": "1.0.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.18.0-alpha.3",
-    "@gooddata/sdk-backend-mockingbird": "10.18.0-alpha.3"
+    "@gooddata/reference-workspace": "10.18.0-alpha.31",
+    "@gooddata/sdk-backend-mockingbird": "10.18.0-alpha.31"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/src/@ui/UiSkeleton/UiSkeleton.scss

@@ -0,0 +1,41 @@
+// (C) 2024 GoodData Corporation
+@use "react-loading-skeleton/dist/skeleton.css";
+
+.gd-ui-kit-skeleton {
+    height: 100%;
+    width: 100%;
+    display: flex;
+
+    &--direction {
+        &-column {
+            flex-direction: column;
+            justify-content: flex-start;
+            align-items: flex-start;
+        }
+
+        &-row {
+            flex-direction: row;
+            justify-content: flex-start;
+            align-items: center;
+        }
+    }
+
+    &__item {
+        border-radius: 3px;
+        width: 100%;
+        height: 100%;
+    }
+
+    .react-loading-skeleton {
+        --base-color: var(--gd-palette-complementary-2);
+        --highlight-color: var(--gd-palette-complementary-0);
+    }
+
+    span {
+        line-height: 0;
+        font-size: 0;
+        width: 100%;
+        height: 100%;
+        display: block;
+    }
+}

package/src/@ui/index.scss

@@ -2,3 +2,4 @@
 
 @use "./UiButton/UiButton.scss";
 @use "./UiIcon/UiIcon.scss";
+@use "./UiSkeleton/UiSkeleton.scss";

package/styles/css/header.css

@@ -318,14 +318,16 @@
   align-items: center;
 }
 
-.gd-header-menu-search {
+.gd-header-menu-search,
+.gd-header-menu-notifications {
   display: flex;
   flex-direction: column;
   background-color: var(--gd-palette-complementary-0, #fff);
   width: 100vw;
   height: 100vh;
 }
-.gd-header-menu-search-title {
+.gd-header-menu-search-title,
+.gd-header-menu-notifications-title {
   height: 45px;
   line-height: 45px;
   background-color: var(--gd-palette-complementary-0, #fff);
@@ -386,6 +388,62 @@
   font-weight: 400;
 }
 
+.gd-header-notifications-icon {
+  padding-right: 5px;
+}
+
+.gd-header-notifications {
+  height: 100%;
+  margin: 0;
+  line-height: 42px;
+  opacity: 0.8;
+  cursor: pointer;
+  transition: all 0.2s;
+  font-size: 14px;
+  font-weight: 400;
+  position: relative;
+  box-sizing: border-box;
+  padding: 0 34px 2px 13px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.gd-header-notifications:hover, .gd-header-notifications.is-open {
+  opacity: 1;
+}
+.gd-header-notifications::after {
+  content: "\e612";
+  position: absolute;
+  top: 0;
+  right: 11px;
+  margin-left: 11px;
+  width: 12px;
+  opacity: 0.5;
+  text-align: center;
+  font-family: "Indigo", sans-serif;
+  font-size: 18px;
+  font-weight: 700;
+}
+.gd-header-notifications.is-open::after {
+  content: "\e613";
+}
+.gd-header-notifications:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.gd-header-notifications.is-open {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+.gd-header-notifications-dropdown {
+  overflow: hidden;
+}
+.gd-header-notifications-dropdown .gd-list {
+  min-width: 210px;
+}
+.gd-header-notifications-dropdown .gd-list .gd-list-item {
+  font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+  font-weight: 400;
+}
+
 .gd-header-chat {
   height: 100%;
   margin: 0;
@@ -674,7 +732,7 @@
   opacity: 0;
   border-color: var(--gd-palette-complementary-6-from-theme, inherit);
 }
-.hamburger-icon.search-open {
+.hamburger-icon.search-open, .hamburger-icon.notifications-open {
   color: var(--gd-palette-complementary-8, #464e56);
 }
 

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;;ADoHJ;EC/GQ;;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;;;ADuT1B;EACI;EACA;EACA,QA3Ve;EA4Vf;EACA;EACA;EACA;EDjSA,0BCmS2B;EDlS3B,6BCkS2B;EDjS3B,qBCiS2B;ED7R3B,0BC6RkC;ED5RlC,6BC4RkC;ED3RlC,qBC2RkC;;ADxLlC;EC2LI;EACA;EACA;;AAGJ;EAII;EACA;;AAGJ;EAEI;;AAGJ;EACI;EACA,cCpVkB;EDqVlB;;AAGJ;EACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA,kBC7Xa;ED8Xb;EACA;;AAEA;EACI;EACA;EACA,kBCpYS;EDsYT;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDnTA;EACA;EACA,eAHwB;;ACwTxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aC3VS;ED4VT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aCpXE;EDqXF;;;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,WA9fsB;;AAggBtB;AAAA;EAEI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aAnhBe;EAohBf;EACA;EACA;EDtaA;EACA;EACA,eAHwB;;AC2axB;EAEI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,aC9cK;ED+cL;;AAIR;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,aCnfU;;ADsfd;EACI;EACA;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDjfA;EACA;EACA,eAHwB;;ACsfxB;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,aC3jBS;ED4jBT;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,OAntBe;EAotBf,QAptBe;EAqtBf;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;EACI,OCxvBQ;;;AD4vBhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OChwBkB;EDiwBlB;EACA;EACA;EACA;EACA;EACA,kBCjxBmB;;ADmxBnB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA,kBC9xBQ;;;ADkyBhB;EACI;EACA;EACA,aCjuBc;EDkuBd;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;;AAEA;EACI;;AAEA;EACI,aCtwBM;EDuwBN;;;AAKZ;EACI;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA,aCtxBM;EDuxBN;EACA;;AAGJ;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI,OCt2BQ;EDu2BR;EACA;;AAEA;EACI,OCr2BI;EDs2BJ;;AAGJ;EACI;EACA;;;AAKZ;EACI;EACA;;AAqBA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AApCJ;EACI,OCr4BQ;;ADw4BZ;EACI,OCp4BI;;ADy4BR;EACI;EACA;;AAZJ;EACI,OCr4BQ;;ADw4BZ;EACI,OCp4BI;;AD26BZ;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;AArDJ;EACI,OCr4BQ;;ADw4BZ;EACI,OCp4BI;;ADy4BR;EACI;EACA;;AAZJ;EACI,OCr4BQ;;ADw4BZ;EACI,OCp4BI;;AD47BZ;EACI;EACA;;AAEA;EACI;;AACA;EACI,OCx8BI;;ADo4BZ;EACI,OCr4BQ;;ADw4BZ;EACI,OCp4BI;;ADy4BR;EACI;EACA;;AAZJ;EACI,OCr4BQ;;ADw4BZ;EACI,OCp4BI;;AD28BR;EACI,OC58BI;;ADg9BZ;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA,OC39BQ;ED49BR,cA/+B4B;ED2MhC,YC5MmC,SD4MT;EAC1B;EACA;EACA;EACA;;ACuyBI;EAEI;EACA,OC3/BS;;AD8/Bb;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKJ;EACI,OC5/BI;;ADggCZ;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,aCt+Bc;;ADw+Bd;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,aC3jCc;ED4jCd;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;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;;ADoHJ;EC/GQ;;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;;;ADuT1B;EACI;EACA;EACA,QA3Ve;EA4Vf;EACA;EACA;EACA;EDjSA,0BCmS2B;EDlS3B,6BCkS2B;EDjS3B,qBCiS2B;ED7R3B,0BC6RkC;ED5RlC,6BC4RkC;ED3RlC,qBC2RkC;;ADxLlC;EC2LI;EACA;EACA;;AAGJ;EAII;EACA;;AAGJ;EAEI;;AAGJ;EACI;EACA,cCpVkB;EDqVlB;;AAGJ;EACI;;;AAIR;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA,kBC9Xa;ED+Xb;EACA;;AAEA;AAAA;EACI;EACA;EACA,kBCrYS;EDuYT;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDpTA;EACA;EACA,eAHwB;;ACyTxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aC5VS;ED6VT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aCrXE;EDsXF;;;AAMhB;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDpXA;EACA;EACA,eAHwB;;ACyXxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aC5ZS;ED6ZT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aCrbE;EDsbF;;;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,WA/jBsB;;AAikBtB;AAAA;EAEI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aAplBe;EAqlBf;EACA;EACA;EDveA;EACA;EACA,eAHwB;;AC4exB;EAEI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,aC/gBK;EDghBL;;AAIR;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,aCpjBU;;ADujBd;EACI;EACA;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDljBA;EACA;EACA,eAHwB;;ACujBxB;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,aC5nBS;ED6nBT;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,OApxBe;EAqxBf,QArxBe;EAsxBf;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,OC1zBQ;;;AD8zBhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCl0BkB;EDm0BlB;EACA;EACA;EACA;EACA;EACA,kBCn1BmB;;ADq1BnB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA,kBCh2BQ;;;ADo2BhB;EACI;EACA;EACA,aCnyBc;EDoyBd;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;;AAEA;EACI;;AAEA;EACI,aCx0BM;EDy0BN;;;AAKZ;EACI;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA,aCx1BM;EDy1BN;EACA;;AAGJ;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI,OCx6BQ;EDy6BR;EACA;;AAEA;EACI,OCv6BI;EDw6BJ;;AAGJ;EACI;EACA;;;AAKZ;EACI;EACA;;AAqBA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AApCJ;EACI,OCv8BQ;;AD08BZ;EACI,OCt8BI;;AD28BR;EACI;EACA;;AAZJ;EACI,OCv8BQ;;AD08BZ;EACI,OCt8BI;;AD6+BZ;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;AArDJ;EACI,OCv8BQ;;AD08BZ;EACI,OCt8BI;;AD28BR;EACI;EACA;;AAZJ;EACI,OCv8BQ;;AD08BZ;EACI,OCt8BI;;AD8/BZ;EACI;EACA;;AAEA;EACI;;AACA;EACI,OC1gCI;;ADs8BZ;EACI,OCv8BQ;;AD08BZ;EACI,OCt8BI;;AD28BR;EACI;EACA;;AAZJ;EACI,OCv8BQ;;AD08BZ;EACI,OCt8BI;;AD6gCR;EACI,OC9gCI;;ADkhCZ;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA,OC7hCQ;ED8hCR,cAjjC4B;ED2MhC,YC5MmC,SD4MT;EAC1B;EACA;EACA;EACA;;ACy2BI;EAEI;EACA,OC7jCS;;ADgkCb;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKJ;EACI,OC9jCI;;ADkkCZ;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,aCxiCc;;AD0iCd;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,aC7nCc;ED8nCd;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI","file":"header.css"}

package/styles/css/main.css

@@ -457,6 +457,82 @@
   fill: var(--gd-icon-fill-color);
 }
 
+@keyframes react-loading-skeleton {
+  100% {
+    transform: translateX(100%);
+  }
+}
+.react-loading-skeleton {
+  --base-color: #ebebeb;
+  --highlight-color: #f5f5f5;
+  --animation-duration: 1.5s;
+  --animation-direction: normal;
+  --pseudo-element-display: block; /* Enable animation */
+  background-color: var(--base-color);
+  width: 100%;
+  border-radius: 0.25rem;
+  display: inline-flex;
+  line-height: 1;
+  position: relative;
+  user-select: none;
+  overflow: hidden;
+}
+
+.react-loading-skeleton::after {
+  content: " ";
+  display: var(--pseudo-element-display);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  background-repeat: no-repeat;
+  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
+  transform: translateX(-100%);
+  animation-name: react-loading-skeleton;
+  animation-direction: var(--animation-direction);
+  animation-duration: var(--animation-duration);
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+
+@media (prefers-reduced-motion) {
+  .react-loading-skeleton {
+    --pseudo-element-display: none; /* Disable animation */
+  }
+}
+.gd-ui-kit-skeleton {
+  height: 100%;
+  width: 100%;
+  display: flex;
+}
+.gd-ui-kit-skeleton--direction-column {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.gd-ui-kit-skeleton--direction-row {
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+.gd-ui-kit-skeleton__item {
+  border-radius: 3px;
+  width: 100%;
+  height: 100%;
+}
+.gd-ui-kit-skeleton .react-loading-skeleton {
+  --base-color: var(--gd-palette-complementary-2);
+  --highlight-color: var(--gd-palette-complementary-0);
+}
+.gd-ui-kit-skeleton span {
+  line-height: 0;
+  font-size: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
 div {
   outline: none;
 }
@@ -6365,14 +6441,16 @@ span.CodeMirror-selectedtext {
   align-items: center;
 }
 
-.gd-header-menu-search {
+.gd-header-menu-search,
+.gd-header-menu-notifications {
   display: flex;
   flex-direction: column;
   background-color: var(--gd-palette-complementary-0, #fff);
   width: 100vw;
   height: 100vh;
 }
-.gd-header-menu-search-title {
+.gd-header-menu-search-title,
+.gd-header-menu-notifications-title {
   height: 45px;
   line-height: 45px;
   background-color: var(--gd-palette-complementary-0, #fff);
@@ -6433,6 +6511,62 @@ span.CodeMirror-selectedtext {
   font-weight: 400;
 }
 
+.gd-header-notifications-icon {
+  padding-right: 5px;
+}
+
+.gd-header-notifications {
+  height: 100%;
+  margin: 0;
+  line-height: 42px;
+  opacity: 0.8;
+  cursor: pointer;
+  transition: all 0.2s;
+  font-size: 14px;
+  font-weight: 400;
+  position: relative;
+  box-sizing: border-box;
+  padding: 0 34px 2px 13px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.gd-header-notifications:hover, .gd-header-notifications.is-open {
+  opacity: 1;
+}
+.gd-header-notifications::after {
+  content: "\e612";
+  position: absolute;
+  top: 0;
+  right: 11px;
+  margin-left: 11px;
+  width: 12px;
+  opacity: 0.5;
+  text-align: center;
+  font-family: "Indigo", sans-serif;
+  font-size: 18px;
+  font-weight: 700;
+}
+.gd-header-notifications.is-open::after {
+  content: "\e613";
+}
+.gd-header-notifications:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.gd-header-notifications.is-open {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+.gd-header-notifications-dropdown {
+  overflow: hidden;
+}
+.gd-header-notifications-dropdown .gd-list {
+  min-width: 210px;
+}
+.gd-header-notifications-dropdown .gd-list .gd-list-item {
+  font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+  font-weight: 400;
+}
+
 .gd-header-chat {
   height: 100%;
   margin: 0;
@@ -6721,7 +6855,7 @@ span.CodeMirror-selectedtext {
   opacity: 0;
   border-color: var(--gd-palette-complementary-6-from-theme, inherit);
 }
-.hamburger-icon.search-open {
+.hamburger-icon.search-open, .hamburger-icon.notifications-open {
   color: var(--gd-palette-complementary-8, #464e56);
 }