@syncfusion/ej2-inputs 20.2.48 → 20.3.47
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/CHANGELOG.md +0 -6
- package/dist/ej2-inputs.min.js +10 -0
- package/dist/ej2-inputs.umd.min.js +2 -2
- package/dist/ej2-inputs.umd.min.js.map +1 -1
- package/dist/es6/ej2-inputs.es2015.js +77 -45
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +77 -45
- package/dist/es6/ej2-inputs.es5.js.map +1 -1
- package/dist/global/ej2-inputs.min.js +2 -2
- package/dist/global/ej2-inputs.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -10
- package/src/color-picker/color-picker.js +3 -3
- package/src/common/signature-base.d.ts +77 -1
- package/src/common/signature-base.js +41 -8
- package/src/input/input.d.ts +11 -11
- package/src/input/input.js +19 -19
- package/src/maskedtextbox/base/mask-base.js +2 -3
- package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +1 -3
- package/src/numerictextbox/numerictextbox.js +10 -8
- package/src/textbox/textbox.js +1 -1
- package/styles/bootstrap-dark.css +31 -13
- package/styles/bootstrap.css +31 -13
- package/styles/bootstrap4.css +31 -13
- package/styles/bootstrap5-dark.css +32 -13
- package/styles/bootstrap5.css +32 -13
- package/styles/color-picker/_all.scss +1 -1
- package/styles/color-picker/_bootstrap-dark-definition.scss +2 -1
- package/styles/color-picker/_bootstrap5-definition.scss +0 -1
- package/styles/color-picker/_fabric-dark-definition.scss +2 -1
- package/styles/color-picker/_fluent-definition.scss +0 -1
- package/styles/color-picker/_fusionnew-definition.scss +0 -1
- package/styles/color-picker/_highcontrast-light-definition.scss +2 -1
- package/styles/color-picker/_layout.scss +2 -3
- package/styles/color-picker/_material-dark-definition.scss +2 -1
- package/styles/color-picker/_material3-definition.scss +0 -1
- package/styles/color-picker/_theme.scss +3 -3
- package/styles/color-picker/bootstrap-dark.css +2 -0
- package/styles/color-picker/bootstrap.css +2 -0
- package/styles/color-picker/bootstrap4.css +2 -0
- package/styles/color-picker/bootstrap5-dark.css +3 -0
- package/styles/color-picker/bootstrap5.css +3 -0
- package/styles/color-picker/fabric-dark.css +2 -0
- package/styles/color-picker/fabric.css +2 -0
- package/styles/color-picker/fluent-dark.css +3 -0
- package/styles/color-picker/fluent.css +3 -0
- package/styles/color-picker/highcontrast-light.css +2 -0
- package/styles/color-picker/highcontrast.css +2 -0
- package/styles/color-picker/icons/_bootstrap4.scss +1 -2
- package/styles/color-picker/icons/_bootstrap5.scss +1 -2
- package/styles/color-picker/icons/_fabric-dark.scss +2 -3
- package/styles/color-picker/icons/_fluent.scss +1 -2
- package/styles/color-picker/icons/_fusionnew.scss +1 -2
- package/styles/color-picker/icons/_material3.scss +1 -2
- package/styles/color-picker/icons/_tailwind-dark.scss +1 -2
- package/styles/color-picker/icons/_tailwind.scss +1 -2
- package/styles/color-picker/material-dark.css +2 -0
- package/styles/color-picker/material.css +2 -0
- package/styles/color-picker/tailwind-dark.css +3 -0
- package/styles/color-picker/tailwind.css +3 -0
- package/styles/fabric-dark.css +31 -13
- package/styles/fabric.css +31 -13
- package/styles/fluent-dark.css +32 -13
- package/styles/fluent.css +32 -13
- package/styles/highcontrast-light.css +31 -13
- package/styles/highcontrast.css +31 -13
- package/styles/input/_all.scss +1 -1
- package/styles/input/_bootstrap-dark-definition.scss +19 -1
- package/styles/input/_bootstrap-definition.scss +18 -2
- package/styles/input/_bootstrap4-definition.scss +17 -1
- package/styles/input/_bootstrap5-definition.scss +17 -2
- package/styles/input/_definition.scss +16 -1
- package/styles/input/_fabric-dark-definition.scss +16 -2
- package/styles/input/_fabric-definition.scss +15 -1
- package/styles/input/_fluent-definition.scss +19 -4
- package/styles/input/_fusionnew-definition.scss +17 -2
- package/styles/input/_highcontrast-definition.scss +17 -1
- package/styles/input/_highcontrast-light-definition.scss +18 -2
- package/styles/input/_layout.scss +313 -351
- package/styles/input/_material-dark-definition.scss +24 -7
- package/styles/input/_material-definition.scss +23 -7
- package/styles/input/_material3-definition.scss +17 -2
- package/styles/input/_responsive.scss +1 -1
- package/styles/input/_tailwind-definition.scss +17 -1
- package/styles/input/_theme.scss +248 -256
- package/styles/input/bootstrap-dark.css +22 -14
- package/styles/input/bootstrap.css +22 -14
- package/styles/input/bootstrap4.css +22 -14
- package/styles/input/bootstrap5-dark.css +22 -14
- package/styles/input/bootstrap5.css +22 -14
- package/styles/input/fabric-dark.css +22 -14
- package/styles/input/fabric.css +22 -14
- package/styles/input/fluent-dark.css +22 -14
- package/styles/input/fluent.css +22 -14
- package/styles/input/highcontrast-light.css +22 -14
- package/styles/input/highcontrast.css +22 -14
- package/styles/input/material-dark.css +26 -18
- package/styles/input/material.css +26 -18
- package/styles/input/tailwind-dark.css +22 -14
- package/styles/input/tailwind.css +22 -14
- package/styles/maskedtextbox/_all.scss +1 -1
- package/styles/maskedtextbox/_bootstrap-dark-definition.scss +2 -1
- package/styles/maskedtextbox/_bootstrap-definition.scss +0 -1
- package/styles/maskedtextbox/_bootstrap4-definition.scss +0 -1
- package/styles/maskedtextbox/_fabric-dark-definition.scss +1 -0
- package/styles/maskedtextbox/_highcontrast-light-definition.scss +1 -0
- package/styles/maskedtextbox/_layout.scss +7 -6
- package/styles/maskedtextbox/_material-dark-definition.scss +1 -0
- package/styles/maskedtextbox/_theme.scss +4 -3
- package/styles/maskedtextbox/bootstrap-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap.css +1 -0
- package/styles/maskedtextbox/bootstrap4.css +1 -0
- package/styles/maskedtextbox/bootstrap5-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap5.css +1 -0
- package/styles/maskedtextbox/fabric-dark.css +1 -0
- package/styles/maskedtextbox/fabric.css +1 -0
- package/styles/maskedtextbox/fluent-dark.css +1 -0
- package/styles/maskedtextbox/fluent.css +1 -0
- package/styles/maskedtextbox/highcontrast-light.css +1 -0
- package/styles/maskedtextbox/highcontrast.css +1 -0
- package/styles/maskedtextbox/material-dark.css +1 -0
- package/styles/maskedtextbox/material.css +1 -0
- package/styles/maskedtextbox/tailwind-dark.css +1 -0
- package/styles/maskedtextbox/tailwind.css +1 -0
- package/styles/material-dark.css +50 -18
- package/styles/material.css +50 -18
- package/styles/numerictextbox/_all.scss +1 -1
- package/styles/numerictextbox/_bootstrap-dark-definition.scss +2 -1
- package/styles/numerictextbox/_fabric-dark-definition.scss +2 -1
- package/styles/numerictextbox/_highcontrast-light-definition.scss +2 -1
- package/styles/numerictextbox/_material-dark-definition.scss +2 -1
- package/styles/numerictextbox/bootstrap-dark.css +1 -0
- package/styles/numerictextbox/bootstrap.css +1 -0
- package/styles/numerictextbox/bootstrap4.css +1 -0
- package/styles/numerictextbox/bootstrap5-dark.css +1 -0
- package/styles/numerictextbox/bootstrap5.css +1 -0
- package/styles/numerictextbox/fabric-dark.css +1 -0
- package/styles/numerictextbox/fabric.css +1 -0
- package/styles/numerictextbox/fluent-dark.css +1 -0
- package/styles/numerictextbox/fluent.css +1 -0
- package/styles/numerictextbox/highcontrast-light.css +1 -0
- package/styles/numerictextbox/highcontrast.css +1 -0
- package/styles/numerictextbox/icons/_bootstrap5.scss +0 -1
- package/styles/numerictextbox/icons/_fluent.scss +0 -1
- package/styles/numerictextbox/icons/_fusionnew.scss +0 -1
- package/styles/numerictextbox/icons/_material3.scss +0 -1
- package/styles/numerictextbox/icons/_tailwind.scss +0 -1
- package/styles/numerictextbox/material-dark.css +1 -0
- package/styles/numerictextbox/material.css +1 -0
- package/styles/numerictextbox/tailwind-dark.css +1 -0
- package/styles/numerictextbox/tailwind.css +1 -0
- package/styles/signature/_all.scss +1 -1
- package/styles/slider/_all.scss +1 -1
- package/styles/slider/_bootstrap-dark-definition.scss +1 -0
- package/styles/slider/_fabric-dark-definition.scss +1 -0
- package/styles/slider/_highcontrast-light-definition.scss +1 -0
- package/styles/slider/_icons.scss +1 -0
- package/styles/slider/_layout.scss +23 -26
- package/styles/slider/_material-dark-definition.scss +1 -0
- package/styles/slider/_theme.scss +2 -1
- package/styles/slider/bootstrap-dark.css +4 -0
- package/styles/slider/bootstrap.css +4 -0
- package/styles/slider/bootstrap4.css +4 -0
- package/styles/slider/bootstrap5-dark.css +4 -0
- package/styles/slider/bootstrap5.css +4 -0
- package/styles/slider/fabric-dark.css +4 -0
- package/styles/slider/fabric.css +4 -0
- package/styles/slider/fluent-dark.css +4 -0
- package/styles/slider/fluent.css +4 -0
- package/styles/slider/highcontrast-light.css +4 -0
- package/styles/slider/highcontrast.css +4 -0
- package/styles/slider/material-dark.css +19 -1
- package/styles/slider/material.css +19 -1
- package/styles/slider/tailwind-dark.css +4 -0
- package/styles/slider/tailwind.css +4 -0
- package/styles/tailwind-dark.css +33 -13
- package/styles/tailwind.css +33 -13
- package/styles/textbox/_all.scss +1 -1
- package/styles/textbox/_bootstrap-dark-definition.scss +1 -1
- package/styles/textbox/_bootstrap-definition.scss +1 -1
- package/styles/textbox/_bootstrap4-definition.scss +1 -1
- package/styles/textbox/_bootstrap5-definition.scss +1 -0
- package/styles/textbox/_fabric-dark-definition.scss +1 -1
- package/styles/textbox/_fabric-definition.scss +1 -1
- package/styles/textbox/_fluent-definition.scss +1 -0
- package/styles/textbox/_fusionnew-definition.scss +1 -0
- package/styles/textbox/_highcontrast-definition.scss +1 -1
- package/styles/textbox/_highcontrast-light-definition.scss +1 -1
- package/styles/textbox/_material-dark-definition.scss +1 -1
- package/styles/textbox/_material-definition.scss +1 -1
- package/styles/textbox/_material3-definition.scss +1 -0
- package/styles/textbox/_tailwind-definition.scss +1 -0
- package/styles/textbox/_theme.scss +1 -0
- package/styles/textbox/bootstrap-dark.css +2 -0
- package/styles/textbox/bootstrap.css +2 -0
- package/styles/textbox/bootstrap4.css +2 -0
- package/styles/textbox/bootstrap5-dark.css +2 -0
- package/styles/textbox/bootstrap5.css +2 -0
- package/styles/textbox/fabric-dark.css +2 -0
- package/styles/textbox/fabric.css +2 -0
- package/styles/textbox/fluent-dark.css +2 -0
- package/styles/textbox/fluent.css +2 -0
- package/styles/textbox/highcontrast-light.css +2 -0
- package/styles/textbox/highcontrast.css +2 -0
- package/styles/textbox/material-dark.css +3 -1
- package/styles/textbox/material.css +3 -1
- package/styles/textbox/tailwind-dark.css +3 -1
- package/styles/textbox/tailwind.css +3 -1
- package/styles/uploader/_all.scss +1 -1
- package/styles/uploader/_bootstrap-dark-definition.scss +3 -1
- package/styles/uploader/_bootstrap-definition.scss +2 -1
- package/styles/uploader/_bootstrap4-definition.scss +2 -1
- package/styles/uploader/_bootstrap5-definition.scss +1 -1
- package/styles/uploader/_fabric-dark-definition.scss +3 -1
- package/styles/uploader/_fabric-definition.scss +2 -0
- package/styles/uploader/_fluent-definition.scss +1 -1
- package/styles/uploader/_fusionnew-definition.scss +1 -1
- package/styles/uploader/_highcontrast-definition.scss +2 -0
- package/styles/uploader/_highcontrast-light-definition.scss +5 -2
- package/styles/uploader/_layout.scss +2 -3
- package/styles/uploader/_material-dark-definition.scss +4 -1
- package/styles/uploader/_material-definition.scss +1 -0
- package/styles/uploader/_material3-definition.scss +1 -1
- package/styles/uploader/_tailwind-definition.scss +2 -1
- package/styles/uploader/_theme.scss +2 -5
- package/styles/uploader/bootstrap-dark.css +1 -0
- package/styles/uploader/bootstrap.css +1 -0
- package/styles/uploader/bootstrap4.css +1 -0
- package/styles/uploader/bootstrap5-dark.css +1 -0
- package/styles/uploader/bootstrap5.css +1 -0
- package/styles/uploader/fabric-dark.css +1 -0
- package/styles/uploader/fabric.css +1 -0
- package/styles/uploader/fluent-dark.css +1 -0
- package/styles/uploader/fluent.css +1 -0
- package/styles/uploader/highcontrast-light.css +1 -0
- package/styles/uploader/highcontrast.css +1 -0
- package/styles/uploader/material-dark.css +1 -0
- package/styles/uploader/material.css +1 -0
- package/styles/uploader/tailwind-dark.css +2 -0
- package/styles/uploader/tailwind.css +2 -0
|
@@ -224,17 +224,20 @@ $float-label-rtl-value: -7px !default;
|
|
|
224
224
|
@mixin input-sizing {
|
|
225
225
|
box-sizing: border-box;
|
|
226
226
|
}
|
|
227
|
+
|
|
227
228
|
@mixin input-height ($height) {
|
|
228
229
|
height: $height;
|
|
229
230
|
}
|
|
231
|
+
|
|
230
232
|
@mixin input-state-color ($color) {
|
|
231
233
|
border-color: $color;
|
|
232
234
|
}
|
|
235
|
+
|
|
233
236
|
@mixin input-selection {
|
|
234
237
|
background: $theme-primary;
|
|
235
238
|
color: $theme-primary-font;
|
|
236
239
|
}
|
|
237
|
-
|
|
240
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
238
241
|
@mixin float-label-alignment {
|
|
239
242
|
-moz-transform: translate(-0%, -50%);
|
|
240
243
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -262,36 +265,47 @@ $float-label-rtl-value: -7px !default;
|
|
|
262
265
|
@mixin input-group-animation {
|
|
263
266
|
content: '';
|
|
264
267
|
}
|
|
268
|
+
|
|
265
269
|
@mixin input-group-animation-left {
|
|
266
270
|
content: '';
|
|
267
271
|
}
|
|
272
|
+
|
|
268
273
|
@mixin input-group-animation-width {
|
|
269
274
|
content: '';
|
|
270
275
|
}
|
|
276
|
+
|
|
271
277
|
@mixin input-group-animation-right {
|
|
272
278
|
content: '';
|
|
273
279
|
}
|
|
280
|
+
|
|
274
281
|
@mixin input-group-animation-bg {
|
|
275
282
|
content: '';
|
|
276
283
|
}
|
|
284
|
+
|
|
277
285
|
@mixin input-group-hover-bg {
|
|
278
286
|
content: '';
|
|
279
287
|
}
|
|
288
|
+
|
|
280
289
|
@mixin input-group-success-animation-bg {
|
|
281
290
|
content: '';
|
|
282
291
|
}
|
|
292
|
+
|
|
283
293
|
@mixin input-group-warning-animation-bg {
|
|
284
294
|
content: '';
|
|
285
295
|
}
|
|
296
|
+
|
|
286
297
|
@mixin input-group-error-animation-bg {
|
|
287
298
|
content: '';
|
|
288
299
|
}
|
|
300
|
+
|
|
289
301
|
@mixin input-ripple-parent {
|
|
290
302
|
content: '';
|
|
291
303
|
}
|
|
304
|
+
|
|
292
305
|
@mixin input-ripple-style {
|
|
293
306
|
content: '';
|
|
294
307
|
}
|
|
308
|
+
|
|
295
309
|
@mixin input-ripple-animation {
|
|
296
310
|
content: '';
|
|
297
311
|
}
|
|
@@ -212,7 +212,7 @@ $input-font-color: $content-text-color !default;
|
|
|
212
212
|
$input-icon-font-color: $icon-color !default;
|
|
213
213
|
$input-clear-icon-color: $icon-color !default;
|
|
214
214
|
$input-clear-icon-hover-color: $icon-color-hover !default;
|
|
215
|
-
$input-clear-icon-hover-bg-color: $content-bg-color-hover
|
|
215
|
+
$input-clear-icon-hover-bg-color: $content-bg-color-hover !default;
|
|
216
216
|
$input-accent: $content-bg-color !default;
|
|
217
217
|
$input-placeholder: $placeholder-text-color !default;
|
|
218
218
|
$input-active-border-color: $input-box-border-focus !default;
|
|
@@ -223,7 +223,7 @@ $input-group-border-right-focus: transparent !default;
|
|
|
223
223
|
$input-group-border-left-focus: transparent !default;
|
|
224
224
|
$input-group-active-border: transparent !default;
|
|
225
225
|
$input-group-pressed-bg: $content-bg-color-alt4 !default;
|
|
226
|
-
$input-hover-bg-color: $content-bg-color-hover
|
|
226
|
+
$input-hover-bg-color: $content-bg-color-hover !default;
|
|
227
227
|
$input-header-font-color: $placeholder-text-color !default;
|
|
228
228
|
$input-group-border-color-focus: $primary !default;
|
|
229
229
|
$input-group-border-color-hover: $border-alt !default;
|
|
@@ -249,18 +249,21 @@ $float-label-rtl-value: -10px !default;
|
|
|
249
249
|
@mixin input-sizing {
|
|
250
250
|
box-sizing: border-box;
|
|
251
251
|
}
|
|
252
|
+
|
|
252
253
|
@mixin input-height ($height) {
|
|
253
254
|
height: $height;
|
|
254
255
|
}
|
|
256
|
+
|
|
255
257
|
@mixin input-state-color ($color) {
|
|
256
258
|
border-color: $color;
|
|
257
259
|
}
|
|
260
|
+
|
|
258
261
|
@mixin input-selection {
|
|
259
262
|
background: $primary-light;
|
|
260
263
|
color: $content-text-color;
|
|
261
264
|
}
|
|
262
265
|
|
|
263
|
-
|
|
266
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
264
267
|
@mixin float-label-alignment {
|
|
265
268
|
-moz-transform: translate(-0%, -50%);
|
|
266
269
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -273,6 +276,7 @@ $float-label-rtl-value: -10px !default;
|
|
|
273
276
|
user-select: none;
|
|
274
277
|
width: 100%;
|
|
275
278
|
}
|
|
279
|
+
|
|
276
280
|
@mixin textarea-float-label-alignment {
|
|
277
281
|
-moz-transform: translate(-0%, -50%);
|
|
278
282
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -284,40 +288,51 @@ $float-label-rtl-value: -10px !default;
|
|
|
284
288
|
transform: translate(-0%, -50%);
|
|
285
289
|
width: 100%;
|
|
286
290
|
}
|
|
291
|
+
|
|
287
292
|
@mixin input-group-animation {
|
|
288
293
|
content: '';
|
|
289
294
|
}
|
|
295
|
+
|
|
290
296
|
@mixin input-group-animation-left {
|
|
291
297
|
content: '';
|
|
292
298
|
}
|
|
299
|
+
|
|
293
300
|
@mixin input-group-animation-width {
|
|
294
301
|
content: '';
|
|
295
302
|
}
|
|
303
|
+
|
|
296
304
|
@mixin input-group-animation-right {
|
|
297
305
|
content: '';
|
|
298
306
|
}
|
|
307
|
+
|
|
299
308
|
@mixin input-group-animation-bg {
|
|
300
309
|
content: '';
|
|
301
310
|
}
|
|
311
|
+
|
|
302
312
|
@mixin input-group-hover-bg {
|
|
303
313
|
content: '';
|
|
304
314
|
}
|
|
315
|
+
|
|
305
316
|
@mixin input-group-success-animation-bg {
|
|
306
317
|
content: '';
|
|
307
318
|
}
|
|
319
|
+
|
|
308
320
|
@mixin input-group-warning-animation-bg {
|
|
309
321
|
content: '';
|
|
310
322
|
}
|
|
323
|
+
|
|
311
324
|
@mixin input-group-error-animation-bg {
|
|
312
325
|
content: '';
|
|
313
326
|
}
|
|
327
|
+
|
|
314
328
|
@mixin input-ripple-parent {
|
|
315
329
|
content: '';
|
|
316
330
|
}
|
|
331
|
+
|
|
317
332
|
@mixin input-ripple-style {
|
|
318
333
|
content: '';
|
|
319
334
|
}
|
|
335
|
+
|
|
320
336
|
@mixin input-ripple-animation {
|
|
321
337
|
content: '';
|
|
322
338
|
}
|
|
323
|
-
|
|
@@ -248,17 +248,20 @@ $float-label-rtl-value: -7px !default;
|
|
|
248
248
|
@mixin input-sizing {
|
|
249
249
|
box-sizing: border-box;
|
|
250
250
|
}
|
|
251
|
+
|
|
251
252
|
@mixin input-height ($height) {
|
|
252
253
|
height: $height;
|
|
253
254
|
}
|
|
255
|
+
|
|
254
256
|
@mixin input-state-color ($color) {
|
|
255
257
|
border-color: $color;
|
|
256
258
|
}
|
|
259
|
+
|
|
257
260
|
@mixin input-selection {
|
|
258
261
|
background: $primary;
|
|
259
262
|
color: $primary-text-color;
|
|
260
263
|
}
|
|
261
|
-
|
|
264
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
262
265
|
@mixin float-label-alignment {
|
|
263
266
|
-moz-transform: translate(-0%, -50%);
|
|
264
267
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -271,6 +274,7 @@ $float-label-rtl-value: -7px !default;
|
|
|
271
274
|
user-select: none;
|
|
272
275
|
width: 100%;
|
|
273
276
|
}
|
|
277
|
+
|
|
274
278
|
@mixin textarea-float-label-alignment {
|
|
275
279
|
-moz-transform: translate(-0%, -50%);
|
|
276
280
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -282,40 +286,51 @@ $float-label-rtl-value: -7px !default;
|
|
|
282
286
|
transform: translate(-0%, -50%);
|
|
283
287
|
width: 100%;
|
|
284
288
|
}
|
|
289
|
+
|
|
285
290
|
@mixin input-group-animation {
|
|
286
291
|
content: '';
|
|
287
292
|
}
|
|
293
|
+
|
|
288
294
|
@mixin input-group-animation-left {
|
|
289
295
|
content: '';
|
|
290
296
|
}
|
|
297
|
+
|
|
291
298
|
@mixin input-group-animation-width {
|
|
292
299
|
content: '';
|
|
293
300
|
}
|
|
301
|
+
|
|
294
302
|
@mixin input-group-animation-right {
|
|
295
303
|
content: '';
|
|
296
304
|
}
|
|
305
|
+
|
|
297
306
|
@mixin input-group-animation-bg {
|
|
298
307
|
content: '';
|
|
299
308
|
}
|
|
309
|
+
|
|
300
310
|
@mixin input-group-hover-bg {
|
|
301
311
|
content: '';
|
|
302
312
|
}
|
|
313
|
+
|
|
303
314
|
@mixin input-group-success-animation-bg {
|
|
304
315
|
content: '';
|
|
305
316
|
}
|
|
317
|
+
|
|
306
318
|
@mixin input-group-warning-animation-bg {
|
|
307
319
|
content: '';
|
|
308
320
|
}
|
|
321
|
+
|
|
309
322
|
@mixin input-group-error-animation-bg {
|
|
310
323
|
content: '';
|
|
311
324
|
}
|
|
325
|
+
|
|
312
326
|
@mixin input-ripple-parent {
|
|
313
327
|
content: '';
|
|
314
328
|
}
|
|
329
|
+
|
|
315
330
|
@mixin input-ripple-style {
|
|
316
331
|
content: '';
|
|
317
332
|
}
|
|
333
|
+
|
|
318
334
|
@mixin input-ripple-animation {
|
|
319
335
|
content: '';
|
|
320
336
|
}
|
|
321
|
-
|
|
@@ -224,18 +224,21 @@ $float-label-rtl-value: -7px !default;
|
|
|
224
224
|
@mixin input-sizing {
|
|
225
225
|
box-sizing: border-box;
|
|
226
226
|
}
|
|
227
|
+
|
|
227
228
|
@mixin input-height ($height) {
|
|
228
229
|
height: $height;
|
|
229
230
|
}
|
|
231
|
+
|
|
230
232
|
@mixin input-state-color ($color) {
|
|
231
233
|
border-color: $color;
|
|
232
234
|
}
|
|
235
|
+
|
|
233
236
|
@mixin input-selection {
|
|
234
237
|
background: $selection-bg;
|
|
235
238
|
color: $selection-font;
|
|
236
239
|
}
|
|
237
240
|
|
|
238
|
-
|
|
241
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
239
242
|
@mixin float-label-alignment {
|
|
240
243
|
-moz-transform: translate(-0%, -50%);
|
|
241
244
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -247,6 +250,7 @@ $float-label-rtl-value: -7px !default;
|
|
|
247
250
|
transform: translate(-0%, -50%);
|
|
248
251
|
width: 100%;
|
|
249
252
|
}
|
|
253
|
+
|
|
250
254
|
@mixin textarea-float-label-alignment {
|
|
251
255
|
-moz-transform: translate(-0%, -50%);
|
|
252
256
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -258,39 +262,51 @@ $float-label-rtl-value: -7px !default;
|
|
|
258
262
|
transform: translate(-0%, -50%);
|
|
259
263
|
width: 100%;
|
|
260
264
|
}
|
|
265
|
+
|
|
261
266
|
@mixin input-group-animation {
|
|
262
267
|
content: '';
|
|
263
268
|
}
|
|
269
|
+
|
|
264
270
|
@mixin input-group-animation-left {
|
|
265
271
|
content: '';
|
|
266
272
|
}
|
|
273
|
+
|
|
267
274
|
@mixin input-group-animation-width {
|
|
268
275
|
content: '';
|
|
269
276
|
}
|
|
277
|
+
|
|
270
278
|
@mixin input-group-animation-right {
|
|
271
279
|
content: '';
|
|
272
280
|
}
|
|
281
|
+
|
|
273
282
|
@mixin input-group-animation-bg {
|
|
274
283
|
content: '';
|
|
275
284
|
}
|
|
285
|
+
|
|
276
286
|
@mixin input-group-hover-bg {
|
|
277
287
|
content: '';
|
|
278
288
|
}
|
|
289
|
+
|
|
279
290
|
@mixin input-group-success-animation-bg {
|
|
280
291
|
content: '';
|
|
281
292
|
}
|
|
293
|
+
|
|
282
294
|
@mixin input-group-warning-animation-bg {
|
|
283
295
|
content: '';
|
|
284
296
|
}
|
|
297
|
+
|
|
285
298
|
@mixin input-group-error-animation-bg {
|
|
286
299
|
content: '';
|
|
287
300
|
}
|
|
301
|
+
|
|
288
302
|
@mixin input-ripple-parent {
|
|
289
303
|
content: '';
|
|
290
304
|
}
|
|
305
|
+
|
|
291
306
|
@mixin input-ripple-style {
|
|
292
307
|
content: '';
|
|
293
308
|
}
|
|
309
|
+
|
|
294
310
|
@mixin input-ripple-animation {
|
|
295
311
|
content: '';
|
|
296
312
|
}
|
|
@@ -10,7 +10,7 @@ $input-child-small-padding-top: $zero-value !default;
|
|
|
10
10
|
$input-child-padding-top: $zero-value !default;
|
|
11
11
|
$input-child-bigger-padding-top: $zero-value !default;
|
|
12
12
|
|
|
13
|
-
//default
|
|
13
|
+
//default
|
|
14
14
|
$input-skin-name: 'highcontrast' !default;
|
|
15
15
|
$input-bg-color: $bg-base-0 !default;
|
|
16
16
|
$input-success-color: $success-alt !default;
|
|
@@ -232,18 +232,21 @@ $float-label-rtl-value: -7px !default;
|
|
|
232
232
|
@mixin input-sizing {
|
|
233
233
|
box-sizing: border-box;
|
|
234
234
|
}
|
|
235
|
+
|
|
235
236
|
@mixin input-height ($height) {
|
|
236
237
|
height: $height;
|
|
237
238
|
}
|
|
239
|
+
|
|
238
240
|
@mixin input-state-color ($color) {
|
|
239
241
|
border-color: $color;
|
|
240
242
|
}
|
|
243
|
+
|
|
241
244
|
@mixin input-selection {
|
|
242
245
|
background: $selection-bg;
|
|
243
246
|
color: $selection-font;
|
|
244
247
|
}
|
|
245
248
|
|
|
246
|
-
|
|
249
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
247
250
|
@mixin float-label-alignment {
|
|
248
251
|
-moz-transform: translate(-0%, -50%);
|
|
249
252
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -255,6 +258,7 @@ $float-label-rtl-value: -7px !default;
|
|
|
255
258
|
transform: translate(-0%, -50%);
|
|
256
259
|
width: 100%;
|
|
257
260
|
}
|
|
261
|
+
|
|
258
262
|
@mixin textarea-float-label-alignment {
|
|
259
263
|
-moz-transform: translate(-0%, -50%);
|
|
260
264
|
-ms-transform: translate(-0%, -50%);
|
|
@@ -266,39 +270,51 @@ $float-label-rtl-value: -7px !default;
|
|
|
266
270
|
transform: translate(-0%, -50%);
|
|
267
271
|
width: 100%;
|
|
268
272
|
}
|
|
273
|
+
|
|
269
274
|
@mixin input-group-animation {
|
|
270
275
|
content: '';
|
|
271
276
|
}
|
|
277
|
+
|
|
272
278
|
@mixin input-group-animation-left {
|
|
273
279
|
content: '';
|
|
274
280
|
}
|
|
281
|
+
|
|
275
282
|
@mixin input-group-animation-width {
|
|
276
283
|
content: '';
|
|
277
284
|
}
|
|
285
|
+
|
|
278
286
|
@mixin input-group-animation-right {
|
|
279
287
|
content: '';
|
|
280
288
|
}
|
|
289
|
+
|
|
281
290
|
@mixin input-group-animation-bg {
|
|
282
291
|
content: '';
|
|
283
292
|
}
|
|
293
|
+
|
|
284
294
|
@mixin input-group-hover-bg {
|
|
285
295
|
content: '';
|
|
286
296
|
}
|
|
297
|
+
|
|
287
298
|
@mixin input-group-success-animation-bg {
|
|
288
299
|
content: '';
|
|
289
300
|
}
|
|
301
|
+
|
|
290
302
|
@mixin input-group-warning-animation-bg {
|
|
291
303
|
content: '';
|
|
292
304
|
}
|
|
305
|
+
|
|
293
306
|
@mixin input-group-error-animation-bg {
|
|
294
307
|
content: '';
|
|
295
308
|
}
|
|
309
|
+
|
|
296
310
|
@mixin input-ripple-parent {
|
|
297
311
|
content: '';
|
|
298
312
|
}
|
|
313
|
+
|
|
299
314
|
@mixin input-ripple-style {
|
|
300
315
|
content: '';
|
|
301
316
|
}
|
|
317
|
+
|
|
302
318
|
@mixin input-ripple-animation {
|
|
303
319
|
content: '';
|
|
304
320
|
}
|