@marianmeres/stuic 1.53.0 → 1.55.0
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/dist/components/Input/FieldRadios.svelte +5 -1
- package/dist/components/Input/FieldRadios.svelte.d.ts +1 -0
- package/dist/components/Input/FieldSelect.svelte +15 -12
- package/dist/components/Input/FieldSelect.svelte.d.ts +1 -1
- package/dist/components/Input/XFieldRadioInternal.svelte +1 -1
- package/package.json +1 -1
|
@@ -13,6 +13,10 @@ export let options = [];
|
|
|
13
13
|
let _class = {};
|
|
14
14
|
export { _class as class };
|
|
15
15
|
export let classBySize = {};
|
|
16
|
+
$:
|
|
17
|
+
if (typeof _class === "string") {
|
|
18
|
+
_class = { group: _class };
|
|
19
|
+
}
|
|
16
20
|
export let size = "md";
|
|
17
21
|
export let name = "";
|
|
18
22
|
export let value;
|
|
@@ -32,7 +36,7 @@ $:
|
|
|
32
36
|
</script>
|
|
33
37
|
|
|
34
38
|
{#if options.length}
|
|
35
|
-
<div class={twMerge(`
|
|
39
|
+
<div class={twMerge(`gap-y-2 grid ${_class.group || ''}`)}>
|
|
36
40
|
{#each _options as o, i}
|
|
37
41
|
<XFieldRadioInternal
|
|
38
42
|
bind:group={value}
|
|
@@ -30,7 +30,20 @@ const _PRESET = {
|
|
|
30
30
|
below: `mx-2 mt-1`,
|
|
31
31
|
asterix: `after:content-['*'] after:opacity-30 after:pl-1`
|
|
32
32
|
};
|
|
33
|
-
const _PRESET_BY_SIZE = {
|
|
33
|
+
const _PRESET_BY_SIZE = {
|
|
34
|
+
sm: {
|
|
35
|
+
label: "text-sm",
|
|
36
|
+
input: "text-sm placeholder:text-sm"
|
|
37
|
+
},
|
|
38
|
+
md: {
|
|
39
|
+
label: "text-base",
|
|
40
|
+
input: "text-base placeholder:text-base"
|
|
41
|
+
},
|
|
42
|
+
lg: {
|
|
43
|
+
label: "text-base font-bold",
|
|
44
|
+
input: "text-lg placeholder:text-lg"
|
|
45
|
+
}
|
|
46
|
+
};
|
|
34
47
|
export class FieldSelectConfig {
|
|
35
48
|
static class = {};
|
|
36
49
|
static classBySize = {};
|
|
@@ -38,20 +51,10 @@ export class FieldSelectConfig {
|
|
|
38
51
|
</script>
|
|
39
52
|
|
|
40
53
|
<script>const dispatch = createEventDispatcher();
|
|
41
|
-
const inputSizePreset = {
|
|
42
|
-
sm: "text-sm placeholder:text-sm",
|
|
43
|
-
md: "text-base placeholder:text-base",
|
|
44
|
-
lg: "text-lg placeholder:text-lg"
|
|
45
|
-
};
|
|
46
|
-
const labelSizePreset = {
|
|
47
|
-
sm: "text-sm",
|
|
48
|
-
md: "text-base",
|
|
49
|
-
lg: "text-base font-bold"
|
|
50
|
-
};
|
|
51
54
|
export let options = [];
|
|
52
55
|
let _class = {};
|
|
53
56
|
export { _class as class };
|
|
54
|
-
export let classBySize;
|
|
57
|
+
export let classBySize = {};
|
|
55
58
|
export let size = "md";
|
|
56
59
|
export let id = getId();
|
|
57
60
|
export let value;
|
|
@@ -27,7 +27,7 @@ declare const __propDef: {
|
|
|
27
27
|
value?: string | undefined;
|
|
28
28
|
})[] | undefined;
|
|
29
29
|
class?: FieldSelectConfigClasses | undefined;
|
|
30
|
-
classBySize
|
|
30
|
+
classBySize?: FieldSelectConfigClassesBySize | undefined;
|
|
31
31
|
size?: "sm" | "md" | "lg" | undefined;
|
|
32
32
|
id?: string | undefined;
|
|
33
33
|
value: any;
|