@breadstone/mosaik-elements-svelte 0.0.253 → 0.0.255

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.0.255 (2026-05-04)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.254 (2026-05-03)
+
+### 🩹 Fixes
+
+- **MessageBoxPortal:** update definition links and add missing styles ([66b0c53414](https://github.com/RueDeRennes/mosaik/commit/66b0c53414))
+
 ## 0.0.253 (2026-05-03)
 
 ### 🚀 Features

package/index.mjs

@@ -94789,7 +94789,7 @@ function PV() {
 	return B`
 :host {
   --backdrop-background-color: var(--joy-scheme-semi-transparent);
-  --backdrop-blur: 6px;
+  --backdrop-blur: 4px;
   --backdrop-font-family: unset;
   --backdrop-font-letter-spacing: unset;
   --backdrop-font-line-height: unset;
@@ -141733,7 +141733,7 @@ function Lfe(e) {
 		"background: linear-gradient(135deg, rgba(var(--mosaik-color-primary-500-rgb, 0, 123, 255), 0.15) 0%, rgba(var(--mosaik-color-primary-500-rgb, 0, 123, 255), 0.25) 100%)",
 		"border: 2px dashed var(--mosaik-color-primary-500, #007bff)",
 		"box-shadow: inset 0 0 0 1px rgba(var(--mosaik-color-primary-500-rgb, 0, 123, 255), 0.3), 0 4px 16px rgba(0, 0, 0, 0.1)",
-		"backdrop-filter: blur(2px)",
+		"backdrop-filter: blur(4px)",
 		`animation: ${RQ} 1.5s ease-in-out infinite`,
 		"transition: width 0.15s ease-out, height 0.15s ease-out"
 	].join("; ");
@@ -172451,7 +172451,6 @@ function H_e() {
   flex-direction: column;
   flex: 1;
   display: flex;
-  overflow: hidden;
 }
 
     `;
@@ -172528,7 +172527,6 @@ function U_e() {
   flex-direction: column;
   flex: 1;
   display: flex;
-  overflow: hidden;
 }
 
     `;
@@ -172605,7 +172603,6 @@ function W_e() {
   flex-direction: column;
   flex: 1;
   display: flex;
-  overflow: hidden;
 }
 
     `;
@@ -213908,15 +213905,36 @@ function ywe() {
   --tab-strip-item-foreground-color: var(--joy-scheme-disabled);
 }
 
-:host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="icon"], :host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="icon"], :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-icon) {
+:host(:hover:not([disabled]:not([disabled="false"]))) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
+:host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="icon"], :host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-icon) {
   color: var(--joy-color-primary-500);
 }
 
-:host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="label"], :host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-text), :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="label"], :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-text) {
+:host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="label"], :host(:hover:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-text) {
+  color: var(--joy-color-primary-500);
+  font-weight: 600;
+}
+
+:host([is-selected]:not([disabled]:not([disabled="false"]))) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
+:host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="icon"], :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-icon) {
+  color: var(--joy-color-primary-500);
+}
+
+:host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] [part="label"], :host([is-selected]:not([disabled]:not([disabled="false"]))) [part="root"] [part="content"] ::slotted(mosaik-text) {
   color: var(--joy-color-primary-500);
   font-weight: 600;
 }
 
+:host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
   color: var(--joy-color-primary-500);
 }
@@ -213926,148 +213944,180 @@ function ywe() {
   font-weight: 600;
 }
 
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
   color: var(--joy-color-primary-500);
 }
 
-:host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-secondary-500);
 }
 
 :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-secondary-500);
   font-weight: 600;
 }
 
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-secondary-500);
 }
 
-:host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-tertiary-500);
 }
 
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-tertiary-500);
   font-weight: 600;
 }
 
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-tertiary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-danger-500);
 }
 
 :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-danger-500);
   font-weight: 600;
 }
 
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-danger-500);
 }
 
-:host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-warning-500);
 }
 
 :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-warning-500);
   font-weight: 600;
 }
 
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-warning-500);
 }
 
-:host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-success-500);
 }
 
 :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-success-500);
   font-weight: 600;
 }
 
+:host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-success-500);
 }
 
-:host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-info-500);
 }
 
 :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-info-500);
   font-weight: 600;
 }
 
+:host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-info-500);
 }
 
-:host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-highlight-500);
 }
 
 :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-highlight-500);
   font-weight: 600;
 }
 
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
+}
+
 :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-highlight-500);
 }
 
-:host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-neutral-500);
 }
 
 :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+  color: var(--joy-color-neutral-500);
   font-weight: 600;
 }
 
-:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
-  color: var(--joy-color-primary-500);
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) {
+  --tab-strip-item-background-color: var(--joy-scheme-highlight);
 }
 
-:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"]:after {
-  background-color: var(--joy-color-primary-500);
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
+  color: var(--joy-color-neutral-500);
 }
 
     `;
@@ -214261,6 +214311,18 @@ var r7 = function(e, t, n, r) {
 	static get is() {
 		return "mosaik-tab-strip-item";
 	}
+	get disabled() {
+		return this._inheritance.get("disabled", super.disabled);
+	}
+	set disabled(e) {
+		this._inheritance.markExplicit("disabled"), super.disabled = e;
+	}
+	get variant() {
+		return this._inheritance.get("variant", super.variant);
+	}
+	set variant(e) {
+		this._inheritance.markExplicit("variant"), super.variant = e;
+	}
 	get placement() {
 		return this._placement;
 	}
@@ -214663,7 +214725,7 @@ var o7 = function(e, t, n, r) {
 	_placement;
 	_hasIndicator;
 	constructor() {
-		super(), this._placement = t7.Top, this._hasIndicator = !0, this._indicatorElement = null, this._keyboardController = new vA(this, { capture: !0 }), this._resizeController = new Lz(this, { callback: () => {
+		super(), this._placement = t7.Top, this._hasIndicator = !1, this._indicatorElement = null, this._keyboardController = new vA(this, { capture: !0 }), this._resizeController = new Lz(this, { callback: () => {
 			let e = this.getCurrent();
 			e && this.alignIndicatorTo(e);
 		} });
@@ -215209,11 +215271,11 @@ function p7(e) {
     `;
 }
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Joy.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Cosmopolitan.js
 function kwe() {
 	return B`
 :host {
-  --tab-panel-background-color: var(--joy-scheme-background);
+  --tab-panel-background-color: unset;
   --tab-panel-font-family: unset;
   --tab-panel-font-letter-spacing: unset;
   --tab-panel-font-line-height: unset;
@@ -215301,11 +215363,11 @@ function kwe() {
     `;
 }
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Memphis.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Joy.js
 function Awe() {
 	return B`
 :host {
-  --tab-panel-background-color: var(--memphis-scheme-background);
+  --tab-panel-background-color: var(--joy-scheme-background);
   --tab-panel-font-family: unset;
   --tab-panel-font-letter-spacing: unset;
   --tab-panel-font-line-height: unset;
@@ -215393,11 +215455,11 @@ function Awe() {
     `;
 }
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Cosmopolitan.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Tab/Themes/TabPanelElement.Memphis.js
 function jwe() {
 	return B`
 :host {
-  --tab-panel-background-color: unset;
+  --tab-panel-background-color: var(--memphis-scheme-background);
   --tab-panel-font-family: unset;
   --tab-panel-font-letter-spacing: unset;
   --tab-panel-font-line-height: unset;
@@ -215503,7 +215565,7 @@ var m7 = function(e, t, n, r) {
 	_hasIndicator;
 	_enableGestures;
 	constructor() {
-		super(), this._alignment = e7.Start, this._placement = t7.Top, this._hasScrollableContent = !1, this._canScrollToStart = !0, this._canScrollToEnd = !1, this._hasIndicator = !0, this._enableGestures = !1;
+		super(), this._alignment = e7.Start, this._placement = t7.Top, this._hasScrollableContent = !1, this._canScrollToStart = !0, this._canScrollToEnd = !1, this._hasIndicator = !1, this._enableGestures = !1;
 	}
 	static get is() {
 		return "mosaik-tab-panel";
@@ -215609,9 +215671,9 @@ m7([
 	selector: "mosaik-tab-panel",
 	template: p7,
 	themes: {
-		joy: kwe,
-		memphis: Awe,
-		cosmopolitan: jwe
+		joy: Awe,
+		memphis: jwe,
+		cosmopolitan: kwe
 	},
 	options: {
 		mode: "open",
@@ -216388,7 +216450,7 @@ var _7 = function(e, t, n, r) {
 	_hasIndicator;
 	_enableGestures;
 	constructor() {
-		super(), this._alignment = e7.Stretch, this._placement = t7.Top, this._hasIndicator = !0, this._enableGestures = !1;
+		super(), this._alignment = e7.Stretch, this._placement = t7.Top, this._hasIndicator = !1, this._enableGestures = !1;
 	}
 	static get is() {
 		return "mosaik-tab";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.253",
+    "version": "0.0.255",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
         "vite": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.253",
-        "@breadstone/mosaik-elements-foundation": "^0.0.253"
+        "@breadstone/mosaik-elements": "^0.0.255",
+        "@breadstone/mosaik-elements-foundation": "^0.0.255"
     },
     "exports": {
         ".": {