@syncfusion/blazor-themes 22.2.5 → 22.2.8

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 (67) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +11 -5
  2. package/SCSS-Themes/bootstrap.scss +11 -5
  3. package/SCSS-Themes/bootstrap4.scss +11 -5
  4. package/SCSS-Themes/bootstrap5-dark.scss +11 -5
  5. package/SCSS-Themes/bootstrap5.scss +11 -5
  6. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +5 -3
  7. package/SCSS-Themes/buttons/check-box/bootstrap.scss +5 -3
  8. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +5 -3
  9. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +5 -3
  10. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +5 -3
  11. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +5 -3
  12. package/SCSS-Themes/buttons/check-box/fabric.scss +5 -3
  13. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +5 -3
  14. package/SCSS-Themes/buttons/check-box/fluent.scss +5 -3
  15. package/SCSS-Themes/buttons/check-box/highcontrast.scss +5 -3
  16. package/SCSS-Themes/buttons/check-box/material-dark.scss +5 -3
  17. package/SCSS-Themes/buttons/check-box/material.scss +5 -3
  18. package/SCSS-Themes/buttons/check-box/material3-dark.scss +5 -3
  19. package/SCSS-Themes/buttons/check-box/material3.scss +5 -3
  20. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +5 -3
  21. package/SCSS-Themes/buttons/check-box/tailwind.scss +5 -3
  22. package/SCSS-Themes/fabric-dark.scss +11 -5
  23. package/SCSS-Themes/fabric.scss +11 -5
  24. package/SCSS-Themes/fluent-dark.scss +11 -5
  25. package/SCSS-Themes/fluent.scss +11 -5
  26. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  27. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  28. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  29. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  30. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  31. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  32. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  33. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  34. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  35. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  36. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  37. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  38. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  39. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  40. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  41. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  42. package/SCSS-Themes/grids/grid/material3-dark.scss +14 -14
  43. package/SCSS-Themes/grids/grid/material3.scss +14 -14
  44. package/SCSS-Themes/highcontrast.scss +11 -5
  45. package/SCSS-Themes/material-dark.scss +11 -5
  46. package/SCSS-Themes/material.scss +11 -5
  47. package/SCSS-Themes/material3-dark.scss +25 -19
  48. package/SCSS-Themes/material3.scss +25 -19
  49. package/SCSS-Themes/navigations/accordion/bootstrap-dark.scss +5 -1
  50. package/SCSS-Themes/navigations/accordion/bootstrap.scss +5 -1
  51. package/SCSS-Themes/navigations/accordion/bootstrap4.scss +5 -1
  52. package/SCSS-Themes/navigations/accordion/bootstrap5-dark.scss +5 -1
  53. package/SCSS-Themes/navigations/accordion/bootstrap5.scss +5 -1
  54. package/SCSS-Themes/navigations/accordion/fabric-dark.scss +5 -1
  55. package/SCSS-Themes/navigations/accordion/fabric.scss +5 -1
  56. package/SCSS-Themes/navigations/accordion/fluent-dark.scss +5 -1
  57. package/SCSS-Themes/navigations/accordion/fluent.scss +5 -1
  58. package/SCSS-Themes/navigations/accordion/highcontrast.scss +5 -1
  59. package/SCSS-Themes/navigations/accordion/material-dark.scss +5 -1
  60. package/SCSS-Themes/navigations/accordion/material.scss +5 -1
  61. package/SCSS-Themes/navigations/accordion/material3-dark.scss +5 -1
  62. package/SCSS-Themes/navigations/accordion/material3.scss +5 -1
  63. package/SCSS-Themes/navigations/accordion/tailwind-dark.scss +5 -1
  64. package/SCSS-Themes/navigations/accordion/tailwind.scss +5 -1
  65. package/SCSS-Themes/tailwind-dark.scss +11 -5
  66. package/SCSS-Themes/tailwind.scss +11 -5
  67. package/package.json +1 -1
package/SCSS-Themes/fabric.scss CHANGED
@@ -2377,7 +2377,11 @@ $acrdn-nested-item-header-focus-box-shadow: none !default;
2377
2377
  color: $acrdn-icon-color;
2378
2378
  }
2379
2379
  }
2380
-
2380
+ &.e-select.e-selected > .e-acrdn-header {
2381
+ &:focus {
2382
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2383
+ }
2384
+ }
2381
2385
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2382
2386
 
2383
2387
  &:focus {
@@ -28193,8 +28197,10 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28193
28197
 
28194
28198
  &:hover {
28195
28199
  @if $skin-name != 'FluentUI' {
28196
- background-color: $cbox-hover-bgcolor;
28197
- border-color: $cbox-hover-border-color;
28200
+ &.e-check {
28201
+ background-color: $cbox-checkmark-hover-bgcolor;
28202
+ border-color: $cbox-checkmark-hover-border-color;
28203
+ }
28198
28204
  }
28199
28205
  @if $skin-name == 'FluentUI' {
28200
28206
  &:not(.e-check),
@@ -28632,7 +28638,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28632
28638
  color: $cbox-icon-color;
28633
28639
  }
28634
28640
  }
28635
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
28641
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
28636
28642
  background-color: $cbox-checkmark-hover-bgcolor;
28637
28643
  border-color: $cbox-checkmark-hover-border-color;
28638
28644
  }
@@ -90630,7 +90636,7 @@ $gantt-masked-table-background-color: #e1dfdd;
90630
90636
  pointer-events: none;
90631
90637
  position: absolute;
90632
90638
  top: 50%;
90633
- width: 98%;
90639
+ width: 99%;
90634
90640
  }
90635
90641
 
90636
90642
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/fluent-dark.scss CHANGED
@@ -2483,7 +2483,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
2483
2483
  color: $acrdn-icon-color;
2484
2484
  }
2485
2485
  }
2486
-
2486
+ &.e-select.e-selected > .e-acrdn-header {
2487
+ &:focus {
2488
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2489
+ }
2490
+ }
2487
2491
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2488
2492
 
2489
2493
  &:focus {
@@ -28642,8 +28646,10 @@ $cbox-icon-color: $icon-color !default;
28642
28646
 
28643
28647
  &:hover {
28644
28648
  @if $skin-name != 'FluentUI' {
28645
- background-color: $cbox-hover-bgcolor;
28646
- border-color: $cbox-hover-border-color;
28649
+ &.e-check {
28650
+ background-color: $cbox-checkmark-hover-bgcolor;
28651
+ border-color: $cbox-checkmark-hover-border-color;
28652
+ }
28647
28653
  }
28648
28654
  @if $skin-name == 'FluentUI' {
28649
28655
  &:not(.e-check),
@@ -29081,7 +29087,7 @@ $cbox-icon-color: $icon-color !default;
29081
29087
  color: $cbox-icon-color;
29082
29088
  }
29083
29089
  }
29084
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
29090
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
29085
29091
  background-color: $cbox-checkmark-hover-bgcolor;
29086
29092
  border-color: $cbox-checkmark-hover-border-color;
29087
29093
  }
@@ -91494,7 +91500,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
91494
91500
  pointer-events: none;
91495
91501
  position: absolute;
91496
91502
  top: 50%;
91497
- width: 98%;
91503
+ width: 99%;
91498
91504
  }
91499
91505
 
91500
91506
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/fluent.scss CHANGED
@@ -2484,7 +2484,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
2484
2484
  color: $acrdn-icon-color;
2485
2485
  }
2486
2486
  }
2487
-
2487
+ &.e-select.e-selected > .e-acrdn-header {
2488
+ &:focus {
2489
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2490
+ }
2491
+ }
2488
2492
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2489
2493
 
2490
2494
  &:focus {
@@ -28643,8 +28647,10 @@ $cbox-icon-color: $icon-color !default;
28643
28647
 
28644
28648
  &:hover {
28645
28649
  @if $skin-name != 'FluentUI' {
28646
- background-color: $cbox-hover-bgcolor;
28647
- border-color: $cbox-hover-border-color;
28650
+ &.e-check {
28651
+ background-color: $cbox-checkmark-hover-bgcolor;
28652
+ border-color: $cbox-checkmark-hover-border-color;
28653
+ }
28648
28654
  }
28649
28655
  @if $skin-name == 'FluentUI' {
28650
28656
  &:not(.e-check),
@@ -29082,7 +29088,7 @@ $cbox-icon-color: $icon-color !default;
29082
29088
  color: $cbox-icon-color;
29083
29089
  }
29084
29090
  }
29085
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
29091
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
29086
29092
  background-color: $cbox-checkmark-hover-bgcolor;
29087
29093
  border-color: $cbox-checkmark-hover-border-color;
29088
29094
  }
@@ -91495,7 +91501,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
91495
91501
  pointer-events: none;
91496
91502
  position: absolute;
91497
91503
  top: 50%;
91498
- width: 98%;
91504
+ width: 99%;
91499
91505
  }
91500
91506
 
91501
91507
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss CHANGED
@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1201
1201
  pointer-events: none;
1202
1202
  position: absolute;
1203
1203
  top: 50%;
1204
- width: 98%;
1204
+ width: 99%;
1205
1205
  }
1206
1206
 
1207
1207
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/bootstrap.scss CHANGED
@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1201
1201
  pointer-events: none;
1202
1202
  position: absolute;
1203
1203
  top: 50%;
1204
- width: 98%;
1204
+ width: 99%;
1205
1205
  }
1206
1206
 
1207
1207
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/bootstrap4.scss CHANGED
@@ -1203,7 +1203,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1203
1203
  pointer-events: none;
1204
1204
  position: absolute;
1205
1205
  top: 50%;
1206
- width: 98%;
1206
+ width: 99%;
1207
1207
  }
1208
1208
 
1209
1209
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss CHANGED
@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
1205
1205
  pointer-events: none;
1206
1206
  position: absolute;
1207
1207
  top: 50%;
1208
- width: 98%;
1208
+ width: 99%;
1209
1209
  }
1210
1210
 
1211
1211
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/bootstrap5.scss CHANGED
@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
1205
1205
  pointer-events: none;
1206
1206
  position: absolute;
1207
1207
  top: 50%;
1208
- width: 98%;
1208
+ width: 99%;
1209
1209
  }
1210
1210
 
1211
1211
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/fabric-dark.scss CHANGED
@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1201
1201
  pointer-events: none;
1202
1202
  position: absolute;
1203
1203
  top: 50%;
1204
- width: 98%;
1204
+ width: 99%;
1205
1205
  }
1206
1206
 
1207
1207
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/fabric.scss CHANGED
@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1201
1201
  pointer-events: none;
1202
1202
  position: absolute;
1203
1203
  top: 50%;
1204
- width: 98%;
1204
+ width: 99%;
1205
1205
  }
1206
1206
 
1207
1207
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/fluent-dark.scss CHANGED
@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
1205
1205
  pointer-events: none;
1206
1206
  position: absolute;
1207
1207
  top: 50%;
1208
- width: 98%;
1208
+ width: 99%;
1209
1209
  }
1210
1210
 
1211
1211
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/fluent.scss CHANGED
@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
1205
1205
  pointer-events: none;
1206
1206
  position: absolute;
1207
1207
  top: 50%;
1208
- width: 98%;
1208
+ width: 99%;
1209
1209
  }
1210
1210
 
1211
1211
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/highcontrast.scss CHANGED
@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1201
1201
  pointer-events: none;
1202
1202
  position: absolute;
1203
1203
  top: 50%;
1204
- width: 98%;
1204
+ width: 99%;
1205
1205
  }
1206
1206
 
1207
1207
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/material-dark.scss CHANGED
@@ -1202,7 +1202,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1202
1202
  pointer-events: none;
1203
1203
  position: absolute;
1204
1204
  top: 50%;
1205
- width: 98%;
1205
+ width: 99%;
1206
1206
  }
1207
1207
 
1208
1208
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/material.scss CHANGED
@@ -1202,7 +1202,7 @@ $gantt-masked-table-background-color: #e1dfdd;
1202
1202
  pointer-events: none;
1203
1203
  position: absolute;
1204
1204
  top: 50%;
1205
- width: 98%;
1205
+ width: 99%;
1206
1206
  }
1207
1207
 
1208
1208
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/material3-dark.scss CHANGED
@@ -1206,7 +1206,7 @@ $gantt-split-container-line-border-color: rgba($outline);
1206
1206
  pointer-events: none;
1207
1207
  position: absolute;
1208
1208
  top: 50%;
1209
- width: 98%;
1209
+ width: 99%;
1210
1210
  }
1211
1211
 
1212
1212
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/material3.scss CHANGED
@@ -1206,7 +1206,7 @@ $gantt-split-container-line-border-color: rgba($outline);
1206
1206
  pointer-events: none;
1207
1207
  position: absolute;
1208
1208
  top: 50%;
1209
- width: 98%;
1209
+ width: 99%;
1210
1210
  }
1211
1211
 
1212
1212
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/tailwind-dark.scss CHANGED
@@ -1206,7 +1206,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
1206
1206
  pointer-events: none;
1207
1207
  position: absolute;
1208
1208
  top: 50%;
1209
- width: 98%;
1209
+ width: 99%;
1210
1210
  }
1211
1211
 
1212
1212
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/gantt/gantt/tailwind.scss CHANGED
@@ -1206,7 +1206,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
1206
1206
  pointer-events: none;
1207
1207
  position: absolute;
1208
1208
  top: 50%;
1209
- width: 98%;
1209
+ width: 99%;
1210
1210
  }
1211
1211
 
1212
1212
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED
@@ -275,8 +275,8 @@ $grid-fltr-sortnumber-rightalign-margin: 0 8px 0 8px !default;
275
275
  $grid-sortnumber-rightalign-margin: 0 2px 0 2px !default;
276
276
  $grid-sortnumer-line-height: 20px !default;
277
277
  $grid-bigger-sortnumer-line-height: 24px !default;
278
- $grid-sortdiv-right-align-margin: -12px 8px -12px -2px !default;
279
- $grid-sortdiv-margin: -12px -2px -12px 8px !default;
278
+ $grid-sortdiv-right-align-margin: -14px 8px -12px -2px !default;
279
+ $grid-sortdiv-margin: -14px -2px -12px 8px !default;
280
280
  $grid-sortdiv-padding: 2px !default;
281
281
  $grid-ungroup-button-line-height: 12px !default;
282
282
  $grid-ungroup-button-font-size: 12px !default;
@@ -333,10 +333,10 @@ $grid-fltr-rtl-sortnumber-margin: 0 0 0 12px !default;
333
333
  $grid-rtl-sortnumber-margin: 0 8px 0 -8px !default;
334
334
  $grid-fltr-rtl-sortnumber-rightalign-margin: 0 0 0 12px !default;
335
335
  $grid-rtl-sortnumber-rightalign-margin: 0 8px 0 24px !default;
336
- $grid-rtl-sortcelldiv-margin: -12px 8px -12px -2px !default;
337
- $grid-rtl-sortcelldiv-right-align-margin: -12px 8px -12px -2px !default;
338
- $grid-rtl-bigger-sortcelldiv-right-align-margin: -16px 12px -12px -2px !default;
339
- $grid-rtl-bigger-sortcelldiv-margin: -16px 12px -12px -2px !default;
336
+ $grid-rtl-sortcelldiv-margin: -13px 8px -12px -2px !default;
337
+ $grid-rtl-sortcelldiv-right-align-margin: -13px 8px -12px -2px !default;
338
+ $grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 12px -12px -2px !default;
339
+ $grid-rtl-bigger-sortcelldiv-margin: -17px 12px -12px -2px !default;
340
340
  $grid-rtl-grouped-headercell-padding: 5px 0 !default;
341
341
  $grid-rtl-group-text-margin-left: 2px !default;
342
342
  $grid-rtl-group-sorticon-margin-right: -7px !default;
@@ -442,15 +442,15 @@ $grid-rtl-checkbox-content-padding-left: 14px !default;
442
442
  $grid-bigger-checkbox-padding-topbottom: 9px !default;
443
443
  $grid-bigger-checkbox-content-padding-left: 7px !default;
444
444
  $grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
445
- $grid-fltrdiv-margin: -14px -2px -12px 8px !default;
446
- $grid-rtl-fltrdiv-margin: -14px 8px -12px -2px !default;
445
+ $grid-fltrdiv-margin: -15px -2px -12px 8px !default;
446
+ $grid-rtl-fltrdiv-margin: -15px 8px -12px -2px !default;
447
447
  $grid-rtl-bigger-fltrdiv-margin: -19px 4px -14px -2px !default;
448
448
  $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
449
449
  $grid-bigger-fltrdiv-margin: -19px -2px -14px 4px !default;
450
- $grid-sortdiv-filtericon-margin: -14px 22px -12px 8px !default;
451
- $grid-sortdiv-filtericon-rightalign-margin: -14px 8px -12px -2px !default;
452
- $grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 8px -12px 22px !default;
453
- $grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 22px !default;
450
+ $grid-sortdiv-filtericon-margin: -15px 22px -12px 8px !default;
451
+ $grid-sortdiv-filtericon-rightalign-margin: -15px 8px -12px -2px !default;
452
+ $grid-rtl-sortdiv-filtericon-rightalign-margin: -15px 8px -12px 22px !default;
453
+ $grid-rtl-sortdiv-filtericon-margin: -15px 8px -13px 22px !default;
454
454
  $grid-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px -2px !default;
455
455
  $grid-bigger-fltricon-sortdiv-margin: -19px 23px -14px 4px !default;
456
456
  $grid-rtl-bigger-fltricon-sortdiv-margin: -19px 4px -14px 24px !default;
@@ -458,7 +458,7 @@ $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px 23px !defau
458
458
  $grid-column-menu-sub-menu-box-shadow: $shadow-md !default;
459
459
  $grid-bigger-checkbox-filter-min-height: 360px !default;
460
460
  $grid-checkbox-filter-min-height: 307px !default;
461
- $grid-column-menu-margin: -14px -18px -12px 8px !default;
461
+ $grid-column-menu-margin: -15px -18px -12px 8px !default;
462
462
  $grid-column-menu-padding: 2px !default;
463
463
  $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
464
464
  $grid-bigger-column-menu-margin: -14px -18px -12px 8px !default;
@@ -528,7 +528,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
528
528
  $grid-rtl-group-sorticon-margin-left: -5px !default;
529
529
  $grid-rtl-column-menu-left: 23px !default;
530
530
  $grid-checkboxfiltertext-width: 150px !default;
531
- $grid-rtl-column-menu-margin: -14px 8px -12px -16px !default;
531
+ $grid-rtl-column-menu-margin: -15px 8px -12px -16px !default;
532
532
  $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
533
533
  $grid-filter-checkbox-width: 0 !default;
534
534
  $grid-filter-checkbox-white-space: nowrap !default;
package/SCSS-Themes/grids/grid/material3.scss CHANGED
@@ -275,8 +275,8 @@ $grid-fltr-sortnumber-rightalign-margin: 0 8px 0 8px !default;
275
275
  $grid-sortnumber-rightalign-margin: 0 2px 0 2px !default;
276
276
  $grid-sortnumer-line-height: 20px !default;
277
277
  $grid-bigger-sortnumer-line-height: 24px !default;
278
- $grid-sortdiv-right-align-margin: -12px 8px -12px -2px !default;
279
- $grid-sortdiv-margin: -12px -2px -12px 8px !default;
278
+ $grid-sortdiv-right-align-margin: -14px 8px -12px -2px !default;
279
+ $grid-sortdiv-margin: -14px -2px -12px 8px !default;
280
280
  $grid-sortdiv-padding: 2px !default;
281
281
  $grid-ungroup-button-line-height: 12px !default;
282
282
  $grid-ungroup-button-font-size: 12px !default;
@@ -333,10 +333,10 @@ $grid-fltr-rtl-sortnumber-margin: 0 0 0 12px !default;
333
333
  $grid-rtl-sortnumber-margin: 0 8px 0 -8px !default;
334
334
  $grid-fltr-rtl-sortnumber-rightalign-margin: 0 0 0 12px !default;
335
335
  $grid-rtl-sortnumber-rightalign-margin: 0 8px 0 24px !default;
336
- $grid-rtl-sortcelldiv-margin: -12px 8px -12px -2px !default;
337
- $grid-rtl-sortcelldiv-right-align-margin: -12px 8px -12px -2px !default;
338
- $grid-rtl-bigger-sortcelldiv-right-align-margin: -16px 12px -12px -2px !default;
339
- $grid-rtl-bigger-sortcelldiv-margin: -16px 12px -12px -2px !default;
336
+ $grid-rtl-sortcelldiv-margin: -13px 8px -12px -2px !default;
337
+ $grid-rtl-sortcelldiv-right-align-margin: -13px 8px -12px -2px !default;
338
+ $grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 12px -12px -2px !default;
339
+ $grid-rtl-bigger-sortcelldiv-margin: -17px 12px -12px -2px !default;
340
340
  $grid-rtl-grouped-headercell-padding: 5px 0 !default;
341
341
  $grid-rtl-group-text-margin-left: 2px !default;
342
342
  $grid-rtl-group-sorticon-margin-right: -7px !default;
@@ -442,15 +442,15 @@ $grid-rtl-checkbox-content-padding-left: 14px !default;
442
442
  $grid-bigger-checkbox-padding-topbottom: 9px !default;
443
443
  $grid-bigger-checkbox-content-padding-left: 7px !default;
444
444
  $grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
445
- $grid-fltrdiv-margin: -14px -2px -12px 8px !default;
446
- $grid-rtl-fltrdiv-margin: -14px 8px -12px -2px !default;
445
+ $grid-fltrdiv-margin: -15px -2px -12px 8px !default;
446
+ $grid-rtl-fltrdiv-margin: -15px 8px -12px -2px !default;
447
447
  $grid-rtl-bigger-fltrdiv-margin: -19px 4px -14px -2px !default;
448
448
  $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
449
449
  $grid-bigger-fltrdiv-margin: -19px -2px -14px 4px !default;
450
- $grid-sortdiv-filtericon-margin: -14px 22px -12px 8px !default;
451
- $grid-sortdiv-filtericon-rightalign-margin: -14px 8px -12px -2px !default;
452
- $grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 8px -12px 22px !default;
453
- $grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 22px !default;
450
+ $grid-sortdiv-filtericon-margin: -15px 22px -12px 8px !default;
451
+ $grid-sortdiv-filtericon-rightalign-margin: -15px 8px -12px -2px !default;
452
+ $grid-rtl-sortdiv-filtericon-rightalign-margin: -15px 8px -12px 22px !default;
453
+ $grid-rtl-sortdiv-filtericon-margin: -15px 8px -13px 22px !default;
454
454
  $grid-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px -2px !default;
455
455
  $grid-bigger-fltricon-sortdiv-margin: -19px 23px -14px 4px !default;
456
456
  $grid-rtl-bigger-fltricon-sortdiv-margin: -19px 4px -14px 24px !default;
@@ -458,7 +458,7 @@ $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px 23px !defau
458
458
  $grid-column-menu-sub-menu-box-shadow: $shadow-md !default;
459
459
  $grid-bigger-checkbox-filter-min-height: 360px !default;
460
460
  $grid-checkbox-filter-min-height: 307px !default;
461
- $grid-column-menu-margin: -14px -18px -12px 8px !default;
461
+ $grid-column-menu-margin: -15px -18px -12px 8px !default;
462
462
  $grid-column-menu-padding: 2px !default;
463
463
  $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
464
464
  $grid-bigger-column-menu-margin: -14px -18px -12px 8px !default;
@@ -528,7 +528,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
528
528
  $grid-rtl-group-sorticon-margin-left: -5px !default;
529
529
  $grid-rtl-column-menu-left: 23px !default;
530
530
  $grid-checkboxfiltertext-width: 150px !default;
531
- $grid-rtl-column-menu-margin: -14px 8px -12px -16px !default;
531
+ $grid-rtl-column-menu-margin: -15px 8px -12px -16px !default;
532
532
  $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
533
533
  $grid-filter-checkbox-width: 0 !default;
534
534
  $grid-filter-checkbox-white-space: nowrap !default;
package/SCSS-Themes/highcontrast.scss CHANGED
@@ -2393,7 +2393,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-focus-exp-hdr-focus-
2393
2393
  color: $acrdn-icon-color;
2394
2394
  }
2395
2395
  }
2396
-
2396
+ &.e-select.e-selected > .e-acrdn-header {
2397
+ &:focus {
2398
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2399
+ }
2400
+ }
2397
2401
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2398
2402
 
2399
2403
  &:focus {
@@ -28274,8 +28278,10 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28274
28278
 
28275
28279
  &:hover {
28276
28280
  @if $skin-name != 'FluentUI' {
28277
- background-color: $cbox-hover-bgcolor;
28278
- border-color: $cbox-hover-border-color;
28281
+ &.e-check {
28282
+ background-color: $cbox-checkmark-hover-bgcolor;
28283
+ border-color: $cbox-checkmark-hover-border-color;
28284
+ }
28279
28285
  }
28280
28286
  @if $skin-name == 'FluentUI' {
28281
28287
  &:not(.e-check),
@@ -28713,7 +28719,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28713
28719
  color: $cbox-icon-color;
28714
28720
  }
28715
28721
  }
28716
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
28722
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
28717
28723
  background-color: $cbox-checkmark-hover-bgcolor;
28718
28724
  border-color: $cbox-checkmark-hover-border-color;
28719
28725
  }
@@ -90877,7 +90883,7 @@ $gantt-masked-table-background-color: #e1dfdd;
90877
90883
  pointer-events: none;
90878
90884
  position: absolute;
90879
90885
  top: 50%;
90880
- width: 98%;
90886
+ width: 99%;
90881
90887
  }
90882
90888
 
90883
90889
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/material-dark.scss CHANGED
@@ -2371,7 +2371,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2371
2371
  color: $acrdn-icon-color;
2372
2372
  }
2373
2373
  }
2374
-
2374
+ &.e-select.e-selected > .e-acrdn-header {
2375
+ &:focus {
2376
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2377
+ }
2378
+ }
2375
2379
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2376
2380
 
2377
2381
  &:focus {
@@ -28721,8 +28725,10 @@ $cbox-border-style: solid !default;
28721
28725
 
28722
28726
  &:hover {
28723
28727
  @if $skin-name != 'FluentUI' {
28724
- background-color: $cbox-hover-bgcolor;
28725
- border-color: $cbox-hover-border-color;
28728
+ &.e-check {
28729
+ background-color: $cbox-checkmark-hover-bgcolor;
28730
+ border-color: $cbox-checkmark-hover-border-color;
28731
+ }
28726
28732
  }
28727
28733
  @if $skin-name == 'FluentUI' {
28728
28734
  &:not(.e-check),
@@ -29160,7 +29166,7 @@ $cbox-border-style: solid !default;
29160
29166
  color: $cbox-icon-color;
29161
29167
  }
29162
29168
  }
29163
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
29169
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
29164
29170
  background-color: $cbox-checkmark-hover-bgcolor;
29165
29171
  border-color: $cbox-checkmark-hover-border-color;
29166
29172
  }
@@ -92194,7 +92200,7 @@ $gantt-masked-table-background-color: #e1dfdd;
92194
92200
  pointer-events: none;
92195
92201
  position: absolute;
92196
92202
  top: 50%;
92197
- width: 98%;
92203
+ width: 99%;
92198
92204
  }
92199
92205
 
92200
92206
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/material.scss CHANGED
@@ -2361,7 +2361,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2361
2361
  color: $acrdn-icon-color;
2362
2362
  }
2363
2363
  }
2364
-
2364
+ &.e-select.e-selected > .e-acrdn-header {
2365
+ &:focus {
2366
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2367
+ }
2368
+ }
2365
2369
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2366
2370
 
2367
2371
  &:focus {
@@ -28518,8 +28522,10 @@ $cbox-border-style: solid !default;
28518
28522
 
28519
28523
  &:hover {
28520
28524
  @if $skin-name != 'FluentUI' {
28521
- background-color: $cbox-hover-bgcolor;
28522
- border-color: $cbox-hover-border-color;
28525
+ &.e-check {
28526
+ background-color: $cbox-checkmark-hover-bgcolor;
28527
+ border-color: $cbox-checkmark-hover-border-color;
28528
+ }
28523
28529
  }
28524
28530
  @if $skin-name == 'FluentUI' {
28525
28531
  &:not(.e-check),
@@ -28957,7 +28963,7 @@ $cbox-border-style: solid !default;
28957
28963
  color: $cbox-icon-color;
28958
28964
  }
28959
28965
  }
28960
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
28966
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
28961
28967
  background-color: $cbox-checkmark-hover-bgcolor;
28962
28968
  border-color: $cbox-checkmark-hover-border-color;
28963
28969
  }
@@ -91906,7 +91912,7 @@ $gantt-masked-table-background-color: #e1dfdd;
91906
91912
  pointer-events: none;
91907
91913
  position: absolute;
91908
91914
  top: 50%;
91909
- width: 98%;
91915
+ width: 99%;
91910
91916
  }
91911
91917
 
91912
91918
  .e-gantt-child-taskbar-inner-div,