@breadstone/mosaik-elements-foundation 0.1.30 → 0.1.31

package/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.js

@@ -114,7 +114,6 @@ export function toastElementJoyStyle() {
   padding-right: var(--toast-padding-right);
   padding-bottom: var(--toast-padding-bottom);
   padding-left: var(--toast-padding-left);
-  gap: var(--toast-gap);
   margin: auto;
   position: fixed;
   left: 50%;
@@ -122,6 +121,18 @@ export function toastElementJoyStyle() {
   translate: -50%;
 }
 
+:host [part="root"] [part="body"] {
+  align-items: center;
+  gap: var(--toast-gap);
+  flex-direction: row;
+  display: flex;
+}
+
+:host [part="root"] [part="text"] {
+  flex-direction: column;
+  display: flex;
+}
+
 :host [part="root"] [part="header"], :host [part="root"] [part="content"] {
   font-family: inherit;
   font-size: inherit;
@@ -133,6 +144,11 @@ export function toastElementJoyStyle() {
   color: inherit;
 }
 
+:host [part="root"] [part="icon"] {
+  color: inherit;
+  flex-shrink: 0;
+}
+
 :host [part="root"] [part="progressFill"] {
   background-color: var(--toast-progress-fill-color);
   border-radius: inherit;
@@ -273,6 +289,203 @@ export function toastElementJoyStyle() {
   --toast-foreground-color: var(--joy-color-neutral-0);
 }
 
+:host([appearance="outline"]) {
+  --toast-background-color: var(--joy-scheme-background);
+  --toast-foreground-color: var(--joy-scheme-foreground);
+  --toast-border-color: var(--joy-scheme-highlight);
+  --toast-border-width: var(--joy-layout-thickness);
+  --toast-border-style: solid;
+}
+
+:host([appearance="outline"][variant="primary"]) {
+  --toast-foreground-color: var(--joy-color-primary-500);
+  --toast-border-color: var(--joy-color-primary-500);
+}
+
+:host([appearance="outline"][variant="secondary"]) {
+  --toast-foreground-color: var(--joy-color-secondary-500);
+  --toast-border-color: var(--joy-color-secondary-500);
+}
+
+:host([appearance="outline"][variant="tertiary"]) {
+  --toast-foreground-color: var(--joy-color-tertiary-500);
+  --toast-border-color: var(--joy-color-tertiary-500);
+}
+
+:host([appearance="outline"][variant="danger"]) {
+  --toast-foreground-color: var(--joy-color-danger-500);
+  --toast-border-color: var(--joy-color-danger-500);
+}
+
+:host([appearance="outline"][variant="warning"]) {
+  --toast-foreground-color: var(--joy-color-warning-500);
+  --toast-border-color: var(--joy-color-warning-500);
+}
+
+:host([appearance="outline"][variant="success"]) {
+  --toast-foreground-color: var(--joy-color-success-500);
+  --toast-border-color: var(--joy-color-success-500);
+}
+
+:host([appearance="outline"][variant="info"]) {
+  --toast-foreground-color: var(--joy-color-info-500);
+  --toast-border-color: var(--joy-color-info-500);
+}
+
+:host([appearance="outline"][variant="highlight"]) {
+  --toast-foreground-color: var(--joy-color-highlight-500);
+  --toast-border-color: var(--joy-color-highlight-500);
+}
+
+:host([appearance="outline"][variant="neutral"]) {
+  --toast-foreground-color: var(--joy-color-neutral-500);
+  --toast-border-color: var(--joy-color-neutral-500);
+}
+
+:host([appearance="soft"]) {
+  --toast-background-color: var(--joy-scheme-highlight);
+  --toast-foreground-color: var(--joy-scheme-foreground);
+  --toast-border-width: 0;
+}
+
+:host([appearance="soft"][variant="primary"]) {
+  --toast-background-color: var(--joy-color-primary-100);
+  --toast-foreground-color: var(--joy-color-primary-500);
+}
+
+:host([appearance="soft"][variant="secondary"]) {
+  --toast-background-color: var(--joy-color-secondary-100);
+  --toast-foreground-color: var(--joy-color-secondary-500);
+}
+
+:host([appearance="soft"][variant="tertiary"]) {
+  --toast-background-color: var(--joy-color-tertiary-100);
+  --toast-foreground-color: var(--joy-color-tertiary-500);
+}
+
+:host([appearance="soft"][variant="danger"]) {
+  --toast-background-color: var(--joy-color-danger-100);
+  --toast-foreground-color: var(--joy-color-danger-500);
+}
+
+:host([appearance="soft"][variant="warning"]) {
+  --toast-background-color: var(--joy-color-warning-100);
+  --toast-foreground-color: var(--joy-color-warning-500);
+}
+
+:host([appearance="soft"][variant="success"]) {
+  --toast-background-color: var(--joy-color-success-100);
+  --toast-foreground-color: var(--joy-color-success-500);
+}
+
+:host([appearance="soft"][variant="info"]) {
+  --toast-background-color: var(--joy-color-info-100);
+  --toast-foreground-color: var(--joy-color-info-500);
+}
+
+:host([appearance="soft"][variant="highlight"]) {
+  --toast-background-color: var(--joy-color-highlight-100);
+  --toast-foreground-color: var(--joy-color-highlight-500);
+}
+
+:host([appearance="soft"][variant="neutral"]) {
+  --toast-background-color: var(--joy-color-neutral-100);
+  --toast-foreground-color: var(--joy-color-neutral-500);
+}
+
+:host([appearance="plain"]) {
+  --toast-background-color: var(--joy-scheme-background);
+  --toast-foreground-color: var(--joy-scheme-foreground);
+  --toast-border-width: 0;
+}
+
+:host([appearance="plain"][variant="primary"]) {
+  --toast-foreground-color: var(--joy-color-primary-500);
+}
+
+:host([appearance="plain"][variant="secondary"]) {
+  --toast-foreground-color: var(--joy-color-secondary-500);
+}
+
+:host([appearance="plain"][variant="tertiary"]) {
+  --toast-foreground-color: var(--joy-color-tertiary-500);
+}
+
+:host([appearance="plain"][variant="danger"]) {
+  --toast-foreground-color: var(--joy-color-danger-500);
+}
+
+:host([appearance="plain"][variant="warning"]) {
+  --toast-foreground-color: var(--joy-color-warning-500);
+}
+
+:host([appearance="plain"][variant="success"]) {
+  --toast-foreground-color: var(--joy-color-success-500);
+}
+
+:host([appearance="plain"][variant="info"]) {
+  --toast-foreground-color: var(--joy-color-info-500);
+}
+
+:host([appearance="plain"][variant="highlight"]) {
+  --toast-foreground-color: var(--joy-color-highlight-500);
+}
+
+:host([appearance="plain"][variant="neutral"]) {
+  --toast-foreground-color: var(--joy-color-neutral-500);
+}
+
+:host([appearance="solid"]) {
+  --toast-background-color: var(--joy-scheme-highlight);
+  --toast-foreground-color: var(--joy-scheme-foreground);
+  --toast-border-width: 0;
+}
+
+:host([appearance="solid"][variant="primary"]) {
+  --toast-background-color: var(--joy-color-primary-500);
+  --toast-foreground-color: var(--joy-color-primary-0);
+}
+
+:host([appearance="solid"][variant="secondary"]) {
+  --toast-background-color: var(--joy-color-secondary-500);
+  --toast-foreground-color: var(--joy-color-secondary-0);
+}
+
+:host([appearance="solid"][variant="tertiary"]) {
+  --toast-background-color: var(--joy-color-tertiary-500);
+  --toast-foreground-color: var(--joy-color-tertiary-0);
+}
+
+:host([appearance="solid"][variant="danger"]) {
+  --toast-background-color: var(--joy-color-danger-500);
+  --toast-foreground-color: var(--joy-color-danger-0);
+}
+
+:host([appearance="solid"][variant="warning"]) {
+  --toast-background-color: var(--joy-color-warning-500);
+  --toast-foreground-color: var(--joy-color-warning-0);
+}
+
+:host([appearance="solid"][variant="success"]) {
+  --toast-background-color: var(--joy-color-success-500);
+  --toast-foreground-color: var(--joy-color-success-0);
+}
+
+:host([appearance="solid"][variant="info"]) {
+  --toast-background-color: var(--joy-color-info-500);
+  --toast-foreground-color: var(--joy-color-info-0);
+}
+
+:host([appearance="solid"][variant="highlight"]) {
+  --toast-background-color: var(--joy-color-highlight-500);
+  --toast-foreground-color: var(--joy-color-highlight-0);
+}
+
+:host([appearance="solid"][variant="neutral"]) {
+  --toast-background-color: var(--joy-color-neutral-500);
+  --toast-foreground-color: var(--joy-color-neutral-0);
+}
+
     `;
 }
 //# sourceMappingURL=ToastElement.Joy.js.map

package/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsQT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToastElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2dT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAuNpD"}
+{"version":3,"file":"ToastElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAydpD"}

package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.js

@@ -114,7 +114,6 @@ export function toastElementMemphisStyle() {
   padding-right: var(--toast-padding-right);
   padding-bottom: var(--toast-padding-bottom);
   padding-left: var(--toast-padding-left);
-  gap: var(--toast-gap);
   margin: auto;
   position: fixed;
   left: 50%;
@@ -122,6 +121,18 @@ export function toastElementMemphisStyle() {
   translate: -50%;
 }
 
+:host [part="root"] [part="body"] {
+  align-items: center;
+  gap: var(--toast-gap);
+  flex-direction: row;
+  display: flex;
+}
+
+:host [part="root"] [part="text"] {
+  flex-direction: column;
+  display: flex;
+}
+
 :host [part="root"] [part="header"], :host [part="root"] [part="content"] {
   font-family: inherit;
   font-size: inherit;
@@ -133,6 +144,11 @@ export function toastElementMemphisStyle() {
   color: inherit;
 }
 
+:host [part="root"] [part="icon"] {
+  color: inherit;
+  flex-shrink: 0;
+}
+
 :host [part="root"] [part="progressFill"] {
   background-color: var(--toast-progress-fill-color);
   border-radius: inherit;
@@ -224,6 +240,248 @@ export function toastElementMemphisStyle() {
   translate: 0;
 }
 
+:host([variant="primary"]) {
+  --toast-background-color: var(--memphis-color-primary-500);
+  --toast-foreground-color: var(--memphis-color-primary-0);
+}
+
+:host([variant="secondary"]) {
+  --toast-background-color: var(--memphis-color-secondary-500);
+  --toast-foreground-color: var(--memphis-color-secondary-0);
+}
+
+:host([variant="tertiary"]) {
+  --toast-background-color: var(--memphis-color-tertiary-500);
+  --toast-foreground-color: var(--memphis-color-tertiary-0);
+}
+
+:host([variant="danger"]) {
+  --toast-background-color: var(--memphis-color-danger-500);
+  --toast-foreground-color: var(--memphis-color-danger-0);
+}
+
+:host([variant="warning"]) {
+  --toast-background-color: var(--memphis-color-warning-500);
+  --toast-foreground-color: var(--memphis-color-warning-0);
+}
+
+:host([variant="success"]) {
+  --toast-background-color: var(--memphis-color-success-500);
+  --toast-foreground-color: var(--memphis-color-success-0);
+}
+
+:host([variant="info"]) {
+  --toast-background-color: var(--memphis-color-info-500);
+  --toast-foreground-color: var(--memphis-color-info-0);
+}
+
+:host([variant="highlight"]) {
+  --toast-background-color: var(--memphis-color-highlight-500);
+  --toast-foreground-color: var(--memphis-color-highlight-0);
+}
+
+:host([variant="neutral"]) {
+  --toast-background-color: var(--memphis-color-neutral-500);
+  --toast-foreground-color: var(--memphis-color-neutral-0);
+}
+
+:host([appearance="outline"]) {
+  --toast-background-color: var(--memphis-scheme-background);
+  --toast-foreground-color: var(--memphis-scheme-foreground);
+  --toast-border-color: var(--memphis-scheme-contrast);
+  --toast-border-width: var(--memphis-layout-thickness);
+  --toast-border-style: solid;
+}
+
+:host([appearance="outline"][variant="primary"]) {
+  --toast-foreground-color: var(--memphis-color-primary-500);
+  --toast-border-color: var(--memphis-color-primary-500);
+}
+
+:host([appearance="outline"][variant="secondary"]) {
+  --toast-foreground-color: var(--memphis-color-secondary-500);
+  --toast-border-color: var(--memphis-color-secondary-500);
+}
+
+:host([appearance="outline"][variant="tertiary"]) {
+  --toast-foreground-color: var(--memphis-color-tertiary-500);
+  --toast-border-color: var(--memphis-color-tertiary-500);
+}
+
+:host([appearance="outline"][variant="danger"]) {
+  --toast-foreground-color: var(--memphis-color-danger-500);
+  --toast-border-color: var(--memphis-color-danger-500);
+}
+
+:host([appearance="outline"][variant="warning"]) {
+  --toast-foreground-color: var(--memphis-color-warning-500);
+  --toast-border-color: var(--memphis-color-warning-500);
+}
+
+:host([appearance="outline"][variant="success"]) {
+  --toast-foreground-color: var(--memphis-color-success-500);
+  --toast-border-color: var(--memphis-color-success-500);
+}
+
+:host([appearance="outline"][variant="info"]) {
+  --toast-foreground-color: var(--memphis-color-info-500);
+  --toast-border-color: var(--memphis-color-info-500);
+}
+
+:host([appearance="outline"][variant="highlight"]) {
+  --toast-foreground-color: var(--memphis-color-highlight-500);
+  --toast-border-color: var(--memphis-color-highlight-500);
+}
+
+:host([appearance="outline"][variant="neutral"]) {
+  --toast-foreground-color: var(--memphis-color-neutral-500);
+  --toast-border-color: var(--memphis-color-neutral-500);
+}
+
+:host([appearance="soft"]) {
+  --toast-background-color: var(--memphis-scheme-highlight);
+  --toast-foreground-color: var(--memphis-scheme-foreground);
+  --toast-border-width: 0;
+}
+
+:host([appearance="soft"][variant="primary"]) {
+  --toast-background-color: var(--memphis-color-primary-100);
+  --toast-foreground-color: var(--memphis-color-primary-500);
+}
+
+:host([appearance="soft"][variant="secondary"]) {
+  --toast-background-color: var(--memphis-color-secondary-100);
+  --toast-foreground-color: var(--memphis-color-secondary-500);
+}
+
+:host([appearance="soft"][variant="tertiary"]) {
+  --toast-background-color: var(--memphis-color-tertiary-100);
+  --toast-foreground-color: var(--memphis-color-tertiary-500);
+}
+
+:host([appearance="soft"][variant="danger"]) {
+  --toast-background-color: var(--memphis-color-danger-100);
+  --toast-foreground-color: var(--memphis-color-danger-500);
+}
+
+:host([appearance="soft"][variant="warning"]) {
+  --toast-background-color: var(--memphis-color-warning-100);
+  --toast-foreground-color: var(--memphis-color-warning-500);
+}
+
+:host([appearance="soft"][variant="success"]) {
+  --toast-background-color: var(--memphis-color-success-100);
+  --toast-foreground-color: var(--memphis-color-success-500);
+}
+
+:host([appearance="soft"][variant="info"]) {
+  --toast-background-color: var(--memphis-color-info-100);
+  --toast-foreground-color: var(--memphis-color-info-500);
+}
+
+:host([appearance="soft"][variant="highlight"]) {
+  --toast-background-color: var(--memphis-color-highlight-100);
+  --toast-foreground-color: var(--memphis-color-highlight-500);
+}
+
+:host([appearance="soft"][variant="neutral"]) {
+  --toast-background-color: var(--memphis-color-neutral-100);
+  --toast-foreground-color: var(--memphis-color-neutral-500);
+}
+
+:host([appearance="plain"]) {
+  --toast-background-color: var(--memphis-scheme-background);
+  --toast-foreground-color: var(--memphis-scheme-foreground);
+  --toast-border-width: 0;
+}
+
+:host([appearance="plain"][variant="primary"]) {
+  --toast-foreground-color: var(--memphis-color-primary-500);
+}
+
+:host([appearance="plain"][variant="secondary"]) {
+  --toast-foreground-color: var(--memphis-color-secondary-500);
+}
+
+:host([appearance="plain"][variant="tertiary"]) {
+  --toast-foreground-color: var(--memphis-color-tertiary-500);
+}
+
+:host([appearance="plain"][variant="danger"]) {
+  --toast-foreground-color: var(--memphis-color-danger-500);
+}
+
+:host([appearance="plain"][variant="warning"]) {
+  --toast-foreground-color: var(--memphis-color-warning-500);
+}
+
+:host([appearance="plain"][variant="success"]) {
+  --toast-foreground-color: var(--memphis-color-success-500);
+}
+
+:host([appearance="plain"][variant="info"]) {
+  --toast-foreground-color: var(--memphis-color-info-500);
+}
+
+:host([appearance="plain"][variant="highlight"]) {
+  --toast-foreground-color: var(--memphis-color-highlight-500);
+}
+
+:host([appearance="plain"][variant="neutral"]) {
+  --toast-foreground-color: var(--memphis-color-neutral-500);
+}
+
+:host([appearance="solid"]) {
+  --toast-background-color: var(--memphis-scheme-highlight);
+  --toast-foreground-color: var(--memphis-scheme-foreground);
+  --toast-border-width: 0;
+}
+
+:host([appearance="solid"][variant="primary"]) {
+  --toast-background-color: var(--memphis-color-primary-500);
+  --toast-foreground-color: var(--memphis-color-primary-0);
+}
+
+:host([appearance="solid"][variant="secondary"]) {
+  --toast-background-color: var(--memphis-color-secondary-500);
+  --toast-foreground-color: var(--memphis-color-secondary-0);
+}
+
+:host([appearance="solid"][variant="tertiary"]) {
+  --toast-background-color: var(--memphis-color-tertiary-500);
+  --toast-foreground-color: var(--memphis-color-tertiary-0);
+}
+
+:host([appearance="solid"][variant="danger"]) {
+  --toast-background-color: var(--memphis-color-danger-500);
+  --toast-foreground-color: var(--memphis-color-danger-0);
+}
+
+:host([appearance="solid"][variant="warning"]) {
+  --toast-background-color: var(--memphis-color-warning-500);
+  --toast-foreground-color: var(--memphis-color-warning-0);
+}
+
+:host([appearance="solid"][variant="success"]) {
+  --toast-background-color: var(--memphis-color-success-500);
+  --toast-foreground-color: var(--memphis-color-success-0);
+}
+
+:host([appearance="solid"][variant="info"]) {
+  --toast-background-color: var(--memphis-color-info-500);
+  --toast-foreground-color: var(--memphis-color-info-0);
+}
+
+:host([appearance="solid"][variant="highlight"]) {
+  --toast-background-color: var(--memphis-color-highlight-500);
+  --toast-foreground-color: var(--memphis-color-highlight-0);
+}
+
+:host([appearance="solid"][variant="neutral"]) {
+  --toast-background-color: var(--memphis-color-neutral-500);
+  --toast-foreground-color: var(--memphis-color-neutral-0);
+}
+
     `;
 }
 //# sourceMappingURL=ToastElement.Memphis.js.map

package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqNT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToastElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAudT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Toast/ToastElement.d.ts

@@ -1,8 +1,9 @@
 import { type IAnimatable } from '../../../Behaviors/Animatable';
+import { Size } from '../../../Types/Size';
 import { ToastPosition } from '../../../Types/ToastPosition';
 import { OverlayElement } from '../Abstracts/OverlayElement';
 import type { IToastElementProps } from './IToastElementProps';
-declare const ToastElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & typeof OverlayElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const ToastElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & typeof OverlayElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Toast - A transient notification that appears briefly, typically near the edge of the screen.
  *
@@ -18,11 +19,15 @@ declare const ToastElement_base: (abstract new (...args: Array<any>) => import("
  * @slot actions - The actions slot.
  *
  * @csspart backdrop - The backdrop part.
+ * @csspart body - The body part.
+ * @csspart close - The close part.
  * @csspart content - The content part.
  * @csspart header - The header part.
+ * @csspart icon - The icon part.
  * @csspart progressFill - The progress fill bar that animates from right to left during timeout.
  * @csspart progressRing - The progressRing part.
  * @csspart root - The root part.
+ * @csspart text - The text part.
  *
  * @cssprop {String} --toast-background-color - The background color CSS custom property.
  * @cssprop {String} --toast-border - The border CSS custom property.
@@ -39,12 +44,12 @@ declare const ToastElement_base: (abstract new (...args: Array<any>) => import("
  * @cssprop {String} --toast-font-weight - The font weight CSS custom property.
  * @cssprop {String} --toast-foreground-color - The foreground color CSS custom property.
  * @cssprop {String} --toast-gap - The gap CSS custom property.
+ * @cssprop {String} --toast-offset-x - The horizontal edge offset used for left, right, and corner positions.
+ * @cssprop {String} --toast-offset-y - The vertical edge offset used for top and bottom positions.
  * @cssprop {String} --toast-padding-bottom - The padding bottom CSS custom property.
  * @cssprop {String} --toast-padding-left - The padding left CSS custom property.
  * @cssprop {String} --toast-padding-right - The padding right CSS custom property.
  * @cssprop {String} --toast-padding-top - The padding top CSS custom property.
- * @cssprop {String} --toast-offset-y - The vertical edge offset used for top and bottom positions.
- * @cssprop {String} --toast-offset-x - The horizontal edge offset used for left, right, and corner positions.
  * @cssprop {String} --toast-progress-fill-color - The progress fill bar color CSS custom property.
  * @cssprop {String} --toast-progress-ring-fill-color - The progress ring fill color CSS custom property.
  * @cssprop {String} --toast-shadow - The shadow CSS custom property.
@@ -59,9 +64,9 @@ declare const ToastElement_base: (abstract new (...args: Array<any>) => import("
  * @cssprop {String} --toast-translate - The translate CSS custom property.
  *
  * @dependency mosaik-backdrop - The Backdrop element.
- * @dependency mosaik-button - The Button element.
+ * @dependency mosaik-dismiss - The Dismiss element.
+ * @dependency mosaik-icon - The Icon element.
  * @dependency mosaik-progress-ring - The Progress Ring element.
- * @dependency mosaik-stack - The Stack element.
  * @dependency mosaik-text - The Text element.
  *
  * @example
@@ -82,6 +87,8 @@ export declare class ToastElement extends ToastElement_base implements IToastEle
     private readonly _timer;
     private _header;
     private _content;
+    private _icon;
+    private _iconSize;
     private _timeout;
     private _position;
     private _showProgress;
@@ -116,6 +123,21 @@ export declare class ToastElement extends ToastElement_base implements IToastEle
      */
     get content(): string;
     set content(value: string);
+    /**
+     * Gets or sets the `icon` property.
+     *
+     * @public
+     */
+    get icon(): string;
+    set icon(value: string);
+    /**
+     * Gets or sets the `iconSize` property.
+     *
+     * @public
+     * @attr
+     */
+    get iconSize(): Size | null;
+    set iconSize(value: Size | null);
     /**
      * Gets or sets the `timeout` property.
      * The timeout only when the given value is greater than zero.

package/Controls/Components/Overlays/Toast/ToastElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAS7E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAM7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAM/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,qBAiBa,YACT,SAAQ,iBACR,YAAW,kBAAkB,EAAE,WAAW;IAI1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,sBAAsB,CAAoC;IAClE,OAAO,CAAC,qBAAqB,CAAoC;IAMjE;;OAEG;;IAsBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAM/B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,aAAa,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,aAAa,EAKvC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;;;OAOG;IACH,IAAoB,eAAe,IAAI,WAAW,CAEjD;IAMD;;;;;OAKG;IAEH,SAAS,CAAC,uBAAuB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAcrE;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAI/C;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAKzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAM5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAc1C;;;;;;OAMG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IAEH,SAAS,CAAC,6BAA6B,IAAI,IAAI;IAQ/C;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAwB1B;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;CAS9B;AAED;;EAEE;AACF,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
+{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"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"}