@gooddata/sdk-ui-dashboard 10.8.0-alpha.25 → 10.8.0-alpha.27

package/styles/css/filterBar.css

@@ -105,7 +105,7 @@
   display: flex;
   align-items: stretch;
   flex-wrap: wrap;
-  width: calc(100% - 15px);
+  width: calc(100% - 150px);
   min-height: 55px;
   margin-right: 15px;
 }
@@ -392,7 +392,7 @@
   fill: var(--gd-palette-primary-base, #14b2e2);
 }
 
-.gd-filters-configuration {
+.filter-bar-configuration {
   position: absolute;
   top: 0;
   right: 0;
@@ -400,18 +400,203 @@
   align-items: start;
   justify-content: center;
   height: 100%;
-  width: 40px;
-  padding-top: 18px;
 }
 
 .gd-filters-configuration-button {
+  margin: 18px 11px 0;
   height: 18px;
   width: 18px;
   cursor: pointer;
 }
 
-.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-configuration-panel .arrow-position {
+.gd-filters-configuration__header {
+  height: 35px;
+}
+
+.gd-filter-configuration__help-icon::before {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-filter-configuration__help-tooltip {
+  width: 220px;
+}
+
+.gd-filter-views {
+  display: flex;
+  align-items: center;
+}
+
+.gd-button-primary.gd-filter-views-button {
+  border: 0;
+  box-shadow: none;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
+  font-size: 14px;
+  margin-top: 7px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::before, .gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::after {
+  top: 1px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-text {
+  top: 1px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-icon {
+  margin-top: 1px;
+}
+
+.gd-button-primary.gd-filter-views-button--open {
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.gd-button-primary.gd-filter-views-button--open .gd-button-icon::before {
+  color: #14b2e2;
+}
+
+.gd-filters-views__panel__divider {
+  border-right: 1px solid #dde4eb;
+  width: 1px;
+  height: 20px;
+  margin-top: 9px;
+}
+
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-configuration-panel .arrow-position, .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel .arrow-position {
+  display: none;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel {
+  min-width: 350px;
+  max-width: 350px;
+}
+.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;
+  padding: 0 10px;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .configuration-category {
+  margin: 10px 10px 0;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .gd-filter-view-add-hint {
+  font-size: 12px;
+  margin: 5px 0;
+}
+.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;
+}
+
+.gd-filters-views__panel .gd-title-with-icon {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+.gd-filters-views__panel .gd-title-with-icon .gd-bubble-trigger-wrapper {
+  line-height: 14px;
+}
+.gd-filters-views__panel .configuration-panel-header-title {
+  display: flex;
+  justify-content: space-between;
+}
+.gd-filters-views__panel .configuration-panel-footer__content {
+  text-align: right;
+}
+.gd-filters-views__panel .gd-input-with-label .gd-input-label {
+  font-size: 12px;
+}
+.gd-filters-views__panel .gd-filter-view-add-checkbox-row {
+  padding: 5px 0;
+}
+
+.configuration-panel__filter-view__list .configuration-panel-footer__content {
+  text-align: left;
+}
+.configuration-panel__filter-view__list .configuration-panel-footer__content .gd-button {
+  display: flex;
+  height: 23px;
+  align-items: center;
+  margin-left: -10px;
+}
+
+.gd-filter-view__item {
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  height: 28px;
+}
+.gd-filter-view__item .gd-filter-view__item__value {
+  display: flex;
+  flex-grow: 1;
+  gap: 5px;
+  overflow: hidden;
+  cursor: pointer;
+  color: var(--gd-palette-complementary-8, #464e56);
+  padding: 5px 10px;
+  align-items: center;
+}
+.gd-filter-view__item .gd-filter-view__item__value__title {
+  gap: 5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gd-filter-view__item .gd-filter-view__item__value__suffix {
+  flex-shrink: 0;
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.gd-filter-view__item .gd-filter-view__item__button {
   display: none;
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0;
+  margin: 0;
+  transition: none;
+}
+.gd-filter-view__item .gd-filter-view__item__button .gd-button-icon::before {
+  font-size: 12px;
+}
+.gd-filter-view__item:hover {
+  background: #ebeff4;
+}
+.gd-filter-view__item:hover .gd-filter-view__item__button {
+  display: block;
+  cursor: pointer;
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete {
+  width: 16px;
+  margin-left: 5px;
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete .gd-button-icon::before {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete:hover .gd-button-icon::before {
+  color: #e54d42;
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper {
+  padding: 0 5px;
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover ~ .gd-filter-view__item__button,
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover ~ .gd-filter-view__item__value {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+}
+
+.gd-filter-view__list__empty {
+  text-align: center;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  padding: 5px 0;
+}
+
+.gd-filter-view__list__tooltip {
+  width: 230px;
+}
+
+.overlay.gd-dialog.gd-filter-view__delete-dialog {
+  min-width: 450px;
+  max-width: 450px;
+}
+.overlay.gd-dialog.gd-filter-view__delete-dialog .gd-filter-view__delete-dialog__item {
+  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 /*# sourceMappingURL=filterBar.css.map */

package/styles/css/filterBar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/filterBar.scss","../scss/_zIndexes.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACKA;EACI;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;;;AAKZ;EACI,SCrBY;EDsBZ;;AAEA;EAEI,SCzBa;;AD4BjB;EACI;EACA;EACA,oBEgDoB;EF/CpB;EACA;;AAGJ;EAjBJ;IAkBQ;IACA;IACA;IACA;;;;AAOA;EAFJ;AAAA;IAGQ;IACA;IACA;;;AAIR;EACI,OEZQ;;;AFgBhB;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA,eELS;EFMT;EACA,kBEbsC;EFctC;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EAKA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EAII;EACA;EACA;EACA;EACA;EACA,YE3DgB;EF4DhB,cExFc;;AF0Fd;EACI;;AAGJ;AAAA;EAEI;;AAGI;AAAA;EACI;;AAGJ;AAAA;EACI;;AAIR;AAAA;AAAA;AAAA;EAEI;;AAIJ;AAAA;EACI;;AAEA;AAAA;AAAA;AAAA;EAEI;EACA;;AAGJ;AAAA;EACI;;AAGJ;AAAA;EACI;;;AAMhB;EACI;EACA;EACA;EACA;EACA,QEtGS;EFuGT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OD7KyB;EC8KzB,kBEtHsC;EFuHtC;EACA;;AAGI;AAAA;EAEI,OG9Jc;;AHkKtB;EACI;EACA;;AAGJ;EACI;EACA,OG3Le;;;AH+LvB;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAGJ;EACI;EACA;;AACA;EACI,OGxNQ;;AH4NhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAKA,OGhPmB;EHiPnB;EACA;;AAEA;EACI;EAIA,OGtPQ;;AHyPZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI,cE3QsB;EF4QtB,OGvQQ;EHwQR,kBG1PoB;;AH8PpB;EACI,OG1RK;EH2RL,kBGnQc;;;AHwQ1B;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAIA;EACI,aAzT4B;;AA2T5B;EACI;;AAGJ;EACI;;AAIA;EACI;EACA,OG/SA;;;AHsTZ;EAEI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OGhWI;;AHmWR;EACI;EACA;EACA;EACA;EACA;EACA,OGhXW;;AHmXf;EACI;EACA;EACA,OG/WI;;AHkXR;EACI;EACA;;AAGJ;EACI,OG/XW;EHgYX;;;AAKZ;EACI;EACA;EACA;;AAGI;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAMA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OG5aY;;;AHkbpB;EAEI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAGI;EACI,MGzac;;;AH8a1B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EAGI","file":"filterBar.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/filterBar.scss","../scss/_zIndexes.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACKA;EACI;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;;;AAKZ;EACI,SCrBY;EDsBZ;;AAEA;EAEI,SCzBa;;AD4BjB;EACI;EACA;EACA,oBEgDoB;EF/CpB;EACA;;AAGJ;EAjBJ;IAkBQ;IACA;IACA;IACA;;;;AAOA;EAFJ;AAAA;IAGQ;IACA;IACA;;;AAIR;EACI,OEZQ;;;AFgBhB;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA,eELS;EFMT;EACA,kBEbsC;EFctC;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EAKA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EAII;EACA;EACA;EACA;EACA;EACA,YE3DgB;EF4DhB,cExFc;;AF0Fd;EACI;;AAGJ;AAAA;EAEI;;AAGI;AAAA;EACI;;AAGJ;AAAA;EACI;;AAIR;AAAA;AAAA;AAAA;EAEI;;AAIJ;AAAA;EACI;;AAEA;AAAA;AAAA;AAAA;EAEI;EACA;;AAGJ;AAAA;EACI;;AAGJ;AAAA;EACI;;;AAMhB;EACI;EACA;EACA;EACA;EACA,QEtGS;EFuGT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OD7KyB;EC8KzB,kBEtHsC;EFuHtC;EACA;;AAGI;AAAA;EAEI,OG9Jc;;AHkKtB;EACI;EACA;;AAGJ;EACI;EACA,OG3Le;;;AH+LvB;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAGJ;EACI;EACA;;AACA;EACI,OGxNQ;;AH4NhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAKA,OGhPmB;EHiPnB;EACA;;AAEA;EACI;EAIA,OGtPQ;;AHyPZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI,cE3QsB;EF4QtB,OGvQQ;EHwQR,kBG1PoB;;AH8PpB;EACI,OG1RK;EH2RL,kBGnQc;;;AHwQ1B;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAIA;EACI,aAzT4B;;AA2T5B;EACI;;AAGJ;EACI;;AAIA;EACI;EACA,OG/SA;;;AHsTZ;EAEI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OGhWI;;AHmWR;EACI;EACA;EACA;EACA;EACA;EACA,OGhXW;;AHmXf;EACI;EACA;EACA,OG/WI;;AHkXR;EACI;EACA;;AAGJ;EACI,OG/XW;EHgYX;;;AAKZ;EACI;EACA;EACA;;AAGI;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAMA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OG5aY;;;AHkbpB;EAEI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAGI;EACI,MGzac;;;AH8a1B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAIA;EACI,OGvde;;;AH2dvB;EACI;;;AAKJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA,OGzemB;EH0enB,YE/boC;EFgcpC;EACA;;AAKQ;EAEI;;AAGJ;EACI;;AAGJ;EACI;;;AAMhB;EACI,OG3fY;;AH6fZ;EACI,OGnhBa;;;AHuhBrB;EACI;EACA;EACA;EACA;;;AASQ;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAKJ;EACI;;AAKJ;EACI;EACA;;AAIR;EACI;EACA;;;AAMR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI;;;AAKJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;;AAOZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,OG9mBQ;EH+mBR;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA,OGroBY;;AHwoBhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI,YG/jBwB;;AHikBxB;EACI;EACA;;AAIR;EACI;EACA;;AAEA;EACI,OG9pBI;;AHkqBJ;EACI,OGlrBI;;AHurBhB;EACI;;AAEA;EACI,kBGhgBgB;;AHkgBhB;AAAA;EAEI,kBGpgBY;;;AH4gB5B;EACI;EACA,OG/rBgB;EHgsBhB;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI;EACA","file":"filterBar.css"}

package/styles/css/main.css

@@ -20622,7 +20622,7 @@ div.gd-empty-item-bubble {
   display: flex;
   align-items: stretch;
   flex-wrap: wrap;
-  width: calc(100% - 15px);
+  width: calc(100% - 150px);
   min-height: 55px;
   margin-right: 15px;
 }
@@ -20909,7 +20909,7 @@ div.gd-empty-item-bubble {
   fill: var(--gd-palette-primary-base, #14b2e2);
 }
 
-.gd-filters-configuration {
+.filter-bar-configuration {
   position: absolute;
   top: 0;
   right: 0;
@@ -20917,19 +20917,204 @@ div.gd-empty-item-bubble {
   align-items: start;
   justify-content: center;
   height: 100%;
-  width: 40px;
-  padding-top: 18px;
 }
 
 .gd-filters-configuration-button {
+  margin: 18px 11px 0;
   height: 18px;
   width: 18px;
   cursor: pointer;
 }
 
-.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-configuration-panel .arrow-position {
+.gd-filters-configuration__header {
+  height: 35px;
+}
+
+.gd-filter-configuration__help-icon::before {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-filter-configuration__help-tooltip {
+  width: 220px;
+}
+
+.gd-filter-views {
+  display: flex;
+  align-items: center;
+}
+
+.gd-button-primary.gd-filter-views-button {
+  border: 0;
+  box-shadow: none;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
+  font-size: 14px;
+  margin-top: 7px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::before, .gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::after {
+  top: 1px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-text {
+  top: 1px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-icon {
+  margin-top: 1px;
+}
+
+.gd-button-primary.gd-filter-views-button--open {
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.gd-button-primary.gd-filter-views-button--open .gd-button-icon::before {
+  color: #14b2e2;
+}
+
+.gd-filters-views__panel__divider {
+  border-right: 1px solid #dde4eb;
+  width: 1px;
+  height: 20px;
+  margin-top: 9px;
+}
+
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-configuration-panel .arrow-position, .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel .arrow-position {
   display: none;
 }
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel {
+  min-width: 350px;
+  max-width: 350px;
+}
+.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;
+  padding: 0 10px;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .configuration-category {
+  margin: 10px 10px 0;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .gd-filter-view-add-hint {
+  font-size: 12px;
+  margin: 5px 0;
+}
+.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;
+}
+
+.gd-filters-views__panel .gd-title-with-icon {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+.gd-filters-views__panel .gd-title-with-icon .gd-bubble-trigger-wrapper {
+  line-height: 14px;
+}
+.gd-filters-views__panel .configuration-panel-header-title {
+  display: flex;
+  justify-content: space-between;
+}
+.gd-filters-views__panel .configuration-panel-footer__content {
+  text-align: right;
+}
+.gd-filters-views__panel .gd-input-with-label .gd-input-label {
+  font-size: 12px;
+}
+.gd-filters-views__panel .gd-filter-view-add-checkbox-row {
+  padding: 5px 0;
+}
+
+.configuration-panel__filter-view__list .configuration-panel-footer__content {
+  text-align: left;
+}
+.configuration-panel__filter-view__list .configuration-panel-footer__content .gd-button {
+  display: flex;
+  height: 23px;
+  align-items: center;
+  margin-left: -10px;
+}
+
+.gd-filter-view__item {
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  height: 28px;
+}
+.gd-filter-view__item .gd-filter-view__item__value {
+  display: flex;
+  flex-grow: 1;
+  gap: 5px;
+  overflow: hidden;
+  cursor: pointer;
+  color: var(--gd-palette-complementary-8, #464e56);
+  padding: 5px 10px;
+  align-items: center;
+}
+.gd-filter-view__item .gd-filter-view__item__value__title {
+  gap: 5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gd-filter-view__item .gd-filter-view__item__value__suffix {
+  flex-shrink: 0;
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.gd-filter-view__item .gd-filter-view__item__button {
+  display: none;
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0;
+  margin: 0;
+  transition: none;
+}
+.gd-filter-view__item .gd-filter-view__item__button .gd-button-icon::before {
+  font-size: 12px;
+}
+.gd-filter-view__item:hover {
+  background: #ebeff4;
+}
+.gd-filter-view__item:hover .gd-filter-view__item__button {
+  display: block;
+  cursor: pointer;
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete {
+  width: 16px;
+  margin-left: 5px;
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete .gd-button-icon::before {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete:hover .gd-button-icon::before {
+  color: #e54d42;
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper {
+  padding: 0 5px;
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover ~ .gd-filter-view__item__button,
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover ~ .gd-filter-view__item__value {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+}
+
+.gd-filter-view__list__empty {
+  text-align: center;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  padding: 5px 0;
+}
+
+.gd-filter-view__list__tooltip {
+  width: 230px;
+}
+
+.overlay.gd-dialog.gd-filter-view__delete-dialog {
+  min-width: 450px;
+  max-width: 450px;
+}
+.overlay.gd-dialog.gd-filter-view__delete-dialog .gd-filter-view__delete-dialog__item {
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
 
 .grouped-navigation {
   position: absolute;
@@ -21885,6 +22070,13 @@ div.gd-empty-item-bubble {
   padding: 3px 10px 3px 15px;
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel-footer {
+  padding: 10px 10px 0;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel-footer .configuration-panel-footer__content {
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  padding: 10px 0;
+}
 
 .sdk-edit-mode-on .configuration-category {
   margin-bottom: 20px;