@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/bootstrap-dark.scss CHANGED
@@ -2396,7 +2396,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2396
2396
  color: $acrdn-icon-color;
2397
2397
  }
2398
2398
  }
2399
-
2399
+ &.e-select.e-selected > .e-acrdn-header {
2400
+ &:focus {
2401
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2402
+ }
2403
+ }
2400
2404
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2401
2405
 
2402
2406
  &:focus {
@@ -28511,8 +28515,10 @@ $cbox-border-style: solid !default;
28511
28515
 
28512
28516
  &:hover {
28513
28517
  @if $skin-name != 'FluentUI' {
28514
- background-color: $cbox-hover-bgcolor;
28515
- border-color: $cbox-hover-border-color;
28518
+ &.e-check {
28519
+ background-color: $cbox-checkmark-hover-bgcolor;
28520
+ border-color: $cbox-checkmark-hover-border-color;
28521
+ }
28516
28522
  }
28517
28523
  @if $skin-name == 'FluentUI' {
28518
28524
  &:not(.e-check),
@@ -28950,7 +28956,7 @@ $cbox-border-style: solid !default;
28950
28956
  color: $cbox-icon-color;
28951
28957
  }
28952
28958
  }
28953
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
28959
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
28954
28960
  background-color: $cbox-checkmark-hover-bgcolor;
28955
28961
  border-color: $cbox-checkmark-hover-border-color;
28956
28962
  }
@@ -91039,7 +91045,7 @@ $gantt-masked-table-background-color: #e1dfdd;
91039
91045
  pointer-events: none;
91040
91046
  position: absolute;
91041
91047
  top: 50%;
91042
- width: 98%;
91048
+ width: 99%;
91043
91049
  }
91044
91050
 
91045
91051
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/bootstrap.scss CHANGED
@@ -2396,7 +2396,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2396
2396
  color: $acrdn-icon-color;
2397
2397
  }
2398
2398
  }
2399
-
2399
+ &.e-select.e-selected > .e-acrdn-header {
2400
+ &:focus {
2401
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2402
+ }
2403
+ }
2400
2404
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2401
2405
 
2402
2406
  &:focus {
@@ -28285,8 +28289,10 @@ $cbox-key-focussed-bgcolor: transparent !default;
28285
28289
 
28286
28290
  &:hover {
28287
28291
  @if $skin-name != 'FluentUI' {
28288
- background-color: $cbox-hover-bgcolor;
28289
- border-color: $cbox-hover-border-color;
28292
+ &.e-check {
28293
+ background-color: $cbox-checkmark-hover-bgcolor;
28294
+ border-color: $cbox-checkmark-hover-border-color;
28295
+ }
28290
28296
  }
28291
28297
  @if $skin-name == 'FluentUI' {
28292
28298
  &:not(.e-check),
@@ -28724,7 +28730,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
28724
28730
  color: $cbox-icon-color;
28725
28731
  }
28726
28732
  }
28727
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
28733
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
28728
28734
  background-color: $cbox-checkmark-hover-bgcolor;
28729
28735
  border-color: $cbox-checkmark-hover-border-color;
28730
28736
  }
@@ -90804,7 +90810,7 @@ $gantt-masked-table-background-color: #e1dfdd;
90804
90810
  pointer-events: none;
90805
90811
  position: absolute;
90806
90812
  top: 50%;
90807
- width: 98%;
90813
+ width: 99%;
90808
90814
  }
90809
90815
 
90810
90816
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/bootstrap4.scss CHANGED
@@ -2235,7 +2235,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2235
2235
  color: $acrdn-icon-color;
2236
2236
  }
2237
2237
  }
2238
-
2238
+ &.e-select.e-selected > .e-acrdn-header {
2239
+ &:focus {
2240
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2241
+ }
2242
+ }
2239
2243
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2240
2244
 
2241
2245
  &:focus {
@@ -28254,8 +28258,10 @@ $cbox-border-style: solid !default;
28254
28258
 
28255
28259
  &:hover {
28256
28260
  @if $skin-name != 'FluentUI' {
28257
- background-color: $cbox-hover-bgcolor;
28258
- border-color: $cbox-hover-border-color;
28261
+ &.e-check {
28262
+ background-color: $cbox-checkmark-hover-bgcolor;
28263
+ border-color: $cbox-checkmark-hover-border-color;
28264
+ }
28259
28265
  }
28260
28266
  @if $skin-name == 'FluentUI' {
28261
28267
  &:not(.e-check),
@@ -28693,7 +28699,7 @@ $cbox-border-style: solid !default;
28693
28699
  color: $cbox-icon-color;
28694
28700
  }
28695
28701
  }
28696
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
28702
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
28697
28703
  background-color: $cbox-checkmark-hover-bgcolor;
28698
28704
  border-color: $cbox-checkmark-hover-border-color;
28699
28705
  }
@@ -91121,7 +91127,7 @@ $gantt-masked-table-background-color: #e1dfdd;
91121
91127
  pointer-events: none;
91122
91128
  position: absolute;
91123
91129
  top: 50%;
91124
- width: 98%;
91130
+ width: 99%;
91125
91131
  }
91126
91132
 
91127
91133
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/bootstrap5-dark.scss CHANGED
@@ -2420,7 +2420,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2420
2420
  color: $acrdn-icon-color;
2421
2421
  }
2422
2422
  }
2423
-
2423
+ &.e-select.e-selected > .e-acrdn-header {
2424
+ &:focus {
2425
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2426
+ }
2427
+ }
2424
2428
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2425
2429
 
2426
2430
  &:focus {
@@ -28576,8 +28580,10 @@ $cbox-border-style: solid !default;
28576
28580
 
28577
28581
  &:hover {
28578
28582
  @if $skin-name != 'FluentUI' {
28579
- background-color: $cbox-hover-bgcolor;
28580
- border-color: $cbox-hover-border-color;
28583
+ &.e-check {
28584
+ background-color: $cbox-checkmark-hover-bgcolor;
28585
+ border-color: $cbox-checkmark-hover-border-color;
28586
+ }
28581
28587
  }
28582
28588
  @if $skin-name == 'FluentUI' {
28583
28589
  &:not(.e-check),
@@ -29015,7 +29021,7 @@ $cbox-border-style: solid !default;
29015
29021
  color: $cbox-icon-color;
29016
29022
  }
29017
29023
  }
29018
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
29024
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
29019
29025
  background-color: $cbox-checkmark-hover-bgcolor;
29020
29026
  border-color: $cbox-checkmark-hover-border-color;
29021
29027
  }
@@ -91336,7 +91342,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
91336
91342
  pointer-events: none;
91337
91343
  position: absolute;
91338
91344
  top: 50%;
91339
- width: 98%;
91345
+ width: 99%;
91340
91346
  }
91341
91347
 
91342
91348
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/bootstrap5.scss CHANGED
@@ -2420,7 +2420,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2420
2420
  color: $acrdn-icon-color;
2421
2421
  }
2422
2422
  }
2423
-
2423
+ &.e-select.e-selected > .e-acrdn-header {
2424
+ &:focus {
2425
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2426
+ }
2427
+ }
2424
2428
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2425
2429
 
2426
2430
  &:focus {
@@ -28576,8 +28580,10 @@ $cbox-border-style: solid !default;
28576
28580
 
28577
28581
  &:hover {
28578
28582
  @if $skin-name != 'FluentUI' {
28579
- background-color: $cbox-hover-bgcolor;
28580
- border-color: $cbox-hover-border-color;
28583
+ &.e-check {
28584
+ background-color: $cbox-checkmark-hover-bgcolor;
28585
+ border-color: $cbox-checkmark-hover-border-color;
28586
+ }
28581
28587
  }
28582
28588
  @if $skin-name == 'FluentUI' {
28583
28589
  &:not(.e-check),
@@ -29015,7 +29021,7 @@ $cbox-border-style: solid !default;
29015
29021
  color: $cbox-icon-color;
29016
29022
  }
29017
29023
  }
29018
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
29024
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
29019
29025
  background-color: $cbox-checkmark-hover-bgcolor;
29020
29026
  border-color: $cbox-checkmark-hover-border-color;
29021
29027
  }
@@ -91336,7 +91342,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
91336
91342
  pointer-events: none;
91337
91343
  position: absolute;
91338
91344
  top: 50%;
91339
- width: 98%;
91345
+ width: 99%;
91340
91346
  }
91341
91347
 
91342
91348
  .e-gantt-child-taskbar-inner-div,
package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/buttons/check-box/bootstrap.scss CHANGED
@@ -344,8 +344,10 @@ $cbox-key-focussed-bgcolor: transparent !default;
344
344
 
345
345
  &:hover {
346
346
  @if $skin-name != 'FluentUI' {
347
- background-color: $cbox-hover-bgcolor;
348
- border-color: $cbox-hover-border-color;
347
+ &.e-check {
348
+ background-color: $cbox-checkmark-hover-bgcolor;
349
+ border-color: $cbox-checkmark-hover-border-color;
350
+ }
349
351
  }
350
352
  @if $skin-name == 'FluentUI' {
351
353
  &:not(.e-check),
@@ -783,7 +785,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
783
785
  color: $cbox-icon-color;
784
786
  }
785
787
  }
786
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
788
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
787
789
  background-color: $cbox-checkmark-hover-bgcolor;
788
790
  border-color: $cbox-checkmark-hover-border-color;
789
791
  }
package/SCSS-Themes/buttons/check-box/bootstrap4.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/buttons/check-box/bootstrap5.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/buttons/check-box/fabric-dark.scss CHANGED
@@ -349,8 +349,10 @@ $cbox-ripple-size: -9px !default;
349
349
 
350
350
  &:hover {
351
351
  @if $skin-name != 'FluentUI' {
352
- background-color: $cbox-hover-bgcolor;
353
- border-color: $cbox-hover-border-color;
352
+ &.e-check {
353
+ background-color: $cbox-checkmark-hover-bgcolor;
354
+ border-color: $cbox-checkmark-hover-border-color;
355
+ }
354
356
  }
355
357
  @if $skin-name == 'FluentUI' {
356
358
  &:not(.e-check),
@@ -788,7 +790,7 @@ $cbox-ripple-size: -9px !default;
788
790
  color: $cbox-icon-color;
789
791
  }
790
792
  }
791
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
793
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
792
794
  background-color: $cbox-checkmark-hover-bgcolor;
793
795
  border-color: $cbox-checkmark-hover-border-color;
794
796
  }
package/SCSS-Themes/buttons/check-box/fabric.scss CHANGED
@@ -346,8 +346,10 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
346
346
 
347
347
  &:hover {
348
348
  @if $skin-name != 'FluentUI' {
349
- background-color: $cbox-hover-bgcolor;
350
- border-color: $cbox-hover-border-color;
349
+ &.e-check {
350
+ background-color: $cbox-checkmark-hover-bgcolor;
351
+ border-color: $cbox-checkmark-hover-border-color;
352
+ }
351
353
  }
352
354
  @if $skin-name == 'FluentUI' {
353
355
  &:not(.e-check),
@@ -785,7 +787,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
785
787
  color: $cbox-icon-color;
786
788
  }
787
789
  }
788
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
790
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
789
791
  background-color: $cbox-checkmark-hover-bgcolor;
790
792
  border-color: $cbox-checkmark-hover-border-color;
791
793
  }
package/SCSS-Themes/buttons/check-box/fluent-dark.scss CHANGED
@@ -351,8 +351,10 @@ $cbox-icon-color: $icon-color !default;
351
351
 
352
352
  &:hover {
353
353
  @if $skin-name != 'FluentUI' {
354
- background-color: $cbox-hover-bgcolor;
355
- border-color: $cbox-hover-border-color;
354
+ &.e-check {
355
+ background-color: $cbox-checkmark-hover-bgcolor;
356
+ border-color: $cbox-checkmark-hover-border-color;
357
+ }
356
358
  }
357
359
  @if $skin-name == 'FluentUI' {
358
360
  &:not(.e-check),
@@ -790,7 +792,7 @@ $cbox-icon-color: $icon-color !default;
790
792
  color: $cbox-icon-color;
791
793
  }
792
794
  }
793
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
795
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
794
796
  background-color: $cbox-checkmark-hover-bgcolor;
795
797
  border-color: $cbox-checkmark-hover-border-color;
796
798
  }
package/SCSS-Themes/buttons/check-box/fluent.scss CHANGED
@@ -351,8 +351,10 @@ $cbox-icon-color: $icon-color !default;
351
351
 
352
352
  &:hover {
353
353
  @if $skin-name != 'FluentUI' {
354
- background-color: $cbox-hover-bgcolor;
355
- border-color: $cbox-hover-border-color;
354
+ &.e-check {
355
+ background-color: $cbox-checkmark-hover-bgcolor;
356
+ border-color: $cbox-checkmark-hover-border-color;
357
+ }
356
358
  }
357
359
  @if $skin-name == 'FluentUI' {
358
360
  &:not(.e-check),
@@ -790,7 +792,7 @@ $cbox-icon-color: $icon-color !default;
790
792
  color: $cbox-icon-color;
791
793
  }
792
794
  }
793
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
795
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
794
796
  background-color: $cbox-checkmark-hover-bgcolor;
795
797
  border-color: $cbox-checkmark-hover-border-color;
796
798
  }
package/SCSS-Themes/buttons/check-box/highcontrast.scss CHANGED
@@ -345,8 +345,10 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
345
345
 
346
346
  &:hover {
347
347
  @if $skin-name != 'FluentUI' {
348
- background-color: $cbox-hover-bgcolor;
349
- border-color: $cbox-hover-border-color;
348
+ &.e-check {
349
+ background-color: $cbox-checkmark-hover-bgcolor;
350
+ border-color: $cbox-checkmark-hover-border-color;
351
+ }
350
352
  }
351
353
  @if $skin-name == 'FluentUI' {
352
354
  &:not(.e-check),
@@ -784,7 +786,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
784
786
  color: $cbox-icon-color;
785
787
  }
786
788
  }
787
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
789
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
788
790
  background-color: $cbox-checkmark-hover-bgcolor;
789
791
  border-color: $cbox-checkmark-hover-border-color;
790
792
  }
package/SCSS-Themes/buttons/check-box/material-dark.scss CHANGED
@@ -350,8 +350,10 @@ $cbox-border-style: solid !default;
350
350
 
351
351
  &:hover {
352
352
  @if $skin-name != 'FluentUI' {
353
- background-color: $cbox-hover-bgcolor;
354
- border-color: $cbox-hover-border-color;
353
+ &.e-check {
354
+ background-color: $cbox-checkmark-hover-bgcolor;
355
+ border-color: $cbox-checkmark-hover-border-color;
356
+ }
355
357
  }
356
358
  @if $skin-name == 'FluentUI' {
357
359
  &:not(.e-check),
@@ -789,7 +791,7 @@ $cbox-border-style: solid !default;
789
791
  color: $cbox-icon-color;
790
792
  }
791
793
  }
792
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
794
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
793
795
  background-color: $cbox-checkmark-hover-bgcolor;
794
796
  border-color: $cbox-checkmark-hover-border-color;
795
797
  }
package/SCSS-Themes/buttons/check-box/material.scss CHANGED
@@ -346,8 +346,10 @@ $cbox-border-style: solid !default;
346
346
 
347
347
  &:hover {
348
348
  @if $skin-name != 'FluentUI' {
349
- background-color: $cbox-hover-bgcolor;
350
- border-color: $cbox-hover-border-color;
349
+ &.e-check {
350
+ background-color: $cbox-checkmark-hover-bgcolor;
351
+ border-color: $cbox-checkmark-hover-border-color;
352
+ }
351
353
  }
352
354
  @if $skin-name == 'FluentUI' {
353
355
  &:not(.e-check),
@@ -785,7 +787,7 @@ $cbox-border-style: solid !default;
785
787
  color: $cbox-icon-color;
786
788
  }
787
789
  }
788
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
790
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
789
791
  background-color: $cbox-checkmark-hover-bgcolor;
790
792
  border-color: $cbox-checkmark-hover-border-color;
791
793
  }
package/SCSS-Themes/buttons/check-box/material3-dark.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/buttons/check-box/material3.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/buttons/check-box/tailwind-dark.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/buttons/check-box/tailwind.scss CHANGED
@@ -347,8 +347,10 @@ $cbox-border-style: solid !default;
347
347
 
348
348
  &:hover {
349
349
  @if $skin-name != 'FluentUI' {
350
- background-color: $cbox-hover-bgcolor;
351
- border-color: $cbox-hover-border-color;
350
+ &.e-check {
351
+ background-color: $cbox-checkmark-hover-bgcolor;
352
+ border-color: $cbox-checkmark-hover-border-color;
353
+ }
352
354
  }
353
355
  @if $skin-name == 'FluentUI' {
354
356
  &:not(.e-check),
@@ -786,7 +788,7 @@ $cbox-border-style: solid !default;
786
788
  color: $cbox-icon-color;
787
789
  }
788
790
  }
789
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
791
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
790
792
  background-color: $cbox-checkmark-hover-bgcolor;
791
793
  border-color: $cbox-checkmark-hover-border-color;
792
794
  }
package/SCSS-Themes/fabric-dark.scss CHANGED
@@ -2374,7 +2374,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-item-exp-hdr-focus-b
2374
2374
  color: $acrdn-icon-color;
2375
2375
  }
2376
2376
  }
2377
-
2377
+ &.e-select.e-selected > .e-acrdn-header {
2378
+ &:focus {
2379
+ border: $acrdn-item-exp-not-selected-hdr-focus-border;
2380
+ }
2381
+ }
2378
2382
  &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
2379
2383
 
2380
2384
  &:focus {
@@ -28348,8 +28352,10 @@ $cbox-ripple-size: -9px !default;
28348
28352
 
28349
28353
  &:hover {
28350
28354
  @if $skin-name != 'FluentUI' {
28351
- background-color: $cbox-hover-bgcolor;
28352
- border-color: $cbox-hover-border-color;
28355
+ &.e-check {
28356
+ background-color: $cbox-checkmark-hover-bgcolor;
28357
+ border-color: $cbox-checkmark-hover-border-color;
28358
+ }
28353
28359
  }
28354
28360
  @if $skin-name == 'FluentUI' {
28355
28361
  &:not(.e-check),
@@ -28787,7 +28793,7 @@ $cbox-ripple-size: -9px !default;
28787
28793
  color: $cbox-icon-color;
28788
28794
  }
28789
28795
  }
28790
- @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
28796
+ @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
28791
28797
  background-color: $cbox-checkmark-hover-bgcolor;
28792
28798
  border-color: $cbox-checkmark-hover-border-color;
28793
28799
  }
@@ -90873,7 +90879,7 @@ $gantt-masked-table-background-color: #e1dfdd;
90873
90879
  pointer-events: none;
90874
90880
  position: absolute;
90875
90881
  top: 50%;
90876
- width: 98%;
90882
+ width: 99%;
90877
90883
  }
90878
90884
 
90879
90885
  .e-gantt-child-taskbar-inner-div,