@syncfusion/blazor-themes 31.1.23 → 31.2.3

package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss

@@ -260,6 +260,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss

@@ -257,6 +257,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss

@@ -257,6 +257,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss

@@ -316,6 +316,10 @@ $ddl-filter-box-shadow: none !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss

@@ -316,6 +316,10 @@ $ddl-filter-box-shadow: none !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss

@@ -316,6 +316,10 @@ $ddl-filter-box-shadow: none !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss

@@ -316,6 +316,10 @@ $ddl-filter-box-shadow: none !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss

@@ -289,6 +289,10 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss

@@ -289,6 +289,10 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss

@@ -289,6 +289,10 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss

@@ -289,6 +289,10 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss

@@ -289,6 +289,10 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss

@@ -289,6 +289,10 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss

@@ -271,6 +271,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss

@@ -271,6 +271,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss

@@ -298,6 +298,10 @@ $ddl-bigger-small-list-font-size: 13px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss

@@ -298,6 +298,10 @@ $ddl-bigger-small-list-font-size: 13px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss

@@ -300,6 +300,10 @@ $ddl-bigger-small-list-font-size: 13px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material.scss

@@ -300,6 +300,10 @@ $ddl-bigger-small-list-font-size: 13px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss

@@ -302,6 +302,10 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss

@@ -302,6 +302,10 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss

@@ -302,6 +302,10 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/material3.scss

@@ -302,6 +302,10 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -2894,6 +2894,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -66056,7 +66060,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -66070,6 +66074,19 @@ $grid-checkmark-color: $theme-dark-font !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -111376,7 +111393,7 @@ $timeline-item-disabled-color: $neutral-tertiary-alt !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -111384,7 +111401,7 @@ $timeline-item-disabled-color: $neutral-tertiary-alt !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);

package/SCSS-Themes/fabric-dark.scss

@@ -3016,6 +3016,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -88461,7 +88465,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -88475,6 +88479,19 @@ $grid-checkmark-color: $theme-dark-font !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -144375,7 +144392,7 @@ $timeline-item-disabled-color: $neutral-tertiary-alt !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -144383,7 +144400,7 @@ $timeline-item-disabled-color: $neutral-tertiary-alt !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);
@@ -144690,7 +144707,7 @@ $timeline-item-disabled-color: $neutral-tertiary-alt !default;
 @include export-module('timeline-bigger') {
   .e-bigger.e-timeline,
   .e-bigger .e-timeline {
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-bigger-dot-icon-size;
       min-height: $timeline-bigger-dot-icon-size;
       font-size: $timeline-bigger-dot-font-size;

package/SCSS-Themes/fabric-lite.scss

@@ -2889,6 +2889,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -65834,7 +65838,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -65848,6 +65852,19 @@ $grid-checkmark-color: $theme-primary-font !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -111158,7 +111175,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -111166,7 +111183,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);

package/SCSS-Themes/fabric.scss

@@ -3011,6 +3011,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -88239,7 +88243,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -88253,6 +88257,19 @@ $grid-checkmark-color: $theme-primary-font !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -144157,7 +144174,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -144165,7 +144182,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);
@@ -144472,7 +144489,7 @@ $timeline-item-disabled-color: $neutral-tertiary !default;
 @include export-module('timeline-bigger') {
   .e-bigger.e-timeline,
   .e-bigger .e-timeline {
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-bigger-dot-icon-size;
       min-height: $timeline-bigger-dot-icon-size;
       font-size: $timeline-bigger-dot-font-size;