npm - @syncfusion/blazor-themes - Versions diffs - 20.4.50 → 20.4.52 - Mend

@syncfusion/blazor-themes 20.4.50 → 20.4.52

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

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

@@ -40122,6 +40122,7 @@ $range-bigger-small-icon-font-size: 18px !default;
           overflow: $range-visibility-hidden;
           padding: $range-list-item-padding;
           white-space: $range-text-nowrap;
+          text-overflow: $range-text-overflow;
         }
         #{if(&, '&', '*')} .e-list-parent {
           margin: $range-value-zero;
@@ -75203,7 +75204,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-top: 0;
       }
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
         border-right: 0;
       }
@@ -76622,7 +76623,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
-    .e-ftrchk.e-chkfocus {
+    .e-ftrchk.e-chkfocus,
+    li.e-cclist.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
   }

package/SCSS-Themes/bootstrap.scss CHANGED Viewed

@@ -39858,6 +39858,7 @@ $range-bigger-small-icon-font-size: 18px !default;
           overflow: $range-visibility-hidden;
           padding: $range-list-item-padding;
           white-space: $range-text-nowrap;
+          text-overflow: $range-text-overflow;
         }
         #{if(&, '&', '*')} .e-list-parent {
           margin: $range-value-zero;
@@ -74915,7 +74916,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-top: 0;
       }
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
         border-right: 0;
       }
@@ -76334,7 +76335,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
-    .e-ftrchk.e-chkfocus {
+    .e-ftrchk.e-chkfocus,
+    li.e-cclist.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
   }

package/SCSS-Themes/bootstrap4.scss CHANGED Viewed

@@ -39893,6 +39893,7 @@ $range-bigger-small-icon-font-size: 15px !default;
           overflow: $range-visibility-hidden;
           padding: $range-list-item-padding;
           white-space: $range-text-nowrap;
+          text-overflow: $range-text-overflow;
         }
         #{if(&, '&', '*')} .e-list-parent {
           margin: $range-value-zero;
@@ -51939,7 +51940,7 @@ $treeview-big-icon-size: 24px !default;
 $treeview-icon-margin: 0 4px 0 -24px !default;
 $treeview-drag-icon-margin: 0 8px 8px -24px;
 $treeview-big-icon-margin: 0 0 0 -24px !default;
-$treeview-rtl-icon-margin: -0.5px -24px 0 0 !default;
+$treeview-rtl-icon-margin: -0.5px -20px 0 0 !default;
 $treeview-rtl-drag-margin: 10px -13px -1px 0;
 $treeview-icon-padding: 6px !default;
 $treeview-text-padding: 0 8px 0 6px !default;
@@ -75115,7 +75116,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-top: 0;
       }
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
         border-right: 0;
       }
@@ -76534,7 +76535,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
-    .e-ftrchk.e-chkfocus {
+    .e-ftrchk.e-chkfocus,
+    li.e-cclist.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
   }

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

@@ -40206,6 +40206,7 @@ $cancel-buuton-text-active-color: $secondary-text-color-pressed !default;
           overflow: $range-visibility-hidden;
           padding: $range-list-item-padding;
           white-space: $range-text-nowrap;
+          text-overflow: $range-text-overflow;
         }
         #{if(&, '&', '*')} .e-list-parent {
           margin: $range-value-zero;
@@ -70805,8 +70806,8 @@ $grid-xlfl-li-height: 36px !default;
 $grid-xl-radio-padding-left: 25px !default;
 $grid-xlfl-radiodiv-width: 120px !default;
 $grid-bigger-xlfl-li-height: 40px !default;
-$grid-bigger-xlfl-fieldset-font-size: 16px !default;
-$grid-bigger-xlfl-dlgfields-font-size: 18px !default;
+$grid-bigger-xlfl-fieldset-font-size: $text-base !default;
+$grid-bigger-xlfl-dlgfields-font-size: $text-lg !default;
 $grid-bigger-xlfltd-radio-mtcase-padding: 10px !default;
 $grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
 $grid-bigger-xlfl-li-icon-margin-right: 13px !default;
@@ -71361,7 +71362,7 @@ $grid-xl-radio-margin-top: 0 !default;
 $grid-content-padding: 6px !default;
 $grid-headecell-height: 32px !default;
-$grid-font-size: 14px !default;
+$grid-font-size: $text-sm !default;
 $grid-icon-color: $icon-color !default;
 $grid-command-icon-color: $icon-color !default;
 $grid-border-type: solid !default;
@@ -71370,8 +71371,8 @@ $grid-horizontal-border-size: 1px !default;
 $grid-font-family: $font-family !default;
 $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
-$grid-header-font-size: 14px !default;
-$grid-bigger-header-font-size: 16px !default;
+$grid-header-font-size: $text-sm !default;
+$grid-bigger-header-font-size: $text-base !default;
 $grid-header-icon-color: $icon-color !default;
 $grid-sorted-header-color: $content-text-color !default;
@@ -71439,7 +71440,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
 $grid-columnchooser-toolbar-div-padding: 0 10px !default;
 $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
 $grid-columnchooser-toolbar-icon-font-size: 15px !default;
-$grid-columnchooser-btn-font-size: 14px !default;
+$grid-columnchooser-btn-font-size: $text-sm !default;
 $grid-columnchooser-btn-line-height: 3 !default;
 $grid-columnchooser-toolbardiv-padding: 3px !default;
 $grid-columnchooser-toolbardiv-margin-top: 0 !default;
@@ -71467,7 +71468,7 @@ $grid-rtl-stackedhader-firstcell-right-border-size: 1px !default;
 $grid-rtl-bothlines-stackedhader-firstcell-left-border-size: 1px !default;
 $grid-rtl-bothlines-stackedhader-firstcell-right-border-size: 0 !default;
 $grid-bigger-headercell-bootom-padding: 10px !default;
-$grid-bigger-grightarrow-icon-font-size: 16px !default;
+$grid-bigger-grightarrow-icon-font-size: $text-base !default;
 $group-bigger-sorticon-margin-right: 0 !default;
 $grid-bigger-groupdroparea-padding: 15px 15px !default;
 $grid-bigger-group-headercell-height: 38px !default;
@@ -71560,7 +71561,7 @@ $grid-toolbar-search-icon-min-width: 32px !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-toolbar-search-clear-icon-min-width: 32px !default;
-$grid-toolbar-search-clear-icon-font-size: 14px !default;
+$grid-toolbar-search-clear-icon-font-size: $text-sm !default;
 $grid-toolbar-search-clear-icon-padding: 0 !default;
 $grid-toolbar-search-clear-icon-margin-right: 0 !default;
 $grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
@@ -71568,16 +71569,16 @@ $grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
 $grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
 $grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
-$grid-bigger-toolbar-search-clear-icon-font-size: 16px !default;
+$grid-bigger-toolbar-search-clear-icon-font-size: $text-base !default;
 $grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
 $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
 $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
 $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
-$grid-responsive-toolbar-search-clear-icon-font-size: 16px !default;
+$grid-responsive-toolbar-search-clear-icon-font-size: $text-base !default;
 $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
 $grid-res-toolbar-clear-icon-width: 100% !default;
 $grid-res-toolbar-clear-icon-margin: 0 !default;
-$grid-res-toolbar-search-clear-icon-font-size: 16px !default;
+$grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
 $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px 0 !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -71585,7 +71586,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
 $grid-bigger-command-column-padding-bottom: 1.2px !default;
 $grid-bigger-command-column-padding-top: 1.2px !default;
-$grid-summary-cell-font-size: 14px !default;
+$grid-summary-cell-font-size: $text-sm !default;
 $grid-filterbarcell-border-width: 1px 0 0 !default;
 $grid-filterbarcell-first-last-child-padding-left: 2px !default;
 $grid-filterbarcell-padding: 1px 2px !default;
@@ -71609,7 +71610,7 @@ $grid-sortdiv-right-align-margin: -10px 8px -12px -2px !default;
 $grid-sortdiv-margin:  -10px -2px -12px 8px !default;
 $grid-sortdiv-padding: 2px !default;
 $grid-ungroup-button-line-height: 20px !default;
-$grid-ungroup-button-font-size: 14px !default;
+$grid-ungroup-button-font-size: $text-sm !default;
 $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
 $grid-grouparea-font-size: $grid-content-font-size !default;
 $grid-grouparea-margin: 4px 0 0 5px !default;
@@ -71634,14 +71635,14 @@ $grouped-droparea-bg-color: $content-bg-color-alt1 !default;
 $grid-drag-clone-border-color: $border-light !default;
 $grid-drag-clone-bg-color: $content-bg-color-alt3 !default;
 $group-caption-font-color: $content-text-color-alt1 !default;
-$grid-group-down-arrow-icon-font-size: 14px !default;
+$grid-group-down-arrow-icon-font-size: $text-sm !default;
 $grid-group-down-arrow-icon-padding: 12px 7px 11px 8px !default;
 $group-expand-icon-text-indent: 11px !default;
 $group-droparea-color: $content-text-color-alt3 !default;
-$group-sorticon-font-size: 14px !default;
+$group-sorticon-font-size: $text-sm !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
-$grid-group-right-arrow-icon-font-size: 14px !default;
+$grid-group-right-arrow-icon-font-size: $text-sm !default;
 $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
 $grid-group-unpgroupicon-margin-top: 2px !default;
 $grid-summary-cell-line-height: 14px !default;
@@ -71674,14 +71675,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
-$grid-group-caption-font-size: 14px !default;
+$grid-group-caption-font-size: $text-sm !default;
 $grid-group-caption-header-padding: .5em !default;
 $group-sorticon-margin-left: -8px !default;
 $group-sorticon-margin-top: -.5px !default;
 $grid-bigger-headercell-line-height: 40px !default;
 $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
 $grid-bigger-rowcell-line-height: 24px !default;
-$grid-bigger-font-size: 16px !default;
+$grid-bigger-font-size: $text-base !default;
 $group-unpgrouicon-margin-left: -12px !default;
 $grid-group-ungroupicon-margin-left: -12px !default;
 $grid-group-clone-text-align: left !default;
@@ -71690,8 +71691,8 @@ $grid-bigger-first-last-rowcell-padding: 8px !default;
 $grid-bigger-content-padding: 8px !default;
 $grid-bigger-group-line-height: round($grid-group-height*1.5) !default;
 $grid-bigger-content-right-padding: 12px !default;
-$grid-bigger-headercell-font-size: 16px !default;
-$grid-bigger-content-font-size: 16px !default;
+$grid-bigger-headercell-font-size: $text-base !default;
+$grid-bigger-content-font-size: $text-base !default;
 $grid-filterbar-border-radius: 4px !default;
 $grid-bigger-sorticon-margin-top: 1px !default;
 $grid-header-border-width: 0 !default;
@@ -71700,17 +71701,17 @@ $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
 $grid-bigger-group-headercell-padding: 7px 0 !default;
 $grid-bigger-grouptext-marign: 0 !default;
 $grid-bigger-headercell-padding: 12px !default;
-$grid-bigger-icons-font-size: 16px !default;
+$grid-bigger-icons-font-size: $text-base !default;
 $group-collapse-icon-text-indent: 11px !default;
 $grid-bigger-grouparea-font-size: $grid-bigger-content-font-size !default;
 $grid-bigger-grouped-headercell-border-radius: 0 !default;
 $grid-bigger-groupedcell-icons-marign-left: -8px !default;
-$grid-bigger-ungroupbutton-icons-font-size: 16px !default;
+$grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
 $grid-bigger-groupcell-span-padding: 0 8px !default;
 $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
 $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
 $grid-bigger-groupcell-span-line-height: 24px !default;
-$grid-bigger-gdownarrow-icon-font-size: 16px !default;
+$grid-bigger-gdownarrow-icon-font-size: $text-base !default;
 $grid-gd-clone-border-radius: 4px !default;
 $grid-bigger-group-clone-broder-radius: 6px !default;
 $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -71728,7 +71729,7 @@ $grid-cc-checkbox-padding-left: 8px !default;
 $grid-column-chooser-searchdiv-left: 1px !default;
 $grid-columnchooser-content-margin: 40px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
-$grid-bigger-columnchooser-btn-font-size: 16px !default;
+$grid-bigger-columnchooser-btn-font-size: $text-base !default;
 $grid-bigger-sortdiv-rightalign-margin: -12px 4px -12px -2px !default;
 $grid-bigger-sortdiv-margin: -12px -2px -12px 4px !default;
 $grid-bigger-header-icons-font-size: 22px !default;
@@ -71798,8 +71799,8 @@ $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-drag-font-size: 14px !default;
-$grid-drag-icon-font-weight: bold !default;
+$grid-drag-font-size: $text-sm !default;
+$grid-drag-icon-font-weight: $font-weight-bold !default;
 $grid-drag-move-icon: 10px !default;
 $grid-dragdrop-padding: 2px !default;
 $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
@@ -71830,16 +71831,16 @@ $grid-bigger-sortnumber-margin: 3px 4px 0 4px !default;
 $grid-bigger-fltr-sortnumber-margin: 1px 4px 0 -6px !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -41px !default;
-$grid-reorderarrow-font-size: 10px !default;
+$grid-reorderarrow-font-size: $text-xxs !default;
 $grid-bigger-wrap-line-height: 24px !default;
 $grid-bigger-clone-padding: 3px 0 0 8px !default;
 $grid-bigger-draganddrop-clone-padding: 0 !default;
-$grouped-bigger-text-font-size: 16px !default;
+$grouped-bigger-text-font-size: $text-base !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
-$grid-bigger-font-size: 16px !default;
+$grid-bigger-font-size: $text-base !default;
 $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
-$grid-grouparea-font-weight: normal !default;
+$grid-grouparea-font-weight: $font-weight-normal !default;
 $grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
@@ -71867,7 +71868,7 @@ $grid-animator-margin-left: 8px !default;
 $grid-animator-padding-bottom: 10px !default;
 $grid-animator-line-height: 21px !default;
 $grid-animator-line-height-next: 32px !default;
-$grid-animator-font-size-drag: 12px !default;
+$grid-animator-font-size-drag: $text-xs !default;
 $grid-animator-opacity: 1 !default;
 $grid-animator-drag-margin-left: 8px !default;
 $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -71890,9 +71891,9 @@ $grid-responsive-filter-reset-color: $grid-filtered-color !default;
 $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
 $grid-responsive-close-icon-color: $grid-icon-color !default;
 $grid-responsive-btn-background: $content-text-color-alt3 !default;
-$grid-responsive-res-apply-btn-font-size: 16px !default;
+$grid-responsive-res-apply-btn-font-size: $text-base !default;
 $grid-responsive-res-apply-btn-margin-top: 0 !default;
-$grid-responsive-sort-clear-btn-font-size: 16px !default;
+$grid-responsive-sort-clear-btn-font-size: $text-base !default;
 $grid-responsive-sort-clear-margin-top: 0 !default;
 $grid-responsive-icon-filter-clear: $grid-bigger-icons-font-size !default;
 $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -71920,7 +71921,7 @@ $grid-group-drop-area-border: dashed !default;
 $grid-group-drop-area-border-width: 1px !default;
 $grid-group-drop-area-hover-border-color: $border-dark !default;
 $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
-$grid-sortnumber-font-size: 14px !default;
+$grid-sortnumber-font-size: $text-sm !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
@@ -71936,16 +71937,16 @@ $grid-outter-border: $border-light !default;
 $grid-btn-disabled-bgcolor: $secondary-bg-color-disabled !default;
 $grid-sort-number-size: 16px !default;
 $grid-bigger-sort-number-size: 18px !default;
-$grid-sort-number-font-size: 16px !default;
+$grid-sort-number-font-size: $text-base !default;
 $grid-filter-border-radius: 6px !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 4px !default;
 $grid-bigger-sort-margin: -10px 2px !default;
 $grid-bigger-sort-right-margin: 3px 8px 0 0 !default;
 $grid-skin: 'bootstrap5' !default;
-$grid-biggerreorderarrow-font-size: 14px !default;
+$grid-biggerreorderarrow-font-size: $text-sm !default;
 $grid-bigger-drag-count-padding: 3px 8px 4px !default;
 $grid-bigger-drag-count-top: -14px !default;
-$grid-bigger-check-select-all-font-size: 10px !default;
+$grid-bigger-check-select-all-font-size: $text-xxs !default;
 $grid-adaptive-sort-clear-button-padding: 4px !default;
 $grid-cc-margin-top: 4px !default;
 $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
@@ -71954,7 +71955,7 @@ $grid-rtl-group-span-padding: 0 8px !default;
 $grid-ungroup-rtl-padding-left: 8px !default;
 $grid-column-reorder-icon-color: $primary !default;
 $grid-bigger-headercell-top-padding: 10px !default;
-$grid-bigger-icon-font-size: 16px !default;
+$grid-bigger-icon-font-size: $text-base !default;
 $grid-rtl-mselect-dd-indicator-left: -6px !default;
 $grid-toolbar-text-opacity: .6 !default;
 $grid-toolbar-searchbar-text-opacity: 1 !default;
@@ -75487,7 +75488,7 @@ $grid-dropitems-count-margin-left: -4px !default;
         border-top: 0;
       }
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
         border-right: 0;
       }
@@ -76906,7 +76907,8 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
     }
-    .e-ftrchk.e-chkfocus {
+    .e-ftrchk.e-chkfocus,
+    li.e-cclist.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
   }

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -40206,6 +40206,7 @@ $cancel-buuton-text-active-color: $secondary-text-color-pressed !default;
           overflow: $range-visibility-hidden;
           padding: $range-list-item-padding;
           white-space: $range-text-nowrap;
+          text-overflow: $range-text-overflow;
         }
         #{if(&, '&', '*')} .e-list-parent {
           margin: $range-value-zero;
@@ -70805,8 +70806,8 @@ $grid-xlfl-li-height: 36px !default;
 $grid-xl-radio-padding-left: 25px !default;
 $grid-xlfl-radiodiv-width: 120px !default;
 $grid-bigger-xlfl-li-height: 40px !default;
-$grid-bigger-xlfl-fieldset-font-size: 16px !default;
-$grid-bigger-xlfl-dlgfields-font-size: 18px !default;
+$grid-bigger-xlfl-fieldset-font-size: $text-base !default;
+$grid-bigger-xlfl-dlgfields-font-size: $text-lg !default;
 $grid-bigger-xlfltd-radio-mtcase-padding: 10px !default;
 $grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
 $grid-bigger-xlfl-li-icon-margin-right: 13px !default;
@@ -71361,7 +71362,7 @@ $grid-xl-radio-margin-top: 0 !default;
 $grid-content-padding: 6px !default;
 $grid-headecell-height: 32px !default;
-$grid-font-size: 14px !default;
+$grid-font-size: $text-sm !default;
 $grid-icon-color: $icon-color !default;
 $grid-command-icon-color: $icon-color !default;
 $grid-border-type: solid !default;
@@ -71370,8 +71371,8 @@ $grid-horizontal-border-size: 1px !default;
 $grid-font-family: $font-family !default;
 $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
-$grid-header-font-size: 14px !default;
-$grid-bigger-header-font-size: 16px !default;
+$grid-header-font-size: $text-sm !default;
+$grid-bigger-header-font-size: $text-base !default;
 $grid-header-icon-color: $icon-color !default;
 $grid-sorted-header-color: $content-text-color !default;
@@ -71439,7 +71440,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
 $grid-columnchooser-toolbar-div-padding: 0 10px !default;
 $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
 $grid-columnchooser-toolbar-icon-font-size: 15px !default;
-$grid-columnchooser-btn-font-size: 14px !default;
+$grid-columnchooser-btn-font-size: $text-sm !default;
 $grid-columnchooser-btn-line-height: 3 !default;
 $grid-columnchooser-toolbardiv-padding: 3px !default;
 $grid-columnchooser-toolbardiv-margin-top: 0 !default;
@@ -71467,7 +71468,7 @@ $grid-rtl-stackedhader-firstcell-right-border-size: 1px !default;
 $grid-rtl-bothlines-stackedhader-firstcell-left-border-size: 1px !default;
 $grid-rtl-bothlines-stackedhader-firstcell-right-border-size: 0 !default;
 $grid-bigger-headercell-bootom-padding: 10px !default;
-$grid-bigger-grightarrow-icon-font-size: 16px !default;
+$grid-bigger-grightarrow-icon-font-size: $text-base !default;
 $group-bigger-sorticon-margin-right: 0 !default;
 $grid-bigger-groupdroparea-padding: 15px 15px !default;
 $grid-bigger-group-headercell-height: 38px !default;
@@ -71560,7 +71561,7 @@ $grid-toolbar-search-icon-min-width: 32px !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-toolbar-search-clear-icon-min-width: 32px !default;
-$grid-toolbar-search-clear-icon-font-size: 14px !default;
+$grid-toolbar-search-clear-icon-font-size: $text-sm !default;
 $grid-toolbar-search-clear-icon-padding: 0 !default;
 $grid-toolbar-search-clear-icon-margin-right: 0 !default;
 $grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
@@ -71568,16 +71569,16 @@ $grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
 $grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
 $grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
-$grid-bigger-toolbar-search-clear-icon-font-size: 16px !default;
+$grid-bigger-toolbar-search-clear-icon-font-size: $text-base !default;
 $grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
 $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
 $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
 $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
-$grid-responsive-toolbar-search-clear-icon-font-size: 16px !default;
+$grid-responsive-toolbar-search-clear-icon-font-size: $text-base !default;
 $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
 $grid-res-toolbar-clear-icon-width: 100% !default;
 $grid-res-toolbar-clear-icon-margin: 0 !default;
-$grid-res-toolbar-search-clear-icon-font-size: 16px !default;
+$grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
 $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px 0 !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -71585,7 +71586,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
 $grid-bigger-command-column-padding-bottom: 1.2px !default;
 $grid-bigger-command-column-padding-top: 1.2px !default;
-$grid-summary-cell-font-size: 14px !default;
+$grid-summary-cell-font-size: $text-sm !default;
 $grid-filterbarcell-border-width: 1px 0 0 !default;
 $grid-filterbarcell-first-last-child-padding-left: 2px !default;
 $grid-filterbarcell-padding: 1px 2px !default;
@@ -71609,7 +71610,7 @@ $grid-sortdiv-right-align-margin: -10px 8px -12px -2px !default;
 $grid-sortdiv-margin:  -10px -2px -12px 8px !default;
 $grid-sortdiv-padding: 2px !default;
 $grid-ungroup-button-line-height: 20px !default;
-$grid-ungroup-button-font-size: 14px !default;
+$grid-ungroup-button-font-size: $text-sm !default;
 $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
 $grid-grouparea-font-size: $grid-content-font-size !default;
 $grid-grouparea-margin: 4px 0 0 5px !default;
@@ -71634,14 +71635,14 @@ $grouped-droparea-bg-color: $content-bg-color-alt1 !default;
 $grid-drag-clone-border-color: $border-light !default;
 $grid-drag-clone-bg-color: $content-bg-color-alt3 !default;
 $group-caption-font-color: $content-text-color-alt1 !default;
-$grid-group-down-arrow-icon-font-size: 14px !default;
+$grid-group-down-arrow-icon-font-size: $text-sm !default;
 $grid-group-down-arrow-icon-padding: 12px 7px 11px 8px !default;
 $group-expand-icon-text-indent: 11px !default;
 $group-droparea-color: $content-text-color-alt3 !default;
-$group-sorticon-font-size: 14px !default;
+$group-sorticon-font-size: $text-sm !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
-$grid-group-right-arrow-icon-font-size: 14px !default;
+$grid-group-right-arrow-icon-font-size: $text-sm !default;
 $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
 $grid-group-unpgroupicon-margin-top: 2px !default;
 $grid-summary-cell-line-height: 14px !default;
@@ -71674,14 +71675,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
-$grid-group-caption-font-size: 14px !default;
+$grid-group-caption-font-size: $text-sm !default;
 $grid-group-caption-header-padding: .5em !default;
 $group-sorticon-margin-left: -8px !default;
 $group-sorticon-margin-top: -.5px !default;
 $grid-bigger-headercell-line-height: 40px !default;
 $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
 $grid-bigger-rowcell-line-height: 24px !default;
-$grid-bigger-font-size: 16px !default;
+$grid-bigger-font-size: $text-base !default;
 $group-unpgrouicon-margin-left: -12px !default;
 $grid-group-ungroupicon-margin-left: -12px !default;
 $grid-group-clone-text-align: left !default;
@@ -71690,8 +71691,8 @@ $grid-bigger-first-last-rowcell-padding: 8px !default;
 $grid-bigger-content-padding: 8px !default;
 $grid-bigger-group-line-height: round($grid-group-height*1.5) !default;
 $grid-bigger-content-right-padding: 12px !default;
-$grid-bigger-headercell-font-size: 16px !default;
-$grid-bigger-content-font-size: 16px !default;
+$grid-bigger-headercell-font-size: $text-base !default;
+$grid-bigger-content-font-size: $text-base !default;
 $grid-filterbar-border-radius: 4px !default;
 $grid-bigger-sorticon-margin-top: 1px !default;
 $grid-header-border-width: 0 !default;
@@ -71700,17 +71701,17 @@ $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
 $grid-bigger-group-headercell-padding: 7px 0 !default;
 $grid-bigger-grouptext-marign: 0 !default;
 $grid-bigger-headercell-padding: 12px !default;
-$grid-bigger-icons-font-size: 16px !default;
+$grid-bigger-icons-font-size: $text-base !default;
 $group-collapse-icon-text-indent: 11px !default;
 $grid-bigger-grouparea-font-size: $grid-bigger-content-font-size !default;
 $grid-bigger-grouped-headercell-border-radius: 0 !default;
 $grid-bigger-groupedcell-icons-marign-left: -8px !default;
-$grid-bigger-ungroupbutton-icons-font-size: 16px !default;
+$grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
 $grid-bigger-groupcell-span-padding: 0 8px !default;
 $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
 $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
 $grid-bigger-groupcell-span-line-height: 24px !default;
-$grid-bigger-gdownarrow-icon-font-size: 16px !default;
+$grid-bigger-gdownarrow-icon-font-size: $text-base !default;
 $grid-gd-clone-border-radius: 4px !default;
 $grid-bigger-group-clone-broder-radius: 6px !default;
 $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -71728,7 +71729,7 @@ $grid-cc-checkbox-padding-left: 8px !default;
 $grid-column-chooser-searchdiv-left: 1px !default;
 $grid-columnchooser-content-margin: 40px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
-$grid-bigger-columnchooser-btn-font-size: 16px !default;
+$grid-bigger-columnchooser-btn-font-size: $text-base !default;
 $grid-bigger-sortdiv-rightalign-margin: -12px 4px -12px -2px !default;
 $grid-bigger-sortdiv-margin: -12px -2px -12px 4px !default;
 $grid-bigger-header-icons-font-size: 22px !default;
@@ -71798,8 +71799,8 @@ $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-drag-font-size: 14px !default;
-$grid-drag-icon-font-weight: bold !default;
+$grid-drag-font-size: $text-sm !default;
+$grid-drag-icon-font-weight: $font-weight-bold !default;
 $grid-drag-move-icon: 10px !default;
 $grid-dragdrop-padding: 2px !default;
 $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
@@ -71830,16 +71831,16 @@ $grid-bigger-sortnumber-margin: 3px 4px 0 4px !default;
 $grid-bigger-fltr-sortnumber-margin: 1px 4px 0 -6px !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -41px !default;
-$grid-reorderarrow-font-size: 10px !default;
+$grid-reorderarrow-font-size: $text-xxs !default;
 $grid-bigger-wrap-line-height: 24px !default;
 $grid-bigger-clone-padding: 3px 0 0 8px !default;
 $grid-bigger-draganddrop-clone-padding: 0 !default;
-$grouped-bigger-text-font-size: 16px !default;
+$grouped-bigger-text-font-size: $text-base !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
-$grid-bigger-font-size: 16px !default;
+$grid-bigger-font-size: $text-base !default;
 $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
-$grid-grouparea-font-weight: normal !default;
+$grid-grouparea-font-weight: $font-weight-normal !default;
 $grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
@@ -71867,7 +71868,7 @@ $grid-animator-margin-left: 8px !default;
 $grid-animator-padding-bottom: 10px !default;
 $grid-animator-line-height: 21px !default;
 $grid-animator-line-height-next: 32px !default;
-$grid-animator-font-size-drag: 12px !default;
+$grid-animator-font-size-drag: $text-xs !default;
 $grid-animator-opacity: 1 !default;
 $grid-animator-drag-margin-left: 8px !default;
 $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -71890,9 +71891,9 @@ $grid-responsive-filter-reset-color: $grid-filtered-color !default;
 $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
 $grid-responsive-close-icon-color: $grid-icon-color !default;
 $grid-responsive-btn-background: $content-text-color-alt3 !default;
-$grid-responsive-res-apply-btn-font-size: 16px !default;
+$grid-responsive-res-apply-btn-font-size: $text-base !default;
 $grid-responsive-res-apply-btn-margin-top: 0 !default;
-$grid-responsive-sort-clear-btn-font-size: 16px !default;
+$grid-responsive-sort-clear-btn-font-size: $text-base !default;
 $grid-responsive-sort-clear-margin-top: 0 !default;
 $grid-responsive-icon-filter-clear: $grid-bigger-icons-font-size !default;
 $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -71920,7 +71921,7 @@ $grid-group-drop-area-border: dashed !default;
 $grid-group-drop-area-border-width: 1px !default;
 $grid-group-drop-area-hover-border-color: $border-dark !default;
 $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
-$grid-sortnumber-font-size: 14px !default;
+$grid-sortnumber-font-size: $text-sm !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
@@ -71936,16 +71937,16 @@ $grid-outter-border: $border-light !default;
 $grid-btn-disabled-bgcolor: $secondary-bg-color-disabled !default;
 $grid-sort-number-size: 16px !default;
 $grid-bigger-sort-number-size: 18px !default;
-$grid-sort-number-font-size: 16px !default;
+$grid-sort-number-font-size: $text-base !default;
 $grid-filter-border-radius: 6px !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 4px !default;
 $grid-bigger-sort-margin: -10px 2px !default;
 $grid-bigger-sort-right-margin: 3px 8px 0 0 !default;
 $grid-skin: 'bootstrap5' !default;
-$grid-biggerreorderarrow-font-size: 14px !default;
+$grid-biggerreorderarrow-font-size: $text-sm !default;
 $grid-bigger-drag-count-padding: 3px 8px 4px !default;
 $grid-bigger-drag-count-top: -14px !default;
-$grid-bigger-check-select-all-font-size: 10px !default;
+$grid-bigger-check-select-all-font-size: $text-xxs !default;
 $grid-adaptive-sort-clear-button-padding: 4px !default;
 $grid-cc-margin-top: 4px !default;
 $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
@@ -71954,7 +71955,7 @@ $grid-rtl-group-span-padding: 0 8px !default;
 $grid-ungroup-rtl-padding-left: 8px !default;
 $grid-column-reorder-icon-color: $primary !default;
 $grid-bigger-headercell-top-padding: 10px !default;
-$grid-bigger-icon-font-size: 16px !default;
+$grid-bigger-icon-font-size: $text-base !default;
 $grid-rtl-mselect-dd-indicator-left: -6px !default;
 $grid-toolbar-text-opacity: .6 !default;
 $grid-toolbar-searchbar-text-opacity: 1 !default;
@@ -75487,7 +75488,7 @@ $grid-dropitems-count-margin-left: -4px !default;
         border-top: 0;
       }
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
         border-right: 0;
       }
@@ -76906,7 +76907,8 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
     }
-    .e-ftrchk.e-chkfocus {
+    .e-ftrchk.e-chkfocus,
+    li.e-cclist.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
   }