@breadstone/mosaik-elements-svelte 0.1.39 → 0.1.41

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.1.41 (2026-07-02)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 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,39 @@ 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;
+  padding: inherit;
+}
+
+:host [part="header"] {
+  color: var(--joy-color-neutral-500);
+}
+
     `;
 }
 //#endregion
@@ -108279,12 +108309,35 @@ 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;
+  padding: inherit;
+}
+
     `;
 }
 //#endregion
@@ -108366,12 +108419,35 @@ 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;
+  padding: inherit;
+}
+
     `;
 }
 //#endregion
@@ -152244,7 +152320,8 @@ function Ume(e) {
         `)}
         ${U(e.label.trim(), () => V`
         <mosaik-text part="label"
-                     .text="${e.label}"></mosaik-text>
+                     .text="${e.label}"
+                     .truncate="${!0}"></mosaik-text>
         `)}
     `;
 }
@@ -160763,20 +160840,20 @@ function oge() {
   border-style: var(--chip-group-border-style);
   box-shadow: var(--chip-group-shadow);
   flex-direction: row;
+  justify-content: flex-start;
   align-items: flex-start;
   display: flex;
 }
 
 :host [part="root"] {
   flex-direction: inherit;
-  align-items: flex-start;
   gap: inherit;
   scrollbar-width: none;
   scrollbar-color: transparent;
+  align-items: inherit;
   flex-wrap: nowrap;
-  align-items: center;
   display: inline-flex;
-  overflow: scroll;
+  overflow-x: auto;
 }
 
 :host [part="root"] ::slotted(mosaik-chip) {
@@ -160877,20 +160954,20 @@ function sge() {
   border-style: var(--chip-group-border-style);
   box-shadow: var(--chip-group-shadow);
   flex-direction: row;
+  justify-content: flex-start;
   align-items: flex-start;
   display: flex;
 }
 
 :host [part="root"] {
   flex-direction: inherit;
-  align-items: flex-start;
   gap: inherit;
   scrollbar-width: none;
   scrollbar-color: transparent;
+  align-items: inherit;
   flex-wrap: nowrap;
-  align-items: center;
   display: inline-flex;
-  overflow: scroll;
+  overflow-x: auto;
 }
 
 :host [part="root"] ::slotted(mosaik-chip) {
@@ -160991,20 +161068,20 @@ function cge() {
   border-style: var(--chip-group-border-style);
   box-shadow: var(--chip-group-shadow);
   flex-direction: row;
+  justify-content: flex-start;
   align-items: flex-start;
   display: flex;
 }
 
 :host [part="root"] {
   flex-direction: inherit;
-  align-items: flex-start;
   gap: inherit;
   scrollbar-width: none;
   scrollbar-color: transparent;
+  align-items: inherit;
   flex-wrap: nowrap;
-  align-items: center;
   display: inline-flex;
-  overflow: scroll;
+  overflow-x: auto;
 }
 
 :host [part="root"] ::slotted(mosaik-chip) {

package/package.json

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