@gooddata/sdk-ui-dashboard 11.3.0-alpha.1 → 11.3.0-alpha.3

package/styles/css/main.css

@@ -292,6 +292,7 @@
   --gd-button-L: 38px;
   --gd-button-M: 32px;
   --gd-button-S: 27px;
+  --gd-button-XS: 21px;
   --gd-icon-fill-color: var(--gd-palette-complementary-9);
   --gd-icon-background-color: var(--gd-palette-complementary-2);
   --gd-tabs-height-L: 56px;
@@ -5977,12 +5978,57 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 12px;
   padding-bottom: 5px;
   border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  cursor: pointer;
 }
 
 .gd-invertable-select-all-checkbox .input-checkbox-label {
   cursor: pointer;
 }
 
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=true] .input-label-text::before {
+  border-color: transparent;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=true] .input-label-text::after {
+  transform: scale(1) rotate(315deg) skew(-2deg);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=mixed] .input-label-text::before {
+  border-color: transparent;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=mixed] .input-label-text::after {
+  top: 9px;
+  left: 6px;
+  width: 8px;
+  height: 0;
+  transform: scale(1);
+  border-left: none;
+  border-bottom: 2px solid var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:hover .input-label-text::before {
+  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.25);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:hover[aria-checked=true] .input-label-text::before, .gd-invertable-select-all-checkbox[role=checkbox]:hover[aria-checked=mixed] .input-label-text::before {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:active .input-label-text::before {
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:focus-visible .input-label-text::before {
+  outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
+  outline-offset: 2px;
+  transition: none;
+}
+
 .gd-invertable-list-limitExceeded {
   margin: 0 10px 10px;
 }
@@ -13521,12 +13567,57 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 12px;
   padding-bottom: 5px;
   border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  cursor: pointer;
 }
 
 .gd-invertable-select-all-checkbox .input-checkbox-label {
   cursor: pointer;
 }
 
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=true] .input-label-text::before {
+  border-color: transparent;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=true] .input-label-text::after {
+  transform: scale(1) rotate(315deg) skew(-2deg);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=mixed] .input-label-text::before {
+  border-color: transparent;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox][aria-checked=mixed] .input-label-text::after {
+  top: 9px;
+  left: 6px;
+  width: 8px;
+  height: 0;
+  transform: scale(1);
+  border-left: none;
+  border-bottom: 2px solid var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:hover .input-label-text::before {
+  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.25);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:hover[aria-checked=true] .input-label-text::before, .gd-invertable-select-all-checkbox[role=checkbox]:hover[aria-checked=mixed] .input-label-text::before {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:active .input-label-text::before {
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+
+.gd-invertable-select-all-checkbox[role=checkbox]:focus-visible .input-label-text::before {
+  outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
+  outline-offset: 2px;
+  transition: none;
+}
+
 .gd-invertable-list-limitExceeded {
   margin: 0 10px 10px;
 }
@@ -21593,6 +21684,7 @@ figure {
   border: 1px solid transparent;
 }
 .gd-header-menu-overlay .configuration-panel-header-back-button {
+  cursor: pointer;
   border: none;
   background: none;
   color: var(--gd-palette-complementary-6, #94a1ad);
@@ -22809,9 +22901,12 @@ figure {
 .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel .configuration-panel-header {
   display: flex;
   align-items: center;
-  height: 35px;
+  height: 36px;
   padding: 0 10px;
 }
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel .configuration-panel-header-title {
+  line-height: normal;
+}
 .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .configuration-category {
   margin: 10px 10px 0;
 }
@@ -22819,6 +22914,9 @@ figure {
   font-size: 12px;
   margin: 5px 0;
 }
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .configuration-panel-header-title-button {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__list .configuration-category {
   margin: 10px 0 0;
   overflow: auto;
@@ -24535,7 +24633,10 @@ figure {
 .edit-insight-config .insight-configuration .insight-configuration-panel-header {
   background-color: var(--gd-palette-primary-dimmed-from-theme, rgba(142, 220, 244, 0.2));
   position: relative;
-  padding: 8px 10px 8px 15px;
+  height: 40px;
+  min-height: 40px;
+  align-items: center;
+  padding: 0 10px 0 15px;
   margin-bottom: 8px;
 }
 .edit-insight-config .insight-configuration .gd-menu-wrapper-small-spacing.gd-menu-wrapper {
@@ -25112,7 +25213,8 @@ figure {
   border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.gd-header-menu-overlay .configuration-panel-header {
+.gd-header-menu-overlay .configuration-panel-header,
+.gd-header-menu-overlay .dashboard-configuration-panel-header {
   margin-top: -10px;
   margin-bottom: 10px;
 }