@functionalcms/svelte-components 4.10.3 → 4.10.6
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.
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
disabledOptions: string[];
|
|
13
13
|
checkedOptions: string[];
|
|
14
14
|
type: ChoiceInputType;
|
|
15
|
-
|
|
15
|
+
label: string;
|
|
16
16
|
size: ChoiceInputSize;
|
|
17
17
|
checked: string[];
|
|
18
18
|
}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
// in, it will fallback to the type prop or string choice input. Some content must be
|
|
33
33
|
// within the <legenc>CONTENT</legend> element to meet accessibility requirements
|
|
34
34
|
type = 'checkbox',
|
|
35
|
-
|
|
35
|
+
label = type || 'choice input',
|
|
36
36
|
size = '',
|
|
37
37
|
// Provides bind:checked capabilities that consumer can use
|
|
38
38
|
checked = [],
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
</script>
|
|
98
98
|
|
|
99
99
|
<fieldset class={fieldsetClasses}>
|
|
100
|
-
<legend class={legendClasses}>{
|
|
100
|
+
<legend class={legendClasses}>{label}</legend>
|
|
101
101
|
{#each options as { name, value, label }, index}
|
|
102
102
|
<label
|
|
103
103
|
class={labelClasses}
|
|
@@ -9,7 +9,7 @@ declare const ChoiceInput: import("svelte").Component<Partial<{
|
|
|
9
9
|
disabledOptions: string[];
|
|
10
10
|
checkedOptions: string[];
|
|
11
11
|
type: ChoiceInputType;
|
|
12
|
-
|
|
12
|
+
label: string;
|
|
13
13
|
size: ChoiceInputSize;
|
|
14
14
|
checked: string[];
|
|
15
15
|
} & HtmlParts>, {}, "">;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { cn } from "../../utils.js";
|
|
3
3
|
|
|
4
4
|
interface Props {
|
|
5
|
-
|
|
5
|
+
id: string;
|
|
6
6
|
name: string;
|
|
7
7
|
labelCopy: string;
|
|
8
8
|
options: Array<{ value: string; label: string }>;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
let {
|
|
22
|
-
|
|
22
|
+
id = '',
|
|
23
23
|
name = '',
|
|
24
24
|
labelCopy = '',
|
|
25
25
|
options = [],
|
|
@@ -48,10 +48,10 @@
|
|
|
48
48
|
css ? `${css}` : ''));
|
|
49
49
|
</script>
|
|
50
50
|
|
|
51
|
-
<label class="screenreader-only" for={
|
|
51
|
+
<label class="screenreader-only" for={id}> {labelCopy} </label>
|
|
52
52
|
{#if isMultiple}
|
|
53
53
|
<select
|
|
54
|
-
id={
|
|
54
|
+
id={id}
|
|
55
55
|
class={classes}
|
|
56
56
|
{name}
|
|
57
57
|
disabled={disable}
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
</select>
|
|
67
67
|
{:else}
|
|
68
68
|
<select
|
|
69
|
-
id={
|
|
69
|
+
id={id}
|
|
70
70
|
class={classes}
|
|
71
71
|
{name}
|
|
72
72
|
disabled={disable}
|