@synopackageland/ui 0.25.13 → 0.25.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/components/app/aside-panel/AsidePanel.vue.d.ts +9 -1
- package/dist/index.js +5206 -5198
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/adaptive-layout.md +1 -0
- package/docs/theme-hooks.md +1 -0
- package/package.json +97 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
## 0.25.14 (2026-11-13)
|
|
6
|
+
|
|
7
|
+
### Aside panel
|
|
8
|
+
|
|
9
|
+
- **`AsidePanel header-layout="inline"`: tabs in the header row.** The `tabs` slot moves into the row with the header actions (tabs at the start, expand and collapse at the end), and the title is hidden visually while it stays the panel's accessible name and an `h2` for screen readers; on a phone the tabs share the sheet's header row. Without a `tabs` slot the title stays visible. The default, `stacked`, is unchanged. The header carries `data-ui-aside-header-layout`
|
|
10
|
+
|
|
5
11
|
## 0.25.13 (2026-11-13)
|
|
6
12
|
|
|
7
13
|
### Lists
|
|
@@ -9,6 +9,13 @@ type __VLS_Props = {
|
|
|
9
9
|
unread?: boolean;
|
|
10
10
|
/** The phone button that opens the sheet; without it the app opens the sheet itself. */
|
|
11
11
|
fab?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* `stacked`: the tabs sit above a row with the title and the actions.
|
|
14
|
+
* `inline`: the tabs take the title's place in the actions' row and the
|
|
15
|
+
* title is kept for assistive technology only (it stays the panel's
|
|
16
|
+
* accessible name). Without a `tabs` slot the title stays visible.
|
|
17
|
+
*/
|
|
18
|
+
headerLayout?: 'stacked' | 'inline';
|
|
12
19
|
/** Offers `expanded` (the panel takes the content area). */
|
|
13
20
|
expandable?: boolean;
|
|
14
21
|
/** Where focus goes when the panel opens: `field` (the first field in the composer or body, not on touch), the `panel`, or `none`. */
|
|
@@ -28,7 +35,7 @@ type SlotProps = {
|
|
|
28
35
|
restore: () => void;
|
|
29
36
|
};
|
|
30
37
|
type __VLS_Slots = {
|
|
31
|
-
/** Surface tabs above the header row (a SegmentControl size="sm"); shown only when given. */
|
|
38
|
+
/** Surface tabs above the header row, or in it with `header-layout="inline"` (a SegmentControl size="sm"); shown only when given. */
|
|
32
39
|
tabs?: (props: SlotProps) => unknown;
|
|
33
40
|
/** Extra header actions before expand and collapse (a ⋯ menu). */
|
|
34
41
|
actions?: (props: SlotProps) => unknown;
|
|
@@ -58,6 +65,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
|
58
65
|
shortcut: string;
|
|
59
66
|
expandable: boolean;
|
|
60
67
|
unread: boolean;
|
|
68
|
+
headerLayout: "stacked" | "inline";
|
|
61
69
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
62
70
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
63
71
|
declare const _default: typeof __VLS_export;
|