@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
  1. package/SCSS-Themes/bootstrap-dark.scss +4 -2
  2. package/SCSS-Themes/bootstrap.scss +4 -2
  3. package/SCSS-Themes/bootstrap4.scss +5 -3
  4. package/SCSS-Themes/bootstrap5-dark.scss +42 -40
  5. package/SCSS-Themes/bootstrap5.scss +42 -40
  6. package/SCSS-Themes/calendars/daterangepicker/bootstrap-dark.scss +1 -0
  7. package/SCSS-Themes/calendars/daterangepicker/bootstrap.scss +1 -0
  8. package/SCSS-Themes/calendars/daterangepicker/bootstrap4.scss +1 -0
  9. package/SCSS-Themes/calendars/daterangepicker/bootstrap5-dark.scss +1 -0
  10. package/SCSS-Themes/calendars/daterangepicker/bootstrap5.scss +1 -0
  11. package/SCSS-Themes/calendars/daterangepicker/fabric-dark.scss +1 -0
  12. package/SCSS-Themes/calendars/daterangepicker/fabric.scss +1 -0
  13. package/SCSS-Themes/calendars/daterangepicker/fluent-dark.scss +1 -0
  14. package/SCSS-Themes/calendars/daterangepicker/fluent.scss +1 -0
  15. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +1 -0
  16. package/SCSS-Themes/calendars/daterangepicker/material-dark.scss +1 -0
  17. package/SCSS-Themes/calendars/daterangepicker/material.scss +1 -0
  18. package/SCSS-Themes/calendars/daterangepicker/tailwind-dark.scss +1 -0
  19. package/SCSS-Themes/calendars/daterangepicker/tailwind.scss +1 -0
  20. package/SCSS-Themes/fabric-dark.scss +4 -2
  21. package/SCSS-Themes/fabric.scss +4 -2
  22. package/SCSS-Themes/fluent-dark.scss +43 -41
  23. package/SCSS-Themes/fluent.scss +43 -41
  24. package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss +2 -2
  25. package/SCSS-Themes/grids/excel-filter/bootstrap5.scss +2 -2
  26. package/SCSS-Themes/grids/excel-filter/fluent-dark.scss +2 -2
  27. package/SCSS-Themes/grids/excel-filter/fluent.scss +2 -2
  28. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +2 -2
  29. package/SCSS-Themes/grids/excel-filter/tailwind.scss +2 -2
  30. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +3 -2
  31. package/SCSS-Themes/grids/grid/bootstrap.scss +3 -2
  32. package/SCSS-Themes/grids/grid/bootstrap4.scss +3 -2
  33. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +39 -38
  34. package/SCSS-Themes/grids/grid/bootstrap5.scss +39 -38
  35. package/SCSS-Themes/grids/grid/fabric-dark.scss +3 -2
  36. package/SCSS-Themes/grids/grid/fabric.scss +3 -2
  37. package/SCSS-Themes/grids/grid/fluent-dark.scss +39 -38
  38. package/SCSS-Themes/grids/grid/fluent.scss +39 -38
  39. package/SCSS-Themes/grids/grid/highcontrast.scss +3 -2
  40. package/SCSS-Themes/grids/grid/material-dark.scss +3 -2
  41. package/SCSS-Themes/grids/grid/material.scss +3 -2
  42. package/SCSS-Themes/grids/grid/tailwind-dark.scss +31 -30
  43. package/SCSS-Themes/grids/grid/tailwind.scss +31 -30
  44. package/SCSS-Themes/highcontrast.scss +4 -2
  45. package/SCSS-Themes/material-dark.scss +4 -2
  46. package/SCSS-Themes/material.scss +4 -2
  47. package/SCSS-Themes/navigations/context-menu/fluent-dark.scss +1 -1
  48. package/SCSS-Themes/navigations/context-menu/fluent.scss +1 -1
  49. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +1 -1
  50. package/SCSS-Themes/tailwind-dark.scss +34 -32
  51. package/SCSS-Themes/tailwind.scss +34 -32
  52. package/package.json +1 -1
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -105,13 +105,13 @@ $grid-column-reorder-icon-color: $primary !default;
105
105
  // Dimension
106
106
  $grid-content-padding: 7px !default;
107
107
  $grid-headecell-height: 36px !default;
108
- $grid-font-size: 14px !default;
108
+ $grid-font-size: $text-sm !default;
109
109
  $grid-border-type: solid !default;
110
110
  $grid-vertical-border-size: 1px !default;
111
111
  $grid-horizontal-border-size: 1px !default;
112
112
  $grid-font-family: $font-family !default;
113
- $grid-header-font-size: 14px !default;
114
- $grid-bigger-header-font-size: 16px !default;
113
+ $grid-header-font-size: $text-sm !default;
114
+ $grid-bigger-header-font-size: $text-base !default;
115
115
  $grid-group-text-line-height: 22px !default;
116
116
  $grid-wrap-line-height: 18px !default;
117
117
  $grid-wrap-margin-bottom: 2px !default;
@@ -157,7 +157,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
157
157
  $grid-columnchooser-toolbar-div-padding: 0 10px !default;
158
158
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
159
159
  $grid-columnchooser-toolbar-icon-font-size: 15px !default;
160
- $grid-columnchooser-btn-font-size: 16px !default;
160
+ $grid-columnchooser-btn-font-size: $text-base !default;
161
161
  $grid-columnchooser-btn-line-height: 3 !default;
162
162
  $grid-columnchooser-toolbardiv-padding: 4px !default;
163
163
  $grid-columnchooser-toolbardiv-margin-top: -5px !default;
@@ -242,7 +242,7 @@ $grid-filterbarcell-input-padding: 0 26px 0 10px !default;
242
242
  $grid-header-first-last-cell-padding: 7px !default;
243
243
  $grid-headercell-both-border-width: 0 0 0 1px !default;
244
244
  $grid-headercelldiv-margin: -5px !default;
245
- $grid-icon-font-size: 16px !default;
245
+ $grid-icon-font-size: $text-base !default;
246
246
  $grid-border-size: 1px !default;
247
247
  $grid-header-padding: 7px !default;
248
248
  $grid-header-wrap-sortfilter-div-margin: -34px 5px !default;
@@ -265,7 +265,7 @@ $grid-toolbar-search-icon-min-width: 32px !default;
265
265
  $grid-toolbar-search-wrapper-padding-bottom: 6px !default;
266
266
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
267
267
  $grid-toolbar-search-clear-icon-min-width: 32px !default;
268
- $grid-toolbar-search-clear-icon-font-size: 14px !default;
268
+ $grid-toolbar-search-clear-icon-font-size: $text-sm !default;
269
269
  $grid-toolbar-search-clear-icon-padding: 0 !default;
270
270
  $grid-toolbar-search-clear-icon-margin-right: 0 !default;
271
271
  $grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
@@ -273,12 +273,12 @@ $grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
273
273
  $grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
274
274
  $grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
275
275
  $grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
276
- $grid-bigger-toolbar-search-clear-icon-font-size: 18px !default;
276
+ $grid-bigger-toolbar-search-clear-icon-font-size: $text-lg !default;
277
277
  $grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
278
278
  $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
279
279
  $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
280
280
  $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
281
- $grid-responsive-toolbar-search-clear-icon-font-size: 18px !default;
281
+ $grid-responsive-toolbar-search-clear-icon-font-size: $text-lg !default;
282
282
  $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
283
283
  $grid-res-toolbar-clear-icon-width: 100% !default;
284
284
  $grid-res-toolbar-clear-icon-margin: 0 !default;
@@ -290,7 +290,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
290
290
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
291
291
  $grid-bigger-command-column-padding-bottom: 4.5px !default;
292
292
  $grid-bigger-command-column-padding-top: 4.5px !default;
293
- $grid-summary-cell-font-size: 14px !default;
293
+ $grid-summary-cell-font-size: $text-sm !default;
294
294
  $grid-filterbarcell-border-width: 1px 0 0 !default;
295
295
  $grid-filterbarcell-first-last-child-padding-left: 2px !default;
296
296
  $grid-filterbarcell-padding: 1px 2px !default;
@@ -309,9 +309,9 @@ $grid-sortdiv-right-align-margin: -30px 5px !default;
309
309
  $grid-sortdiv-margin: -30px 5px !default;
310
310
  $grid-sortdiv-padding: 15px 0 !default;
311
311
  $grid-ungroup-button-line-height: 22px !default;
312
- $grid-ungroup-button-font-size: 12px !default;
312
+ $grid-ungroup-button-font-size: $text-xs !default;
313
313
  $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
314
- $grid-grouparea-font-size: 12px !default;
314
+ $grid-grouparea-font-size: $text-xs !default;
315
315
  $grid-grouparea-margin: 4px 0 4px 4px !default;
316
316
  $grid-group-headercell-line-height: 30px !default;
317
317
  $grid-grouped-headercell-padding: 3px 0 !default;
@@ -325,13 +325,13 @@ $grouped-text-font-size: $text-sm !default;
325
325
  $group-header-border-radius: 0 !default;
326
326
  $grid-headecell-span-height: 30px !default;
327
327
  $grid-drag-clone-opacity: 1 !default;
328
- $grid-group-down-arrow-icon-font-size: 16px !default;
328
+ $grid-group-down-arrow-icon-font-size: $text-base !default;
329
329
  $grid-group-down-arrow-icon-padding: 9px 7px 9px 7px !default;
330
330
  $group-expand-icon-text-indent: 11px !default;
331
- $group-sorticon-font-size: 12px !default;
331
+ $group-sorticon-font-size: $text-xs !default;
332
332
  $grid-rowcell-both-border-width: 1px 0 0 1px !default;
333
333
  $grid-indentcell-border-width: 0 1px 0 0 !default;
334
- $grid-group-right-arrow-icon-font-size: 16px !default;
334
+ $grid-group-right-arrow-icon-font-size: $text-base !default;
335
335
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
336
336
  $grid-group-unpgroupicon-margin-top: 1px !default;
337
337
  $grid-summary-cell-line-height: 14px !default;
@@ -361,14 +361,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
361
361
  $grid-headercell-div-padding: 0 .4em !default;
362
362
  $grid-group-text-width: auto !default;
363
363
  $grid-grouptopleftcell-border-top: 2px solid !default;
364
- $grid-group-caption-font-size: 14px !default;
364
+ $grid-group-caption-font-size: $text-sm !default;
365
365
  $grid-group-caption-header-padding: .7em !default;
366
366
  $group-sorticon-margin-left: -8px !default;
367
367
  $group-sorticon-margin-top: -3px !default;
368
368
  $grid-bigger-headercell-line-height: 44px !default;
369
369
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
370
370
  $grid-bigger-rowcell-line-height: 1 !default;
371
- $grid-bigger-font-size: 16px !default;
371
+ $grid-bigger-font-size: $text-base !default;
372
372
  $group-unpgrouicon-margin-left: -13px !default;
373
373
  $grid-group-ungroupicon-margin-left: -9px !default;
374
374
  $grid-group-clone-text-align: left !default;
@@ -377,8 +377,8 @@ $grid-bigger-first-last-rowcell-padding: 8px !default;
377
377
  $grid-bigger-content-padding: 13.5px !default;
378
378
  $grid-bigger-group-line-height: 48px !default;
379
379
  $grid-bigger-content-right-padding: 12px !default;
380
- $grid-bigger-headercell-font-size: 16px !default;
381
- $grid-bigger-content-font-size: 16px !default;
380
+ $grid-bigger-headercell-font-size: $text-base !default;
381
+ $grid-bigger-content-font-size: $text-base !default;
382
382
  $grid-filterbar-border-radius: 4px !default;
383
383
  $grid-bigger-sorticon-margin-top: -4px !default;
384
384
  $grid-header-border-width: 0 !default;
@@ -387,17 +387,17 @@ $grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
387
387
  $grid-bigger-group-headercell-padding: 6px 0 !default;
388
388
  $grid-bigger-grouptext-marign: 0 !default;
389
389
  $grid-bigger-headercell-padding: 12px !default;
390
- $grid-bigger-icons-font-size: 16px !default;
390
+ $grid-bigger-icons-font-size: $text-base !default;
391
391
  $group-collapse-icon-text-indent: 11px !default;
392
- $grid-bigger-grouparea-font-size: 14px !default;
392
+ $grid-bigger-grouparea-font-size: $text-sm !default;
393
393
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
394
394
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
395
- $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
395
+ $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
396
396
  $grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
397
397
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
398
398
  $grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
399
399
  $grid-bigger-groupcell-span-line-height: 30px !default;
400
- $grid-bigger-gdownarrow-icon-font-size: 18px !default;
400
+ $grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
401
401
  $grid-gd-clone-border-radius: 4px !default;
402
402
  $grid-bigger-group-clone-broder-radius: 6px !default;
403
403
  $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -414,7 +414,7 @@ $grid-cc-checkbox-padding-left: 8px !default;
414
414
  $grid-column-chooser-searchdiv-left: 1px !default;
415
415
  $grid-columnchooser-content-margin: 40px 0 0 !default;
416
416
  $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
417
- $grid-bigger-columnchooser-btn-font-size: 18px !default;
417
+ $grid-bigger-columnchooser-btn-font-size: $text-lg !default;
418
418
  $grid-bigger-sortdiv-rightalign-margin: -32px -5px !default;
419
419
  $grid-bigger-sortdiv-margin: -32px -2px !default;
420
420
  $grid-bigger-header-icons-font-size: 22px !default;
@@ -475,8 +475,8 @@ $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
475
475
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
476
476
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
477
477
  $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -28px 0 !default;
478
- $grid-drag-font-size: 16px !default;
479
- $grid-drag-icon-font-weight: bold !default;
478
+ $grid-drag-font-size: $text-base !default;
479
+ $grid-drag-icon-font-weight: $font-weight-bold !default;
480
480
  $grid-drag-move-icon: 10px !default;
481
481
  $grid-dragdrop-padding: 2px !default;
482
482
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
@@ -500,16 +500,16 @@ $grid-bigger-sortnumber-margin: 2px 1px 1px 2px !default;
500
500
  $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
501
501
  $grid-rtl-searchclear: 0 !default;
502
502
  $grid-column-chosser-searchdiv-top: -48px !default;
503
- $grid-reorderarrow-font-size: 10px !default;
503
+ $grid-reorderarrow-font-size: $text-xxs !default;
504
504
  $grid-bigger-wrap-line-height: 24px !default;
505
505
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
506
506
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
507
- $grouped-bigger-text-font-size: 16px !default;
507
+ $grouped-bigger-text-font-size: $text-base !default;
508
508
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
509
- $grid-bigger-font-size: 16px !default;
509
+ $grid-bigger-font-size: $text-base !default;
510
510
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
511
511
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
512
- $grid-grouparea-font-weight: normal !default;
512
+ $grid-grouparea-font-weight: $font-weight-normal !default;
513
513
  $grid-ungroup-rtl-margin-left: 0 !default;
514
514
  $grid-rtl-group-sorticon-margin-left: -5px !default;
515
515
  $grid-rtl-column-menu-left: 23px !default;
@@ -537,7 +537,7 @@ $grid-animator-margin-left: 8px !default;
537
537
  $grid-animator-padding-bottom: 10px !default;
538
538
  $grid-animator-line-height: 21px !default;
539
539
  $grid-animator-line-height-next: 32px !default;
540
- $grid-animator-font-size-drag: 12px !default;
540
+ $grid-animator-font-size-drag: $text-xs !default;
541
541
  $grid-animator-opacity: 1 !default;
542
542
  $grid-animator-drag-margin-left: 8px !default;
543
543
  $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -553,9 +553,9 @@ $grid-responsive-search-icon-right: 0 !default;
553
553
  $grid-responsive-search-padding-right: 18px !default;
554
554
  $grid-responsive-search-padding-left: 18px !default;
555
555
  $grid-responsive-header-search: 6px !default;
556
- $grid-responsive-res-apply-btn-font-size: 16px !default;
556
+ $grid-responsive-res-apply-btn-font-size: $text-base !default;
557
557
  $grid-responsive-res-apply-btn-margin-top: 0 !default;
558
- $grid-responsive-sort-clear-btn-font-size: 16px !default;
558
+ $grid-responsive-sort-clear-btn-font-size: $text-base !default;
559
559
  $grid-responsive-sort-clear-margin-top: 0 !default;
560
560
  $grid-responsive-icon-filter-clear: 16px !default;
561
561
  $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -578,7 +578,7 @@ $grid-header-text-transform: none !default;
578
578
  $grid-headerclone-font-size: $grid-content-font-size !default;
579
579
  $grid-group-drop-area-border: dashed !default;
580
580
  $grid-group-drop-area-border-width: 1px !default;
581
- $grid-sortnumber-font-size: 12px !default;
581
+ $grid-sortnumber-font-size: $text-xs !default;
582
582
  $grid-reorderarrow-margin-top: -6.5px !default;
583
583
  $grid-reorderdownarrow-margin-top: 4.5px !default;
584
584
  $grid-reorder-arrow-top-margin: 0 !default;
@@ -598,10 +598,10 @@ $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
598
598
  $grid-bigger-sort-margin: -31px 3px !default;
599
599
  $grid-bigger-sort-right-margin: 2px 2px 0 0 !default;
600
600
  $grid-skin: 'fluent' !default;
601
- $grid-biggerreorderarrow-font-size: 14px !default;
601
+ $grid-biggerreorderarrow-font-size: $text-sm !default;
602
602
  $grid-bigger-drag-count-padding: 3px 8px 4px !default;
603
603
  $grid-bigger-drag-count-top: -14px !default;
604
- $grid-bigger-check-select-all-font-size: 10px !default;
604
+ $grid-bigger-check-select-all-font-size: $text-xxs !default;
605
605
  $grid-adaptive-sort-clear-button-padding: 4px !default;
606
606
  $grid-cc-margin-top: 2px !default;
607
607
  $grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
@@ -609,7 +609,7 @@ $grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
609
609
  $grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
610
610
  $grid-ungroup-rtl-padding-left: 8px !default;
611
611
  $grid-bigger-headercell-top-padding: 0 !default;
612
- $grid-bigger-icon-font-size: 18px !default;
612
+ $grid-bigger-icon-font-size: $text-lg !default;
613
613
  $grid-rtl-mselect-dd-indicator-left: -6px !default;
614
614
  $grid-toolbar-text-opacity: .6 !default;
615
615
  $grid-toolbar-searchbar-text-opacity: 1 !default;
@@ -4142,7 +4142,7 @@ $grid-dropitems-count-margin-left: -8px !default;
4142
4142
  border-top: 0;
4143
4143
  }
4144
4144
 
4145
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
4145
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
4146
4146
  border-right: 0;
4147
4147
  }
4148
4148
 
@@ -5561,7 +5561,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5561
5561
  }
5562
5562
  }
5563
5563
 
5564
- .e-ftrchk.e-chkfocus {
5564
+ .e-ftrchk.e-chkfocus,
5565
+ li.e-cclist.e-colfocus {
5565
5566
  background-color: $grid-hover-bg-color;
5566
5567
  }
5567
5568
  }
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -105,13 +105,13 @@ $grid-column-reorder-icon-color: $primary !default;
105
105
  // Dimension
106
106
  $grid-content-padding: 7px !default;
107
107
  $grid-headecell-height: 36px !default;
108
- $grid-font-size: 14px !default;
108
+ $grid-font-size: $text-sm !default;
109
109
  $grid-border-type: solid !default;
110
110
  $grid-vertical-border-size: 1px !default;
111
111
  $grid-horizontal-border-size: 1px !default;
112
112
  $grid-font-family: $font-family !default;
113
- $grid-header-font-size: 14px !default;
114
- $grid-bigger-header-font-size: 16px !default;
113
+ $grid-header-font-size: $text-sm !default;
114
+ $grid-bigger-header-font-size: $text-base !default;
115
115
  $grid-group-text-line-height: 22px !default;
116
116
  $grid-wrap-line-height: 18px !default;
117
117
  $grid-wrap-margin-bottom: 2px !default;
@@ -157,7 +157,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
157
157
  $grid-columnchooser-toolbar-div-padding: 0 10px !default;
158
158
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
159
159
  $grid-columnchooser-toolbar-icon-font-size: 15px !default;
160
- $grid-columnchooser-btn-font-size: 16px !default;
160
+ $grid-columnchooser-btn-font-size: $text-base !default;
161
161
  $grid-columnchooser-btn-line-height: 3 !default;
162
162
  $grid-columnchooser-toolbardiv-padding: 4px !default;
163
163
  $grid-columnchooser-toolbardiv-margin-top: -5px !default;
@@ -242,7 +242,7 @@ $grid-filterbarcell-input-padding: 0 26px 0 10px !default;
242
242
  $grid-header-first-last-cell-padding: 7px !default;
243
243
  $grid-headercell-both-border-width: 0 0 0 1px !default;
244
244
  $grid-headercelldiv-margin: -5px !default;
245
- $grid-icon-font-size: 16px !default;
245
+ $grid-icon-font-size: $text-base !default;
246
246
  $grid-border-size: 1px !default;
247
247
  $grid-header-padding: 7px !default;
248
248
  $grid-header-wrap-sortfilter-div-margin: -34px 5px !default;
@@ -265,7 +265,7 @@ $grid-toolbar-search-icon-min-width: 32px !default;
265
265
  $grid-toolbar-search-wrapper-padding-bottom: 6px !default;
266
266
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
267
267
  $grid-toolbar-search-clear-icon-min-width: 32px !default;
268
- $grid-toolbar-search-clear-icon-font-size: 14px !default;
268
+ $grid-toolbar-search-clear-icon-font-size: $text-sm !default;
269
269
  $grid-toolbar-search-clear-icon-padding: 0 !default;
270
270
  $grid-toolbar-search-clear-icon-margin-right: 0 !default;
271
271
  $grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
@@ -273,12 +273,12 @@ $grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
273
273
  $grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
274
274
  $grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
275
275
  $grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
276
- $grid-bigger-toolbar-search-clear-icon-font-size: 18px !default;
276
+ $grid-bigger-toolbar-search-clear-icon-font-size: $text-lg !default;
277
277
  $grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
278
278
  $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
279
279
  $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
280
280
  $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
281
- $grid-responsive-toolbar-search-clear-icon-font-size: 18px !default;
281
+ $grid-responsive-toolbar-search-clear-icon-font-size: $text-lg !default;
282
282
  $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
283
283
  $grid-res-toolbar-clear-icon-width: 100% !default;
284
284
  $grid-res-toolbar-clear-icon-margin: 0 !default;
@@ -290,7 +290,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
290
290
  $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
291
291
  $grid-bigger-command-column-padding-bottom: 4.5px !default;
292
292
  $grid-bigger-command-column-padding-top: 4.5px !default;
293
- $grid-summary-cell-font-size: 14px !default;
293
+ $grid-summary-cell-font-size: $text-sm !default;
294
294
  $grid-filterbarcell-border-width: 1px 0 0 !default;
295
295
  $grid-filterbarcell-first-last-child-padding-left: 2px !default;
296
296
  $grid-filterbarcell-padding: 1px 2px !default;
@@ -309,9 +309,9 @@ $grid-sortdiv-right-align-margin: -30px 5px !default;
309
309
  $grid-sortdiv-margin: -30px 5px !default;
310
310
  $grid-sortdiv-padding: 15px 0 !default;
311
311
  $grid-ungroup-button-line-height: 22px !default;
312
- $grid-ungroup-button-font-size: 12px !default;
312
+ $grid-ungroup-button-font-size: $text-xs !default;
313
313
  $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
314
- $grid-grouparea-font-size: 12px !default;
314
+ $grid-grouparea-font-size: $text-xs !default;
315
315
  $grid-grouparea-margin: 4px 0 4px 4px !default;
316
316
  $grid-group-headercell-line-height: 30px !default;
317
317
  $grid-grouped-headercell-padding: 3px 0 !default;
@@ -325,13 +325,13 @@ $grouped-text-font-size: $text-sm !default;
325
325
  $group-header-border-radius: 0 !default;
326
326
  $grid-headecell-span-height: 30px !default;
327
327
  $grid-drag-clone-opacity: 1 !default;
328
- $grid-group-down-arrow-icon-font-size: 16px !default;
328
+ $grid-group-down-arrow-icon-font-size: $text-base !default;
329
329
  $grid-group-down-arrow-icon-padding: 9px 7px 9px 7px !default;
330
330
  $group-expand-icon-text-indent: 11px !default;
331
- $group-sorticon-font-size: 12px !default;
331
+ $group-sorticon-font-size: $text-xs !default;
332
332
  $grid-rowcell-both-border-width: 1px 0 0 1px !default;
333
333
  $grid-indentcell-border-width: 0 1px 0 0 !default;
334
- $grid-group-right-arrow-icon-font-size: 16px !default;
334
+ $grid-group-right-arrow-icon-font-size: $text-base !default;
335
335
  $grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
336
336
  $grid-group-unpgroupicon-margin-top: 1px !default;
337
337
  $grid-summary-cell-line-height: 14px !default;
@@ -361,14 +361,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
361
361
  $grid-headercell-div-padding: 0 .4em !default;
362
362
  $grid-group-text-width: auto !default;
363
363
  $grid-grouptopleftcell-border-top: 2px solid !default;
364
- $grid-group-caption-font-size: 14px !default;
364
+ $grid-group-caption-font-size: $text-sm !default;
365
365
  $grid-group-caption-header-padding: .7em !default;
366
366
  $group-sorticon-margin-left: -8px !default;
367
367
  $group-sorticon-margin-top: -3px !default;
368
368
  $grid-bigger-headercell-line-height: 44px !default;
369
369
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
370
370
  $grid-bigger-rowcell-line-height: 1 !default;
371
- $grid-bigger-font-size: 16px !default;
371
+ $grid-bigger-font-size: $text-base !default;
372
372
  $group-unpgrouicon-margin-left: -13px !default;
373
373
  $grid-group-ungroupicon-margin-left: -9px !default;
374
374
  $grid-group-clone-text-align: left !default;
@@ -377,8 +377,8 @@ $grid-bigger-first-last-rowcell-padding: 8px !default;
377
377
  $grid-bigger-content-padding: 13.5px !default;
378
378
  $grid-bigger-group-line-height: 48px !default;
379
379
  $grid-bigger-content-right-padding: 12px !default;
380
- $grid-bigger-headercell-font-size: 16px !default;
381
- $grid-bigger-content-font-size: 16px !default;
380
+ $grid-bigger-headercell-font-size: $text-base !default;
381
+ $grid-bigger-content-font-size: $text-base !default;
382
382
  $grid-filterbar-border-radius: 4px !default;
383
383
  $grid-bigger-sorticon-margin-top: -4px !default;
384
384
  $grid-header-border-width: 0 !default;
@@ -387,17 +387,17 @@ $grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
387
387
  $grid-bigger-group-headercell-padding: 6px 0 !default;
388
388
  $grid-bigger-grouptext-marign: 0 !default;
389
389
  $grid-bigger-headercell-padding: 12px !default;
390
- $grid-bigger-icons-font-size: 16px !default;
390
+ $grid-bigger-icons-font-size: $text-base !default;
391
391
  $group-collapse-icon-text-indent: 11px !default;
392
- $grid-bigger-grouparea-font-size: 14px !default;
392
+ $grid-bigger-grouparea-font-size: $text-sm !default;
393
393
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
394
394
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
395
- $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
395
+ $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
396
396
  $grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
397
397
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
398
398
  $grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
399
399
  $grid-bigger-groupcell-span-line-height: 30px !default;
400
- $grid-bigger-gdownarrow-icon-font-size: 18px !default;
400
+ $grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
401
401
  $grid-gd-clone-border-radius: 4px !default;
402
402
  $grid-bigger-group-clone-broder-radius: 6px !default;
403
403
  $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -414,7 +414,7 @@ $grid-cc-checkbox-padding-left: 8px !default;
414
414
  $grid-column-chooser-searchdiv-left: 1px !default;
415
415
  $grid-columnchooser-content-margin: 40px 0 0 !default;
416
416
  $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
417
- $grid-bigger-columnchooser-btn-font-size: 18px !default;
417
+ $grid-bigger-columnchooser-btn-font-size: $text-lg !default;
418
418
  $grid-bigger-sortdiv-rightalign-margin: -32px -5px !default;
419
419
  $grid-bigger-sortdiv-margin: -32px -2px !default;
420
420
  $grid-bigger-header-icons-font-size: 22px !default;
@@ -475,8 +475,8 @@ $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
475
475
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
476
476
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
477
477
  $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -28px 0 !default;
478
- $grid-drag-font-size: 16px !default;
479
- $grid-drag-icon-font-weight: bold !default;
478
+ $grid-drag-font-size: $text-base !default;
479
+ $grid-drag-icon-font-weight: $font-weight-bold !default;
480
480
  $grid-drag-move-icon: 10px !default;
481
481
  $grid-dragdrop-padding: 2px !default;
482
482
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
@@ -500,16 +500,16 @@ $grid-bigger-sortnumber-margin: 2px 1px 1px 2px !default;
500
500
  $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
501
501
  $grid-rtl-searchclear: 0 !default;
502
502
  $grid-column-chosser-searchdiv-top: -48px !default;
503
- $grid-reorderarrow-font-size: 10px !default;
503
+ $grid-reorderarrow-font-size: $text-xxs !default;
504
504
  $grid-bigger-wrap-line-height: 24px !default;
505
505
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
506
506
  $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
507
- $grouped-bigger-text-font-size: 16px !default;
507
+ $grouped-bigger-text-font-size: $text-base !default;
508
508
  $grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
509
- $grid-bigger-font-size: 16px !default;
509
+ $grid-bigger-font-size: $text-base !default;
510
510
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
511
511
  $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
512
- $grid-grouparea-font-weight: normal !default;
512
+ $grid-grouparea-font-weight: $font-weight-normal !default;
513
513
  $grid-ungroup-rtl-margin-left: 0 !default;
514
514
  $grid-rtl-group-sorticon-margin-left: -5px !default;
515
515
  $grid-rtl-column-menu-left: 23px !default;
@@ -537,7 +537,7 @@ $grid-animator-margin-left: 8px !default;
537
537
  $grid-animator-padding-bottom: 10px !default;
538
538
  $grid-animator-line-height: 21px !default;
539
539
  $grid-animator-line-height-next: 32px !default;
540
- $grid-animator-font-size-drag: 12px !default;
540
+ $grid-animator-font-size-drag: $text-xs !default;
541
541
  $grid-animator-opacity: 1 !default;
542
542
  $grid-animator-drag-margin-left: 8px !default;
543
543
  $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -553,9 +553,9 @@ $grid-responsive-search-icon-right: 0 !default;
553
553
  $grid-responsive-search-padding-right: 18px !default;
554
554
  $grid-responsive-search-padding-left: 18px !default;
555
555
  $grid-responsive-header-search: 6px !default;
556
- $grid-responsive-res-apply-btn-font-size: 16px !default;
556
+ $grid-responsive-res-apply-btn-font-size: $text-base !default;
557
557
  $grid-responsive-res-apply-btn-margin-top: 0 !default;
558
- $grid-responsive-sort-clear-btn-font-size: 16px !default;
558
+ $grid-responsive-sort-clear-btn-font-size: $text-base !default;
559
559
  $grid-responsive-sort-clear-margin-top: 0 !default;
560
560
  $grid-responsive-icon-filter-clear: 16px !default;
561
561
  $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -578,7 +578,7 @@ $grid-header-text-transform: none !default;
578
578
  $grid-headerclone-font-size: $grid-content-font-size !default;
579
579
  $grid-group-drop-area-border: dashed !default;
580
580
  $grid-group-drop-area-border-width: 1px !default;
581
- $grid-sortnumber-font-size: 12px !default;
581
+ $grid-sortnumber-font-size: $text-xs !default;
582
582
  $grid-reorderarrow-margin-top: -6.5px !default;
583
583
  $grid-reorderdownarrow-margin-top: 4.5px !default;
584
584
  $grid-reorder-arrow-top-margin: 0 !default;
@@ -598,10 +598,10 @@ $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
598
598
  $grid-bigger-sort-margin: -31px 3px !default;
599
599
  $grid-bigger-sort-right-margin: 2px 2px 0 0 !default;
600
600
  $grid-skin: 'fluent' !default;
601
- $grid-biggerreorderarrow-font-size: 14px !default;
601
+ $grid-biggerreorderarrow-font-size: $text-sm !default;
602
602
  $grid-bigger-drag-count-padding: 3px 8px 4px !default;
603
603
  $grid-bigger-drag-count-top: -14px !default;
604
- $grid-bigger-check-select-all-font-size: 10px !default;
604
+ $grid-bigger-check-select-all-font-size: $text-xxs !default;
605
605
  $grid-adaptive-sort-clear-button-padding: 4px !default;
606
606
  $grid-cc-margin-top: 2px !default;
607
607
  $grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
@@ -609,7 +609,7 @@ $grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
609
609
  $grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
610
610
  $grid-ungroup-rtl-padding-left: 8px !default;
611
611
  $grid-bigger-headercell-top-padding: 0 !default;
612
- $grid-bigger-icon-font-size: 18px !default;
612
+ $grid-bigger-icon-font-size: $text-lg !default;
613
613
  $grid-rtl-mselect-dd-indicator-left: -6px !default;
614
614
  $grid-toolbar-text-opacity: .6 !default;
615
615
  $grid-toolbar-searchbar-text-opacity: 1 !default;
@@ -4142,7 +4142,7 @@ $grid-dropitems-count-margin-left: -8px !default;
4142
4142
  border-top: 0;
4143
4143
  }
4144
4144
 
4145
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
4145
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
4146
4146
  border-right: 0;
4147
4147
  }
4148
4148
 
@@ -5561,7 +5561,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5561
5561
  }
5562
5562
  }
5563
5563
 
5564
- .e-ftrchk.e-chkfocus {
5564
+ .e-ftrchk.e-chkfocus,
5565
+ li.e-cclist.e-colfocus {
5565
5566
  background-color: $grid-hover-bg-color;
5566
5567
  }
5567
5568
  }
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -4147,7 +4147,7 @@ $grid-dropitems-count-margin-left: -8px !default;
4147
4147
  border-top: 0;
4148
4148
  }
4149
4149
 
4150
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
4150
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
4151
4151
  border-right: 0;
4152
4152
  }
4153
4153
 
@@ -5566,7 +5566,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5566
5566
  }
5567
5567
  }
5568
5568
 
5569
- .e-ftrchk.e-chkfocus {
5569
+ .e-ftrchk.e-chkfocus,
5570
+ li.e-cclist.e-colfocus {
5570
5571
  background-color: $grid-hover-bg-color;
5571
5572
  }
5572
5573
  }
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -4148,7 +4148,7 @@ $grid-dropitems-count-margin-left: -8px !default;
4148
4148
  border-top: 0;
4149
4149
  }
4150
4150
 
4151
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
4151
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
4152
4152
  border-right: 0;
4153
4153
  }
4154
4154
 
@@ -5567,7 +5567,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5567
5567
  }
5568
5568
  }
5569
5569
 
5570
- .e-ftrchk.e-chkfocus {
5570
+ .e-ftrchk.e-chkfocus,
5571
+ li.e-cclist.e-colfocus {
5571
5572
  background-color: $grid-hover-bg-color;
5572
5573
  }
5573
5574
  }
package/SCSS-Themes/grids/grid/material.scss CHANGED
@@ -4146,7 +4146,7 @@ $grid-dropitems-count-margin-left: -8px !default;
4146
4146
  border-top: 0;
4147
4147
  }
4148
4148
 
4149
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
4149
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
4150
4150
  border-right: 0;
4151
4151
  }
4152
4152
 
@@ -5565,7 +5565,8 @@ $grid-dropitems-count-margin-left: -8px !default;
5565
5565
  }
5566
5566
  }
5567
5567
 
5568
- .e-ftrchk.e-chkfocus {
5568
+ .e-ftrchk.e-chkfocus,
5569
+ li.e-cclist.e-colfocus {
5569
5570
  background-color: $grid-hover-bg-color;
5570
5571
  }
5571
5572
  }