@syncfusion/ej2-angular-grids 20.4.51 → 20.4.52

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@20.4.49",
+  "_id": "@syncfusion/ej2-angular-grids@20.4.51",
   "_inBundle": false,
-  "_integrity": "sha512-KFoTzKcxU/m5/RNI/GiueNnCDHBGJIjVQsDXTElwcDL8qXdqk3Yrh9BENWL6bKsa+X/RXT3BdBgqXDsLBXfd5Q==",
+  "_integrity": "sha512-JPM6NRRWpm1usVCe493HmEJVD98fEoMAFwM0RZVHUz4Lh8XZG2eqQTOnlp5rv+vfN48dU3VjjyHI4fz/Ocbh7A==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.4.49.tgz",
-  "_shasum": "5352430e45ed8dee05db066f0a090ce70c09a625",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.4.51.tgz",
+  "_shasum": "35bbbcd0d9dda780ee93f79e4c842e668f6c33e6",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.48",
+    "@syncfusion/ej2-angular-base": "~20.4.52",
     "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-grids": "20.4.51",
+    "@syncfusion/ej2-grids": "20.4.52",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -72,5 +72,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-grids.d.ts",
-  "version": "20.4.51"
+  "version": "20.4.52"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^20.4.49";
+export declare const pkgVer = "^20.4.51";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~20.4.49";
+export declare const themeVer = "~20.4.51";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^20.4.51';
+exports.pkgVer = '^20.4.52';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~20.4.51';
+exports.themeVer = '~20.4.52';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^20.4.51';
+export const pkgVer = '^20.4.52';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~20.4.51';
+export const themeVer = '~20.4.52';

package/styles/bootstrap-dark.css

@@ -3388,7 +3388,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4505,7 +4505,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #484848 solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #393939;
 }
 

package/styles/bootstrap.css

@@ -3389,7 +3389,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4506,7 +4506,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #ddd solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #f5f5f5;
 }
 

package/styles/bootstrap4.css

@@ -3451,7 +3451,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4569,7 +4569,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #dee2e6 solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: rgba(0, 0, 0, 0.08);
 }
 

package/styles/bootstrap5-dark.css

@@ -1559,13 +1559,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: block;
   text-indent: 10px;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 700;
   color: #adb5bd;
   opacity: 0.54;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon {
   padding-left: 10px;
@@ -2641,7 +2641,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-groupdroparea {
   border-top-width: 1px;
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   opacity: 1;
   padding: 9px 0;
   text-align: center;
@@ -3455,7 +3455,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4587,7 +4587,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #444c54 solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #31373d;
 }
 

package/styles/bootstrap5.css

@@ -1559,13 +1559,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: block;
   text-indent: 10px;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 700;
   color: #6c757d;
   opacity: 0.54;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon {
   padding-left: 10px;
@@ -2641,7 +2641,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-groupdroparea {
   border-top-width: 1px;
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   opacity: 1;
   padding: 9px 0;
   text-align: center;
@@ -3455,7 +3455,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4587,7 +4587,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #dee2e6 solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #eff1f4;
 }
 

package/styles/excel-filter/_bootstrap5-definition.scss

@@ -31,8 +31,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;

package/styles/excel-filter/_fluent-definition.scss

@@ -31,8 +31,8 @@ $grid-xlfl-li-height: 36px !default;
 $grid-xl-radio-padding-left: 25px !default;
 $grid-xlfl-radiodiv-width: 121px !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;

package/styles/excel-filter/_tailwind-definition.scss

@@ -29,8 +29,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: 14px !default;
-$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfl-fieldset-font-size: $text-sm !default;
+$grid-bigger-xlfl-dlgfields-font-size: $text-base !default;
 $grid-bigger-xlfltd-radio-mtcase-padding: 5px !default;
 $grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
 $grid-bigger-xlfl-li-icon-margin-right: 13px !default;

package/styles/fabric-dark.css

@@ -3362,7 +3362,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4479,7 +4479,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #414040 solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #414040;
 }
 

package/styles/fabric.css

@@ -3355,7 +3355,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4472,7 +4472,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #eaeaea solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #f4f4f4;
 }
 

package/styles/fluent-dark.css

@@ -1561,13 +1561,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: block;
   text-indent: 10px;
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 700;
   color: #a19f9d;
   opacity: 0.54;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon {
   padding-left: 10px;
@@ -2650,7 +2650,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-groupdroparea {
   border-top-width: 1px;
   font-size: 12px;
-  font-weight: normal;
+  font-weight: 400;
   opacity: 1;
   padding: 13px 0 14px 0;
   text-align: center;
@@ -3468,7 +3468,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4600,7 +4600,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #292827 solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #252423;
 }
 

package/styles/fluent.css

@@ -1561,13 +1561,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: block;
   text-indent: 10px;
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 700;
   color: #605e5c;
   opacity: 0.54;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-grid .e-row .e-icon-rowdragmoveicon {
   padding-left: 10px;
@@ -2650,7 +2650,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-groupdroparea {
   border-top-width: 1px;
   font-size: 12px;
-  font-weight: normal;
+  font-weight: 400;
   opacity: 1;
   padding: 13px 0 14px 0;
   text-align: center;
@@ -3468,7 +3468,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
   border-right: 0;
 }
 .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
@@ -4600,7 +4600,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridfooter .e-summarycontent {
   border-right: 0 #edebe9 solid;
 }
-.e-grid .e-ftrchk.e-chkfocus {
+.e-grid .e-ftrchk.e-chkfocus,
+.e-grid li.e-cclist.e-colfocus {
   background-color: #f3f2f1;
 }
 

package/styles/grid/_bootstrap5-definition.scss

@@ -1,6 +1,6 @@
 $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;
@@ -9,8 +9,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;
 
@@ -78,7 +78,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;
@@ -106,7 +106,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;
@@ -199,7 +199,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;
@@ -207,16 +207,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;
@@ -224,7 +224,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;
@@ -248,7 +248,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;
@@ -273,14 +273,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;
@@ -313,14 +313,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;
@@ -329,8 +329,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;
@@ -339,17 +339,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;
@@ -367,7 +367,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;
@@ -437,8 +437,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;
@@ -469,16 +469,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;
@@ -506,7 +506,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;
@@ -529,9 +529,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;
@@ -559,7 +559,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;
@@ -575,16 +575,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;
@@ -593,7 +593,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;