@gooddata/sdk-ui-dashboard 10.33.0-alpha.48 → 10.33.0-alpha.5

package/styles/css/notifications_channels_dialog.css

@@ -118,22 +118,6 @@
   }
 }
 .gd-notifications-channels-attachments .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 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;
@@ -143,7 +127,7 @@
   flex-wrap: wrap;
 }
 @media only screen and (max-width: 640px) {
-  .gd-notifications-channels-attachments .gd-attachment-list-old {
+  .gd-notifications-channels-attachments .gd-attachment-list {
     max-width: none;
   }
 }
@@ -289,7 +273,6 @@
   display: flex;
   flex-direction: column;
   padding: 15px 10px;
-  gap: var(--gd-spacing-10px);
 }
 .gd-attachment-settings-dropdown .gd-attachment-settings-dropdown-footer {
   display: flex;
@@ -399,7 +382,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;
 }
@@ -790,73 +773,4 @@
   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;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"}
+{"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"}

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

@@ -92,14 +92,12 @@
   flex-direction: column;
   align-items: stretch;
   gap: 10px;
-  max-width: 260px;
+  max-width: 240px;
 }
 .gd-container-tooltip__image {
-  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/flexible-layouts-tooltip.gif");
-  background-repeat: no-repeat;
-  background-position: left top;
-  background-size: contain;
-  aspect-ratio: 44/27;
+  width: 100%;
+  aspect-ratio: 3/2;
+  background: fuchsia;
 }
 .gd-container-tooltip__actions {
   padding-top: 10px;

package/styles/css/sidebar.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/sidebar.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACGA;EACI;EACA;EACA;EACA;EACA,cCoES;;;ADjEb;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OECY;EFAZ;;AAEA;EACI,OEZY;EFaZ;EACA;;AAGJ;EACI;EAIA;EAEA;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEJ;EACI;;AAIA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA","file":"sidebar.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/sidebar.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACGA;EACI;EACA;EACA;EACA;EACA,cCoES;;;ADjEb;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OECY;EFAZ;;AAEA;EACI,OEZY;EFaZ;EACA;;AAGJ;EACI;EAIA;EAEA;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEJ;EACI;;AAIA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA","file":"sidebar.css"}

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,9 +771,6 @@ $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 {
@@ -827,11 +824,6 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
                 border-color: kit-variables.$is-focused-background;
             }
         }
-        &.gd-dashboard-nested-layout-widget {
-            .gd-dashboard-nested-layout-widget {
-                padding: 10px 0 0 0; // make space for column drop zone in second level and below
-            }
-        }
         &:not(.gd-dashboard-nested-layout-widget):not(.gd-first-container-row-widget):not(.drag-info-placeholder) {
             padding: 10px 0; // no place between widgets, render only containers for resizers
         }

package/styles/scss/dashboardNestedLayoutWidget.scss

@@ -46,6 +46,12 @@
     }
 }
 
+.gd-nested-layout-widget-renderer {
+    .gd-nested-layout-hotspot.dropzone {
+        width: 50px;
+    }
+}
+
 .gd-dashboard-nested-layout-tab {
     display: none;
     width: auto;
@@ -109,130 +115,109 @@
             min-height: 300px;
         }
     }
-}
-
-// Definition of horizontal and vertical hot and drop zones.
-.gd-grid-layout-dropzone {
-    $dropzoneRoot: &;
-    z-index: zIndexes.$drag-and-drop-drop-zone;
 
-    &--type-prev,
-    &--type-next {
+    .gd-hotspot-border__container {
+        display: none;
         position: absolute;
+        padding: 10px 0;
+        width: 10px;
+        height: 100%;
     }
 
-    &--type-prev {
-        .drop-hint {
-            float: left;
-            margin-left: -3px;
-        }
-    }
-
-    &--type-next {
-        .drop-hint {
-            float: right;
-            margin-left: 3px;
-        }
-    }
-
-    &--hidden {
-        display: none;
+    .gd-first-container-row-dropzone .gd-hotspot-border__container {
+        padding-top: 0;
     }
 
-    // definition of horizontal drop zones
-    &--direction-row {
-        &#{$dropzoneRoot}--type-prev,
-        &#{$dropzoneRoot}--type-next {
-            top: 0;
-            bottom: 0;
-            width: 50%;
-
-            &#{$dropzoneRoot}--full {
-                width: 100%;
-            }
-        }
-
-        &#{$dropzoneRoot}--type-prev {
-            left: 0;
-
-            &#{$dropzoneRoot}--active {
-                #{$dropzoneRoot}__drop-target--direction-row {
-                    left: -15px;
-                }
-            }
-        }
-
-        &#{$dropzoneRoot}--type-next {
-            right: 0;
+    .gd-hotspot-border__drop-target {
+        width: 100%;
+        height: 100%;
+        padding: 2px;
+        border: 1px dashed kit-variables.$gd-palette-primary-base;
+        border-radius: 15px;
+        background-color: kit-variables.$gd-palette-primary-dimmed;
 
-            &#{$dropzoneRoot}--active {
-                #{$dropzoneRoot}__drop-target--direction-row {
-                    right: -15px;
-                }
-            }
+        .drop-target-inner {
+            width: 4px;
+            height: 100%;
+            padding: 0;
+            border-radius: 2px;
+            background-color: kit-variables.$gd-palette-primary-base;
         }
+    }
 
-        &#{$dropzoneRoot}--extended {
-            width: 100%;
+    .dropzone.prev.active {
+        .gd-hotspot-border__container {
+            left: -15px;
+            display: block;
         }
+    }
 
-        &#{$dropzoneRoot}--isOverNestedLayout {
-            &#{$dropzoneRoot}--type-prev,
-            &#{$dropzoneRoot}--type-next {
-                // nested container has has narrower hotspot so it is possible to drop widget into it, while
-                // the non-container widgets inside of it are split half and half (50%)
-                width: 50px;
-            }
+    .dropzone.next.active {
+        .gd-hotspot-border__container {
+            right: -15px;
+            display: block;
         }
     }
+}
 
-    // definition of vertical drop zones
-    &--direction-column {
-        &#{$dropzoneRoot}--type-prev,
-        &#{$dropzoneRoot}--type-next {
+// The class is used in the nested layout, no need to nest this inside of .gd-grid-layout.
+// The block redefines the vertical hot zones and drop zones to horizontal one for column layout.
+.gd-dashboard-nested-layout-widget--column {
+    .dropzone {
+        &.prev,
+        &.next {
+            top: unset;
             right: 0;
+            bottom: unset;
             left: 0;
+            width: 100%;
             height: 50%;
-
-            &#{$dropzoneRoot}--full {
-                width: 50%;
-            }
         }
 
-        &#{$dropzoneRoot}--type-prev {
+        &.prev {
             top: 0;
 
-            &#{$dropzoneRoot}--active {
-                #{$dropzoneRoot}__drop-target--direction-column {
+            &.full {
+                width: 50%;
+            }
+
+            &.active {
+                .gd-hotspot-border__container {
+                    left: unset; // remove left shift defined for vertical hotspot
                     top: -5px; // shift above the widget, in the middle of space between two widgets
                 }
             }
         }
 
-        &#{$dropzoneRoot}--type-next {
+        &.next {
             bottom: 0;
 
-            &#{$dropzoneRoot}--active {
-                #{$dropzoneRoot}__drop-target--direction-column {
+            &.full {
+                width: 50%;
+            }
+
+            &.active {
+                .gd-hotspot-border__container {
+                    right: unset; // remove right shift defined for vertical hotspot
                     bottom: -5px; // shift below the widget, in the middle of space between two widgets
                 }
             }
         }
 
-        &#{$dropzoneRoot}--isOverNestedLayout {
-            &#{$dropzoneRoot}--type-prev,
-            &#{$dropzoneRoot}--type-next {
+        &.gd-nested-layout-hotspot {
+            &.prev,
+            &.next {
                 // nested container has has narrower hotspot so it is possible to drop widget into it, while
                 // the non-container widgets inside of it are split half and half (50%)
                 height: 50px;
             }
         }
 
-        &#{$dropzoneRoot}--isInFirstRow {
-            &#{$dropzoneRoot}--type-prev {
-                &#{$dropzoneRoot}--active {
+        &.gd-first-container-row-dropzone {
+            &.prev {
+                &.active {
                     // stylelint-disable-next-line max-nesting-depth
-                    #{$dropzoneRoot}__drop-target--direction-column {
+                    .gd-hotspot-border__container {
                         top: -15px; // the first widget does not have same padding as the subsequent ones
                     }
                 }
@@ -240,55 +225,15 @@
         }
     }
 
-    // drop target inside of the drop zone
-    &__drop-target {
-        display: none;
-        position: absolute;
-
-        &--direction-row {
-            padding: 10px 0;
-            width: 10px;
-            height: 100%;
-
-            #{$dropzoneRoot}__drop-target-inner {
-                width: 4px;
-            }
-        }
-
-        &--direction-column {
-            padding: 0;
-            width: 100%;
-            height: 10px;
-
-            #{$dropzoneRoot}__drop-target-inner {
-                width: 100%;
-            }
-        }
-
-        &#{$dropzoneRoot}--isInFirstRow {
-            padding-top: 0;
-        }
-    }
-
-    &--active {
-        #{$dropzoneRoot}__drop-target {
-            display: block;
-        }
-    }
-
-    &__drop-target-border {
+    .gd-hotspot-border__container {
+        padding: 0; // remove padding defined for vertical hotspot to have drop zone same width as widget
         width: 100%;
-        height: 100%;
-        padding: 2px;
-        border: 1px dashed kit-variables.$gd-palette-primary-base;
-        border-radius: 15px;
-        background-color: kit-variables.$gd-palette-primary-dimmed;
+        height: 10px;
     }
 
-    &__drop-target-inner {
-        height: 100%;
-        padding: 0;
-        border-radius: 2px;
-        background-color: kit-variables.$gd-palette-primary-base;
+    .gd-hotspot-border__drop-target {
+        .drop-target-inner {
+            width: 100%;
+        }
     }
 }

package/styles/scss/dragAndDrop.scss

@@ -179,63 +179,60 @@
 
 .add-kpi-placeholder::before,
 .move-kpi-placeholder::before {
-    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-kpi-placeholder.svg");
-}
-
-.add-attribute-filter-placeholder.disabled::before {
-    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder-disabled.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");
-}
+    background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
 
-.gd-fluid-layout {
-    .dropzone {
-        z-index: zIndexes.$drag-and-drop-drop-zone;
-
-        &.next,
-        &.prev {
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            width: 50%;
-        }
+    &:disabled {
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder-disabled.svg");
+    }
+}
 
-        &.next {
-            right: 0;
+.dropzone {
+    z-index: zIndexes.$drag-and-drop-drop-zone;
+    &.next,
+    &.prev {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        width: 50%;
+    }
 
-            .drop-hint {
-                float: right;
-                margin-left: 3px;
-            }
+    &.next {
+        right: 0;
 
-            &.full {
-                width: 100%;
-            }
+        .drop-hint {
+            float: right;
+            margin-left: 3px;
         }
 
-        &.prev {
-            left: 0;
-
-            .drop-hint {
-                float: left;
-                margin-left: -3px;
-            }
-
-            &.full {
-                width: 100%;
-            }
+        &.full {
+            width: 100%;
         }
+    }
 
-        &.hidden {
-            display: none;
+    &.prev {
+        left: 0;
+
+        .drop-hint {
+            float: left;
+            margin-left: -3px;
         }
 
-        &.extended {
+        &.full {
             width: 100%;
         }
     }
+
+    &.hidden {
+        display: none;
+    }
+
+    &.extended {
+        width: 100%;
+    }
 }
 
 .widget-dropzone,
@@ -444,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;
         }
@@ -564,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;
     }
 }
@@ -713,6 +710,14 @@
         }
     }
 
+    .dropzone {
+        &.next {
+            .drop-hint {
+                float: unset;
+            }
+        }
+    }
+
     .row-hotspot-container {
         .row-hotspot {
             top: -20px; // move active dropzone over the section hotspot row