@breadstone/mosaik-elements-svelte 0.1.39 → 0.1.40

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.1.40 (2026-07-02)
+
+### 🚀 Features
+
+- **color-swatch:** add handleClick method to ColorSwatchElement class ([a148cc032d](https://github.com/RueDeRennes/mosaik/commit/a148cc032d))
+
 ## 0.1.39 (2026-06-29)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -108096,17 +108096,21 @@ function JU(e) {
         ${U(e.isSticky, () => V`
         <mosaik-sticky part="sticky">
             <slot name="header">
+                ${U(e.header.trim(), () => V`
                 <mosaik-text part="header"
                              .text="${e.header}"
                              .truncate="${!0}"></mosaik-text>
+                `)}
             </slot>
             <slot></slot>
         </mosaik-sticky>
         `, () => V`
         <slot name="header">
+            ${U(e.header.trim(), () => V`
             <mosaik-text part="header"
                          .text="${e.header}"
                          .truncate="${!0}"></mosaik-text>
+            `)}
         </slot>
         <slot></slot>
         `)}
@@ -108191,13 +108195,38 @@ function YU() {
 
 :host [part="header"] {
   text-transform: uppercase;
-  letter-spacing: .5px;
-  color: var(--joy-color-neutral-500);
-  padding: 16px;
-  font-size: 10px;
   font-weight: 700;
 }
 
+:host slot[name="header"] {
+  font-family: var(--list-item-group-overline-font-family);
+  font-size: var(--list-item-group-overline-font-size);
+  line-height: var(--list-item-group-overline-font-line-height);
+  letter-spacing: var(--list-item-group-overline-font-letter-spacing);
+  -webkit-text-decoration: var(--list-item-group-overline-font-text-decoration);
+  text-decoration: var(--list-item-group-overline-font-text-decoration);
+  text-transform: uppercase;
+  padding-bottom: var(--joy-layout-space);
+  padding-left: calc(var(--joy-layout-space) * 2);
+  padding-right: calc(var(--joy-layout-space) * 2);
+  padding-top: var(--joy-layout-space);
+  font-weight: 700;
+}
+
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
+:host [part="header"] {
+  color: var(--joy-color-neutral-500);
+}
+
     `;
 }
 //#endregion
@@ -108279,12 +108308,34 @@ function XU() {
 
 :host [part="header"] {
   text-transform: uppercase;
-  letter-spacing: .5px;
-  padding: 16px;
-  font-size: 10px;
   font-weight: 700;
 }
 
+:host slot[name="header"] {
+  font-family: var(--list-item-group-overline-font-family);
+  font-size: var(--list-item-group-overline-font-size);
+  line-height: var(--list-item-group-overline-font-line-height);
+  letter-spacing: var(--list-item-group-overline-font-letter-spacing);
+  -webkit-text-decoration: var(--list-item-group-overline-font-text-decoration);
+  text-decoration: var(--list-item-group-overline-font-text-decoration);
+  text-transform: uppercase;
+  padding-bottom: var(--joy-layout-space);
+  padding-left: calc(var(--joy-layout-space) * 2);
+  padding-right: calc(var(--joy-layout-space) * 2);
+  padding-top: var(--joy-layout-space);
+  font-weight: 700;
+}
+
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
     `;
 }
 //#endregion
@@ -108366,12 +108417,34 @@ function ZU() {
 
 :host [part="header"] {
   text-transform: uppercase;
-  letter-spacing: .5px;
-  padding: 16px;
-  font-size: 10px;
   font-weight: 700;
 }
 
+:host slot[name="header"] {
+  font-family: var(--list-item-group-overline-font-family);
+  font-size: var(--list-item-group-overline-font-size);
+  line-height: var(--list-item-group-overline-font-line-height);
+  letter-spacing: var(--list-item-group-overline-font-letter-spacing);
+  -webkit-text-decoration: var(--list-item-group-overline-font-text-decoration);
+  text-decoration: var(--list-item-group-overline-font-text-decoration);
+  text-transform: uppercase;
+  padding-bottom: var(--joy-layout-space);
+  padding-left: calc(var(--joy-layout-space) * 2);
+  padding-right: calc(var(--joy-layout-space) * 2);
+  padding-top: var(--joy-layout-space);
+  font-weight: 700;
+}
+
+:host slot[name="header"] mosaik-text {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+}
+
     `;
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.39",
+    "version": "0.1.40",
     "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.39",
-        "@breadstone/mosaik-elements-foundation": "0.1.39",
+        "@breadstone/mosaik-elements": "0.1.40",
+        "@breadstone/mosaik-elements-foundation": "0.1.40",
         "tslib": "2.8.1"
     },
     "peerDependencies": {