@gooddata/sdk-ui-kit 10.18.0-alpha.9 → 10.19.0-alpha.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.
Files changed (58) hide show
  1. package/esm/@ui/@types/icon.d.ts +1 -1
  2. package/esm/@ui/@types/icon.d.ts.map +1 -1
  3. package/esm/@ui/@types/icon.js +1 -1
  4. package/esm/@ui/@types/icon.js.map +1 -1
  5. package/esm/@ui/UiButton/UiButton.d.ts +2 -1
  6. package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
  7. package/esm/@ui/UiButton/UiButton.js +2 -2
  8. package/esm/@ui/UiButton/UiButton.js.map +1 -1
  9. package/esm/@ui/UiIcon/icons.d.ts.map +1 -1
  10. package/esm/@ui/UiIcon/icons.js +8 -1
  11. package/esm/@ui/UiIcon/icons.js.map +1 -1
  12. package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts +28 -0
  13. package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts.map +1 -0
  14. package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js +81 -0
  15. package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js.map +1 -0
  16. package/esm/@ui/UiSkeleton/UiSkeleton.d.ts +31 -0
  17. package/esm/@ui/UiSkeleton/UiSkeleton.d.ts.map +1 -0
  18. package/esm/@ui/UiSkeleton/UiSkeleton.js +22 -0
  19. package/esm/@ui/UiSkeleton/UiSkeleton.js.map +1 -0
  20. package/esm/@ui/hooks/useElementSize.d.ts +10 -0
  21. package/esm/@ui/hooks/useElementSize.d.ts.map +1 -0
  22. package/esm/@ui/hooks/useElementSize.js +35 -0
  23. package/esm/@ui/hooks/useElementSize.js.map +1 -0
  24. package/esm/Dropdown/DropdownButton.d.ts +1 -0
  25. package/esm/Dropdown/DropdownButton.d.ts.map +1 -1
  26. package/esm/Dropdown/DropdownButton.js +3 -3
  27. package/esm/Dropdown/DropdownButton.js.map +1 -1
  28. package/esm/Header/Header.d.ts.map +1 -1
  29. package/esm/Header/Header.js +72 -16
  30. package/esm/Header/Header.js.map +1 -1
  31. package/esm/Header/HeaderHelp.d.ts +1 -0
  32. package/esm/Header/HeaderHelp.d.ts.map +1 -1
  33. package/esm/Header/HeaderHelp.js +1 -0
  34. package/esm/Header/HeaderHelp.js.map +1 -1
  35. package/esm/Header/HeaderMenu.d.ts.map +1 -1
  36. package/esm/Header/HeaderMenu.js +2 -1
  37. package/esm/Header/HeaderMenu.js.map +1 -1
  38. package/esm/Header/typings.d.ts +6 -1
  39. package/esm/Header/typings.d.ts.map +1 -1
  40. package/esm/Overlay/Overlay.d.ts.map +1 -1
  41. package/esm/Overlay/Overlay.js +5 -1
  42. package/esm/Overlay/Overlay.js.map +1 -1
  43. package/esm/Overlay/typings.d.ts +4 -0
  44. package/esm/Overlay/typings.d.ts.map +1 -1
  45. package/esm/index.d.ts +7 -2
  46. package/esm/index.d.ts.map +1 -1
  47. package/esm/index.js +4 -1
  48. package/esm/index.js.map +1 -1
  49. package/esm/sdk-ui-kit.d.ts +84 -3
  50. package/package.json +10 -8
  51. package/src/@ui/UiPagedVirtualList/UiPagedVirtualList.scss +44 -0
  52. package/src/@ui/UiSkeleton/UiSkeleton.scss +41 -0
  53. package/src/@ui/index.scss +3 -1
  54. package/styles/css/header.css +61 -3
  55. package/styles/css/header.css.map +1 -1
  56. package/styles/css/main.css +174 -3
  57. package/styles/css/main.css.map +1 -1
  58. package/styles/scss/header.scss +68 -2
package/styles/scss/header.scss CHANGED
@@ -393,7 +393,8 @@ $button-normal-active-shadow: color.adjust($button-normal-active-border-color, $
393
393
  align-items: center;
394
394
  }
395
395
 
396
- .gd-header-menu-search {
396
+ .gd-header-menu-search,
397
+ .gd-header-menu-notifications {
397
398
  display: flex;
398
399
  flex-direction: column;
399
400
  background-color: variables.$gd-color-white;
@@ -471,6 +472,70 @@ $button-normal-active-shadow: color.adjust($button-normal-active-border-color, $
471
472
  }
472
473
  }
473
474
 
475
+ .gd-header-notifications-icon {
476
+ padding-right: 5px;
477
+ }
478
+
479
+ .gd-header-notifications {
480
+ height: 100%;
481
+ margin: 0;
482
+ line-height: 42px;
483
+ opacity: 0.8;
484
+ cursor: pointer;
485
+ transition: all 0.2s;
486
+ font-size: 14px;
487
+ font-weight: 400;
488
+ position: relative;
489
+ box-sizing: border-box;
490
+ padding: 0 34px 2px 13px;
491
+
492
+ @include mixins.text-overflow;
493
+
494
+ &:hover,
495
+ &.is-open {
496
+ opacity: 1;
497
+ }
498
+
499
+ &::after {
500
+ content: "\e612";
501
+ position: absolute;
502
+ top: 0;
503
+ right: 11px;
504
+ margin-left: 11px;
505
+ width: 12px;
506
+ opacity: 0.5;
507
+ text-align: center;
508
+ font-family: variables.$gd-font-indigo;
509
+ font-size: 18px;
510
+ font-weight: 700;
511
+ }
512
+
513
+ &.is-open::after {
514
+ content: "\e613";
515
+ }
516
+
517
+ &:hover {
518
+ background: rgba(255, 255, 255, 0.3);
519
+ }
520
+
521
+ &.is-open {
522
+ background-color: rgba(255, 255, 255, 0.3);
523
+ }
524
+
525
+ &-dropdown {
526
+ overflow: hidden;
527
+
528
+ .gd-list {
529
+ min-width: 210px;
530
+
531
+ .gd-list-item {
532
+ font-family: variables.$gd-font-primary;
533
+ font-weight: 400;
534
+ }
535
+ }
536
+ }
537
+ }
538
+
474
539
  .gd-header-chat {
475
540
  height: 100%;
476
541
  margin: 0;
@@ -787,7 +852,8 @@ $button-normal-active-shadow: color.adjust($button-normal-active-border-color, $
787
852
  }
788
853
  }
789
854
 
790
- &.search-open {
855
+ &.search-open,
856
+ &.notifications-open {
791
857
  color: variables.$gd-color-text;
792
858
  }
793
859
  }