@syncfusion/ej2-inplace-editor 28.2.3 → 29.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 (39) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-inplace-editor.min.js +1 -1
  3. package/dist/ej2-inplace-editor.umd.min.js +1 -1
  4. package/dist/global/ej2-inplace-editor.min.js +1 -1
  5. package/dist/global/index.d.ts +1 -1
  6. package/package.json +18 -18
  7. package/styles/bootstrap4-lite.css +10 -10
  8. package/styles/bootstrap4.css +10 -10
  9. package/styles/bootstrap5-dark-lite.css +9 -9
  10. package/styles/bootstrap5-dark.css +13 -13
  11. package/styles/bootstrap5-lite.css +2 -2
  12. package/styles/bootstrap5.3-lite.css +2 -2
  13. package/styles/bootstrap5.3.css +6 -6
  14. package/styles/bootstrap5.css +6 -6
  15. package/styles/fluent-dark.css +4 -4
  16. package/styles/fluent.css +4 -4
  17. package/styles/fluent2.css +4 -4
  18. package/styles/highcontrast.css +4 -4
  19. package/styles/inplace-editor/_bootstrap4-definition.scss +5 -3
  20. package/styles/inplace-editor/_bootstrap5-definition.scss +2 -2
  21. package/styles/inplace-editor/_bootstrap5.3-definition.scss +2 -2
  22. package/styles/inplace-editor/_fluent-definition.scss +2 -2
  23. package/styles/inplace-editor/_fluent2-definition.scss +2 -2
  24. package/styles/inplace-editor/_highcontrast-definition.scss +2 -2
  25. package/styles/inplace-editor/_tailwind3-definition.scss +2 -2
  26. package/styles/inplace-editor/_theme.scss +8 -6
  27. package/styles/inplace-editor/bootstrap4.css +10 -10
  28. package/styles/inplace-editor/bootstrap5-dark.css +13 -13
  29. package/styles/inplace-editor/bootstrap5.3.css +6 -6
  30. package/styles/inplace-editor/bootstrap5.css +6 -6
  31. package/styles/inplace-editor/fluent-dark.css +4 -4
  32. package/styles/inplace-editor/fluent.css +4 -4
  33. package/styles/inplace-editor/fluent2.css +4 -4
  34. package/styles/inplace-editor/highcontrast.css +4 -4
  35. package/styles/inplace-editor/material.css +9 -0
  36. package/styles/inplace-editor/tailwind3.css +4 -4
  37. package/styles/material-lite.css +9 -0
  38. package/styles/material.css +9 -0
  39. package/styles/tailwind3.css +4 -4
package/styles/inplace-editor/_bootstrap4-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+
1
3
  /*! Bootstrap4 theme definitions and variables */
2
4
  /*! Value element styles */
3
5
  $black-color: rgba($black, .25) !default;
@@ -17,7 +19,7 @@ $editor-big-overlay-icon-container-size: 20px !default;
17
19
  $editor-nrml-overlay-icon-container-size: 18px !default;
18
20
  $editor-big-overlay-icon-left-right: 12px !default;
19
21
  $editor-nrml-overlay-icon-left-right: 10px !default;
20
- $editor-value-hover-bg: darken($gray-100, 2%) !default;
22
+ $editor-value-hover-bg: color.adjust($gray-100, $lightness: -2%) !default;
21
23
  $editor-value-text-color: $gray-700 !default;
22
24
  $editor-overlay-icon-color: $gray-700 !default;
23
25
  $editor-value-text-border: 1px dashed $gray-700 !default;
@@ -28,7 +30,7 @@ $editable-overlay-icon: 0 !default;
28
30
  $editor-tip-border: 1px solid rgba($black, .2) !default;
29
31
  $editor-tip-bg: $content-bg !default;
30
32
  $editor-tip-arrow-icon-color: $content-bg !default;
31
- $editor-tip-title-arrow-icon-color: darken($gray-100, 2%) !default;
33
+ $editor-tip-title-arrow-icon-color: color.adjust($gray-100, $lightness: -2%) !default;
32
34
  $editor-tip-arrow-bdr-color: rgba($black, .2) !default;
33
35
  $editor-tip-title-arrow-bdr-color: rgba($black, .2) !default;
34
36
  $editor-tip-box-shadow: none !default;
@@ -48,7 +50,7 @@ $editor-rtl-nrml-tip-title-padding: 0 14px 0 0 !default;
48
50
  $editor-big-tip-title-container-size: 36px !default;
49
51
  $editor-nrml-tip-title-container-size: 31px !default;
50
52
  $editor-tio-title-border-bottom: 0 !default;
51
- $editor-tip-title-bg: darken($gray-100, 2%) !default;
53
+ $editor-tip-title-bg: color.adjust($gray-100, $lightness: -2%) !default;
52
54
  $editor-tip-title-color: $gray-900 !default;
53
55
 
54
56
  /*! Wrapper styles */
package/styles/inplace-editor/_bootstrap5-definition.scss CHANGED
@@ -1,11 +1,11 @@
1
1
  //Layout Variable Start
2
2
  $editor-big-value-text-font-size: $text-base !default;
3
3
  $editor-nrml-value-text-font-size: $text-sm !default;
4
- $editor-big-value-container-padding: 7px 12px 7px 12px !default;
4
+ $editor-big-value-container-padding: 7px 48px 7px 12px !default;
5
5
  $editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
6
6
  $editor-big-value-container-spin-padding: 8px !default;
7
7
  $editor-nrml-value-container-spin-padding: 8px !default;
8
- $editor-big-value-margin: 0 30px 0 0 !default;
8
+ $editor-big-value-margin: 0 !default;
9
9
  $editor-nrml-value-margin: 0 28px 0 0 !default;
10
10
  $editor-rtl-big-value-margin: 0 0 0 30px !default;
11
11
  $editor-rtl-nrml-value-margin: 0 0 0 28px !default;
package/styles/inplace-editor/_bootstrap5.3-definition.scss CHANGED
@@ -1,11 +1,11 @@
1
1
  //Layout Variable Start
2
2
  $editor-big-value-text-font-size: $text-base !default;
3
3
  $editor-nrml-value-text-font-size: $text-sm !default;
4
- $editor-big-value-container-padding: 7px 12px 7px 12px !default;
4
+ $editor-big-value-container-padding: 7px 48px 7px 12px !default;
5
5
  $editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
6
6
  $editor-big-value-container-spin-padding: 8px !default;
7
7
  $editor-nrml-value-container-spin-padding: 8px !default;
8
- $editor-big-value-margin: 0 30px 0 0 !default;
8
+ $editor-big-value-margin: 0 !default;
9
9
  $editor-nrml-value-margin: 0 28px 0 0 !default;
10
10
  $editor-rtl-big-value-margin: 0 0 0 30px !default;
11
11
  $editor-rtl-nrml-value-margin: 0 0 0 28px !default;
package/styles/inplace-editor/_fluent-definition.scss CHANGED
@@ -1,11 +1,11 @@
1
1
  //Layout Variable Start
2
2
  $editor-big-value-text-font-size: $text-base !default;
3
3
  $editor-nrml-value-text-font-size: $text-sm !default;
4
- $editor-big-value-container-padding: 7px 12px 9px 12px !default;
4
+ $editor-big-value-container-padding: 8px 36px 8px 12px !default;
5
5
  $editor-nrml-value-container-padding: 4px 8px 6px 8px !default;
6
6
  $editor-big-value-container-spin-padding: 12px !default;
7
7
  $editor-nrml-value-container-spin-padding: 10px !default;
8
- $editor-big-value-margin: 0 32px 0 0 !default;
8
+ $editor-big-value-margin: 0 !default;
9
9
  $editor-nrml-value-margin: 0 30px 0 0 !default;
10
10
  $editor-rtl-big-value-margin: 0 0 0 32px !default;
11
11
  $editor-rtl-nrml-value-margin: 0 0 0 30px !default;
package/styles/inplace-editor/_fluent2-definition.scss CHANGED
@@ -2,11 +2,11 @@
2
2
  $skin-name: 'fluent2' !default;
3
3
  $editor-big-value-text-font-size: $text-base !default;
4
4
  $editor-nrml-value-text-font-size: $text-sm !default;
5
- $editor-big-value-container-padding: 7px 12px 7px 12px !default;
5
+ $editor-big-value-container-padding: 8px 38px 10px 12px !default;
6
6
  $editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
7
7
  $editor-big-value-container-spin-padding: 8px !default;
8
8
  $editor-nrml-value-container-spin-padding: 8px !default;
9
- $editor-big-value-margin: 0 30px 0 0 !default;
9
+ $editor-big-value-margin: 0 !default;
10
10
  $editor-nrml-value-margin: 0 28px 0 0 !default;
11
11
  $editor-rtl-big-value-margin: 0 0 0 30px !default;
12
12
  $editor-rtl-nrml-value-margin: 0 0 0 28px !default;
package/styles/inplace-editor/_highcontrast-definition.scss CHANGED
@@ -2,11 +2,11 @@
2
2
  /*! Value element styles */
3
3
  $editor-big-value-text-font-size: 15px !default;
4
4
  $editor-nrml-value-text-font-size: 14px !default;
5
- $editor-big-value-container-padding: 8px 12px !default;
5
+ $editor-big-value-container-padding: 8px 36px 8px 12px !default;
6
6
  $editor-nrml-value-container-padding: 6px 10px !default;
7
7
  $editor-big-value-container-spin-padding: 12px !default;
8
8
  $editor-nrml-value-container-spin-padding: 10px !default;
9
- $editor-big-value-margin: 0 32px 0 0 !default;
9
+ $editor-big-value-margin: 0 !default;
10
10
  $editor-nrml-value-margin: 0 30px 0 0 !default;
11
11
  $editor-rtl-big-value-margin: 0 0 0 32px !default;
12
12
  $editor-rtl-nrml-value-margin: 0 0 0 30px !default;
package/styles/inplace-editor/_tailwind3-definition.scss CHANGED
@@ -1,11 +1,11 @@
1
1
  //Layout Variable Start
2
2
  $editor-big-value-text-font-size: $text-base !default;
3
3
  $editor-nrml-value-text-font-size: $text-sm !default;
4
- $editor-big-value-container-padding: 7px 12px 7px 12px !default;
4
+ $editor-big-value-container-padding: 8px 36px 8px 12px !default;
5
5
  $editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
6
6
  $editor-big-value-container-spin-padding: 8px !default;
7
7
  $editor-nrml-value-container-spin-padding: 8px !default;
8
- $editor-big-value-margin: 0 30px 0 0 !default;
8
+ $editor-big-value-margin: 0 !default;
9
9
  $editor-nrml-value-margin: 0 28px 0 0 !default;
10
10
  $editor-rtl-big-value-margin: 0 0 0 30px !default;
11
11
  $editor-rtl-nrml-value-margin: 0 0 0 28px !default;
package/styles/inplace-editor/_theme.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+
1
3
  @include export-module('inplaceeditor-theme') {
2
4
  .e-inplaceeditor {
3
5
  .e-editable-value-wrapper {
@@ -117,8 +119,8 @@
117
119
 
118
120
  @if $skin-name == 'bootstrap4' {
119
121
  &:hover {
120
- background-color: darken($gray-600, 7.5%);
121
- border: 1px solid darken($gray-600, 10%);
122
+ background-color: color.adjust($gray-600, $lightness: -7.5%);
123
+ border: 1px solid color.adjust($gray-600, $lightness: -10%);
122
124
  }
123
125
 
124
126
  &:disabled {
@@ -129,8 +131,8 @@
129
131
  }
130
132
  @else if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
131
133
  &:hover {
132
- background-color: darken($gray-600, 7.5%);
133
- border: 1px solid darken($gray-600, 10%);
134
+ background-color: color.adjust($gray-600, $lightness: -7.5%);
135
+ border: 1px solid color.adjust($gray-600, $lightness: -10%);
134
136
  }
135
137
 
136
138
  &:disabled{
@@ -149,8 +151,8 @@
149
151
 
150
152
  @if $skin-name == 'bootstrap4' {
151
153
  &:active {
152
- background-color: darken($gray-600, 10%);
153
- border: 1px solid darken($gray-600, 12.5%);
154
+ background-color: color.adjust($gray-600, $lightness: -10%);
155
+ border: 1px solid color.adjust($gray-600, $lightness: -12.5%);
154
156
  }
155
157
  }
156
158
 
package/styles/inplace-editor/bootstrap4.css CHANGED
@@ -205,10 +205,10 @@
205
205
  border-radius: 4px;
206
206
  }
207
207
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn:active, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
208
- border: 1px solid #4e555b;
208
+ border: 1px solid rgb(78.4506437768, 84.9881974249, 90.7993562232);
209
209
  }
210
210
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn:hover, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-control.e-tbar-btn.e-btn:hover {
211
- border: 1px solid #545b62;
211
+ border: 1px solid rgb(84.3605150215, 91.3905579399, 97.6394849785);
212
212
  }
213
213
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn:focus, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-control.e-tbar-btn.e-btn:focus {
214
214
  border: 1px solid #6c757d;
@@ -822,7 +822,7 @@
822
822
  border-bottom: 0;
823
823
  }
824
824
  .e-inplaceeditor .e-editable-value-wrapper:hover {
825
- background: #f2f4f6;
825
+ background: rgb(242.05, 243.9, 245.75);
826
826
  border-radius: 4px;
827
827
  }
828
828
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
@@ -839,7 +839,7 @@
839
839
  border-bottom: 0;
840
840
  }
841
841
  .e-inplaceeditor .e-editable-value-container:hover {
842
- background: #f2f4f6;
842
+ background: rgb(242.05, 243.9, 245.75);
843
843
  border-radius: 4px;
844
844
  }
845
845
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
@@ -882,8 +882,8 @@
882
882
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover,
883
883
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
884
884
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover {
885
- background-color: #5a6268;
886
- border: 1px solid #545b62;
885
+ background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
886
+ border: 1px solid rgb(84.3605150215, 91.3905579399, 97.6394849785);
887
887
  }
888
888
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
889
889
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
@@ -905,8 +905,8 @@
905
905
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active,
906
906
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active,
907
907
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active {
908
- background-color: #545b62;
909
- border: 1px solid #4e555b;
908
+ background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
909
+ border: 1px solid rgb(78.4506437768, 84.9881974249, 90.7993562232);
910
910
  }
911
911
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
912
912
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
@@ -946,7 +946,7 @@
946
946
  border: 1px solid rgba(0, 0, 0, 0.2);
947
947
  }
948
948
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
949
- background: #f2f4f6;
949
+ background: rgb(242.05, 243.9, 245.75);
950
950
  border-bottom: 0;
951
951
  color: #212529;
952
952
  }
@@ -954,7 +954,7 @@
954
954
  border-bottom-color: rgba(0, 0, 0, 0.2);
955
955
  }
956
956
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
957
- color: #f2f4f6;
957
+ color: rgb(242.05, 243.9, 245.75);
958
958
  }
959
959
 
960
960
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
package/styles/inplace-editor/bootstrap5-dark.css CHANGED
@@ -604,7 +604,7 @@
604
604
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
605
605
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
606
606
  background-color: #212529;
607
- border: 1px solid #444c54;
607
+ border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
608
608
  border-radius: 4px;
609
609
  }
610
610
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
@@ -617,15 +617,15 @@
617
617
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover,
618
618
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
619
619
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover {
620
- background-color: #5a6268;
621
- border: 1px solid #545b62;
620
+ background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
621
+ border: 1px solid rgb(84.3605150215, 91.3905579399, 97.6394849785);
622
622
  }
623
623
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
624
624
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
625
625
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
626
626
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
627
627
  background-color: #212529;
628
- border: 1px solid #444c54;
628
+ border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
629
629
  border-radius: 4px;
630
630
  }
631
631
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
@@ -656,19 +656,19 @@
656
656
  color: #fff;
657
657
  }
658
658
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
659
- color: #282d31;
659
+ color: rgb(26.177027027, 29.35, 32.522972973);
660
660
  }
661
661
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
662
- border-bottom-color: #282d31;
662
+ border-bottom-color: rgb(26.177027027, 29.35, 32.522972973);
663
663
  }
664
664
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
665
- border-top-color: #282d31;
665
+ border-top-color: rgb(26.177027027, 29.35, 32.522972973);
666
666
  }
667
667
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
668
668
  border: 1px solid #6c757d;
669
669
  }
670
670
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
671
- background: #282d31;
671
+ background: rgb(26.177027027, 29.35, 32.522972973);
672
672
  border-bottom: 0;
673
673
  color: #fff;
674
674
  }
@@ -676,17 +676,17 @@
676
676
  border-bottom-color: #6c757d;
677
677
  }
678
678
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
679
- color: #282d31;
679
+ color: rgb(26.177027027, 29.35, 32.522972973);
680
680
  }
681
681
 
682
682
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
683
683
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
684
- padding: 7px 12px 7px 12px;
684
+ padding: 7px 48px 7px 12px;
685
685
  }
686
686
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
687
687
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
688
688
  font-size: 16px;
689
- margin: 0 30px 0 0;
689
+ margin: 0;
690
690
  }
691
691
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
692
692
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -703,12 +703,12 @@
703
703
  }
704
704
  .e-bigger .e-inplaceeditor .e-editable-value-container,
705
705
  .e-inplaceeditor.e-bigger .e-editable-value-container {
706
- padding: 7px 12px 7px 12px;
706
+ padding: 7px 48px 7px 12px;
707
707
  }
708
708
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
709
709
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
710
710
  font-size: 16px;
711
- margin: 0 30px 0 0;
711
+ margin: 0;
712
712
  }
713
713
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
714
714
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/inplace-editor/bootstrap5.3.css CHANGED
@@ -621,8 +621,8 @@
621
621
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover,
622
622
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
623
623
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover {
624
- background-color: #5a6268;
625
- border: 1px solid #545b62;
624
+ background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
625
+ border: 1px solid rgb(84.3605150215, 91.3905579399, 97.6394849785);
626
626
  }
627
627
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
628
628
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
@@ -685,12 +685,12 @@
685
685
 
686
686
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
687
687
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
688
- padding: 7px 12px 7px 12px;
688
+ padding: 7px 48px 7px 12px;
689
689
  }
690
690
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
691
691
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
692
692
  font-size: 16px;
693
- margin: 0 30px 0 0;
693
+ margin: 0;
694
694
  }
695
695
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
696
696
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -707,12 +707,12 @@
707
707
  }
708
708
  .e-bigger .e-inplaceeditor .e-editable-value-container,
709
709
  .e-inplaceeditor.e-bigger .e-editable-value-container {
710
- padding: 7px 12px 7px 12px;
710
+ padding: 7px 48px 7px 12px;
711
711
  }
712
712
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
713
713
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
714
714
  font-size: 16px;
715
- margin: 0 30px 0 0;
715
+ margin: 0;
716
716
  }
717
717
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
718
718
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/inplace-editor/bootstrap5.css CHANGED
@@ -617,8 +617,8 @@
617
617
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover,
618
618
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
619
619
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover {
620
- background-color: #5a6268;
621
- border: 1px solid #545b62;
620
+ background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
621
+ border: 1px solid rgb(84.3605150215, 91.3905579399, 97.6394849785);
622
622
  }
623
623
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
624
624
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
@@ -681,12 +681,12 @@
681
681
 
682
682
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
683
683
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
684
- padding: 7px 12px 7px 12px;
684
+ padding: 7px 48px 7px 12px;
685
685
  }
686
686
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
687
687
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
688
688
  font-size: 16px;
689
- margin: 0 30px 0 0;
689
+ margin: 0;
690
690
  }
691
691
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
692
692
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -703,12 +703,12 @@
703
703
  }
704
704
  .e-bigger .e-inplaceeditor .e-editable-value-container,
705
705
  .e-inplaceeditor.e-bigger .e-editable-value-container {
706
- padding: 7px 12px 7px 12px;
706
+ padding: 7px 48px 7px 12px;
707
707
  }
708
708
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
709
709
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
710
710
  font-size: 16px;
711
- margin: 0 30px 0 0;
711
+ margin: 0;
712
712
  }
713
713
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
714
714
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/inplace-editor/fluent-dark.css CHANGED
@@ -628,12 +628,12 @@
628
628
 
629
629
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
630
630
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
631
- padding: 7px 12px 9px 12px;
631
+ padding: 8px 36px 8px 12px;
632
632
  }
633
633
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
634
634
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
635
635
  font-size: 16px;
636
- margin: 0 32px 0 0;
636
+ margin: 0;
637
637
  }
638
638
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
639
639
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -650,12 +650,12 @@
650
650
  }
651
651
  .e-bigger .e-inplaceeditor .e-editable-value-container,
652
652
  .e-inplaceeditor.e-bigger .e-editable-value-container {
653
- padding: 7px 12px 9px 12px;
653
+ padding: 8px 36px 8px 12px;
654
654
  }
655
655
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
656
656
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
657
657
  font-size: 16px;
658
- margin: 0 32px 0 0;
658
+ margin: 0;
659
659
  }
660
660
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
661
661
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/inplace-editor/fluent.css CHANGED
@@ -628,12 +628,12 @@
628
628
 
629
629
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
630
630
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
631
- padding: 7px 12px 9px 12px;
631
+ padding: 8px 36px 8px 12px;
632
632
  }
633
633
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
634
634
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
635
635
  font-size: 16px;
636
- margin: 0 32px 0 0;
636
+ margin: 0;
637
637
  }
638
638
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
639
639
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -650,12 +650,12 @@
650
650
  }
651
651
  .e-bigger .e-inplaceeditor .e-editable-value-container,
652
652
  .e-inplaceeditor.e-bigger .e-editable-value-container {
653
- padding: 7px 12px 9px 12px;
653
+ padding: 8px 36px 8px 12px;
654
654
  }
655
655
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
656
656
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
657
657
  font-size: 16px;
658
- margin: 0 32px 0 0;
658
+ margin: 0;
659
659
  }
660
660
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
661
661
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/inplace-editor/fluent2.css CHANGED
@@ -796,12 +796,12 @@
796
796
 
797
797
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
798
798
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
799
- padding: 7px 12px 7px 12px;
799
+ padding: 8px 38px 10px 12px;
800
800
  }
801
801
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
802
802
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
803
803
  font-size: 16px;
804
- margin: 0 30px 0 0;
804
+ margin: 0;
805
805
  }
806
806
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
807
807
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -818,12 +818,12 @@
818
818
  }
819
819
  .e-bigger .e-inplaceeditor .e-editable-value-container,
820
820
  .e-inplaceeditor.e-bigger .e-editable-value-container {
821
- padding: 7px 12px 7px 12px;
821
+ padding: 8px 38px 10px 12px;
822
822
  }
823
823
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
824
824
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
825
825
  font-size: 16px;
826
- margin: 0 30px 0 0;
826
+ margin: 0;
827
827
  }
828
828
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
829
829
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/inplace-editor/highcontrast.css CHANGED
@@ -665,12 +665,12 @@
665
665
 
666
666
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
667
667
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
668
- padding: 8px 12px;
668
+ padding: 8px 36px 8px 12px;
669
669
  }
670
670
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
671
671
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
672
672
  font-size: 15px;
673
- margin: 0 32px 0 0;
673
+ margin: 0;
674
674
  }
675
675
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
676
676
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -687,12 +687,12 @@
687
687
  }
688
688
  .e-bigger .e-inplaceeditor .e-editable-value-container,
689
689
  .e-inplaceeditor.e-bigger .e-editable-value-container {
690
- padding: 8px 12px;
690
+ padding: 8px 36px 8px 12px;
691
691
  }
692
692
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
693
693
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
694
694
  font-size: 15px;
695
- margin: 0 32px 0 0;
695
+ margin: 0;
696
696
  }
697
697
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
698
698
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/inplace-editor/material.css CHANGED
@@ -136,6 +136,15 @@
136
136
  padding: 0;
137
137
  }
138
138
 
139
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
140
+ padding: 0 8px 0 9px;
141
+ }
142
+
143
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
144
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
145
+ padding: 0 8px 0 9px;
146
+ }
147
+
139
148
  /* stylelint-disable property-no-vendor-prefix */
140
149
  @-webkit-keyframes material-spinner-rotate {
141
150
  0% {
package/styles/inplace-editor/tailwind3.css CHANGED
@@ -644,12 +644,12 @@
644
644
 
645
645
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
646
646
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
647
- padding: 7px 12px 7px 12px;
647
+ padding: 8px 36px 8px 12px;
648
648
  }
649
649
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
650
650
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
651
651
  font-size: 16px;
652
- margin: 0 30px 0 0;
652
+ margin: 0;
653
653
  }
654
654
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
655
655
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -666,12 +666,12 @@
666
666
  }
667
667
  .e-bigger .e-inplaceeditor .e-editable-value-container,
668
668
  .e-inplaceeditor.e-bigger .e-editable-value-container {
669
- padding: 7px 12px 7px 12px;
669
+ padding: 8px 36px 8px 12px;
670
670
  }
671
671
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
672
672
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
673
673
  font-size: 16px;
674
- margin: 0 30px 0 0;
674
+ margin: 0;
675
675
  }
676
676
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
677
677
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
package/styles/material-lite.css CHANGED
@@ -136,6 +136,15 @@
136
136
  padding: 0;
137
137
  }
138
138
 
139
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
140
+ padding: 0 8px 0 9px;
141
+ }
142
+
143
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
144
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
145
+ padding: 0 8px 0 9px;
146
+ }
147
+
139
148
  /* stylelint-disable property-no-vendor-prefix */
140
149
  @-webkit-keyframes material-spinner-rotate {
141
150
  0% {
package/styles/material.css CHANGED
@@ -136,6 +136,15 @@
136
136
  padding: 0;
137
137
  }
138
138
 
139
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
140
+ padding: 0 8px 0 9px;
141
+ }
142
+
143
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
144
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
145
+ padding: 0 8px 0 9px;
146
+ }
147
+
139
148
  /* stylelint-disable property-no-vendor-prefix */
140
149
  @-webkit-keyframes material-spinner-rotate {
141
150
  0% {
package/styles/tailwind3.css CHANGED
@@ -644,12 +644,12 @@
644
644
 
645
645
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
646
646
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
647
- padding: 7px 12px 7px 12px;
647
+ padding: 8px 36px 8px 12px;
648
648
  }
649
649
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
650
650
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
651
651
  font-size: 16px;
652
- margin: 0 30px 0 0;
652
+ margin: 0;
653
653
  }
654
654
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
655
655
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
@@ -666,12 +666,12 @@
666
666
  }
667
667
  .e-bigger .e-inplaceeditor .e-editable-value-container,
668
668
  .e-inplaceeditor.e-bigger .e-editable-value-container {
669
- padding: 7px 12px 7px 12px;
669
+ padding: 8px 36px 8px 12px;
670
670
  }
671
671
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
672
672
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
673
673
  font-size: 16px;
674
- margin: 0 30px 0 0;
674
+ margin: 0;
675
675
  }
676
676
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
677
677
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {