@syncfusion/ej2-inputs 24.2.3 → 24.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.
Files changed (50) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +23 -0
  3. package/dist/ej2-inputs.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js +2 -2
  5. package/dist/ej2-inputs.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-inputs.es2015.js +8 -2
  7. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inputs.es5.js +12 -6
  9. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  10. package/dist/global/ej2-inputs.min.js +2 -2
  11. package/dist/global/ej2-inputs.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +5 -5
  14. package/src/uploader/uploader.d.ts +7 -0
  15. package/src/uploader/uploader.js +12 -6
  16. package/styles/bootstrap-dark.css +26 -22
  17. package/styles/bootstrap.css +26 -22
  18. package/styles/bootstrap4.css +26 -22
  19. package/styles/bootstrap5-dark.css +26 -22
  20. package/styles/bootstrap5.css +26 -22
  21. package/styles/data-form/_layout.scss +13 -2
  22. package/styles/data-form/bootstrap-dark.css +26 -22
  23. package/styles/data-form/bootstrap.css +26 -22
  24. package/styles/data-form/bootstrap4.css +26 -22
  25. package/styles/data-form/bootstrap5-dark.css +26 -22
  26. package/styles/data-form/bootstrap5.css +26 -22
  27. package/styles/data-form/fabric-dark.css +26 -22
  28. package/styles/data-form/fabric.css +26 -22
  29. package/styles/data-form/fluent-dark.css +26 -22
  30. package/styles/data-form/fluent.css +26 -22
  31. package/styles/data-form/highcontrast-light.css +26 -22
  32. package/styles/data-form/highcontrast.css +26 -22
  33. package/styles/data-form/material-dark.css +26 -22
  34. package/styles/data-form/material.css +26 -22
  35. package/styles/data-form/material3-dark.css +26 -22
  36. package/styles/data-form/material3.css +26 -22
  37. package/styles/data-form/tailwind-dark.css +26 -22
  38. package/styles/data-form/tailwind.css +26 -22
  39. package/styles/fabric-dark.css +26 -22
  40. package/styles/fabric.css +26 -22
  41. package/styles/fluent-dark.css +26 -22
  42. package/styles/fluent.css +26 -22
  43. package/styles/highcontrast-light.css +26 -22
  44. package/styles/highcontrast.css +26 -22
  45. package/styles/material-dark.css +26 -22
  46. package/styles/material.css +26 -22
  47. package/styles/material3-dark.css +26 -22
  48. package/styles/material3.css +26 -22
  49. package/styles/tailwind-dark.css +26 -22
  50. package/styles/tailwind.css +26 -22
package/styles/data-form/bootstrap.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form bootstrap theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 12px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;
package/styles/data-form/bootstrap4.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form bootstrap theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 12px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;
package/styles/data-form/bootstrap5-dark.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form tailwind theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 12px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;
package/styles/data-form/bootstrap5.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form tailwind theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 12px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;
package/styles/data-form/fabric-dark.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form fabric theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 14px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;
package/styles/data-form/fabric.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form fabric theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 14px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;
package/styles/data-form/fluent-dark.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form tailwind theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 14px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;
package/styles/data-form/fluent.css CHANGED
@@ -1,5 +1,9 @@
1
1
  /*! Form tailwind theme wise override definitions and variables */
2
2
  /*! data-form layout */
3
+ .e-data-form {
4
+ /* stylelint-disable property-no-vendor-prefix */
5
+ /* stylelint-enable property-no-vendor-prefix */
6
+ }
3
7
  .e-data-form .e-form-label {
4
8
  font-size: 14px;
5
9
  margin-bottom: 4px;
@@ -10,48 +14,48 @@
10
14
  display: grid;
11
15
  }
12
16
  .e-data-form .e-grid-col-2 {
13
- -ms-grid-columns: (minmax(0, 1fr))[2];
14
- grid-template-columns: repeat(2, minmax(0, 1fr));
17
+ -ms-grid-columns: repeat(2, 1fr);
18
+ grid-template-columns: repeat(2, minmax(0, 1fr));
15
19
  }
16
20
  .e-data-form .e-grid-col-3 {
17
- -ms-grid-columns: (minmax(0, 1fr))[3];
18
- grid-template-columns: repeat(3, minmax(0, 1fr));
21
+ -ms-grid-columns: repeat(3, 1fr);
22
+ grid-template-columns: repeat(3, minmax(0, 1fr));
19
23
  }
20
24
  .e-data-form .e-grid-col-4 {
21
- -ms-grid-columns: (minmax(0, 1fr))[4];
22
- grid-template-columns: repeat(4, minmax(0, 1fr));
25
+ -ms-grid-columns: repeat(4, 1fr);
26
+ grid-template-columns: repeat(4, minmax(0, 1fr));
23
27
  }
24
28
  .e-data-form .e-grid-col-5 {
25
- -ms-grid-columns: (minmax(0, 1fr))[5];
26
- grid-template-columns: repeat(5, minmax(0, 1fr));
29
+ -ms-grid-columns: repeat(5, 1fr);
30
+ grid-template-columns: repeat(5, minmax(0, 1fr));
27
31
  }
28
32
  .e-data-form .e-grid-col-6 {
29
- -ms-grid-columns: (minmax(0, 1fr))[6];
30
- grid-template-columns: repeat(6, minmax(0, 1fr));
33
+ -ms-grid-columns: repeat(6, 1fr);
34
+ grid-template-columns: repeat(6, minmax(0, 1fr));
31
35
  }
32
36
  .e-data-form .e-grid-col-7 {
33
- -ms-grid-columns: (minmax(0, 1fr))[7];
34
- grid-template-columns: repeat(7, minmax(0, 1fr));
37
+ -ms-grid-columns: repeat(7, 1fr);
38
+ grid-template-columns: repeat(7, minmax(0, 1fr));
35
39
  }
36
40
  .e-data-form .e-grid-col-8 {
37
- -ms-grid-columns: (minmax(0, 1fr))[8];
38
- grid-template-columns: repeat(8, minmax(0, 1fr));
41
+ -ms-grid-columns: repeat(8, 1fr);
42
+ grid-template-columns: repeat(8, minmax(0, 1fr));
39
43
  }
40
44
  .e-data-form .e-grid-col-9 {
41
- -ms-grid-columns: (minmax(0, 1fr))[9];
42
- grid-template-columns: repeat(9, minmax(0, 1fr));
45
+ -ms-grid-columns: repeat(9, 1fr);
46
+ grid-template-columns: repeat(9, minmax(0, 1fr));
43
47
  }
44
48
  .e-data-form .e-grid-col-10 {
45
- -ms-grid-columns: (minmax(0, 1fr))[10];
46
- grid-template-columns: repeat(10, minmax(0, 1fr));
49
+ -ms-grid-columns: repeat(10, 1fr);
50
+ grid-template-columns: repeat(10, minmax(0, 1fr));
47
51
  }
48
52
  .e-data-form .e-grid-col-11 {
49
- -ms-grid-columns: (minmax(0, 1fr))[11];
50
- grid-template-columns: repeat(11, minmax(0, 1fr));
53
+ -ms-grid-columns: repeat(11, 1fr);
54
+ grid-template-columns: repeat(11, minmax(0, 1fr));
51
55
  }
52
56
  .e-data-form .e-grid-col-12 {
53
- -ms-grid-columns: (minmax(0, 1fr))[12];
54
- grid-template-columns: repeat(12, minmax(0, 1fr));
57
+ -ms-grid-columns: repeat(12, 1fr);
58
+ grid-template-columns: repeat(12, minmax(0, 1fr));
55
59
  }
56
60
  .e-data-form .e-colspan-1 {
57
61
  -ms-grid-column-span: 1;