@breadstone/mosaik-elements-svelte 0.0.254 → 0.0.256

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.0.256 (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.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

package/index.mjs

@@ -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);
 		} });
@@ -214692,6 +214754,13 @@ var o7 = function(e, t, n, r) {
 	get selectedIndex() {
 		return this.items.findIndex((e) => e.isSelected);
 	}
+	firstUpdated(e) {
+		if (super.firstUpdated(e), this._hasIndicator) {
+			this._indicatorElement = this.getTemplatePart("indicator");
+			let e = this.getCurrent();
+			e && this.alignIndicatorTo(e);
+		}
+	}
 	select(e) {
 		if (!e.disabled) {
 			for (let t of this.items) t.isSelected = t === e, t.isSelected && this.alignIndicatorTo(t);
@@ -214811,7 +214880,7 @@ o7([
 	s7("design:paramtypes", [String, String]),
 	s7("design:returntype", void 0)
 ], c7.prototype, "onOrientationPropertyChanged", null), o7([
-	L("hasIndicator"),
+	L("hasIndicator", { waitUntilFirstUpdate: !0 }),
 	s7("design:type", Function),
 	s7("design:paramtypes", [Boolean, Boolean]),
 	s7("design:returntype", void 0)
@@ -215209,11 +215278,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 +215370,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 +215462,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 +215572,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 +215678,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 +216457,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.254",
+    "version": "0.0.256",
     "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.254",
-        "@breadstone/mosaik-elements-foundation": "^0.0.254"
+        "@breadstone/mosaik-elements": "^0.0.256",
+        "@breadstone/mosaik-elements-foundation": "^0.0.256"
     },
     "exports": {
         ".": {