@syncfusion/blazor-themes 29.1.40 → 29.1.41

package/SCSS-Themes/fluent-dark.scss

@@ -3112,6 +3112,21 @@ $ddl-filter-box-shadow: none !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -76758,7 +76773,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -79865,7 +79880,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/fluent-lite.scss

@@ -2990,6 +2990,21 @@ $ddl-filter-box-shadow: none !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -56299,7 +56314,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/fluent.scss

@@ -3112,6 +3112,21 @@ $ddl-filter-box-shadow: none !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -76758,7 +76773,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -79865,7 +79880,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/fluent2-dark-lite.scss

@@ -3991,6 +3991,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -58210,7 +58225,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/fluent2-dark.scss

@@ -4113,6 +4113,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -78669,7 +78684,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -81775,7 +81790,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/fluent2-highcontrast-lite.scss

@@ -3991,6 +3991,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -58210,7 +58225,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/fluent2-highcontrast.scss

@@ -4113,6 +4113,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -78669,7 +78684,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -81775,7 +81790,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/fluent2-lite.scss

@@ -4763,6 +4763,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -58982,7 +58997,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/fluent2.scss

@@ -4885,6 +4885,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -79441,7 +79456,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -82547,7 +82562,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/highcontrast-lite.scss

@@ -2622,6 +2622,7 @@ $ddl-filter-background-color: $bg-base-0 !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $border-fg !default;
 
 //small size
 $ddl-small-list-font-size: 13px !default;
@@ -2948,6 +2949,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -55920,7 +55936,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/highcontrast.scss

@@ -2744,6 +2744,7 @@ $ddl-filter-background-color: $bg-base-0 !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $border-fg !default;
 
 //small size
 $ddl-small-list-font-size: 13px !default;
@@ -3070,6 +3071,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -76379,7 +76395,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -79458,7 +79474,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/material-dark-lite.scss

@@ -2957,6 +2957,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -56829,7 +56844,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/material-dark.scss

@@ -3079,6 +3079,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -77288,7 +77303,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -80369,7 +80384,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/material-lite.scss

@@ -2947,6 +2947,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -56572,7 +56587,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/material.scss

@@ -3069,6 +3069,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -77031,7 +77046,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -80112,7 +80127,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/material3-dark-lite.scss

@@ -3147,6 +3147,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -56606,7 +56621,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/material3-dark.scss

@@ -3269,6 +3269,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -77065,7 +77080,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -80171,7 +80186,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/material3-lite.scss

@@ -3217,6 +3217,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -56676,7 +56691,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {