@syncfusion/ej2-inplace-editor 32.1.19 → 32.1.24

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 (225) hide show
  1. package/.eslintrc.json +31 -4
  2. package/README.md +1 -1
  3. package/aceconfig.js +17 -0
  4. package/dist/ej2-inplace-editor.min.js +9 -0
  5. package/dist/ej2-inplace-editor.umd.min.js +9 -0
  6. package/dist/global/ej2-inplace-editor.min.js +9 -0
  7. package/dist/global/index.d.ts +9 -0
  8. package/package.json +13 -13
  9. package/styles/bds-lite.css +8 -0
  10. package/styles/bds-lite.scss +1 -1
  11. package/styles/bds.css +12 -0
  12. package/styles/bds.scss +2 -2
  13. package/styles/bootstrap-dark-lite.css +16 -0
  14. package/styles/bootstrap-dark-lite.scss +1 -1
  15. package/styles/bootstrap-dark.css +24 -0
  16. package/styles/bootstrap-dark.scss +2 -2
  17. package/styles/bootstrap-lite.css +16 -0
  18. package/styles/bootstrap-lite.scss +1 -1
  19. package/styles/bootstrap.css +24 -0
  20. package/styles/bootstrap.scss +2 -2
  21. package/styles/bootstrap4-lite.css +19 -3
  22. package/styles/bootstrap4-lite.scss +1 -1
  23. package/styles/bootstrap4.css +27 -3
  24. package/styles/bootstrap4.scss +2 -2
  25. package/styles/bootstrap5-dark-lite.scss +1 -1
  26. package/styles/bootstrap5-dark.scss +2 -2
  27. package/styles/bootstrap5-lite.scss +1 -1
  28. package/styles/bootstrap5.3-lite.css +168 -0
  29. package/styles/bootstrap5.3-lite.scss +1 -1
  30. package/styles/bootstrap5.3.css +252 -0
  31. package/styles/bootstrap5.3.scss +2 -2
  32. package/styles/bootstrap5.scss +2 -2
  33. package/styles/fabric-dark-lite.css +16 -0
  34. package/styles/fabric-dark-lite.scss +1 -1
  35. package/styles/fabric-dark.css +24 -0
  36. package/styles/fabric-dark.scss +2 -2
  37. package/styles/fabric-lite.css +16 -0
  38. package/styles/fabric-lite.scss +1 -1
  39. package/styles/fabric.css +24 -0
  40. package/styles/fabric.scss +2 -2
  41. package/styles/fluent-dark-lite.scss +1 -1
  42. package/styles/fluent-dark.scss +2 -2
  43. package/styles/fluent-lite.scss +1 -1
  44. package/styles/fluent.scss +2 -2
  45. package/styles/fluent2-lite.css +172 -0
  46. package/styles/fluent2-lite.scss +1 -1
  47. package/styles/fluent2.css +258 -0
  48. package/styles/fluent2.scss +2 -2
  49. package/styles/highcontrast-light-lite.css +16 -0
  50. package/styles/highcontrast-light-lite.scss +1 -1
  51. package/styles/highcontrast-light.css +24 -0
  52. package/styles/highcontrast-light.scss +2 -2
  53. package/styles/highcontrast-lite.css +16 -0
  54. package/styles/highcontrast-lite.scss +1 -1
  55. package/styles/highcontrast.css +24 -0
  56. package/styles/highcontrast.scss +2 -2
  57. package/styles/inplace-editor/_all.bds.scss +2 -0
  58. package/styles/inplace-editor/_all.bootstrap-dark.scss +2 -0
  59. package/styles/inplace-editor/_all.bootstrap.scss +2 -0
  60. package/styles/inplace-editor/_all.bootstrap4.scss +2 -0
  61. package/styles/inplace-editor/_all.bootstrap5-dark.scss +2 -0
  62. package/styles/inplace-editor/_all.bootstrap5.3.scss +2 -0
  63. package/styles/inplace-editor/_all.bootstrap5.scss +2 -0
  64. package/styles/inplace-editor/_all.fabric-dark.scss +2 -0
  65. package/styles/inplace-editor/_all.fabric.scss +2 -0
  66. package/styles/inplace-editor/_all.fluent-dark.scss +2 -0
  67. package/styles/inplace-editor/_all.fluent.scss +2 -0
  68. package/styles/inplace-editor/_all.fluent2.scss +2 -0
  69. package/styles/inplace-editor/_all.highcontrast-light.scss +2 -0
  70. package/styles/inplace-editor/_all.highcontrast.scss +2 -0
  71. package/styles/inplace-editor/_all.material-dark.scss +2 -0
  72. package/styles/inplace-editor/_all.material.scss +2 -0
  73. package/styles/inplace-editor/_all.material3-dark.scss +2 -0
  74. package/styles/inplace-editor/_all.material3.scss +2 -0
  75. package/styles/inplace-editor/_all.tailwind-dark.scss +2 -0
  76. package/styles/inplace-editor/_all.tailwind.scss +2 -0
  77. package/styles/inplace-editor/_all.tailwind3.scss +2 -0
  78. package/styles/inplace-editor/_bigger.bds.scss +3 -0
  79. package/styles/inplace-editor/_bigger.bootstrap-dark.scss +3 -0
  80. package/styles/inplace-editor/_bigger.bootstrap.scss +3 -0
  81. package/styles/inplace-editor/_bigger.bootstrap4.scss +3 -0
  82. package/styles/inplace-editor/_bigger.bootstrap5-dark.scss +3 -0
  83. package/styles/inplace-editor/_bigger.bootstrap5.3.scss +3 -0
  84. package/styles/inplace-editor/_bigger.bootstrap5.scss +3 -0
  85. package/styles/inplace-editor/_bigger.fabric-dark.scss +3 -0
  86. package/styles/inplace-editor/_bigger.fabric.scss +3 -0
  87. package/styles/inplace-editor/_bigger.fluent-dark.scss +3 -0
  88. package/styles/inplace-editor/_bigger.fluent.scss +3 -0
  89. package/styles/inplace-editor/_bigger.fluent2.scss +3 -0
  90. package/styles/inplace-editor/_bigger.highcontrast-light.scss +3 -0
  91. package/styles/inplace-editor/_bigger.highcontrast.scss +3 -0
  92. package/styles/inplace-editor/_bigger.material-dark.scss +3 -0
  93. package/styles/inplace-editor/_bigger.material.scss +3 -0
  94. package/styles/inplace-editor/_bigger.material3-dark.scss +3 -0
  95. package/styles/inplace-editor/_bigger.material3.scss +3 -0
  96. package/styles/inplace-editor/_bigger.scss +0 -1
  97. package/styles/inplace-editor/_bigger.tailwind-dark.scss +3 -0
  98. package/styles/inplace-editor/_bigger.tailwind.scss +3 -0
  99. package/styles/inplace-editor/_bigger.tailwind3.scss +3 -0
  100. package/styles/inplace-editor/_layout.bds.scss +3 -0
  101. package/styles/inplace-editor/_layout.bootstrap-dark.scss +3 -0
  102. package/styles/inplace-editor/_layout.bootstrap.scss +3 -0
  103. package/styles/inplace-editor/_layout.bootstrap4.scss +3 -0
  104. package/styles/inplace-editor/_layout.bootstrap5-dark.scss +3 -0
  105. package/styles/inplace-editor/_layout.bootstrap5.3.scss +3 -0
  106. package/styles/inplace-editor/_layout.bootstrap5.scss +3 -0
  107. package/styles/inplace-editor/_layout.fabric-dark.scss +3 -0
  108. package/styles/inplace-editor/_layout.fabric.scss +3 -0
  109. package/styles/inplace-editor/_layout.fluent-dark.scss +3 -0
  110. package/styles/inplace-editor/_layout.fluent.scss +3 -0
  111. package/styles/inplace-editor/_layout.fluent2.scss +3 -0
  112. package/styles/inplace-editor/_layout.highcontrast-light.scss +3 -0
  113. package/styles/inplace-editor/_layout.highcontrast.scss +3 -0
  114. package/styles/inplace-editor/_layout.material-dark.scss +3 -0
  115. package/styles/inplace-editor/_layout.material.scss +3 -0
  116. package/styles/inplace-editor/_layout.material3-dark.scss +3 -0
  117. package/styles/inplace-editor/_layout.material3.scss +3 -0
  118. package/styles/inplace-editor/_layout.scss +0 -1
  119. package/styles/inplace-editor/_layout.tailwind-dark.scss +3 -0
  120. package/styles/inplace-editor/_layout.tailwind.scss +3 -0
  121. package/styles/inplace-editor/_layout.tailwind3.scss +3 -0
  122. package/styles/inplace-editor/_theme-variables.bds.scss +1 -0
  123. package/styles/inplace-editor/_theme-variables.bootstrap-dark.scss +1 -0
  124. package/styles/inplace-editor/_theme-variables.bootstrap.scss +1 -0
  125. package/styles/inplace-editor/_theme-variables.bootstrap4.scss +1 -0
  126. package/styles/inplace-editor/_theme-variables.bootstrap5-dark.scss +1 -0
  127. package/styles/inplace-editor/_theme-variables.bootstrap5.3.scss +1 -0
  128. package/styles/inplace-editor/_theme-variables.bootstrap5.scss +1 -0
  129. package/styles/inplace-editor/_theme-variables.fabric-dark.scss +1 -0
  130. package/styles/inplace-editor/_theme-variables.fabric.scss +1 -0
  131. package/styles/inplace-editor/_theme-variables.fluent-dark.scss +1 -0
  132. package/styles/inplace-editor/_theme-variables.fluent.scss +1 -0
  133. package/styles/inplace-editor/_theme-variables.fluent2.scss +1 -0
  134. package/styles/inplace-editor/_theme-variables.highcontrast-light.scss +1 -0
  135. package/styles/inplace-editor/_theme-variables.highcontrast.scss +1 -0
  136. package/styles/inplace-editor/_theme-variables.material-dark.scss +1 -0
  137. package/styles/inplace-editor/_theme-variables.material.scss +1 -0
  138. package/styles/inplace-editor/_theme-variables.material3-dark.scss +1 -0
  139. package/styles/inplace-editor/_theme-variables.material3.scss +1 -0
  140. package/styles/inplace-editor/_theme-variables.tailwind-dark.scss +1 -0
  141. package/styles/inplace-editor/_theme-variables.tailwind.scss +1 -0
  142. package/styles/inplace-editor/_theme.bds.scss +4 -0
  143. package/styles/inplace-editor/_theme.bootstrap-dark.scss +4 -0
  144. package/styles/inplace-editor/_theme.bootstrap.scss +4 -0
  145. package/styles/inplace-editor/_theme.bootstrap4.scss +4 -0
  146. package/styles/inplace-editor/_theme.bootstrap5-dark.scss +4 -0
  147. package/styles/inplace-editor/_theme.bootstrap5.3.scss +4 -0
  148. package/styles/inplace-editor/_theme.bootstrap5.scss +4 -0
  149. package/styles/inplace-editor/_theme.fabric-dark.scss +4 -0
  150. package/styles/inplace-editor/_theme.fabric.scss +4 -0
  151. package/styles/inplace-editor/_theme.fluent-dark.scss +4 -0
  152. package/styles/inplace-editor/_theme.fluent.scss +4 -0
  153. package/styles/inplace-editor/_theme.fluent2.scss +4 -0
  154. package/styles/inplace-editor/_theme.highcontrast-light.scss +4 -0
  155. package/styles/inplace-editor/_theme.highcontrast.scss +4 -0
  156. package/styles/inplace-editor/_theme.material-dark.scss +4 -0
  157. package/styles/inplace-editor/_theme.material.scss +4 -0
  158. package/styles/inplace-editor/_theme.material3-dark.scss +4 -0
  159. package/styles/inplace-editor/_theme.material3.scss +4 -0
  160. package/styles/inplace-editor/_theme.scss +0 -1
  161. package/styles/inplace-editor/_theme.tailwind-dark.scss +4 -0
  162. package/styles/inplace-editor/_theme.tailwind.scss +4 -0
  163. package/styles/inplace-editor/_theme.tailwind3.scss +4 -0
  164. package/styles/inplace-editor/bds.css +12 -0
  165. package/styles/inplace-editor/bds.scss +2 -2
  166. package/styles/inplace-editor/bootstrap-dark.css +24 -0
  167. package/styles/inplace-editor/bootstrap-dark.scss +2 -2
  168. package/styles/inplace-editor/bootstrap.css +24 -0
  169. package/styles/inplace-editor/bootstrap.scss +2 -2
  170. package/styles/inplace-editor/bootstrap4.css +27 -3
  171. package/styles/inplace-editor/bootstrap4.scss +2 -2
  172. package/styles/inplace-editor/bootstrap5-dark.scss +2 -2
  173. package/styles/inplace-editor/bootstrap5.3.css +252 -0
  174. package/styles/inplace-editor/bootstrap5.3.scss +2 -2
  175. package/styles/inplace-editor/bootstrap5.scss +2 -2
  176. package/styles/inplace-editor/fabric-dark.css +24 -0
  177. package/styles/inplace-editor/fabric-dark.scss +2 -2
  178. package/styles/inplace-editor/fabric.css +24 -0
  179. package/styles/inplace-editor/fabric.scss +2 -2
  180. package/styles/inplace-editor/fluent-dark.scss +2 -2
  181. package/styles/inplace-editor/fluent.scss +2 -2
  182. package/styles/inplace-editor/fluent2.css +258 -0
  183. package/styles/inplace-editor/fluent2.scss +2 -2
  184. package/styles/inplace-editor/highcontrast-light.css +24 -0
  185. package/styles/inplace-editor/highcontrast-light.scss +2 -2
  186. package/styles/inplace-editor/highcontrast.css +24 -0
  187. package/styles/inplace-editor/highcontrast.scss +2 -2
  188. package/styles/inplace-editor/material-dark.css +24 -0
  189. package/styles/inplace-editor/material-dark.scss +2 -2
  190. package/styles/inplace-editor/material.css +24 -0
  191. package/styles/inplace-editor/material.scss +2 -2
  192. package/styles/inplace-editor/material3-dark.css +246 -0
  193. package/styles/inplace-editor/material3-dark.scss +2 -2
  194. package/styles/inplace-editor/material3.css +252 -0
  195. package/styles/inplace-editor/material3.scss +2 -2
  196. package/styles/inplace-editor/tailwind-dark.scss +2 -2
  197. package/styles/inplace-editor/tailwind.scss +2 -2
  198. package/styles/inplace-editor/tailwind3.css +222 -0
  199. package/styles/inplace-editor/tailwind3.scss +2 -2
  200. package/styles/material-dark-lite.css +16 -0
  201. package/styles/material-dark-lite.scss +1 -1
  202. package/styles/material-dark.css +24 -0
  203. package/styles/material-dark.scss +2 -2
  204. package/styles/material-lite.css +16 -0
  205. package/styles/material-lite.scss +1 -1
  206. package/styles/material.css +24 -0
  207. package/styles/material.scss +2 -2
  208. package/styles/material3-dark-lite.css +164 -0
  209. package/styles/material3-dark-lite.scss +1 -1
  210. package/styles/material3-dark.css +246 -0
  211. package/styles/material3-dark.scss +2 -2
  212. package/styles/material3-lite.css +168 -0
  213. package/styles/material3-lite.scss +1 -1
  214. package/styles/material3.css +252 -0
  215. package/styles/material3.scss +2 -2
  216. package/styles/tailwind-dark-lite.scss +1 -1
  217. package/styles/tailwind-dark.scss +2 -2
  218. package/styles/tailwind-lite.scss +1 -1
  219. package/styles/tailwind.scss +2 -2
  220. package/styles/tailwind3-lite.css +148 -0
  221. package/styles/tailwind3-lite.scss +1 -1
  222. package/styles/tailwind3.css +222 -0
  223. package/styles/tailwind3.scss +2 -2
  224. package/tslint.json +111 -0
  225. /package/styles/inplace-editor/{_theme-variables.scss → _theme-variables.tailwind3.scss} +0 -0
@@ -272,6 +272,90 @@
272
272
  content: "\e730";
273
273
  }
274
274
 
275
+
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+ /* Font Family */
286
+ /* Font Sizes */
287
+ /* Radius */
288
+ /* 1px */
289
+ /* 2px */
290
+ /* 3px */
291
+ /* 4px */
292
+ /* 5px */
293
+ /* 6px */
294
+ /* 7px */
295
+ /* 8px */
296
+ /* 9px */
297
+ /* 10px */
298
+ /* 11px */
299
+ /* 12px */
300
+ /* 13px */
301
+ /* 14px */
302
+ /* 15px */
303
+ /* 16px */
304
+ /* 17px */
305
+ /* 18px */
306
+ /* 19px */
307
+ /* 20px */
308
+ /* 21px */
309
+ /* 22px */
310
+ /* 23px */
311
+ /* 24px */
312
+ /* 25px */
313
+ /* 26px */
314
+ /* 27px */
315
+ /* 28px */
316
+ /* 29px */
317
+ /* 30px */
318
+ /* 31px */
319
+ /* 32px */
320
+ /* 33px */
321
+ /* 34px */
322
+ /* 35px */
323
+ /* 36px */
324
+ /* 37px */
325
+ /* 38px */
326
+ /* 39px */
327
+ /* 40px */
328
+ /* 41px */
329
+ /* 42px */
330
+ /* 43px */
331
+ /* 44px */
332
+ /* 45px */
333
+ /* 46px */
334
+ /* 47px */
335
+ /* 48px */
336
+ /* 49px */
337
+ /* 50px */
338
+ /* 5em */
339
+ /* 65% */
340
+ /* border */
341
+ /* 0px */
342
+ /* 1px */
343
+ /* 1.5px */
344
+ /* 2px */
345
+ /* 3px */
346
+ /* 4px */
347
+ /* 5px */
348
+ /* 6px */
349
+ /* 7px */
350
+ /* 8px */
351
+ /* 9px */
352
+ /* 10px */
353
+ /* 11px */
354
+ /* 12px */
355
+ /* 13px */
356
+ /* 14px */
357
+ /* 15px */
358
+ /* 16px */
275
359
  .e-inplaceeditor {
276
360
  display: inline-block;
277
361
  position: relative;
@@ -631,6 +715,90 @@
631
715
  min-height: 30px;
632
716
  }
633
717
 
718
+
719
+
720
+
721
+
722
+
723
+
724
+
725
+
726
+
727
+
728
+ /* Font Family */
729
+ /* Font Sizes */
730
+ /* Radius */
731
+ /* 1px */
732
+ /* 2px */
733
+ /* 3px */
734
+ /* 4px */
735
+ /* 5px */
736
+ /* 6px */
737
+ /* 7px */
738
+ /* 8px */
739
+ /* 9px */
740
+ /* 10px */
741
+ /* 11px */
742
+ /* 12px */
743
+ /* 13px */
744
+ /* 14px */
745
+ /* 15px */
746
+ /* 16px */
747
+ /* 17px */
748
+ /* 18px */
749
+ /* 19px */
750
+ /* 20px */
751
+ /* 21px */
752
+ /* 22px */
753
+ /* 23px */
754
+ /* 24px */
755
+ /* 25px */
756
+ /* 26px */
757
+ /* 27px */
758
+ /* 28px */
759
+ /* 29px */
760
+ /* 30px */
761
+ /* 31px */
762
+ /* 32px */
763
+ /* 33px */
764
+ /* 34px */
765
+ /* 35px */
766
+ /* 36px */
767
+ /* 37px */
768
+ /* 38px */
769
+ /* 39px */
770
+ /* 40px */
771
+ /* 41px */
772
+ /* 42px */
773
+ /* 43px */
774
+ /* 44px */
775
+ /* 45px */
776
+ /* 46px */
777
+ /* 47px */
778
+ /* 48px */
779
+ /* 49px */
780
+ /* 50px */
781
+ /* 5em */
782
+ /* 65% */
783
+ /* border */
784
+ /* 0px */
785
+ /* 1px */
786
+ /* 1.5px */
787
+ /* 2px */
788
+ /* 3px */
789
+ /* 4px */
790
+ /* 5px */
791
+ /* 6px */
792
+ /* 7px */
793
+ /* 8px */
794
+ /* 9px */
795
+ /* 10px */
796
+ /* 11px */
797
+ /* 12px */
798
+ /* 13px */
799
+ /* 14px */
800
+ /* 15px */
801
+ /* 16px */
634
802
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
635
803
  border-bottom: 1px dashed var(--color-sf-content-text-color);
636
804
  color: var(--color-sf-content-text-color);
@@ -763,6 +931,90 @@
763
931
  color: var(--color-sf-content-bg-color-alt1);
764
932
  }
765
933
 
934
+
935
+
936
+
937
+
938
+
939
+
940
+
941
+
942
+
943
+
944
+ /* Font Family */
945
+ /* Font Sizes */
946
+ /* Radius */
947
+ /* 1px */
948
+ /* 2px */
949
+ /* 3px */
950
+ /* 4px */
951
+ /* 5px */
952
+ /* 6px */
953
+ /* 7px */
954
+ /* 8px */
955
+ /* 9px */
956
+ /* 10px */
957
+ /* 11px */
958
+ /* 12px */
959
+ /* 13px */
960
+ /* 14px */
961
+ /* 15px */
962
+ /* 16px */
963
+ /* 17px */
964
+ /* 18px */
965
+ /* 19px */
966
+ /* 20px */
967
+ /* 21px */
968
+ /* 22px */
969
+ /* 23px */
970
+ /* 24px */
971
+ /* 25px */
972
+ /* 26px */
973
+ /* 27px */
974
+ /* 28px */
975
+ /* 29px */
976
+ /* 30px */
977
+ /* 31px */
978
+ /* 32px */
979
+ /* 33px */
980
+ /* 34px */
981
+ /* 35px */
982
+ /* 36px */
983
+ /* 37px */
984
+ /* 38px */
985
+ /* 39px */
986
+ /* 40px */
987
+ /* 41px */
988
+ /* 42px */
989
+ /* 43px */
990
+ /* 44px */
991
+ /* 45px */
992
+ /* 46px */
993
+ /* 47px */
994
+ /* 48px */
995
+ /* 49px */
996
+ /* 50px */
997
+ /* 5em */
998
+ /* 65% */
999
+ /* border */
1000
+ /* 0px */
1001
+ /* 1px */
1002
+ /* 1.5px */
1003
+ /* 2px */
1004
+ /* 3px */
1005
+ /* 4px */
1006
+ /* 5px */
1007
+ /* 6px */
1008
+ /* 7px */
1009
+ /* 8px */
1010
+ /* 9px */
1011
+ /* 10px */
1012
+ /* 11px */
1013
+ /* 12px */
1014
+ /* 13px */
1015
+ /* 14px */
1016
+ /* 15px */
1017
+ /* 16px */
766
1018
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
767
1019
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
768
1020
  padding: 7px 48px 7px 12px;
@@ -23,5 +23,5 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5.3-definition' as *;
24
24
  @use 'inplace-editor/bootstrap5.3-definition' as *;
25
25
  @use 'inplace-editor/icons/bootstrap5.3' as *;
26
- @use 'inplace-editor/all' as *;
27
- @use 'inplace-editor/bigger' as *;
26
+ @use 'inplace-editor/all.bootstrap5.3' as *;
27
+ @use 'inplace-editor/bigger.bootstrap5.3' as *;
@@ -23,5 +23,5 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition' as *;
24
24
  @use 'inplace-editor/bootstrap5-definition' as *;
25
25
  @use 'inplace-editor/icons/bootstrap5' as *;
26
- @use 'inplace-editor/all' as *;
27
- @use 'inplace-editor/bigger' as *;
26
+ @use 'inplace-editor/all.bootstrap5' as *;
27
+ @use 'inplace-editor/bigger.bootstrap5' as *;
@@ -119,6 +119,14 @@
119
119
  content: "\e97c";
120
120
  }
121
121
 
122
+ /*! Fabric dark theme definitions and variables */
123
+ /*! Value element styles */
124
+ /*! Tooltip styles */
125
+ /*! Tip Content styles */
126
+ /*! Title styles */
127
+ /*! Wrapper styles */
128
+ /*! Component group styles */
129
+ /*! Button styles */
122
130
  .e-inplaceeditor {
123
131
  display: inline-block;
124
132
  position: relative;
@@ -468,6 +476,14 @@
468
476
  min-height: 60px;
469
477
  }
470
478
 
479
+ /*! Fabric dark theme definitions and variables */
480
+ /*! Value element styles */
481
+ /*! Tooltip styles */
482
+ /*! Tip Content styles */
483
+ /*! Title styles */
484
+ /*! Wrapper styles */
485
+ /*! Component group styles */
486
+ /*! Button styles */
471
487
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
472
488
  border-bottom: 1px dashed #fff;
473
489
  color: #fff;
@@ -23,4 +23,4 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fabric-dark-definition' as *;
24
24
  @use 'inplace-editor/fabric-dark-definition' as *;
25
25
  @use 'inplace-editor/icons/fabric-dark' as *;
26
- @use 'inplace-editor/all' as *;
26
+ @use 'inplace-editor/all.fabric-dark' as *;
@@ -119,6 +119,14 @@
119
119
  content: "\e97c";
120
120
  }
121
121
 
122
+ /*! Fabric dark theme definitions and variables */
123
+ /*! Value element styles */
124
+ /*! Tooltip styles */
125
+ /*! Tip Content styles */
126
+ /*! Title styles */
127
+ /*! Wrapper styles */
128
+ /*! Component group styles */
129
+ /*! Button styles */
122
130
  .e-inplaceeditor {
123
131
  display: inline-block;
124
132
  position: relative;
@@ -468,6 +476,14 @@
468
476
  min-height: 60px;
469
477
  }
470
478
 
479
+ /*! Fabric dark theme definitions and variables */
480
+ /*! Value element styles */
481
+ /*! Tooltip styles */
482
+ /*! Tip Content styles */
483
+ /*! Title styles */
484
+ /*! Wrapper styles */
485
+ /*! Component group styles */
486
+ /*! Button styles */
471
487
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
472
488
  border-bottom: 1px dashed #fff;
473
489
  color: #fff;
@@ -566,6 +582,14 @@
566
582
  color: #282727;
567
583
  }
568
584
 
585
+ /*! Fabric dark theme definitions and variables */
586
+ /*! Value element styles */
587
+ /*! Tooltip styles */
588
+ /*! Tip Content styles */
589
+ /*! Title styles */
590
+ /*! Wrapper styles */
591
+ /*! Component group styles */
592
+ /*! Button styles */
569
593
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
570
594
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
571
595
  padding: 8px 12px;
@@ -23,5 +23,5 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fabric-dark-definition' as *;
24
24
  @use 'inplace-editor/fabric-dark-definition' as *;
25
25
  @use 'inplace-editor/icons/fabric-dark' as *;
26
- @use 'inplace-editor/all' as *;
27
- @use 'inplace-editor/bigger' as *;
26
+ @use 'inplace-editor/all.fabric-dark' as *;
27
+ @use 'inplace-editor/bigger.fabric-dark' as *;
@@ -115,6 +115,14 @@
115
115
  content: "\e97c";
116
116
  }
117
117
 
118
+ /*! Fabric theme definitions and variables */
119
+ /*! Value element styles */
120
+ /*! Tooltip styles */
121
+ /*! Tip Content styles */
122
+ /*! Title styles */
123
+ /*! Wrapper styles */
124
+ /*! Component group styles */
125
+ /*! Button styles */
118
126
  .e-inplaceeditor {
119
127
  display: inline-block;
120
128
  position: relative;
@@ -464,6 +472,14 @@
464
472
  min-height: 60px;
465
473
  }
466
474
 
475
+ /*! Fabric theme definitions and variables */
476
+ /*! Value element styles */
477
+ /*! Tooltip styles */
478
+ /*! Tip Content styles */
479
+ /*! Title styles */
480
+ /*! Wrapper styles */
481
+ /*! Component group styles */
482
+ /*! Button styles */
467
483
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
468
484
  border-bottom: 1px dashed #333;
469
485
  color: #333;
@@ -23,4 +23,4 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fabric-definition' as *;
24
24
  @use 'inplace-editor/fabric-definition' as *;
25
25
  @use 'inplace-editor/icons/fabric' as *;
26
- @use 'inplace-editor/all' as *;
26
+ @use 'inplace-editor/all.fabric' as *;
package/styles/fabric.css CHANGED
@@ -115,6 +115,14 @@
115
115
  content: "\e97c";
116
116
  }
117
117
 
118
+ /*! Fabric theme definitions and variables */
119
+ /*! Value element styles */
120
+ /*! Tooltip styles */
121
+ /*! Tip Content styles */
122
+ /*! Title styles */
123
+ /*! Wrapper styles */
124
+ /*! Component group styles */
125
+ /*! Button styles */
118
126
  .e-inplaceeditor {
119
127
  display: inline-block;
120
128
  position: relative;
@@ -464,6 +472,14 @@
464
472
  min-height: 60px;
465
473
  }
466
474
 
475
+ /*! Fabric theme definitions and variables */
476
+ /*! Value element styles */
477
+ /*! Tooltip styles */
478
+ /*! Tip Content styles */
479
+ /*! Title styles */
480
+ /*! Wrapper styles */
481
+ /*! Component group styles */
482
+ /*! Button styles */
467
483
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
468
484
  border-bottom: 1px dashed #333;
469
485
  color: #333;
@@ -562,6 +578,14 @@
562
578
  color: #eaeaea;
563
579
  }
564
580
 
581
+ /*! Fabric theme definitions and variables */
582
+ /*! Value element styles */
583
+ /*! Tooltip styles */
584
+ /*! Tip Content styles */
585
+ /*! Title styles */
586
+ /*! Wrapper styles */
587
+ /*! Component group styles */
588
+ /*! Button styles */
565
589
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
566
590
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
567
591
  padding: 8px 12px;
@@ -23,5 +23,5 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fabric-definition' as *;
24
24
  @use 'inplace-editor/fabric-definition' as *;
25
25
  @use 'inplace-editor/icons/fabric' as *;
26
- @use 'inplace-editor/all' as *;
27
- @use 'inplace-editor/bigger' as *;
26
+ @use 'inplace-editor/all.fabric' as *;
27
+ @use 'inplace-editor/bigger.fabric' as *;
@@ -23,4 +23,4 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fluent-dark-definition' as *;
24
24
  @use 'inplace-editor/fluent-dark-definition' as *;
25
25
  @use 'inplace-editor/icons/fluent-dark' as *;
26
- @use 'inplace-editor/all' as *;
26
+ @use 'inplace-editor/all.fluent-dark' as *;
@@ -23,5 +23,5 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fluent-dark-definition' as *;
24
24
  @use 'inplace-editor/fluent-dark-definition' as *;
25
25
  @use 'inplace-editor/icons/fluent-dark' as *;
26
- @use 'inplace-editor/all' as *;
27
- @use 'inplace-editor/bigger' as *;
26
+ @use 'inplace-editor/all.fluent-dark' as *;
27
+ @use 'inplace-editor/bigger.fluent-dark' as *;
@@ -23,4 +23,4 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fluent-definition' as *;
24
24
  @use 'inplace-editor/fluent-definition' as *;
25
25
  @use 'inplace-editor/icons/fluent' as *;
26
- @use 'inplace-editor/all' as *;
26
+ @use 'inplace-editor/all.fluent' as *;
@@ -23,5 +23,5 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fluent-definition' as *;
24
24
  @use 'inplace-editor/fluent-definition' as *;
25
25
  @use 'inplace-editor/icons/fluent' as *;
26
- @use 'inplace-editor/all' as *;
27
- @use 'inplace-editor/bigger' as *;
26
+ @use 'inplace-editor/all.fluent' as *;
27
+ @use 'inplace-editor/bigger.fluent' as *;
@@ -589,6 +589,92 @@
589
589
  content: "\e730";
590
590
  }
591
591
 
592
+
593
+
594
+
595
+
596
+
597
+
598
+
599
+
600
+ /* Font Family */
601
+ /* Font Sizes */
602
+ /* Radius */
603
+ /* 1px */
604
+ /* 2px */
605
+ /* 3px */
606
+ /* 4px */
607
+ /* 5px */
608
+ /* 6px */
609
+ /* 7px */
610
+ /* 8px */
611
+ /* 9px */
612
+ /* 10px */
613
+ /* 11px */
614
+ /* 12px */
615
+ /* 13px */
616
+ /* 14px */
617
+ /* 15px */
618
+ /* 16px */
619
+ /* 17px */
620
+ /* 18px */
621
+ /* 19px */
622
+ /* 20px */
623
+ /* 21px */
624
+ /* 22px */
625
+ /* 23px */
626
+ /* 24px */
627
+ /* 25px */
628
+ /* 26px */
629
+ /* 27px */
630
+ /* 28px */
631
+ /* 29px */
632
+ /* 30px */
633
+ /* 31px */
634
+ /* 32px */
635
+ /* 33px */
636
+ /* 34px */
637
+ /* 35px */
638
+ /* 36px */
639
+ /* 37px */
640
+ /* 38px */
641
+ /* 39px */
642
+ /* 40px */
643
+ /* 41px */
644
+ /* 42px */
645
+ /* 43px */
646
+ /* 44px */
647
+ /* 45px */
648
+ /* 46px */
649
+ /* 47px */
650
+ /* 48px */
651
+ /* 49px */
652
+ /* 50px */
653
+ /* 5em */
654
+ /* 65% */
655
+ /* border */
656
+ /* 0px */
657
+ /* 1px */
658
+ /* 1.5px */
659
+ /* 2px */
660
+ /* 3px */
661
+ /* 4px */
662
+ /* 5px */
663
+ /* 6px */
664
+ /* 7px */
665
+ /* 8px */
666
+ /* 9px */
667
+ /* 10px */
668
+ /* 11px */
669
+ /* 12px */
670
+ /* 13px */
671
+ /* 14px */
672
+ /* 15px */
673
+ /* 16px */
674
+
675
+
676
+
677
+
592
678
  .e-inplaceeditor {
593
679
  display: inline-block;
594
680
  position: relative;
@@ -938,6 +1024,92 @@
938
1024
  min-height: 60px;
939
1025
  }
940
1026
 
1027
+
1028
+
1029
+
1030
+
1031
+
1032
+
1033
+
1034
+
1035
+ /* Font Family */
1036
+ /* Font Sizes */
1037
+ /* Radius */
1038
+ /* 1px */
1039
+ /* 2px */
1040
+ /* 3px */
1041
+ /* 4px */
1042
+ /* 5px */
1043
+ /* 6px */
1044
+ /* 7px */
1045
+ /* 8px */
1046
+ /* 9px */
1047
+ /* 10px */
1048
+ /* 11px */
1049
+ /* 12px */
1050
+ /* 13px */
1051
+ /* 14px */
1052
+ /* 15px */
1053
+ /* 16px */
1054
+ /* 17px */
1055
+ /* 18px */
1056
+ /* 19px */
1057
+ /* 20px */
1058
+ /* 21px */
1059
+ /* 22px */
1060
+ /* 23px */
1061
+ /* 24px */
1062
+ /* 25px */
1063
+ /* 26px */
1064
+ /* 27px */
1065
+ /* 28px */
1066
+ /* 29px */
1067
+ /* 30px */
1068
+ /* 31px */
1069
+ /* 32px */
1070
+ /* 33px */
1071
+ /* 34px */
1072
+ /* 35px */
1073
+ /* 36px */
1074
+ /* 37px */
1075
+ /* 38px */
1076
+ /* 39px */
1077
+ /* 40px */
1078
+ /* 41px */
1079
+ /* 42px */
1080
+ /* 43px */
1081
+ /* 44px */
1082
+ /* 45px */
1083
+ /* 46px */
1084
+ /* 47px */
1085
+ /* 48px */
1086
+ /* 49px */
1087
+ /* 50px */
1088
+ /* 5em */
1089
+ /* 65% */
1090
+ /* border */
1091
+ /* 0px */
1092
+ /* 1px */
1093
+ /* 1.5px */
1094
+ /* 2px */
1095
+ /* 3px */
1096
+ /* 4px */
1097
+ /* 5px */
1098
+ /* 6px */
1099
+ /* 7px */
1100
+ /* 8px */
1101
+ /* 9px */
1102
+ /* 10px */
1103
+ /* 11px */
1104
+ /* 12px */
1105
+ /* 13px */
1106
+ /* 14px */
1107
+ /* 15px */
1108
+ /* 16px */
1109
+
1110
+
1111
+
1112
+
941
1113
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
942
1114
  border-bottom: 1px dashed var(--color-sf-content-text-color);
943
1115
  color: var(--color-sf-content-text-color);
@@ -23,4 +23,4 @@
23
23
  @use 'ej2-richtexteditor/styles/rich-text-editor/fluent2-definition' as *;
24
24
  @use 'inplace-editor/fluent2-definition' as *;
25
25
  @use 'inplace-editor/icons/fluent2' as *;
26
- @use 'inplace-editor/all' as *;
26
+ @use 'inplace-editor/all.fluent2' as *;