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

@syncfusion/blazor-themes 31.2.3 → 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 (311) hide show

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

@@ -2848,6 +2848,8 @@ $ddl-filter-margin: 0 !default;
 $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
+$input-border: $ddl-zero-value $border-type !default;
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
     transform: rotate(0deg);
@@ -2943,6 +2945,11 @@ $ddl-bigger-small-list-font-size: $text-sm !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;
@@ -30089,6 +30096,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30469,6 +30477,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -43896,9 +43907,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }
@@ -65525,6 +65533,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;
@@ -66891,7 +66906,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/material3-dark.scss CHANGED Viewed

@@ -2970,6 +2970,8 @@ $ddl-filter-margin: 0 !default;
 $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
+$input-border: $ddl-zero-value $border-type !default;
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
     transform: rotate(0deg);
@@ -3065,6 +3067,11 @@ $ddl-bigger-small-list-font-size: $text-sm !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;
@@ -41352,6 +41359,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -41732,6 +41740,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -59803,9 +59814,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }
@@ -87930,6 +87938,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;
@@ -89296,7 +89311,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/material3-lite.scss CHANGED Viewed

@@ -2918,6 +2918,8 @@ $ddl-filter-margin: 0 !default;
 $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
+$input-border: $ddl-zero-value $border-type !default;
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
     transform: rotate(0deg);
@@ -3013,6 +3015,11 @@ $ddl-bigger-small-list-font-size: $text-sm !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;
@@ -30159,6 +30166,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30539,6 +30547,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -43966,9 +43977,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }
@@ -65595,6 +65603,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;
@@ -66961,7 +66976,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/material3.scss CHANGED Viewed

@@ -3040,6 +3040,8 @@ $ddl-filter-margin: 0 !default;
 $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
+$input-border: $ddl-zero-value $border-type !default;
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
     transform: rotate(0deg);
@@ -3135,6 +3137,11 @@ $ddl-bigger-small-list-font-size: $text-sm !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;
@@ -41422,6 +41429,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -41802,6 +41810,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
@@ -59873,9 +59884,6 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }
@@ -88000,6 +88008,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;
@@ -89366,7 +89381,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/navigations/treeview/bds-dark-lite.scss CHANGED Viewed

@@ -684,9 +684,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bds-dark.scss CHANGED Viewed

@@ -684,9 +684,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bds-lite.scss CHANGED Viewed

@@ -684,9 +684,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bds.scss CHANGED Viewed

@@ -684,9 +684,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap-dark-lite.scss CHANGED Viewed

@@ -671,9 +671,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss CHANGED Viewed

@@ -671,9 +671,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap-lite.scss CHANGED Viewed

@@ -666,9 +666,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap.scss CHANGED Viewed

@@ -666,9 +666,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap4-lite.scss CHANGED Viewed

@@ -696,9 +696,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap4.scss CHANGED Viewed

@@ -696,9 +696,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5-lite.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -673,9 +673,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark.scss CHANGED Viewed

@@ -673,9 +673,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5.3-lite.scss CHANGED Viewed

@@ -673,9 +673,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss CHANGED Viewed

@@ -673,9 +673,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fabric-dark-lite.scss CHANGED Viewed

@@ -669,9 +669,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fabric-dark.scss CHANGED Viewed

@@ -669,9 +669,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fabric-lite.scss CHANGED Viewed

@@ -665,9 +665,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fabric.scss CHANGED Viewed

@@ -665,9 +665,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent-dark-lite.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent-dark.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent-lite.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent.scss CHANGED Viewed

@@ -675,9 +675,6 @@ $treeview-item-active-check-color: $primary !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent2-dark-lite.scss CHANGED Viewed

@@ -681,9 +681,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent2-dark.scss CHANGED Viewed

@@ -681,9 +681,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -681,9 +681,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent2-highcontrast.scss CHANGED Viewed

@@ -681,9 +681,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent2-lite.scss CHANGED Viewed

@@ -681,9 +681,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/fluent2.scss CHANGED Viewed

@@ -681,9 +681,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

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

@@ -673,9 +673,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }

package/SCSS-Themes/navigations/treeview/highcontrast.scss CHANGED Viewed

@@ -673,9 +673,6 @@ $ripple-width: 32px !default;
       }
       .e-list-url {
-        @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
-          padding: 0;
-        }
         width: 100%;
       }