@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/bootstrap5-dark.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  @import '../../grids/excel-filter/bootstrap5-dark.scss';
25
25
  $grid-content-padding: 6px !default;
26
26
  $grid-headecell-height: 32px !default;
27
- $grid-font-size: 14px !default;
27
+ $grid-font-size: $text-sm !default;
28
28
  $grid-icon-color: $icon-color !default;
29
29
  $grid-command-icon-color: $icon-color !default;
30
30
  $grid-border-type: solid !default;
@@ -33,8 +33,8 @@ $grid-horizontal-border-size: 1px !default;
33
33
  $grid-font-family: $font-family !default;
34
34
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
35
35
 
36
- $grid-header-font-size: 14px !default;
37
- $grid-bigger-header-font-size: 16px !default;
36
+ $grid-header-font-size: $text-sm !default;
37
+ $grid-bigger-header-font-size: $text-base !default;
38
38
  $grid-header-icon-color: $icon-color !default;
39
39
  $grid-sorted-header-color: $content-text-color !default;
40
40
 
@@ -102,7 +102,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
102
102
  $grid-columnchooser-toolbar-div-padding: 0 10px !default;
103
103
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
104
104
  $grid-columnchooser-toolbar-icon-font-size: 15px !default;
105
- $grid-columnchooser-btn-font-size: 14px !default;
105
+ $grid-columnchooser-btn-font-size: $text-sm !default;
106
106
  $grid-columnchooser-btn-line-height: 3 !default;
107
107
  $grid-columnchooser-toolbardiv-padding: 3px !default;
108
108
  $grid-columnchooser-toolbardiv-margin-top: 0 !default;
@@ -130,7 +130,7 @@ $grid-rtl-stackedhader-firstcell-right-border-size: 1px !default;
130
130
  $grid-rtl-bothlines-stackedhader-firstcell-left-border-size: 1px !default;
131
131
  $grid-rtl-bothlines-stackedhader-firstcell-right-border-size: 0 !default;
132
132
  $grid-bigger-headercell-bootom-padding: 10px !default;
133
- $grid-bigger-grightarrow-icon-font-size: 16px !default;
133
+ $grid-bigger-grightarrow-icon-font-size: $text-base !default;
134
134
  $group-bigger-sorticon-margin-right: 0 !default;
135
135
  $grid-bigger-groupdroparea-padding: 15px 15px !default;
136
136
  $grid-bigger-group-headercell-height: 38px !default;
@@ -223,7 +223,7 @@ $grid-toolbar-search-icon-min-width: 32px !default;
223
223
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
224
224
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
225
225
  $grid-toolbar-search-clear-icon-min-width: 32px !default;
226
- $grid-toolbar-search-clear-icon-font-size: 14px !default;
226
+ $grid-toolbar-search-clear-icon-font-size: $text-sm !default;
227
227
  $grid-toolbar-search-clear-icon-padding: 0 !default;
228
228
  $grid-toolbar-search-clear-icon-margin-right: 0 !default;
229
229
  $grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
@@ -231,16 +231,16 @@ $grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
231
231
  $grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
232
232
  $grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
233
233
  $grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
234
- $grid-bigger-toolbar-search-clear-icon-font-size: 16px !default;
234
+ $grid-bigger-toolbar-search-clear-icon-font-size: $text-base !default;
235
235
  $grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
236
236
  $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
237
237
  $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
238
238
  $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
239
- $grid-responsive-toolbar-search-clear-icon-font-size: 16px !default;
239
+ $grid-responsive-toolbar-search-clear-icon-font-size: $text-base !default;
240
240
  $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
241
241
  $grid-res-toolbar-clear-icon-width: 100% !default;
242
242
  $grid-res-toolbar-clear-icon-margin: 0 !default;
243
- $grid-res-toolbar-search-clear-icon-font-size: 16px !default;
243
+ $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
244
244
  $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px 0 !default;
245
245
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
246
246
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -248,7 +248,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
248
248
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
249
249
  $grid-bigger-command-column-padding-bottom: 1.2px !default;
250
250
  $grid-bigger-command-column-padding-top: 1.2px !default;
251
- $grid-summary-cell-font-size: 14px !default;
251
+ $grid-summary-cell-font-size: $text-sm !default;
252
252
  $grid-filterbarcell-border-width: 1px 0 0 !default;
253
253
  $grid-filterbarcell-first-last-child-padding-left: 2px !default;
254
254
  $grid-filterbarcell-padding: 1px 2px !default;
@@ -272,7 +272,7 @@ $grid-sortdiv-right-align-margin: -10px 8px -12px -2px !default;
272
272
  $grid-sortdiv-margin: -10px -2px -12px 8px !default;
273
273
  $grid-sortdiv-padding: 2px !default;
274
274
  $grid-ungroup-button-line-height: 20px !default;
275
- $grid-ungroup-button-font-size: 14px !default;
275
+ $grid-ungroup-button-font-size: $text-sm !default;
276
276
  $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
277
277
  $grid-grouparea-font-size: $grid-content-font-size !default;
278
278
  $grid-grouparea-margin: 4px 0 0 5px !default;
@@ -297,14 +297,14 @@ $grouped-droparea-bg-color: $content-bg-color-alt1 !default;
297
297
  $grid-drag-clone-border-color: $border-light !default;
298
298
  $grid-drag-clone-bg-color: $content-bg-color-alt3 !default;
299
299
  $group-caption-font-color: $content-text-color-alt1 !default;
300
- $grid-group-down-arrow-icon-font-size: 14px !default;
300
+ $grid-group-down-arrow-icon-font-size: $text-sm !default;
301
301
  $grid-group-down-arrow-icon-padding: 12px 7px 11px 8px !default;
302
302
  $group-expand-icon-text-indent: 11px !default;
303
303
  $group-droparea-color: $content-text-color-alt3 !default;
304
- $group-sorticon-font-size: 14px !default;
304
+ $group-sorticon-font-size: $text-sm !default;
305
305
  $grid-rowcell-both-border-width: 1px 0 0 1px !default;
306
306
  $grid-indentcell-border-width: 0 1px 0 0 !default;
307
- $grid-group-right-arrow-icon-font-size: 14px !default;
307
+ $grid-group-right-arrow-icon-font-size: $text-sm !default;
308
308
  $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
309
309
  $grid-group-unpgroupicon-margin-top: 2px !default;
310
310
  $grid-summary-cell-line-height: 14px !default;
@@ -337,14 +337,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
337
337
  $grid-headercell-div-padding: 0 .4em !default;
338
338
  $grid-group-text-width: auto !default;
339
339
  $grid-grouptopleftcell-border-top: 2px solid !default;
340
- $grid-group-caption-font-size: 14px !default;
340
+ $grid-group-caption-font-size: $text-sm !default;
341
341
  $grid-group-caption-header-padding: .5em !default;
342
342
  $group-sorticon-margin-left: -8px !default;
343
343
  $group-sorticon-margin-top: -.5px !default;
344
344
  $grid-bigger-headercell-line-height: 40px !default;
345
345
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
346
346
  $grid-bigger-rowcell-line-height: 24px !default;
347
- $grid-bigger-font-size: 16px !default;
347
+ $grid-bigger-font-size: $text-base !default;
348
348
  $group-unpgrouicon-margin-left: -12px !default;
349
349
  $grid-group-ungroupicon-margin-left: -12px !default;
350
350
  $grid-group-clone-text-align: left !default;
@@ -353,8 +353,8 @@ $grid-bigger-first-last-rowcell-padding: 8px !default;
353
353
  $grid-bigger-content-padding: 8px !default;
354
354
  $grid-bigger-group-line-height: round($grid-group-height*1.5) !default;
355
355
  $grid-bigger-content-right-padding: 12px !default;
356
- $grid-bigger-headercell-font-size: 16px !default;
357
- $grid-bigger-content-font-size: 16px !default;
356
+ $grid-bigger-headercell-font-size: $text-base !default;
357
+ $grid-bigger-content-font-size: $text-base !default;
358
358
  $grid-filterbar-border-radius: 4px !default;
359
359
  $grid-bigger-sorticon-margin-top: 1px !default;
360
360
  $grid-header-border-width: 0 !default;
@@ -363,17 +363,17 @@ $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
363
363
  $grid-bigger-group-headercell-padding: 7px 0 !default;
364
364
  $grid-bigger-grouptext-marign: 0 !default;
365
365
  $grid-bigger-headercell-padding: 12px !default;
366
- $grid-bigger-icons-font-size: 16px !default;
366
+ $grid-bigger-icons-font-size: $text-base !default;
367
367
  $group-collapse-icon-text-indent: 11px !default;
368
368
  $grid-bigger-grouparea-font-size: $grid-bigger-content-font-size !default;
369
369
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
370
370
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
371
- $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
371
+ $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
372
372
  $grid-bigger-groupcell-span-padding: 0 8px !default;
373
373
  $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
374
374
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
375
375
  $grid-bigger-groupcell-span-line-height: 24px !default;
376
- $grid-bigger-gdownarrow-icon-font-size: 16px !default;
376
+ $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
377
377
  $grid-gd-clone-border-radius: 4px !default;
378
378
  $grid-bigger-group-clone-broder-radius: 6px !default;
379
379
  $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -391,7 +391,7 @@ $grid-cc-checkbox-padding-left: 8px !default;
391
391
  $grid-column-chooser-searchdiv-left: 1px !default;
392
392
  $grid-columnchooser-content-margin: 40px 0 0 !default;
393
393
  $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
394
- $grid-bigger-columnchooser-btn-font-size: 16px !default;
394
+ $grid-bigger-columnchooser-btn-font-size: $text-base !default;
395
395
  $grid-bigger-sortdiv-rightalign-margin: -12px 4px -12px -2px !default;
396
396
  $grid-bigger-sortdiv-margin: -12px -2px -12px 4px !default;
397
397
  $grid-bigger-header-icons-font-size: 22px !default;
@@ -461,8 +461,8 @@ $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
461
461
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
462
462
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
463
463
  $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -14px 0 !default;
464
- $grid-drag-font-size: 14px !default;
465
- $grid-drag-icon-font-weight: bold !default;
464
+ $grid-drag-font-size: $text-sm !default;
465
+ $grid-drag-icon-font-weight: $font-weight-bold !default;
466
466
  $grid-drag-move-icon: 10px !default;
467
467
  $grid-dragdrop-padding: 2px !default;
468
468
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
@@ -493,16 +493,16 @@ $grid-bigger-sortnumber-margin: 3px 4px 0 4px !default;
493
493
  $grid-bigger-fltr-sortnumber-margin: 1px 4px 0 -6px !default;
494
494
  $grid-rtl-searchclear: 0 !default;
495
495
  $grid-column-chosser-searchdiv-top: -41px !default;
496
- $grid-reorderarrow-font-size: 10px !default;
496
+ $grid-reorderarrow-font-size: $text-xxs !default;
497
497
  $grid-bigger-wrap-line-height: 24px !default;
498
498
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
499
499
  $grid-bigger-draganddrop-clone-padding: 0 !default;
500
- $grouped-bigger-text-font-size: 16px !default;
500
+ $grouped-bigger-text-font-size: $text-base !default;
501
501
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
502
- $grid-bigger-font-size: 16px !default;
502
+ $grid-bigger-font-size: $text-base !default;
503
503
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
504
504
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
505
- $grid-grouparea-font-weight: normal !default;
505
+ $grid-grouparea-font-weight: $font-weight-normal !default;
506
506
  $grid-ungroup-rtl-margin-left: 0 !default;
507
507
  $grid-rtl-group-sorticon-margin-left: -5px !default;
508
508
  $grid-rtl-column-menu-left: 23px !default;
@@ -530,7 +530,7 @@ $grid-animator-margin-left: 8px !default;
530
530
  $grid-animator-padding-bottom: 10px !default;
531
531
  $grid-animator-line-height: 21px !default;
532
532
  $grid-animator-line-height-next: 32px !default;
533
- $grid-animator-font-size-drag: 12px !default;
533
+ $grid-animator-font-size-drag: $text-xs !default;
534
534
  $grid-animator-opacity: 1 !default;
535
535
  $grid-animator-drag-margin-left: 8px !default;
536
536
  $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -553,9 +553,9 @@ $grid-responsive-filter-reset-color: $grid-filtered-color !default;
553
553
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
554
554
  $grid-responsive-close-icon-color: $grid-icon-color !default;
555
555
  $grid-responsive-btn-background: $content-text-color-alt3 !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: $grid-bigger-icons-font-size !default;
561
561
  $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -583,7 +583,7 @@ $grid-group-drop-area-border: dashed !default;
583
583
  $grid-group-drop-area-border-width: 1px !default;
584
584
  $grid-group-drop-area-hover-border-color: $border-dark !default;
585
585
  $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
586
- $grid-sortnumber-font-size: 14px !default;
586
+ $grid-sortnumber-font-size: $text-sm !default;
587
587
  $grid-reorderarrow-margin-top: -7px !default;
588
588
  $grid-reorderdownarrow-margin-top: 4px !default;
589
589
  $grid-reorder-arrow-top-margin: 0 !default;
@@ -599,16 +599,16 @@ $grid-outter-border: $border-light !default;
599
599
  $grid-btn-disabled-bgcolor: $secondary-bg-color-disabled !default;
600
600
  $grid-sort-number-size: 16px !default;
601
601
  $grid-bigger-sort-number-size: 18px !default;
602
- $grid-sort-number-font-size: 16px !default;
602
+ $grid-sort-number-font-size: $text-base !default;
603
603
  $grid-filter-border-radius: 6px !default;
604
604
  $grid-adaptive-toolbar-icon-hover-bottom: 4px !default;
605
605
  $grid-bigger-sort-margin: -10px 2px !default;
606
606
  $grid-bigger-sort-right-margin: 3px 8px 0 0 !default;
607
607
  $grid-skin: 'bootstrap5' !default;
608
- $grid-biggerreorderarrow-font-size: 14px !default;
608
+ $grid-biggerreorderarrow-font-size: $text-sm !default;
609
609
  $grid-bigger-drag-count-padding: 3px 8px 4px !default;
610
610
  $grid-bigger-drag-count-top: -14px !default;
611
- $grid-bigger-check-select-all-font-size: 10px !default;
611
+ $grid-bigger-check-select-all-font-size: $text-xxs !default;
612
612
  $grid-adaptive-sort-clear-button-padding: 4px !default;
613
613
  $grid-cc-margin-top: 4px !default;
614
614
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
@@ -617,7 +617,7 @@ $grid-rtl-group-span-padding: 0 8px !default;
617
617
  $grid-ungroup-rtl-padding-left: 8px !default;
618
618
  $grid-column-reorder-icon-color: $primary !default;
619
619
  $grid-bigger-headercell-top-padding: 10px !default;
620
- $grid-bigger-icon-font-size: 16px !default;
620
+ $grid-bigger-icon-font-size: $text-base !default;
621
621
  $grid-rtl-mselect-dd-indicator-left: -6px !default;
622
622
  $grid-toolbar-text-opacity: .6 !default;
623
623
  $grid-toolbar-searchbar-text-opacity: 1 !default;
@@ -4150,7 +4150,7 @@ $grid-dropitems-count-margin-left: -4px !default;
4150
4150
  border-top: 0;
4151
4151
  }
4152
4152
 
4153
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
4153
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
4154
4154
  border-right: 0;
4155
4155
  }
4156
4156
 
@@ -5569,7 +5569,8 @@ $grid-dropitems-count-margin-left: -4px !default;
5569
5569
  }
5570
5570
  }
5571
5571
 
5572
- .e-ftrchk.e-chkfocus {
5572
+ .e-ftrchk.e-chkfocus,
5573
+ li.e-cclist.e-colfocus {
5573
5574
  background-color: $grid-hover-bg-color;
5574
5575
  }
5575
5576
  }
package/SCSS-Themes/grids/grid/bootstrap5.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  @import '../../grids/excel-filter/bootstrap5.scss';
25
25
  $grid-content-padding: 6px !default;
26
26
  $grid-headecell-height: 32px !default;
27
- $grid-font-size: 14px !default;
27
+ $grid-font-size: $text-sm !default;
28
28
  $grid-icon-color: $icon-color !default;
29
29
  $grid-command-icon-color: $icon-color !default;
30
30
  $grid-border-type: solid !default;
@@ -33,8 +33,8 @@ $grid-horizontal-border-size: 1px !default;
33
33
  $grid-font-family: $font-family !default;
34
34
  $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
35
35
 
36
- $grid-header-font-size: 14px !default;
37
- $grid-bigger-header-font-size: 16px !default;
36
+ $grid-header-font-size: $text-sm !default;
37
+ $grid-bigger-header-font-size: $text-base !default;
38
38
  $grid-header-icon-color: $icon-color !default;
39
39
  $grid-sorted-header-color: $content-text-color !default;
40
40
 
@@ -102,7 +102,7 @@ $grid-columnchooser-footer-border-opacity: 1 !default;
102
102
  $grid-columnchooser-toolbar-div-padding: 0 10px !default;
103
103
  $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
104
104
  $grid-columnchooser-toolbar-icon-font-size: 15px !default;
105
- $grid-columnchooser-btn-font-size: 14px !default;
105
+ $grid-columnchooser-btn-font-size: $text-sm !default;
106
106
  $grid-columnchooser-btn-line-height: 3 !default;
107
107
  $grid-columnchooser-toolbardiv-padding: 3px !default;
108
108
  $grid-columnchooser-toolbardiv-margin-top: 0 !default;
@@ -130,7 +130,7 @@ $grid-rtl-stackedhader-firstcell-right-border-size: 1px !default;
130
130
  $grid-rtl-bothlines-stackedhader-firstcell-left-border-size: 1px !default;
131
131
  $grid-rtl-bothlines-stackedhader-firstcell-right-border-size: 0 !default;
132
132
  $grid-bigger-headercell-bootom-padding: 10px !default;
133
- $grid-bigger-grightarrow-icon-font-size: 16px !default;
133
+ $grid-bigger-grightarrow-icon-font-size: $text-base !default;
134
134
  $group-bigger-sorticon-margin-right: 0 !default;
135
135
  $grid-bigger-groupdroparea-padding: 15px 15px !default;
136
136
  $grid-bigger-group-headercell-height: 38px !default;
@@ -223,7 +223,7 @@ $grid-toolbar-search-icon-min-width: 32px !default;
223
223
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
224
224
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
225
225
  $grid-toolbar-search-clear-icon-min-width: 32px !default;
226
- $grid-toolbar-search-clear-icon-font-size: 14px !default;
226
+ $grid-toolbar-search-clear-icon-font-size: $text-sm !default;
227
227
  $grid-toolbar-search-clear-icon-padding: 0 !default;
228
228
  $grid-toolbar-search-clear-icon-margin-right: 0 !default;
229
229
  $grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
@@ -231,16 +231,16 @@ $grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
231
231
  $grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
232
232
  $grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
233
233
  $grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
234
- $grid-bigger-toolbar-search-clear-icon-font-size: 16px !default;
234
+ $grid-bigger-toolbar-search-clear-icon-font-size: $text-base !default;
235
235
  $grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
236
236
  $grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
237
237
  $grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
238
238
  $grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
239
- $grid-responsive-toolbar-search-clear-icon-font-size: 16px !default;
239
+ $grid-responsive-toolbar-search-clear-icon-font-size: $text-base !default;
240
240
  $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
241
241
  $grid-res-toolbar-clear-icon-width: 100% !default;
242
242
  $grid-res-toolbar-clear-icon-margin: 0 !default;
243
- $grid-res-toolbar-search-clear-icon-font-size: 16px !default;
243
+ $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
244
244
  $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px 0 !default;
245
245
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
246
246
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -248,7 +248,7 @@ $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
248
248
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
249
249
  $grid-bigger-command-column-padding-bottom: 1.2px !default;
250
250
  $grid-bigger-command-column-padding-top: 1.2px !default;
251
- $grid-summary-cell-font-size: 14px !default;
251
+ $grid-summary-cell-font-size: $text-sm !default;
252
252
  $grid-filterbarcell-border-width: 1px 0 0 !default;
253
253
  $grid-filterbarcell-first-last-child-padding-left: 2px !default;
254
254
  $grid-filterbarcell-padding: 1px 2px !default;
@@ -272,7 +272,7 @@ $grid-sortdiv-right-align-margin: -10px 8px -12px -2px !default;
272
272
  $grid-sortdiv-margin: -10px -2px -12px 8px !default;
273
273
  $grid-sortdiv-padding: 2px !default;
274
274
  $grid-ungroup-button-line-height: 20px !default;
275
- $grid-ungroup-button-font-size: 14px !default;
275
+ $grid-ungroup-button-font-size: $text-sm !default;
276
276
  $grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
277
277
  $grid-grouparea-font-size: $grid-content-font-size !default;
278
278
  $grid-grouparea-margin: 4px 0 0 5px !default;
@@ -297,14 +297,14 @@ $grouped-droparea-bg-color: $content-bg-color-alt1 !default;
297
297
  $grid-drag-clone-border-color: $border-light !default;
298
298
  $grid-drag-clone-bg-color: $content-bg-color-alt3 !default;
299
299
  $group-caption-font-color: $content-text-color-alt1 !default;
300
- $grid-group-down-arrow-icon-font-size: 14px !default;
300
+ $grid-group-down-arrow-icon-font-size: $text-sm !default;
301
301
  $grid-group-down-arrow-icon-padding: 12px 7px 11px 8px !default;
302
302
  $group-expand-icon-text-indent: 11px !default;
303
303
  $group-droparea-color: $content-text-color-alt3 !default;
304
- $group-sorticon-font-size: 14px !default;
304
+ $group-sorticon-font-size: $text-sm !default;
305
305
  $grid-rowcell-both-border-width: 1px 0 0 1px !default;
306
306
  $grid-indentcell-border-width: 0 1px 0 0 !default;
307
- $grid-group-right-arrow-icon-font-size: 14px !default;
307
+ $grid-group-right-arrow-icon-font-size: $text-sm !default;
308
308
  $grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
309
309
  $grid-group-unpgroupicon-margin-top: 2px !default;
310
310
  $grid-summary-cell-line-height: 14px !default;
@@ -337,14 +337,14 @@ $grid-headercelldiv-padding: 0 20px 0 5px !default;
337
337
  $grid-headercell-div-padding: 0 .4em !default;
338
338
  $grid-group-text-width: auto !default;
339
339
  $grid-grouptopleftcell-border-top: 2px solid !default;
340
- $grid-group-caption-font-size: 14px !default;
340
+ $grid-group-caption-font-size: $text-sm !default;
341
341
  $grid-group-caption-header-padding: .5em !default;
342
342
  $group-sorticon-margin-left: -8px !default;
343
343
  $group-sorticon-margin-top: -.5px !default;
344
344
  $grid-bigger-headercell-line-height: 40px !default;
345
345
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
346
346
  $grid-bigger-rowcell-line-height: 24px !default;
347
- $grid-bigger-font-size: 16px !default;
347
+ $grid-bigger-font-size: $text-base !default;
348
348
  $group-unpgrouicon-margin-left: -12px !default;
349
349
  $grid-group-ungroupicon-margin-left: -12px !default;
350
350
  $grid-group-clone-text-align: left !default;
@@ -353,8 +353,8 @@ $grid-bigger-first-last-rowcell-padding: 8px !default;
353
353
  $grid-bigger-content-padding: 8px !default;
354
354
  $grid-bigger-group-line-height: round($grid-group-height*1.5) !default;
355
355
  $grid-bigger-content-right-padding: 12px !default;
356
- $grid-bigger-headercell-font-size: 16px !default;
357
- $grid-bigger-content-font-size: 16px !default;
356
+ $grid-bigger-headercell-font-size: $text-base !default;
357
+ $grid-bigger-content-font-size: $text-base !default;
358
358
  $grid-filterbar-border-radius: 4px !default;
359
359
  $grid-bigger-sorticon-margin-top: 1px !default;
360
360
  $grid-header-border-width: 0 !default;
@@ -363,17 +363,17 @@ $grid-bigger-group-headercell-margin: 8px 0 0 8px !default;
363
363
  $grid-bigger-group-headercell-padding: 7px 0 !default;
364
364
  $grid-bigger-grouptext-marign: 0 !default;
365
365
  $grid-bigger-headercell-padding: 12px !default;
366
- $grid-bigger-icons-font-size: 16px !default;
366
+ $grid-bigger-icons-font-size: $text-base !default;
367
367
  $group-collapse-icon-text-indent: 11px !default;
368
368
  $grid-bigger-grouparea-font-size: $grid-bigger-content-font-size !default;
369
369
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
370
370
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
371
- $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
371
+ $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
372
372
  $grid-bigger-groupcell-span-padding: 0 8px !default;
373
373
  $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
374
374
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
375
375
  $grid-bigger-groupcell-span-line-height: 24px !default;
376
- $grid-bigger-gdownarrow-icon-font-size: 16px !default;
376
+ $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
377
377
  $grid-gd-clone-border-radius: 4px !default;
378
378
  $grid-bigger-group-clone-broder-radius: 6px !default;
379
379
  $grid-gd-clone-padding: 7px 4px 4px !default;
@@ -391,7 +391,7 @@ $grid-cc-checkbox-padding-left: 8px !default;
391
391
  $grid-column-chooser-searchdiv-left: 1px !default;
392
392
  $grid-columnchooser-content-margin: 40px 0 0 !default;
393
393
  $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
394
- $grid-bigger-columnchooser-btn-font-size: 16px !default;
394
+ $grid-bigger-columnchooser-btn-font-size: $text-base !default;
395
395
  $grid-bigger-sortdiv-rightalign-margin: -12px 4px -12px -2px !default;
396
396
  $grid-bigger-sortdiv-margin: -12px -2px -12px 4px !default;
397
397
  $grid-bigger-header-icons-font-size: 22px !default;
@@ -461,8 +461,8 @@ $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
461
461
  $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
462
462
  $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
463
463
  $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -14px 0 !default;
464
- $grid-drag-font-size: 14px !default;
465
- $grid-drag-icon-font-weight: bold !default;
464
+ $grid-drag-font-size: $text-sm !default;
465
+ $grid-drag-icon-font-weight: $font-weight-bold !default;
466
466
  $grid-drag-move-icon: 10px !default;
467
467
  $grid-dragdrop-padding: 2px !default;
468
468
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
@@ -493,16 +493,16 @@ $grid-bigger-sortnumber-margin: 3px 4px 0 4px !default;
493
493
  $grid-bigger-fltr-sortnumber-margin: 1px 4px 0 -6px !default;
494
494
  $grid-rtl-searchclear: 0 !default;
495
495
  $grid-column-chosser-searchdiv-top: -41px !default;
496
- $grid-reorderarrow-font-size: 10px !default;
496
+ $grid-reorderarrow-font-size: $text-xxs !default;
497
497
  $grid-bigger-wrap-line-height: 24px !default;
498
498
  $grid-bigger-clone-padding: 3px 0 0 8px !default;
499
499
  $grid-bigger-draganddrop-clone-padding: 0 !default;
500
- $grouped-bigger-text-font-size: 16px !default;
500
+ $grouped-bigger-text-font-size: $text-base !default;
501
501
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
502
- $grid-bigger-font-size: 16px !default;
502
+ $grid-bigger-font-size: $text-base !default;
503
503
  $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
504
504
  $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
505
- $grid-grouparea-font-weight: normal !default;
505
+ $grid-grouparea-font-weight: $font-weight-normal !default;
506
506
  $grid-ungroup-rtl-margin-left: 0 !default;
507
507
  $grid-rtl-group-sorticon-margin-left: -5px !default;
508
508
  $grid-rtl-column-menu-left: 23px !default;
@@ -530,7 +530,7 @@ $grid-animator-margin-left: 8px !default;
530
530
  $grid-animator-padding-bottom: 10px !default;
531
531
  $grid-animator-line-height: 21px !default;
532
532
  $grid-animator-line-height-next: 32px !default;
533
- $grid-animator-font-size-drag: 12px !default;
533
+ $grid-animator-font-size-drag: $text-xs !default;
534
534
  $grid-animator-opacity: 1 !default;
535
535
  $grid-animator-drag-margin-left: 8px !default;
536
536
  $grid-animator-first-group: 12px 0 12px 12px !default;
@@ -553,9 +553,9 @@ $grid-responsive-filter-reset-color: $grid-filtered-color !default;
553
553
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
554
554
  $grid-responsive-close-icon-color: $grid-icon-color !default;
555
555
  $grid-responsive-btn-background: $content-text-color-alt3 !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: $grid-bigger-icons-font-size !default;
561
561
  $grid-responsive-icon-filter-clear-bottom: 10px !default;
@@ -583,7 +583,7 @@ $grid-group-drop-area-border: dashed !default;
583
583
  $grid-group-drop-area-border-width: 1px !default;
584
584
  $grid-group-drop-area-hover-border-color: $border-dark !default;
585
585
  $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
586
- $grid-sortnumber-font-size: 14px !default;
586
+ $grid-sortnumber-font-size: $text-sm !default;
587
587
  $grid-reorderarrow-margin-top: -7px !default;
588
588
  $grid-reorderdownarrow-margin-top: 4px !default;
589
589
  $grid-reorder-arrow-top-margin: 0 !default;
@@ -599,16 +599,16 @@ $grid-outter-border: $border-light !default;
599
599
  $grid-btn-disabled-bgcolor: $secondary-bg-color-disabled !default;
600
600
  $grid-sort-number-size: 16px !default;
601
601
  $grid-bigger-sort-number-size: 18px !default;
602
- $grid-sort-number-font-size: 16px !default;
602
+ $grid-sort-number-font-size: $text-base !default;
603
603
  $grid-filter-border-radius: 6px !default;
604
604
  $grid-adaptive-toolbar-icon-hover-bottom: 4px !default;
605
605
  $grid-bigger-sort-margin: -10px 2px !default;
606
606
  $grid-bigger-sort-right-margin: 3px 8px 0 0 !default;
607
607
  $grid-skin: 'bootstrap5' !default;
608
- $grid-biggerreorderarrow-font-size: 14px !default;
608
+ $grid-biggerreorderarrow-font-size: $text-sm !default;
609
609
  $grid-bigger-drag-count-padding: 3px 8px 4px !default;
610
610
  $grid-bigger-drag-count-top: -14px !default;
611
- $grid-bigger-check-select-all-font-size: 10px !default;
611
+ $grid-bigger-check-select-all-font-size: $text-xxs !default;
612
612
  $grid-adaptive-sort-clear-button-padding: 4px !default;
613
613
  $grid-cc-margin-top: 4px !default;
614
614
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
@@ -617,7 +617,7 @@ $grid-rtl-group-span-padding: 0 8px !default;
617
617
  $grid-ungroup-rtl-padding-left: 8px !default;
618
618
  $grid-column-reorder-icon-color: $primary !default;
619
619
  $grid-bigger-headercell-top-padding: 10px !default;
620
- $grid-bigger-icon-font-size: 16px !default;
620
+ $grid-bigger-icon-font-size: $text-base !default;
621
621
  $grid-rtl-mselect-dd-indicator-left: -6px !default;
622
622
  $grid-toolbar-text-opacity: .6 !default;
623
623
  $grid-toolbar-searchbar-text-opacity: 1 !default;
@@ -4150,7 +4150,7 @@ $grid-dropitems-count-margin-left: -4px !default;
4150
4150
  border-top: 0;
4151
4151
  }
4152
4152
 
4153
- & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
4153
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
4154
4154
  border-right: 0;
4155
4155
  }
4156
4156
 
@@ -5569,7 +5569,8 @@ $grid-dropitems-count-margin-left: -4px !default;
5569
5569
  }
5570
5570
  }
5571
5571
 
5572
- .e-ftrchk.e-chkfocus {
5572
+ .e-ftrchk.e-chkfocus,
5573
+ li.e-cclist.e-colfocus {
5573
5574
  background-color: $grid-hover-bg-color;
5574
5575
  }
5575
5576
  }
package/SCSS-Themes/grids/grid/fabric-dark.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/fabric.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
  }