@synopackageland/ui 0.19.2 → 0.19.4

package/docs/app-local-modal.md

@@ -50,6 +50,10 @@ Dialog and Sheet forward cancellable `escapeKeyDown`, `pointerDownOutside`,
 <Dialog title="Settings" @escape-key-down="event => event.preventDefault()" />
 ```
 
+Local Escape routing runs after the focused control's keydown handler. An inline
+editor may call `preventDefault()` or `stopPropagation()` to cancel its edit first;
+the next unconsumed Escape closes the top layer.
+
 ### A window-like dialog
 
 DSM leaves the window behind a modal window readable: no dark mask, a soft

package/docs/theme-hooks.md

@@ -94,6 +94,10 @@ here stay implementation details and can change in any release.
 | `data-ui-badge-dot` | `Badge`'s leading dot | present |
 | `data-menu-description` | a `DropdownMenu` entry's second line | present |
 | `data-ui-segment-count` | a `SegmentItem`'s count pill | present |
+| `data-ui-segment-control` | `SegmentControl` | `segment`, `sheet` |
+| `data-ui-segment-moving` | `SegmentControl` while its selection slides (`.ui-segment-thumb` is shown, the new item's own fill waits) | present |
+| `data-ui-swap` | `MotionSwap` and `AppLayout`'s `main` | present |
+| `data-ui-swapped` | the same, after the first change: plays the rise-in | present |
 | `data-ui-list-item-title`, `-description`, `-meta`, `-actions`, `-leading` | `ListItem` parts | present |
 | `data-ui-statistic-label`, `-value`, `-note` | `Statistic` parts | present |
 | `data-ui-stat-tile` | `StatTile` (`data-tone`; a filter tile also `data-state` `on` / `off`) | present |
@@ -127,7 +131,7 @@ here stay implementation details and can change in any release.
 | `data-ui-rich-paragraph`, `-heading`, `-list`, `-quote`, `-code-block`, `-code`, `-link` | `RichTextView` blocks and inline parts | present |
 | `data-ui-rich-mention`, `data-ui-rich-image` | a mention (`data-inactive`) and an image (`data-state`) in a `RichTextView` | id |
 | `data-ui-file-thumbs`, `data-ui-file-thumb`, `-thumb-remove`, `-thumbs-more` | `FileThumbs` parts | present |
-| `data-ui-lightbox`, `-overlay`, `-name`, `-count`, `-download`, `-close`, `-stage`, `-image`, `-file`, `-processing`, `-previous`, `-next` | `ImageLightbox` parts | present |
+| `data-ui-lightbox`, `-overlay`, `-name`, `-count`, `-download`, `-rotate`, `-close`, `-stage`, `-image`, `-file`, `-processing`, `-previous`, `-next` | `ImageLightbox` parts | present |
 | `data-ui-upload-queue`, `-summary`, `-list`, `-task`, `-status`, `-retry`, `-cancel`, `-retry-all`, `-cancel-all`, `-fold`, `-close` | `UploadQueue` parts (a task has `data-status`) | present |
 | `data-ui-rich-editor` | `RichTextEditor` (`data-variant` `compact` / `full`, `data-over` past `maxlength`) | present |
 | `data-ui-rich-editor-content`, `data-ui-rich-toolbar`, `-more`, `-bubble`, `-format-row`, `-format-toggle`, `-link-row`, `-actions`, `-send`, `-count`, `-notes` | `RichTextEditor` parts | present |
@@ -174,15 +178,17 @@ settle from 97 %, menus, popovers and select lists drop 4px from their trigger,
 a notification slides 8px in, expandable bodies (`Card`, `SettingsSection`,
 `ExpandableItem`, `Callout` details, `TimelineRow`, `FacetPanel`, `Accordion`,
 `Fieldset`) open their height, a row the user just added fades in, and a tab
-panel switched to rises 4px. Only opacity, transforms and height through grid
+panel switched to rises 4px. The tab notch and `SegmentControl`'s selected
+fill slide to the new selection; content switched by a control (`MotionSwap`)
+and `AppLayout`'s page after navigation rise 4px like a tab panel. Only opacity, transforms and height through grid
 rows move. Exits are shorter than entrances and let clicks through at once.
 Nothing animates on first render, and a list's first data, a refresh or paging
 does not animate its rows.
 
 | Token | Value | Use |
 | --- | --- | --- |
-| `--ui-motion-fast` | 120ms | colour and state changes, menus opening, anything closing |
-| `--ui-motion-normal` | 180ms | dialogs opening, a new row, a tab panel, the loading mask |
+| `--ui-motion-fast` | 120ms | colour and state changes, the tab notch and segment fill sliding, menus opening, anything closing |
+| `--ui-motion-normal` | 180ms | dialogs opening, a new row, a tab panel, switched content and pages, the loading mask |
 | `--ui-motion-slow` | 240ms | height, notifications and toasts arriving, a sheet sliding in |
 | `--ui-motion-ease-out` | `cubic-bezier(0.22, 1, 0.36, 1)` | arriving |
 | `--ui-motion-ease-in` | `cubic-bezier(0.4, 0, 1, 1)` | leaving |

package/package.json

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