@syncfusion/ej2-angular-inplace-editor 20.2.45-ngcc → 20.2.45

package/styles/inplace-editor/bootstrap5.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: none;
@@ -180,6 +181,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -774,6 +777,19 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
+.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:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
+  color: #fff;
+}
+
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;

package/styles/inplace-editor/bootstrap5.scss

@@ -1 +1,26 @@
-@import 'ej2-inplace-editor/styles/inplace-editor/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/maskedtextbox/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/slider/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/textbox/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/calendar/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/timepicker/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
+@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/inplace-editor/fabric-dark.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 .e-ddl.e-popup {
   border: 0;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
@@ -98,6 +100,7 @@
   margin: 2px 2px 2px 0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/fabric-dark.scss

@@ -1 +1,26 @@
-@import 'ej2-inplace-editor/styles/inplace-editor/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/color-picker/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/maskedtextbox/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/slider/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/textbox/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/calendar/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/timepicker/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/combo-box/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
+@import 'ej2-richtexteditor/styles/rich-text-editor/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/inplace-editor/fabric.css

@@ -1,4 +1,5 @@
-/*! calendar fabric theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar fabric theme variables */
 .e-ddl.e-popup {
   border: 0;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
@@ -92,6 +93,7 @@
   margin: 2px 2px 2px 0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/fabric.scss

@@ -1 +1,26 @@
-@import 'ej2-inplace-editor/styles/inplace-editor/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-inputs/styles/input/fabric-definition.scss';
+@import 'ej2-inputs/styles/color-picker/fabric-definition.scss';
+@import 'ej2-inputs/styles/maskedtextbox/fabric-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
+@import 'ej2-inputs/styles/slider/fabric-definition.scss';
+@import 'ej2-inputs/styles/textbox/fabric-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
+@import 'ej2-calendars/styles/calendar/fabric-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/fabric-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
+@import 'ej2-calendars/styles/timepicker/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/combo-box/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
+@import 'ej2-popups/styles/popup/fabric-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-definition.scss';
+@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
+@import 'ej2-richtexteditor/styles/rich-text-editor/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/inplace-editor/fluent-dark.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: none;
@@ -160,6 +161,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/fluent-dark.scss

@@ -1 +1,26 @@
-@import 'ej2-inplace-editor/styles/inplace-editor/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/color-picker/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/maskedtextbox/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/slider/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/textbox/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/calendar/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/timepicker/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/combo-box/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
+@import 'ej2-richtexteditor/styles/rich-text-editor/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/inplace-editor/fluent.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: none;
@@ -160,6 +161,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/fluent.scss

@@ -1 +1,26 @@
-@import 'ej2-inplace-editor/styles/inplace-editor/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-inputs/styles/input/fluent-definition.scss';
+@import 'ej2-inputs/styles/color-picker/fluent-definition.scss';
+@import 'ej2-inputs/styles/maskedtextbox/fluent-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
+@import 'ej2-inputs/styles/slider/fluent-definition.scss';
+@import 'ej2-inputs/styles/textbox/fluent-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
+@import 'ej2-calendars/styles/calendar/fluent-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/fluent-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
+@import 'ej2-calendars/styles/timepicker/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/combo-box/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
+@import 'ej2-popups/styles/popup/fluent-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
+@import 'ej2-richtexteditor/styles/rich-text-editor/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/inplace-editor/highcontrast-light.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
   height: 36px;
 }
@@ -80,6 +82,9 @@
   color: #000;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #4f4f4f;
   font-family: inherit;
@@ -172,6 +177,7 @@
   width: 30px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/highcontrast-light.scss

@@ -1 +1,26 @@
-@import 'ej2-inplace-editor/styles/inplace-editor/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/color-picker/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/maskedtextbox/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/slider/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/textbox/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/calendar/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/timepicker/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/combo-box/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
+@import 'ej2-richtexteditor/styles/rich-text-editor/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/inplace-editor/highcontrast.css

@@ -1,4 +1,5 @@
-/*! calendar fabric theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar fabric theme variables */
 .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
   height: 36px;
 }
@@ -81,6 +82,9 @@
   color: #fff;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #969696;
   font-family: inherit;
@@ -175,6 +179,7 @@
   width: 30px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/highcontrast.scss

@@ -1 +1,26 @@
-@import 'ej2-inplace-editor/styles/inplace-editor/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/color-picker/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/maskedtextbox/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/slider/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/textbox/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/calendar/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/timepicker/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/combo-box/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/multi-select/highcontrast-definition.scss';
+@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
+@import 'ej2-richtexteditor/styles/rich-text-editor/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

package/styles/inplace-editor/icons/_bootstrap-dark.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-dark-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e60a';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e338';
+    }
+  }
+}

package/styles/inplace-editor/icons/_bootstrap.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e60a';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e338';
+    }
+  }
+}

package/styles/inplace-editor/icons/_bootstrap4.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap4-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e718';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e745';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e78f';
+    }
+  }
+}

package/styles/inplace-editor/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/inplace-editor/icons/_bootstrap5.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e774';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e730';
+    }
+  }
+}

package/styles/inplace-editor/icons/_fabric-dark.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-fabric-dark-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\ebe8';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e97c';
+    }
+  }
+}

package/styles/inplace-editor/icons/_fabric.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-fabric-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\ebe8';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e97c';
+    }
+  }
+}

package/styles/inplace-editor/icons/_fluent-dark.scss

@@ -0,0 +1 @@
+@import './fluent.scss';

package/styles/inplace-editor/icons/_fluent.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e774';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e730';
+    }
+  }
+}

package/styles/inplace-editor/icons/_fusionnew.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e774';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e730';
+    }
+  }
+}

package/styles/inplace-editor/icons/_highcontrast-light.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-highcontrast-dark-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\ebe8';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e97c';
+    }
+  }
+}

package/styles/inplace-editor/icons/_highcontrast.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-highcontrast-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\ebe8';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e97c';
+    }
+  }
+}

package/styles/inplace-editor/icons/_material-dark.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-material-dark-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\eb36';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e891';
+    }
+  }
+}

package/styles/inplace-editor/icons/_material.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-material-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e614';
+    }
+
+    .e-cancel-icon::before {
+      content: '\eb36';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e891';
+    }
+  }
+}

package/styles/inplace-editor/icons/_material3.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e774';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e730';
+    }
+  }
+}

package/styles/inplace-editor/icons/_tailwind-dark.scss

@@ -0,0 +1 @@
+@import './tailwind.scss';

package/styles/inplace-editor/icons/_tailwind.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e774';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e730';
+    }
+  }
+}