@synopackageland/ui 0.17.12 → 0.17.14

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## 0.17.14 (2026-10-30)
+
+- `SectionTabs keep-mounted` retains all supplied item panels with `v-show`, preserving component-local drafts across tab switches, with or without `fill`. Inactive panels are hidden; the default still unmounts them.
+- Make toolbar `SegmentControl` capsule-shaped with a primary-filled selected item, including hover and pressed states. Keep sheet tabs on their rule. Document `RadioGroup` as the default for 2–4 mutually exclusive settings; retain the distinct radio dot, checkbox tick and switch thumb.
+- Space direct sibling `SettingsSection`s inside `SettingsPage` by 24px without a consumer `Space` wrapper.
+- Use separate, zero-spacing DataGrid borders so resizable columns do not add a 1px horizontal overflow.
+- Regenerate runtime third-party notices, including Tiptap and its dependency graph; limit the inline-checkbox spacing regression test to checkbox-root rules.
+
+- `Switch` takes `description` or `#description`, below its label (`data-ui-switch-description`). In a form it shares Checkbox's separate 13px help line; disabled switches and groups dim it, and the track stays beside the label.
+- Fix `SettingsPage` in normal page flow reserving an unused 10px scrollbar gutter in its body, which made the footer background wider than the content. Reserve space only when the body needs a scrollbar; constrained pages still scroll only the body over the sticky footer.
+- Breaking: `Fieldset` is collapsible by default again, with a disclosure chevron and an initially expanded body. Use `:collapsible="false"` for a fixed section without a chevron. No compatibility parameter is provided. The chevron still points up when expanded and down when collapsed, and the DSM section styling is unchanged.
+
+## 0.17.13 (2026-10-30)
+
+Settings pages lay out as DSM's Control Panel, measured on a live DSM 7.3.2 (docs/dsm-native-metrics.md, Settings page), and every Callout can be closed. Breaking, with no compatibility layer: tables fill their container unless `:fill="false"`, `Callout`'s `closable` is gone (a close button is now the default; `:dismissible="false"` removes it), and `Fieldset` is no longer collapsible unless asked (`collapsible` adds the chevron back).
+
+- Add `SettingsPage`: a settings tab's sections in a scrolling body over a footer that stays at the bottom (`#footer`, Reset then Apply, right-aligned capsules over a divider, DSM's 48px). With a height to fill only the body scrolls; in a page's own flow (a phone) the footer sticks to the bottom of the viewport above the safe area.
+- `SectionTabs` takes `fill`: the strip stays at the top and the panel takes the rest of the height (`data-ui-section-tabs-fill`); without a height the strip sticks to the top. Tab labels are DSM's 12px bold (`--ui-font-size-tab`) and the first tab starts 8px in, level with a section title.
+- `Fieldset` draws DSM's section: a 15px regular blue title (`--ui-font-size-section`) over a dashed divider at 70% (`--ui-fieldset-divider`), title text and body 8px in (`--ui-fieldset-inset`, `data-fieldset-body`), 8px to the next section (`--ui-fieldset-gap`); the description is a 28px row across the whole width.
+- In a form, a `Checkbox` description is a 13px line of its own under the label (`data-ui-checkbox-description`), as DSM's help text under a checkbox. A horizontal `FormItem` label sits 4px from the row top, as DSM's.
+- A number `Input`'s unit stays right after the field however long the unit is.
+- `DataGrid` and `DataTable` take `fill` (default `true`): in a flex-column container they take the height left, keep the header row, scroll the rows inside, and a DataGrid's footer stays at the container's bottom, sticking above the safe area when the page scrolls (`data-fill`, `.ui-grid-footer-pinned`). `DataTable`'s header row now stays while its rows scroll. `:fill="false"` sizes a table to its rows, for a short table in a form or a dialog.
+- `Callout` is dismissible by default: a ✕ in the top-right corner in the tone, labelled "Close" and focusable (`data-ui-callout-close`). Closing hides it (it stays in the DOM, `hidden`) and emits `close`; it comes back when its tone, title, code or text changes, or its `dismissKey`. The JSON catalog's Callout takes `dismissible` and `dismissKey`.
+
 ## 0.17.12 (2026-10-30)
 
 - Upload callbacks can throw an error with `final: true` to fail immediately, disable manual retry and hide retry controls for permanent failures; other errors still retry twice by default.