@breadstone/mosaik-elements-svelte 0.0.233 → 0.0.235

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.0.235 (2026-04-27)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.234 (2026-04-27)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
 ## 0.0.233 (2026-04-26)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -16962,7 +16962,6 @@ function bS() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   padding-top: var(--compound-button-padding-top);
@@ -17204,7 +17203,6 @@ function xS() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   padding-top: var(--compound-button-padding-top);
@@ -17793,6 +17791,51 @@ function xS() {
   --compound-button-background-color: var(--joy-color-neutral-600);
 }
 
+:host([size="tiny"]) {
+  --compound-button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
+  --compound-button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
+  --compound-button-padding-top: calc(var(--joy-layout-space) - 4px);
+  --compound-button-padding-right: calc(var(--joy-layout-space) - 4px);
+  --compound-button-padding-bottom: calc(var(--joy-layout-space) - 4px);
+  --compound-button-padding-left: calc(var(--joy-layout-space) - 4px);
+  --compound-button-icon-min-width: 24px;
+  --compound-button-icon-min-height: 24px;
+}
+
+:host([size="small"]) {
+  --compound-button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
+  --compound-button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
+  --compound-button-padding-top: calc(var(--joy-layout-space) - 2px);
+  --compound-button-padding-right: calc(var(--joy-layout-space) - 2px);
+  --compound-button-padding-bottom: calc(var(--joy-layout-space) - 2px);
+  --compound-button-padding-left: calc(var(--joy-layout-space) - 2px);
+  --compound-button-icon-min-width: 24px;
+  --compound-button-icon-min-height: 24px;
+}
+
+:host([size="medium"]) {
+  --compound-button-font-size: var(--joy-typography-button-font-size);
+  --compound-button-font-line-height: var(--joy-typography-button-line-height);
+}
+
+:host([size="large"]) {
+  --compound-button-font-size: calc(var(--joy-typography-button-font-size) + 2px);
+  --compound-button-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
+  --compound-button-padding-top: calc(var(--joy-layout-space) + 4px);
+  --compound-button-padding-right: calc(var(--joy-layout-space) + 4px);
+  --compound-button-padding-bottom: calc(var(--joy-layout-space) + 4px);
+  --compound-button-padding-left: calc(var(--joy-layout-space) + 4px);
+}
+
+:host([size="giant"]) {
+  --compound-button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
+  --compound-button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
+  --compound-button-padding-top: calc(var(--joy-layout-space) + 8px);
+  --compound-button-padding-right: calc(var(--joy-layout-space) + 8px);
+  --compound-button-padding-bottom: calc(var(--joy-layout-space) + 8px);
+  --compound-button-padding-left: calc(var(--joy-layout-space) + 8px);
+}
+
     `;
 }
 //#endregion
@@ -17939,7 +17982,6 @@ function SS() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   padding-top: var(--compound-button-padding-top);
@@ -23160,6 +23202,51 @@ function wde() {
   --dropdown-button-background-color: var(--joy-color-neutral-600);
 }
 
+:host([size="tiny"]) {
+  --dropdown-button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
+  --dropdown-button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
+  --dropdown-button-padding-top: calc(var(--joy-layout-space) - 4px);
+  --dropdown-button-padding-right: calc(var(--joy-layout-space) - 4px);
+  --dropdown-button-padding-bottom: calc(var(--joy-layout-space) - 4px);
+  --dropdown-button-padding-left: calc(var(--joy-layout-space) - 4px);
+  --dropdown-button-icon-min-width: 24px;
+  --dropdown-button-icon-min-height: 24px;
+}
+
+:host([size="small"]) {
+  --dropdown-button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
+  --dropdown-button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
+  --dropdown-button-padding-top: calc(var(--joy-layout-space) - 2px);
+  --dropdown-button-padding-right: calc(var(--joy-layout-space) - 2px);
+  --dropdown-button-padding-bottom: calc(var(--joy-layout-space) - 2px);
+  --dropdown-button-padding-left: calc(var(--joy-layout-space) - 2px);
+  --dropdown-button-icon-min-width: 24px;
+  --dropdown-button-icon-min-height: 24px;
+}
+
+:host([size="medium"]) {
+  --dropdown-button-font-size: var(--joy-typography-button-font-size);
+  --dropdown-button-font-line-height: var(--joy-typography-button-line-height);
+}
+
+:host([size="large"]) {
+  --dropdown-button-font-size: calc(var(--joy-typography-button-font-size) + 2px);
+  --dropdown-button-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
+  --dropdown-button-padding-top: calc(var(--joy-layout-space) + 4px);
+  --dropdown-button-padding-right: calc(var(--joy-layout-space) + 4px);
+  --dropdown-button-padding-bottom: calc(var(--joy-layout-space) + 4px);
+  --dropdown-button-padding-left: calc(var(--joy-layout-space) + 4px);
+}
+
+:host([size="giant"]) {
+  --dropdown-button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
+  --dropdown-button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
+  --dropdown-button-padding-top: calc(var(--joy-layout-space) + 8px);
+  --dropdown-button-padding-right: calc(var(--joy-layout-space) + 8px);
+  --dropdown-button-padding-bottom: calc(var(--joy-layout-space) + 8px);
+  --dropdown-button-padding-left: calc(var(--joy-layout-space) + 8px);
+}
+
     `;
 }
 //#endregion
@@ -23809,7 +23896,6 @@ function Dde() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -24085,7 +24171,6 @@ function Ode() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -24655,6 +24740,51 @@ function Ode() {
   --fab-background-color: var(--joy-color-neutral-600);
 }
 
+:host([size="tiny"]) {
+  --fab-font-size: calc(var(--joy-typography-button-font-size) - 4px);
+  --fab-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
+  --fab-padding-top: calc(var(--joy-layout-space) - 4px);
+  --fab-padding-right: calc(var(--joy-layout-space) - 4px);
+  --fab-padding-bottom: calc(var(--joy-layout-space) - 4px);
+  --fab-padding-left: calc(var(--joy-layout-space) - 4px);
+  --fab-icon-min-width: 24px;
+  --fab-icon-min-height: 24px;
+}
+
+:host([size="small"]) {
+  --fab-font-size: calc(var(--joy-typography-button-font-size) - 2px);
+  --fab-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
+  --fab-padding-top: calc(var(--joy-layout-space) - 2px);
+  --fab-padding-right: calc(var(--joy-layout-space) - 2px);
+  --fab-padding-bottom: calc(var(--joy-layout-space) - 2px);
+  --fab-padding-left: calc(var(--joy-layout-space) - 2px);
+  --fab-icon-min-width: 24px;
+  --fab-icon-min-height: 24px;
+}
+
+:host([size="medium"]) {
+  --fab-font-size: var(--joy-typography-button-font-size);
+  --fab-font-line-height: var(--joy-typography-button-line-height);
+}
+
+:host([size="large"]) {
+  --fab-font-size: calc(var(--joy-typography-button-font-size) + 2px);
+  --fab-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
+  --fab-padding-top: calc(var(--joy-layout-space) + 4px);
+  --fab-padding-right: calc(var(--joy-layout-space) + 4px);
+  --fab-padding-bottom: calc(var(--joy-layout-space) + 4px);
+  --fab-padding-left: calc(var(--joy-layout-space) + 4px);
+}
+
+:host([size="giant"]) {
+  --fab-font-size: calc(var(--joy-typography-button-font-size) + 4px);
+  --fab-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
+  --fab-padding-top: calc(var(--joy-layout-space) + 8px);
+  --fab-padding-right: calc(var(--joy-layout-space) + 8px);
+  --fab-padding-bottom: calc(var(--joy-layout-space) + 8px);
+  --fab-padding-left: calc(var(--joy-layout-space) + 8px);
+}
+
     `;
 }
 //#endregion
@@ -24821,7 +24951,6 @@ function kde() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -26007,7 +26136,6 @@ function bT() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -26309,7 +26437,6 @@ function xT() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -27152,7 +27279,6 @@ function ST() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -27635,7 +27761,6 @@ function DT() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -27915,7 +28040,6 @@ function OT() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -28485,6 +28609,51 @@ function OT() {
   --repeat-button-background-color: var(--joy-color-neutral-600);
 }
 
+:host([size="tiny"]) {
+  --repeat-button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
+  --repeat-button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
+  --repeat-button-padding-top: calc(var(--joy-layout-space) - 4px);
+  --repeat-button-padding-right: calc(var(--joy-layout-space) - 4px);
+  --repeat-button-padding-bottom: calc(var(--joy-layout-space) - 4px);
+  --repeat-button-padding-left: calc(var(--joy-layout-space) - 4px);
+  --repeat-button-icon-min-width: 24px;
+  --repeat-button-icon-min-height: 24px;
+}
+
+:host([size="small"]) {
+  --repeat-button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
+  --repeat-button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
+  --repeat-button-padding-top: calc(var(--joy-layout-space) - 2px);
+  --repeat-button-padding-right: calc(var(--joy-layout-space) - 2px);
+  --repeat-button-padding-bottom: calc(var(--joy-layout-space) - 2px);
+  --repeat-button-padding-left: calc(var(--joy-layout-space) - 2px);
+  --repeat-button-icon-min-width: 24px;
+  --repeat-button-icon-min-height: 24px;
+}
+
+:host([size="medium"]) {
+  --repeat-button-font-size: var(--joy-typography-button-font-size);
+  --repeat-button-font-line-height: var(--joy-typography-button-line-height);
+}
+
+:host([size="large"]) {
+  --repeat-button-font-size: calc(var(--joy-typography-button-font-size) + 2px);
+  --repeat-button-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
+  --repeat-button-padding-top: calc(var(--joy-layout-space) + 4px);
+  --repeat-button-padding-right: calc(var(--joy-layout-space) + 4px);
+  --repeat-button-padding-bottom: calc(var(--joy-layout-space) + 4px);
+  --repeat-button-padding-left: calc(var(--joy-layout-space) + 4px);
+}
+
+:host([size="giant"]) {
+  --repeat-button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
+  --repeat-button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
+  --repeat-button-padding-top: calc(var(--joy-layout-space) + 8px);
+  --repeat-button-padding-right: calc(var(--joy-layout-space) + 8px);
+  --repeat-button-padding-bottom: calc(var(--joy-layout-space) + 8px);
+  --repeat-button-padding-left: calc(var(--joy-layout-space) + 8px);
+}
+
     `;
 }
 //#endregion
@@ -28655,7 +28824,6 @@ function kT() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -30533,6 +30701,36 @@ function FT() {
   min-width: 28px;
 }
 
+:host([size="large"]) [part="buttonSplit"] {
+  min-width: 40px;
+}
+
+:host([size="giant"]) [part="buttonSplit"] {
+  min-width: 48px;
+}
+
+:host([size="tiny"]) {
+  --split-button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
+  --split-button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
+  --split-button-padding-top: calc(var(--joy-layout-space) - 4px);
+  --split-button-padding-right: calc(var(--joy-layout-space) - 4px);
+  --split-button-padding-bottom: calc(var(--joy-layout-space) - 4px);
+  --split-button-padding-left: calc(var(--joy-layout-space) - 4px);
+  --split-button-icon-min-width: 24px;
+  --split-button-icon-min-height: 24px;
+}
+
+:host([size="small"]) {
+  --split-button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
+  --split-button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
+  --split-button-padding-top: calc(var(--joy-layout-space) - 2px);
+  --split-button-padding-right: calc(var(--joy-layout-space) - 2px);
+  --split-button-padding-bottom: calc(var(--joy-layout-space) - 2px);
+  --split-button-padding-left: calc(var(--joy-layout-space) - 2px);
+  --split-button-icon-min-width: 24px;
+  --split-button-icon-min-height: 24px;
+}
+
 :host([size="medium"]) {
   --split-button-font-size: var(--joy-typography-button-font-size);
   --split-button-font-line-height: var(--joy-typography-button-line-height);
@@ -30547,10 +30745,6 @@ function FT() {
   --split-button-padding-left: calc(var(--joy-layout-space) + 4px);
 }
 
-:host([size="large"]) [part="buttonSplit"] {
-  min-width: 40px;
-}
-
 :host([size="giant"]) {
   --split-button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
   --split-button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
@@ -30560,10 +30754,6 @@ function FT() {
   --split-button-padding-left: calc(var(--joy-layout-space) + 8px);
 }
 
-:host([size="giant"]) [part="buttonSplit"] {
-  min-width: 48px;
-}
-
     `;
 }
 //#endregion
@@ -32680,7 +32870,6 @@ function QT() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -32960,7 +33149,6 @@ function $T() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -33787,6 +33975,51 @@ function $T() {
   --toggle-button-background-color: var(--joy-color-neutral-600);
 }
 
+:host([size="tiny"]) {
+  --toggle-button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
+  --toggle-button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
+  --toggle-button-padding-top: calc(var(--joy-layout-space) - 4px);
+  --toggle-button-padding-right: calc(var(--joy-layout-space) - 4px);
+  --toggle-button-padding-bottom: calc(var(--joy-layout-space) - 4px);
+  --toggle-button-padding-left: calc(var(--joy-layout-space) - 4px);
+  --toggle-button-icon-min-width: 24px;
+  --toggle-button-icon-min-height: 24px;
+}
+
+:host([size="small"]) {
+  --toggle-button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
+  --toggle-button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
+  --toggle-button-padding-top: calc(var(--joy-layout-space) - 2px);
+  --toggle-button-padding-right: calc(var(--joy-layout-space) - 2px);
+  --toggle-button-padding-bottom: calc(var(--joy-layout-space) - 2px);
+  --toggle-button-padding-left: calc(var(--joy-layout-space) - 2px);
+  --toggle-button-icon-min-width: 24px;
+  --toggle-button-icon-min-height: 24px;
+}
+
+:host([size="medium"]) {
+  --toggle-button-font-size: var(--joy-typography-button-font-size);
+  --toggle-button-font-line-height: var(--joy-typography-button-line-height);
+}
+
+:host([size="large"]) {
+  --toggle-button-font-size: calc(var(--joy-typography-button-font-size) + 2px);
+  --toggle-button-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
+  --toggle-button-padding-top: calc(var(--joy-layout-space) + 4px);
+  --toggle-button-padding-right: calc(var(--joy-layout-space) + 4px);
+  --toggle-button-padding-bottom: calc(var(--joy-layout-space) + 4px);
+  --toggle-button-padding-left: calc(var(--joy-layout-space) + 4px);
+}
+
+:host([size="giant"]) {
+  --toggle-button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
+  --toggle-button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
+  --toggle-button-padding-top: calc(var(--joy-layout-space) + 8px);
+  --toggle-button-padding-right: calc(var(--joy-layout-space) + 8px);
+  --toggle-button-padding-bottom: calc(var(--joy-layout-space) + 8px);
+  --toggle-button-padding-left: calc(var(--joy-layout-space) + 8px);
+}
+
     `;
 }
 //#endregion
@@ -33935,7 +34168,6 @@ function eE() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -103143,6 +103375,10 @@ function UU(e) {
             </slot>
         </div>
         <slot></slot>
+        <div part="summary"
+             ?hidden="${!CM(e, "has-summary", e.hasSlotContent("summary"))}">
+            <slot name="summary"></slot>
+        </div>
     `;
 }
 //#endregion
@@ -206552,6 +206788,7 @@ function TCe(e) {
                       ?alternating="${e.alternating}"
                       @columnsChanged="${e.onColumnsChanged}"
                       @tableChooseColumns="${() => e.openEditor()}">
+            <slot  name="caption" slot="caption"></slot>
             ${U(e.allColumnsHidden, () => V`
             <mosaik-banner part="banner"
                            slot="caption"
@@ -206611,6 +206848,7 @@ function TCe(e) {
                 </mosaik-table-body-row>
                 `)}
             </mosaik-table-body>
+            <slot name="summary" slot="summary"></slot>
         </mosaik-table>
         <mosaik-backdrop part="editor-panel-backdrop"
                          ?hidden="${!e.editorOpened}"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.233",
+    "version": "0.0.235",
     "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.233",
-        "@breadstone/mosaik-elements-foundation": "^0.0.233"
+        "@breadstone/mosaik-elements": "^0.0.235",
+        "@breadstone/mosaik-elements-foundation": "^0.0.235"
     },
     "exports": {
         ".": {