@syncfusion/ej2-react-inplace-editor 19.4.48 → 20.1.55

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 (38) hide show
  1. package/CHANGELOG.md +1 -10
  2. package/README.md +1 -1
  3. package/dist/ej2-react-inplace-editor.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +5 -0
  6. package/styles/bootstrap.css +5 -0
  7. package/styles/bootstrap4.css +5 -0
  8. package/styles/bootstrap5-dark.css +13 -6
  9. package/styles/bootstrap5.css +13 -6
  10. package/styles/fabric-dark.css +5 -0
  11. package/styles/fabric.css +5 -0
  12. package/styles/fluent-dark.css +874 -0
  13. package/styles/fluent-dark.scss +1 -0
  14. package/styles/fluent.css +874 -0
  15. package/styles/fluent.scss +1 -0
  16. package/styles/highcontrast-light.css +5 -0
  17. package/styles/highcontrast.css +5 -0
  18. package/styles/inplace-editor/bootstrap-dark.css +5 -0
  19. package/styles/inplace-editor/bootstrap.css +5 -0
  20. package/styles/inplace-editor/bootstrap4.css +5 -0
  21. package/styles/inplace-editor/bootstrap5-dark.css +13 -6
  22. package/styles/inplace-editor/bootstrap5.css +13 -6
  23. package/styles/inplace-editor/fabric-dark.css +5 -0
  24. package/styles/inplace-editor/fabric.css +5 -0
  25. package/styles/inplace-editor/fluent-dark.css +874 -0
  26. package/styles/inplace-editor/fluent-dark.scss +1 -0
  27. package/styles/inplace-editor/fluent.css +874 -0
  28. package/styles/inplace-editor/fluent.scss +1 -0
  29. package/styles/inplace-editor/highcontrast-light.css +5 -0
  30. package/styles/inplace-editor/highcontrast.css +5 -0
  31. package/styles/inplace-editor/material-dark.css +5 -0
  32. package/styles/inplace-editor/material.css +5 -0
  33. package/styles/inplace-editor/tailwind-dark.css +12 -67
  34. package/styles/inplace-editor/tailwind.css +12 -67
  35. package/styles/material-dark.css +5 -0
  36. package/styles/material.css +5 -0
  37. package/styles/tailwind-dark.css +12 -67
  38. package/styles/tailwind.css +12 -67
package/styles/fluent.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'inplace-editor/fluent.scss';
package/styles/highcontrast-light.css CHANGED
@@ -677,6 +677,11 @@
677
677
  transform: translateX(30%) translateY(-50%);
678
678
  }
679
679
 
680
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
681
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
682
+ padding: 0;
683
+ }
684
+
680
685
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
681
686
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
682
687
  padding: 12px;
package/styles/highcontrast.css CHANGED
@@ -680,6 +680,11 @@
680
680
  transform: translateX(30%) translateY(-50%);
681
681
  }
682
682
 
683
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
684
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
685
+ padding: 0;
686
+ }
687
+
683
688
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
684
689
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
685
690
  padding: 12px;
package/styles/inplace-editor/bootstrap-dark.css CHANGED
@@ -615,6 +615,11 @@
615
615
  transform: translateX(30%) translateY(-50%);
616
616
  }
617
617
 
618
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
619
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
620
+ padding: 0;
621
+ }
622
+
618
623
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
619
624
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
620
625
  padding: 12px;
package/styles/inplace-editor/bootstrap.css CHANGED
@@ -760,6 +760,11 @@
760
760
  transform: translateX(30%) translateY(-50%);
761
761
  }
762
762
 
763
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
764
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
765
+ padding: 0;
766
+ }
767
+
763
768
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
764
769
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
765
770
  padding: 12px;
package/styles/inplace-editor/bootstrap4.css CHANGED
@@ -1001,6 +1001,11 @@
1001
1001
  transform: translateX(30%) translateY(-50%);
1002
1002
  }
1003
1003
 
1004
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
1005
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
1006
+ padding: 0;
1007
+ }
1008
+
1004
1009
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
1005
1010
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
1006
1011
  padding: 16px;
package/styles/inplace-editor/bootstrap5-dark.css CHANGED
@@ -63,7 +63,6 @@
63
63
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
64
64
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
65
65
  background: transparent;
66
- color: inherit;
67
66
  }
68
67
 
69
68
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -91,6 +90,13 @@
91
90
  color: #adb5bd;
92
91
  }
93
92
 
93
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
94
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
95
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
96
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
97
+ background: #343a40;
98
+ }
99
+
94
100
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
95
101
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
96
102
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -153,7 +159,7 @@
153
159
  }
154
160
 
155
161
  .e-multiselect .e-input-group-icon.e-ddl-icon {
156
- border-radius: 0 4px 4px 0;
162
+ border-radius: 0 2px 2px 0;
157
163
  border-right-width: 0;
158
164
  }
159
165
 
@@ -638,6 +644,11 @@
638
644
  transform: translateX(30%) translateY(-50%);
639
645
  }
640
646
 
647
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
648
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
649
+ padding: 0;
650
+ }
651
+
641
652
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
642
653
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
643
654
  padding: 16px;
@@ -774,10 +785,6 @@
774
785
  border-radius: 4px;
775
786
  }
776
787
 
777
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
778
- padding: 0;
779
- }
780
-
781
788
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
782
789
  min-height: 30px;
783
790
  }
package/styles/inplace-editor/bootstrap5.css CHANGED
@@ -63,7 +63,6 @@
63
63
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
64
64
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
65
65
  background: transparent;
66
- color: inherit;
67
66
  }
68
67
 
69
68
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -91,6 +90,13 @@
91
90
  color: #6c757d;
92
91
  }
93
92
 
93
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
94
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
95
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
96
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
97
+ background: #e9ecef;
98
+ }
99
+
94
100
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
95
101
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
96
102
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -153,7 +159,7 @@
153
159
  }
154
160
 
155
161
  .e-multiselect .e-input-group-icon.e-ddl-icon {
156
- border-radius: 0 4px 4px 0;
162
+ border-radius: 0 2px 2px 0;
157
163
  border-right-width: 0;
158
164
  }
159
165
 
@@ -638,6 +644,11 @@
638
644
  transform: translateX(30%) translateY(-50%);
639
645
  }
640
646
 
647
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
648
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
649
+ padding: 0;
650
+ }
651
+
641
652
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
642
653
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
643
654
  padding: 16px;
@@ -774,10 +785,6 @@
774
785
  border-radius: 4px;
775
786
  }
776
787
 
777
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
778
- padding: 0;
779
- }
780
-
781
788
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
782
789
  min-height: 30px;
783
790
  }
package/styles/inplace-editor/fabric-dark.css CHANGED
@@ -569,6 +569,11 @@
569
569
  transform: translateX(30%) translateY(-50%);
570
570
  }
571
571
 
572
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
573
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
574
+ padding: 0;
575
+ }
576
+
572
577
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
573
578
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
574
579
  padding: 12px;
package/styles/inplace-editor/fabric.css CHANGED
@@ -563,6 +563,11 @@
563
563
  transform: translateX(30%) translateY(-50%);
564
564
  }
565
565
 
566
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
567
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
568
+ padding: 0;
569
+ }
570
+
566
571
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
567
572
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
568
573
  padding: 12px;