@lyeve-labs/ui-kit 0.39.0 → 0.39.1
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.
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* The id of the caption, for a group's `aria-labelledby`. Set only when
|
|
26
26
|
* the field is a `group` with a label.
|
|
27
27
|
*/
|
|
28
|
-
|
|
28
|
+
labeledBy: string | undefined;
|
|
29
29
|
}
|
|
30
30
|
</script>
|
|
31
31
|
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
* The control is a group, a `SegmentedControl`, `FilterChips` or a row of
|
|
50
50
|
* your own. A label's `for` reaches one form control and never a group, so
|
|
51
51
|
* the caption is drawn as text with an id instead, and the group takes its
|
|
52
|
-
* name from it through `
|
|
52
|
+
* name from it through `labeledBy`.
|
|
53
53
|
*/
|
|
54
54
|
group?: boolean;
|
|
55
55
|
hint?: string;
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
id: fieldId,
|
|
92
92
|
describedBy: describedBy(fieldId, error, hint),
|
|
93
93
|
invalid: !!error,
|
|
94
|
-
|
|
94
|
+
labeledBy: group && label ? `${fieldId}-label` : undefined,
|
|
95
95
|
});
|
|
96
96
|
</script>
|
|
97
97
|
|
|
@@ -24,7 +24,7 @@ export interface FieldWiring {
|
|
|
24
24
|
* The id of the caption, for a group's `aria-labelledby`. Set only when
|
|
25
25
|
* the field is a `group` with a label.
|
|
26
26
|
*/
|
|
27
|
-
|
|
27
|
+
labeledBy: string | undefined;
|
|
28
28
|
}
|
|
29
29
|
import type { Snippet } from 'svelte';
|
|
30
30
|
interface Props {
|
|
@@ -37,7 +37,7 @@ interface Props {
|
|
|
37
37
|
* The control is a group, a `SegmentedControl`, `FilterChips` or a row of
|
|
38
38
|
* your own. A label's `for` reaches one form control and never a group, so
|
|
39
39
|
* the caption is drawn as text with an id instead, and the group takes its
|
|
40
|
-
* name from it through `
|
|
40
|
+
* name from it through `labeledBy`.
|
|
41
41
|
*/
|
|
42
42
|
group?: boolean;
|
|
43
43
|
hint?: string;
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
* The id of a caption drawn outside the row, a `Field` one for instance.
|
|
69
69
|
* The group takes its name from it in place of `label`.
|
|
70
70
|
*/
|
|
71
|
-
|
|
71
|
+
labeledBy?: string;
|
|
72
72
|
/** Submits the value with the surrounding form, through a hidden input. */
|
|
73
73
|
name?: string;
|
|
74
74
|
size?: Size;
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
hint = undefined,
|
|
88
88
|
error = undefined,
|
|
89
89
|
describedBy: callerIds = undefined,
|
|
90
|
-
|
|
90
|
+
labeledBy = undefined,
|
|
91
91
|
name = undefined,
|
|
92
92
|
size = 'md',
|
|
93
93
|
disabled = false,
|
|
@@ -252,8 +252,8 @@
|
|
|
252
252
|
bind:this={rootEl}
|
|
253
253
|
{id}
|
|
254
254
|
role={linked ? 'group' : 'radiogroup'}
|
|
255
|
-
aria-label={
|
|
256
|
-
aria-labelledby={
|
|
255
|
+
aria-label={labeledBy ? undefined : label}
|
|
256
|
+
aria-labelledby={labeledBy}
|
|
257
257
|
aria-invalid={error && !linked ? 'true' : undefined}
|
|
258
258
|
aria-describedby={describedByIds}
|
|
259
259
|
onfocusout={linked ? onGroupFocusOut : undefined}
|
|
@@ -54,7 +54,7 @@ declare function $$render<T extends string>(): {
|
|
|
54
54
|
* The id of a caption drawn outside the row, a `Field` one for instance.
|
|
55
55
|
* The group takes its name from it in place of `label`.
|
|
56
56
|
*/
|
|
57
|
-
|
|
57
|
+
labeledBy?: string;
|
|
58
58
|
/** Submits the value with the surrounding form, through a hidden input. */
|
|
59
59
|
name?: string;
|
|
60
60
|
size?: "sm" | "md";
|
package/dist/index.d.ts
CHANGED
|
@@ -103,4 +103,4 @@ export { cn, type ClassValue } from './utils/cn.js';
|
|
|
103
103
|
export { getTheme, getThemePreference, nextThemePreference, resolveTheme, setTheme, setThemePreference, systemTheme, themeBootScript, watchThemePreference, toggleTheme, watchSystemTheme, THEME_PREFERENCES, type Theme, type ThemePreference, } from './utils/theme.js';
|
|
104
104
|
export * as motion from './motion.js';
|
|
105
105
|
export type { Rung as MotionRung, Curve as MotionCurve } from './motion.js';
|
|
106
|
-
export declare const VERSION = "0.39.
|
|
106
|
+
export declare const VERSION = "0.39.1";
|
package/dist/index.js
CHANGED
|
@@ -116,4 +116,4 @@ export * as motion from './motion.js';
|
|
|
116
116
|
// ── Version ────────────────────────────────────────────────────────────────
|
|
117
117
|
// Generated from package.json by `pnpm version:sync`. Bump package.json, never
|
|
118
118
|
// this line. The build and the test suite fail when the two disagree.
|
|
119
|
-
export const VERSION = '0.39.
|
|
119
|
+
export const VERSION = '0.39.1';
|
package/package.json
CHANGED