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

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

@@ -92,12 +92,14 @@
   flex-direction: column;
   align-items: stretch;
   gap: 10px;
-  max-width: 240px;
+  max-width: 260px;
 }
 .gd-container-tooltip__image {
-  width: 100%;
-  aspect-ratio: 3/2;
-  background: fuchsia;
+  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;
 }
 .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;;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;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,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 {
@@ -824,6 +827,11 @@ $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,12 +46,6 @@
     }
 }
 
-.gd-nested-layout-widget-renderer {
-    .gd-nested-layout-hotspot.dropzone {
-        width: 50px;
-    }
-}
-
 .gd-dashboard-nested-layout-tab {
     display: none;
     width: auto;
@@ -115,109 +109,130 @@
             min-height: 300px;
         }
     }
+}
 
-    .gd-hotspot-border__container {
-        display: none;
+// 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 {
         position: absolute;
-        padding: 10px 0;
-        width: 10px;
-        height: 100%;
     }
 
-    .gd-first-container-row-dropzone .gd-hotspot-border__container {
-        padding-top: 0;
+    &--type-prev {
+        .drop-hint {
+            float: left;
+            margin-left: -3px;
+        }
     }
 
-    .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;
-
-        .drop-target-inner {
-            width: 4px;
-            height: 100%;
-            padding: 0;
-            border-radius: 2px;
-            background-color: kit-variables.$gd-palette-primary-base;
+    &--type-next {
+        .drop-hint {
+            float: right;
+            margin-left: 3px;
         }
     }
 
-    .dropzone.prev.active {
-        .gd-hotspot-border__container {
-            left: -15px;
-            display: block;
-        }
+    &--hidden {
+        display: none;
     }
 
-    .dropzone.next.active {
-        .gd-hotspot-border__container {
-            right: -15px;
-            display: block;
+    // definition of horizontal drop zones
+    &--direction-row {
+        &#{$dropzoneRoot}--type-prev,
+        &#{$dropzoneRoot}--type-next {
+            top: 0;
+            bottom: 0;
+            width: 50%;
+
+            &#{$dropzoneRoot}--full {
+                width: 100%;
+            }
         }
-    }
-}
 
-// 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;
+        &#{$dropzoneRoot}--type-prev {
             left: 0;
+
+            &#{$dropzoneRoot}--active {
+                #{$dropzoneRoot}__drop-target--direction-row {
+                    left: -15px;
+                }
+            }
+        }
+
+        &#{$dropzoneRoot}--type-next {
+            right: 0;
+
+            &#{$dropzoneRoot}--active {
+                #{$dropzoneRoot}__drop-target--direction-row {
+                    right: -15px;
+                }
+            }
+        }
+
+        &#{$dropzoneRoot}--extended {
             width: 100%;
-            height: 50%;
         }
 
-        &.prev {
-            top: 0;
+        &#{$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;
+            }
+        }
+    }
+
+    // definition of vertical drop zones
+    &--direction-column {
+        &#{$dropzoneRoot}--type-prev,
+        &#{$dropzoneRoot}--type-next {
+            right: 0;
+            left: 0;
+            height: 50%;
 
-            &.full {
+            &#{$dropzoneRoot}--full {
                 width: 50%;
             }
+        }
+
+        &#{$dropzoneRoot}--type-prev {
+            top: 0;
 
-            &.active {
-                .gd-hotspot-border__container {
-                    left: unset; // remove left shift defined for vertical hotspot
+            &#{$dropzoneRoot}--active {
+                #{$dropzoneRoot}__drop-target--direction-column {
                     top: -5px; // shift above the widget, in the middle of space between two widgets
                 }
             }
         }
 
-        &.next {
+        &#{$dropzoneRoot}--type-next {
             bottom: 0;
 
-            &.full {
-                width: 50%;
-            }
-
-            &.active {
-                .gd-hotspot-border__container {
-                    right: unset; // remove right shift defined for vertical hotspot
+            &#{$dropzoneRoot}--active {
+                #{$dropzoneRoot}__drop-target--direction-column {
                     bottom: -5px; // shift below the widget, in the middle of space between two widgets
                 }
             }
         }
 
-        &.gd-nested-layout-hotspot {
-            &.prev,
-            &.next {
+        &#{$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%)
                 height: 50px;
             }
         }
 
-        &.gd-first-container-row-dropzone {
-            &.prev {
-                &.active {
+        &#{$dropzoneRoot}--isInFirstRow {
+            &#{$dropzoneRoot}--type-prev {
+                &#{$dropzoneRoot}--active {
                     // stylelint-disable-next-line max-nesting-depth
-                    .gd-hotspot-border__container {
+                    #{$dropzoneRoot}__drop-target--direction-column {
                         top: -15px; // the first widget does not have same padding as the subsequent ones
                     }
                 }
@@ -225,15 +240,55 @@
         }
     }
 
-    .gd-hotspot-border__container {
-        padding: 0; // remove padding defined for vertical hotspot to have drop zone same width as widget
-        width: 100%;
-        height: 10px;
-    }
+    // drop target inside of the drop zone
+    &__drop-target {
+        display: none;
+        position: absolute;
 
-    .gd-hotspot-border__drop-target {
-        .drop-target-inner {
+        &--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 {
+        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;
+    }
+
+    &__drop-target-inner {
+        height: 100%;
+        padding: 0;
+        border-radius: 2px;
+        background-color: kit-variables.$gd-palette-primary-base;
     }
 }

package/styles/scss/dragAndDrop.scss

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