@synopackageland/ui 0.19.5 → 0.19.7
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 +8 -0
- package/dist/components/composite/callout/Callout.vue.d.ts +10 -6
- package/dist/components/composite/form/FormItem.vue.d.ts +2 -0
- package/dist/components/composite/table-cell/CellText.vue.d.ts +1 -1
- package/dist/components/feedback/info-tip/InfoTip.vue.d.ts +6 -0
- package/dist/index.js +2642 -2598
- package/dist/json-preview/preview.js +1271 -1227
- 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/callout.md +5 -3
- package/docs/layout-rules.md +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.19.7 (2026-11-03)
|
|
4
|
+
|
|
5
|
+
- Fix `Callout variant="hint"` with a `#details` slot showing its tone icon twice, before and after the text. It now shows the icon once, before the text, and the whole line is the tooltip's trigger: the details open as soon as the pointer is anywhere on the line, on focus (the line is a Tab stop) and on a tap, and a screen reader reads them as the line's description. `InfoTip` takes `wrap` to make its trigger wrap a `custom` slot instead of being a 16px icon button ([callout](docs/callout.md)).
|
|
6
|
+
|
|
7
|
+
## 0.19.6 (2026-11-03)
|
|
8
|
+
|
|
9
|
+
- New `FormItem inset` for a row with no label that belongs to the field above it (the consent that unlocks the button under it, a name conflict, the error a start came back with): it starts on the value column with the fields, `FormActions inset` and `FormNote inset`, and returns to the edge when the form stacks its labels. Inside a `FormGroup` it gives up the group's indent, so it still lands on the form's column. `data-inset` marks the row ([layout rules](docs/layout-rules.md)).
|
|
10
|
+
|
|
3
11
|
## 0.19.5 (2026-11-03)
|
|
4
12
|
|
|
5
13
|
- Fix fullscreen `Dialog` height in an app-local root: the local and floating height caps no longer shorten a fullscreen panel by 24px. `fullscreen="mobile"` keeps the usual caps above the phone breakpoint.
|
|
@@ -29,17 +29,21 @@ type __VLS_ModelProps = {
|
|
|
29
29
|
'expanded'?: boolean;
|
|
30
30
|
};
|
|
31
31
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
32
|
-
declare var
|
|
32
|
+
declare var __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_24: {}, __VLS_31: {}, __VLS_44: {}, __VLS_46: {};
|
|
33
33
|
type __VLS_Slots = {} & {
|
|
34
|
-
default?: (props: typeof
|
|
34
|
+
default?: (props: typeof __VLS_13) => any;
|
|
35
35
|
} & {
|
|
36
|
-
details?: (props: typeof
|
|
36
|
+
details?: (props: typeof __VLS_15) => any;
|
|
37
37
|
} & {
|
|
38
|
-
|
|
38
|
+
details?: (props: typeof __VLS_17) => any;
|
|
39
39
|
} & {
|
|
40
|
-
|
|
40
|
+
default?: (props: typeof __VLS_24) => any;
|
|
41
41
|
} & {
|
|
42
|
-
|
|
42
|
+
default?: (props: typeof __VLS_31) => any;
|
|
43
|
+
} & {
|
|
44
|
+
details?: (props: typeof __VLS_44) => any;
|
|
45
|
+
} & {
|
|
46
|
+
actions?: (props: typeof __VLS_46) => any;
|
|
43
47
|
};
|
|
44
48
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
45
49
|
close: () => any;
|
|
@@ -44,6 +44,8 @@ type __VLS_Props = {
|
|
|
44
44
|
textOnly?: boolean;
|
|
45
45
|
/** Indentation level (multiples of 28px) or any CSS length. */
|
|
46
46
|
indent?: string | number;
|
|
47
|
+
/** A label-less row that belongs to the fields above (a consent, a note) starts on the value column, as `FormActions inset` does; a stacked form has no column to step past. */
|
|
48
|
+
inset?: boolean;
|
|
47
49
|
/** Auto follows the available width; explicit directions override the enclosing form. */
|
|
48
50
|
direction?: FormDirection;
|
|
49
51
|
/** Width of the label column in the horizontal layout. */
|
|
@@ -25,9 +25,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
25
25
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
26
26
|
onOpen?: (() => any) | undefined;
|
|
27
27
|
}>, {
|
|
28
|
+
wrap: boolean;
|
|
28
29
|
layout: "stacked" | "inline";
|
|
29
30
|
openDisabled: boolean;
|
|
30
|
-
wrap: boolean;
|
|
31
31
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
32
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
33
33
|
declare const _default: typeof __VLS_export;
|
|
@@ -17,6 +17,12 @@ type __VLS_Props = {
|
|
|
17
17
|
align?: 'start' | 'center' | 'end';
|
|
18
18
|
/** `info` shows an "i" in place of the question mark, for notes rather than help. */
|
|
19
19
|
icon?: 'help' | 'info';
|
|
20
|
+
/**
|
|
21
|
+
* Makes the trigger wrap the `custom` slot instead of being a 16px icon button: it takes the
|
|
22
|
+
* slot's size and the surrounding text colour, and gets no accessible label unless `ariaLabel`
|
|
23
|
+
* is given (its content names it). For a line that is itself the tooltip's target.
|
|
24
|
+
*/
|
|
25
|
+
wrap?: boolean;
|
|
20
26
|
/** Optional portal container factory, as in SVC's `tipContainer`. */
|
|
21
27
|
tipContainer?: () => HTMLElement | null | undefined;
|
|
22
28
|
};
|