@neovici/cosmoz-input 5.2.2 → 5.2.4
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/cosmoz-toggle.js +1 -0
- package/dist/styles.js +30 -11
- package/package.json +1 -1
package/dist/cosmoz-toggle.js
CHANGED
package/dist/styles.js
CHANGED
|
@@ -108,11 +108,16 @@ export const styles = css `
|
|
|
108
108
|
text-overflow: ellipsis;
|
|
109
109
|
text-transform: var(--cosmoz-input-label-text-transform);
|
|
110
110
|
font-weight: var(--cosmoz-input-label-font-weight);
|
|
111
|
+
user-select: none;
|
|
111
112
|
}
|
|
112
|
-
|
|
113
|
-
.wrap:has(#input:not(:placeholder-shown))
|
|
114
|
-
|
|
113
|
+
|
|
114
|
+
.wrap:has(#input:not(:placeholder-shown)) {
|
|
115
|
+
slot[name='suffix']::slotted(*),
|
|
116
|
+
slot[name='prefix']::slotted(*) {
|
|
117
|
+
transform: translateY(var(--label-translate-y));
|
|
118
|
+
}
|
|
115
119
|
}
|
|
120
|
+
|
|
116
121
|
:host([always-float-label]) label,
|
|
117
122
|
#input:not(:placeholder-shown) + label {
|
|
118
123
|
transform: translateY(
|
|
@@ -127,9 +132,11 @@ export const styles = css `
|
|
|
127
132
|
transform: translateY(var(--label-translate-y));
|
|
128
133
|
}
|
|
129
134
|
|
|
130
|
-
:host([always-float-label])
|
|
131
|
-
|
|
132
|
-
|
|
135
|
+
:host([always-float-label]) {
|
|
136
|
+
slot[name='suffix']::slotted(*),
|
|
137
|
+
slot[name='prefix']::slotted(*) {
|
|
138
|
+
transform: translateY(var(--label-translate-y));
|
|
139
|
+
}
|
|
133
140
|
}
|
|
134
141
|
|
|
135
142
|
:host(:not(always-float-label):focus-within) #input::placeholder,
|
|
@@ -138,12 +145,29 @@ export const styles = css `
|
|
|
138
145
|
opacity: 1;
|
|
139
146
|
}
|
|
140
147
|
|
|
148
|
+
:host([no-label-float]) {
|
|
149
|
+
.float,
|
|
150
|
+
label {
|
|
151
|
+
display: none;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
#input:not(:placeholder-shown) {
|
|
155
|
+
transform: translateY(0%);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.wrap:has(#input:not(:placeholder-shown)) slot[name='suffix']::slotted(*),
|
|
159
|
+
.wrap:has(#input:not(:placeholder-shown)) slot[name='prefix']::slotted(*) {
|
|
160
|
+
transform: translateY(0%);
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
141
164
|
.line {
|
|
142
165
|
padding-top: 1px;
|
|
143
166
|
border-bottom: 1px solid var(--line-color);
|
|
144
167
|
position: relative;
|
|
145
168
|
display: var(--cosmoz-input-line-display, block);
|
|
146
169
|
}
|
|
170
|
+
|
|
147
171
|
.line::before {
|
|
148
172
|
content: '';
|
|
149
173
|
position: absolute;
|
|
@@ -174,11 +198,6 @@ export const styles = css `
|
|
|
174
198
|
opacity: var(--disabled-line-opacity);
|
|
175
199
|
}
|
|
176
200
|
|
|
177
|
-
:host([no-label-float]) .float,
|
|
178
|
-
:host([no-label-float]) label {
|
|
179
|
-
display: none;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
201
|
.error {
|
|
183
202
|
font-size: 12px;
|
|
184
203
|
line-height: 20px;
|