@gooddata/sdk-ui-dashboard 10.12.0-alpha.42 → 10.12.0-alpha.44

package/styles/css/main.css

@@ -24358,6 +24358,18 @@ div.gd-empty-item-bubble {
 .gd-visualization-switcher-widget-wrapper .gd-editable-label-inner span {
   text-decoration-line: underline;
 }
+.gd-visualization-switcher-widget-wrapper .gd-editable-label-inner span::after {
+  content: "\e612";
+  display: inline-block;
+  height: 1px;
+  color: var(--gd-dashboards-content-widget-title-color, var(--gd-palette-complementary-8, #464e56));
+  vertical-align: top;
+  transition: 0.2s;
+  margin-left: 0.5em;
+  font-family: "Indigo", sans-serif;
+  font-weight: normal;
+  font-size: inherit;
+}
 
 .gd-visualization-switcher-widget-empty-content {
   height: 100%;
@@ -24367,6 +24379,9 @@ div.gd-empty-item-bubble {
   align-items: center;
   gap: 8px;
 }
+.gd-visualization-switcher-widget-empty-content .gd-typography--p {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
 
 .gd-visualization-switcher-visible-visualization {
   width: 100%;
@@ -24748,6 +24763,9 @@ div.gd-empty-item-bubble {
   padding: 4px;
   flex: 0 1 auto;
 }
+.gd-visualization-switcher-toolbar-top.bubble.bubble-light .left-section:not(.is-active):hover path {
+  fill: var(--gd-palette-complementary-8, #464e56);
+}
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .vertical-divider {
   flex: 0 0 1px;
   width: 1px;
@@ -24772,6 +24790,9 @@ div.gd-empty-item-bubble {
   justify-content: center;
   align-items: center;
 }
+.gd-visualization-switcher-toolbar-top.bubble.bubble-light .navigate-button:not(.is-disabled):hover path {
+  fill: var(--gd-palette-complementary-8, #464e56);
+}
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .right-section {
   display: flex;
   padding: 4px;
@@ -24801,6 +24822,9 @@ div.gd-empty-item-bubble {
   line-height: 21px;
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .configuration-panel-header-close-button {
+  display: none;
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .visualizations-list {
   max-height: 253px;
   overflow-y: auto;
@@ -24826,10 +24850,47 @@ div.gd-empty-item-bubble {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 15px;
   height: 40px;
   cursor: pointer;
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .switcher-visualizations-list-item-content {
+  width: 100%;
+  padding: 0 0 0 15px;
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .gd-vis-switcher-show-more-button {
+  display: none;
+  position: relative;
+  padding: 5px 14px;
+  border: 1px solid transparent;
+  outline: 0;
+  font: 700 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+  height: 40px;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  text-align: left;
+  background: transparent;
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:not(.is-selected) .gd-vis-switcher-show-more-button:hover {
+  background: var(--gd-palette-complementary-7, #ccd8e2);
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active {
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active .gd-vis-switcher-show-more-button {
+  display: block;
+  background: var(--gd-palette-primary-dimmed50, #b9e8f6);
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) {
+  background: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) .gd-vis-switcher-show-more-button {
+  display: block;
+  background: var(--gd-palette-complementary-7, #ccd8e2);
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
@@ -24837,14 +24898,27 @@ div.gd-empty-item-bubble {
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-type {
   color: var(--gd-palette-complementary-9, #000);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-switcher-show-more-button {
+  display: block;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .visualization-title,
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-type {
   font-weight: 700;
   color: var(--gd-palette-primary-0, #14b2e2);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-switcher-show-more-button {
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button {
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button:hover {
+  background: var(--gd-palette-primary-dimmed50, #b9e8f6);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .visualization-title {
   display: flex;
   align-items: center;
@@ -24859,6 +24933,15 @@ div.gd-empty-item-bubble {
   white-space: nowrap;
 }
 
+.gd-vis-swicher-show-more-item-remove:hover {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-vis-switcher-show-more-item.is-disabled {
+  cursor: default;
+}
+
 .gd-visualization-switcher-widget-header {
   text-align: center;
   font-size: 17px;
@@ -24871,7 +24954,7 @@ div.gd-empty-item-bubble {
   content: "\e612";
   display: inline-block;
   height: 1px;
-  color: var(--gd-palette-complementary-8, #464e56);
+  color: var(--gd-dashboards-content-widget-title-color, var(--gd-palette-complementary-8, #464e56));
   vertical-align: top;
   transition: 0.2s;
   margin-left: 0.5em;
@@ -24903,6 +24986,7 @@ div.gd-empty-item-bubble {
   padding: 0 10px;
 }
 .gd-visualization-switcher-widget-header-item .gd-visualization-switcher-widget-header-item-content {
+  display: inline-flex;
   white-space: nowrap;
 }
 .gd-visualization-switcher-widget-header-item.is-selected {