@syncfusion/ej2-inplace-editor 26.1.35 → 26.2.4

package/styles/fluent2.css

@@ -10,7 +10,7 @@
   --color-sf-success: #0e700e;
   --color-sf-info: #008aa9;
   --color-sf-warning: #bc4b09;
-  --color-sf-danger: #b10e1c;
+  --color-sf-danger: #d13438;
   --color-sf-success-light: #54b054;
   --color-sf-info-light: #56bfd7;
   --color-sf-warning-light: #fee5d7;
@@ -47,7 +47,7 @@
   --color-sf-flyout-bg-color-pressed: #e0e0e0;
   --color-sf-flyout-bg-color-selected: #ebebeb;
   --color-sf-flyout-bg-color-focus: #f5f5f5;
-  --color-sf-overlay-bg-color: #000;
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #f5f5f5;
   --color-sf-table-bg-color-pressed: #e0e0e0;
   --color-sf-table-bg-color-selected: #ebf3fc;
@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -221,7 +221,7 @@
   --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #242424;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #b3b3b3;
   --color-sf-rating-unrated-disabled-color: #b3b3b3;
@@ -246,7 +246,7 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #f1faf1;
   --color-sf-msg-success-border-color: #9fd89f;
-  --color-sf-msg-success-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-success-color-alt1: #0e700e;
   --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
@@ -261,7 +261,7 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #fdf3f4;
   --color-sf-msg-danger-border-color: #eeacb2;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-danger-color-alt1: #b10e1c;
   --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
@@ -276,7 +276,7 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #f2fafc;
   --color-sf-msg-info-border-color: #a4deeb;
-  --color-sf-msg-info-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-info-color-alt1: #00748f;
   --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #fff;
@@ -291,7 +291,7 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #fdf6f3;
   --color-sf-msg-warning-border-color: #f4bfab;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-warning-color-alt1: #c43501;
   --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #fff;
@@ -317,7 +317,7 @@
   --color-sf-link-button-focus: #0f6cbd;
   --color-sf-link-button-border-focus: #242424;
   --color-sf-chip-bg-color: #f5f5f5;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #f5f5f5;
   --color-sf-chip-bg-disabled: #f0f0f0;
   --color-sf-chip-border-disabled: #fff;
   --color-sf-secondary-outline-button-text-color-hover: #242424;
@@ -369,7 +369,7 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
   --color-sf-flyout-bg-color-selected: #383838;
   --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #383838;
   --color-sf-table-bg-color-pressed: #2e2e2e;
   --color-sf-table-bg-color-selected: #082338;
@@ -406,7 +406,7 @@
   --color-sf-border-focus: var(--color-sf-border);
   --color-sf-border-selected: #6b6b6b;
   --color-sf-border-dragged: var(--color-sf-primary);
-  --color-sf-border-disabled: #08233b;
+  --color-sf-border-disabled: #424242;
   --color-sf-border-warning: #bc4b09;
   --color-sf-border-error: #dc626d;
   --color-sf-border-success: #9fd89f;
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -569,7 +569,7 @@
   --color-sf-diagram-palette-background: #e0e0e0;
   --color-sf-diagram-palette-hover-background: #bdbdbd;
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #575757;
   --color-sf-rating-unrated-disabled-color: #4d4d4d;
@@ -581,9 +581,9 @@
   --color-sf-msg-border-color: var(--color-sf-border);
   --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
   --color-sf-msg-bg-color-alt1: transparent;
-  --color-sf-msg-border-color-alt1: var(--color-sf-msg-bg-color);
+  --color-sf-msg-border-color-alt1: #666666;
   --color-sf-msg-color-alt2: #242424;
-  --color-sf-msg-bg-color-alt2: #adadad;
+  --color-sf-msg-bg-color-alt2: #c2c2c2;
   --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
@@ -594,9 +594,9 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #052505;
   --color-sf-msg-success-border-color: #107c10;
-  --color-sf-msg-success-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-success-color-alt1: #54b054;
   --color-sf-msg-success-bg-color-alt1: transparent;
-  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-border-color-alt1: #218c21;
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #107c10;
   --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
@@ -609,9 +609,9 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #3b0509;
   --color-sf-msg-danger-border-color: #c50f1f;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-danger-color-alt1: #dc626d;
   --color-sf-msg-danger-bg-color-alt1: transparent;
-  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
+  --color-sf-msg-danger-border-color-alt1: #d33f4c;
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #c50f1f;
   --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
@@ -624,9 +624,9 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #002e38;
   --color-sf-msg-info-border-color: #0099bc;
-  --color-sf-msg-info-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-info-color-alt1: #56bfd7;
   --color-sf-msg-info-bg-color-alt1: transparent;
-  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
+  --color-sf-msg-info-border-color-alt1: #31afdd;
   --color-sf-msg-info-color-alt2: #fff;
   --color-sf-msg-info-bg-color-alt2: #0099bc;
   --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
@@ -639,9 +639,9 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #411200;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-content-text-color);
+  --color-sf-msg-warning-color-alt1: #e9835e;
   --color-sf-msg-warning-bg-color-alt1: transparent;
-  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
+  --color-sf-msg-warning-border-color-alt1: #e36537;
   --color-sf-msg-warning-color-alt2: #fff;
   --color-sf-msg-warning-bg-color-alt2: #da3b01;
   --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
@@ -659,7 +659,7 @@
   --color-sf-link-button-focus: #115ea3;
   --color-sf-link-button-border-focus: #fff;
   --color-sf-chip-bg-color: #141414;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #141414;
   --color-sf-chip-bg-disabled: #141414;
   --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
   --color-sf-secondary-outline-button-text-color-hover: #fff;
@@ -711,10 +711,10 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
-  --color-sf-table-bg-color-hover: var(--color-sf-black);
-  --color-sf-table-bg-color-pressed: var(--color-sf-black);
-  --color-sf-table-bg-color-selected: var(--color-sf-black);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
+  --color-sf-table-bg-color-hover: #1a3bff;
+  --color-sf-table-bg-color-pressed: #1a3bff;
+  --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
   --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
   --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
@@ -724,7 +724,7 @@
   --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-dragged: #000;
-  --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
+  --color-sf-content-text-color-disabled: #3ff23f;
   --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
@@ -732,12 +732,12 @@
   --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
-  --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-table-text-color-hover: #000;
+  --color-sf-table-text-color-pressed: #000;
+  --color-sf-table-text-color-selected: #000;
   --color-sf-icon-color: #fff;
-  --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color-hover: #000;
+  --color-sf-icon-color-pressed: #000;
   --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
   --color-sf-border-light: #fff;
   --color-sf-border: var(--color-sf-border-light);
@@ -748,12 +748,12 @@
   --color-sf-border-focus: var(--color-sf-border-hover);
   --color-sf-border-selected: var(--color-sf-border-hover);
   --color-sf-border-dragged: var(--color-sf-border-light);
-  --color-sf-border-disabled: #fff;
+  --color-sf-border-disabled: #3ff23f;
   --color-sf-border-warning: #f7630c;
   --color-sf-border-error: #c50f1f;
   --color-sf-border-success: #107c10;
   --color-sf-border-info: #0099bc;
-  --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
+  --color-sf-spreadsheet-gridline: #e6e6e6;
   --color-sf-flyout-border: var(--color-sf-border-light);
   --color-sf-primary: #1aebff;
   --color-sf-primary-text-color: #000;
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;
@@ -911,7 +911,7 @@
   --color-sf-diagram-palette-background: #000;
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
   --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
@@ -936,7 +936,7 @@
   --color-sf-msg-success-color: #107c10;
   --color-sf-msg-success-bg-color: #000;
   --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-color-alt1: #107c10;
   --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
   --color-sf-msg-success-border-color-alt1: #fff;
   --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
@@ -951,7 +951,7 @@
   --color-sf-msg-danger-color: #c50f1f;
   --color-sf-msg-danger-bg-color: #000;
   --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
+  --color-sf-msg-danger-color-alt1: #c50f1f;
   --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
   --color-sf-msg-danger-border-color-alt1: #fff;
   --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
@@ -966,7 +966,7 @@
   --color-sf-msg-info-color: #0099bc;
   --color-sf-msg-info-bg-color: #000;
   --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
+  --color-sf-msg-info-color-alt1: #0099bc;
   --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
   --color-sf-msg-info-border-color-alt1: #fff;
   --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
@@ -981,7 +981,7 @@
   --color-sf-msg-warning-color: #f7630c;
   --color-sf-msg-warning-bg-color: #000;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
+  --color-sf-msg-warning-color-alt1: #f7630c;
   --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
   --color-sf-msg-warning-border-color-alt1: #fff;
   --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
@@ -1022,7 +1022,7 @@
   --color-sf-secondary-badge-border-color: #fff;
   --color-sf-secondary-badge-bg-color: #000;
   --color-sf-secondary-badge-bg-color-focus: #fff;
-  --color-sf-skeleton-bg-color: #ffffff;
+  --color-sf-skeleton-bg-color: #fff;
   --color-sf-tab-selected-bg-color-disabled: #000;
   --color-sf-tab-selected-text-color-disabled: #3ff23f;
   --color-sf-ribbon-border-color: #fff;
@@ -1075,8 +1075,8 @@
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input:focus:not(.e-error):not(.e-warning).e-success,
@@ -1086,8 +1086,8 @@
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input:focus:not(.e-success):not(.e-error).e-warning,
@@ -1097,44 +1097,44 @@
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
-  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 .e-float-input.e-error label.e-float-text,
@@ -1217,7 +1217,7 @@
 /*! calendar theme variables */
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer {
-  border-top: 1px solid 1px solid var(--color-sf-border-light) !important;
+  border-top: 1px solid var(--color-sf-flyout-border) !important;
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -1284,7 +1284,7 @@
 
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
-  padding: 4px 6px;
+  padding: 6px 4px;
 }
 
 .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -1421,7 +1421,6 @@
   content: "\e730";
 }
 
-/*! inplaceeditor layout */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 7px 12px 7px 12px;
@@ -1905,7 +1904,6 @@
   min-height: 70px;
 }
 
-/*! inplaceeditor theme */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed var(--color-sf-content-text-color);
   color: var(--color-sf-content-text-color);

package/styles/highcontrast-light.css

@@ -245,7 +245,6 @@
   content: "\e97c";
 }
 
-/*! inplaceeditor layout */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px 12px;
@@ -729,7 +728,6 @@
   min-height: 70px;
 }
 
-/*! inplaceeditor theme */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #000;
   color: #000;

package/styles/highcontrast.css

@@ -253,7 +253,6 @@
   content: "\e97c";
 }
 
-/*! inplaceeditor layout */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px 12px;
@@ -737,7 +736,6 @@
   min-height: 70px;
 }
 
-/*! inplaceeditor theme */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #fff;
   color: #fff;

package/styles/inplace-editor/_layout.scss

@@ -1,10 +1,6 @@
 @include export-module('inplaceeditor-layout') {
-
-  /*! inplaceeditor layout */
-
   .e-bigger .e-inplaceeditor,
   .e-inplaceeditor.e-bigger {
-
     .e-editable-value-wrapper {
       padding: $editor-big-value-container-padding;
 
@@ -61,9 +57,7 @@
     }
 
     &.e-rtl {
-
       .e-editable-value-wrapper {
-
         .e-editable-value {
           margin: $editor-rtl-big-value-margin;
         }
@@ -80,7 +74,6 @@
       }
 
       .e-editable-value-container {
-
         .e-editable-value {
           margin: $editor-rtl-big-value-margin;
         }
@@ -97,7 +90,6 @@
       }
 
       .e-editable-action-buttons {
-
         .e-btn-save {
           margin: $editor-rtl-big-btn-save-margin;
         }
@@ -178,7 +170,6 @@
       }
 
       &:hover {
-
         .e-editable-overlay-icon {
           visibility: visible;
         }
@@ -246,13 +237,11 @@
       }
 
       &:hover {
-
         .e-editable-overlay-icon {
           visibility: visible;
         }
 
         &.e-editable-open {
-
           .e-editable-overlay-icon {
             visibility: hidden;
           }
@@ -272,9 +261,7 @@
     }
 
     &.e-rtl {
-
       .e-editable-value-wrapper {
-
         .e-editable-value {
           margin: $editor-rtl-nrml-value-margin;
         }
@@ -295,7 +282,6 @@
       }
 
       .e-editable-value-container {
-
         .e-editable-value {
           margin: $editor-rtl-nrml-value-margin;
         }
@@ -329,7 +315,6 @@
     width: auto;
 
     .e-input-group + .e-editable-loading {
-
       @if $skin-name == 'material' {
         .e-spinner-inner {
           top: 45%;
@@ -338,12 +323,9 @@
     }
 
     .e-editable-action-buttons {
-
       .e-btn-save,
       .e-btn-cancel {
-
         .e-btn-icon.e-icons {
-
           @if $skin-name == 'bootstrap4' {
             font-size: 16px;
           }
@@ -354,9 +336,7 @@
 
   .e-inplaceeditor,
   .e-inplaceeditor-tip {
-
     .e-input-group + .e-editable-loading {
-
       @if $skin-name == 'material' {
         .e-spinner-inner {
           top: 35%;
@@ -365,14 +345,12 @@
     }
 
     .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading {
-
       .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
         stroke-width: inherit;
       }
     }
 
     .e-input-group + .e-editable-loading {
-
       @if $skin-name == 'material' {
         .e-spinner-inner {
           top: 35%;
@@ -381,7 +359,6 @@
     }
 
     .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading {
-
       .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
         stroke-width: inherit;
       }
@@ -408,7 +385,6 @@
       width: 100%;
 
       &.e-loading {
-
         .e-input-group-icon {
           visibility: hidden;
         }
@@ -436,7 +412,6 @@
     }
 
     .e-editable-action-buttons {
-
       .e-btn-save {
         margin: $editor-nrml-btn-save-margin;
 
@@ -459,9 +434,7 @@
     }
 
     &.e-rtl {
-
       .e-editable-action-buttons {
-
         .e-btn-save {
           margin: $editor-rtl-nrml-btn-save-margin;
         }
@@ -481,9 +454,7 @@
 
   .e-bigger .e-inplaceeditor-tip,
   .e-inplaceeditor-tip.e-bigger {
-
     &.e-tooltip-wrap {
-
       .e-tip-content {
         @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' $skin-name == 'FluentUI' {
           padding: 0;
@@ -514,9 +485,7 @@
     }
 
     &.e-rtl {
-
       &.e-tooltip-wrap .e-tip-content {
-
         .e-editable-title {
           padding: $editor-rtl-big-tip-title-padding;
         }
@@ -593,22 +562,18 @@
     }
 
     &.e-rtl {
-
       &.e-tooltip-wrap .e-tip-content {
-
         .e-editable-title {
           padding: $editor-rtl-nrml-tip-title-padding;
         }
 
         .e-editable-wrapper {
-
           .e-editable-action-buttons {
             float: left;
           }
         }
 
         .e-editable-container {
-
           .e-editable-action-buttons {
             float: left;
           }

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

@@ -1,4 +1,3 @@
-//Layout Variable Start
 $editor-big-value-text-font-size: $text-base !default;
 $editor-nrml-value-text-font-size: $text-sm !default;
 $editor-big-value-container-padding: 8px 36px 8px 16px !default;
@@ -43,10 +42,6 @@ $editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
 $editor-rtl-nrml-btn-save-margin: 0 0 0 6px !default;
 $editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
 $editor-rtl-nrml-btn-cancel-margin: 0 6px 0 0 !default;
-
-//Layout Variable End
-
-//Theme Variable Start
 $editor-value-hover-bg: $content-bg-color-alt2 !default;
 $editor-value-text-color: rgba($content-text-color) !default;
 $editor-overlay-icon-color: rgba($icon-color) !default;
@@ -66,5 +61,3 @@ $editor-tip-title-color: rgba($content-text-color) !default;
 $editable-overlay-icon-height: inherit !default;
 $editable-overlay-icon: 0 !default;
 $editor-btn-icon-color: rgba($icon-color) !default;
-
-//Theme Variable End