@syncfusion/ej2-angular-inputs 19.3.57 → 19.4.43

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 (102) hide show
  1. package/@syncfusion/ej2-angular-inputs.es5.js +177 -3
  2. package/@syncfusion/ej2-angular-inputs.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-inputs.js +166 -3
  4. package/@syncfusion/ej2-angular-inputs.js.map +1 -1
  5. package/CHANGELOG.md +34 -0
  6. package/dist/ej2-angular-inputs.umd.js +181 -1
  7. package/dist/ej2-angular-inputs.umd.js.map +1 -1
  8. package/dist/ej2-angular-inputs.umd.min.js +2 -2
  9. package/dist/ej2-angular-inputs.umd.min.js.map +1 -1
  10. package/ej2-angular-inputs.d.ts +1 -0
  11. package/ej2-angular-inputs.metadata.json +1 -1
  12. package/package.json +8 -8
  13. package/postinstall/tagchange.js +1 -1
  14. package/schematics/utils/lib-details.d.ts +3 -3
  15. package/schematics/utils/lib-details.js +3 -3
  16. package/schematics/utils/lib-details.ts +3 -3
  17. package/src/index.d.ts +3 -0
  18. package/src/signature/signature-all.module.d.ts +5 -0
  19. package/src/signature/signature.component.d.ts +37 -0
  20. package/src/signature/signature.module.d.ts +5 -0
  21. package/styles/bootstrap-dark.css +43 -16
  22. package/styles/bootstrap-dark.scss +1 -0
  23. package/styles/bootstrap.css +43 -16
  24. package/styles/bootstrap.scss +1 -0
  25. package/styles/bootstrap4.css +43 -16
  26. package/styles/bootstrap4.scss +1 -0
  27. package/styles/bootstrap5-dark.css +46 -41
  28. package/styles/bootstrap5-dark.scss +1 -0
  29. package/styles/bootstrap5.css +46 -41
  30. package/styles/bootstrap5.scss +1 -0
  31. package/styles/color-picker/bootstrap-dark.css +20 -0
  32. package/styles/color-picker/bootstrap.css +20 -0
  33. package/styles/color-picker/bootstrap4.css +20 -0
  34. package/styles/color-picker/bootstrap5-dark.css +22 -20
  35. package/styles/color-picker/bootstrap5.css +22 -20
  36. package/styles/color-picker/fabric-dark.css +23 -3
  37. package/styles/color-picker/fabric.css +20 -0
  38. package/styles/color-picker/highcontrast-light.css +20 -0
  39. package/styles/color-picker/highcontrast.css +20 -0
  40. package/styles/color-picker/material-dark.css +20 -0
  41. package/styles/color-picker/material.css +20 -0
  42. package/styles/color-picker/tailwind-dark.css +20 -0
  43. package/styles/color-picker/tailwind.css +20 -0
  44. package/styles/fabric-dark.css +46 -19
  45. package/styles/fabric-dark.scss +1 -0
  46. package/styles/fabric.css +43 -16
  47. package/styles/fabric.scss +1 -0
  48. package/styles/highcontrast-light.css +43 -16
  49. package/styles/highcontrast-light.scss +1 -0
  50. package/styles/highcontrast.css +43 -16
  51. package/styles/highcontrast.scss +1 -0
  52. package/styles/input/bootstrap-dark.css +13 -16
  53. package/styles/input/bootstrap.css +13 -16
  54. package/styles/input/bootstrap4.css +13 -16
  55. package/styles/input/bootstrap5-dark.css +13 -16
  56. package/styles/input/bootstrap5.css +13 -16
  57. package/styles/input/fabric-dark.css +13 -16
  58. package/styles/input/fabric.css +13 -16
  59. package/styles/input/highcontrast-light.css +13 -16
  60. package/styles/input/highcontrast.css +13 -16
  61. package/styles/input/material-dark.css +13 -16
  62. package/styles/input/material.css +13 -16
  63. package/styles/input/tailwind-dark.css +13 -16
  64. package/styles/input/tailwind.css +13 -16
  65. package/styles/material-dark.css +43 -16
  66. package/styles/material-dark.scss +1 -0
  67. package/styles/material.css +43 -16
  68. package/styles/material.scss +1 -0
  69. package/styles/signature/bootstrap-dark.css +9 -0
  70. package/styles/signature/bootstrap-dark.scss +1 -0
  71. package/styles/signature/bootstrap.css +9 -0
  72. package/styles/signature/bootstrap.scss +1 -0
  73. package/styles/signature/bootstrap4.css +9 -0
  74. package/styles/signature/bootstrap4.scss +1 -0
  75. package/styles/signature/bootstrap5-dark.css +9 -0
  76. package/styles/signature/bootstrap5-dark.scss +1 -0
  77. package/styles/signature/bootstrap5.css +9 -0
  78. package/styles/signature/bootstrap5.scss +1 -0
  79. package/styles/signature/fabric-dark.css +9 -0
  80. package/styles/signature/fabric-dark.scss +1 -0
  81. package/styles/signature/fabric.css +9 -0
  82. package/styles/signature/fabric.scss +1 -0
  83. package/styles/signature/highcontrast-light.css +9 -0
  84. package/styles/signature/highcontrast-light.scss +1 -0
  85. package/styles/signature/highcontrast.css +9 -0
  86. package/styles/signature/highcontrast.scss +1 -0
  87. package/styles/signature/material-dark.css +10 -0
  88. package/styles/signature/material-dark.scss +1 -0
  89. package/styles/signature/material.css +10 -0
  90. package/styles/signature/material.scss +1 -0
  91. package/styles/signature/tailwind-dark.css +10 -0
  92. package/styles/signature/tailwind-dark.scss +1 -0
  93. package/styles/signature/tailwind.css +10 -0
  94. package/styles/signature/tailwind.scss +1 -0
  95. package/styles/slider/bootstrap5-dark.css +1 -5
  96. package/styles/slider/bootstrap5.css +1 -5
  97. package/styles/slider/tailwind-dark.css +1 -5
  98. package/styles/slider/tailwind.css +1 -5
  99. package/styles/tailwind-dark.css +45 -21
  100. package/styles/tailwind-dark.scss +1 -0
  101. package/styles/tailwind.css +45 -21
  102. package/styles/tailwind.scss +1 -0
package/styles/color-picker/bootstrap5-dark.css CHANGED
@@ -56,7 +56,7 @@
56
56
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn {
57
57
  background-color: #fff;
58
58
  border: 1px solid #6c757d;
59
- color: #fff;
59
+ color: #adb5bd;
60
60
  }
61
61
 
62
62
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
@@ -66,7 +66,7 @@
66
66
 
67
67
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
68
68
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
69
- background-color: transparent;
69
+ background-color: #fff;
70
70
  border: 1px solid #6c757d;
71
71
  color: #adb5bd;
72
72
  }
@@ -367,7 +367,6 @@ body.e-colorpicker-overflow {
367
367
  position: relative;
368
368
  top: 0;
369
369
  width: 13.45%;
370
- height: 38px;
371
370
  }
372
371
 
373
372
  .e-container .e-slider-preview .e-preview-container .e-preview {
@@ -628,14 +627,6 @@ body.e-colorpicker-overflow {
628
627
  width: 462px;
629
628
  }
630
629
 
631
- .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
632
- height: 38px;
633
- }
634
-
635
- .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn .e-mode-switch-btn {
636
- height: 38px;
637
- }
638
-
639
630
  .e-bigger .e-container .e-palette .e-tile {
640
631
  height: 29px;
641
632
  width: 29px;
@@ -922,15 +913,6 @@ body.e-colorpicker-overflow {
922
913
  color: rgba(255, 255, 255, 0.65);
923
914
  }
924
915
 
925
- .e-colorpicker-wrapper .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-colorpicker-wrapper .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-colorpicker-wrapper .e-split-btn-wrapper .e-dropdown-btn:disabled:active,
926
- .e-colorpicker-container .e-split-btn-wrapper .e-dropdown-btn:disabled:focus,
927
- .e-colorpicker-container .e-split-btn-wrapper .e-dropdown-btn:disabled:hover,
928
- .e-colorpicker-container .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
929
- background-color: transparent;
930
- box-shadow: none;
931
- color: #adb5bd;
932
- }
933
-
934
916
  .e-colorpicker-wrapper .e-btn.e-icon-btn,
935
917
  .e-colorpicker-container .e-btn.e-icon-btn {
936
918
  background-color: transparent;
@@ -958,6 +940,26 @@ body.e-colorpicker-overflow {
958
940
  color: #fff;
959
941
  }
960
942
 
943
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
944
+ .e-colorpicker-container .e-icon-btn:disabled,
945
+ .e-colorpicker-container .e-icon-btn.e-disabled {
946
+ background-color: transparent;
947
+ box-shadow: none;
948
+ color: rgba(108, 117, 125, 0.65);
949
+ }
950
+
951
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
952
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
953
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
954
+ .e-colorpicker-container .e-icon-btn:disabled:active,
955
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
956
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
957
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
958
+ background-color: transparent;
959
+ box-shadow: none;
960
+ color: rgba(108, 117, 125, 0.65);
961
+ }
962
+
961
963
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
962
964
  background-color: #fff;
963
965
  border-color: #fff;
package/styles/color-picker/bootstrap5.css CHANGED
@@ -56,7 +56,7 @@
56
56
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn {
57
57
  background-color: #fff;
58
58
  border: 1px solid #ced4da;
59
- color: #fff;
59
+ color: #6c757d;
60
60
  }
61
61
 
62
62
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
@@ -66,7 +66,7 @@
66
66
 
67
67
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
68
68
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
69
- background-color: transparent;
69
+ background-color: #fff;
70
70
  border: 1px solid #ced4da;
71
71
  color: #6c757d;
72
72
  }
@@ -367,7 +367,6 @@ body.e-colorpicker-overflow {
367
367
  position: relative;
368
368
  top: 0;
369
369
  width: 13.45%;
370
- height: 38px;
371
370
  }
372
371
 
373
372
  .e-container .e-slider-preview .e-preview-container .e-preview {
@@ -628,14 +627,6 @@ body.e-colorpicker-overflow {
628
627
  width: 462px;
629
628
  }
630
629
 
631
- .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
632
- height: 38px;
633
- }
634
-
635
- .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn .e-mode-switch-btn {
636
- height: 38px;
637
- }
638
-
639
630
  .e-bigger .e-container .e-palette .e-tile {
640
631
  height: 29px;
641
632
  width: 29px;
@@ -922,15 +913,6 @@ body.e-colorpicker-overflow {
922
913
  color: rgba(255, 255, 255, 0.65);
923
914
  }
924
915
 
925
- .e-colorpicker-wrapper .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-colorpicker-wrapper .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-colorpicker-wrapper .e-split-btn-wrapper .e-dropdown-btn:disabled:active,
926
- .e-colorpicker-container .e-split-btn-wrapper .e-dropdown-btn:disabled:focus,
927
- .e-colorpicker-container .e-split-btn-wrapper .e-dropdown-btn:disabled:hover,
928
- .e-colorpicker-container .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
929
- background-color: transparent;
930
- box-shadow: none;
931
- color: #6c757d;
932
- }
933
-
934
916
  .e-colorpicker-wrapper .e-btn.e-icon-btn,
935
917
  .e-colorpicker-container .e-btn.e-icon-btn {
936
918
  background-color: transparent;
@@ -958,6 +940,26 @@ body.e-colorpicker-overflow {
958
940
  color: #fff;
959
941
  }
960
942
 
943
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
944
+ .e-colorpicker-container .e-icon-btn:disabled,
945
+ .e-colorpicker-container .e-icon-btn.e-disabled {
946
+ background-color: transparent;
947
+ box-shadow: none;
948
+ color: rgba(108, 117, 125, 0.65);
949
+ }
950
+
951
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
952
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
953
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
954
+ .e-colorpicker-container .e-icon-btn:disabled:active,
955
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
956
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
957
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
958
+ background-color: transparent;
959
+ box-shadow: none;
960
+ color: rgba(108, 117, 125, 0.65);
961
+ }
962
+
961
963
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
962
964
  background-color: #fff;
963
965
  border-color: #fff;
package/styles/color-picker/fabric-dark.css CHANGED
@@ -151,7 +151,7 @@ body.e-colorpicker-overflow {
151
151
  }
152
152
 
153
153
  .e-container {
154
- border: 1px solid #414040;
154
+ border: 0;
155
155
  border-radius: 0;
156
156
  display: inline-block;
157
157
  line-height: 0;
@@ -192,7 +192,7 @@ body.e-colorpicker-overflow {
192
192
  }
193
193
 
194
194
  .e-container .e-palette {
195
- border-bottom: 1px solid #414040;
195
+ border-bottom: 0;
196
196
  display: table;
197
197
  line-height: 0;
198
198
  outline: none;
@@ -233,7 +233,7 @@ body.e-colorpicker-overflow {
233
233
  }
234
234
 
235
235
  .e-container .e-hsv-container {
236
- border-bottom: 1px solid #414040;
236
+ border-bottom: 0;
237
237
  position: relative;
238
238
  -ms-touch-action: none;
239
239
  touch-action: none;
@@ -888,6 +888,26 @@ body.e-colorpicker-overflow {
888
888
  color: #6f6c6c;
889
889
  }
890
890
 
891
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
892
+ .e-colorpicker-container .e-icon-btn:disabled,
893
+ .e-colorpicker-container .e-icon-btn.e-disabled {
894
+ background-color: transparent;
895
+ box-shadow: none;
896
+ color: #414040;
897
+ }
898
+
899
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
900
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
901
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
902
+ .e-colorpicker-container .e-icon-btn:disabled:active,
903
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
904
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
905
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
906
+ background-color: transparent;
907
+ box-shadow: none;
908
+ color: #414040;
909
+ }
910
+
891
911
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
892
912
  background-color: #fff;
893
913
  border-color: #fff;
package/styles/color-picker/fabric.css CHANGED
@@ -888,6 +888,26 @@ body.e-colorpicker-overflow {
888
888
  color: #a6a6a6;
889
889
  }
890
890
 
891
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
892
+ .e-colorpicker-container .e-icon-btn:disabled,
893
+ .e-colorpicker-container .e-icon-btn.e-disabled {
894
+ background-color: transparent;
895
+ box-shadow: none;
896
+ color: #f4f4f4;
897
+ }
898
+
899
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
900
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
901
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
902
+ .e-colorpicker-container .e-icon-btn:disabled:active,
903
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
904
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
905
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
906
+ background-color: transparent;
907
+ box-shadow: none;
908
+ color: #f4f4f4;
909
+ }
910
+
891
911
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
892
912
  background-color: #fff;
893
913
  border-color: #fff;
package/styles/color-picker/highcontrast-light.css CHANGED
@@ -888,6 +888,26 @@ body.e-colorpicker-overflow {
888
888
  color: #757575;
889
889
  }
890
890
 
891
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
892
+ .e-colorpicker-container .e-icon-btn:disabled,
893
+ .e-colorpicker-container .e-icon-btn.e-disabled {
894
+ background-color: transparent;
895
+ box-shadow: none;
896
+ color: #fff;
897
+ }
898
+
899
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
900
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
901
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
902
+ .e-colorpicker-container .e-icon-btn:disabled:active,
903
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
904
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
905
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
906
+ background-color: transparent;
907
+ box-shadow: none;
908
+ color: #fff;
909
+ }
910
+
891
911
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
892
912
  background-color: #000;
893
913
  border-color: #000;
package/styles/color-picker/highcontrast.css CHANGED
@@ -888,6 +888,26 @@ body.e-colorpicker-overflow {
888
888
  color: #757575;
889
889
  }
890
890
 
891
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
892
+ .e-colorpicker-container .e-icon-btn:disabled,
893
+ .e-colorpicker-container .e-icon-btn.e-disabled {
894
+ background-color: transparent;
895
+ box-shadow: none;
896
+ color: #000;
897
+ }
898
+
899
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
900
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
901
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
902
+ .e-colorpicker-container .e-icon-btn:disabled:active,
903
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
904
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
905
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
906
+ background-color: transparent;
907
+ box-shadow: none;
908
+ color: #000;
909
+ }
910
+
891
911
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
892
912
  background-color: #fff;
893
913
  border-color: #fff;
package/styles/color-picker/material-dark.css CHANGED
@@ -896,6 +896,26 @@ body.e-colorpicker-overflow {
896
896
  color: rgba(255, 255, 255, 0.3);
897
897
  }
898
898
 
899
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
900
+ .e-colorpicker-container .e-icon-btn:disabled,
901
+ .e-colorpicker-container .e-icon-btn.e-disabled {
902
+ background-color: transparent;
903
+ box-shadow: none;
904
+ color: rgba(255, 255, 255, 0.1);
905
+ }
906
+
907
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
908
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
909
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
910
+ .e-colorpicker-container .e-icon-btn:disabled:active,
911
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
912
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
913
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
914
+ background-color: transparent;
915
+ box-shadow: none;
916
+ color: rgba(255, 255, 255, 0.1);
917
+ }
918
+
899
919
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
900
920
  background-color: #fff;
901
921
  border-color: #fff;
package/styles/color-picker/material.css CHANGED
@@ -905,6 +905,26 @@ body.e-colorpicker-overflow {
905
905
  color: rgba(0, 0, 0, 0.26);
906
906
  }
907
907
 
908
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
909
+ .e-colorpicker-container .e-icon-btn:disabled,
910
+ .e-colorpicker-container .e-icon-btn.e-disabled {
911
+ background-color: transparent;
912
+ box-shadow: none;
913
+ color: rgba(0, 0, 0, 0.12);
914
+ }
915
+
916
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
917
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
918
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
919
+ .e-colorpicker-container .e-icon-btn:disabled:active,
920
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
921
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
922
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
923
+ background-color: transparent;
924
+ box-shadow: none;
925
+ color: rgba(0, 0, 0, 0.12);
926
+ }
927
+
908
928
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
909
929
  background-color: #fff;
910
930
  border-color: #fff;
package/styles/color-picker/tailwind-dark.css CHANGED
@@ -920,6 +920,26 @@ body.e-colorpicker-overflow {
920
920
  color: #6b7280;
921
921
  }
922
922
 
923
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
924
+ .e-colorpicker-container .e-icon-btn:disabled,
925
+ .e-colorpicker-container .e-icon-btn.e-disabled {
926
+ background-color: transparent;
927
+ box-shadow: none;
928
+ color: #1f2937;
929
+ }
930
+
931
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
932
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
933
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
934
+ .e-colorpicker-container .e-icon-btn:disabled:active,
935
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
936
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
937
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
938
+ background-color: transparent;
939
+ box-shadow: none;
940
+ color: #1f2937;
941
+ }
942
+
923
943
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
924
944
  background-color: #fff;
925
945
  border-color: #fff;
package/styles/color-picker/tailwind.css CHANGED
@@ -920,6 +920,26 @@ body.e-colorpicker-overflow {
920
920
  color: #9ca3af;
921
921
  }
922
922
 
923
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
924
+ .e-colorpicker-container .e-icon-btn:disabled,
925
+ .e-colorpicker-container .e-icon-btn.e-disabled {
926
+ background-color: transparent;
927
+ box-shadow: none;
928
+ color: #fff;
929
+ }
930
+
931
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
932
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
933
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
934
+ .e-colorpicker-container .e-icon-btn:disabled:active,
935
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
936
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
937
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
938
+ background-color: transparent;
939
+ box-shadow: none;
940
+ color: #fff;
941
+ }
942
+
923
943
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
924
944
  background-color: #fff;
925
945
  border-color: #fff;
package/styles/fabric-dark.css CHANGED
@@ -1,3 +1,13 @@
1
+ .e-signature {
2
+ border: 1px solid;
3
+ }
4
+
5
+ .e-signature {
6
+ background-color: #fff;
7
+ border: 1px solid;
8
+ border-color: #414040;
9
+ }
10
+
1
11
  .e-float-input .e-clear-icon::before,
2
12
  .e-float-input.e-control-wrapper .e-clear-icon::before {
3
13
  content: '\e953';
@@ -488,6 +498,8 @@ textarea.e-input.e-small,
488
498
  .e-input-group.e-small .e-input-group-icon.e-bigger,
489
499
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
490
500
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
501
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
502
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
491
503
  .e-bigger .e-input-group.e-small .e-input-group-icon,
492
504
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
493
505
  font-size: 12px;
@@ -1460,6 +1472,8 @@ label.e-float-text,
1460
1472
  .e-input-group.e-small .e-input-group-icon.e-bigger,
1461
1473
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
1462
1474
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
1475
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
1476
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
1463
1477
  .e-bigger .e-input-group.e-small .e-input-group-icon,
1464
1478
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
1465
1479
  margin-bottom: 0;
@@ -3494,7 +3508,12 @@ textarea.e-input,
3494
3508
  .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3495
3509
  .e-bigger .e-input-group.e-input-focus textarea,
3496
3510
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3497
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3511
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3512
+ .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3513
+ .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3514
+ .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3515
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3516
+ .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
3498
3517
  font: inherit;
3499
3518
  line-height: 1.5;
3500
3519
  min-height: 36px;
@@ -3507,13 +3526,8 @@ textarea.e-input,
3507
3526
  .e-input-group textarea.e-input.e-small,
3508
3527
  .e-input-group.e-control-wrapper.e-small textarea,
3509
3528
  .e-input-group.e-control-wrapper.e-small textarea.e-input,
3510
- .e-input-group.e-control-wrapper textarea.e-bigger,
3511
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
3512
3529
  .e-small .e-input-group textarea,
3513
3530
  .e-small .e-input-group textarea.e-input,
3514
- .e-bigger .e-input-group.e-control-wrapper textarea,
3515
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3516
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input,
3517
3531
  .e-float-input.e-small textarea,
3518
3532
  .e-float-input textarea.e-small,
3519
3533
  .e-float-input.e-control-wrapper.e-small textarea,
@@ -3532,11 +3546,8 @@ textarea.e-input,
3532
3546
  .e-input-group.e-input-focus textarea.e-input.e-small,
3533
3547
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
3534
3548
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3535
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
3536
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3537
3549
  .e-small .e-input-group.e-input-focus textarea,
3538
- .e-small .e-input-group.e-input-focus textarea.e-input,
3539
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3550
+ .e-small .e-input-group.e-input-focus textarea.e-input {
3540
3551
  font: inherit;
3541
3552
  min-height: 26px;
3542
3553
  padding: 4px 10px 0 10px;
@@ -3548,13 +3559,8 @@ textarea.e-input,
3548
3559
  .e-input-group textarea.e-input.e-small:focus,
3549
3560
  .e-input-group.e-control-wrapper.e-small textarea:focus,
3550
3561
  .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
3551
- .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3552
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3553
3562
  .e-small .e-input-group textarea:focus,
3554
3563
  .e-small .e-input-group textarea.e-input:focus,
3555
- .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3556
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3557
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
3558
3564
  .e-float-input.e-small textarea:focus,
3559
3565
  .e-float-input textarea.e-small:focus,
3560
3566
  .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3610,7 +3616,8 @@ textarea.e-input,
3610
3616
  .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
3611
3617
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3612
3618
  .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3613
- .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3619
+ .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3620
+ .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
3614
3621
  font: inherit;
3615
3622
  line-height: 1.5;
3616
3623
  min-height: 32px;
@@ -6457,7 +6464,7 @@ body.e-colorpicker-overflow {
6457
6464
  }
6458
6465
 
6459
6466
  .e-container {
6460
- border: 1px solid #414040;
6467
+ border: 0;
6461
6468
  border-radius: 0;
6462
6469
  display: inline-block;
6463
6470
  line-height: 0;
@@ -6498,7 +6505,7 @@ body.e-colorpicker-overflow {
6498
6505
  }
6499
6506
 
6500
6507
  .e-container .e-palette {
6501
- border-bottom: 1px solid #414040;
6508
+ border-bottom: 0;
6502
6509
  display: table;
6503
6510
  line-height: 0;
6504
6511
  outline: none;
@@ -6539,7 +6546,7 @@ body.e-colorpicker-overflow {
6539
6546
  }
6540
6547
 
6541
6548
  .e-container .e-hsv-container {
6542
- border-bottom: 1px solid #414040;
6549
+ border-bottom: 0;
6543
6550
  position: relative;
6544
6551
  -ms-touch-action: none;
6545
6552
  touch-action: none;
@@ -7194,6 +7201,26 @@ body.e-colorpicker-overflow {
7194
7201
  color: #6f6c6c;
7195
7202
  }
7196
7203
 
7204
+ .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
7205
+ .e-colorpicker-container .e-icon-btn:disabled,
7206
+ .e-colorpicker-container .e-icon-btn.e-disabled {
7207
+ background-color: transparent;
7208
+ box-shadow: none;
7209
+ color: #414040;
7210
+ }
7211
+
7212
+ .e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
7213
+ .e-colorpicker-container .e-icon-btn:disabled:focus,
7214
+ .e-colorpicker-container .e-icon-btn:disabled:hover,
7215
+ .e-colorpicker-container .e-icon-btn:disabled:active,
7216
+ .e-colorpicker-container .e-icon-btn.e-disabled:focus,
7217
+ .e-colorpicker-container .e-icon-btn.e-disabled:hover,
7218
+ .e-colorpicker-container .e-icon-btn.e-disabled:active {
7219
+ background-color: transparent;
7220
+ box-shadow: none;
7221
+ color: #414040;
7222
+ }
7223
+
7197
7224
  .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
7198
7225
  background-color: #fff;
7199
7226
  border-color: #fff;
package/styles/fabric-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @import 'signature/fabric-dark.scss';
1
2
  @import 'input/fabric-dark.scss';
2
3
  @import 'numerictextbox/fabric-dark.scss';
3
4
  @import 'maskedtextbox/fabric-dark.scss';