m3-svelte 4.6.4 → 4.6.5
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.
|
@@ -54,7 +54,9 @@
|
|
|
54
54
|
{disabled}
|
|
55
55
|
{required}
|
|
56
56
|
{...extra}
|
|
57
|
+
defaultValue={extra.defaultValue}
|
|
57
58
|
/>
|
|
59
|
+
<!-- TODO: once https://github.com/sveltejs/svelte/pull/16481 is finished, remove the defaultvalue thing -->
|
|
58
60
|
<label class="m3-font-body-large" for={id}>{label}</label>
|
|
59
61
|
<div class="layer"></div>
|
|
60
62
|
{#if leadingIcon}
|
|
@@ -86,7 +88,7 @@
|
|
|
86
88
|
height: 100%;
|
|
87
89
|
border: none;
|
|
88
90
|
outline: none;
|
|
89
|
-
padding: 1.
|
|
91
|
+
padding: 1.375rem 1rem 0.625rem 1rem;
|
|
90
92
|
border-radius: var(--m3-textfield-filled-shape) var(--m3-textfield-filled-shape) 0 0;
|
|
91
93
|
background-color: rgb(var(--m3-scheme-surface-container-highest));
|
|
92
94
|
color: rgb(var(--m3-scheme-on-surface));
|
|
@@ -106,7 +108,7 @@
|
|
|
106
108
|
color: rgb(var(--m3-scheme-on-surface) / 0.38);
|
|
107
109
|
}
|
|
108
110
|
&:is(input:focus ~ label, input:not(:placeholder-shown) ~ label) {
|
|
109
|
-
top: 0.
|
|
111
|
+
top: 0.625rem;
|
|
110
112
|
font-size: var(--m3-font-body-small-size, 0.75rem);
|
|
111
113
|
line-height: var(--m3-font-body-small-height, 1);
|
|
112
114
|
letter-spacing: var(--m3-font-body-small-tracking, 0.4);
|
|
@@ -47,7 +47,9 @@
|
|
|
47
47
|
{disabled}
|
|
48
48
|
{required}
|
|
49
49
|
{...extra}
|
|
50
|
+
defaultValue={extra.defaultValue}
|
|
50
51
|
></textarea>
|
|
52
|
+
<!-- TODO: once https://github.com/sveltejs/svelte/pull/16481 is finished, remove the defaultvalue thing -->
|
|
51
53
|
<label class="m3-font-body-large" for={id}>{label}</label>
|
|
52
54
|
<div class="layer"></div>
|
|
53
55
|
{#if leadingIcon}
|
|
@@ -73,7 +75,7 @@
|
|
|
73
75
|
height: 100%;
|
|
74
76
|
border: none;
|
|
75
77
|
outline: none;
|
|
76
|
-
padding: 1.
|
|
78
|
+
padding: 1.375rem 1rem 0.625rem 1rem;
|
|
77
79
|
border-radius: var(--m3-textfield-filled-shape) var(--m3-textfield-filled-shape) 0 0;
|
|
78
80
|
background-color: rgb(var(--m3-scheme-surface-container-highest));
|
|
79
81
|
color: rgb(var(--m3-scheme-on-surface));
|
|
@@ -54,7 +54,9 @@
|
|
|
54
54
|
{disabled}
|
|
55
55
|
{required}
|
|
56
56
|
{...extra}
|
|
57
|
+
defaultValue={extra.defaultValue}
|
|
57
58
|
/>
|
|
59
|
+
<!-- TODO: once https://github.com/sveltejs/svelte/pull/16481 is finished, remove the defaultvalue thing -->
|
|
58
60
|
<div class="layer"></div>
|
|
59
61
|
<label class="m3-font-body-large" for={id}>{label}</label>
|
|
60
62
|
{#if leadingIcon}
|
|
@@ -47,7 +47,9 @@
|
|
|
47
47
|
{disabled}
|
|
48
48
|
{required}
|
|
49
49
|
{...extra}
|
|
50
|
+
defaultValue={extra.defaultValue}
|
|
50
51
|
></textarea>
|
|
52
|
+
<!-- TODO: once https://github.com/sveltejs/svelte/pull/16481 is finished, remove the defaultvalue thing -->
|
|
51
53
|
<div class="layer"></div>
|
|
52
54
|
<label class="m3-font-body-large" for={id}>{label}</label>
|
|
53
55
|
{#if leadingIcon}
|