@syncfusion/blazor-themes 23.2.4 → 23.2.6

package/SCSS-Themes/material.scss

@@ -79433,6 +79433,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81137,6 +81138,20 @@ margin: $grid-group-animator-cell-margin;
   }
 }
 
+.e-bigger {
+  &.e-grid.sf-grid.e-row-responsive,
+  .e-grid.sf-grid.e-row-responsive {
+    & .e-gridcontent,
+    & .e-summarycontent {
+      & td::before{
+        @if $grid-skin == 'fluent' {
+          overflow: hidden;
+        }
+      }
+    }
+  }
+}
+
 .e-bigger .e-grid.e-row-responsive,
 .e-bigger.e-grid.e-row-responsive {
 
@@ -94986,12 +95001,12 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
     position: relative;
     width: auto;
 
-    .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
+    .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
       display: block;
       visibility: hidden;
     }
 
-    .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
+    .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
       display: block;
       visibility: hidden;
     }
@@ -95403,8 +95418,8 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
     &.e-tooltip-wrap {
       max-width: 100%;
 
-      .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
-      .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
+      .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
+      .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
         display: block;
         visibility: hidden;
       }
@@ -122558,6 +122573,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -122629,7 +122648,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -123171,7 +123191,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -123180,7 +123201,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/material3-dark.scss

@@ -79933,6 +79933,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81637,6 +81638,20 @@ margin: $grid-group-animator-cell-margin;
   }
 }
 
+.e-bigger {
+  &.e-grid.sf-grid.e-row-responsive,
+  .e-grid.sf-grid.e-row-responsive {
+    & .e-gridcontent,
+    & .e-summarycontent {
+      & td::before{
+        @if $grid-skin == 'fluent' {
+          overflow: hidden;
+        }
+      }
+    }
+  }
+}
+
 .e-bigger .e-grid.e-row-responsive,
 .e-bigger.e-grid.e-row-responsive {
 
@@ -95527,12 +95542,12 @@ $editor-btn-icon-color: rgba($icon-color) !default;
     position: relative;
     width: auto;
 
-    .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
+    .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
       display: block;
       visibility: hidden;
     }
 
-    .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
+    .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
       display: block;
       visibility: hidden;
     }
@@ -95944,8 +95959,8 @@ $editor-btn-icon-color: rgba($icon-color) !default;
     &.e-tooltip-wrap {
       max-width: 100%;
 
-      .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
-      .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
+      .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
+      .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
         display: block;
         visibility: hidden;
       }
@@ -123154,6 +123169,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -123225,7 +123244,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -123767,7 +123787,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -123776,7 +123797,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/material3.scss

@@ -80016,6 +80016,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81720,6 +81721,20 @@ margin: $grid-group-animator-cell-margin;
   }
 }
 
+.e-bigger {
+  &.e-grid.sf-grid.e-row-responsive,
+  .e-grid.sf-grid.e-row-responsive {
+    & .e-gridcontent,
+    & .e-summarycontent {
+      & td::before{
+        @if $grid-skin == 'fluent' {
+          overflow: hidden;
+        }
+      }
+    }
+  }
+}
+
 .e-bigger .e-grid.e-row-responsive,
 .e-bigger.e-grid.e-row-responsive {
 
@@ -95610,12 +95625,12 @@ $editor-btn-icon-color: rgba($icon-color) !default;
     position: relative;
     width: auto;
 
-    .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
+    .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
       display: block;
       visibility: hidden;
     }
 
-    .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
+    .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
       display: block;
       visibility: hidden;
     }
@@ -96027,8 +96042,8 @@ $editor-btn-icon-color: rgba($icon-color) !default;
     &.e-tooltip-wrap {
       max-width: 100%;
 
-      .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
-      .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
+      .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
+      .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
         display: block;
         visibility: hidden;
       }
@@ -123237,6 +123252,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -123308,7 +123327,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -123850,7 +123870,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -123859,7 +123880,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/bootstrap.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/fabric.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/fluent.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }
 

package/SCSS-Themes/ribbon/ribbon/highcontrast.scss

@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
         &:focus {
           outline: none;
         }
+
+        &.e-hidden {
+          display: none;
+        }
       }
 
       .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
       padding-top: $ribbon-group-padding;
       height: $ribbon-group-height;
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
 
     .e-ribbon-overflow-target {
 
-      &.e-hidden {
+      &.e-hidden,
+      &.e-hide-group {
         display: none;
       }
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
       }
 
       .e-ribbon-of-tab .e-ribbon-of-group-container {
-        &.e-hidden {
+        &.e-hidden,
+        &.e-hide-group {
           display: none;
         }