@sierra-95/svelte-scaffold 1.0.52 → 1.0.53
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/Core/components/Form/Input/input/input.svelte +2 -1
- package/dist/Core/components/Form/Input/input/input.svelte.d.ts +1 -0
- package/dist/Core/components/Form/Input/password/password.svelte +2 -1
- package/dist/Core/components/Form/Input/password/password.svelte.d.ts +1 -0
- package/dist/Core/components/Form/Input/select/select.svelte +7 -2
- package/dist/Core/components/Form/Input/select/select.svelte.d.ts +4 -0
- package/package.json +1 -1
|
@@ -10,9 +10,10 @@
|
|
|
10
10
|
export let background: string = 'transparent';
|
|
11
11
|
export let width: string = '100%';
|
|
12
12
|
export let maxWidth: string = '';
|
|
13
|
+
export let textColor: string = 'inherit';
|
|
13
14
|
</script>
|
|
14
15
|
|
|
15
|
-
<label class="sierra-input" style="width: {width}; max-width: {maxWidth};" for={id}>{label}
|
|
16
|
+
<label class="sierra-input" style="width: {width}; max-width: {maxWidth}; color: {textColor}" for={id}>{label}
|
|
16
17
|
<input
|
|
17
18
|
id={id}
|
|
18
19
|
name={id}
|
|
@@ -9,11 +9,12 @@
|
|
|
9
9
|
export let background: string = 'transparent';
|
|
10
10
|
export let width: string = '100%';
|
|
11
11
|
export let maxWidth: string = '';
|
|
12
|
+
export let textColor: string = 'inherit';
|
|
12
13
|
|
|
13
14
|
let show: boolean = false;
|
|
14
15
|
</script>
|
|
15
16
|
|
|
16
|
-
<label class="sierra-input" style="width: {width}; max-width: {maxWidth};" for={id}>{label}
|
|
17
|
+
<label class="sierra-input" style="width: {width}; max-width: {maxWidth}; color: {textColor}" for={id}>{label}
|
|
17
18
|
<div style="position: relative;">
|
|
18
19
|
<input
|
|
19
20
|
type={show ? "text" : "password"}
|
|
@@ -6,14 +6,19 @@
|
|
|
6
6
|
export let background: string ='transparent';
|
|
7
7
|
export let width: string = '100%';
|
|
8
8
|
export let maxWidth: string = '';
|
|
9
|
+
export let height: string = '100%';
|
|
10
|
+
export let textColor: string = 'inherit';
|
|
11
|
+
export let optionsColor: string = 'inherit';
|
|
12
|
+
export let optionsBackground: string = 'white';
|
|
9
13
|
</script>
|
|
10
14
|
|
|
11
|
-
<label class="sierra-input" style="width: {width}; max-width: {maxWidth};" for={id}>{label}
|
|
12
|
-
<select bind:value={value} id={id} required style="background-color: {background};">
|
|
15
|
+
<label class="sierra-input" style="width: {width}; max-width: {maxWidth}; color: {textColor}" for={id}>{label}
|
|
16
|
+
<select bind:value={value} id={id} required style="background-color: {background}; height: {height}">
|
|
13
17
|
{#each options as option}
|
|
14
18
|
<option
|
|
15
19
|
value={option.value}
|
|
16
20
|
disabled={option.disabled}
|
|
21
|
+
style="color: {optionsColor}; background-color: {optionsBackground};"
|
|
17
22
|
>{option.label}
|
|
18
23
|
</option>
|
|
19
24
|
{/each}
|
|
@@ -23,6 +23,10 @@ declare const Select: $$__sveltets_2_IsomorphicComponent<{
|
|
|
23
23
|
background?: string;
|
|
24
24
|
width?: string;
|
|
25
25
|
maxWidth?: string;
|
|
26
|
+
height?: string;
|
|
27
|
+
textColor?: string;
|
|
28
|
+
optionsColor?: string;
|
|
29
|
+
optionsBackground?: string;
|
|
26
30
|
}, {
|
|
27
31
|
[evt: string]: CustomEvent<any>;
|
|
28
32
|
}, {}, {}, string>;
|