@syncfusion/ej2-react-inputs 20.4.54 → 21.1.37

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 (76) hide show
  1. package/CHANGELOG.md +3 -41
  2. package/README.md +184 -112
  3. package/dist/ej2-react-inputs.min.js +2 -2
  4. package/dist/ej2-react-inputs.umd.min.js +2 -2
  5. package/dist/ej2-react-inputs.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-inputs.es2015.js +8 -0
  7. package/dist/es6/ej2-react-inputs.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/color-picker/colorpicker.component.d.ts +1 -0
  10. package/src/color-picker/colorpicker.component.js +1 -0
  11. package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
  12. package/src/maskedtextbox/maskedtextbox.component.js +1 -0
  13. package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
  14. package/src/numerictextbox/numerictextbox.component.js +1 -0
  15. package/src/rating/rating.component.d.ts +1 -0
  16. package/src/rating/rating.component.js +1 -0
  17. package/src/signature/signature.component.d.ts +1 -0
  18. package/src/signature/signature.component.js +1 -0
  19. package/src/slider/slider.component.d.ts +1 -0
  20. package/src/slider/slider.component.js +1 -0
  21. package/src/textbox/textbox.component.d.ts +1 -0
  22. package/src/textbox/textbox.component.js +1 -0
  23. package/src/uploader/uploader.component.d.ts +1 -0
  24. package/src/uploader/uploader.component.js +1 -0
  25. package/styles/bootstrap-dark.css +14 -0
  26. package/styles/bootstrap.css +14 -0
  27. package/styles/bootstrap4.css +14 -0
  28. package/styles/bootstrap5-dark.css +18 -4
  29. package/styles/bootstrap5.css +18 -4
  30. package/styles/color-picker/bootstrap-dark.css +6 -0
  31. package/styles/color-picker/bootstrap.css +6 -0
  32. package/styles/color-picker/bootstrap4.css +6 -0
  33. package/styles/color-picker/bootstrap5-dark.css +6 -0
  34. package/styles/color-picker/bootstrap5.css +6 -0
  35. package/styles/color-picker/fabric-dark.css +6 -0
  36. package/styles/color-picker/fabric.css +6 -0
  37. package/styles/color-picker/fluent-dark.css +6 -0
  38. package/styles/color-picker/fluent.css +6 -0
  39. package/styles/color-picker/highcontrast-light.css +6 -0
  40. package/styles/color-picker/highcontrast.css +6 -0
  41. package/styles/color-picker/material-dark.css +6 -0
  42. package/styles/color-picker/material.css +6 -0
  43. package/styles/color-picker/tailwind-dark.css +6 -0
  44. package/styles/color-picker/tailwind.css +6 -0
  45. package/styles/fabric-dark.css +14 -0
  46. package/styles/fabric.css +14 -0
  47. package/styles/fluent-dark.css +14 -0
  48. package/styles/fluent.css +14 -0
  49. package/styles/highcontrast-light.css +14 -0
  50. package/styles/highcontrast.css +14 -0
  51. package/styles/input/material-dark.css +1 -1
  52. package/styles/input/material.css +1 -1
  53. package/styles/material-dark.css +15 -5
  54. package/styles/material.css +15 -1
  55. package/styles/rating/bootstrap-dark.css +8 -0
  56. package/styles/rating/bootstrap.css +8 -0
  57. package/styles/rating/bootstrap4.css +8 -0
  58. package/styles/rating/bootstrap5-dark.css +8 -0
  59. package/styles/rating/bootstrap5.css +8 -0
  60. package/styles/rating/fabric-dark.css +8 -0
  61. package/styles/rating/fabric.css +8 -0
  62. package/styles/rating/fluent-dark.css +8 -0
  63. package/styles/rating/fluent.css +8 -0
  64. package/styles/rating/highcontrast-light.css +8 -0
  65. package/styles/rating/highcontrast.css +8 -0
  66. package/styles/rating/material-dark.css +8 -0
  67. package/styles/rating/material.css +8 -0
  68. package/styles/rating/tailwind-dark.css +9 -1
  69. package/styles/rating/tailwind.css +9 -1
  70. package/styles/tailwind-dark.css +16 -2
  71. package/styles/tailwind.css +16 -2
  72. package/styles/uploader/bootstrap5-dark.css +4 -4
  73. package/styles/uploader/bootstrap5.css +4 -4
  74. package/styles/uploader/material-dark.css +0 -4
  75. package/styles/uploader/tailwind-dark.css +1 -1
  76. package/styles/uploader/tailwind.css +1 -1
package/styles/tailwind-dark.css CHANGED
@@ -5971,7 +5971,7 @@ input.e-input::-webkit-input-placeholder {
5971
5971
  padding: 12px 0 12px 12px;
5972
5972
  }
5973
5973
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
5974
- font-size: 13px;
5974
+ font-size: 12px;
5975
5975
  margin-left: 10px;
5976
5976
  }
5977
5977
  .e-small .e-upload .e-upload-files .e-upload-file-list {
@@ -6275,6 +6275,12 @@ body.e-colorpicker-overflow {
6275
6275
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6276
6276
  padding: 7px 12px;
6277
6277
  }
6278
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6279
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6280
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6281
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6282
+ line-height: 0;
6283
+ }
6278
6284
 
6279
6285
  .e-container {
6280
6286
  border: 0;
@@ -6945,6 +6951,8 @@ body.e-colorpicker-overflow {
6945
6951
  padding: 4px;
6946
6952
  line-height: 3px;
6947
6953
  display: block;
6954
+ min-width: 28px;
6955
+ min-height: 28px;
6948
6956
  position: relative;
6949
6957
  }
6950
6958
  .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7040,6 +7048,8 @@ body.e-colorpicker-overflow {
7040
7048
  .e-small .e-rating-container .e-rating-item-container {
7041
7049
  font-size: 16px;
7042
7050
  line-height: 10px;
7051
+ min-height: 24px;
7052
+ min-width: 24px;
7043
7053
  }
7044
7054
  .e-small.e-rating-container .e-rating-label,
7045
7055
  .e-small .e-rating-container .e-rating-label {
@@ -7055,10 +7065,12 @@ body.e-colorpicker-overflow {
7055
7065
  .e-bigger .e-rating-container .e-rating-item-container {
7056
7066
  font-size: 24px;
7057
7067
  line-height: 18px;
7068
+ min-width: 32px;
7069
+ min-height: 32px;
7058
7070
  }
7059
7071
  .e-bigger.e-rating-container .e-rating-label,
7060
7072
  .e-bigger .e-rating-container .e-rating-label {
7061
- font-size: 14px;
7073
+ font-size: 24px;
7062
7074
  line-height: 22px;
7063
7075
  }
7064
7076
  .e-bigger.e-rating-container .e-reset,
@@ -7072,6 +7084,8 @@ body.e-colorpicker-overflow {
7072
7084
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
7073
7085
  font-size: 22px;
7074
7086
  line-height: 15px;
7087
+ min-width: 30px;
7088
+ min-height: 30px;
7075
7089
  }
7076
7090
  .e-bigger.e-small.e-rating-container .e-rating-label,
7077
7091
  .e-bigger.e-small .e-rating-container .e-rating-label,
package/styles/tailwind.css CHANGED
@@ -5971,7 +5971,7 @@ input.e-input::-webkit-input-placeholder {
5971
5971
  padding: 12px 0 12px 12px;
5972
5972
  }
5973
5973
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
5974
- font-size: 13px;
5974
+ font-size: 12px;
5975
5975
  margin-left: 10px;
5976
5976
  }
5977
5977
  .e-small .e-upload .e-upload-files .e-upload-file-list {
@@ -6275,6 +6275,12 @@ body.e-colorpicker-overflow {
6275
6275
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6276
6276
  padding: 7px 12px;
6277
6277
  }
6278
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6279
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6280
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6281
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6282
+ line-height: 0;
6283
+ }
6278
6284
 
6279
6285
  .e-container {
6280
6286
  border: 0;
@@ -6945,6 +6951,8 @@ body.e-colorpicker-overflow {
6945
6951
  padding: 4px;
6946
6952
  line-height: 3px;
6947
6953
  display: block;
6954
+ min-width: 28px;
6955
+ min-height: 28px;
6948
6956
  position: relative;
6949
6957
  }
6950
6958
  .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7040,6 +7048,8 @@ body.e-colorpicker-overflow {
7040
7048
  .e-small .e-rating-container .e-rating-item-container {
7041
7049
  font-size: 16px;
7042
7050
  line-height: 10px;
7051
+ min-height: 24px;
7052
+ min-width: 24px;
7043
7053
  }
7044
7054
  .e-small.e-rating-container .e-rating-label,
7045
7055
  .e-small .e-rating-container .e-rating-label {
@@ -7055,10 +7065,12 @@ body.e-colorpicker-overflow {
7055
7065
  .e-bigger .e-rating-container .e-rating-item-container {
7056
7066
  font-size: 24px;
7057
7067
  line-height: 18px;
7068
+ min-width: 32px;
7069
+ min-height: 32px;
7058
7070
  }
7059
7071
  .e-bigger.e-rating-container .e-rating-label,
7060
7072
  .e-bigger .e-rating-container .e-rating-label {
7061
- font-size: 14px;
7073
+ font-size: 24px;
7062
7074
  line-height: 22px;
7063
7075
  }
7064
7076
  .e-bigger.e-rating-container .e-reset,
@@ -7072,6 +7084,8 @@ body.e-colorpicker-overflow {
7072
7084
  .e-small .e-bigger.e-rating-container .e-rating-item-container {
7073
7085
  font-size: 22px;
7074
7086
  line-height: 15px;
7087
+ min-width: 30px;
7088
+ min-height: 30px;
7075
7089
  }
7076
7090
  .e-bigger.e-small.e-rating-container .e-rating-label,
7077
7091
  .e-bigger.e-small .e-rating-container .e-rating-label,
package/styles/uploader/bootstrap5-dark.css CHANGED
@@ -61,7 +61,7 @@
61
61
  padding: 16px 0 16px 16px;
62
62
  }
63
63
  .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
64
- font-size: 15px;
64
+ font-size: 16px;
65
65
  margin-left: 16px;
66
66
  }
67
67
  .e-bigger .e-upload .e-upload-files .e-upload-file-list {
@@ -74,7 +74,7 @@
74
74
  top: 0;
75
75
  }
76
76
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
77
- font-size: 15px;
77
+ font-size: 16px;
78
78
  padding-top: 15px;
79
79
  }
80
80
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
@@ -82,7 +82,7 @@
82
82
  padding: 10px 0;
83
83
  }
84
84
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
85
- font-size: 15px;
85
+ font-size: 16px;
86
86
  padding-top: 15px;
87
87
  top: initial;
88
88
  }
@@ -658,7 +658,7 @@
658
658
  padding: 12px 0 12px 12px;
659
659
  }
660
660
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
661
- font-size: 13px;
661
+ font-size: 12px;
662
662
  margin-left: 10px;
663
663
  }
664
664
  .e-small .e-upload .e-upload-files .e-upload-file-list {
package/styles/uploader/bootstrap5.css CHANGED
@@ -61,7 +61,7 @@
61
61
  padding: 16px 0 16px 16px;
62
62
  }
63
63
  .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
64
- font-size: 15px;
64
+ font-size: 16px;
65
65
  margin-left: 16px;
66
66
  }
67
67
  .e-bigger .e-upload .e-upload-files .e-upload-file-list {
@@ -74,7 +74,7 @@
74
74
  top: 0;
75
75
  }
76
76
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
77
- font-size: 15px;
77
+ font-size: 16px;
78
78
  padding-top: 15px;
79
79
  }
80
80
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
@@ -82,7 +82,7 @@
82
82
  padding: 10px 0;
83
83
  }
84
84
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
85
- font-size: 15px;
85
+ font-size: 16px;
86
86
  padding-top: 15px;
87
87
  top: initial;
88
88
  }
@@ -658,7 +658,7 @@
658
658
  padding: 12px 0 12px 12px;
659
659
  }
660
660
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
661
- font-size: 13px;
661
+ font-size: 12px;
662
662
  margin-left: 10px;
663
663
  }
664
664
  .e-small .e-upload .e-upload-files .e-upload-file-list {
package/styles/uploader/material-dark.css CHANGED
@@ -333,10 +333,6 @@
333
333
  margin: 0;
334
334
  padding: 0;
335
335
  }
336
- .e-upload .e-upload-files .e-icons:focus,
337
- .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus {
338
- outline: none;
339
- }
340
336
  .e-upload .e-upload-files .e-upload-file-list,
341
337
  .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
342
338
  font-family: inherit;
package/styles/uploader/tailwind-dark.css CHANGED
@@ -664,7 +664,7 @@
664
664
  padding: 12px 0 12px 12px;
665
665
  }
666
666
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
667
- font-size: 13px;
667
+ font-size: 12px;
668
668
  margin-left: 10px;
669
669
  }
670
670
  .e-small .e-upload .e-upload-files .e-upload-file-list {
package/styles/uploader/tailwind.css CHANGED
@@ -664,7 +664,7 @@
664
664
  padding: 12px 0 12px 12px;
665
665
  }
666
666
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
667
- font-size: 13px;
667
+ font-size: 12px;
668
668
  margin-left: 10px;
669
669
  }
670
670
  .e-small .e-upload .e-upload-files .e-upload-file-list {