@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
package/SCSS-Themes/inputs/rating/bootstrap.scss CHANGED
@@ -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: 9px !default;
4
- $rating-li-min-width-height: 28px !default;
5
4
  $rating-focus-border-radius: 2px !default;
6
5
  $rating-label-right-margin: 4px !default;
7
6
  $rating-label-bottom-margin: 9px !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: 4px !default;
17
- $rating-small-li-min-width-height: 24px !default;
16
+ $rating-small-li-hover-font-size: 34px !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: 16px !default;
24
- $rating-bigger-li-min-width-height: 40px !default;
23
+ $rating-bigger-li-hover-font-size: 28px !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: 26px !default;
30
29
  $rating-bigger-small-li-line-height: 9px !default;
31
- $rating-bigger-small-li-min-width-height: 34px !default;
30
+ $rating-bigger-small-li-hover-font-size: 28px !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 : 24px !default;
@@ -83,8 +82,6 @@ $rating-reset-disabled-icon-color: $grey-99 !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-99 !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-99 !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-99 !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 {
package/SCSS-Themes/inputs/rating/bootstrap4.scss CHANGED
@@ -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: 11px !default;
4
- $rating-li-min-width-height: 28px !default;
5
4
  $rating-focus-border-radius: 4px !default;
6
5
  $rating-label-right-margin: 8px !default;
7
6
  $rating-label-bottom-margin: 4px !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: 4px !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: 13px !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: 9px !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: $gray-800 !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: $gray-800 !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: $gray-800 !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: $gray-800 !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 {
package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  $rating-li-font-size: $font-icon-22 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
- $rating-li-min-width-height: 30px !default;
5
4
  $rating-focus-border-radius: 4px !default;
6
5
  $rating-label-bottom-margin: 4px !default;
7
6
  $rating-label-right-margin: 8px !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: 6px !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-32 !default;
23
21
  $rating-bigger-li-line-height: 13px !default;
24
- $rating-bigger-li-min-width-height: 40px !default;
25
22
  $rating-bigger-label-font-size: $text-sm !default;
26
23
  $rating-bigger-label-line-height: 22px !default;
27
24
  $rating-bigger-reset-font-size : $font-icon-28 !default;
28
25
 
29
26
  $rating-bigger-small-li-font-size: $font-icon-26 !default;
30
27
  $rating-bigger-small-li-line-height: 13px !default;
31
- $rating-bigger-small-li-min-width-height: 34px !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-22 !default;
@@ -83,8 +79,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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 {
package/SCSS-Themes/inputs/rating/bootstrap5.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  $rating-li-font-size: $font-icon-22 !default;
2
2
  $rating-li-padding: 4px !default;
3
3
  $rating-li-line-height: 13px !default;
4
- $rating-li-min-width-height: 30px !default;
5
4
  $rating-focus-border-radius: 4px !default;
6
5
  $rating-label-bottom-margin: 4px !default;
7
6
  $rating-label-right-margin: 8px !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: 6px !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-32 !default;
23
21
  $rating-bigger-li-line-height: 13px !default;
24
- $rating-bigger-li-min-width-height: 40px !default;
25
22
  $rating-bigger-label-font-size: $text-sm !default;
26
23
  $rating-bigger-label-line-height: 22px !default;
27
24
  $rating-bigger-reset-font-size : $font-icon-28 !default;
28
25
 
29
26
  $rating-bigger-small-li-font-size: $font-icon-26 !default;
30
27
  $rating-bigger-small-li-line-height: 13px !default;
31
- $rating-bigger-small-li-min-width-height: 34px !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-22 !default;
@@ -83,8 +79,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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: $rating-selected-disabled-color !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 {
package/SCSS-Themes/inputs/rating/fabric-dark.scss CHANGED
@@ -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: 10px !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: 28px !default;
23
22
  $rating-bigger-li-line-height: 21px !default;
24
- $rating-bigger-li-min-width-height: 36px !default;
23
+ $rating-bigger-li-hover-font-size: 30px !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 : 24px !default;
28
27
 
29
28
  $rating-bigger-small-li-font-size: 24px !default;
30
29
  $rating-bigger-small-li-line-height: 19px !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: $neutral-quintenary !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: $neutral-quintenary !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: $neutral-quintenary !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: $neutral-quintenary !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 {
package/SCSS-Themes/inputs/rating/fabric.scss CHANGED
@@ -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: 13px !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: 28px !default;
23
22
  $rating-bigger-li-line-height: 21px !default;
24
- $rating-bigger-li-min-width-height: 36px !default;
23
+ $rating-bigger-li-hover-font-size: 30px !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 : 24px !default;
28
27
 
29
28
  $rating-bigger-small-li-font-size: 24px !default;
30
29
  $rating-bigger-small-li-line-height: 19px !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: $neutral-quintenary !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: $neutral-quintenary !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: $neutral-quintenary !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: $neutral-quintenary !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 {
package/SCSS-Themes/inputs/rating/fluent-dark.scss CHANGED
@@ -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: 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: 4px !default;
@@ -14,21 +13,18 @@ $rating-tooltip-tip-bottom-height: 12.5px !default;
14
13
 
15
14
  $rating-small-li-font-size: $font-icon-16 !default;
16
15
  $rating-small-li-line-height: 13px !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-28 !default;
23
21
  $rating-bigger-li-line-height: 21px !default;
24
- $rating-bigger-li-min-width-height: 36px !default;
25
22
  $rating-bigger-label-font-size: $text-sm !default;
26
23
  $rating-bigger-label-line-height: 22px !default;
27
24
  $rating-bigger-reset-font-size : $font-icon-24 !default;
28
25
 
29
26
  $rating-bigger-small-li-font-size: $font-icon-24 !default;
30
27
  $rating-bigger-small-li-line-height: 19px !default;
31
- $rating-bigger-small-li-min-width-height: 32px !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-20 !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 {
package/SCSS-Themes/inputs/rating/fluent.scss CHANGED
@@ -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: 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: 4px !default;
@@ -14,21 +13,18 @@ $rating-tooltip-tip-bottom-height: 12.5px !default;
14
13
 
15
14
  $rating-small-li-font-size: $font-icon-16 !default;
16
15
  $rating-small-li-line-height: 13px !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-28 !default;
23
21
  $rating-bigger-li-line-height: 21px !default;
24
- $rating-bigger-li-min-width-height: 36px !default;
25
22
  $rating-bigger-label-font-size: $text-sm !default;
26
23
  $rating-bigger-label-line-height: 22px !default;
27
24
  $rating-bigger-reset-font-size : $font-icon-24 !default;
28
25
 
29
26
  $rating-bigger-small-li-font-size: $font-icon-24 !default;
30
27
  $rating-bigger-small-li-line-height: 19px !default;
31
- $rating-bigger-small-li-min-width-height: 32px !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-20 !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 {
package/SCSS-Themes/inputs/rating/highcontrast.scss CHANGED
@@ -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: 9px !default;
7
6
  $rating-label-right-margin: 4px !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: 13px !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: 28px !default;
23
22
  $rating-bigger-li-line-height: 21px !default;
24
- $rating-bigger-li-min-width-height: 36px !default;
23
+ $rating-bigger-li-hover-font-size: 30px !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 : 24px !default;
28
27
 
29
28
  $rating-bigger-small-li-font-size: 24px !default;
30
29
  $rating-bigger-small-li-line-height: 19px !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: $disable !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: $disable !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: $disable !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: $disable !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 {
package/SCSS-Themes/inputs/rating/material-dark.scss CHANGED
@@ -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-600 !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-600 !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-600 !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-600 !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 {