@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
@@ -1,7 +1,6 @@
1
1
  $rating-li-font-size: 20px !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
- $rating-li-min-width-height: 28px !default;
5
4
  $rating-focus-border-radius: 0 !default;
6
5
  $rating-label-bottom-margin: 4px !default;
7
6
  $rating-label-right-margin: 8px !default;
@@ -14,21 +13,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
14
13
 
15
14
  $rating-small-li-font-size: 16px !default;
16
15
  $rating-small-li-line-height: 9px !default;
17
- $rating-small-li-min-width-height: 24px !default;
16
+ $rating-small-li-hover-font-size: 18px !default;
18
17
  $rating-small-label-font-size: 10px !default;
19
18
  $rating-small-label-line-height: 16px !default;
20
19
  $rating-small-reset-font-size : 12px !default;
21
20
 
22
21
  $rating-bigger-li-font-size: 32px !default;
23
22
  $rating-bigger-li-line-height: 21px !default;
24
- $rating-bigger-li-min-width-height: 40px !default;
23
+ $rating-bigger-li-hover-font-size: 34px !default;
25
24
  $rating-bigger-label-font-size: 14px !default;
26
25
  $rating-bigger-label-line-height: 22px !default;
27
26
  $rating-bigger-reset-font-size : 28px !default;
28
27
 
29
28
  $rating-bigger-small-li-font-size: 24px !default;
30
29
  $rating-bigger-small-li-line-height: 17px !default;
31
- $rating-bigger-small-li-min-width-height: 32px !default;
30
+ $rating-bigger-small-li-hover-font-size: 26px !default;
32
31
  $rating-bigger-small-label-font-size: 12px !default;
33
32
  $rating-bigger-small-label-line-height: 18px !default;
34
33
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -83,8 +82,6 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
83
82
  padding: $rating-li-padding;
84
83
  line-height: $rating-li-line-height;
85
84
  display: block;
86
- min-width: $rating-li-min-width-height; //font-size + padding
87
- min-height: $rating-li-min-width-height; //font-size + padding
88
85
  //For Blazor Tooltip
89
86
  position: relative;
90
87
 
@@ -209,8 +206,6 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
209
206
  .e-rating-item-container {
210
207
  font-size: $rating-small-li-font-size;
211
208
  line-height: $rating-small-li-line-height;
212
- min-height: $rating-small-li-min-width-height; //font-size + padding
213
- min-width: $rating-small-li-min-width-height; //font-size + padding
214
209
  }
215
210
 
216
211
  .e-rating-label {
@@ -228,8 +223,6 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
228
223
  .e-rating-item-container {
229
224
  font-size: $rating-bigger-li-font-size;
230
225
  line-height: $rating-bigger-li-line-height;
231
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
233
226
  }
234
227
 
235
228
  .e-rating-label {
@@ -249,8 +242,6 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
249
242
  .e-rating-item-container {
250
243
  font-size: $rating-bigger-small-li-font-size;
251
244
  line-height: $rating-bigger-small-li-line-height;
252
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
254
245
  }
255
246
 
256
247
  .e-rating-label {
@@ -1,7 +1,6 @@
1
1
  $rating-li-font-size: $font-icon-20 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 3px !default;
4
- $rating-li-min-width-height: 28px !default;
5
4
  $rating-focus-border-radius: 4px !default;
6
5
  $rating-label-bottom-margin: 6px !default;
7
6
  $rating-label-right-margin: 10px !default;
@@ -14,21 +13,18 @@ $rating-tooltip-tip-bottom-height: 8px !default;
14
13
 
15
14
  $rating-small-li-font-size: $font-icon-16 !default;
16
15
  $rating-small-li-line-height: 10px !default;
17
- $rating-small-li-min-width-height: 24px !default;
18
16
  $rating-small-label-font-size: $text-xxs !default;
19
17
  $rating-small-label-line-height: 16px !default;
20
18
  $rating-small-reset-font-size : $font-icon-12 !default;
21
19
 
22
20
  $rating-bigger-li-font-size: $font-icon-24 !default;
23
21
  $rating-bigger-li-line-height: 18px !default;
24
- $rating-bigger-li-min-width-height: 32px !default;
25
22
  $rating-bigger-label-font-size: $text-2xl !default;
26
23
  $rating-bigger-label-line-height: 22px !default;
27
24
  $rating-bigger-reset-font-size : $font-icon-20 !default;
28
25
 
29
26
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
30
27
  $rating-bigger-small-li-line-height: 15px !default;
31
- $rating-bigger-small-li-min-width-height: 30px !default;
32
28
  $rating-bigger-small-label-font-size: $text-xs !default;
33
29
  $rating-bigger-small-label-line-height: 18px !default;
34
30
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -83,8 +79,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
83
79
  padding: $rating-li-padding;
84
80
  line-height: $rating-li-line-height;
85
81
  display: block;
86
- min-width: $rating-li-min-width-height; //font-size + padding
87
- min-height: $rating-li-min-width-height; //font-size + padding
88
82
  //For Blazor Tooltip
89
83
  position: relative;
90
84
 
@@ -209,8 +203,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
209
203
  .e-rating-item-container {
210
204
  font-size: $rating-small-li-font-size;
211
205
  line-height: $rating-small-li-line-height;
212
- min-height: $rating-small-li-min-width-height; //font-size + padding
213
- min-width: $rating-small-li-min-width-height; //font-size + padding
214
206
  }
215
207
 
216
208
  .e-rating-label {
@@ -228,8 +220,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
228
220
  .e-rating-item-container {
229
221
  font-size: $rating-bigger-li-font-size;
230
222
  line-height: $rating-bigger-li-line-height;
231
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
233
223
  }
234
224
 
235
225
  .e-rating-label {
@@ -249,8 +239,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
249
239
  .e-rating-item-container {
250
240
  font-size: $rating-bigger-small-li-font-size;
251
241
  line-height: $rating-bigger-small-li-line-height;
252
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
254
242
  }
255
243
 
256
244
  .e-rating-label {
@@ -1,7 +1,6 @@
1
1
  $rating-li-font-size: $font-icon-20 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 3px !default;
4
- $rating-li-min-width-height: 28px !default;
5
4
  $rating-focus-border-radius: 4px !default;
6
5
  $rating-label-bottom-margin: 6px !default;
7
6
  $rating-label-right-margin: 10px !default;
@@ -14,21 +13,18 @@ $rating-tooltip-tip-bottom-height: 8px !default;
14
13
 
15
14
  $rating-small-li-font-size: $font-icon-16 !default;
16
15
  $rating-small-li-line-height: 10px !default;
17
- $rating-small-li-min-width-height: 24px !default;
18
16
  $rating-small-label-font-size: $text-xxs !default;
19
17
  $rating-small-label-line-height: 16px !default;
20
18
  $rating-small-reset-font-size : $font-icon-12 !default;
21
19
 
22
20
  $rating-bigger-li-font-size: $font-icon-24 !default;
23
21
  $rating-bigger-li-line-height: 18px !default;
24
- $rating-bigger-li-min-width-height: 32px !default;
25
22
  $rating-bigger-label-font-size: $text-2xl !default;
26
23
  $rating-bigger-label-line-height: 22px !default;
27
24
  $rating-bigger-reset-font-size : $font-icon-20 !default;
28
25
 
29
26
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
30
27
  $rating-bigger-small-li-line-height: 15px !default;
31
- $rating-bigger-small-li-min-width-height: 30px !default;
32
28
  $rating-bigger-small-label-font-size: $text-xs !default;
33
29
  $rating-bigger-small-label-line-height: 18px !default;
34
30
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -83,8 +79,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
83
79
  padding: $rating-li-padding;
84
80
  line-height: $rating-li-line-height;
85
81
  display: block;
86
- min-width: $rating-li-min-width-height; //font-size + padding
87
- min-height: $rating-li-min-width-height; //font-size + padding
88
82
  //For Blazor Tooltip
89
83
  position: relative;
90
84
 
@@ -209,8 +203,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
209
203
  .e-rating-item-container {
210
204
  font-size: $rating-small-li-font-size;
211
205
  line-height: $rating-small-li-line-height;
212
- min-height: $rating-small-li-min-width-height; //font-size + padding
213
- min-width: $rating-small-li-min-width-height; //font-size + padding
214
206
  }
215
207
 
216
208
  .e-rating-label {
@@ -228,8 +220,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
228
220
  .e-rating-item-container {
229
221
  font-size: $rating-bigger-li-font-size;
230
222
  line-height: $rating-bigger-li-line-height;
231
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
232
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
233
223
  }
234
224
 
235
225
  .e-rating-label {
@@ -249,8 +239,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
249
239
  .e-rating-item-container {
250
240
  font-size: $rating-bigger-small-li-font-size;
251
241
  line-height: $rating-bigger-small-li-line-height;
252
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
253
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
254
242
  }
255
243
 
256
244
  .e-rating-label {
@@ -731,7 +731,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
731
731
  font-size: $listview-header-font-size;
732
732
  }
733
733
 
734
- & .e-icons:not(.e-primary .e-btn-icon) {
734
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
735
735
  color: $listview-icon-color;
736
736
 
737
737
  @if ($skin-name == 'tailwind') {
@@ -724,7 +724,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
724
724
  font-size: $listview-header-font-size;
725
725
  }
726
726
 
727
- & .e-icons:not(.e-primary .e-btn-icon) {
727
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
728
728
  color: $listview-icon-color;
729
729
 
730
730
  @if ($skin-name == 'tailwind') {
@@ -727,7 +727,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
727
727
  font-size: $listview-header-font-size;
728
728
  }
729
729
 
730
- & .e-icons:not(.e-primary .e-btn-icon) {
730
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
731
731
  color: $listview-icon-color;
732
732
 
733
733
  @if ($skin-name == 'tailwind') {
@@ -752,7 +752,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
752
752
  font-size: $listview-header-font-size;
753
753
  }
754
754
 
755
- & .e-icons:not(.e-primary .e-btn-icon) {
755
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
756
756
  color: $listview-icon-color;
757
757
 
758
758
  @if ($skin-name == 'tailwind') {
@@ -752,7 +752,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
752
752
  font-size: $listview-header-font-size;
753
753
  }
754
754
 
755
- & .e-icons:not(.e-primary .e-btn-icon) {
755
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
756
756
  color: $listview-icon-color;
757
757
 
758
758
  @if ($skin-name == 'tailwind') {
@@ -731,7 +731,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
731
731
  font-size: $listview-header-font-size;
732
732
  }
733
733
 
734
- & .e-icons:not(.e-primary .e-btn-icon) {
734
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
735
735
  color: $listview-icon-color;
736
736
 
737
737
  @if ($skin-name == 'tailwind') {
@@ -724,7 +724,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
724
724
  font-size: $listview-header-font-size;
725
725
  }
726
726
 
727
- & .e-icons:not(.e-primary .e-btn-icon) {
727
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
728
728
  color: $listview-icon-color;
729
729
 
730
730
  @if ($skin-name == 'tailwind') {
@@ -758,7 +758,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
758
758
  font-size: $listview-header-font-size;
759
759
  }
760
760
 
761
- & .e-icons:not(.e-primary .e-btn-icon) {
761
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
762
762
  color: $listview-icon-color;
763
763
 
764
764
  @if ($skin-name == 'tailwind') {
@@ -758,7 +758,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
758
758
  font-size: $listview-header-font-size;
759
759
  }
760
760
 
761
- & .e-icons:not(.e-primary .e-btn-icon) {
761
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
762
762
  color: $listview-icon-color;
763
763
 
764
764
  @if ($skin-name == 'tailwind') {
@@ -724,7 +724,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
724
724
  font-size: $listview-header-font-size;
725
725
  }
726
726
 
727
- & .e-icons:not(.e-primary .e-btn-icon) {
727
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
728
728
  color: $listview-icon-color;
729
729
 
730
730
  @if ($skin-name == 'tailwind') {
@@ -731,7 +731,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
731
731
  font-size: $listview-header-font-size;
732
732
  }
733
733
 
734
- & .e-icons:not(.e-primary .e-btn-icon) {
734
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
735
735
  color: $listview-icon-color;
736
736
 
737
737
  @if ($skin-name == 'tailwind') {
@@ -724,7 +724,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
724
724
  font-size: $listview-header-font-size;
725
725
  }
726
726
 
727
- & .e-icons:not(.e-primary .e-btn-icon) {
727
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
728
728
  color: $listview-icon-color;
729
729
 
730
730
  @if ($skin-name == 'tailwind') {
@@ -744,7 +744,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
744
744
  font-size: $listview-header-font-size;
745
745
  }
746
746
 
747
- & .e-icons:not(.e-primary .e-btn-icon) {
747
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
748
748
  color: $listview-icon-color;
749
749
 
750
750
  @if ($skin-name == 'tailwind') {
@@ -744,7 +744,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
744
744
  font-size: $listview-header-font-size;
745
745
  }
746
746
 
747
- & .e-icons:not(.e-primary .e-btn-icon) {
747
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
748
748
  color: $listview-icon-color;
749
749
 
750
750
  @if ($skin-name == 'tailwind') {
@@ -40346,7 +40346,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
40346
40346
  font-size: $listview-header-font-size;
40347
40347
  }
40348
40348
 
40349
- & .e-icons:not(.e-primary .e-btn-icon) {
40349
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
40350
40350
  color: $listview-icon-color;
40351
40351
 
40352
40352
  @if ($skin-name == 'tailwind') {
@@ -54310,11 +54310,13 @@ $ripple-width: 32px !default;
54310
54310
  }
54311
54311
 
54312
54312
  .e-list-item.e-active,
54313
- .e-list-item.e-hover {
54313
+ .e-list-item.e-hover,
54314
+ .e-list-item.e-node-focus {
54314
54315
  background: transparent;
54315
54316
  }
54316
54317
 
54317
- .e-list-item.e-hover > .e-text-content {
54318
+ .e-list-item.e-hover > .e-text-content,
54319
+ .e-list-item.e-node-focus > .e-text-content {
54318
54320
  color: $treeview-text-hover-color;
54319
54321
 
54320
54322
  .e-list-text {
@@ -54363,7 +54365,8 @@ $ripple-width: 32px !default;
54363
54365
  }
54364
54366
  }
54365
54367
 
54366
- .e-list-item.e-active.e-hover > .e-text-content {
54368
+ .e-list-item.e-active.e-hover > .e-text-content,
54369
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54367
54370
  color: $treeview-text-active-hover-color;
54368
54371
 
54369
54372
  .e-list-text {
@@ -54377,7 +54380,8 @@ $ripple-width: 32px !default;
54377
54380
  }
54378
54381
 
54379
54382
  .e-list-item.e-editing.e-active > .e-text-content,
54380
- .e-list-item.e-editing.e-hover > .e-text-content {
54383
+ .e-list-item.e-editing.e-hover > .e-text-content,
54384
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54381
54385
  color: $treeview-text-color;
54382
54386
 
54383
54387
  .e-list-text {
@@ -54394,7 +54398,8 @@ $ripple-width: 32px !default;
54394
54398
  }
54395
54399
  }
54396
54400
 
54397
- .e-list-item.e-hover > .e-fullrow {
54401
+ .e-list-item.e-hover > .e-fullrow,
54402
+ .e-list-item.e-node-focus > .e-fullrow {
54398
54403
  background-color: $treeview-item-hover-bg;
54399
54404
  border-color: $treeview-item-hover-border-color;
54400
54405
  }
@@ -54419,12 +54424,14 @@ $ripple-width: 32px !default;
54419
54424
  }
54420
54425
  }
54421
54426
 
54422
- .e-list-item.e-active.e-hover > .e-fullrow{
54427
+ .e-list-item.e-active.e-hover > .e-fullrow,
54428
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
54423
54429
  @include active-hover-theme;
54424
54430
  }
54425
54431
 
54426
54432
  .e-list-item.e-editing.e-active > .e-fullrow,
54427
- .e-list-item.e-editing.e-hover > .e-fullrow{
54433
+ .e-list-item.e-editing.e-hover > .e-fullrow,
54434
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
54428
54435
  @include active-editing-theme;
54429
54436
  }
54430
54437
 
@@ -54490,7 +54497,8 @@ $ripple-width: 32px !default;
54490
54497
 
54491
54498
  &:not(.e-fullrow-wrap) {
54492
54499
 
54493
- .e-list-item.e-hover > .e-text-content{
54500
+ .e-list-item.e-hover > .e-text-content,
54501
+ .e-list-item.e-node-focus > .e-text-content {
54494
54502
  background-color: $treeview-item-hover-bg;
54495
54503
  border-color: $treeview-item-hover-border-color;
54496
54504
  }
@@ -54500,12 +54508,14 @@ $ripple-width: 32px !default;
54500
54508
  border-color: $treeview-item-active-border-color;
54501
54509
  }
54502
54510
 
54503
- .e-list-item.e-active.e-hover > .e-text-content {
54511
+ .e-list-item.e-active.e-hover > .e-text-content,
54512
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54504
54513
  @include active-hover-theme;
54505
54514
  }
54506
54515
 
54507
54516
  .e-list-item.e-editing.e-active > .e-text-content,
54508
- .e-list-item.e-editing.e-hover > .e-text-content {
54517
+ .e-list-item.e-editing.e-hover > .e-text-content,
54518
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54509
54519
  @include active-editing-theme;
54510
54520
  }
54511
54521
  }
@@ -73309,10 +73319,12 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
73309
73319
  $grid-bigger-grouped-headercell-border-radius: 16px !default;
73310
73320
  $grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
73311
73321
  $grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
73322
+ $grid-device-group-headercell-padding: 0 8px 0 12px !default;
73312
73323
  $grid-bigger-group-clone-padding: 6px !default;
73313
73324
  $grid-bigger-grouptext-width: 76px !default;
73314
73325
  $grid-bigger-ungroup-button-font-size: 16px !default;
73315
73326
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
73327
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
73316
73328
  $grid-bigger-group-text-line-height: 32px !default;
73317
73329
  $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
73318
73330
  $grid-bigger-groupcaption-line-height: 32px !default;
@@ -73331,7 +73343,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
73331
73343
  $grid-bigger-cc-checkbox-padding-left: 12px !default;
73332
73344
  $grid-bigger-searchdiv-padding-left: 6px !default;
73333
73345
  $grid-bigger-sorticon-margin-top: 0 !default;
73346
+ $grid-device-group-sorticon-margin-top: 0 !default;
73334
73347
  $grid-bigger-groupcell-span-padding: 0 !default;
73348
+ $grid-device-grouped-headercell-span-padding: 0 !default;
73335
73349
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
73336
73350
  $grid-device-groupheadercell-span-line-height: 30px !default;
73337
73351
  $grid-device-ungroupbutton-line-height: 33px !default;
@@ -73755,6 +73769,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
73755
73769
  $grid-cc-margin-top: 1px !default;
73756
73770
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
73757
73771
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
73772
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
73758
73773
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
73759
73774
  $grid-ungroup-rtl-padding-left: 0 !default;
73760
73775
  $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -74262,6 +74277,10 @@ $grid-dropitems-count-margin-left: -8px !default;
74262
74277
  font-size: $grouped-bigger-text-font-size;
74263
74278
  }
74264
74279
 
74280
+ &.e-device .e-groupheadercell {
74281
+ padding: $grid-device-group-headercell-padding;
74282
+ }
74283
+
74265
74284
  .e-groupheadercell:hover {
74266
74285
  padding: $grid-bigger-group-headercell-hover-padding;
74267
74286
  }
@@ -74318,6 +74337,7 @@ $grid-dropitems-count-margin-left: -8px !default;
74318
74337
 
74319
74338
  &.e-device .e-groupheadercell span {
74320
74339
  line-height: $grid-device-groupheadercell-span-line-height;
74340
+ padding: $grid-device-grouped-headercell-span-padding;
74321
74341
  }
74322
74342
 
74323
74343
  &.e-device .e-rowcell,
@@ -74398,6 +74418,13 @@ $grid-dropitems-count-margin-left: -8px !default;
74398
74418
  }
74399
74419
  }
74400
74420
 
74421
+ &.e-device span.e-ungroupbutton.e-icons {
74422
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
74423
+ @if $grid-skin == 'bootstrap4' {
74424
+ padding-top: 0;
74425
+ }
74426
+ }
74427
+
74401
74428
  span.e-ungroupbutton.e-icons:hover {
74402
74429
  @if $grid-skin == 'tailwind' {
74403
74430
  color: $cool-gray-700;
@@ -74416,6 +74443,10 @@ $grid-dropitems-count-margin-left: -8px !default;
74416
74443
  }
74417
74444
  }
74418
74445
 
74446
+ &.e-device span.e-groupsort.e-icons {
74447
+ margin-top: $grid-device-group-sorticon-margin-top;
74448
+ }
74449
+
74419
74450
  &.e-rtl span.e-groupsort.e-icons {
74420
74451
  @if $grid-skin == 'fluent' {
74421
74452
  margin-top: 0;
@@ -77550,6 +77581,10 @@ $grid-dropitems-count-margin-left: -8px !default;
77550
77581
  &.e-rtl .e-groupheadercell span {
77551
77582
  padding: $grid-bigger-rtl-group-span-padding;
77552
77583
  }
77584
+
77585
+ &.e-device.e-rtl .e-groupheadercell span {
77586
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
77587
+ }
77553
77588
  }
77554
77589
 
77555
77590
  #{&}.e-grid-min-height {
@@ -89318,6 +89353,10 @@ $gantt-masked-table-background-color: #e1dfdd;
89318
89353
  border-radius: $gantt-header-border-radius;
89319
89354
  }
89320
89355
 
89356
+ .e-grid .e-spinner-pane {
89357
+ display: none;
89358
+ }
89359
+
89321
89360
  .e-cloneproperties.e-draganddrop {
89322
89361
  box-shadow: $gantt-clone-prop-box-shadow;
89323
89362
  opacity: .95;
@@ -99558,7 +99597,7 @@ $olap-bigger-tree-outer-div-height: 518px;
99558
99597
  $field-list-text-transform: none !default;
99559
99598
  $olap-bigger-tree-width: 283px !default;
99560
99599
  $olap-bigger-tree-outer-div-width: 325px !default;
99561
- $field-list-adaptive-outerdiv-height: 190px !default;
99600
+ $field-list-adaptive-outerdiv-height: 165px !default;
99562
99601
 
99563
99602
  @include export-module('field-list-layout') {
99564
99603
 
@@ -101359,7 +101398,6 @@ $field-list-adaptive-outerdiv-height: 190px !default;
101359
101398
  .e-bigger .e-pivotfieldlist-container,
101360
101399
  .e-bigger.e-pivotfieldlist-container {
101361
101400
 
101362
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
101363
101401
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
101364
101402
  height: $field-list-member-filter-list-bigger-height;
101365
101403
  }
@@ -101727,6 +101765,7 @@ $field-list-adaptive-outerdiv-height: 190px !default;
101727
101765
 
101728
101766
  .e-checkbox-layout {
101729
101767
  max-width: 45%;
101768
+ overflow: visible;
101730
101769
  }
101731
101770
 
101732
101771
  }
@@ -115667,7 +115706,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
115667
115706
  $rating-li-font-size: 20px !default;
115668
115707
  $rating-li-padding: 4px !default;
115669
115708
  $rating-li-line-height: 13px !default;
115670
- $rating-li-min-width-height: 28px !default;
115671
115709
  $rating-focus-border-radius: 0 !default;
115672
115710
  $rating-label-bottom-margin: 4px !default;
115673
115711
  $rating-label-right-margin: 8px !default;
@@ -115680,21 +115718,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
115680
115718
 
115681
115719
  $rating-small-li-font-size: 16px !default;
115682
115720
  $rating-small-li-line-height: 9px !default;
115683
- $rating-small-li-min-width-height: 24px !default;
115721
+ $rating-small-li-hover-font-size: 18px !default;
115684
115722
  $rating-small-label-font-size: 10px !default;
115685
115723
  $rating-small-label-line-height: 16px !default;
115686
115724
  $rating-small-reset-font-size : 12px !default;
115687
115725
 
115688
115726
  $rating-bigger-li-font-size: 32px !default;
115689
115727
  $rating-bigger-li-line-height: 21px !default;
115690
- $rating-bigger-li-min-width-height: 40px !default;
115728
+ $rating-bigger-li-hover-font-size: 34px !default;
115691
115729
  $rating-bigger-label-font-size: 14px !default;
115692
115730
  $rating-bigger-label-line-height: 22px !default;
115693
115731
  $rating-bigger-reset-font-size : 28px !default;
115694
115732
 
115695
115733
  $rating-bigger-small-li-font-size: 24px !default;
115696
115734
  $rating-bigger-small-li-line-height: 17px !default;
115697
- $rating-bigger-small-li-min-width-height: 32px !default;
115735
+ $rating-bigger-small-li-hover-font-size: 26px !default;
115698
115736
  $rating-bigger-small-label-font-size: 12px !default;
115699
115737
  $rating-bigger-small-label-line-height: 18px !default;
115700
115738
  $rating-bigger-small-reset-font-size : 20px !default;
@@ -115749,8 +115787,6 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
115749
115787
  padding: $rating-li-padding;
115750
115788
  line-height: $rating-li-line-height;
115751
115789
  display: block;
115752
- min-width: $rating-li-min-width-height; //font-size + padding
115753
- min-height: $rating-li-min-width-height; //font-size + padding
115754
115790
  //For Blazor Tooltip
115755
115791
  position: relative;
115756
115792
 
@@ -115875,8 +115911,6 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
115875
115911
  .e-rating-item-container {
115876
115912
  font-size: $rating-small-li-font-size;
115877
115913
  line-height: $rating-small-li-line-height;
115878
- min-height: $rating-small-li-min-width-height; //font-size + padding
115879
- min-width: $rating-small-li-min-width-height; //font-size + padding
115880
115914
  }
115881
115915
 
115882
115916
  .e-rating-label {
@@ -115894,8 +115928,6 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
115894
115928
  .e-rating-item-container {
115895
115929
  font-size: $rating-bigger-li-font-size;
115896
115930
  line-height: $rating-bigger-li-line-height;
115897
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
115898
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
115899
115931
  }
115900
115932
 
115901
115933
  .e-rating-label {
@@ -115915,8 +115947,6 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
115915
115947
  .e-rating-item-container {
115916
115948
  font-size: $rating-bigger-small-li-font-size;
115917
115949
  line-height: $rating-bigger-small-li-line-height;
115918
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
115919
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
115920
115950
  }
115921
115951
 
115922
115952
  .e-rating-label {