@neovici/cosmoz-input 5.0.0 → 5.0.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.
- package/dist/styles.js +9 -1
- package/package.json +1 -1
package/dist/styles.js
CHANGED
|
@@ -109,7 +109,10 @@ export const styles = css `
|
|
|
109
109
|
text-transform: var(--cosmoz-input-label-text-transform);
|
|
110
110
|
font-weight: var(--cosmoz-input-label-font-weight);
|
|
111
111
|
}
|
|
112
|
-
|
|
112
|
+
.wrap:has(#input:not(:placeholder-shown)) slot[name='suffix']::slotted(*),
|
|
113
|
+
.wrap:has(#input:not(:placeholder-shown)) slot[name='prefix']::slotted(*) {
|
|
114
|
+
transform: translateY(var(--label-translate-y));
|
|
115
|
+
}
|
|
113
116
|
:host([always-float-label]) label,
|
|
114
117
|
#input:not(:placeholder-shown) + label {
|
|
115
118
|
transform: translateY(
|
|
@@ -124,6 +127,11 @@ export const styles = css `
|
|
|
124
127
|
transform: translateY(var(--label-translate-y));
|
|
125
128
|
}
|
|
126
129
|
|
|
130
|
+
:host([always-float-label]) slot[name='suffix']::slotted(*),
|
|
131
|
+
:host([always-float-label]) slot[name='prefix']::slotted(*) {
|
|
132
|
+
transform: translateY(var(--label-translate-y));
|
|
133
|
+
}
|
|
134
|
+
|
|
127
135
|
:host(:not(always-float-label):focus-within) #input::placeholder,
|
|
128
136
|
:host(:focus-within) label {
|
|
129
137
|
color: var(--focused-color);
|