@gooddata/sdk-ui-dashboard 10.33.0-alpha.4 → 10.33.0-alpha.41

package/styles/css/notifications_channels_dialog.css

@@ -120,17 +120,33 @@
 .gd-notifications-channels-attachments .gd-attachment-list {
   display: flex;
   flex-direction: row;
-  align-items: end;
+  align-items: center;
   flex: 1;
   overflow: hidden;
   margin: -2px 0;
   flex-wrap: wrap;
+  gap: 5px;
+  scroll-margin-bottom: 40px;
 }
 @media only screen and (max-width: 640px) {
   .gd-notifications-channels-attachments .gd-attachment-list {
     max-width: none;
   }
 }
+.gd-notifications-channels-attachments .gd-attachment-list-old {
+  display: flex;
+  flex-direction: row;
+  align-items: end;
+  flex: 1;
+  overflow: hidden;
+  margin: -2px 0;
+  flex-wrap: wrap;
+}
+@media only screen and (max-width: 640px) {
+  .gd-notifications-channels-attachments .gd-attachment-list-old {
+    max-width: none;
+  }
+}
 .gd-notifications-channels-attachments .gd-attachment-list-message {
   display: flex;
   flex-basis: 100%;
@@ -273,6 +289,7 @@
   display: flex;
   flex-direction: column;
   padding: 15px 10px;
+  gap: var(--gd-spacing-10px);
 }
 .gd-attachment-settings-dropdown .gd-attachment-settings-dropdown-footer {
   display: flex;
@@ -382,7 +399,7 @@
   height: 50px;
   border: none;
   cursor: pointer;
-  background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
+  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
   background-color: transparent;
   background-position: center center;
 }
@@ -773,4 +790,73 @@
   min-width: unset;
 }
 
+.gd-attachment-type-label {
+  display: inline-flex;
+  gap: var(--gd-spacing-10px);
+  align-items: center;
+  margin-inline-start: 5px;
+}
+
+.gd-attachment-types-content {
+  padding: var(--gd-spacing-10px);
+}
+
+.gd-attachment-type-item {
+  padding: 3px 0;
+  font-size: 12px;
+}
+
+.gd-attachment-chip {
+  height: 27px;
+  max-width: 245px;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  position: relative;
+  border-radius: 20px;
+  padding-left: var(--gd-spacing-10px);
+  font-size: 12px;
+  border: 1px solid var(--gd-palette-complementary-4);
+  background-color: var(--gd-palette-complementary-0);
+  color: var(--gd-palette-complementary-7);
+}
+.gd-attachment-chip:has(.gd-attachment-chip-delete:hover) {
+  background-color: var(--gd-palette-error-dimmed);
+  color: var(--gd-palette-error-base);
+  border: 1px solid var(--gd-palette-error-base-t85);
+}
+
+.gd-attachment-chip-label {
+  display: inline-flex;
+  gap: var(--gd-spacing-5px);
+  align-items: center;
+}
+
+.gd-attachment-chip-button {
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  color: var(--gd-palette-complementary-6);
+  display: grid;
+  place-items: center;
+  width: 27px;
+  height: 100%;
+}
+.gd-attachment-chip-button:hover {
+  color: var(--gd-palette-complementary-8);
+}
+
+.gd-attachment-chip-delete:hover {
+  color: var(--gd-palette-error-base);
+}
+
+.gd-attachment-list-error {
+  color: var(--gd-palette-error-base);
+  font-size: 12px;
+}
+
 /*# sourceMappingURL=notifications_channels_dialog.css.map */

package/styles/css/notifications_channels_dialog.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/notifications_channels_dialog.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AAIA;AAAA;AAAA;ACsHA;AA4DA;ACjLA;AAAA;AAAA;ACaA;EACI;IACI;IACA;IACA;;;AAGR;EACI;EACA;;AAEA;EACI;;;AAIR;EAGI;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI,eAjDa;;AAoDT;EACI;;AAIR;EACI;IACI;IACA;IACA;;EAEJ;IACI;;;AAIR;EApBJ;IAqBQ;IACA;;EAEA;IACI;IACA;;EAGJ;IACI;IACA;IACA;;;;AAMR;EADJ;IAEQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,eChGQ;;;ADqGpB;EACI;;;AAIA;EADJ;IAEQ;;;AAIJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;IACA;IACA;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OC9IQ;;ADgJR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,OC/JI;EDgKJ,YCvJM;EDwJN;EACA;;AAIA;EACI;;AAIR;EACI;EACA;EACA,OC9KI;ED+KJ,YE7Ia;EF8Ib;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAMhB;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA,OC3OW;;AD8Of;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OC3PI;ED4PJ;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OClQI;EDmQJ;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OCzWW;;AD2WX;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA,YA1Ya;EA2Yb;EACA;EACA;EACA;EACA;EACA,OCpYe;;ADuYnB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI,YC3TY;;AD6TZ;EACI;;AAGJ;EACI;;AAGR;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBC3WgB;ED4WhB;EACA;;AAEA;EACI,kBCpac;;ADwatB;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAEA;EACI;;AAGJ;AAAA;EFhRR;EACA;EACA;;AEqRA;EACI;;AAGJ;EACI;EACA,OCnfe;;ADsfnB;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGA;EACI;;AAGJ;EACI,OChfY;;ADmfhB;EACI,OCrWa;;ADyWrB;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EACI;EACA;EACA,aC3dK;ED4dL,OCziBQ;ED0iBR;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,kBCrcW;;ADycnB;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKJ;EACI,OCjkBc;;;ADskB1B;EACI;;AAEA;EAHJ;IAIQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;IACA;;;;AAOZ;EACI,SGjnBe;;AHonBnB;EACI;IACI,SGrnBiB;;;;AH0nB7B;EACI,YEnmBgB;EFomBhB;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;;;;AAIR;EACI;EACA,eA9qBa;;;AAirBjB;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,OChrBmB;EDirBnB;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI,OC7qBkB;ED8qBlB;;AAGJ;EAvBJ;IAwBQ;;;;AAKJ;EACI;EACA,QAztBO;;;AA8tBX;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI,cC3uBQ;;AD+uBhB;EACI,OChvBY;EDivBZ;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA,eA9vBa;;;AAiwBjB;EACI;EACA;EACA;;;AAGJ;EACI;EACA,eAzwBa;;;AA6wBb;EACI,QA7wBO;EA8wBP;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI,OCtxBQ;EDuxBR;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA,gBAryBa;EAsyBb;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EAEI,cCrxBkB;;ADwxBtB;EACI,OC3yBe;;AD8yBnB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;;AAEI;EACI,kBCxzBc;EDyzBd,OC3zBY;;;ADi0BxB;EACI;;;AAIJ;EACI","file":"notifications_channels_dialog.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/notifications_channels_dialog.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AAIA;AAAA;AAAA;ACsHA;AA4DA;ACjLA;AAAA;AAAA;ACaA;EACI;IACI;IACA;IACA;;;AAGR;EACI;EACA;;AAEA;EACI;;;AAIR;EAGI;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI,eAjDa;;AAoDT;EACI;;AAIR;EACI;IACI;IACA;IACA;;EAEJ;IACI;;;AAIR;EApBJ;IAqBQ;IACA;;EAEA;IACI;IACA;;EAGJ;IACI;IACA;IACA;;;;AAMR;EADJ;IAEQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,eChGQ;;;ADqGpB;EACI;;;AAIA;EADJ;IAEQ;;;AAIJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;IACA;IACA;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXJ;IAYQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OC9JQ;;ADgKR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,OC/KI;EDgLJ,YCvKM;EDwKN;EACA;;AAIA;EACI;;AAIR;EACI;EACA;EACA,OC9LI;ED+LJ,YE7Ja;EF8Jb;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAMhB;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA,OC3PW;;AD8Pf;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OC3QI;ED4QJ;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,OClRI;EDmRJ;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OC1XW;;AD4XX;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA,YA3Za;EA4Zb;EACA;EACA;EACA;EACA;EACA,OCrZe;;ADwZnB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI,YC5UY;;AD8UZ;EACI;;AAGJ;EACI;;AAGR;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBC5XgB;ED6XhB;EACA;;AAEA;EACI,kBCrbc;;ADybtB;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAEA;EACI;;AAGJ;AAAA;EFjSR;EACA;EACA;;AEsSA;EACI;;AAGJ;EACI;EACA,OCpgBe;;ADugBnB;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGA;EACI;;AAGJ;EACI,OCjgBY;;ADogBhB;EACI,OCtXa;;AD0XrB;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EACI;EACA;EACA,aC5eK;ED6eL,OC1jBQ;ED2jBR;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,kBCtdW;;AD0dnB;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAKJ;EACI,OCllBc;;;ADulB1B;EACI;;AAEA;EAHJ;IAIQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;IACA;;;;AAOZ;EACI,SGloBe;;AHqoBnB;EACI;IACI,SGtoBiB;;;;AH2oB7B;EACI,YEpnBgB;EFqnBhB;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;;;;AAIR;EACI;EACA,eA/rBa;;;AAksBjB;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,OCjsBmB;EDksBnB;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI,OC9rBkB;ED+rBlB;;AAGJ;EAvBJ;IAwBQ;;;;AAKJ;EACI;EACA,QA1uBO;;;AA+uBX;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI,cC5vBQ;;ADgwBhB;EACI,OCjwBY;EDkwBZ;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA,eA/wBa;;;AAkxBjB;EACI;EACA;EACA;;;AAGJ;EACI;EACA,eA1xBa;;;AA8xBb;EACI,QA9xBO;EA+xBP;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI,OCvyBQ;EDwyBR;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA,gBAtzBa;EAuzBb;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EAEI,cCtyBkB;;ADyyBtB;EACI,OC5zBe;;AD+zBnB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;;AAEI;EACI,kBCz0Bc;ED00Bd,OC50BY;;;ADk1BxB;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAKJ;EACI;;;AAIR;EACI;EACA","file":"notifications_channels_dialog.css"}

package/styles/css/poweredByGDLogo.css

@@ -20,13 +20,13 @@
 .gd-powered-by-logo-img-large {
   width: 165px;
   height: 30px;
-  background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-large.svg?v=2022");
+  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-large.svg?v=2022");
   background-size: 165px 30px;
 }
 .gd-powered-by-logo-img-small {
   width: 146px;
   height: 16px;
-  background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-small.svg?v=2022");
+  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-small.svg?v=2022");
   background-size: 146px 16px;
 }
 

package/styles/css/sidebar.css

@@ -95,7 +95,7 @@
   max-width: 260px;
 }
 .gd-container-tooltip__image {
-  background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/flexible-layouts-tooltip.gif");
+  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/flexible-layouts-tooltip.gif");
   background-repeat: no-repeat;
   background-position: left top;
   background-size: contain;

package/styles/scss/attributeFilterConfig.scss

@@ -359,6 +359,6 @@
         display: block;
         width: 18px;
         height: 24px;
-        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
     }
 }

package/styles/scss/dashboard.scss

@@ -482,7 +482,7 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
 
 .dash-item-action.dash-item-action-alert {
     &.disabled {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/alert-bell-na.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/alert-bell-na.svg");
         background-repeat: no-repeat;
         background-position: center;
         background-size: 16px;
@@ -606,7 +606,7 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
     background-color: kit-variables.$gd-palette-primary-base;
 
     &.gd-icon-trash::before {
-        content: url("~@gooddata/sdk-ui-dashboard/esm/assets/trash.svg");
+        content: url("@gooddata/sdk-ui-dashboard/esm/assets/trash.svg");
         display: inline-block;
         width: 20px;
         height: 20px;
@@ -771,6 +771,9 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
     left: 0;
     bottom: 0;
     right: 0;
+    &.is-invisible {
+        visibility: hidden;
+    }
 }
 
 .bubble.options-menu-bubble {

package/styles/scss/dragAndDrop.scss

@@ -179,15 +179,15 @@
 
 .add-kpi-placeholder::before,
 .move-kpi-placeholder::before {
-    background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-kpi-placeholder.svg");
+    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-kpi-placeholder.svg");
 }
 
-.add-attribute-filter-placeholder::before {
-    background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
+.add-attribute-filter-placeholder.disabled::before {
+    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder-disabled.svg");
+}
 
-    &:disabled {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder-disabled.svg");
-    }
+.add-attribute-filter-placeholder::before {
+    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
 }
 
 .dropzone {
@@ -441,7 +441,7 @@
 
     .gd-icon-insight {
         &::before {
-            content: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-insight-placeholder.svg");
+            content: url("@gooddata/sdk-ui-dashboard/esm/assets/add-insight-placeholder.svg");
             display: inline-block;
             margin-right: 10px;
         }
@@ -561,7 +561,7 @@
     cursor: pointer;
 
     &.select-measure {
-        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/dummy-kpi-simple.svg") no-repeat center center;
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/dummy-kpi-simple.svg") no-repeat center center;
         background-size: 130px;
     }
 }

package/styles/scss/drillConfigPanel.scss

@@ -116,7 +116,7 @@
             display: block;
             width: 18px;
             height: 24px;
-            background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
+            background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
             background-repeat: no-repeat;
             background-position: left top;
             background-size: contain;
@@ -128,20 +128,20 @@
     }
 
     .gd-drill-measure-selector-list-item::before {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
     }
     .gd-drill-metric-selector-list-item::before {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
         top: 8px;
         height: 18px;
     }
     .gd-drill-attribute-selector-list-item::before {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
     }
     .gd-drill-attribute-date-selector-list-item::before {
         top: 9px;
         height: 16px;
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
     }
 }
 
@@ -227,7 +227,7 @@
         display: block;
         width: 18px;
         height: 24px;
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
         background-repeat: no-repeat;
         background-position: left top;
         background-size: contain;
@@ -262,16 +262,16 @@
     }
 
     .dm-button-icon-metric {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
     }
     .dm-button-icon-measure {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
     }
     .dm-button-icon-attribute {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
     }
     .dm-button-icon-date {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
     }
 
     .dm-button-title {
@@ -434,21 +434,21 @@
     }
 
     .gd-icon-drill-to-dashboard::before {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/drill-to-dashboard.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/drill-to-dashboard.svg");
     }
 
     .gd-icon-drill-to-insight::before {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/drill-to-insight.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/drill-to-insight.svg");
     }
 
     .gd-icon-drill-down::before {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/drill-down.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/drill-down.svg");
         background-repeat: no-repeat;
         top: 1px;
     }
 
     .gd-icon-attribute-hierarchy::before {
-        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
+        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
         background-repeat: no-repeat;
         top: 1px;
     }

package/styles/scss/icons.scss

@@ -35,7 +35,7 @@
         }
 
         &::before {
-            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/trend-positive.svg") no-repeat center;
+            background: url("@gooddata/sdk-ui-dashboard/esm/assets/trend-positive.svg") no-repeat center;
         }
 
         &.is-selected {
@@ -53,7 +53,7 @@
         }
 
         &::before {
-            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/trend-negative.svg") no-repeat center;
+            background: url("@gooddata/sdk-ui-dashboard/esm/assets/trend-negative.svg") no-repeat center;
         }
 
         &.is-selected {
@@ -66,20 +66,20 @@
     }
 
     &.type-measure::before {
-        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg") no-repeat center;
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg") no-repeat center;
     }
 
     &.type-metric::before {
         margin-top: 0;
-        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/metric.svg") no-repeat center;
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/metric.svg") no-repeat center;
     }
 
     &.type-attribute::before {
-        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg") no-repeat center;
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg") no-repeat center;
     }
 
     &.type-date::before {
-        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
     }
 
     &.type-comparison::before {
@@ -98,87 +98,85 @@
     }
 }
 
-.gd-list-item {
-    .gd-icon-list {
-        &::before {
-            content: "";
-            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
-            width: 16px;
-            height: 16px;
-            display: inline-block;
-        }
+.gd-icon-list {
+    &::before {
+        content: "";
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
+        width: 16px;
+        height: 16px;
+        display: inline-block;
     }
-    .gd-icon-save-as-new {
-        &::before {
-            content: "";
-            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/save-as-new.svg") no-repeat center;
-            width: 16px;
-            height: 16px;
-            display: inline-block;
-        }
+}
+.gd-icon-save-as-new {
+    &::before {
+        content: "";
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/save-as-new.svg") no-repeat center;
+        width: 16px;
+        height: 16px;
+        display: inline-block;
     }
-    .gd-icon-filter {
-        &::before {
-            content: "";
-            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/filter.svg") no-repeat center;
-            width: 16px;
-            height: 16px;
-            display: inline-block;
-        }
+}
+.gd-icon-filter {
+    &::before {
+        content: "";
+        background: url("@gooddata/sdk-ui-dashboard/esm/assets/filter.svg") no-repeat center;
+        width: 16px;
+        height: 16px;
+        display: inline-block;
     }
-    .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-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-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-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-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-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-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-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-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-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-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;
-        }
+}
+.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;
     }
 }
 

package/styles/scss/notifications_channels_dialog.scss

@@ -143,6 +143,22 @@ $min-content-height: 110px;
     }
 
     .gd-attachment-list {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        flex: 1;
+        overflow: hidden;
+        margin: -2px 0;
+        flex-wrap: wrap;
+        gap: 5px;
+        scroll-margin-bottom: 40px;
+
+        @media #{kit-variables.$small-only} {
+            max-width: none;
+        }
+    }
+
+    .gd-attachment-list-old {
         display: flex;
         flex-direction: row;
         align-items: end;
@@ -322,6 +338,7 @@ $min-content-height: 110px;
         display: flex;
         flex-direction: column;
         padding: 15px 10px;
+        gap: var(--gd-spacing-10px);
     }
 
     .gd-attachment-settings-dropdown-footer {
@@ -447,7 +464,7 @@ $min-content-height: 110px;
             border: none;
             cursor: pointer;
 
-            background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
+            background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
             background-color: transparent;
             background-position: center center;
         }
@@ -897,3 +914,74 @@ $min-content-height: 110px;
 .gd-recurrence-form .gd-input-component .gd-label {
     min-width: unset;
 }
+
+.gd-attachment-type-label {
+    display: inline-flex;
+    gap: var(--gd-spacing-10px);
+    align-items: center;
+    margin-inline-start: 5px;
+}
+
+.gd-attachment-types-content {
+    padding: var(--gd-spacing-10px);
+}
+
+.gd-attachment-type-item {
+    padding: 3px 0;
+    font-size: 12px;
+}
+
+.gd-attachment-chip {
+    height: 27px;
+    max-width: 245px;
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    position: relative;
+    border-radius: 20px;
+    padding-left: var(--gd-spacing-10px);
+    font-size: 12px;
+    border: 1px solid var(--gd-palette-complementary-4);
+    background-color: var(--gd-palette-complementary-0);
+    color: var(--gd-palette-complementary-7);
+    &:has(.gd-attachment-chip-delete:hover) {
+        background-color: var(--gd-palette-error-dimmed);
+        color: var(--gd-palette-error-base);
+        border: 1px solid var(--gd-palette-error-base-t85);
+    }
+}
+
+.gd-attachment-chip-label {
+    display: inline-flex;
+    gap: var(--gd-spacing-5px);
+    align-items: center;
+}
+
+.gd-attachment-chip-button {
+    background: none;
+    border: none;
+    padding: 0;
+    font: inherit;
+    cursor: pointer;
+    color: var(--gd-palette-complementary-6);
+    display: grid;
+    place-items: center;
+    width: 27px;
+    height: 100%;
+    &:hover {
+        color: var(--gd-palette-complementary-8);
+    }
+}
+
+.gd-attachment-chip-delete {
+    &:hover {
+        color: var(--gd-palette-error-base);
+    }
+}
+
+.gd-attachment-list-error {
+    color: var(--gd-palette-error-base);
+    font-size: 12px;
+}