@breadstone/mosaik-elements-svelte 0.0.63 → 0.0.64

package/index.mjs

@@ -20184,7 +20184,7 @@ class _F extends kF {
 const Ua = qi(_F);
 function jF(o) {
   return k`
-        <div ${Ua({ direction: "column" })}>
+        <div part="root" ${Ua({ direction: "column" })}>
             <slot @slotchange="${(e) => o.onSlotChange(e)}"></slot>
         </div>
     `;
@@ -20205,11 +20205,11 @@ function zF() {
   --menu-font-text-transform: var(--joy-typography-body1-text-transform);
   --menu-font-weight: var(--joy-typography-body1-font-weight);
   --menu-foreground-color: var(--joy-scheme-foreground);
-  --menu-gap: 8px;
-  --menu-padding-bottom: 8px;
-  --menu-padding-left: 16px;
-  --menu-padding-right: 16px;
-  --menu-padding-top: 8px;
+  --menu-gap: unset;
+  --menu-padding-bottom: var(--joy-layout-spacing);
+  --menu-padding-left: calc(var(--joy-layout-spacing) * 2);
+  --menu-padding-right: calc(var(--joy-layout-spacing) * 2);
+  --menu-padding-top: var(--joy-layout-spacing);
   --menu-shadow: var(--joy-elevation-none);
   --menu-transition-duration: .2s;
   --menu-transition-mode: ease;
@@ -20266,6 +20266,9 @@ function zF() {
   padding-left: var(--menu-padding-left);
   padding-bottom: var(--menu-padding-bottom);
   padding-right: var(--menu-padding-right);
+}
+
+:host [part="root"] {
   gap: var(--menu-gap);
 }
 
@@ -20355,6 +20358,9 @@ function SF() {
   padding-left: var(--menu-padding-left);
   padding-bottom: var(--menu-padding-bottom);
   padding-right: var(--menu-padding-right);
+}
+
+:host [part="root"] {
   gap: var(--menu-gap);
 }
 
@@ -20444,6 +20450,9 @@ function EF() {
   padding-left: var(--menu-padding-left);
   padding-bottom: var(--menu-padding-bottom);
   padding-right: var(--menu-padding-right);
+}
+
+:host [part="root"] {
   gap: var(--menu-gap);
 }
 
@@ -156268,6 +156277,7 @@ function Ort(o) {
                                        .dir="${o.dir}">
                     ${O(o.hasHeader, () => k`
                     <mosaik-app-header part="header"
+                                       exportparts="toolbar:header-toolbar"
                                        .lang="${o.lang}"
                                        .dir="${o.dir}"
                                        .scrollTargetFn="${() => o.content}">
@@ -156913,6 +156923,10 @@ e0 = uE([
       joy: Trt,
       retro: Prt,
       cosmopolitan: Drt
+    },
+    host: {
+      part: "header",
+      exportparts: "toolbar:header-toolbar"
     }
   }),
   t0("design:paramtypes", [])

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.63",
+    "version": "0.0.64",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
         "svelte": "^5.34.7"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.63",
-        "@breadstone/mosaik-elements-foundation": "^0.0.63",
+        "@breadstone/mosaik-elements": "^0.0.64",
+        "@breadstone/mosaik-elements-foundation": "^0.0.64",
         "tslib": "^2.8.1"
     },
     "exports": {