@syncfusion/blazor-themes 21.1.41 → 21.2.4

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 (99) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +54 -24
  2. package/SCSS-Themes/bootstrap.scss +54 -24
  3. package/SCSS-Themes/bootstrap4.scss +55 -25
  4. package/SCSS-Themes/bootstrap5-dark.scss +51 -24
  5. package/SCSS-Themes/bootstrap5.scss +51 -24
  6. package/SCSS-Themes/fabric-dark.scss +54 -24
  7. package/SCSS-Themes/fabric.scss +54 -24
  8. package/SCSS-Themes/fluent-dark.scss +52 -25
  9. package/SCSS-Themes/fluent.scss +52 -25
  10. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +4 -0
  11. package/SCSS-Themes/gantt/gantt/bootstrap.scss +4 -0
  12. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +4 -0
  13. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +4 -0
  14. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +4 -0
  15. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +4 -0
  16. package/SCSS-Themes/gantt/gantt/fabric.scss +4 -0
  17. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +4 -0
  18. package/SCSS-Themes/gantt/gantt/fluent.scss +4 -0
  19. package/SCSS-Themes/gantt/gantt/highcontrast.scss +4 -0
  20. package/SCSS-Themes/gantt/gantt/material-dark.scss +4 -0
  21. package/SCSS-Themes/gantt/gantt/material.scss +4 -0
  22. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +4 -0
  23. package/SCSS-Themes/gantt/gantt/tailwind.scss +4 -0
  24. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +25 -0
  25. package/SCSS-Themes/grids/grid/bootstrap.scss +25 -0
  26. package/SCSS-Themes/grids/grid/bootstrap4.scss +26 -1
  27. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +25 -0
  28. package/SCSS-Themes/grids/grid/bootstrap5.scss +25 -0
  29. package/SCSS-Themes/grids/grid/fabric-dark.scss +25 -0
  30. package/SCSS-Themes/grids/grid/fabric.scss +25 -0
  31. package/SCSS-Themes/grids/grid/fluent-dark.scss +25 -0
  32. package/SCSS-Themes/grids/grid/fluent.scss +25 -0
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +25 -0
  34. package/SCSS-Themes/grids/grid/material-dark.scss +25 -0
  35. package/SCSS-Themes/grids/grid/material.scss +25 -0
  36. package/SCSS-Themes/grids/grid/tailwind-dark.scss +25 -0
  37. package/SCSS-Themes/grids/grid/tailwind.scss +25 -0
  38. package/SCSS-Themes/highcontrast.scss +54 -24
  39. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  40. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  41. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  42. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  43. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  44. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  45. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  46. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  47. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  48. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  49. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  50. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  51. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  52. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  53. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  54. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  55. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  56. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  57. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  58. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  59. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  60. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  61. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  62. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  63. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  64. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  65. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  66. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  67. package/SCSS-Themes/material-dark.scss +55 -25
  68. package/SCSS-Themes/material.scss +55 -25
  69. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  70. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  71. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  72. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  73. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  74. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  75. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  76. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  77. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  78. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  79. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  80. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  81. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  82. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  83. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +1 -1
  84. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +1 -1
  85. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +1 -1
  86. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +1 -1
  87. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +1 -1
  88. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +1 -1
  89. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +1 -1
  90. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +2 -2
  91. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +2 -2
  92. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +1 -1
  93. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +2 -2
  94. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +2 -2
  95. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +1 -1
  96. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +1 -1
  97. package/SCSS-Themes/tailwind-dark.scss +51 -24
  98. package/SCSS-Themes/tailwind.scss +51 -24
  99. package/package.json +1 -1
@@ -39734,7 +39734,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
39734
39734
  font-size: $listview-header-font-size;
39735
39735
  }
39736
39736
 
39737
- & .e-icons:not(.e-primary .e-btn-icon) {
39737
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
39738
39738
  color: $listview-icon-color;
39739
39739
 
39740
39740
  @if ($skin-name == 'tailwind') {
@@ -53501,11 +53501,13 @@ $ripple-width: 32px !default;
53501
53501
  }
53502
53502
 
53503
53503
  .e-list-item.e-active,
53504
- .e-list-item.e-hover {
53504
+ .e-list-item.e-hover,
53505
+ .e-list-item.e-node-focus {
53505
53506
  background: transparent;
53506
53507
  }
53507
53508
 
53508
- .e-list-item.e-hover > .e-text-content {
53509
+ .e-list-item.e-hover > .e-text-content,
53510
+ .e-list-item.e-node-focus > .e-text-content {
53509
53511
  color: $treeview-text-hover-color;
53510
53512
 
53511
53513
  .e-list-text {
@@ -53554,7 +53556,8 @@ $ripple-width: 32px !default;
53554
53556
  }
53555
53557
  }
53556
53558
 
53557
- .e-list-item.e-active.e-hover > .e-text-content {
53559
+ .e-list-item.e-active.e-hover > .e-text-content,
53560
+ .e-list-item.e-active.e-node-focus > .e-text-content {
53558
53561
  color: $treeview-text-active-hover-color;
53559
53562
 
53560
53563
  .e-list-text {
@@ -53568,7 +53571,8 @@ $ripple-width: 32px !default;
53568
53571
  }
53569
53572
 
53570
53573
  .e-list-item.e-editing.e-active > .e-text-content,
53571
- .e-list-item.e-editing.e-hover > .e-text-content {
53574
+ .e-list-item.e-editing.e-hover > .e-text-content,
53575
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
53572
53576
  color: $treeview-text-color;
53573
53577
 
53574
53578
  .e-list-text {
@@ -53585,7 +53589,8 @@ $ripple-width: 32px !default;
53585
53589
  }
53586
53590
  }
53587
53591
 
53588
- .e-list-item.e-hover > .e-fullrow {
53592
+ .e-list-item.e-hover > .e-fullrow,
53593
+ .e-list-item.e-node-focus > .e-fullrow {
53589
53594
  background-color: $treeview-item-hover-bg;
53590
53595
  border-color: $treeview-item-hover-border-color;
53591
53596
  }
@@ -53610,12 +53615,14 @@ $ripple-width: 32px !default;
53610
53615
  }
53611
53616
  }
53612
53617
 
53613
- .e-list-item.e-active.e-hover > .e-fullrow{
53618
+ .e-list-item.e-active.e-hover > .e-fullrow,
53619
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
53614
53620
  @include active-hover-theme;
53615
53621
  }
53616
53622
 
53617
53623
  .e-list-item.e-editing.e-active > .e-fullrow,
53618
- .e-list-item.e-editing.e-hover > .e-fullrow{
53624
+ .e-list-item.e-editing.e-hover > .e-fullrow,
53625
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
53619
53626
  @include active-editing-theme;
53620
53627
  }
53621
53628
 
@@ -53681,7 +53688,8 @@ $ripple-width: 32px !default;
53681
53688
 
53682
53689
  &:not(.e-fullrow-wrap) {
53683
53690
 
53684
- .e-list-item.e-hover > .e-text-content{
53691
+ .e-list-item.e-hover > .e-text-content,
53692
+ .e-list-item.e-node-focus > .e-text-content {
53685
53693
  background-color: $treeview-item-hover-bg;
53686
53694
  border-color: $treeview-item-hover-border-color;
53687
53695
  }
@@ -53691,12 +53699,14 @@ $ripple-width: 32px !default;
53691
53699
  border-color: $treeview-item-active-border-color;
53692
53700
  }
53693
53701
 
53694
- .e-list-item.e-active.e-hover > .e-text-content {
53702
+ .e-list-item.e-active.e-hover > .e-text-content,
53703
+ .e-list-item.e-active.e-node-focus > .e-text-content {
53695
53704
  @include active-hover-theme;
53696
53705
  }
53697
53706
 
53698
53707
  .e-list-item.e-editing.e-active > .e-text-content,
53699
- .e-list-item.e-editing.e-hover > .e-text-content {
53708
+ .e-list-item.e-editing.e-hover > .e-text-content,
53709
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
53700
53710
  @include active-editing-theme;
53701
53711
  }
53702
53712
  }
@@ -71735,7 +71745,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
71735
71745
  $grid-bigger-columnchooser-ul-padding: 0 !default;
71736
71746
  $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
71737
71747
  $grid-bigger-sorticon-margin-top: 0 !default;
71748
+ $grid-device-group-sorticon-margin-top: 0 !default;
71738
71749
  $grid-bigger-groupcell-span-padding: 0 !default;
71750
+ $grid-device-grouped-headercell-span-padding: 0 !default;
71739
71751
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
71740
71752
  $grid-device-gridheader-row-span-padding: 20px !default;
71741
71753
  $frozen-border: 2px solid !default;
@@ -71937,9 +71949,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
71937
71949
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
71938
71950
  $grid-bigger-group-headercell-margin: 9px 0 0 10px !default;
71939
71951
  $grid-bigger-group-headercell-padding: 0 10px !default;
71952
+ $grid-device-group-headercell-padding: 0 10px !default;
71940
71953
  $grid-bigger-ungroup-button-font-size: 13px !default;
71941
71954
  $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
71942
71955
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
71956
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
71943
71957
  $grid-bigger-grouparea-font-size: 21px !default;
71944
71958
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
71945
71959
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -72209,6 +72223,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72209
72223
  $grid-cc-margin-top: 3px !default;
72210
72224
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
72211
72225
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72226
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72212
72227
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72213
72228
  $grid-ungroup-rtl-padding-left: 0 !default;
72214
72229
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72716,6 +72731,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72716
72731
  font-size: $grouped-bigger-text-font-size;
72717
72732
  }
72718
72733
 
72734
+ &.e-device .e-groupheadercell {
72735
+ padding: $grid-device-group-headercell-padding;
72736
+ }
72737
+
72719
72738
  .e-groupheadercell:hover {
72720
72739
  padding: $grid-bigger-group-headercell-hover-padding;
72721
72740
  }
@@ -72772,6 +72791,7 @@ $grid-dropitems-count-margin-left: -8px !default;
72772
72791
 
72773
72792
  &.e-device .e-groupheadercell span {
72774
72793
  line-height: $grid-device-groupheadercell-span-line-height;
72794
+ padding: $grid-device-grouped-headercell-span-padding;
72775
72795
  }
72776
72796
 
72777
72797
  &.e-device .e-rowcell,
@@ -72852,6 +72872,13 @@ $grid-dropitems-count-margin-left: -8px !default;
72852
72872
  }
72853
72873
  }
72854
72874
 
72875
+ &.e-device span.e-ungroupbutton.e-icons {
72876
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
72877
+ @if $grid-skin == 'bootstrap4' {
72878
+ padding-top: 0;
72879
+ }
72880
+ }
72881
+
72855
72882
  span.e-ungroupbutton.e-icons:hover {
72856
72883
  @if $grid-skin == 'tailwind' {
72857
72884
  color: $cool-gray-700;
@@ -72870,6 +72897,10 @@ $grid-dropitems-count-margin-left: -8px !default;
72870
72897
  }
72871
72898
  }
72872
72899
 
72900
+ &.e-device span.e-groupsort.e-icons {
72901
+ margin-top: $grid-device-group-sorticon-margin-top;
72902
+ }
72903
+
72873
72904
  &.e-rtl span.e-groupsort.e-icons {
72874
72905
  @if $grid-skin == 'fluent' {
72875
72906
  margin-top: 0;
@@ -76004,6 +76035,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76004
76035
  &.e-rtl .e-groupheadercell span {
76005
76036
  padding: $grid-bigger-rtl-group-span-padding;
76006
76037
  }
76038
+
76039
+ &.e-device.e-rtl .e-groupheadercell span {
76040
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76041
+ }
76007
76042
  }
76008
76043
 
76009
76044
  #{&}.e-grid-min-height {
@@ -87754,6 +87789,10 @@ $gantt-masked-table-background-color: #e1dfdd;
87754
87789
  border-radius: $gantt-header-border-radius;
87755
87790
  }
87756
87791
 
87792
+ .e-grid .e-spinner-pane {
87793
+ display: none;
87794
+ }
87795
+
87757
87796
  .e-cloneproperties.e-draganddrop {
87758
87797
  box-shadow: $gantt-clone-prop-box-shadow;
87759
87798
  opacity: .95;
@@ -99761,7 +99800,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
99761
99800
  .e-bigger .e-pivotfieldlist-container,
99762
99801
  .e-bigger.e-pivotfieldlist-container {
99763
99802
 
99764
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
99765
99803
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
99766
99804
  height: $field-list-member-filter-list-bigger-height;
99767
99805
  }
@@ -100129,6 +100167,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
100129
100167
 
100130
100168
  .e-checkbox-layout {
100131
100169
  max-width: 45%;
100170
+ overflow: visible;
100132
100171
  }
100133
100172
 
100134
100173
  }
@@ -114061,7 +114100,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114061
114100
  $rating-li-font-size: 20px !default;
114062
114101
  $rating-li-padding: 4px !default;
114063
114102
  $rating-li-line-height: 13px !default;
114064
- $rating-li-min-width-height: 28px !default;
114065
114103
  $rating-focus-border-radius: 0 !default;
114066
114104
  $rating-label-bottom-margin: 4px !default;
114067
114105
  $rating-label-right-margin: 8px !default;
@@ -114074,21 +114112,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114074
114112
 
114075
114113
  $rating-small-li-font-size: 16px !default;
114076
114114
  $rating-small-li-line-height: 13px !default;
114077
- $rating-small-li-min-width-height: 24px !default;
114115
+ $rating-small-li-hover-font-size: 18px !default;
114078
114116
  $rating-small-label-font-size: 10px !default;
114079
114117
  $rating-small-label-line-height: 16px !default;
114080
114118
  $rating-small-reset-font-size : 12px !default;
114081
114119
 
114082
114120
  $rating-bigger-li-font-size: 28px !default;
114083
114121
  $rating-bigger-li-line-height: 21px !default;
114084
- $rating-bigger-li-min-width-height: 36px !default;
114122
+ $rating-bigger-li-hover-font-size: 30px !default;
114085
114123
  $rating-bigger-label-font-size: 14px !default;
114086
114124
  $rating-bigger-label-line-height: 22px !default;
114087
114125
  $rating-bigger-reset-font-size : 24px !default;
114088
114126
 
114089
114127
  $rating-bigger-small-li-font-size: 24px !default;
114090
114128
  $rating-bigger-small-li-line-height: 19px !default;
114091
- $rating-bigger-small-li-min-width-height: 32px !default;
114129
+ $rating-bigger-small-li-hover-font-size: 26px !default;
114092
114130
  $rating-bigger-small-label-font-size: 12px !default;
114093
114131
  $rating-bigger-small-label-line-height: 18px !default;
114094
114132
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -114143,8 +114181,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
114143
114181
  padding: $rating-li-padding;
114144
114182
  line-height: $rating-li-line-height;
114145
114183
  display: block;
114146
- min-width: $rating-li-min-width-height; //font-size + padding
114147
- min-height: $rating-li-min-width-height; //font-size + padding
114148
114184
  //For Blazor Tooltip
114149
114185
  position: relative;
114150
114186
 
@@ -114269,8 +114305,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
114269
114305
  .e-rating-item-container {
114270
114306
  font-size: $rating-small-li-font-size;
114271
114307
  line-height: $rating-small-li-line-height;
114272
- min-height: $rating-small-li-min-width-height; //font-size + padding
114273
- min-width: $rating-small-li-min-width-height; //font-size + padding
114274
114308
  }
114275
114309
 
114276
114310
  .e-rating-label {
@@ -114288,8 +114322,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
114288
114322
  .e-rating-item-container {
114289
114323
  font-size: $rating-bigger-li-font-size;
114290
114324
  line-height: $rating-bigger-li-line-height;
114291
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
114292
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
114293
114325
  }
114294
114326
 
114295
114327
  .e-rating-label {
@@ -114309,8 +114341,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
114309
114341
  .e-rating-item-container {
114310
114342
  font-size: $rating-bigger-small-li-font-size;
114311
114343
  line-height: $rating-bigger-small-li-line-height;
114312
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
114313
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
114314
114344
  }
114315
114345
 
114316
114346
  .e-rating-label {
@@ -40214,7 +40214,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
40214
40214
  font-size: $listview-header-font-size;
40215
40215
  }
40216
40216
 
40217
- & .e-icons:not(.e-primary .e-btn-icon) {
40217
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
40218
40218
  color: $listview-icon-color;
40219
40219
 
40220
40220
  @if ($skin-name == 'tailwind') {
@@ -54111,11 +54111,13 @@ $treeview-item-active-check-color: $primary !default;
54111
54111
  }
54112
54112
 
54113
54113
  .e-list-item.e-active,
54114
- .e-list-item.e-hover {
54114
+ .e-list-item.e-hover,
54115
+ .e-list-item.e-node-focus {
54115
54116
  background: transparent;
54116
54117
  }
54117
54118
 
54118
- .e-list-item.e-hover > .e-text-content {
54119
+ .e-list-item.e-hover > .e-text-content,
54120
+ .e-list-item.e-node-focus > .e-text-content {
54119
54121
  color: $treeview-text-hover-color;
54120
54122
 
54121
54123
  .e-list-text {
@@ -54164,7 +54166,8 @@ $treeview-item-active-check-color: $primary !default;
54164
54166
  }
54165
54167
  }
54166
54168
 
54167
- .e-list-item.e-active.e-hover > .e-text-content {
54169
+ .e-list-item.e-active.e-hover > .e-text-content,
54170
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54168
54171
  color: $treeview-text-active-hover-color;
54169
54172
 
54170
54173
  .e-list-text {
@@ -54178,7 +54181,8 @@ $treeview-item-active-check-color: $primary !default;
54178
54181
  }
54179
54182
 
54180
54183
  .e-list-item.e-editing.e-active > .e-text-content,
54181
- .e-list-item.e-editing.e-hover > .e-text-content {
54184
+ .e-list-item.e-editing.e-hover > .e-text-content,
54185
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54182
54186
  color: $treeview-text-color;
54183
54187
 
54184
54188
  .e-list-text {
@@ -54195,7 +54199,8 @@ $treeview-item-active-check-color: $primary !default;
54195
54199
  }
54196
54200
  }
54197
54201
 
54198
- .e-list-item.e-hover > .e-fullrow {
54202
+ .e-list-item.e-hover > .e-fullrow,
54203
+ .e-list-item.e-node-focus > .e-fullrow {
54199
54204
  background-color: $treeview-item-hover-bg;
54200
54205
  border-color: $treeview-item-hover-border-color;
54201
54206
  }
@@ -54220,12 +54225,14 @@ $treeview-item-active-check-color: $primary !default;
54220
54225
  }
54221
54226
  }
54222
54227
 
54223
- .e-list-item.e-active.e-hover > .e-fullrow{
54228
+ .e-list-item.e-active.e-hover > .e-fullrow,
54229
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
54224
54230
  @include active-hover-theme;
54225
54231
  }
54226
54232
 
54227
54233
  .e-list-item.e-editing.e-active > .e-fullrow,
54228
- .e-list-item.e-editing.e-hover > .e-fullrow{
54234
+ .e-list-item.e-editing.e-hover > .e-fullrow,
54235
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
54229
54236
  @include active-editing-theme;
54230
54237
  }
54231
54238
 
@@ -54291,7 +54298,8 @@ $treeview-item-active-check-color: $primary !default;
54291
54298
 
54292
54299
  &:not(.e-fullrow-wrap) {
54293
54300
 
54294
- .e-list-item.e-hover > .e-text-content{
54301
+ .e-list-item.e-hover > .e-text-content,
54302
+ .e-list-item.e-node-focus > .e-text-content {
54295
54303
  background-color: $treeview-item-hover-bg;
54296
54304
  border-color: $treeview-item-hover-border-color;
54297
54305
  }
@@ -54301,12 +54309,14 @@ $treeview-item-active-check-color: $primary !default;
54301
54309
  border-color: $treeview-item-active-border-color;
54302
54310
  }
54303
54311
 
54304
- .e-list-item.e-active.e-hover > .e-text-content {
54312
+ .e-list-item.e-active.e-hover > .e-text-content,
54313
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54305
54314
  @include active-hover-theme;
54306
54315
  }
54307
54316
 
54308
54317
  .e-list-item.e-editing.e-active > .e-text-content,
54309
- .e-list-item.e-editing.e-hover > .e-text-content {
54318
+ .e-list-item.e-editing.e-hover > .e-text-content,
54319
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54310
54320
  @include active-editing-theme;
54311
54321
  }
54312
54322
  }
@@ -72804,10 +72814,12 @@ $grid-bigger-headercell-font-size: $text-base !default;
72804
72814
  $grid-bigger-content-font-size: $text-base !default;
72805
72815
  $grid-filterbar-border-radius: 4px !default;
72806
72816
  $grid-bigger-sorticon-margin-top: -4px !default;
72817
+ $grid-device-group-sorticon-margin-top: 0 !default;
72807
72818
  $grid-header-border-width: 0 !default;
72808
72819
  $grid-bigger-groupedcell-padding: 0 !default;
72809
72820
  $grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
72810
72821
  $grid-bigger-group-headercell-padding: 6px 0 !default;
72822
+ $grid-device-group-headercell-padding: 0 !default;
72811
72823
  $grid-bigger-grouptext-marign: 0 !default;
72812
72824
  $grid-bigger-headercell-padding: 12px !default;
72813
72825
  $grid-bigger-icons-font-size: $text-base !default;
@@ -72817,8 +72829,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
72817
72829
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72818
72830
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
72819
72831
  $grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
72832
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72820
72833
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
72821
72834
  $grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
72835
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
72822
72836
  $grid-bigger-groupcell-span-line-height: 30px !default;
72823
72837
  $grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
72824
72838
  $grid-gd-clone-border-radius: 4px !default;
@@ -73029,6 +73043,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
73029
73043
  $grid-cc-margin-top: 2px !default;
73030
73044
  $grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
73031
73045
  $grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
73046
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
73032
73047
  $grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
73033
73048
  $grid-ungroup-rtl-padding-left: 8px !default;
73034
73049
  $grid-bigger-headercell-top-padding: 0 !default;
@@ -73535,6 +73550,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73535
73550
  font-size: $grouped-bigger-text-font-size;
73536
73551
  }
73537
73552
 
73553
+ &.e-device .e-groupheadercell {
73554
+ padding: $grid-device-group-headercell-padding;
73555
+ }
73556
+
73538
73557
  .e-groupheadercell:hover {
73539
73558
  padding: $grid-bigger-group-headercell-hover-padding;
73540
73559
  }
@@ -73591,6 +73610,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73591
73610
 
73592
73611
  &.e-device .e-groupheadercell span {
73593
73612
  line-height: $grid-device-groupheadercell-span-line-height;
73613
+ padding: $grid-device-grouped-headercell-span-padding;
73594
73614
  }
73595
73615
 
73596
73616
  &.e-device .e-rowcell,
@@ -73671,6 +73691,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73671
73691
  }
73672
73692
  }
73673
73693
 
73694
+ &.e-device span.e-ungroupbutton.e-icons {
73695
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73696
+ @if $grid-skin == 'bootstrap4' {
73697
+ padding-top: 0;
73698
+ }
73699
+ }
73700
+
73674
73701
  span.e-ungroupbutton.e-icons:hover {
73675
73702
  @if $grid-skin == 'tailwind' {
73676
73703
  color: $cool-gray-700;
@@ -73689,6 +73716,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73689
73716
  }
73690
73717
  }
73691
73718
 
73719
+ &.e-device span.e-groupsort.e-icons {
73720
+ margin-top: $grid-device-group-sorticon-margin-top;
73721
+ }
73722
+
73692
73723
  &.e-rtl span.e-groupsort.e-icons {
73693
73724
  @if $grid-skin == 'fluent' {
73694
73725
  margin-top: 0;
@@ -76823,6 +76854,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76823
76854
  &.e-rtl .e-groupheadercell span {
76824
76855
  padding: $grid-bigger-rtl-group-span-padding;
76825
76856
  }
76857
+
76858
+ &.e-device.e-rtl .e-groupheadercell span {
76859
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76860
+ }
76826
76861
  }
76827
76862
 
76828
76863
  #{&}.e-grid-min-height {
@@ -88613,6 +88648,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
88613
88648
  border-radius: $gantt-header-border-radius;
88614
88649
  }
88615
88650
 
88651
+ .e-grid .e-spinner-pane {
88652
+ display: none;
88653
+ }
88654
+
88616
88655
  .e-cloneproperties.e-draganddrop {
88617
88656
  box-shadow: $gantt-clone-prop-box-shadow;
88618
88657
  opacity: .95;
@@ -98831,7 +98870,7 @@ $olap-bigger-tree-outer-div-height: 500px;
98831
98870
  $field-list-text-transform: none !default;
98832
98871
  $olap-bigger-tree-width: 283px !default;
98833
98872
  $olap-bigger-tree-outer-div-width: 325px !default;
98834
- $field-list-adaptive-outerdiv-height: 184px !default;
98873
+ $field-list-adaptive-outerdiv-height: 125px !default;
98835
98874
 
98836
98875
  @include export-module('field-list-layout') {
98837
98876
 
@@ -100632,7 +100671,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
100632
100671
  .e-bigger .e-pivotfieldlist-container,
100633
100672
  .e-bigger.e-pivotfieldlist-container {
100634
100673
 
100635
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100636
100674
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100637
100675
  height: $field-list-member-filter-list-bigger-height;
100638
100676
  }
@@ -101000,6 +101038,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
101000
101038
 
101001
101039
  .e-checkbox-layout {
101002
101040
  max-width: 45%;
101041
+ overflow: visible;
101003
101042
  }
101004
101043
 
101005
101044
  }
@@ -114950,7 +114989,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114950
114989
  $rating-li-font-size: $font-icon-20 !default;
114951
114990
  $rating-li-padding: 4px !default;
114952
114991
  $rating-li-line-height: 13px !default;
114953
- $rating-li-min-width-height: 28px !default;
114954
114992
  $rating-focus-border-radius: 0 !default;
114955
114993
  $rating-label-bottom-margin: 4px !default;
114956
114994
  $rating-label-right-margin: 4px !default;
@@ -114963,21 +115001,18 @@ $rating-tooltip-tip-bottom-height: 12.5px !default;
114963
115001
 
114964
115002
  $rating-small-li-font-size: $font-icon-16 !default;
114965
115003
  $rating-small-li-line-height: 13px !default;
114966
- $rating-small-li-min-width-height: 24px !default;
114967
115004
  $rating-small-label-font-size: $text-xxs !default;
114968
115005
  $rating-small-label-line-height: 16px !default;
114969
115006
  $rating-small-reset-font-size : $font-icon-12 !default;
114970
115007
 
114971
115008
  $rating-bigger-li-font-size: $font-icon-28 !default;
114972
115009
  $rating-bigger-li-line-height: 21px !default;
114973
- $rating-bigger-li-min-width-height: 36px !default;
114974
115010
  $rating-bigger-label-font-size: $text-sm !default;
114975
115011
  $rating-bigger-label-line-height: 22px !default;
114976
115012
  $rating-bigger-reset-font-size : $font-icon-24 !default;
114977
115013
 
114978
115014
  $rating-bigger-small-li-font-size: $font-icon-24 !default;
114979
115015
  $rating-bigger-small-li-line-height: 19px !default;
114980
- $rating-bigger-small-li-min-width-height: 32px !default;
114981
115016
  $rating-bigger-small-label-font-size: $text-xs !default;
114982
115017
  $rating-bigger-small-label-line-height: 18px !default;
114983
115018
  $rating-bigger-small-reset-font-size : $font-icon-20 !default;
@@ -115032,8 +115067,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
115032
115067
  padding: $rating-li-padding;
115033
115068
  line-height: $rating-li-line-height;
115034
115069
  display: block;
115035
- min-width: $rating-li-min-width-height; //font-size + padding
115036
- min-height: $rating-li-min-width-height; //font-size + padding
115037
115070
  //For Blazor Tooltip
115038
115071
  position: relative;
115039
115072
 
@@ -115158,8 +115191,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
115158
115191
  .e-rating-item-container {
115159
115192
  font-size: $rating-small-li-font-size;
115160
115193
  line-height: $rating-small-li-line-height;
115161
- min-height: $rating-small-li-min-width-height; //font-size + padding
115162
- min-width: $rating-small-li-min-width-height; //font-size + padding
115163
115194
  }
115164
115195
 
115165
115196
  .e-rating-label {
@@ -115177,8 +115208,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
115177
115208
  .e-rating-item-container {
115178
115209
  font-size: $rating-bigger-li-font-size;
115179
115210
  line-height: $rating-bigger-li-line-height;
115180
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
115181
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
115182
115211
  }
115183
115212
 
115184
115213
  .e-rating-label {
@@ -115198,8 +115227,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
115198
115227
  .e-rating-item-container {
115199
115228
  font-size: $rating-bigger-small-li-font-size;
115200
115229
  line-height: $rating-bigger-small-li-line-height;
115201
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
115202
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
115203
115230
  }
115204
115231
 
115205
115232
  .e-rating-label {