@syncfusion/ej2-inplace-editor 31.2.12 → 32.1.19

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 (138) hide show
  1. package/.eslintrc.json +4 -31
  2. package/README.md +1 -2
  3. package/dist/ej2-inplace-editor.min.js +0 -9
  4. package/dist/ej2-inplace-editor.umd.min.js +0 -9
  5. package/dist/global/ej2-inplace-editor.min.js +0 -9
  6. package/dist/global/index.d.ts +0 -9
  7. package/package.json +13 -13
  8. package/styles/bds-lite.css +6 -6
  9. package/styles/bds-lite.scss +25 -26
  10. package/styles/bds.css +6 -6
  11. package/styles/bds.scss +26 -27
  12. package/styles/bootstrap-dark-lite.scss +25 -26
  13. package/styles/bootstrap-dark.scss +26 -27
  14. package/styles/bootstrap-lite.scss +25 -26
  15. package/styles/bootstrap.scss +26 -27
  16. package/styles/bootstrap4-lite.scss +25 -26
  17. package/styles/bootstrap4.scss +26 -27
  18. package/styles/bootstrap5-dark-lite.scss +25 -26
  19. package/styles/bootstrap5-dark.scss +26 -27
  20. package/styles/bootstrap5-lite.scss +26 -26
  21. package/styles/bootstrap5.3-lite.css +88 -8
  22. package/styles/bootstrap5.3-lite.scss +26 -26
  23. package/styles/bootstrap5.3.css +88 -8
  24. package/styles/bootstrap5.3.scss +27 -27
  25. package/styles/bootstrap5.scss +27 -27
  26. package/styles/fabric-dark-lite.scss +26 -26
  27. package/styles/fabric-dark.scss +27 -27
  28. package/styles/fabric-lite.scss +26 -26
  29. package/styles/fabric.scss +27 -27
  30. package/styles/fluent-dark-lite.scss +26 -26
  31. package/styles/fluent-dark.scss +27 -27
  32. package/styles/fluent-lite.scss +26 -26
  33. package/styles/fluent.scss +27 -27
  34. package/styles/fluent2-lite.css +245 -13
  35. package/styles/fluent2-lite.scss +26 -26
  36. package/styles/fluent2.css +245 -13
  37. package/styles/fluent2.scss +27 -27
  38. package/styles/highcontrast-light-lite.scss +26 -26
  39. package/styles/highcontrast-light.scss +27 -27
  40. package/styles/highcontrast-lite.scss +26 -26
  41. package/styles/highcontrast.scss +27 -27
  42. package/styles/inplace-editor/_all.scss +2 -2
  43. package/styles/inplace-editor/_bds-definition.scss +11 -0
  44. package/styles/inplace-editor/_bigger.scss +8 -6
  45. package/styles/inplace-editor/_bootstrap-dark-definition.scss +10 -0
  46. package/styles/inplace-editor/_bootstrap-definition.scss +10 -0
  47. package/styles/inplace-editor/_bootstrap4-definition.scss +9 -0
  48. package/styles/inplace-editor/_bootstrap5-dark-definition.scss +80 -1
  49. package/styles/inplace-editor/_bootstrap5-definition.scss +11 -0
  50. package/styles/inplace-editor/_bootstrap5.3-definition.scss +13 -2
  51. package/styles/inplace-editor/_fabric-dark-definition.scss +10 -0
  52. package/styles/inplace-editor/_fabric-definition.scss +10 -0
  53. package/styles/inplace-editor/_fluent-dark-definition.scss +80 -1
  54. package/styles/inplace-editor/_fluent-definition.scss +10 -0
  55. package/styles/inplace-editor/_fluent2-definition.scss +12 -2
  56. package/styles/inplace-editor/_fusionnew-definition.scss +10 -0
  57. package/styles/inplace-editor/_highcontrast-definition.scss +10 -0
  58. package/styles/inplace-editor/_highcontrast-light-definition.scss +10 -0
  59. package/styles/inplace-editor/_layout.scss +25 -23
  60. package/styles/inplace-editor/_material-dark-definition.scss +10 -0
  61. package/styles/inplace-editor/_material-definition.scss +10 -0
  62. package/styles/inplace-editor/_material3-dark-definition.scss +72 -1
  63. package/styles/inplace-editor/_material3-definition.scss +12 -3
  64. package/styles/inplace-editor/_tailwind-dark-definition.scss +81 -1
  65. package/styles/inplace-editor/_tailwind-definition.scss +11 -0
  66. package/styles/inplace-editor/_tailwind3-definition.scss +14 -2
  67. package/styles/inplace-editor/_theme-variables.scss +1 -0
  68. package/styles/inplace-editor/_theme.scss +2 -1
  69. package/styles/inplace-editor/bds.css +6 -6
  70. package/styles/inplace-editor/bds.scss +27 -27
  71. package/styles/inplace-editor/bootstrap-dark.scss +27 -27
  72. package/styles/inplace-editor/bootstrap.scss +27 -27
  73. package/styles/inplace-editor/bootstrap4.scss +27 -27
  74. package/styles/inplace-editor/bootstrap5-dark.scss +27 -27
  75. package/styles/inplace-editor/bootstrap5.3.css +88 -8
  76. package/styles/inplace-editor/bootstrap5.3.scss +27 -27
  77. package/styles/inplace-editor/bootstrap5.scss +27 -27
  78. package/styles/inplace-editor/fabric-dark.scss +27 -27
  79. package/styles/inplace-editor/fabric.scss +27 -27
  80. package/styles/inplace-editor/fluent-dark.scss +27 -27
  81. package/styles/inplace-editor/fluent.scss +27 -27
  82. package/styles/inplace-editor/fluent2.css +245 -13
  83. package/styles/inplace-editor/fluent2.scss +27 -27
  84. package/styles/inplace-editor/highcontrast-light.scss +27 -27
  85. package/styles/inplace-editor/highcontrast.scss +27 -27
  86. package/styles/inplace-editor/icons/_bds.scss +1 -0
  87. package/styles/inplace-editor/icons/_bootstrap-dark.scss +2 -1
  88. package/styles/inplace-editor/icons/_bootstrap.scss +2 -1
  89. package/styles/inplace-editor/icons/_bootstrap4.scss +2 -1
  90. package/styles/inplace-editor/icons/_bootstrap5-dark.scss +1 -1
  91. package/styles/inplace-editor/icons/_bootstrap5.3.scss +1 -0
  92. package/styles/inplace-editor/icons/_bootstrap5.scss +1 -0
  93. package/styles/inplace-editor/icons/_fabric-dark.scss +2 -1
  94. package/styles/inplace-editor/icons/_fabric.scss +2 -1
  95. package/styles/inplace-editor/icons/_fluent-dark.scss +1 -1
  96. package/styles/inplace-editor/icons/_fluent.scss +1 -0
  97. package/styles/inplace-editor/icons/_fluent2.scss +1 -0
  98. package/styles/inplace-editor/icons/_fusionnew.scss +1 -0
  99. package/styles/inplace-editor/icons/_highcontrast-light.scss +2 -1
  100. package/styles/inplace-editor/icons/_highcontrast.scss +2 -1
  101. package/styles/inplace-editor/icons/_material-dark.scss +2 -1
  102. package/styles/inplace-editor/icons/_material.scss +2 -1
  103. package/styles/inplace-editor/icons/_material3-dark.scss +1 -1
  104. package/styles/inplace-editor/icons/_material3.scss +1 -0
  105. package/styles/inplace-editor/icons/_tailwind-dark.scss +1 -1
  106. package/styles/inplace-editor/icons/_tailwind.scss +1 -0
  107. package/styles/inplace-editor/icons/_tailwind3.scss +1 -0
  108. package/styles/inplace-editor/material-dark.scss +27 -27
  109. package/styles/inplace-editor/material.scss +27 -27
  110. package/styles/inplace-editor/material3-dark.css +427 -4
  111. package/styles/inplace-editor/material3-dark.scss +27 -28
  112. package/styles/inplace-editor/material3.css +431 -8
  113. package/styles/inplace-editor/material3.scss +27 -28
  114. package/styles/inplace-editor/tailwind-dark.scss +27 -27
  115. package/styles/inplace-editor/tailwind.scss +27 -27
  116. package/styles/inplace-editor/tailwind3.css +127 -9
  117. package/styles/inplace-editor/tailwind3.scss +27 -27
  118. package/styles/material-dark-lite.scss +26 -26
  119. package/styles/material-dark.scss +27 -27
  120. package/styles/material-lite.scss +25 -26
  121. package/styles/material.scss +26 -27
  122. package/styles/material3-dark-lite.css +427 -4
  123. package/styles/material3-dark-lite.scss +26 -26
  124. package/styles/material3-dark.css +427 -4
  125. package/styles/material3-dark.scss +27 -29
  126. package/styles/material3-lite.css +431 -8
  127. package/styles/material3-lite.scss +26 -26
  128. package/styles/material3.css +431 -8
  129. package/styles/material3.scss +27 -29
  130. package/styles/tailwind-dark-lite.scss +26 -26
  131. package/styles/tailwind-dark.scss +27 -27
  132. package/styles/tailwind-lite.scss +26 -26
  133. package/styles/tailwind.scss +27 -27
  134. package/styles/tailwind3-lite.css +127 -9
  135. package/styles/tailwind3-lite.scss +26 -26
  136. package/styles/tailwind3.css +127 -9
  137. package/styles/tailwind3.scss +27 -27
  138. package/tslint.json +0 -111
package/styles/bootstrap5-dark.scss CHANGED
@@ -1,27 +1,26 @@
1
- @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
- @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
3
- @import 'ej2-inputs/styles/color-picker/bootstrap5-dark-definition.scss';
4
- @import 'ej2-inputs/styles/maskedtextbox/bootstrap5-dark-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
6
- @import 'ej2-inputs/styles/slider/bootstrap5-dark-definition.scss';
7
- @import 'ej2-inputs/styles/textbox/bootstrap5-dark-definition.scss';
8
- @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
9
- @import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
10
- @import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
11
- @import 'ej2-calendars/styles/calendar/bootstrap5-dark-definition.scss';
12
- @import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
13
- @import 'ej2-calendars/styles/daterangepicker/bootstrap5-dark-definition.scss';
14
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
15
- @import 'ej2-calendars/styles/timepicker/bootstrap5-dark-definition.scss';
16
- @import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark-definition.scss';
17
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition.scss';
18
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
19
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition.scss';
20
- @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
21
- @import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
22
- @import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
23
- @import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-dark-definition.scss';
24
- @import 'inplace-editor/bootstrap5-dark-definition.scss';
25
- @import 'inplace-editor/icons/bootstrap5-dark.scss';
26
- @import 'inplace-editor/all.scss';
27
- @import 'inplace-editor/bigger.scss';
1
+ @use 'ej2-inputs/styles/input/bootstrap5-dark-definition' as *;
2
+ @use 'ej2-inputs/styles/color-picker/bootstrap5-dark-definition' as *;
3
+ @use 'ej2-inputs/styles/maskedtextbox/bootstrap5-dark-definition' as *;
4
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition' as *;
5
+ @use 'ej2-inputs/styles/slider/bootstrap5-dark-definition' as *;
6
+ @use 'ej2-inputs/styles/textbox/bootstrap5-dark-definition' as *;
7
+ @use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
8
+ @use 'ej2-buttons/styles/check-box/bootstrap5-dark-definition' as *;
9
+ @use 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition' as *;
10
+ @use 'ej2-calendars/styles/calendar/bootstrap5-dark-definition' as *;
11
+ @use 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition' as *;
12
+ @use 'ej2-calendars/styles/daterangepicker/bootstrap5-dark-definition' as *;
13
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition' as *;
14
+ @use 'ej2-calendars/styles/timepicker/bootstrap5-dark-definition' as *;
15
+ @use 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark-definition' as *;
16
+ @use 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition' as *;
17
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition' as *;
18
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition' as *;
19
+ @use 'ej2-popups/styles/popup/bootstrap5-dark-definition' as *;
20
+ @use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
21
+ @use 'ej2-popups/styles/tooltip/bootstrap5-dark-definition' as *;
22
+ @use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-dark-definition' as *;
23
+ @use 'inplace-editor/bootstrap5-dark-definition' as *;
24
+ @use 'inplace-editor/icons/bootstrap5-dark' as *;
25
+ @use 'inplace-editor/all' as *;
26
+ @use 'inplace-editor/bigger' as *;
package/styles/bootstrap5-lite.scss CHANGED
@@ -1,26 +1,26 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.scss';
2
- @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
3
- @import 'ej2-inputs/styles/color-picker/bootstrap5-definition.scss';
4
- @import 'ej2-inputs/styles/maskedtextbox/bootstrap5-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
6
- @import 'ej2-inputs/styles/slider/bootstrap5-definition.scss';
7
- @import 'ej2-inputs/styles/textbox/bootstrap5-definition.scss';
8
- @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
9
- @import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
10
- @import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
11
- @import 'ej2-calendars/styles/calendar/bootstrap5-definition.scss';
12
- @import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
13
- @import 'ej2-calendars/styles/daterangepicker/bootstrap5-definition.scss';
14
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
15
- @import 'ej2-calendars/styles/timepicker/bootstrap5-definition.scss';
16
- @import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
17
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
18
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
19
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
20
- @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
21
- @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
22
- @import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
23
- @import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition.scss';
24
- @import 'inplace-editor/bootstrap5-definition.scss';
25
- @import 'inplace-editor/icons/bootstrap5.scss';
26
- @import 'inplace-editor/all.scss';
1
+ @use 'ej2-base/styles/definition/bootstrap5' as *;
2
+ @use 'ej2-inputs/styles/input/bootstrap5-definition' as *;
3
+ @use 'ej2-inputs/styles/color-picker/bootstrap5-definition' as *;
4
+ @use 'ej2-inputs/styles/maskedtextbox/bootstrap5-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5-definition' as *;
6
+ @use 'ej2-inputs/styles/slider/bootstrap5-definition' as *;
7
+ @use 'ej2-inputs/styles/textbox/bootstrap5-definition' as *;
8
+ @use 'ej2-buttons/styles/button/bootstrap5-definition' as *;
9
+ @use 'ej2-buttons/styles/check-box/bootstrap5-definition' as *;
10
+ @use 'ej2-buttons/styles/radio-button/bootstrap5-definition' as *;
11
+ @use 'ej2-calendars/styles/calendar/bootstrap5-definition' as *;
12
+ @use 'ej2-calendars/styles/datepicker/bootstrap5-definition' as *;
13
+ @use 'ej2-calendars/styles/daterangepicker/bootstrap5-definition' as *;
14
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5-definition' as *;
15
+ @use 'ej2-calendars/styles/timepicker/bootstrap5-definition' as *;
16
+ @use 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition' as *;
17
+ @use 'ej2-dropdowns/styles/combo-box/bootstrap5-definition' as *;
18
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition' as *;
19
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5-definition' as *;
20
+ @use 'ej2-popups/styles/popup/bootstrap5-definition' as *;
21
+ @use 'ej2-popups/styles/spinner/bootstrap5-definition' as *;
22
+ @use 'ej2-popups/styles/tooltip/bootstrap5-definition' as *;
23
+ @use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition' as *;
24
+ @use 'inplace-editor/bootstrap5-definition' as *;
25
+ @use 'inplace-editor/icons/bootstrap5' as *;
26
+ @use 'inplace-editor/all' as *;
package/styles/bootstrap5.3-lite.css CHANGED
@@ -2,11 +2,91 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+
10
+
11
+ /* Font Family */
12
+ /* Font Sizes */
13
+ /* Radius */
14
+ /* 1px */
15
+ /* 2px */
16
+ /* 3px */
17
+ /* 4px */
18
+ /* 5px */
19
+ /* 6px */
20
+ /* 7px */
21
+ /* 8px */
22
+ /* 9px */
23
+ /* 10px */
24
+ /* 11px */
25
+ /* 12px */
26
+ /* 13px */
27
+ /* 14px */
28
+ /* 15px */
29
+ /* 16px */
30
+ /* 17px */
31
+ /* 18px */
32
+ /* 19px */
33
+ /* 20px */
34
+ /* 21px */
35
+ /* 22px */
36
+ /* 23px */
37
+ /* 24px */
38
+ /* 25px */
39
+ /* 26px */
40
+ /* 27px */
41
+ /* 28px */
42
+ /* 29px */
43
+ /* 30px */
44
+ /* 31px */
45
+ /* 32px */
46
+ /* 33px */
47
+ /* 34px */
48
+ /* 35px */
49
+ /* 36px */
50
+ /* 37px */
51
+ /* 38px */
52
+ /* 39px */
53
+ /* 40px */
54
+ /* 41px */
55
+ /* 42px */
56
+ /* 43px */
57
+ /* 44px */
58
+ /* 45px */
59
+ /* 46px */
60
+ /* 47px */
61
+ /* 48px */
62
+ /* 49px */
63
+ /* 50px */
64
+ /* 5em */
65
+ /* 65% */
66
+ /* border */
67
+ /* 0px */
68
+ /* 1px */
69
+ /* 1.5px */
70
+ /* 2px */
71
+ /* 3px */
72
+ /* 4px */
73
+ /* 5px */
74
+ /* 6px */
75
+ /* 7px */
76
+ /* 8px */
77
+ /* 9px */
78
+ /* 10px */
79
+ /* 11px */
80
+ /* 12px */
81
+ /* 13px */
82
+ /* 14px */
83
+ /* 15px */
84
+ /* 16px */
5
85
  /* stylelint-disable property-no-vendor-prefix */
6
86
  /* stylelint-disable-line no-empty-source */
7
87
  /*! calendar bootstrap5 theme variables */
8
88
  .e-popup.e-ddl {
9
- border-radius: 4px;
89
+ border-radius: calc(var(--e-radius) * 0.25);
10
90
  -webkit-box-shadow: none;
11
91
  box-shadow: none;
12
92
  margin-top: 3px;
@@ -214,7 +294,7 @@
214
294
  }
215
295
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
216
296
  display: inline-block;
217
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
297
+ font-family: var(--e-font-family);
218
298
  font-size: 14px;
219
299
  margin: 0 28px 0 0;
220
300
  }
@@ -271,7 +351,7 @@
271
351
  }
272
352
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
273
353
  display: inline-block;
274
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
354
+ font-family: var(--e-font-family);
275
355
  font-size: 14px;
276
356
  margin: 0 28px 0 0;
277
357
  }
@@ -482,7 +562,7 @@
482
562
  -webkit-box-direction: normal;
483
563
  -ms-flex-direction: column;
484
564
  flex-direction: column;
485
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
565
+ font-family: var(--e-font-family);
486
566
  font-size: 12px;
487
567
  font-weight: 500;
488
568
  height: 36px;
@@ -544,7 +624,7 @@
544
624
  .e-control .e-inplaceeditor,
545
625
  .e-tooltip-wrap.e-popup.e-inplaceeditor-tip.e-popup-open,
546
626
  .e-inplaceeditor .e-input-group.e-control-wrapper.e-editable-elements {
547
- border-radius: 4px;
627
+ border-radius: calc(var(--e-radius) * 0.25);
548
628
  }
549
629
 
550
630
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
@@ -563,7 +643,7 @@
563
643
  }
564
644
  .e-inplaceeditor .e-editable-value-wrapper:hover {
565
645
  background: var(--color-sf-content-bg-color-alt2);
566
- border-radius: 4px;
646
+ border-radius: calc(var(--e-radius) * 0.25);
567
647
  }
568
648
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
569
649
  border-bottom-color: transparent;
@@ -580,7 +660,7 @@
580
660
  }
581
661
  .e-inplaceeditor .e-editable-value-container:hover {
582
662
  background: var(--color-sf-content-bg-color-alt2);
583
- border-radius: 4px;
663
+ border-radius: calc(var(--e-radius) * 0.25);
584
664
  }
585
665
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
586
666
  border-bottom-color: transparent;
@@ -656,7 +736,7 @@
656
736
  box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175);
657
737
  }
658
738
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
659
- border-radius: 4px;
739
+ border-radius: calc(var(--e-radius) * 0.25);
660
740
  color: var(--color-sf-content-text-color);
661
741
  }
662
742
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
package/styles/bootstrap5.3-lite.scss CHANGED
@@ -1,26 +1,26 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.3.scss';
2
- @import 'ej2-inputs/styles/input/bootstrap5.3-definition.scss';
3
- @import 'ej2-inputs/styles/color-picker/bootstrap5.3-definition.scss';
4
- @import 'ej2-inputs/styles/maskedtextbox/bootstrap5.3-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition.scss';
6
- @import 'ej2-inputs/styles/slider/bootstrap5.3-definition.scss';
7
- @import 'ej2-inputs/styles/textbox/bootstrap5.3-definition.scss';
8
- @import 'ej2-buttons/styles/button/bootstrap5.3-definition.scss';
9
- @import 'ej2-buttons/styles/check-box/bootstrap5.3-definition.scss';
10
- @import 'ej2-buttons/styles/radio-button/bootstrap5.3-definition.scss';
11
- @import 'ej2-calendars/styles/calendar/bootstrap5.3-definition.scss';
12
- @import 'ej2-calendars/styles/datepicker/bootstrap5.3-definition.scss';
13
- @import 'ej2-calendars/styles/daterangepicker/bootstrap5.3-definition.scss';
14
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5.3-definition.scss';
15
- @import 'ej2-calendars/styles/timepicker/bootstrap5.3-definition.scss';
16
- @import 'ej2-dropdowns/styles/auto-complete/bootstrap5.3-definition.scss';
17
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5.3-definition.scss';
18
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition.scss';
19
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5.3-definition.scss';
20
- @import 'ej2-popups/styles/popup/bootstrap5.3-definition.scss';
21
- @import 'ej2-popups/styles/spinner/bootstrap5.3-definition.scss';
22
- @import 'ej2-popups/styles/tooltip/bootstrap5.3-definition.scss';
23
- @import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5.3-definition.scss';
24
- @import 'inplace-editor/bootstrap5.3-definition.scss';
25
- @import 'inplace-editor/icons/bootstrap5.3.scss';
26
- @import 'inplace-editor/all.scss';
1
+ @use 'ej2-base/styles/definition/bootstrap5.3' as *;
2
+ @use 'ej2-inputs/styles/input/bootstrap5.3-definition' as *;
3
+ @use 'ej2-inputs/styles/color-picker/bootstrap5.3-definition' as *;
4
+ @use 'ej2-inputs/styles/maskedtextbox/bootstrap5.3-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition' as *;
6
+ @use 'ej2-inputs/styles/slider/bootstrap5.3-definition' as *;
7
+ @use 'ej2-inputs/styles/textbox/bootstrap5.3-definition' as *;
8
+ @use 'ej2-buttons/styles/button/bootstrap5.3-definition' as *;
9
+ @use 'ej2-buttons/styles/check-box/bootstrap5.3-definition' as *;
10
+ @use 'ej2-buttons/styles/radio-button/bootstrap5.3-definition' as *;
11
+ @use 'ej2-calendars/styles/calendar/bootstrap5.3-definition' as *;
12
+ @use 'ej2-calendars/styles/datepicker/bootstrap5.3-definition' as *;
13
+ @use 'ej2-calendars/styles/daterangepicker/bootstrap5.3-definition' as *;
14
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5.3-definition' as *;
15
+ @use 'ej2-calendars/styles/timepicker/bootstrap5.3-definition' as *;
16
+ @use 'ej2-dropdowns/styles/auto-complete/bootstrap5.3-definition' as *;
17
+ @use 'ej2-dropdowns/styles/combo-box/bootstrap5.3-definition' as *;
18
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition' as *;
19
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5.3-definition' as *;
20
+ @use 'ej2-popups/styles/popup/bootstrap5.3-definition' as *;
21
+ @use 'ej2-popups/styles/spinner/bootstrap5.3-definition' as *;
22
+ @use 'ej2-popups/styles/tooltip/bootstrap5.3-definition' as *;
23
+ @use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5.3-definition' as *;
24
+ @use 'inplace-editor/bootstrap5.3-definition' as *;
25
+ @use 'inplace-editor/icons/bootstrap5.3' as *;
26
+ @use 'inplace-editor/all' as *;
package/styles/bootstrap5.3.css CHANGED
@@ -2,11 +2,91 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+
10
+
11
+ /* Font Family */
12
+ /* Font Sizes */
13
+ /* Radius */
14
+ /* 1px */
15
+ /* 2px */
16
+ /* 3px */
17
+ /* 4px */
18
+ /* 5px */
19
+ /* 6px */
20
+ /* 7px */
21
+ /* 8px */
22
+ /* 9px */
23
+ /* 10px */
24
+ /* 11px */
25
+ /* 12px */
26
+ /* 13px */
27
+ /* 14px */
28
+ /* 15px */
29
+ /* 16px */
30
+ /* 17px */
31
+ /* 18px */
32
+ /* 19px */
33
+ /* 20px */
34
+ /* 21px */
35
+ /* 22px */
36
+ /* 23px */
37
+ /* 24px */
38
+ /* 25px */
39
+ /* 26px */
40
+ /* 27px */
41
+ /* 28px */
42
+ /* 29px */
43
+ /* 30px */
44
+ /* 31px */
45
+ /* 32px */
46
+ /* 33px */
47
+ /* 34px */
48
+ /* 35px */
49
+ /* 36px */
50
+ /* 37px */
51
+ /* 38px */
52
+ /* 39px */
53
+ /* 40px */
54
+ /* 41px */
55
+ /* 42px */
56
+ /* 43px */
57
+ /* 44px */
58
+ /* 45px */
59
+ /* 46px */
60
+ /* 47px */
61
+ /* 48px */
62
+ /* 49px */
63
+ /* 50px */
64
+ /* 5em */
65
+ /* 65% */
66
+ /* border */
67
+ /* 0px */
68
+ /* 1px */
69
+ /* 1.5px */
70
+ /* 2px */
71
+ /* 3px */
72
+ /* 4px */
73
+ /* 5px */
74
+ /* 6px */
75
+ /* 7px */
76
+ /* 8px */
77
+ /* 9px */
78
+ /* 10px */
79
+ /* 11px */
80
+ /* 12px */
81
+ /* 13px */
82
+ /* 14px */
83
+ /* 15px */
84
+ /* 16px */
5
85
  /* stylelint-disable property-no-vendor-prefix */
6
86
  /* stylelint-disable-line no-empty-source */
7
87
  /*! calendar bootstrap5 theme variables */
8
88
  .e-popup.e-ddl {
9
- border-radius: 4px;
89
+ border-radius: calc(var(--e-radius) * 0.25);
10
90
  -webkit-box-shadow: none;
11
91
  box-shadow: none;
12
92
  margin-top: 3px;
@@ -214,7 +294,7 @@
214
294
  }
215
295
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
216
296
  display: inline-block;
217
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
297
+ font-family: var(--e-font-family);
218
298
  font-size: 14px;
219
299
  margin: 0 28px 0 0;
220
300
  }
@@ -271,7 +351,7 @@
271
351
  }
272
352
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
273
353
  display: inline-block;
274
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
354
+ font-family: var(--e-font-family);
275
355
  font-size: 14px;
276
356
  margin: 0 28px 0 0;
277
357
  }
@@ -482,7 +562,7 @@
482
562
  -webkit-box-direction: normal;
483
563
  -ms-flex-direction: column;
484
564
  flex-direction: column;
485
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
565
+ font-family: var(--e-font-family);
486
566
  font-size: 12px;
487
567
  font-weight: 500;
488
568
  height: 36px;
@@ -544,7 +624,7 @@
544
624
  .e-control .e-inplaceeditor,
545
625
  .e-tooltip-wrap.e-popup.e-inplaceeditor-tip.e-popup-open,
546
626
  .e-inplaceeditor .e-input-group.e-control-wrapper.e-editable-elements {
547
- border-radius: 4px;
627
+ border-radius: calc(var(--e-radius) * 0.25);
548
628
  }
549
629
 
550
630
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
@@ -563,7 +643,7 @@
563
643
  }
564
644
  .e-inplaceeditor .e-editable-value-wrapper:hover {
565
645
  background: var(--color-sf-content-bg-color-alt2);
566
- border-radius: 4px;
646
+ border-radius: calc(var(--e-radius) * 0.25);
567
647
  }
568
648
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
569
649
  border-bottom-color: transparent;
@@ -580,7 +660,7 @@
580
660
  }
581
661
  .e-inplaceeditor .e-editable-value-container:hover {
582
662
  background: var(--color-sf-content-bg-color-alt2);
583
- border-radius: 4px;
663
+ border-radius: calc(var(--e-radius) * 0.25);
584
664
  }
585
665
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
586
666
  border-bottom-color: transparent;
@@ -656,7 +736,7 @@
656
736
  box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175);
657
737
  }
658
738
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
659
- border-radius: 4px;
739
+ border-radius: calc(var(--e-radius) * 0.25);
660
740
  color: var(--color-sf-content-text-color);
661
741
  }
662
742
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
package/styles/bootstrap5.3.scss CHANGED
@@ -1,27 +1,27 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.3.scss';
2
- @import 'ej2-inputs/styles/input/bootstrap5.3-definition.scss';
3
- @import 'ej2-inputs/styles/color-picker/bootstrap5.3-definition.scss';
4
- @import 'ej2-inputs/styles/maskedtextbox/bootstrap5.3-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition.scss';
6
- @import 'ej2-inputs/styles/slider/bootstrap5.3-definition.scss';
7
- @import 'ej2-inputs/styles/textbox/bootstrap5.3-definition.scss';
8
- @import 'ej2-buttons/styles/button/bootstrap5.3-definition.scss';
9
- @import 'ej2-buttons/styles/check-box/bootstrap5.3-definition.scss';
10
- @import 'ej2-buttons/styles/radio-button/bootstrap5.3-definition.scss';
11
- @import 'ej2-calendars/styles/calendar/bootstrap5.3-definition.scss';
12
- @import 'ej2-calendars/styles/datepicker/bootstrap5.3-definition.scss';
13
- @import 'ej2-calendars/styles/daterangepicker/bootstrap5.3-definition.scss';
14
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5.3-definition.scss';
15
- @import 'ej2-calendars/styles/timepicker/bootstrap5.3-definition.scss';
16
- @import 'ej2-dropdowns/styles/auto-complete/bootstrap5.3-definition.scss';
17
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5.3-definition.scss';
18
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition.scss';
19
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5.3-definition.scss';
20
- @import 'ej2-popups/styles/popup/bootstrap5.3-definition.scss';
21
- @import 'ej2-popups/styles/spinner/bootstrap5.3-definition.scss';
22
- @import 'ej2-popups/styles/tooltip/bootstrap5.3-definition.scss';
23
- @import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5.3-definition.scss';
24
- @import 'inplace-editor/bootstrap5.3-definition.scss';
25
- @import 'inplace-editor/icons/bootstrap5.3.scss';
26
- @import 'inplace-editor/all.scss';
27
- @import 'inplace-editor/bigger.scss';
1
+ @use 'ej2-base/styles/definition/bootstrap5.3' as *;
2
+ @use 'ej2-inputs/styles/input/bootstrap5.3-definition' as *;
3
+ @use 'ej2-inputs/styles/color-picker/bootstrap5.3-definition' as *;
4
+ @use 'ej2-inputs/styles/maskedtextbox/bootstrap5.3-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition' as *;
6
+ @use 'ej2-inputs/styles/slider/bootstrap5.3-definition' as *;
7
+ @use 'ej2-inputs/styles/textbox/bootstrap5.3-definition' as *;
8
+ @use 'ej2-buttons/styles/button/bootstrap5.3-definition' as *;
9
+ @use 'ej2-buttons/styles/check-box/bootstrap5.3-definition' as *;
10
+ @use 'ej2-buttons/styles/radio-button/bootstrap5.3-definition' as *;
11
+ @use 'ej2-calendars/styles/calendar/bootstrap5.3-definition' as *;
12
+ @use 'ej2-calendars/styles/datepicker/bootstrap5.3-definition' as *;
13
+ @use 'ej2-calendars/styles/daterangepicker/bootstrap5.3-definition' as *;
14
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5.3-definition' as *;
15
+ @use 'ej2-calendars/styles/timepicker/bootstrap5.3-definition' as *;
16
+ @use 'ej2-dropdowns/styles/auto-complete/bootstrap5.3-definition' as *;
17
+ @use 'ej2-dropdowns/styles/combo-box/bootstrap5.3-definition' as *;
18
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition' as *;
19
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5.3-definition' as *;
20
+ @use 'ej2-popups/styles/popup/bootstrap5.3-definition' as *;
21
+ @use 'ej2-popups/styles/spinner/bootstrap5.3-definition' as *;
22
+ @use 'ej2-popups/styles/tooltip/bootstrap5.3-definition' as *;
23
+ @use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5.3-definition' as *;
24
+ @use 'inplace-editor/bootstrap5.3-definition' as *;
25
+ @use 'inplace-editor/icons/bootstrap5.3' as *;
26
+ @use 'inplace-editor/all' as *;
27
+ @use 'inplace-editor/bigger' as *;
package/styles/bootstrap5.scss CHANGED
@@ -1,27 +1,27 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.scss';
2
- @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
3
- @import 'ej2-inputs/styles/color-picker/bootstrap5-definition.scss';
4
- @import 'ej2-inputs/styles/maskedtextbox/bootstrap5-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
6
- @import 'ej2-inputs/styles/slider/bootstrap5-definition.scss';
7
- @import 'ej2-inputs/styles/textbox/bootstrap5-definition.scss';
8
- @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
9
- @import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
10
- @import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
11
- @import 'ej2-calendars/styles/calendar/bootstrap5-definition.scss';
12
- @import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
13
- @import 'ej2-calendars/styles/daterangepicker/bootstrap5-definition.scss';
14
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
15
- @import 'ej2-calendars/styles/timepicker/bootstrap5-definition.scss';
16
- @import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
17
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
18
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
19
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
20
- @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
21
- @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
22
- @import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
23
- @import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition.scss';
24
- @import 'inplace-editor/bootstrap5-definition.scss';
25
- @import 'inplace-editor/icons/bootstrap5.scss';
26
- @import 'inplace-editor/all.scss';
27
- @import 'inplace-editor/bigger.scss';
1
+ @use 'ej2-base/styles/definition/bootstrap5' as *;
2
+ @use 'ej2-inputs/styles/input/bootstrap5-definition' as *;
3
+ @use 'ej2-inputs/styles/color-picker/bootstrap5-definition' as *;
4
+ @use 'ej2-inputs/styles/maskedtextbox/bootstrap5-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5-definition' as *;
6
+ @use 'ej2-inputs/styles/slider/bootstrap5-definition' as *;
7
+ @use 'ej2-inputs/styles/textbox/bootstrap5-definition' as *;
8
+ @use 'ej2-buttons/styles/button/bootstrap5-definition' as *;
9
+ @use 'ej2-buttons/styles/check-box/bootstrap5-definition' as *;
10
+ @use 'ej2-buttons/styles/radio-button/bootstrap5-definition' as *;
11
+ @use 'ej2-calendars/styles/calendar/bootstrap5-definition' as *;
12
+ @use 'ej2-calendars/styles/datepicker/bootstrap5-definition' as *;
13
+ @use 'ej2-calendars/styles/daterangepicker/bootstrap5-definition' as *;
14
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5-definition' as *;
15
+ @use 'ej2-calendars/styles/timepicker/bootstrap5-definition' as *;
16
+ @use 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition' as *;
17
+ @use 'ej2-dropdowns/styles/combo-box/bootstrap5-definition' as *;
18
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition' as *;
19
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5-definition' as *;
20
+ @use 'ej2-popups/styles/popup/bootstrap5-definition' as *;
21
+ @use 'ej2-popups/styles/spinner/bootstrap5-definition' as *;
22
+ @use 'ej2-popups/styles/tooltip/bootstrap5-definition' as *;
23
+ @use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition' as *;
24
+ @use 'inplace-editor/bootstrap5-definition' as *;
25
+ @use 'inplace-editor/icons/bootstrap5' as *;
26
+ @use 'inplace-editor/all' as *;
27
+ @use 'inplace-editor/bigger' as *;