npm - @syncfusion/blazor-themes - Versions diffs - 26.1.35 → 26.1.40 - Mend

@syncfusion/blazor-themes 26.1.35 → 26.1.40

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 (393) hide show

package/SCSS-Themes/buttons/speed-dial/material3-dark.scss CHANGED Viewed

@@ -68,7 +68,7 @@ $sd-active-li-bg: $content-bg-color-alt4 !default;
 $sd-active-li-border-color: $content-bg-color-alt4 !default;
 $sd-active-font-color: $sd-font-color !default;
-@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin) {
+@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin, $speeddial-text-li-padding) {
   .e-speeddial-ul {
     padding: $padding;
   }
@@ -81,6 +81,14 @@ $sd-active-font-color: $sd-font-color !default;
     margin: $li-text-margin;
   }
+  .e-speeddial-li.e-speeddial-text-li .e-speeddial-li-text {
+    @if ($skin-name == 'fluent2') {
+      font-size: $li-icon-font-size;
+      line-height: $speeddial-li-text-height;
+      padding: $speeddial-text-li-padding;
+    }
+  }
   .e-speeddial-li-text {
     height: $speeddial-li-text-height;
     line-height: $speeddial-li-text-height;
@@ -204,6 +212,16 @@ $sd-active-font-color: $sd-font-color !default;
       &:not(.e-speeddial-text-li) .e-speeddial-li-text {
         margin: $sd-li-text-margin;
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          border: 1px solid;
+          border-radius: 20px;
+          font-size: 12px;
+          line-height: 16px;
+          padding: 8px 16px;
+        }
+      }
     }
     .e-speeddial-li-text {
@@ -341,19 +359,19 @@ $sd-active-font-color: $sd-font-color !default;
   .e-small.e-speeddial-popup,
   .e-small .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin, 5px 16px);
   }
   .e-bigger.e-speeddial-popup,
   .e-bigger .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin, 10px 28px);
   }
   .e-bigger.e-small.e-speeddial-popup,
   .e-bigger.e-small .e-speeddial-popup,
   .e-bigger .e-small.e-speeddial-popup,
   .e-small .e-bigger.e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin, 8px 24px);
   }
   .e-speeddial-overlay {
@@ -417,6 +435,13 @@ $sd-active-font-color: $sd-font-color !default;
           border-color: $sd-li-border-color;
         }
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          background: $secondary-bg-color;
+          box-shadow: $shadow-lg;
+          border-color: $secondary-border-color;
+        }
+      }
     }
     .e-speeddial-li.e-disabled {
       @include speeddial-text-icon-colors($sd-disabled-font-color, $sd-disabled-li-bg, $sd-disabled-li-border-color);

package/SCSS-Themes/buttons/speed-dial/material3.scss CHANGED Viewed

@@ -68,7 +68,7 @@ $sd-active-li-bg: $content-bg-color-alt4 !default;
 $sd-active-li-border-color: $content-bg-color-alt4 !default;
 $sd-active-font-color: $sd-font-color !default;
-@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin) {
+@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin, $speeddial-text-li-padding) {
   .e-speeddial-ul {
     padding: $padding;
   }
@@ -81,6 +81,14 @@ $sd-active-font-color: $sd-font-color !default;
     margin: $li-text-margin;
   }
+  .e-speeddial-li.e-speeddial-text-li .e-speeddial-li-text {
+    @if ($skin-name == 'fluent2') {
+      font-size: $li-icon-font-size;
+      line-height: $speeddial-li-text-height;
+      padding: $speeddial-text-li-padding;
+    }
+  }
   .e-speeddial-li-text {
     height: $speeddial-li-text-height;
     line-height: $speeddial-li-text-height;
@@ -204,6 +212,16 @@ $sd-active-font-color: $sd-font-color !default;
       &:not(.e-speeddial-text-li) .e-speeddial-li-text {
         margin: $sd-li-text-margin;
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          border: 1px solid;
+          border-radius: 20px;
+          font-size: 12px;
+          line-height: 16px;
+          padding: 8px 16px;
+        }
+      }
     }
     .e-speeddial-li-text {
@@ -341,19 +359,19 @@ $sd-active-font-color: $sd-font-color !default;
   .e-small.e-speeddial-popup,
   .e-small .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin, 5px 16px);
   }
   .e-bigger.e-speeddial-popup,
   .e-bigger .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin, 10px 28px);
   }
   .e-bigger.e-small.e-speeddial-popup,
   .e-bigger.e-small .e-speeddial-popup,
   .e-bigger .e-small.e-speeddial-popup,
   .e-small .e-bigger.e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin, 8px 24px);
   }
   .e-speeddial-overlay {
@@ -417,6 +435,13 @@ $sd-active-font-color: $sd-font-color !default;
           border-color: $sd-li-border-color;
         }
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          background: $secondary-bg-color;
+          box-shadow: $shadow-lg;
+          border-color: $secondary-border-color;
+        }
+      }
     }
     .e-speeddial-li.e-disabled {
       @include speeddial-text-icon-colors($sd-disabled-font-color, $sd-disabled-li-bg, $sd-disabled-li-border-color);

package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss CHANGED Viewed

@@ -68,7 +68,7 @@ $sd-active-li-bg: $secondary-bg-color-pressed !default;
 $sd-active-li-border-color: $secondary-border-color-pressed !default;
 $sd-active-font-color: $secondary-text-color !default;
-@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin) {
+@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin, $speeddial-text-li-padding) {
   .e-speeddial-ul {
     padding: $padding;
   }
@@ -81,6 +81,14 @@ $sd-active-font-color: $secondary-text-color !default;
     margin: $li-text-margin;
   }
+  .e-speeddial-li.e-speeddial-text-li .e-speeddial-li-text {
+    @if ($skin-name == 'fluent2') {
+      font-size: $li-icon-font-size;
+      line-height: $speeddial-li-text-height;
+      padding: $speeddial-text-li-padding;
+    }
+  }
   .e-speeddial-li-text {
     height: $speeddial-li-text-height;
     line-height: $speeddial-li-text-height;
@@ -204,6 +212,16 @@ $sd-active-font-color: $secondary-text-color !default;
       &:not(.e-speeddial-text-li) .e-speeddial-li-text {
         margin: $sd-li-text-margin;
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          border: 1px solid;
+          border-radius: 20px;
+          font-size: 12px;
+          line-height: 16px;
+          padding: 8px 16px;
+        }
+      }
     }
     .e-speeddial-li-text {
@@ -341,19 +359,19 @@ $sd-active-font-color: $secondary-text-color !default;
   .e-small.e-speeddial-popup,
   .e-small .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin, 5px 16px);
   }
   .e-bigger.e-speeddial-popup,
   .e-bigger .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin, 10px 28px);
   }
   .e-bigger.e-small.e-speeddial-popup,
   .e-bigger.e-small .e-speeddial-popup,
   .e-bigger .e-small.e-speeddial-popup,
   .e-small .e-bigger.e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin, 8px 24px);
   }
   .e-speeddial-overlay {
@@ -417,6 +435,13 @@ $sd-active-font-color: $secondary-text-color !default;
           border-color: $sd-li-border-color;
         }
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          background: $secondary-bg-color;
+          box-shadow: $shadow-lg;
+          border-color: $secondary-border-color;
+        }
+      }
     }
     .e-speeddial-li.e-disabled {
       @include speeddial-text-icon-colors($sd-disabled-font-color, $sd-disabled-li-bg, $sd-disabled-li-border-color);

package/SCSS-Themes/buttons/speed-dial/tailwind.scss CHANGED Viewed

@@ -68,7 +68,7 @@ $sd-active-li-bg: $secondary-bg-color-pressed !default;
 $sd-active-li-border-color: $secondary-border-color-pressed !default;
 $sd-active-font-color: $secondary-text-color !default;
-@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin) {
+@mixin speeddial-popup-styles($padding, $li-margin, $li-text-margin, $speeddial-li-text-height, $li-icon-height, $li-icon-width, $li-icon-font-size, $ul-padding, $sd-li-margin, $speeddial-text-li-padding) {
   .e-speeddial-ul {
     padding: $padding;
   }
@@ -81,6 +81,14 @@ $sd-active-font-color: $secondary-text-color !default;
     margin: $li-text-margin;
   }
+  .e-speeddial-li.e-speeddial-text-li .e-speeddial-li-text {
+    @if ($skin-name == 'fluent2') {
+      font-size: $li-icon-font-size;
+      line-height: $speeddial-li-text-height;
+      padding: $speeddial-text-li-padding;
+    }
+  }
   .e-speeddial-li-text {
     height: $speeddial-li-text-height;
     line-height: $speeddial-li-text-height;
@@ -204,6 +212,16 @@ $sd-active-font-color: $secondary-text-color !default;
       &:not(.e-speeddial-text-li) .e-speeddial-li-text {
         margin: $sd-li-text-margin;
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          border: 1px solid;
+          border-radius: 20px;
+          font-size: 12px;
+          line-height: 16px;
+          padding: 8px 16px;
+        }
+      }
     }
     .e-speeddial-li-text {
@@ -341,19 +359,19 @@ $sd-active-font-color: $secondary-text-color !default;
   .e-small.e-speeddial-popup,
   .e-small .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-small-vert-ul-padding, $sd-small-vert-li-margin, $sd-small-li-text-margin, $sd-small-li-text-height, $sd-small-li-icon-height, $sd-small-li-icon-width, $sd-small-li-icon-font-size, $sd-small-horz-ul-padding, $sd-small-horz-li-margin, 5px 16px);
   }
   .e-bigger.e-speeddial-popup,
   .e-bigger .e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-vert-ul-padding, $sd-bigger-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-li-text-height, $sd-bigger-li-icon-height, $sd-bigger-li-icon-width, $sd-bigger-li-icon-font-size, $sd-bigger-horz-ul-padding, $sd-bigger-horz-li-margin, 10px 28px);
   }
   .e-bigger.e-small.e-speeddial-popup,
   .e-bigger.e-small .e-speeddial-popup,
   .e-bigger .e-small.e-speeddial-popup,
   .e-small .e-bigger.e-speeddial-popup {
-    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin);
+    @include speeddial-popup-styles($sd-bigger-small-vert-ul-padding, $sd-bigger-small-vert-li-margin, $sd-bigger-li-text-margin, $sd-bigger-small-li-text-height, $sd-bigger-small-li-icon-height, $sd-bigger-small-li-icon-width, $sd-bigger-small-li-icon-font-size, $sd-bigger-small-horz-ul-padding, $sd-bigger-small-horz-li-margin, 8px 24px);
   }
   .e-speeddial-overlay {
@@ -417,6 +435,13 @@ $sd-active-font-color: $secondary-text-color !default;
           border-color: $sd-li-border-color;
         }
       }
+      &.e-speeddial-text-li .e-speeddial-li-text {
+        @if ($skin-name == 'fluent2') {
+          background: $secondary-bg-color;
+          box-shadow: $shadow-lg;
+          border-color: $secondary-border-color;
+        }
+      }
     }
     .e-speeddial-li.e-disabled {
       @include speeddial-text-icon-colors($sd-disabled-font-color, $sd-disabled-li-bg, $sd-disabled-li-border-color);

package/SCSS-Themes/calendars/calendar/bds-dark.scss CHANGED Viewed

@@ -1193,7 +1193,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/bds.scss CHANGED Viewed

@@ -1193,7 +1193,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss CHANGED Viewed

@@ -1158,7 +1158,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/bootstrap.scss CHANGED Viewed

@@ -1158,7 +1158,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/bootstrap4.scss CHANGED Viewed

@@ -1158,7 +1158,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss CHANGED Viewed

@@ -1178,7 +1178,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/bootstrap5.scss CHANGED Viewed

@@ -1178,7 +1178,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/fabric-dark.scss CHANGED Viewed

@@ -1122,7 +1122,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/fabric.scss CHANGED Viewed

@@ -1120,7 +1120,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/fluent-dark.scss CHANGED Viewed

@@ -1182,7 +1182,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/fluent.scss CHANGED Viewed

@@ -1182,7 +1182,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/fluent2-dark.scss CHANGED Viewed

@@ -224,7 +224,7 @@ $calendar-focus-box-shadow: none !default;
 $calendar-focus-border-color: none !default;
 $calendar-hover-border-color: $primary-lighter !default;
 $calendar-disable-font-color: $content-text-color-disabled !default;
-$calendar-focused-date-bg-style: $content-bg-color-pressed !default;
+$calendar-focused-date-bg-style: $primary-light !default;
 $calendar-small-title-font-color: $content-text-color-alt1 !default;
 $calendar-title-border-radius: 2px !default;
 $calendar-title-focus-box-shadow: $keyboard-focus !default;
@@ -1210,7 +1210,7 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/fluent2.scss CHANGED Viewed

@@ -224,7 +224,7 @@ $calendar-focus-box-shadow: none !default;
 $calendar-focus-border-color: none !default;
 $calendar-hover-border-color: $primary-lighter !default;
 $calendar-disable-font-color: $content-text-color-disabled !default;
-$calendar-focused-date-bg-style: $content-bg-color-pressed !default;
+$calendar-focused-date-bg-style: $primary-light !default;
 $calendar-small-title-font-color: $content-text-color-alt1 !default;
 $calendar-title-border-radius: 2px !default;
 $calendar-title-focus-box-shadow: $keyboard-focus !default;
@@ -1210,7 +1210,7 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/highcontrast.scss CHANGED Viewed

@@ -1119,7 +1119,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

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

@@ -1124,7 +1124,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/material.scss CHANGED Viewed

@@ -1119,7 +1119,7 @@ $calendar-small-font-size: 12px !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/material3-dark.scss CHANGED Viewed

@@ -1116,7 +1116,7 @@ $calendar-small-font-size: $text-xs !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/material3.scss CHANGED Viewed

@@ -1116,7 +1116,7 @@ $calendar-small-font-size: $text-xs !default;
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/tailwind-dark.scss CHANGED Viewed

@@ -1191,7 +1191,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/calendars/calendar/tailwind.scss CHANGED Viewed

@@ -1191,7 +1191,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
         }
       }
       #{if(&, '&', '*')} .e-content.e-year,
-      #{if(&, '&', '*')} .e-content.e-decade, {
+      #{if(&, '&', '*')} .e-content.e-decade {
         #{if(&, '&', '*')} td.e-selected span.e-day {
           @if $skin-name == 'fluent2' {
             font-weight: 600;

package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss CHANGED Viewed

@@ -544,6 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss CHANGED Viewed

@@ -544,6 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss CHANGED Viewed

@@ -550,6 +550,7 @@ $ddt-item-hover-bg: $grey-44 !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss CHANGED Viewed

@@ -549,6 +549,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss CHANGED Viewed

@@ -551,6 +551,7 @@ $ddt-item-hover-bg: darken($gray-100,2%) !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss CHANGED Viewed

@@ -543,6 +543,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss CHANGED Viewed

@@ -543,6 +543,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss CHANGED Viewed

@@ -550,6 +550,7 @@ $ddt-item-hover-bg: $neutral-light !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss CHANGED Viewed

@@ -550,6 +550,7 @@ $ddt-item-hover-bg: $neutral-lighter !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss CHANGED Viewed

@@ -548,6 +548,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss CHANGED Viewed

@@ -548,6 +548,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss CHANGED Viewed

@@ -552,6 +552,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
       &.e-chip-input {
         width: 0;
+        display: none;
       }
     }