npm - @syncfusion/blazor-themes - Versions diffs - 31.2.4 → 31.2.5 - Mend

@syncfusion/blazor-themes 31.2.4 → 31.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (261) hide show

package/SCSS-Themes/grids/grid/material.scss CHANGED Viewed

@@ -3672,6 +3672,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5038,7 +5045,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/material3-dark-lite.scss CHANGED Viewed

@@ -3675,6 +3675,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED Viewed

@@ -3675,6 +3675,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/material3-lite.scss CHANGED Viewed

@@ -3675,6 +3675,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/material3.scss CHANGED Viewed

@@ -3675,6 +3675,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss CHANGED Viewed

@@ -3679,6 +3679,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5045,7 +5052,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED Viewed

@@ -3679,6 +3679,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5045,7 +5052,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind-lite.scss CHANGED Viewed

@@ -3679,6 +3679,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5045,7 +5052,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind.scss CHANGED Viewed

@@ -3679,6 +3679,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5045,7 +5052,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss CHANGED Viewed

@@ -3676,6 +3676,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5042,7 +5049,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind3-dark.scss CHANGED Viewed

@@ -3676,6 +3676,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5042,7 +5049,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind3-lite.scss CHANGED Viewed

@@ -3676,6 +3676,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5042,7 +5049,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/tailwind3.scss CHANGED Viewed

@@ -3676,6 +3676,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5042,7 +5049,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/highcontrast-lite.scss CHANGED Viewed

@@ -2685,6 +2685,7 @@ $ddl-small-list-font-size: 13px !default;
 // touch size
 $ddl-bigger-small-list-font-size: 14px !default;
+$input-border: $ddl-zero-value $border-type !default;
 @include export-module('dropdownlist-highcontrast') {
   #{&}.e-popup.e-ddl .e-dropdownbase {
@@ -2747,6 +2748,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
     }
   }
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    border: $input-border;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -29751,6 +29757,7 @@ $radio-btn-bigger-ripple-position: -11px !default;
 $radio-btn-bigger-small-ripple-size: 36px !default;
 $radio-btn-focus-ripple-bgcolor: #000 !default;
 $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
+$radio-btn-border-error-color: $error-bg;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30131,6 +30138,9 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -64800,6 +64810,13 @@ $grid-checkmark-color: $selection-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66166,7 +66183,9 @@ $grid-checkmark-color: $selection-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/highcontrast.scss CHANGED Viewed

@@ -2807,6 +2807,7 @@ $ddl-small-list-font-size: 13px !default;
 // touch size
 $ddl-bigger-small-list-font-size: 14px !default;
+$input-border: $ddl-zero-value $border-type !default;
 @include export-module('dropdownlist-highcontrast') {
   #{&}.e-popup.e-ddl .e-dropdownbase {
@@ -2869,6 +2870,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
     }
   }
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    border: $input-border;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -41014,6 +41020,7 @@ $radio-btn-bigger-ripple-position: -11px !default;
 $radio-btn-bigger-small-ripple-size: 36px !default;
 $radio-btn-focus-ripple-bgcolor: #000 !default;
 $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
+$radio-btn-border-error-color: $error-bg;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -41394,6 +41401,9 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -87205,6 +87215,13 @@ $grid-checkmark-color: $selection-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88571,7 +88588,9 @@ $grid-checkmark-color: $selection-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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

@@ -2666,6 +2666,7 @@ $ddl-small-list-font-size: 12px !default;
 // touch small
 $ddl-bigger-small-list-font-size: 13px !default;
+$input-border: $ddl-zero-value $border-type !default;
 //enddefault
@@ -2755,6 +2756,11 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    border: $input-border;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -30250,6 +30256,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
 $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
 $radio-btn-focus-outline-offset: 0 !default;
+$radio-btn-border-error-color: $error-bg;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30630,6 +30637,9 @@ $radio-btn-focus-outline-offset: 0 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -65710,6 +65720,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -67076,7 +67093,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/material-dark.scss CHANGED Viewed

@@ -2788,6 +2788,7 @@ $ddl-small-list-font-size: 12px !default;
 // touch small
 $ddl-bigger-small-list-font-size: 13px !default;
+$input-border: $ddl-zero-value $border-type !default;
 //enddefault
@@ -2877,6 +2878,11 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    border: $input-border;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -41513,6 +41519,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
 $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
 $radio-btn-focus-outline-offset: 0 !default;
+$radio-btn-border-error-color: $error-bg;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -41893,6 +41900,9 @@ $radio-btn-focus-outline-offset: 0 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -88115,6 +88125,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -89481,7 +89498,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/material-lite.scss CHANGED Viewed

@@ -2653,6 +2653,7 @@ $ddl-small-list-font-size: 12px !default;
 // touch small
 $ddl-bigger-small-list-font-size: 13px !default;
+$input-border: $ddl-zero-value $border-type !default;
 @include export-module('dropdownlist-material') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2745,6 +2746,11 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    border: $input-border;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -30030,6 +30036,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
 $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
 $radio-btn-focus-outline-offset: 0 !default;
+$radio-btn-border-error-color: $msg-danger-border-color-alt1;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30410,6 +30417,9 @@ $radio-btn-focus-outline-offset: 0 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -65452,6 +65462,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66818,7 +66835,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }