@breadstone/mosaik-elements-svelte 0.1.28 → 0.1.30

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.1.30 (2026-06-24)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.1.29 (2026-06-24)
+
+### 🚀 Features
+
+- **toast:** add new positions and action ([581725264f](https://github.com/RueDeRennes/mosaik/commit/581725264f))
+
 ## 0.1.28 (2026-06-24)
 
 ### 🚀 Features

package/index.mjs

@@ -183955,8 +183955,14 @@ var C4 = class e {
 	}
 }, w4 = {
 	Bottom: "bottom",
-	Middle: "middle",
-	Top: "top"
+	BottomLeft: "bottom-left",
+	BottomRight: "bottom-right",
+	Center: "center",
+	Left: "left",
+	Right: "right",
+	Top: "top",
+	TopLeft: "top-left",
+	TopRight: "top-right"
 };
 //#endregion
 //#region ../mosaik-elements-foundation/dist/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.js
@@ -183978,6 +183984,7 @@ function Kye() {
   --toast-font-weight: unset;
   --toast-foreground-color: unset;
   --toast-gap: unset;
+  --toast-offset-x: unset;
   --toast-offset-y: unset;
   --toast-padding-bottom: unset;
   --toast-padding-left: unset;
@@ -184107,24 +184114,72 @@ function Kye() {
   pointer-events: none;
 }
 
-:host([position="bottom"]) [part="root"] {
-  top: unset;
-  bottom: var(--toast-offset-y);
+:host([position="top"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
-:host([position="middle"]) [part="root"] {
+:host([position="top-left"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="top-right"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="left"]) [part="root"] {
   top: 50%;
   bottom: unset;
+  left: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="center"]) [part="root"] {
+  top: 50%;
+  bottom: unset;
+  left: 50%;
   translate: -50% -50%;
 }
 
-:host([position="top"]) [part="root"] {
+:host([position="right"]) [part="root"] {
+  top: 50%;
   bottom: unset;
-  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="bottom"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
+:host([position="bottom-left"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="bottom-right"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
     `;
 }
 //#endregion
@@ -184147,6 +184202,7 @@ function qye() {
   --toast-font-weight: var(--joy-typography-body1-font-weight);
   --toast-foreground-color: var(--joy-scheme-foreground);
   --toast-gap: var(--joy-layout-space);
+  --toast-offset-x: var(--joy-layout-space);
   --toast-offset-y: var(--joy-layout-space);
   --toast-padding-bottom: var(--joy-layout-space);
   --toast-padding-left: calc(var(--joy-layout-space) * 2);
@@ -184276,24 +184332,72 @@ function qye() {
   pointer-events: none;
 }
 
-:host([position="bottom"]) [part="root"] {
-  top: unset;
-  bottom: var(--toast-offset-y);
+:host([position="top"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
-:host([position="middle"]) [part="root"] {
+:host([position="top-left"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="top-right"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="left"]) [part="root"] {
+  top: 50%;
+  bottom: unset;
+  left: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="center"]) [part="root"] {
   top: 50%;
   bottom: unset;
+  left: 50%;
   translate: -50% -50%;
 }
 
-:host([position="top"]) [part="root"] {
+:host([position="right"]) [part="root"] {
+  top: 50%;
   bottom: unset;
-  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="bottom"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
+:host([position="bottom-left"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="bottom-right"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
 :host [part="root"] {
   padding: calc(var(--joy-layout-space) * 2) calc(var(--joy-layout-space) * 3);
 }
@@ -184365,6 +184469,7 @@ function Jye() {
   --toast-font-weight: var(--memphis-typography-body2-font-weight);
   --toast-foreground-color: var(--memphis-scheme-foreground);
   --toast-gap: var(--memphis-layout-space);
+  --toast-offset-x: var(--memphis-layout-space);
   --toast-offset-y: var(--memphis-layout-space);
   --toast-padding-bottom: calc(var(--memphis-layout-space) * 1.2);
   --toast-padding-left: calc(var(--memphis-layout-space) * 2.4);
@@ -184494,24 +184599,72 @@ function Jye() {
   pointer-events: none;
 }
 
-:host([position="bottom"]) [part="root"] {
-  top: unset;
-  bottom: var(--toast-offset-y);
+:host([position="top"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
-:host([position="middle"]) [part="root"] {
+:host([position="top-left"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="top-right"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="left"]) [part="root"] {
   top: 50%;
   bottom: unset;
+  left: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="center"]) [part="root"] {
+  top: 50%;
+  bottom: unset;
+  left: 50%;
   translate: -50% -50%;
 }
 
-:host([position="top"]) [part="root"] {
+:host([position="right"]) [part="root"] {
+  top: 50%;
   bottom: unset;
-  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="bottom"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
+:host([position="bottom-left"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="bottom-right"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
     `;
 }
 //#endregion
@@ -184579,7 +184732,7 @@ var T4 = function(e, t, n, r) {
 	_mouseOverSubscription;
 	_mouseOutSubscription;
 	constructor() {
-		super(), this._header = "", this._content = "", this._timeout = 0, this._position = w4.Middle, this._showProgress = !1, this._fillElement = null, this._fillAnimation = null, this._timer = C4.empty(() => this.close()), this._mouseOverSubscription = null, this._mouseOutSubscription = null, this.enter = fw, this.exit = dw;
+		super(), this._header = "", this._content = "", this._timeout = 0, this._position = w4.Center, this._showProgress = !1, this._fillElement = null, this._fillAnimation = null, this._timer = C4.empty(() => this.close()), this._mouseOverSubscription = null, this._mouseOutSubscription = null, this.enter = fw, this.exit = dw;
 	}
 	static get is() {
 		return "mosaik-toast";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.28",
+    "version": "0.1.30",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -11,8 +11,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "0.1.28",
-        "@breadstone/mosaik-elements-foundation": "0.1.28",
+        "@breadstone/mosaik-elements": "0.1.30",
+        "@breadstone/mosaik-elements-foundation": "0.1.30",
         "tslib": "2.8.1"
     },
     "peerDependencies": {