@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
@@ -40055,7 +40055,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
40055
40055
  font-size: $listview-header-font-size;
40056
40056
  }
40057
40057
 
40058
- & .e-icons:not(.e-primary .e-btn-icon) {
40058
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
40059
40059
  color: $listview-icon-color;
40060
40060
 
40061
40061
  @if ($skin-name == 'tailwind') {
@@ -53943,11 +53943,13 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
53943
53943
  }
53944
53944
 
53945
53945
  .e-list-item.e-active,
53946
- .e-list-item.e-hover {
53946
+ .e-list-item.e-hover,
53947
+ .e-list-item.e-node-focus {
53947
53948
  background: transparent;
53948
53949
  }
53949
53950
 
53950
- .e-list-item.e-hover > .e-text-content {
53951
+ .e-list-item.e-hover > .e-text-content,
53952
+ .e-list-item.e-node-focus > .e-text-content {
53951
53953
  color: $treeview-text-hover-color;
53952
53954
 
53953
53955
  .e-list-text {
@@ -53996,7 +53998,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
53996
53998
  }
53997
53999
  }
53998
54000
 
53999
- .e-list-item.e-active.e-hover > .e-text-content {
54001
+ .e-list-item.e-active.e-hover > .e-text-content,
54002
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54000
54003
  color: $treeview-text-active-hover-color;
54001
54004
 
54002
54005
  .e-list-text {
@@ -54010,7 +54013,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54010
54013
  }
54011
54014
 
54012
54015
  .e-list-item.e-editing.e-active > .e-text-content,
54013
- .e-list-item.e-editing.e-hover > .e-text-content {
54016
+ .e-list-item.e-editing.e-hover > .e-text-content,
54017
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54014
54018
  color: $treeview-text-color;
54015
54019
 
54016
54020
  .e-list-text {
@@ -54027,7 +54031,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54027
54031
  }
54028
54032
  }
54029
54033
 
54030
- .e-list-item.e-hover > .e-fullrow {
54034
+ .e-list-item.e-hover > .e-fullrow,
54035
+ .e-list-item.e-node-focus > .e-fullrow {
54031
54036
  background-color: $treeview-item-hover-bg;
54032
54037
  border-color: $treeview-item-hover-border-color;
54033
54038
  }
@@ -54052,12 +54057,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54052
54057
  }
54053
54058
  }
54054
54059
 
54055
- .e-list-item.e-active.e-hover > .e-fullrow{
54060
+ .e-list-item.e-active.e-hover > .e-fullrow,
54061
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
54056
54062
  @include active-hover-theme;
54057
54063
  }
54058
54064
 
54059
54065
  .e-list-item.e-editing.e-active > .e-fullrow,
54060
- .e-list-item.e-editing.e-hover > .e-fullrow{
54066
+ .e-list-item.e-editing.e-hover > .e-fullrow,
54067
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
54061
54068
  @include active-editing-theme;
54062
54069
  }
54063
54070
 
@@ -54123,7 +54130,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54123
54130
 
54124
54131
  &:not(.e-fullrow-wrap) {
54125
54132
 
54126
- .e-list-item.e-hover > .e-text-content{
54133
+ .e-list-item.e-hover > .e-text-content,
54134
+ .e-list-item.e-node-focus > .e-text-content {
54127
54135
  background-color: $treeview-item-hover-bg;
54128
54136
  border-color: $treeview-item-hover-border-color;
54129
54137
  }
@@ -54133,12 +54141,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54133
54141
  border-color: $treeview-item-active-border-color;
54134
54142
  }
54135
54143
 
54136
- .e-list-item.e-active.e-hover > .e-text-content {
54144
+ .e-list-item.e-active.e-hover > .e-text-content,
54145
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54137
54146
  @include active-hover-theme;
54138
54147
  }
54139
54148
 
54140
54149
  .e-list-item.e-editing.e-active > .e-text-content,
54141
- .e-list-item.e-editing.e-hover > .e-text-content {
54150
+ .e-list-item.e-editing.e-hover > .e-text-content,
54151
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54142
54152
  @include active-editing-theme;
54143
54153
  }
54144
54154
  }
@@ -72550,10 +72560,12 @@ $grid-bigger-headercell-font-size: $text-xs !default;
72550
72560
  $grid-bigger-content-font-size: $text-base !default;
72551
72561
  $grid-filterbar-border-radius: 4px !default;
72552
72562
  $grid-bigger-sorticon-margin-top: 0 !default;
72563
+ $grid-device-group-sorticon-margin-top: 0 !default;
72553
72564
  $grid-header-border-width: 0 !default;
72554
72565
  $grid-bigger-groupedcell-padding: 0 5px 5px !default;
72555
72566
  $grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
72556
72567
  $grid-bigger-group-headercell-padding: 6px 0 !default;
72568
+ $grid-device-group-headercell-padding: 0 !default;
72557
72569
  $grid-bigger-grouptext-marign: 8px !default;
72558
72570
  $grid-bigger-headercell-padding: 12px !default;
72559
72571
  $grid-bigger-icons-font-size: $text-base !default;
@@ -72563,8 +72575,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
72563
72575
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72564
72576
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
72565
72577
  $grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
72578
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72566
72579
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
72567
72580
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
72581
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
72568
72582
  $grid-bigger-groupcell-span-line-height: 24px !default;
72569
72583
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
72570
72584
  $grid-gd-clone-border-radius: 4px !default;
@@ -72810,6 +72824,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72810
72824
  $grid-cc-margin-top: 1px !default;
72811
72825
  $grid-bigger-rtl-cm-margin: -13px 6px -13px -16px !default;
72812
72826
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72827
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72813
72828
  $grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
72814
72829
  $grid-ungroup-rtl-padding-left: 8px !default;
72815
72830
  $grid-column-reorder-icon-color: $primary !default;
@@ -73317,6 +73332,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73317
73332
  font-size: $grouped-bigger-text-font-size;
73318
73333
  }
73319
73334
 
73335
+ &.e-device .e-groupheadercell {
73336
+ padding: $grid-device-group-headercell-padding;
73337
+ }
73338
+
73320
73339
  .e-groupheadercell:hover {
73321
73340
  padding: $grid-bigger-group-headercell-hover-padding;
73322
73341
  }
@@ -73373,6 +73392,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73373
73392
 
73374
73393
  &.e-device .e-groupheadercell span {
73375
73394
  line-height: $grid-device-groupheadercell-span-line-height;
73395
+ padding: $grid-device-grouped-headercell-span-padding;
73376
73396
  }
73377
73397
 
73378
73398
  &.e-device .e-rowcell,
@@ -73453,6 +73473,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73453
73473
  }
73454
73474
  }
73455
73475
 
73476
+ &.e-device span.e-ungroupbutton.e-icons {
73477
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73478
+ @if $grid-skin == 'bootstrap4' {
73479
+ padding-top: 0;
73480
+ }
73481
+ }
73482
+
73456
73483
  span.e-ungroupbutton.e-icons:hover {
73457
73484
  @if $grid-skin == 'tailwind' {
73458
73485
  color: $cool-gray-700;
@@ -73471,6 +73498,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73471
73498
  }
73472
73499
  }
73473
73500
 
73501
+ &.e-device span.e-groupsort.e-icons {
73502
+ margin-top: $grid-device-group-sorticon-margin-top;
73503
+ }
73504
+
73474
73505
  &.e-rtl span.e-groupsort.e-icons {
73475
73506
  @if $grid-skin == 'fluent' {
73476
73507
  margin-top: 0;
@@ -76605,6 +76636,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76605
76636
  &.e-rtl .e-groupheadercell span {
76606
76637
  padding: $grid-bigger-rtl-group-span-padding;
76607
76638
  }
76639
+
76640
+ &.e-device.e-rtl .e-groupheadercell span {
76641
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76642
+ }
76608
76643
  }
76609
76644
 
76610
76645
  #{&}.e-grid-min-height {
@@ -88377,6 +88412,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
88377
88412
  border-radius: $gantt-header-border-radius;
88378
88413
  }
88379
88414
 
88415
+ .e-grid .e-spinner-pane {
88416
+ display: none;
88417
+ }
88418
+
88380
88419
  .e-cloneproperties.e-draganddrop {
88381
88420
  box-shadow: $gantt-clone-prop-box-shadow;
88382
88421
  opacity: .95;
@@ -100406,7 +100445,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100406
100445
  .e-bigger .e-pivotfieldlist-container,
100407
100446
  .e-bigger.e-pivotfieldlist-container {
100408
100447
 
100409
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100410
100448
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100411
100449
  height: $field-list-member-filter-list-bigger-height;
100412
100450
  }
@@ -100774,6 +100812,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100774
100812
 
100775
100813
  .e-checkbox-layout {
100776
100814
  max-width: 45%;
100815
+ overflow: visible;
100777
100816
  }
100778
100817
 
100779
100818
  }
@@ -114714,7 +114753,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114714
114753
  $rating-li-font-size: $font-icon-20 !default;
114715
114754
  $rating-li-padding: 4px !default;
114716
114755
  $rating-li-line-height: 3px !default;
114717
- $rating-li-min-width-height: 28px !default;
114718
114756
  $rating-focus-border-radius: 4px !default;
114719
114757
  $rating-label-bottom-margin: 6px !default;
114720
114758
  $rating-label-right-margin: 10px !default;
@@ -114727,21 +114765,18 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114727
114765
 
114728
114766
  $rating-small-li-font-size: $font-icon-16 !default;
114729
114767
  $rating-small-li-line-height: 10px !default;
114730
- $rating-small-li-min-width-height: 24px !default;
114731
114768
  $rating-small-label-font-size: $text-xxs !default;
114732
114769
  $rating-small-label-line-height: 16px !default;
114733
114770
  $rating-small-reset-font-size : $font-icon-12 !default;
114734
114771
 
114735
114772
  $rating-bigger-li-font-size: $font-icon-24 !default;
114736
114773
  $rating-bigger-li-line-height: 18px !default;
114737
- $rating-bigger-li-min-width-height: 32px !default;
114738
114774
  $rating-bigger-label-font-size: $text-2xl !default;
114739
114775
  $rating-bigger-label-line-height: 22px !default;
114740
114776
  $rating-bigger-reset-font-size : $font-icon-20 !default;
114741
114777
 
114742
114778
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
114743
114779
  $rating-bigger-small-li-line-height: 15px !default;
114744
- $rating-bigger-small-li-min-width-height: 30px !default;
114745
114780
  $rating-bigger-small-label-font-size: $text-xs !default;
114746
114781
  $rating-bigger-small-label-line-height: 18px !default;
114747
114782
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -114796,8 +114831,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114796
114831
  padding: $rating-li-padding;
114797
114832
  line-height: $rating-li-line-height;
114798
114833
  display: block;
114799
- min-width: $rating-li-min-width-height; //font-size + padding
114800
- min-height: $rating-li-min-width-height; //font-size + padding
114801
114834
  //For Blazor Tooltip
114802
114835
  position: relative;
114803
114836
 
@@ -114922,8 +114955,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114922
114955
  .e-rating-item-container {
114923
114956
  font-size: $rating-small-li-font-size;
114924
114957
  line-height: $rating-small-li-line-height;
114925
- min-height: $rating-small-li-min-width-height; //font-size + padding
114926
- min-width: $rating-small-li-min-width-height; //font-size + padding
114927
114958
  }
114928
114959
 
114929
114960
  .e-rating-label {
@@ -114941,8 +114972,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114941
114972
  .e-rating-item-container {
114942
114973
  font-size: $rating-bigger-li-font-size;
114943
114974
  line-height: $rating-bigger-li-line-height;
114944
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
114945
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
114946
114975
  }
114947
114976
 
114948
114977
  .e-rating-label {
@@ -114962,8 +114991,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114962
114991
  .e-rating-item-container {
114963
114992
  font-size: $rating-bigger-small-li-font-size;
114964
114993
  line-height: $rating-bigger-small-li-line-height;
114965
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
114966
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
114967
114994
  }
114968
114995
 
114969
114996
  .e-rating-label {
@@ -40052,7 +40052,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
40052
40052
  font-size: $listview-header-font-size;
40053
40053
  }
40054
40054
 
40055
- & .e-icons:not(.e-primary .e-btn-icon) {
40055
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
40056
40056
  color: $listview-icon-color;
40057
40057
 
40058
40058
  @if ($skin-name == 'tailwind') {
@@ -53940,11 +53940,13 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
53940
53940
  }
53941
53941
 
53942
53942
  .e-list-item.e-active,
53943
- .e-list-item.e-hover {
53943
+ .e-list-item.e-hover,
53944
+ .e-list-item.e-node-focus {
53944
53945
  background: transparent;
53945
53946
  }
53946
53947
 
53947
- .e-list-item.e-hover > .e-text-content {
53948
+ .e-list-item.e-hover > .e-text-content,
53949
+ .e-list-item.e-node-focus > .e-text-content {
53948
53950
  color: $treeview-text-hover-color;
53949
53951
 
53950
53952
  .e-list-text {
@@ -53993,7 +53995,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
53993
53995
  }
53994
53996
  }
53995
53997
 
53996
- .e-list-item.e-active.e-hover > .e-text-content {
53998
+ .e-list-item.e-active.e-hover > .e-text-content,
53999
+ .e-list-item.e-active.e-node-focus > .e-text-content {
53997
54000
  color: $treeview-text-active-hover-color;
53998
54001
 
53999
54002
  .e-list-text {
@@ -54007,7 +54010,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54007
54010
  }
54008
54011
 
54009
54012
  .e-list-item.e-editing.e-active > .e-text-content,
54010
- .e-list-item.e-editing.e-hover > .e-text-content {
54013
+ .e-list-item.e-editing.e-hover > .e-text-content,
54014
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54011
54015
  color: $treeview-text-color;
54012
54016
 
54013
54017
  .e-list-text {
@@ -54024,7 +54028,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54024
54028
  }
54025
54029
  }
54026
54030
 
54027
- .e-list-item.e-hover > .e-fullrow {
54031
+ .e-list-item.e-hover > .e-fullrow,
54032
+ .e-list-item.e-node-focus > .e-fullrow {
54028
54033
  background-color: $treeview-item-hover-bg;
54029
54034
  border-color: $treeview-item-hover-border-color;
54030
54035
  }
@@ -54049,12 +54054,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54049
54054
  }
54050
54055
  }
54051
54056
 
54052
- .e-list-item.e-active.e-hover > .e-fullrow{
54057
+ .e-list-item.e-active.e-hover > .e-fullrow,
54058
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
54053
54059
  @include active-hover-theme;
54054
54060
  }
54055
54061
 
54056
54062
  .e-list-item.e-editing.e-active > .e-fullrow,
54057
- .e-list-item.e-editing.e-hover > .e-fullrow{
54063
+ .e-list-item.e-editing.e-hover > .e-fullrow,
54064
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
54058
54065
  @include active-editing-theme;
54059
54066
  }
54060
54067
 
@@ -54120,7 +54127,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54120
54127
 
54121
54128
  &:not(.e-fullrow-wrap) {
54122
54129
 
54123
- .e-list-item.e-hover > .e-text-content{
54130
+ .e-list-item.e-hover > .e-text-content,
54131
+ .e-list-item.e-node-focus > .e-text-content {
54124
54132
  background-color: $treeview-item-hover-bg;
54125
54133
  border-color: $treeview-item-hover-border-color;
54126
54134
  }
@@ -54130,12 +54138,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54130
54138
  border-color: $treeview-item-active-border-color;
54131
54139
  }
54132
54140
 
54133
- .e-list-item.e-active.e-hover > .e-text-content {
54141
+ .e-list-item.e-active.e-hover > .e-text-content,
54142
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54134
54143
  @include active-hover-theme;
54135
54144
  }
54136
54145
 
54137
54146
  .e-list-item.e-editing.e-active > .e-text-content,
54138
- .e-list-item.e-editing.e-hover > .e-text-content {
54147
+ .e-list-item.e-editing.e-hover > .e-text-content,
54148
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54139
54149
  @include active-editing-theme;
54140
54150
  }
54141
54151
  }
@@ -72547,10 +72557,12 @@ $grid-bigger-headercell-font-size: $text-xs !default;
72547
72557
  $grid-bigger-content-font-size: $text-base !default;
72548
72558
  $grid-filterbar-border-radius: 4px !default;
72549
72559
  $grid-bigger-sorticon-margin-top: 0 !default;
72560
+ $grid-device-group-sorticon-margin-top: 0 !default;
72550
72561
  $grid-header-border-width: 0 !default;
72551
72562
  $grid-bigger-groupedcell-padding: 0 5px 5px !default;
72552
72563
  $grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
72553
72564
  $grid-bigger-group-headercell-padding: 6px 0 !default;
72565
+ $grid-device-group-headercell-padding: 0 !default;
72554
72566
  $grid-bigger-grouptext-marign: 8px !default;
72555
72567
  $grid-bigger-headercell-padding: 12px !default;
72556
72568
  $grid-bigger-icons-font-size: $text-base !default;
@@ -72560,8 +72572,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
72560
72572
  $grid-bigger-groupedcell-icons-marign-left: -8px !default;
72561
72573
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
72562
72574
  $grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
72575
+ $grid-device-grouped-headercell-span-padding: 0 8px !default;
72563
72576
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
72564
72577
  $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
72578
+ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
72565
72579
  $grid-bigger-groupcell-span-line-height: 24px !default;
72566
72580
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
72567
72581
  $grid-gd-clone-border-radius: 4px !default;
@@ -72807,6 +72821,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
72807
72821
  $grid-cc-margin-top: 1px !default;
72808
72822
  $grid-bigger-rtl-cm-margin: -13px 6px -13px -16px !default;
72809
72823
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
72824
+ $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
72810
72825
  $grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
72811
72826
  $grid-ungroup-rtl-padding-left: 8px !default;
72812
72827
  $grid-column-reorder-icon-color: $primary !default;
@@ -73314,6 +73329,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73314
73329
  font-size: $grouped-bigger-text-font-size;
73315
73330
  }
73316
73331
 
73332
+ &.e-device .e-groupheadercell {
73333
+ padding: $grid-device-group-headercell-padding;
73334
+ }
73335
+
73317
73336
  .e-groupheadercell:hover {
73318
73337
  padding: $grid-bigger-group-headercell-hover-padding;
73319
73338
  }
@@ -73370,6 +73389,7 @@ $grid-dropitems-count-margin-left: -8px !default;
73370
73389
 
73371
73390
  &.e-device .e-groupheadercell span {
73372
73391
  line-height: $grid-device-groupheadercell-span-line-height;
73392
+ padding: $grid-device-grouped-headercell-span-padding;
73373
73393
  }
73374
73394
 
73375
73395
  &.e-device .e-rowcell,
@@ -73450,6 +73470,13 @@ $grid-dropitems-count-margin-left: -8px !default;
73450
73470
  }
73451
73471
  }
73452
73472
 
73473
+ &.e-device span.e-ungroupbutton.e-icons {
73474
+ margin-top: $grid-device-ungroupbutton-icon-margin-top;
73475
+ @if $grid-skin == 'bootstrap4' {
73476
+ padding-top: 0;
73477
+ }
73478
+ }
73479
+
73453
73480
  span.e-ungroupbutton.e-icons:hover {
73454
73481
  @if $grid-skin == 'tailwind' {
73455
73482
  color: $cool-gray-700;
@@ -73468,6 +73495,10 @@ $grid-dropitems-count-margin-left: -8px !default;
73468
73495
  }
73469
73496
  }
73470
73497
 
73498
+ &.e-device span.e-groupsort.e-icons {
73499
+ margin-top: $grid-device-group-sorticon-margin-top;
73500
+ }
73501
+
73471
73502
  &.e-rtl span.e-groupsort.e-icons {
73472
73503
  @if $grid-skin == 'fluent' {
73473
73504
  margin-top: 0;
@@ -76602,6 +76633,10 @@ $grid-dropitems-count-margin-left: -8px !default;
76602
76633
  &.e-rtl .e-groupheadercell span {
76603
76634
  padding: $grid-bigger-rtl-group-span-padding;
76604
76635
  }
76636
+
76637
+ &.e-device.e-rtl .e-groupheadercell span {
76638
+ padding: $grid-device-rtl-grouped-headercell-span-padding;
76639
+ }
76605
76640
  }
76606
76641
 
76607
76642
  #{&}.e-grid-min-height {
@@ -88374,6 +88409,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
88374
88409
  border-radius: $gantt-header-border-radius;
88375
88410
  }
88376
88411
 
88412
+ .e-grid .e-spinner-pane {
88413
+ display: none;
88414
+ }
88415
+
88377
88416
  .e-cloneproperties.e-draganddrop {
88378
88417
  box-shadow: $gantt-clone-prop-box-shadow;
88379
88418
  opacity: .95;
@@ -100403,7 +100442,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100403
100442
  .e-bigger .e-pivotfieldlist-container,
100404
100443
  .e-bigger.e-pivotfieldlist-container {
100405
100444
 
100406
- .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
100407
100445
  .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
100408
100446
  height: $field-list-member-filter-list-bigger-height;
100409
100447
  }
@@ -100771,6 +100809,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100771
100809
 
100772
100810
  .e-checkbox-layout {
100773
100811
  max-width: 45%;
100812
+ overflow: visible;
100774
100813
  }
100775
100814
 
100776
100815
  }
@@ -114711,7 +114750,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114711
114750
  $rating-li-font-size: $font-icon-20 !default;
114712
114751
  $rating-li-padding: 4px !default;
114713
114752
  $rating-li-line-height: 3px !default;
114714
- $rating-li-min-width-height: 28px !default;
114715
114753
  $rating-focus-border-radius: 4px !default;
114716
114754
  $rating-label-bottom-margin: 6px !default;
114717
114755
  $rating-label-right-margin: 10px !default;
@@ -114724,21 +114762,18 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114724
114762
 
114725
114763
  $rating-small-li-font-size: $font-icon-16 !default;
114726
114764
  $rating-small-li-line-height: 10px !default;
114727
- $rating-small-li-min-width-height: 24px !default;
114728
114765
  $rating-small-label-font-size: $text-xxs !default;
114729
114766
  $rating-small-label-line-height: 16px !default;
114730
114767
  $rating-small-reset-font-size : $font-icon-12 !default;
114731
114768
 
114732
114769
  $rating-bigger-li-font-size: $font-icon-24 !default;
114733
114770
  $rating-bigger-li-line-height: 18px !default;
114734
- $rating-bigger-li-min-width-height: 32px !default;
114735
114771
  $rating-bigger-label-font-size: $text-2xl !default;
114736
114772
  $rating-bigger-label-line-height: 22px !default;
114737
114773
  $rating-bigger-reset-font-size : $font-icon-20 !default;
114738
114774
 
114739
114775
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
114740
114776
  $rating-bigger-small-li-line-height: 15px !default;
114741
- $rating-bigger-small-li-min-width-height: 30px !default;
114742
114777
  $rating-bigger-small-label-font-size: $text-xs !default;
114743
114778
  $rating-bigger-small-label-line-height: 18px !default;
114744
114779
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -114793,8 +114828,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114793
114828
  padding: $rating-li-padding;
114794
114829
  line-height: $rating-li-line-height;
114795
114830
  display: block;
114796
- min-width: $rating-li-min-width-height; //font-size + padding
114797
- min-height: $rating-li-min-width-height; //font-size + padding
114798
114831
  //For Blazor Tooltip
114799
114832
  position: relative;
114800
114833
 
@@ -114919,8 +114952,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114919
114952
  .e-rating-item-container {
114920
114953
  font-size: $rating-small-li-font-size;
114921
114954
  line-height: $rating-small-li-line-height;
114922
- min-height: $rating-small-li-min-width-height; //font-size + padding
114923
- min-width: $rating-small-li-min-width-height; //font-size + padding
114924
114955
  }
114925
114956
 
114926
114957
  .e-rating-label {
@@ -114938,8 +114969,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114938
114969
  .e-rating-item-container {
114939
114970
  font-size: $rating-bigger-li-font-size;
114940
114971
  line-height: $rating-bigger-li-line-height;
114941
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
114942
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
114943
114972
  }
114944
114973
 
114945
114974
  .e-rating-label {
@@ -114959,8 +114988,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114959
114988
  .e-rating-item-container {
114960
114989
  font-size: $rating-bigger-small-li-font-size;
114961
114990
  line-height: $rating-bigger-small-li-line-height;
114962
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
114963
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
114964
114991
  }
114965
114992
 
114966
114993
  .e-rating-label {
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"21.1.41","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"21.2.4","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}