@gooddata/sdk-ui-dashboard 10.33.0-alpha.8 → 10.33.0-alpha.81

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/resizing.css

@@ -8,7 +8,6 @@
   top: 0;
   right: 20px;
   bottom: 100%;
-  width: 0;
   height: 100%;
 }
 
@@ -23,8 +22,8 @@
 .dash-width-resizer-hotspot,
 .resizer-drag-preview {
   display: flex;
-  width: 40px;
-  padding: 0 0 0 5px;
+  justify-content: center;
+  width: 20px;
   cursor: col-resize;
 }
 
@@ -181,9 +180,6 @@
   background: var(--gd-dashboards-content-backgroundColor-from-theme, var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95)));
 }
 
-.gd-grid-layout-width-resizer-drag-preview {
-  padding: 0 0 0 10px;
-}
 .gd-grid-layout-width-resizer-drag-preview.gd-first-container-row-widget .gd-fluidlayout-width-resizer__container {
   padding-top: 0;
 }
@@ -195,16 +191,15 @@
 }
 .gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer,
 .gd-grid-layout .gd-fluidlayout-width-resizer {
-  padding: 4px 0;
   display: flex;
   flex-direction: column;
   border-radius: 4px;
+  align-items: center;
 }
 .gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer .width-resizer-line,
 .gd-grid-layout .gd-fluidlayout-width-resizer .width-resizer-line {
   flex: 1 0 auto;
   width: 0;
-  margin-left: 4px;
   height: unset;
 }
 .gd-grid-layout-resizer-drag-preview .dash-height-resizer-container,
@@ -259,17 +254,20 @@
 }
 
 .gd-grid-layout .dash-width-resizer-container {
-  position: relative;
-  left: -10px;
-  right: 0;
-  width: 0;
+  position: absolute;
+  right: -20px;
+  width: 20px;
+  display: flex;
+  justify-content: center;
 }
 .gd-grid-layout .dash-width-resizer-container.gd-first-container-row-widget .gd-fluidlayout-width-resizer__container {
   padding-top: 0;
 }
 .gd-grid-layout .gd-fluidlayout-width-resizer__container {
   background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  width: 100%;
+  width: 20px;
+  display: flex;
+  justify-content: center;
 }
 .gd-grid-layout .dash-height-resizer-hotspot {
   position: absolute;
@@ -293,9 +291,10 @@
 }
 
 .sdk-edit-mode-on .gd-grid-layout .dash-width-resizer-hotspot {
-  position: unset;
+  position: static;
   width: 20px;
-  padding: 0 0 0 10px;
+  display: flex;
+  justify-content: center;
 }
 .sdk-edit-mode-on .gd-grid-layout .gd-resize-overlay-text {
   right: -10px;
@@ -328,4 +327,59 @@
   left: unset;
 }
 
+.gd-grid-layout-ruler {
+  --bullet-size: 6px;
+  --bullet-size-active: 9px;
+  --gap: 20px;
+  padding: 20px 0 20px var(--gap);
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  pointer-events: none;
+}
+.gd-grid-layout-ruler__grid {
+  flex-grow: 1;
+  flex-shrink: 0;
+  display: grid;
+  gap: var(--gap);
+  grid-template-columns: repeat(var(--columns-num), 1fr);
+  grid-template-rows: auto;
+  justify-content: start;
+  align-items: stretch;
+}
+.gd-grid-layout-ruler__bullet-container {
+  width: var(--gap);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  left: calc(var(--gap) * -1);
+}
+.gd-grid-layout-ruler__bullet-container--last {
+  left: 0;
+}
+.gd-grid-layout-ruler__bullet {
+  width: var(--bullet-size);
+  height: var(--bullet-size);
+  border-radius: 100%;
+  background-color: var(--gd-palette-complementary-6-from-theme, #b0beca);
+  position: absolute;
+  opacity: 0;
+  transform: translateY(-20px);
+  transition: transform 0.2s ease-out, opacity 0.1s ease-in, width 0.1s ease-out, height 0.1s ease-out;
+}
+.gd-grid-layout-ruler--active .gd-grid-layout-ruler__bullet {
+  opacity: 1;
+  transform: translateY(0);
+}
+.gd-grid-layout-ruler__bullet--active {
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+  width: var(--bullet-size-active);
+  height: var(--bullet-size-active);
+}
+.gd-grid-layout-ruler__bullet--initial {
+  background-color: var(--gd-palette-complementary-9, #000);
+}
+
 /*# sourceMappingURL=resizing.css.map */

package/styles/css/resizing.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","../scss/resizing.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACAA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI,kBCvCsB;;AD0C1B;EACI,kBEOkB;;AFJtB;EACI;EACA;;AAEA;EACI,cExCQ;;AF0CZ;EACI,cElCI;;AFqCR;EACI,cE3Bc;;AF8BlB;EACI,cEdY;;;AFmBxB;EACI;EACA;EACA;;AAEA;EACI,kBCzEsB;;AD4E1B;EACI,kBE3BkB;;AF8BtB;EACI;EACA;EACA,cEpDkB;;AFsDlB;EACI,cE3EQ;;AF8EZ;EACI,cEtEI;;AFyER;EACI,cE/Dc;;AFkElB;EACI,cElDY;;;AFwDpB;AAAA;AAAA;AAAA;EAII,SGzFO;;AH4FX;EACI;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,SG7Ge;EH8Gf;EACA;EACA;;AAEA;EACI,kBC/H0B;;ADkI9B;EACI,YCnI0B;;ADqI9B;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI,SGnIoB;EHoIpB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,MEjJkB;;AFoJtB;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACI;;AAEI;EACI;;;AAOR;AAAA;EACI;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;EACA;;AAIR;AAAA;EACI;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAGI,OAF4B;EAG5B,QAH4B;EAI5B;EACA;EACA;;AACA;AAAA;EACI,cE3OQ;;AF6OZ;AAAA;EACI,cErOI;;AFwOR;AAAA;EACI,cE9Nc;;AFiOlB;AAAA;EACI,cEjNY;;AFoNpB;AAAA;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;;AAKZ;EACI;;;AAIA;EACI;EACA;EACA;EACA;;AAEI;EACI;;AAKZ;EACI,YC7OgC;ED8OhC;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAKJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"resizing.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","../scss/resizing.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACAA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI,kBCtCsB;;ADyC1B;EACI,kBEQkB;;AFLtB;EACI;EACA;;AAEA;EACI,cEvCQ;;AFyCZ;EACI,cEjCI;;AFoCR;EACI,cE1Bc;;AF6BlB;EACI,cEbY;;;AFkBxB;EACI;EACA;EACA;;AAEA;EACI,kBCxEsB;;AD2E1B;EACI,kBE1BkB;;AF6BtB;EACI;EACA;EACA,cEnDkB;;AFqDlB;EACI,cE1EQ;;AF6EZ;EACI,cErEI;;AFwER;EACI,cE9Dc;;AFiElB;EACI,cEjDY;;;AFuDpB;AAAA;AAAA;AAAA;EAII,SGxFO;;AH2FX;EACI;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,SG5Ge;EH6Gf;EACA;EACA;;AAEA;EACI,kBC9H0B;;ADiI9B;EACI,YClI0B;;ADoI9B;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI,SGlIoB;EHmIpB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,MEhJkB;;AFmJtB;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAQI;EACI;;;AAOR;AAAA;EACI;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;AAIR;AAAA;EACI;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAGI,OAF4B;EAG5B,QAH4B;EAI5B;EACA;EACA;;AACA;AAAA;EACI,cExOQ;;AF0OZ;AAAA;EACI,cElOI;;AFqOR;AAAA;EACI,cE3Nc;;AF8NlB;AAAA;EACI,cE9MY;;AFiNpB;AAAA;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;;AAKZ;EACI;;;AAIA;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAKZ;EACI,YC3OgC;ED4OhC;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;AAIR;EAGI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EAIA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,kBExYc;EFyYd;EACA;;AAGJ;EACI","file":"resizing.css"}

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

@@ -46,9 +46,12 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
     box-sizing: border-box;
     display: flex;
     align-items: stretch;
-    min-height: variables.$item-min-height;
     padding: variables.$item-outer-padding;
 
+    &.dash-item-height {
+        min-height: variables.$item-min-height;
+    }
+
     // Grid definition
 
     @media #{kit-variables.$small-up} {
@@ -222,6 +225,7 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
     flex: 1 1 auto;
     flex-direction: column;
     justify-content: flex-start;
+    width: 100%;
 }
 
 .dash-item-content {
@@ -482,7 +486,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 +610,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 +775,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 +831,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
         }