npm - @syncfusion/blazor-themes - Versions diffs - 20.4.53 → 20.4.54 - Mend

@syncfusion/blazor-themes 20.4.53 → 20.4.54

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

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

@@ -36300,12 +36300,12 @@ $gridline-border-radius: 6px !default;
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 30px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 36px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;
@@ -71392,7 +71392,7 @@ $group-droparea-hover-color: $black !default;
 $grid-group-broder-color:  $border-light !default;
 $grid-group-hover-broder-color: $border-hover !default;
 $grid-group-text-line-height: 22px !default;
-$grid-wrap-line-height: 18px !default;
+$grid-wrap-line-height: 3px !default;
 $grid-wrap-margin-bottom: 2px !default;
 $grid-wrap-margin-top: 0 !default;
@@ -71425,8 +71425,8 @@ $grid-filterdiv-padding: 0 !default;
 $grid-headercelldiv-height: 29px !default;
 $grid-filterbarcell-input-height: 26px !default;
 $grid-sortnumber-border-radius: 65% !default;
-$grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 10px !default;
-$grid-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
+$grid-textwrap-srotnumber-rightalign-margin: 5px 2px 0 10px !default;
+$grid-textwrap-srotnumber-margin: 5px 5px 0 2px !default;
 $grid-textwrap-sorticon-margin: -9px 10px !default;
 $grid-columnchooser-header-padding: 11px 18px 15px !default;
 $grid-columnchooser-toolbar-button-padding: 0 12px !default;
@@ -71670,6 +71670,8 @@ $grid-rtl-group-text-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-right: -10px !default;
 $grid-rtl-headercell-border-width: 0 !default;
 $grid-rtl-headercelldiv-padding: 0 .4em 0 2.8em !default;
+$grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
+$grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: -12px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
@@ -71793,12 +71795,12 @@ $grid-content-batch-font-color: $success !default;
 $grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
 $grid-header-wrap-rightalign-sortfilter-div-margin: -20px -5px !default;
-$grid-header-wrap-filtericon-sortfilter-div-margin: -14px 20px -29px 0 !default;
+$grid-header-wrap-filtericon-sortfilter-div-margin: -20px 20px -29px 14px !default;
 $grid-bigger-wrap-sortdiv-margin: -31px 8px !default;
 $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
 $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
 $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
-$grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -14px 0 !default;
+$grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -20px 14px !default;
 $grid-drag-font-size: $text-sm !default;
 $grid-drag-icon-font-weight: $font-weight-bold !default;
 $grid-drag-move-icon: 10px !default;
@@ -72201,9 +72203,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-      @if $grid-skin == 'fluent' {
-        padding-right: 4px;
-      }
+      padding: $grid-bigger-rtl-headercelldiv-chkbox-padding;
     }
     .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -73759,11 +73759,10 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-      @if $grid-skin == 'fluent' {
-        padding-right: 4px;
-      }
+      padding: $grid-rtl-headercelldiv-chkbox-padding;
     }
     .e-filtermenudiv {
       float: $grid-fltrdiv-float;
       margin: $grid-fltrdiv-margin;
@@ -73876,7 +73875,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-wrap .e-columnmenu {
-      margin: $grid-textwrap-column-menu-margin;
+      line-height: $grid-wrap-line-height;
     }
     &.e-rtl .e-columnmenu {
@@ -73890,7 +73889,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     &.e-wrap {
       &.e-rtl  .e-columnmenu {
-        margin: $grid-rtl-textwrap-column-menu-margin;
+        line-height: $grid-wrap-line-height;
       }
     }
@@ -75072,6 +75071,13 @@ $grid-dropitems-count-margin-left: -4px !default;
         margin: $grid-rtl-headercelldiv-rightalign-fltricon-margin;
       }
+      &.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv,
+      & .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
+        height: auto;
+        margin-bottom: $grid-wrap-margin-bottom;
+        margin-top: $grid-wrap-margin-top;
+      }
       & .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
         margin: $grid-rtl-headercelldiv-fltricon-margin;
       }
@@ -75390,7 +75396,8 @@ $grid-dropitems-count-margin-left: -4px !default;
     &.e-wrap {
       & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
-      & .e-columnheader .e-headercelldiv {
+      & .e-columnheader .e-headercelldiv,
+      & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         height: Auto;
         line-height: $grid-rowcell-wrap-height;
         overflow-wrap: break-word;
@@ -75406,25 +75413,30 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-wrap .e-columnheader .e-headercelldiv,
-    & .e-columnheader.e-wrap .e-headercelldiv {
+    &.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv,
+    & .e-columnheader.e-wrap .e-headercelldiv,
+    & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
       margin-bottom: $grid-wrap-margin-bottom;
       margin-top: $grid-wrap-margin-top;
     }
-    &.e-wrap .e-columnheader .e-filtermenudiv {
+    &.e-wrap .e-columnheader .e-filtermenudiv,
+    &.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
       line-height: $grid-wrap-line-height;
     }
-    & .e-columnheader.e-wrap .e-filtermenudiv {
+    & .e-columnheader.e-wrap .e-filtermenudiv,
+    & .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
       line-height: $grid-wrap-line-height;
     }
     & .e-columnheader.e-wrap .e-headercelldiv,
+    & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv,
     & .e-columnheader.e-wrap .e-stackedheadercelldiv,
     & .e-gridcontent.e-wrap .e-rowcell,
     & .e-frozenhdrcont.e-wrap .e-rowcell {
       height: Auto;
-      line-height: $grid-wrap-line-height;
+      line-height: $grid-rowcell-wrap-height;
       overflow-wrap: break-word;
       text-overflow: clip;
       white-space: normal;
@@ -76611,8 +76623,8 @@ $grid-dropitems-count-margin-left: -4px !default;
     &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
     &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse,
-    &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
-    &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
+    &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
+    &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
     &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
         background-color: $grid-hover-bg-color;

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -36300,12 +36300,12 @@ $gridline-border-radius: 6px !default;
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 30px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 36px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;
@@ -71392,7 +71392,7 @@ $group-droparea-hover-color: $black !default;
 $grid-group-broder-color:  $border-light !default;
 $grid-group-hover-broder-color: $border-hover !default;
 $grid-group-text-line-height: 22px !default;
-$grid-wrap-line-height: 18px !default;
+$grid-wrap-line-height: 3px !default;
 $grid-wrap-margin-bottom: 2px !default;
 $grid-wrap-margin-top: 0 !default;
@@ -71425,8 +71425,8 @@ $grid-filterdiv-padding: 0 !default;
 $grid-headercelldiv-height: 29px !default;
 $grid-filterbarcell-input-height: 26px !default;
 $grid-sortnumber-border-radius: 65% !default;
-$grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 10px !default;
-$grid-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
+$grid-textwrap-srotnumber-rightalign-margin: 5px 2px 0 10px !default;
+$grid-textwrap-srotnumber-margin: 5px 5px 0 2px !default;
 $grid-textwrap-sorticon-margin: -9px 10px !default;
 $grid-columnchooser-header-padding: 11px 18px 15px !default;
 $grid-columnchooser-toolbar-button-padding: 0 12px !default;
@@ -71670,6 +71670,8 @@ $grid-rtl-group-text-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-right: -10px !default;
 $grid-rtl-headercell-border-width: 0 !default;
 $grid-rtl-headercelldiv-padding: 0 .4em 0 2.8em !default;
+$grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
+$grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: -12px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
@@ -71793,12 +71795,12 @@ $grid-content-batch-font-color: $success !default;
 $grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
 $grid-header-wrap-rightalign-sortfilter-div-margin: -20px -5px !default;
-$grid-header-wrap-filtericon-sortfilter-div-margin: -14px 20px -29px 0 !default;
+$grid-header-wrap-filtericon-sortfilter-div-margin: -20px 20px -29px 14px !default;
 $grid-bigger-wrap-sortdiv-margin: -31px 8px !default;
 $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
 $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
 $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
-$grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -14px 0 !default;
+$grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -20px 14px !default;
 $grid-drag-font-size: $text-sm !default;
 $grid-drag-icon-font-weight: $font-weight-bold !default;
 $grid-drag-move-icon: 10px !default;
@@ -72201,9 +72203,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-      @if $grid-skin == 'fluent' {
-        padding-right: 4px;
-      }
+      padding: $grid-bigger-rtl-headercelldiv-chkbox-padding;
     }
     .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -73759,11 +73759,10 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-      @if $grid-skin == 'fluent' {
-        padding-right: 4px;
-      }
+      padding: $grid-rtl-headercelldiv-chkbox-padding;
     }
     .e-filtermenudiv {
       float: $grid-fltrdiv-float;
       margin: $grid-fltrdiv-margin;
@@ -73876,7 +73875,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-wrap .e-columnmenu {
-      margin: $grid-textwrap-column-menu-margin;
+      line-height: $grid-wrap-line-height;
     }
     &.e-rtl .e-columnmenu {
@@ -73890,7 +73889,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     &.e-wrap {
       &.e-rtl  .e-columnmenu {
-        margin: $grid-rtl-textwrap-column-menu-margin;
+        line-height: $grid-wrap-line-height;
       }
     }
@@ -75072,6 +75071,13 @@ $grid-dropitems-count-margin-left: -4px !default;
         margin: $grid-rtl-headercelldiv-rightalign-fltricon-margin;
       }
+      &.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv,
+      & .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
+        height: auto;
+        margin-bottom: $grid-wrap-margin-bottom;
+        margin-top: $grid-wrap-margin-top;
+      }
       & .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
         margin: $grid-rtl-headercelldiv-fltricon-margin;
       }
@@ -75390,7 +75396,8 @@ $grid-dropitems-count-margin-left: -4px !default;
     &.e-wrap {
       & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
-      & .e-columnheader .e-headercelldiv {
+      & .e-columnheader .e-headercelldiv,
+      & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         height: Auto;
         line-height: $grid-rowcell-wrap-height;
         overflow-wrap: break-word;
@@ -75406,25 +75413,30 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     &.e-wrap .e-columnheader .e-headercelldiv,
-    & .e-columnheader.e-wrap .e-headercelldiv {
+    &.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv,
+    & .e-columnheader.e-wrap .e-headercelldiv,
+    & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
       margin-bottom: $grid-wrap-margin-bottom;
       margin-top: $grid-wrap-margin-top;
     }
-    &.e-wrap .e-columnheader .e-filtermenudiv {
+    &.e-wrap .e-columnheader .e-filtermenudiv,
+    &.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
       line-height: $grid-wrap-line-height;
     }
-    & .e-columnheader.e-wrap .e-filtermenudiv {
+    & .e-columnheader.e-wrap .e-filtermenudiv,
+    & .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
       line-height: $grid-wrap-line-height;
     }
     & .e-columnheader.e-wrap .e-headercelldiv,
+    & .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv,
     & .e-columnheader.e-wrap .e-stackedheadercelldiv,
     & .e-gridcontent.e-wrap .e-rowcell,
     & .e-frozenhdrcont.e-wrap .e-rowcell {
       height: Auto;
-      line-height: $grid-wrap-line-height;
+      line-height: $grid-rowcell-wrap-height;
       overflow-wrap: break-word;
       text-overflow: clip;
       white-space: normal;
@@ -76611,8 +76623,8 @@ $grid-dropitems-count-margin-left: -4px !default;
     &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
     &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse,
-    &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
-    &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):hover .e-rowdragdrop,
+    &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
+    &.e-rtl .e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop,
     &.e-gridhover tr[role = 'row']:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
         background-color: $grid-hover-bg-color;

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

@@ -13,7 +13,7 @@ $datepicker-calendar-border-style: none !default;
 $datepicker-icon: '\e960' !default;
 $datepicker-popup-border: 1px solid $grey-44 !default;
 $datepicker-icon-font-size: 16px !default;
-$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-overlay: rgba($grey-base, .6) !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;

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

@@ -13,7 +13,7 @@ $datepicker-calendar-border-style: none !default;
 $datepicker-icon: '\e960' !default;
 $datepicker-popup-border: 1px solid $grey-cc !default;
 $datepicker-icon-font-size: 16px !default;
-$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-overlay: rgba($grey-base, .6) !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;

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

@@ -5,12 +5,12 @@
 @import '../../calendars/calendar/bootstrap5-dark.scss';
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 30px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 36px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;

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

@@ -5,12 +5,12 @@
 @import '../../calendars/calendar/bootstrap5.scss';
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 30px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 36px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;

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

@@ -12,7 +12,7 @@ $datepicker-calendar-border-style: none !default;
 $datepicker-icon: '\e93a' !default;
 $datepicker-popup-border: 1px solid $neutral-light !default;
 $datepicker-icon-font-size: 16px !default;
-$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-overlay: rgba($neutral-black, .6) !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;

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

@@ -12,7 +12,7 @@ $datepicker-icon: '\e93a' !default;
 $datepicker-popup-border: 1px solid $neutral-light !default;
 $datepicker-popup-bg-color: $content-bg-color !default;
 $datepicker-icon-font-size: 16px !default;
-$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-overlay: rgba($neutral-black, .6) !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;

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

@@ -5,12 +5,12 @@
 @import '../../calendars/calendar/fluent-dark.scss';
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 30px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 36px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;

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

@@ -5,12 +5,12 @@
 @import '../../calendars/calendar/fluent.scss';
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 30px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 36px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;

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

@@ -12,7 +12,7 @@ $datepicker-icon: '\e93a' !default;
 $datepicker-popup-bg-color: $bg-base-0 !default;
 $datepicker-popup-border: 1px solid $border-default !default;
 $datepicker-icon-font-size: 16px !default;
-$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-overlay: rgba($bg-base-0, .6) !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;

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

@@ -16,7 +16,7 @@ $datepicker-icon-container-min-height: 24px !default;
 $datepicker-icon-container-min-width: 24px !default;
 $datepicker-bigger-icon-container-min-height: 26px !default;
 $datepicker-bigger-icon-container-min-width: 26px !default;
-$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-overlay: rgba($grey-black, .6) !default;
 $datepicker-icon-normal-margin: 0 0 4px 0 !default;
 $datepicker-icon-bigger-margin: 5px 0 6px 0 !default;

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

@@ -16,7 +16,7 @@ $datepicker-icon-container-min-height: 24px !default;
 $datepicker-icon-container-min-width: 24px !default;
 $datepicker-bigger-icon-container-min-height: 26px !default;
 $datepicker-bigger-icon-container-min-width: 26px !default;
-$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-overlay: rgba($grey-black, .6) !default;
 $datepicker-icon-normal-margin: 0 0 4px 0 !default;
 $datepicker-icon-bigger-margin: 5px 0 6px 0 !default;

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

@@ -5,12 +5,12 @@
 @import '../../calendars/calendar/tailwind-dark.scss';
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 20px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 20px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;

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

@@ -5,12 +5,12 @@
 @import '../../calendars/calendar/tailwind.scss';
 //default
 $datepicker-icon: '\e901' !default;
-$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-font-size: 16px !default;
 $datepicker-icon-container-min-height: 18px !default;
 $datepicker-icon-container-min-width: 20px !default;
 $datepicker-bigger-icon-container-min-height: 18px !default;
 $datepicker-bigger-icon-container-min-width: 20px !default;
-$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-bigger-icon-font-size: 18px !default;
 $datepicker-icon-normal-margin: 0 !default;
 $datepicker-icon-bigger-margin: 0 !default;
 $datepicker-icon-border-radius: 50% !default;

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

@@ -178,7 +178,7 @@ $range-icon-bigger-padding: 11px !default;
 $range-icon-normal-padding: 10px !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 45px !default;
-$range-bigger-icon-font-size: 20px !default;
+$range-bigger-icon-font-size: 18px !default;
 $range-list-hover-color: $range-calendar-header-dark-color !default;
 $range-calendar-active-border: 1px solid $brand-primary !default;
 $range-calendar-today-start-color: 1px solid $brand-primary !default;

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

@@ -178,7 +178,7 @@ $range-icon-bigger-padding: 11px !default;
 $range-icon-normal-padding: 10px !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 45px !default;
-$range-bigger-icon-font-size: 20px !default;
+$range-bigger-icon-font-size: 18px !default;
 $range-list-hover-color: $range-calendar-header-dark-color !default;
 $range-calendar-active-border: 1px solid $brand-primary !default;
 $range-calendar-today-start-color: 1px solid $brand-primary !default;

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

@@ -179,7 +179,7 @@ $range-icon-bigger-padding: 15px !default;
 $range-icon-normal-padding: 11px !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 45px !default;
-$range-bigger-icon-font-size: 20px !default;
+$range-bigger-icon-font-size: 18px !default;
 $range-list-hover-color: $range-calendar-header-dark-color !default;
 $range-calendar-active-border: none !default;
 $range-calendar-today-start-color: none !default;

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

@@ -178,7 +178,7 @@ $range-icon-bigger-padding: 15px !default;
 $range-icon-normal-padding: 11px !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 45px !default;
-$range-bigger-icon-font-size: 20px !default;
+$range-bigger-icon-font-size: 18px !default;
 $range-list-hover-color: $range-calendar-header-dark-color !default;
 $range-calendar-active-border: none !default;
 $range-calendar-today-start-color: none !default;

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

@@ -177,7 +177,7 @@ $range-icon-bigger-padding: 15px !default;
 $range-icon-normal-padding: 9px 10px !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 45px !default;
-$range-bigger-icon-font-size: 20px !default;
+$range-bigger-icon-font-size: 18px !default;
 $range-list-hover-color: $range-calendar-header-dark-color !default;
 $range-calendar-active-border: 1px solid $hover-bg !default;
 $range-calendar-today-color: $selection-font !default;

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

@@ -157,7 +157,7 @@ $range-calendar-landscape-height: 130px !default;
 // new variable
 $range-icon: '\e245' !default;
 $range-icon-font-size: 16px !default;
-$range-bigger-icon-font-size: 20px !default;
+$range-bigger-icon-font-size: 18px !default;
 $range-icon-next: '\e913' !default;
 $range-icon-prev: '\e921' !default;
 $range-change-icon: '\e85f' !default;

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

@@ -158,7 +158,7 @@ $range-calendar-landscape-height: 130px !default;
 // new variable
 $range-icon: '\e245' !default;
 $range-icon-font-size: 16px !default;
-$range-bigger-icon-font-size: 20px !default;
+$range-bigger-icon-font-size: 18px !default;
 $range-icon-next: '\e913' !default;
 $range-icon-prev: '\e921' !default;
 $range-change-icon: '\e85f' !default;

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

@@ -32,7 +32,7 @@ $datetime-list-normal-padding: 5px !default;
 $datetime-list-bigger-padding: 10px !default;
 $datetime-time-font-icon: '\e93e' !default;
 $datetime-icon-normal-font-size: 16px !default;
-$datetime-icon-bigger-font-size: 20px !default;
+$datetime-icon-bigger-font-size: 18px !default;
 $datetime-date-icon-margin: 0 !default;
 $datetime-time-icon-margin: 0 !default;
 $datetime-time-bigger-icon-margin: 0 !default;

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

@@ -32,7 +32,7 @@ $datetime-list-bigger-padding: 10px !default;
 $datetime-list-popup-icon-active-color: $grey-dark-font !default;
 $datetime-time-font-icon: '\e93e' !default;
 $datetime-icon-normal-font-size: 16px !default;
-$datetime-icon-bigger-font-size: 20px !default;
+$datetime-icon-bigger-font-size: 18px !default;
 $datetime-date-icon-margin: 0 !default;
 $datetime-time-icon-margin: 0 !default;
 $datetime-time-bigger-icon-margin: 0 !default;

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

@@ -34,7 +34,7 @@ $datetime-list-bigger-padding: 10px !default;
 $datetime-list-popup-icon-active-color: $white !default;
 $datetime-time-font-icon: '\e93e' !default;
 $datetime-icon-normal-font-size: 16px !default;
-$datetime-icon-bigger-font-size: 20px !default;
+$datetime-icon-bigger-font-size: 18px !default;
 $datetime-date-icon-margin: 0 !default;
 $datetime-time-icon-margin: 0 !default;
 $datetime-time-bigger-icon-margin: 0 !default;

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

@@ -33,7 +33,7 @@ $datetime-list-normal-padding: 0 !default;
 $datetime-list-bigger-padding: 8px !default;
 $datetime-time-font-icon: '\e97f' !default;
 $datetime-icon-normal-font-size: 16px !default;
-$datetime-icon-bigger-font-size: 20px !default;
+$datetime-icon-bigger-font-size: 18px !default;
 $datetime-date-icon-margin: 0 !default;
 $datetime-time-icon-margin: 0 !default;
 $datetime-time-bigger-icon-margin: 0 !default;

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

@@ -32,7 +32,7 @@ $datetime-list-normal-padding: 0 !default;
 $datetime-list-bigger-padding: 8px !default;
 $datetime-time-font-icon: '\e97f' !default;
 $datetime-icon-normal-font-size: 16px !default;
-$datetime-icon-bigger-font-size: 20px !default;
+$datetime-icon-bigger-font-size: 18px !default;
 $datetime-date-icon-margin: 0 !default;
 $datetime-time-icon-margin: 0 !default;
 $datetime-time-bigger-icon-margin: 0 !default;

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

@@ -32,7 +32,7 @@ $datetime-list-normal-padding: 0 !default;
 $datetime-list-bigger-padding: 8px !default;
 $datetime-time-font-icon: '\e97f' !default;
 $datetime-icon-normal-font-size: 16px !default;
-$datetime-icon-bigger-font-size: 20px !default;
+$datetime-icon-bigger-font-size: 18px !default;
 $datetime-date-icon-margin: 0 !default;
 $datetime-time-icon-margin: 0 !default;
 $datetime-time-bigger-icon-margin: 0 !default;