@dorsk/tsumikit 0.37.1 → 0.37.3

package/README.md

@@ -183,7 +183,8 @@ drop target with `accepts`/`ondrop`/`dropHint` — keyboard alternative is the c
 `nowrap` / `hideBelow="sm|md|lg"` (container-query on the table's own box),
 `hideHeader` clips the header but keeps it for assistive tech, `rowTone(row)`
 paints a left accent bar + `data-tone`, `rowClass(row)`, `rowActions` snippet
-for a hover/focus-revealed trailing cell (always visible on touch),
+for a hover/focus-revealed trailing cell (always visible on touch; under
+`layout="fixed"` its column is `--dt-actions-w`, default 3.5rem),
 `stickyOffset` for the sticky header's `top`, `size="sm"`, `loading`,
 `onloadmore` footer button, `empty` as string or snippet; `data-part`
 hooks on head/row/cell; `responsive="stack"` turns rows into cards below

package/dist/components/molecules/Modal.svelte

@@ -206,6 +206,9 @@
 		align-items: flex-end;
 		justify-content: center;
 	}
+	.modal:not([open]) {
+		display: none;
+	}
 	.modal::backdrop {
 		background: rgba(0, 0, 0, 0.55);
 		/* animate the backdrop in (progressive enhancement) */

package/dist/components/molecules/RadioGroup.svelte

@@ -155,12 +155,13 @@
 		gap: var(--sp-1);
 	}
 	.row-wrap {
-		display: flex;
-		flex-direction: column;
+		min-width: 0;
 	}
 	.row {
+		width: 100%;
 		display: flex;
 		align-items: flex-start;
+		min-width: 0;
 		gap: var(--sp-2);
 		padding: var(--pad, var(--sp-2) var(--sp-3));
 		border: 1px solid var(--border);
@@ -179,6 +180,7 @@
 	}
 	.row .texts {
 		flex: 1 1 auto;
+		min-width: 0;
 	}
 	.label-line {
 		display: flex;

package/dist/components/organisms/DataTable.svelte

@@ -406,6 +406,10 @@
 		white-space: nowrap;
 		text-align: right;
 	}
+	.dt.fixed .dt-actions-head,
+	.dt.fixed .dt-actions {
+		width: var(--dt-actions-w, 3.5rem);
+	}
 	.dt-actions {
 		opacity: 0;
 		transition: opacity 0.12s var(--ease);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dorsk/tsumikit",
-  "version": "0.37.1",
+  "version": "0.37.3",
   "description": "Minimal, dependency-free Svelte 5 + pure-CSS UI kit. Token-driven atoms, molecules & layouts with theming out of the box.",
   "type": "module",
   "license": "MIT",