@gooddata/sdk-ui-kit 10.40.0-alpha.1 → 10.40.0-alpha.3

package/styles/css/messages.css

@@ -149,14 +149,19 @@
   padding: 4px 8px 4px 10px;
   min-height: 1px;
   line-height: 1.4em;
-  color: var(--gd-palette-error-base, #e54d42);
-  background: var(--gd-palette-error-base-t85, rgba(229, 77, 66, 0.15));
   pointer-events: all;
   max-width: 100%;
-  border-radius: 3px;
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-size: 14px;
   text-align: left;
+  --shadow-when-enabled: 0 4px 4px 0 var(--gd-shadow-color);
+  color: var(--local_textColor);
+  background: var(--local_backgroundColor);
+  border-style: solid;
+  border-color: var(--local_borderColor);
+  border-width: var(--local_borderWidth);
+  border-radius: var(--local_borderRadius);
+  box-shadow: var(--local_dropShadow, var(--shadow-when-enabled));
 }
 .gd-message::after {
   content: ".";
@@ -166,21 +171,13 @@
   height: 0;
   font-size: 0;
 }
-.gd-message a:not(.gd-message-dismiss) {
-  color: inherit;
+.gd-message a:not(.gd-message-dismiss),
+.gd-message .gd-message-text-showmorelink {
+  color: var(--local_linkButtonColor);
   text-decoration: underline;
 }
-.gd-message.progress {
-  color: var(--gd-palette-info-base, var(--gd-palette-primary-base, #14b2e2));
-  background: var(--gd-palette-info-base-t85, var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15)));
-}
-.gd-message.success {
-  color: var(--gd-palette-success-base, #00c18d);
-  background: var(--gd-palette-success-base-t85, rgba(0, 193, 141, 0.15));
-}
-.gd-message.warning {
-  color: var(--gd-palette-warning-base, #f18600);
-  background: var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15));
+.gd-message .gd-message-dismiss::before {
+  color: var(--local_closeButtonColor);
 }
 .gd-message.contrast::before {
   content: "";
@@ -193,38 +190,94 @@
   border-radius: inherit;
   background-color: var(--gd-palette-complementary-0, #fff);
 }
-
-.gd-message-overlay,
-.gd-message.intensive {
-  color: var(--gd-palette-complementary-0, #fff);
-  background: var(--gd-palette-error-base-t02, rgba(229, 77, 66, 0.98));
-}
-.gd-message-overlay.success, .gd-message-overlay.progress, .gd-message-overlay.error, .gd-message-overlay.warning,
-.gd-message.intensive.success,
-.gd-message.intensive.progress,
-.gd-message.intensive.error,
-.gd-message.intensive.warning {
-  color: var(--gd-palette-complementary-0, #fff);
-}
-.gd-message-overlay.success,
-.gd-message.intensive.success {
-  background: var(--gd-palette-success-base-t02, rgba(0, 193, 141, 0.98));
-}
-.gd-message-overlay.progress,
-.gd-message.intensive.progress {
-  background: var(--gd-palette-info-base-t02, var(--gd-palette-primary-base-t02, rgba(20, 178, 226, 0.98)));
+.gd-message.progress {
+  --local_textColor: var(--gd-message-progress-textColor);
+  --local_backgroundColor: var(--gd-message-progress-backgroundColor);
+  --local_borderColor: var(--gd-message-progress-borderColor);
+  --local_borderWidth: var(--gd-message-progress-borderWidth);
+  --local_borderRadius: var(--gd-message-progress-borderRadius);
+  --local_dropShadow: var(--gd-message-progress-dropShadow);
+  --local_linkButtonColor: var(--gd-message-progress-linkButtonColor);
+  --local_closeButtonColor: var(--gd-message-progress-closeButtonColor);
 }
-.gd-message-overlay.error,
-.gd-message.intensive.error {
-  background: var(--gd-palette-error-base-t02, rgba(229, 77, 66, 0.98));
+.gd-message.success {
+  --local_textColor: var(--gd-message-success-textColor);
+  --local_backgroundColor: var(--gd-message-success-backgroundColor);
+  --local_borderColor: var(--gd-message-success-borderColor);
+  --local_borderWidth: var(--gd-message-success-borderWidth);
+  --local_borderRadius: var(--gd-message-success-borderRadius);
+  --local_dropShadow: var(--gd-message-success-dropShadow);
+  --local_linkButtonColor: var(--gd-message-success-linkButtonColor);
+  --local_closeButtonColor: var(--gd-message-success-closeButtonColor);
 }
-.gd-message-overlay.warning,
-.gd-message.intensive.warning {
-  background: var(--gd-palette-warning-base, #f18600);
+.gd-message.warning {
+  --local_textColor: var(--gd-message-warning-textColor);
+  --local_backgroundColor: var(--gd-message-warning-backgroundColor);
+  --local_borderColor: var(--gd-message-warning-borderColor);
+  --local_borderWidth: var(--gd-message-warning-borderWidth);
+  --local_borderRadius: var(--gd-message-warning-borderRadius);
+  --local_dropShadow: var(--gd-message-warning-dropShadow);
+  --local_linkButtonColor: var(--gd-message-warning-linkButtonColor);
+  --local_closeButtonColor: var(--gd-message-warning-closeButtonColor);
+}
+.gd-message.error {
+  --local_textColor: var(--gd-message-error-textColor);
+  --local_backgroundColor: var(--gd-message-error-backgroundColor);
+  --local_borderColor: var(--gd-message-error-borderColor);
+  --local_borderWidth: var(--gd-message-error-borderWidth);
+  --local_borderRadius: var(--gd-message-error-borderRadius);
+  --local_dropShadow: var(--gd-message-error-dropShadow);
+  --local_linkButtonColor: var(--gd-message-error-linkButtonColor);
+  --local_closeButtonColor: var(--gd-message-error-closeButtonColor);
+}
+.gd-message.gd-message-overlay.progress, .gd-message.gd-message.intensive.progress {
+  --local_textColor: var(--gd-toastMessage-progress-textColor);
+  --local_backgroundColor: var(--gd-toastMessage-progress-backgroundColor);
+  --local_borderColor: var(--gd-toastMessage-progress-borderColor);
+  --local_borderWidth: var(--gd-toastMessage-progress-borderWidth);
+  --local_borderRadius: var(--gd-toastMessage-progress-borderRadius);
+  --local_dropShadow: var(--gd-toastMessage-progress-dropShadow);
+  --local_linkButtonColor: var(--gd-toastMessage-progress-linkButtonColor);
+  --local_closeButtonColor: var(--gd-toastMessage-progress-closeButtonColor);
+  --local_separatorLineColor: var(--gd-toastMessage-progress-separatorLineColor);
+}
+.gd-message.gd-message-overlay.success, .gd-message.gd-message.intensive.success {
+  --local_textColor: var(--gd-toastMessage-success-textColor);
+  --local_backgroundColor: var(--gd-toastMessage-success-backgroundColor);
+  --local_borderColor: var(--gd-toastMessage-success-borderColor);
+  --local_borderWidth: var(--gd-toastMessage-success-borderWidth);
+  --local_borderRadius: var(--gd-toastMessage-success-borderRadius);
+  --local_dropShadow: var(--gd-toastMessage-success-dropShadow);
+  --local_linkButtonColor: var(--gd-toastMessage-success-linkButtonColor);
+  --local_closeButtonColor: var(--gd-toastMessage-success-closeButtonColor);
+  --local_separatorLineColor: var(--gd-toastMessage-success-separatorLineColor);
+}
+.gd-message.gd-message-overlay.warning, .gd-message.gd-message.intensive.warning {
+  --local_textColor: var(--gd-toastMessage-warning-textColor);
+  --local_backgroundColor: var(--gd-toastMessage-warning-backgroundColor);
+  --local_borderColor: var(--gd-toastMessage-warning-borderColor);
+  --local_borderWidth: var(--gd-toastMessage-warning-borderWidth);
+  --local_borderRadius: var(--gd-toastMessage-warning-borderRadius);
+  --local_dropShadow: var(--gd-toastMessage-warning-dropShadow);
+  --local_linkButtonColor: var(--gd-toastMessage-warning-linkButtonColor);
+  --local_closeButtonColor: var(--gd-toastMessage-warning-closeButtonColor);
+  --local_separatorLineColor: var(--gd-toastMessage-warning-separatorLineColor);
+}
+.gd-message.gd-message-overlay.error, .gd-message.gd-message.intensive.error {
+  --local_textColor: var(--gd-toastMessage-error-textColor);
+  --local_backgroundColor: var(--gd-toastMessage-error-backgroundColor);
+  --local_borderColor: var(--gd-toastMessage-error-borderColor);
+  --local_borderWidth: var(--gd-toastMessage-error-borderWidth);
+  --local_borderRadius: var(--gd-toastMessage-error-borderRadius);
+  --local_dropShadow: var(--gd-toastMessage-error-dropShadow);
+  --local_linkButtonColor: var(--gd-toastMessage-error-linkButtonColor);
+  --local_closeButtonColor: var(--gd-toastMessage-error-closeButtonColor);
+  --local_separatorLineColor: var(--gd-toastMessage-error-separatorLineColor);
 }
 
 .gd-message-overlay {
   margin: 0;
+  border: 1px solid transparent;
   -moz-transition-property: "opacity";
   -webkit-transition-property: "opacity";
   transition-property: "opacity";
@@ -234,7 +287,6 @@
   -moz-transition-timing-function: "ease-in-out";
   -webkit-transition-timing-function: "ease-in-out";
   transition-timing-function: "ease-in-out";
-  box-shadow: 0 1px 3px rgba(20, 56, 92, 0.1), 0 2px 9px rgba(20, 57, 93, 0.15);
 }
 .gd-message-overlay.is-hidden {
   opacity: 0;
@@ -252,7 +304,7 @@
   padding: 5px 10px;
 }
 .gd-message-overlay .gd-message-text-showmorelink {
-  color: rgba(var(--gd-palette-complementary-0, #fff), 0.85);
+  color: inherit;
   cursor: pointer;
   font-size: 13px;
   text-decoration: underline;
@@ -260,14 +312,11 @@
   background-color: transparent;
   border: none;
 }
-.gd-message-overlay .gd-message-text-showmorelink.warning {
-  color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 1);
-}
 .gd-message-overlay .gd-message-text-content {
   padding-top: 5px;
-  color: rgba(var(--gd-palette-complementary-0, #fff), 0.85);
+  color: inherit;
   font-size: 13px;
-  border-top: 1px solid rgba(var(--gd-palette-complementary-0, #fff), 0.85);
+  border-top: 1px solid var(--local_separatorLineColor);
 }
 .gd-message-overlay .gd-message-text-content.on {
   visibility: visible;
@@ -280,9 +329,5 @@
   height: 0;
   padding: 0;
 }
-.gd-message-overlay .gd-message-text-content.warning {
-  color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 1);
-  border-color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 0.3);
-}
 
 /*# sourceMappingURL=messages.css.map */

package/styles/css/messages.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/mixins.scss","../scss/layout.scss","../scss/messages.scss","../scss/variables.scss","../scss/Messages/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLI;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAMR;EAxCI;IACI;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;;AChCR;AAAA;AAAA;AAIA;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZJ;IAaQ;;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AFqHA;EElHI;EACA;;;AAIR;EAGI;EACA;;;AAGJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;;AFqGA;EElGI;;AAGJ;EACI,OC9Cc;ED+Cd;;;AAIR;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;EFWA,YADwB;EEPxB;EACA,OCvCoB;EDwCpB,YE7F+B;EF8F/B;EACA;EACA;EACA,aCLc;EDMd;EACA;;AFEA;EACI;EACA;EACA;EACA;EACA;EACA;;AENJ;EACI;EACA;;AAGJ;EACI,OEnFoB;EFoFpB,YEnF8B;;AFsFlC;EACI,OCnDkB;EDoDlB,YExG6B;;AF2GjC;EACI,OChDkB;EDiDlB,YEpG6B;;AFwG7B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCvHK;;;AD4HjB;AAAA;EAEI,OC7GkB;ED8GlB,YEvIuC;;AFyIvC;AAAA;AAAA;AAAA;AAAA;EAII,OCpHc;;ADuHlB;AAAA;EACI,YExIqC;;AF2IzC;AAAA;EACI,YE5HsC;;AF+H1C;AAAA;EACI,YEzJmC;;AF4JvC;AAAA;EACI,YE3IqC;;;AF+I7C;EACI;EFxGA,0BE0G2B;EFzG3B,6BEyG2B;EFxG3B,qBEwG2B;EFpG3B,0BEoGsC;EFnGtC,6BEmGsC;EFlGtC,qBEkGsC;EF9FtC,iCE8F6C;EF7F7C,oCE6F6C;EF5F7C,4BE4F6C;EFvJzC;;AE0JJ;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA","file":"messages.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/mixins.scss","../scss/layout.scss","../scss/messages.scss","../scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLI;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAMR;EAxCI;IACI;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;;ACjCR;AAAA;AAAA;AAIA;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZJ;IAaQ;;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AFsHA;EEnHI;EACA;;;AAIR;EAGI;EACA;;;AAGJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;;AFsGA;EEnGI;;AAGJ;EACI,OC7Cc;ED8Cd;;;AAIR;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;EFYA,YADwB;EERxB;EACA;EACA;EACA,aCDc;EDEd;EACA;EAEA;EAYA;EACA;EACA;EACA;EACA;EACA;EACA;;AFdA;EACI;EACA;EACA;EACA;EACA;EACA;;AERJ;AAAA;EAEI;EACA;;AAGJ;EACI;;AAYA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCnHK;;ADwIL;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQI;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQI;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQI;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQI;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGI;;AAKA;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGI;;AAKA;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGI;;AAKA;EAfJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGI;;;AAmBZ;EACI;EACA;EFtGA,0BEwG2B;EFvG3B,6BEuG2B;EFtG3B,qBEsG2B;EFlG3B,0BEkGsC;EFjGtC,6BEiGsC;EFhGtC,qBEgGsC;EF5FtC,iCE4F6C;EF3F7C,oCE2F6C;EF1F7C,4BE0F6C;;AAE7C;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA","file":"messages.css"}

package/styles/css/overlay.css

@@ -19,6 +19,7 @@
   border-radius: 3px;
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   background-color: var(--gd-palette-complementary-0, #fff);
+  border: 1px solid transparent;
   box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
 }
 @media only screen and (max-width: 640px) {

package/styles/css/overlay.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/mixins.scss","../scss/overlay.scss","../scss/typo-mixins.scss","../scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;EAEI;;;AAGJ;EACI;;;AAGJ;ECPI,aC0Fc;EDtFd;EA+CA;EACA,OC7BY;ED8BZ;ED3CA;EACA;EACA;EACA,aE6Ec;EF5Ed,kBEJa;EHKT;;ACGJ;EAXJ;IAYQ;;;;AAIR;ED+LI,aG5Hc;EH6Hd;;AAEA;AAAA;AAAA;EAGI;;AAIJ;EACI;;;ACrMJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA,OE5BQ;EF6BR;;AAGJ;EACI","file":"overlay.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/mixins.scss","../scss/overlay.scss","../scss/typo-mixins.scss","../scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;EAEI;;;AAGJ;EACI;;;AAGJ;ECPI,aC0Fc;EDtFd;EA+CA;EACA,OC7BY;ED8BZ;ED3CA;EACA;EACA;EACA,aE6Ec;EF5Ed,kBEJa;EFKb;EDAI;;ACIJ;EAZJ;IAaQ;;;;AAIR;ED8LI,aG5Hc;EH6Hd;;AAEA;AAAA;AAAA;EAGI;;AAIJ;EACI;;;ACpMJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA,OE7BQ;EF8BR;;AAGJ;EACI","file":"overlay.css"}

package/styles/css/shareDialog.css

@@ -1,3 +1,7 @@
+.gd-share-dialog-overlay {
+  border: 1px solid transparent;
+}
+
 @media only screen and (min-width:641px) {
   .gd-share-dialog {
     width: 540px;

package/styles/css/shareDialog.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/shareDialog.scss","../scss/variables.scss"],"names":[],"mappings":"AAII;EADJ;IAEQ;;;AAGJ;EACI;;AAEA;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;IAGI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,aCoCc;EDnCd;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OC9De;;ADgEf;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA,aC9BU;ED+BV;EACA;EACA;EACA,OCrGQ;EDsGR;EACA;EACA;;AAGJ;EACI;EACA,aC1CU;ED2CV;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YCpEgB;;ADuEpB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA,aCxIK;EDyIL,OCtNQ;EDuNR;EACA;;AAKJ;EACI;EACA;EACA;EACA,aCpJK;EDqJL,OClOQ;EDmOR;EACA;;AAKJ;EACI;EACA;EACA;EACA,aChKK;EDiKL,OC9OQ;ED+OR;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI;;AAEA;EACI;;AAKZ;EAEI,YCxMgB;;AD0MhB;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aChPU;EDiPV;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EAIA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI","file":"shareDialog.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/shareDialog.scss","../scss/variables.scss"],"names":[],"mappings":"AAGA;EACI;;;AAIA;EADJ;IAEQ;;;AAGJ;EACI;;AAEA;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;IAGI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,aCgCc;ED/Bd;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OClEe;;ADoEf;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA,aClCU;EDmCV;EACA;EACA;EACA,OCzGQ;ED0GR;EACA;EACA;;AAGJ;EACI;EACA,aC9CU;ED+CV;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YCxEgB;;AD2EpB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA,aC5IK;ED6IL,OC1NQ;ED2NR;EACA;;AAKJ;EACI;EACA;EACA;EACA,aCxJK;EDyJL,OCtOQ;EDuOR;EACA;;AAKJ;EACI;EACA;EACA;EACA,aCpKK;EDqKL,OClPQ;EDmPR;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI;;AAEA;EACI;;AAKZ;EAEI,YC5MgB;;AD8MhB;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCpPU;EDqPV;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EAIA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI","file":"shareDialog.css"}

package/styles/scss/messages.scss

@@ -2,7 +2,6 @@
 @use "mixins";
 @use "variables";
 @use "layout";
-@use "Messages/_variables" as messages-variables;
 
 /* ==========================================================================
    Messages
@@ -95,34 +94,31 @@ $gd-message-padding-vertical: 4px;
     @include mixins.clearfix();
 
     line-height: 1.4em;
-    color: variables.$gd-palette-error-base;
-    background: messages-variables.$gd-message-error-backgroundColor;
     pointer-events: all;
     max-width: 100%;
-    border-radius: 3px;
     font-family: variables.$gd-font-primary;
     font-size: 14px;
     text-align: left;
 
-    a:not(.gd-message-dismiss) {
-        color: inherit;
-        text-decoration: underline;
-    }
+    --shadow-when-enabled: 0 4px 4px 0 var(--gd-shadow-color);
 
-    &.progress {
-        color: messages-variables.$gd-message-progress-color;
-        background: messages-variables.$gd-message-progress-backgroundColor;
+    a:not(.gd-message-dismiss),
+    .gd-message-text-showmorelink {
+        color: var(--local_linkButtonColor);
+        text-decoration: underline;
     }
 
-    &.success {
-        color: variables.$gd-palette-success-base;
-        background: messages-variables.$gd-message-success-backgroundColor;
+    .gd-message-dismiss::before {
+        color: var(--local_closeButtonColor);
     }
 
-    &.warning {
-        color: variables.$gd-palette-warning-base;
-        background: messages-variables.$gd-message-warning-backgroundColor;
-    }
+    color: var(--local_textColor);
+    background: var(--local_backgroundColor);
+    border-style: solid;
+    border-color: var(--local_borderColor);
+    border-width: var(--local_borderWidth);
+    border-radius: var(--local_borderRadius);
+    box-shadow: var(--local_dropShadow, var(--shadow-when-enabled));
 
     &.contrast {
         &::before {
@@ -137,42 +133,43 @@ $gd-message-padding-vertical: 4px;
             background-color: variables.$gd-color-white;
         }
     }
-}
-
-.gd-message-overlay,
-.gd-message.intensive {
-    color: variables.$gd-color-text-light;
-    background: messages-variables.$gd-message-overlay-error-backgroundColor;
 
-    &.success,
-    &.progress,
-    &.error,
-    &.warning {
-        color: variables.$gd-color-text-light;
-    }
+    // Variables
+    @mixin local-variables($messageType, $variant) {
+        --local_textColor: var(--gd-#{$messageType}-#{$variant}-textColor);
+        --local_backgroundColor: var(--gd-#{$messageType}-#{$variant}-backgroundColor);
+        --local_borderColor: var(--gd-#{$messageType}-#{$variant}-borderColor);
+        --local_borderWidth: var(--gd-#{$messageType}-#{$variant}-borderWidth);
+        --local_borderRadius: var(--gd-#{$messageType}-#{$variant}-borderRadius);
+        --local_dropShadow: var(--gd-#{$messageType}-#{$variant}-dropShadow);
+        --local_linkButtonColor: var(--gd-#{$messageType}-#{$variant}-linkButtonColor);
+        --local_closeButtonColor: var(--gd-#{$messageType}-#{$variant}-closeButtonColor);
 
-    &.success {
-        background: messages-variables.$gd-message-overlay-success-backgroundColor;
+        @if $messageType == "toastMessage" {
+            --local_separatorLineColor: var(--gd-#{$messageType}-#{$variant}-separatorLineColor);
+        }
     }
-
-    &.progress {
-        background: messages-variables.$gd-message-overlay-progress-backgroundColor;
+    @mixin local-variables-for-all-variants($messageType) {
+        @each $variant in (progress, success, warning, error) {
+            &.#{$variant} {
+                @include local-variables($messageType, $variant);
+            }
+        }
     }
 
-    &.error {
-        background: messages-variables.$gd-message-overlay-error-backgroundColor;
-    }
+    @include local-variables-for-all-variants("message");
 
-    &.warning {
-        background: messages-variables.$gd-message-overlay-warning-backgroundColor;
+    &.gd-message-overlay,
+    &.gd-message.intensive {
+        @include local-variables-for-all-variants("toastMessage");
     }
 }
 
 .gd-message-overlay {
     margin: 0;
+    border: 1px solid transparent;
 
     @include mixins.transition("opacity", 0.25s, "ease-in-out");
-    @include mixins.box-shadow("0 1px 3px rgba(20, 56, 92, 0.1), 0 2px 9px rgba(20, 57, 93, 0.15)");
 
     &.is-hidden {
         opacity: 0;
@@ -194,24 +191,20 @@ $gd-message-padding-vertical: 4px;
         }
 
         &-showmorelink {
-            color: rgba($color: variables.$gd-color-text-light, $alpha: 0.85);
+            color: inherit;
             cursor: pointer;
             font-size: 13px;
             text-decoration: underline;
             padding-left: 5px;
             background-color: transparent;
             border: none;
-
-            &.warning {
-                color: rgba($color: variables.$gd-color-warning-label, $alpha: 1);
-            }
         }
 
         &-content {
             padding-top: 5px;
-            color: rgba($color: variables.$gd-color-text-light, $alpha: 0.85);
+            color: inherit;
             font-size: 13px;
-            border-top: 1px solid rgba($color: variables.$gd-color-text-light, $alpha: 0.85);
+            border-top: 1px solid var(--local_separatorLineColor);
 
             &.on {
                 visibility: visible;
@@ -225,11 +218,6 @@ $gd-message-padding-vertical: 4px;
                 height: 0;
                 padding: 0;
             }
-
-            &.warning {
-                color: rgba($color: variables.$gd-color-warning-label, $alpha: 1);
-                border-color: rgba($color: variables.$gd-color-warning-label, $alpha: 0.3);
-            }
         }
     }
 }

package/styles/scss/overlay.scss

@@ -20,6 +20,7 @@
     border-radius: 3px;
     font-family: variables.$gd-font-primary;
     background-color: variables.$gd-color-white;
+    border: 1px solid transparent;
 
     @include mixins.box-shadow(0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2)));
 

package/styles/scss/shareDialog.scss

@@ -1,6 +1,10 @@
 // (C) 2021-2025 GoodData Corporation
 @use "variables";
 
+.gd-share-dialog-overlay {
+    border: 1px solid transparent;
+}
+
 .gd-share-dialog {
     @media #{variables.$medium-up} {
         width: 540px;

package/styles/scss/Messages/_variables.scss

@@ -1,38 +0,0 @@
-@use "sass:color";
-@use "../variables";
-
-// (C) 2020 GoodData Corporation
-
-$gd-message-error-backgroundColor: var(
-    --gd-palette-error-base-t85,
-    color.adjust(variables.$gd-color-negative, $alpha: -0.85)
-);
-$gd-message-overlay-error-backgroundColor: var(
-    --gd-palette-error-base-t02,
-    color.adjust(variables.$gd-color-negative, $alpha: -0.02)
-);
-
-$gd-message-success-backgroundColor: var(
-    --gd-palette-success-base-t85,
-    color.adjust(variables.$gd-color-positive, $alpha: -0.85)
-);
-$gd-message-overlay-success-backgroundColor: var(
-    --gd-palette-success-base-t02,
-    color.adjust(variables.$gd-color-positive, $alpha: -0.02)
-);
-
-$gd-message-warning-backgroundColor: var(
-    --gd-palette-warning-base-t85,
-    color.adjust(variables.$gd-color-warning, $alpha: -0.85)
-);
-$gd-message-overlay-warning-backgroundColor: var(--gd-palette-warning-base, variables.$gd-color-warning);
-
-$gd-message-progress-color: var(--gd-palette-info-base, variables.$gd-palette-primary-base);
-$gd-message-progress-backgroundColor: var(
-    --gd-palette-info-base-t85,
-    var(--gd-palette-primary-base-t85, color.adjust(variables.$gd-color-highlight, $alpha: -0.85))
-);
-$gd-message-overlay-progress-backgroundColor: var(
-    --gd-palette-info-base-t02,
-    var(--gd-palette-primary-base-t02, color.adjust(variables.$gd-color-highlight, $alpha: -0.02))
-);