@synopackageland/ui 0.25.13 → 0.25.15

package/docs/adaptive-layout.md

@@ -318,6 +318,7 @@ const { state, width } = useAsidePreference('studio.aside', 'editor', { state: '
 - Focus moves to the composer's first field on open (not on touch, `initial-focus` changes it) and back to the rail button or the phone button on collapse.
 - Escape: docked and expanded leave it to the content (stop a reply). A floating panel with focus inside, or a sheet, collapses on Escape after any layer opened above it (a menu, a popover) has closed.
 - No transition runs before the first paint has settled. The state needs no `transitionend`: only a floating panel's exit waits for one, with the `normal` token as its deadline, and a new state change or reduced motion ends it at once.
+- Header: by default (`header-layout="stacked"`) the `tabs` slot sits above a row with the title and the actions. `header-layout="inline"` puts the tabs in that row instead, at its start, with the actions at its end, and hides the title visually: it stays an `h2` for screen readers and the panel's accessible name (on a phone, the sheet dialog's name). Without a `tabs` slot the title stays visible. The header carries `data-ui-aside-header-layout`.
 - Labels: "Open {name}", "Collapse {name}", "Expand {name}" and "Restore {name}" with the title, in the nine locales; `open-label`, `collapse-label`, `expand-label` and `restore-label` replace them. The app binds its shortcut and calls the exposed `toggle()`.
 - `useAsidePreference(key, scope, defaults)` keeps `{"v":1,"<scope>":{"state","width"}}` in localStorage, written on each change (the width only when a drag ends); other fields in a scope's entry are kept. `readAsidePreference` reads it synchronously for a pre-paint script.
 

package/docs/component-defaults.md

@@ -21,6 +21,8 @@ placeholders; all nine dictionaries contain the same keys and placeholders.
 | ToastProvider | Close action, Reka announcement prefix and viewport hotkey hint; new optional `announcementLabel`/`viewportLabel` overrides; existing forwarded `label` still overrides the viewport |
 | Spinner, LoadingIndicator, LoadingArea, LoadingMask | Accessible loading state |
 | RepeatRow, Tag | Remove action |
+| TagPicker, TagPickerList | Choose tags / Choose a tag / Add tag placeholders and name, tag search placeholder, create row, no-match and loading text, the max message, clear and remove actions |
+| ExpandAllButtons | Expand all / Collapse all tooltips and names |
 | CopyCutField | Copy/cut actions |
 | SplitButton, OverflowToolbar | More/options actions, including hidden measurement text |
 | Card, Breadcrumb | Content toggle and show-full-path controls |

package/docs/theme-hooks.md

@@ -63,6 +63,7 @@ own browser tab) may follow `prefers-color-scheme` (see [Dark theme](color-syste
 | `data-ui-aside-rail` / `data-ui-aside-open` | the 48px rail and its button | present |
 | `data-ui-aside-fab` | the phone button | present |
 | `data-ui-aside-collapse` / `data-ui-aside-expand` / `data-ui-aside-restore` | header buttons | present |
+| `data-ui-aside-header` | the panel's (or sheet's) header | `data-ui-aside-header-layout` is `stacked` or `inline` (the tabs share the actions' row; `inline` with no tabs reads `stacked`) |
 | `data-ui-aside-body` / `data-ui-aside-composer` | the thread scroller and the composer | present |
 | `data-ui-mobile-navigation` | the phone bar above the page | present |
 | `data-ui-mobile-menu` | the phone bar's menu (hamburger) button | present |
@@ -131,6 +132,9 @@ own browser tab) may follow `prefers-color-scheme` (see [Dark theme](color-syste
 | `data-ui-facet-panel` | `FacetPanel` (`data-presentation` `panel`, `sheet`) | present |
 | `data-ui-facet-group` (`data-key`), `-group-toggle`, `data-ui-facet-value` (`aria-pressed`), `data-ui-facet-count`, `data-ui-facet-panel-clear`, `-trigger`, `-count` | `FacetPanel` parts | present |
 | `data-ui-tag-editor` (`data-editing`), `-read`, `-field`, `-input`, `-list`, `-option` (`data-kind` `option`, `create`) | `TagEditor` parts | present |
+| `data-ui-tag-picker` (`data-ui-tag-picker-inline` for the inline variant), `-more`, `-add`, `-placeholder`, `-count` | `TagPicker` trigger and its parts | present |
+| `data-ui-tag-picker-list`, `-panel`, `-search`, `-status`, `-full`, `-clear`, `-options`, `-empty`, `data-ui-tag-option` (value), `data-ui-tag-create` (name) | `TagPickerList` (in the TagPicker dropdown or sheet, or on its own) | present |
+| `data-ui-expand-all` (buttons `data-action` `expand-all`, `collapse-all`) | `ExpandAllButtons` | present |
 | `data-ui-fieldset` | `Fieldset` | present |
 | `data-fieldset-description` | `Fieldset` description under the title | present |
 | `data-ui-form-group` | `FormGroup` (`data-disabled` while disabled) | present |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/ui",
-  "version": "0.25.13",
+  "version": "0.25.15",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",