@syncfusion/blazor-themes 24.2.3 → 24.2.4

package/SCSS-Themes/highcontrast.scss

@@ -26949,7 +26949,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }
@@ -79928,6 +79928,8 @@ margin: $grid-group-animator-cell-margin;
     }
 
     &.e-lib .e-leftfreeze,
+    &.e-lib.e-grid .e-headercell.e-leftfreeze,
+    &.e-lib.e-grid .e-headercell.e-rightfreeze,
     &.e-lib .e-rightfreeze,
     .e-leftfreeze,
     .e-rightfreeze {
@@ -79936,6 +79938,7 @@ margin: $grid-group-animator-cell-margin;
     }
 
     &.e-lib .e-fixedfreeze,
+    &.e-lib.e-grid .e-headercell.e-fixedfreeze,
     .e-fixedfreeze {
       position: sticky;
       z-index: 3;
@@ -79996,6 +79999,7 @@ margin: $grid-group-animator-cell-margin;
       overflow-x: hidden;
     }
 
+    &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
     &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-width: 2px;
@@ -80027,6 +80031,7 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
     }
   
+    &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
     &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-width: 2px;
@@ -80058,11 +80063,13 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
     }
 
+    &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
     &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-width: 1px;
     }
 
+    &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
     &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder {
       border-right-width: 1px;
@@ -80201,21 +80208,25 @@ margin: $grid-group-animator-cell-margin;
         }
       }
 
+      &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
       &.e-lib .e-leftfreeze.e-freezeleftborder,
       .e-leftfreeze.e-freezeleftborder {
         border-left-width: 2px;
       }
     
+      &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
       &.e-lib .e-rightfreeze.e-freezerightborder,
       .e-rightfreeze.e-freezerightborder {
         border-right-width: 2px;
       }
   
+      &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
       &.e-lib .e-fixedfreeze.e-freezeleftborder,
       .e-fixedfreeze.e-freezeleftborder {
         border-right-width: 1px;
       }
   
+      &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
       &.e-lib .e-fixedfreeze.e-freezerightborder,
       .e-fixedfreeze.e-freezerightborder {
         border-left-width: 1px;
@@ -86386,50 +86397,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -86478,8 +86502,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {
@@ -86913,8 +86935,7 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
     .e-gridcontent .e-table .e-detail-intent,
     .e-table .e-detailrow .e-detailindentcell,
     .e-table .e-detailrowexpand,
-    .e-table .e-detailrowcollapse,
-    .e-filterbarcell.e-mastercell {
+    .e-table .e-detailrowcollapse {
       display: none;
     }
 
@@ -91441,7 +91462,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -92429,6 +92452,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {

package/SCSS-Themes/inputs/data-form/bootstrap-dark.scss

@@ -56,50 +56,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -148,8 +161,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {

package/SCSS-Themes/inputs/data-form/bootstrap.scss

@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {

package/SCSS-Themes/inputs/data-form/bootstrap4.scss

@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {

package/SCSS-Themes/inputs/data-form/bootstrap5-dark.scss

@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {

package/SCSS-Themes/inputs/data-form/bootstrap5.scss

@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {

package/SCSS-Themes/inputs/data-form/fabric-dark.scss

@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {

package/SCSS-Themes/inputs/data-form/fabric.scss

@@ -55,50 +55,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -147,8 +160,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {