@gooddata/sdk-ui-dashboard 10.22.0-alpha.8 → 10.22.0-beta.1

package/styles/css/main.css

@@ -1390,16 +1390,20 @@
   text-overflow: ellipsis;
 }
 
-.gd-list-item:hover, .gd-list-item:focus {
+.gd-list-item:hover {
   color: var(--gd-palette-complementary-9, #000);
   background: var(--gd-palette-complementary-2, #ebeff4);
   text-decoration: none;
 }
 
-.gd-list-item:hover.is-selected, .gd-list-item:focus.is-selected {
+.gd-list-item:hover.is-selected {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
+.gd-list-item:focus-visible {
+  outline: auto;
+}
+
 .gd-list-item.gd-menu-item-remove:hover {
   color: var(--gd-palette-error-base, #e54d42);
   background: var(--gd-palette-error-dimmed, #fcedec);
@@ -1637,6 +1641,10 @@
   border: none;
 }
 
+.gd-infinite-list .public_fixedDataTable_main:focus-visible {
+  outline: auto;
+}
+
 .gd-infinite-list .public_Scrollbar_main, .gd-infinite-list .public_Scrollbar_main.public_Scrollbar_mainActive {
   border-color: transparent;
 }
@@ -3564,16 +3572,20 @@
   text-overflow: ellipsis;
 }
 
-.gd-list-item:hover, .gd-list-item:focus {
+.gd-list-item:hover {
   color: var(--gd-palette-complementary-9, #000);
   background: var(--gd-palette-complementary-2, #ebeff4);
   text-decoration: none;
 }
 
-.gd-list-item:hover.is-selected, .gd-list-item:focus.is-selected {
+.gd-list-item:hover.is-selected {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
+.gd-list-item:focus-visible {
+  outline: auto;
+}
+
 .gd-list-item.gd-menu-item-remove:hover {
   color: var(--gd-palette-error-base, #e54d42);
   background: var(--gd-palette-error-dimmed, #fcedec);
@@ -3811,6 +3823,10 @@
   border: none;
 }
 
+.gd-infinite-list .public_fixedDataTable_main:focus-visible {
+  outline: auto;
+}
+
 .gd-infinite-list .public_Scrollbar_main, .gd-infinite-list .public_Scrollbar_main.public_Scrollbar_mainActive {
   border-color: transparent;
 }
@@ -5727,6 +5743,10 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   min-width: 0;
 }
 
+input[type=search]::-webkit-search-cancel-button {
+  display: none;
+}
+
 .gd-invertable-select-all-checkbox,
 .gd-invertable-select-search-bar,
 .gd-invertable-select-status-bar {
@@ -8390,16 +8410,20 @@ div.gd-empty-item-bubble {
   text-overflow: ellipsis;
 }
 
-.gd-list-item:hover, .gd-list-item:focus {
+.gd-list-item:hover {
   color: var(--gd-palette-complementary-9, #000);
   background: var(--gd-palette-complementary-2, #ebeff4);
   text-decoration: none;
 }
 
-.gd-list-item:hover.is-selected, .gd-list-item:focus.is-selected {
+.gd-list-item:hover.is-selected {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
+.gd-list-item:focus-visible {
+  outline: auto;
+}
+
 .gd-list-item.gd-menu-item-remove:hover {
   color: var(--gd-palette-error-base, #e54d42);
   background: var(--gd-palette-error-dimmed, #fcedec);
@@ -8637,6 +8661,10 @@ div.gd-empty-item-bubble {
   border: none;
 }
 
+.gd-infinite-list .public_fixedDataTable_main:focus-visible {
+  outline: auto;
+}
+
 .gd-infinite-list .public_Scrollbar_main, .gd-infinite-list .public_Scrollbar_main.public_Scrollbar_mainActive {
   border-color: transparent;
 }
@@ -8841,6 +8869,10 @@ div.gd-empty-item-bubble {
   text-align: center;
 }
 
+.gd-tab:focus-visible {
+  outline: auto;
+}
+
 .gd-tab:hover {
   color: var(--gd-palette-complementary-8-from-theme, var(--gd-palette-complementary-9, #000));
   border-bottom: 3px solid var(--gd-palette-complementary-3, #dde4eb);
@@ -12906,6 +12938,10 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   min-width: 0;
 }
 
+input[type=search]::-webkit-search-cancel-button {
+  display: none;
+}
+
 .gd-invertable-select-all-checkbox,
 .gd-invertable-select-search-bar,
 .gd-invertable-select-status-bar {
@@ -14450,16 +14486,20 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   text-overflow: ellipsis;
 }
 
-.gd-list-item:hover, .gd-list-item:focus {
+.gd-list-item:hover {
   color: var(--gd-palette-complementary-9, #000);
   background: var(--gd-palette-complementary-2, #ebeff4);
   text-decoration: none;
 }
 
-.gd-list-item:hover.is-selected, .gd-list-item:focus.is-selected {
+.gd-list-item:hover.is-selected {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
+.gd-list-item:focus-visible {
+  outline: auto;
+}
+
 .gd-list-item.gd-menu-item-remove:hover {
   color: var(--gd-palette-error-base, #e54d42);
   background: var(--gd-palette-error-dimmed, #fcedec);
@@ -14697,6 +14737,10 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   border: none;
 }
 
+.gd-infinite-list .public_fixedDataTable_main:focus-visible {
+  outline: auto;
+}
+
 .gd-infinite-list .public_Scrollbar_main, .gd-infinite-list .public_Scrollbar_main.public_Scrollbar_mainActive {
   border-color: transparent;
 }
@@ -20475,6 +20519,14 @@ figure {
   height: 100%;
 }
 
+.insight-view-loader {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
 .bubble.options-menu-bubble {
   background-color: #fff;
 }
@@ -22706,6 +22758,11 @@ figure {
   padding-bottom: 300px;
 }
 
+.gd-dashboard-meta {
+  display: none;
+  width: 100%;
+}
+
 .gd-dialog.save-as-new-dialog {
   max-width: 450px;
 }
@@ -23216,13 +23273,16 @@ figure {
 .gd-configuration-export-options {
   width: 100%;
 }
+.gd-configuration-export-options .gd-export-options-pdf-presentation,
+.gd-configuration-export-options .gd-export-options-pptx-presentation,
 .gd-configuration-export-options .gd-export-options-xlsx,
 .gd-configuration-export-options .gd-export-options-csv,
 .gd-configuration-export-options .gd-export-options-csv-raw {
   justify-content: flex-start;
 }
-.gd-configuration-export-options .gd-icon-download {
+.gd-configuration-export-options .gd-export-icon {
   margin-right: 10px;
+  display: flex;
 }
 
 .edit-insight-config .bubble-content .widget-title > span.insight-title,
@@ -23680,6 +23740,48 @@ figure {
   height: 16px;
   display: inline-block;
 }
+.gd-list-item .gd-icon-type-pdf::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-pdf.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+.gd-list-item .gd-icon-type-sheet::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-sheet.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+.gd-list-item .gd-icon-type-slides::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-slides.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+.gd-list-item .gd-icon-type-image::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-image.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+.gd-list-item .gd-icon-type-csv-raw::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-csv-raw.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+.gd-list-item .gd-icon-type-csv-formatted::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-csv-formatted.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
 
 .dropdown-body .gd-list-item.type-growIsGood::before, .dropdown-body .gd-list-item.type-growIsBad::before, .dropdown-body .gd-list-item.type-metric::before, .dropdown-body .gd-list-item.type-attribute::before, .dropdown-body .gd-list-item.type-date::before {
   margin-left: 1px;
@@ -23698,7 +23800,8 @@ figure {
 }
 
 .attribute-filter-dropdown-configuration .configuration-panel-header,
-.date-filter-dropdown-configuration .configuration-panel-header {
+.date-filter-dropdown-configuration .configuration-panel-header,
+.gd-header-menu-overlay .configuration-panel-header {
   display: flex;
   align-items: center;
   width: 100%;
@@ -23707,43 +23810,72 @@ figure {
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
 .attribute-filter-dropdown-configuration .configuration-panel-header-title,
-.date-filter-dropdown-configuration .configuration-panel-header-title {
+.date-filter-dropdown-configuration .configuration-panel-header-title,
+.gd-header-menu-overlay .configuration-panel-header-title {
   color: var(--gd-palette-complementary-6, #94a1ad);
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
+  width: 100%;
+}
+.attribute-filter-dropdown-configuration .configuration-panel-header-title.clickable,
+.date-filter-dropdown-configuration .configuration-panel-header-title.clickable,
+.gd-header-menu-overlay .configuration-panel-header-title.clickable {
+  cursor: pointer;
+}
+.attribute-filter-dropdown-configuration .configuration-panel-header-title i,
+.date-filter-dropdown-configuration .configuration-panel-header-title i,
+.gd-header-menu-overlay .configuration-panel-header-title i {
+  font-size: 14px;
+  margin-right: 5px;
+  position: relative;
+  top: 2px;
+}
+.attribute-filter-dropdown-configuration .configuration-panel-header-close-button::before,
+.date-filter-dropdown-configuration .configuration-panel-header-close-button::before,
+.gd-header-menu-overlay .configuration-panel-header-close-button::before {
+  font-size: 12px !important;
+  padding-right: 0 !important;
+  margin-right: 0 !important;
 }
 .attribute-filter-dropdown-configuration .configuration-category-title,
-.date-filter-dropdown-configuration .configuration-category-title {
+.date-filter-dropdown-configuration .configuration-category-title,
+.gd-header-menu-overlay .configuration-category-title {
   display: flex;
   justify-content: space-between;
 }
 .attribute-filter-dropdown-configuration .configuration-category-title h3,
-.date-filter-dropdown-configuration .configuration-category-title h3 {
+.date-filter-dropdown-configuration .configuration-category-title h3,
+.gd-header-menu-overlay .configuration-category-title h3 {
   flex-grow: 2;
 }
 .attribute-filter-dropdown-configuration .configuration-category-title .attribute-filter-renaming-title-reset,
-.date-filter-dropdown-configuration .configuration-category-title .attribute-filter-renaming-title-reset {
+.date-filter-dropdown-configuration .configuration-category-title .attribute-filter-renaming-title-reset,
+.gd-header-menu-overlay .configuration-category-title .attribute-filter-renaming-title-reset {
   padding: 15px 12px 0 0;
   font-size: 13px;
   font-weight: 400;
 }
 .attribute-filter-dropdown-configuration .configuration-category-title .attribute-filter-renaming-title-reset.disabled,
-.date-filter-dropdown-configuration .configuration-category-title .attribute-filter-renaming-title-reset.disabled {
+.date-filter-dropdown-configuration .configuration-category-title .attribute-filter-renaming-title-reset.disabled,
+.gd-header-menu-overlay .configuration-category-title .attribute-filter-renaming-title-reset.disabled {
   cursor: pointer;
 }
 .attribute-filter-dropdown-configuration .configuration-attribute-filter-title,
-.date-filter-dropdown-configuration .configuration-attribute-filter-title {
+.date-filter-dropdown-configuration .configuration-attribute-filter-title,
+.gd-header-menu-overlay .configuration-attribute-filter-title {
   padding: 0 10px 10px;
 }
 .attribute-filter-dropdown-configuration .configuration-category,
-.date-filter-dropdown-configuration .configuration-category {
+.date-filter-dropdown-configuration .configuration-category,
+.gd-header-menu-overlay .configuration-category {
   flex-grow: 2;
   margin-bottom: -5px;
   padding: 10px 10px 0;
 }
 .attribute-filter-dropdown-configuration .configuration-category ::after,
-.date-filter-dropdown-configuration .configuration-category ::after {
+.date-filter-dropdown-configuration .configuration-category ::after,
+.gd-header-menu-overlay .configuration-category ::after {
   content: "";
   position: absolute;
   top: 50%;