@syncfusion/blazor-themes 21.1.41 → 21.2.3

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 (85) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +29 -23
  2. package/SCSS-Themes/bootstrap.scss +29 -23
  3. package/SCSS-Themes/bootstrap4.scss +29 -23
  4. package/SCSS-Themes/bootstrap5-dark.scss +26 -23
  5. package/SCSS-Themes/bootstrap5.scss +26 -23
  6. package/SCSS-Themes/fabric-dark.scss +29 -23
  7. package/SCSS-Themes/fabric.scss +29 -23
  8. package/SCSS-Themes/fluent-dark.scss +26 -23
  9. package/SCSS-Themes/fluent.scss +26 -23
  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/highcontrast.scss +29 -23
  25. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  26. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  27. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  28. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  29. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  30. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  31. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  32. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  33. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  34. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  35. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  36. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  37. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  38. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  39. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  40. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  41. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  42. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  43. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  44. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  45. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  46. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  47. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  48. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  49. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  50. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  51. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  52. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  53. package/SCSS-Themes/material-dark.scss +29 -23
  54. package/SCSS-Themes/material.scss +29 -23
  55. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  56. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  57. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  58. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  59. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  60. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  61. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  62. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  63. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  64. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  65. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  66. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  67. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  68. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  69. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +1 -0
  70. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +1 -0
  71. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +1 -0
  72. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +1 -0
  73. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +1 -0
  74. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +1 -0
  75. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +1 -0
  76. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +1 -0
  77. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +1 -0
  78. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +1 -0
  79. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +1 -0
  80. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +1 -0
  81. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +1 -0
  82. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +1 -0
  83. package/SCSS-Themes/tailwind-dark.scss +26 -23
  84. package/SCSS-Themes/tailwind.scss +26 -23
  85. package/package.json +1 -1
@@ -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
  }
@@ -88374,6 +88384,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
88374
88384
  border-radius: $gantt-header-border-radius;
88375
88385
  }
88376
88386
 
88387
+ .e-grid .e-spinner-pane {
88388
+ display: none;
88389
+ }
88390
+
88377
88391
  .e-cloneproperties.e-draganddrop {
88378
88392
  box-shadow: $gantt-clone-prop-box-shadow;
88379
88393
  opacity: .95;
@@ -100771,6 +100785,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100771
100785
 
100772
100786
  .e-checkbox-layout {
100773
100787
  max-width: 45%;
100788
+ overflow: visible;
100774
100789
  }
100775
100790
 
100776
100791
  }
@@ -114711,7 +114726,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114711
114726
  $rating-li-font-size: $font-icon-20 !default;
114712
114727
  $rating-li-padding: 4px !default;
114713
114728
  $rating-li-line-height: 3px !default;
114714
- $rating-li-min-width-height: 28px !default;
114715
114729
  $rating-focus-border-radius: 4px !default;
114716
114730
  $rating-label-bottom-margin: 6px !default;
114717
114731
  $rating-label-right-margin: 10px !default;
@@ -114724,21 +114738,18 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114724
114738
 
114725
114739
  $rating-small-li-font-size: $font-icon-16 !default;
114726
114740
  $rating-small-li-line-height: 10px !default;
114727
- $rating-small-li-min-width-height: 24px !default;
114728
114741
  $rating-small-label-font-size: $text-xxs !default;
114729
114742
  $rating-small-label-line-height: 16px !default;
114730
114743
  $rating-small-reset-font-size : $font-icon-12 !default;
114731
114744
 
114732
114745
  $rating-bigger-li-font-size: $font-icon-24 !default;
114733
114746
  $rating-bigger-li-line-height: 18px !default;
114734
- $rating-bigger-li-min-width-height: 32px !default;
114735
114747
  $rating-bigger-label-font-size: $text-2xl !default;
114736
114748
  $rating-bigger-label-line-height: 22px !default;
114737
114749
  $rating-bigger-reset-font-size : $font-icon-20 !default;
114738
114750
 
114739
114751
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
114740
114752
  $rating-bigger-small-li-line-height: 15px !default;
114741
- $rating-bigger-small-li-min-width-height: 30px !default;
114742
114753
  $rating-bigger-small-label-font-size: $text-xs !default;
114743
114754
  $rating-bigger-small-label-line-height: 18px !default;
114744
114755
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -114793,8 +114804,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114793
114804
  padding: $rating-li-padding;
114794
114805
  line-height: $rating-li-line-height;
114795
114806
  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
114807
  //For Blazor Tooltip
114799
114808
  position: relative;
114800
114809
 
@@ -114919,8 +114928,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114919
114928
  .e-rating-item-container {
114920
114929
  font-size: $rating-small-li-font-size;
114921
114930
  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
114931
  }
114925
114932
 
114926
114933
  .e-rating-label {
@@ -114938,8 +114945,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114938
114945
  .e-rating-item-container {
114939
114946
  font-size: $rating-bigger-li-font-size;
114940
114947
  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
114948
  }
114944
114949
 
114945
114950
  .e-rating-label {
@@ -114959,8 +114964,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114959
114964
  .e-rating-item-container {
114960
114965
  font-size: $rating-bigger-small-li-font-size;
114961
114966
  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
114967
  }
114965
114968
 
114966
114969
  .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.3","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"}}