@breadstone/mosaik-elements-svelte 0.0.203 → 0.0.205

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.0.205 (2025-12-07)
+
+### 🩹 Fixes
+
+- **buttons): update stack-gap variable usage in FloatingActionButton, RepeatButton, SplitButton, ToggleButton themes fix(card): update stack-gap variable usage in CardActions theme fix(expander): update stack-gap variable usage in Expander theme fix(comment): update stack-gap variable usage in Comment theme fix(dialog): update stack-gap variable usage in DialogActions theme fix(segment): update stack-gap variable usage in SegmentItem theme fix(tab-strip): update stack-gap variable usage in TabStripItem theme fix(states): update stack-gap variable usage in Busy, Empty, Error, and Success state themes chore(package:** bump version to 0.0.204 in package.json ([878a490c1e](https://github.com/RueDeRennes/mosaik/commit/878a490c1e))
+
+## 0.0.204 (2025-12-07)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
 ## 0.0.203 (2025-12-06)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -8523,7 +8523,7 @@ function ZU(o) {
 function JU() {
   return m`
 :host {
-  --anchor-background-color: var(--joy-scheme-background);
+  --anchor-background-color: var(--joy-scheme-transparent);
   --anchor-border-color: var(--joy-scheme-highlight);
   --anchor-font-family: var(--joy-typography-button-font-family);
   --anchor-font-letter-spacing: var(--joy-typography-button-letter-spacing);
@@ -14228,7 +14228,7 @@ function P8() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--button-gap);
 }
 
 :host [part="button"] {
@@ -14851,7 +14851,7 @@ function L8() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--button-gap);
 }
 
 :host [part="button"] {
@@ -15604,7 +15604,7 @@ function I8() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--button-gap);
 }
 
 :host [part="button"] {
@@ -17266,7 +17266,7 @@ function H8() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--compound-button-gap);
 }
 
 :host [part="button"] {
@@ -17493,7 +17493,7 @@ function B8() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--compound-button-gap);
 }
 
 :host [part="button"] {
@@ -17843,7 +17843,7 @@ function F8() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--compound-button-gap);
 }
 
 :host [part="button"] {
@@ -22225,7 +22225,7 @@ function t7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dropdown-button-gap);
 }
 
 :host [part="button"]:before {
@@ -22631,7 +22631,7 @@ function o7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dropdown-button-gap);
 }
 
 :host [part="button"]:before {
@@ -23319,7 +23319,7 @@ function r7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dropdown-button-gap);
 }
 
 :host [part="button"]:before {
@@ -24640,7 +24640,7 @@ function u7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--fab-gap);
 }
 
 :host [part="button"]:before {
@@ -24914,7 +24914,7 @@ function g7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--fab-gap);
 }
 
 :host [part="button"]:before {
@@ -25202,7 +25202,7 @@ function f7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--fab-gap);
 }
 
 :host [part="button"]:before {
@@ -26397,7 +26397,7 @@ function _7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--repeat-button-gap);
 }
 
 :host [part="button"]:before {
@@ -27058,7 +27058,7 @@ function j7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--repeat-button-gap);
 }
 
 :host [part="button"]:before {
@@ -27341,7 +27341,7 @@ function z7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--repeat-button-gap);
 }
 
 :host [part="button"]:before {
@@ -27904,7 +27904,7 @@ function E7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--split-button-gap);
 }
 
 :host [part="button"]:before {
@@ -28603,7 +28603,7 @@ function C7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--split-button-gap);
 }
 
 :host [part="button"]:before {
@@ -28915,7 +28915,7 @@ function A7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--split-button-gap);
 }
 
 :host [part="button"]:before {
@@ -29448,7 +29448,7 @@ function R7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--toggle-button-gap);
 }
 
 :host [part="button"] {
@@ -30306,7 +30306,7 @@ function O7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--toggle-button-gap);
 }
 
 :host [part="button"] {
@@ -30706,7 +30706,7 @@ function $7() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--toggle-button-gap);
 }
 
 :host [part="button"] {
@@ -53525,7 +53525,7 @@ function $W() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--card-actions-gap);
 }
 
     `;
@@ -53589,7 +53589,7 @@ function PW() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--card-actions-gap);
 }
 
     `;
@@ -53653,7 +53653,7 @@ function DW() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--card-actions-gap);
 }
 
     `;
@@ -57721,7 +57721,7 @@ function EV() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--expander-gap);
 }
 
 :host [part="root"] {
@@ -58035,7 +58035,7 @@ function CV() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--expander-gap);
 }
 
 :host [part="root"] {
@@ -58310,7 +58310,7 @@ function AV() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--expander-gap);
 }
 
 :host [part="root"] {
@@ -69028,7 +69028,7 @@ function HX(o) {
 function BX() {
   return m`
 :host {
-  --checkbox-background-color: var(--joy-scheme-background);
+  --checkbox-background-color: var(--joy-scheme-transparent);
   --checkbox-border-color: var(--joy-scheme-highlight);
   --checkbox-border-radius: calc(var(--joy-layout-radius) / 2);
   --checkbox-border-style: solid;
@@ -98483,7 +98483,7 @@ function GJ() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--empty-state-gap);
 }
 
 :host [part="header"] {
@@ -98608,7 +98608,7 @@ function WJ() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--empty-state-gap);
 }
 
 :host [part="header"] {
@@ -98733,7 +98733,7 @@ function VJ() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--empty-state-gap);
 }
 
     `;
@@ -124061,7 +124061,7 @@ function qot() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--comment-gap);
 }
 
 :host [part="author"], :host [part="at"] {
@@ -124184,7 +124184,7 @@ function Got() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--comment-gap);
 }
 
     `;
@@ -124285,7 +124285,7 @@ function Wot() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--comment-gap);
 }
 
     `;
@@ -130031,7 +130031,7 @@ function Yrt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dialog-actions-gap);
 }
 
     `;
@@ -130094,7 +130094,7 @@ function Urt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dialog-actions-gap);
 }
 
     `;
@@ -130157,7 +130157,7 @@ function qrt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dialog-actions-gap);
 }
 
     `;
@@ -158210,7 +158210,7 @@ function Ult() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--segment-item-gap);
 }
 
 :host [part="button"] {
@@ -158427,7 +158427,7 @@ function qlt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--segment-item-gap);
 }
 
 :host [part="button"] {
@@ -158607,7 +158607,7 @@ function Glt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--segment-item-gap);
 }
 
 :host [part="button"] {
@@ -159718,7 +159718,7 @@ function Jlt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--tab-strip-item-gap);
 }
 
 :host [part="root"] {
@@ -160057,7 +160057,7 @@ function Qlt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--tab-strip-item-gap);
 }
 
 :host [part="root"] {
@@ -160220,7 +160220,7 @@ function tdt() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--tab-strip-item-gap);
 }
 
 :host [part="root"] {
@@ -169042,7 +169042,7 @@ function kct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--error-state-gap);
 }
 
 :host [part="header"] {
@@ -169162,7 +169162,7 @@ function _ct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--error-state-gap);
 }
 
 :host [part="header"] {
@@ -169282,7 +169282,7 @@ function jct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--error-state-gap);
 }
 
     `;
@@ -169514,7 +169514,7 @@ function Sct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--busy-state-gap);
 }
 
 :host [part="header"] {
@@ -169639,7 +169639,7 @@ function Ect() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--busy-state-gap);
 }
 
 :host [part="header"] {
@@ -169764,7 +169764,7 @@ function Cct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--busy-state-gap);
 }
 
     `;
@@ -169975,7 +169975,7 @@ function Rct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--success-state-gap);
 }
 
 :host [part="header"] {
@@ -170095,7 +170095,7 @@ function Oct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--success-state-gap);
 }
 
 :host [part="header"] {
@@ -170215,7 +170215,7 @@ function Tct() {
 }
 
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--success-state-gap);
 }
 
     `;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.203",
+    "version": "0.0.205",
     "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.203",
-        "@breadstone/mosaik-elements-foundation": "^0.0.203",
+        "@breadstone/mosaik-elements": "^0.0.205",
+        "@breadstone/mosaik-elements-foundation": "^0.0.205",
         "tslib": "^2.8.1"
     },
     "exports": {