@syncfusion/blazor-themes 21.1.39 → 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 (87) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +41 -43
  2. package/SCSS-Themes/bootstrap.scss +41 -43
  3. package/SCSS-Themes/bootstrap4.scss +41 -43
  4. package/SCSS-Themes/bootstrap5-dark.scss +38 -43
  5. package/SCSS-Themes/bootstrap5.scss +38 -43
  6. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +4 -4
  7. package/SCSS-Themes/dropdowns/multi-select/material.scss +4 -4
  8. package/SCSS-Themes/fabric-dark.scss +41 -43
  9. package/SCSS-Themes/fabric.scss +41 -43
  10. package/SCSS-Themes/fluent-dark.scss +38 -43
  11. package/SCSS-Themes/fluent.scss +38 -43
  12. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +4 -8
  13. package/SCSS-Themes/gantt/gantt/bootstrap.scss +4 -8
  14. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +4 -8
  15. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +4 -8
  16. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +4 -8
  17. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +4 -8
  18. package/SCSS-Themes/gantt/gantt/fabric.scss +4 -8
  19. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +4 -8
  20. package/SCSS-Themes/gantt/gantt/fluent.scss +4 -8
  21. package/SCSS-Themes/gantt/gantt/highcontrast.scss +4 -8
  22. package/SCSS-Themes/gantt/gantt/material-dark.scss +4 -8
  23. package/SCSS-Themes/gantt/gantt/material.scss +4 -8
  24. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +4 -8
  25. package/SCSS-Themes/gantt/gantt/tailwind.scss +4 -8
  26. package/SCSS-Themes/highcontrast.scss +41 -43
  27. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  28. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  29. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  30. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  31. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  32. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  33. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  34. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  35. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  36. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  37. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  38. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  39. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  40. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  41. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  42. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  43. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  44. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  45. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  46. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  47. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  48. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  49. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  50. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  51. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  52. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  53. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  54. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  55. package/SCSS-Themes/material-dark.scss +45 -47
  56. package/SCSS-Themes/material.scss +45 -47
  57. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  58. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  59. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  60. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  61. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  62. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  63. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  64. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  65. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  66. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  67. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  68. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  69. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  70. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  71. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +13 -12
  72. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +13 -12
  73. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +13 -12
  74. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +13 -12
  75. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +13 -12
  76. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +13 -12
  77. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +13 -12
  78. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +13 -12
  79. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +13 -12
  80. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +13 -12
  81. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +13 -12
  82. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +13 -12
  83. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +13 -12
  84. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +13 -12
  85. package/SCSS-Themes/tailwind-dark.scss +38 -43
  86. package/SCSS-Themes/tailwind.scss +38 -43
  87. 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-icon-btn) {
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
  }
@@ -87999,14 +88009,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
87999
88009
  outline-offset: 2px;
88000
88010
  }
88001
88011
  }
88002
- .e-dialog.e-filter-popup {
88003
- .e-footer-content {
88004
-
88005
- @if ($skin-name =='FluentUI') {
88006
- padding-top: 0;
88007
- }
88008
- }
88009
- }
88010
88012
  }
88011
88013
 
88012
88014
  .e-gantt-dialog .e-tab .e-tab-header {
@@ -88382,6 +88384,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
88382
88384
  border-radius: $gantt-header-border-radius;
88383
88385
  }
88384
88386
 
88387
+ .e-grid .e-spinner-pane {
88388
+ display: none;
88389
+ }
88390
+
88385
88391
  .e-cloneproperties.e-draganddrop {
88386
88392
  box-shadow: $gantt-clone-prop-box-shadow;
88387
88393
  opacity: .95;
@@ -98818,6 +98824,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
98818
98824
  }
98819
98825
  /* stylelint-enable */
98820
98826
 
98827
+ .e-format-condition-button {
98828
+ .e-add-icon {
98829
+ margin-left: 0;
98830
+ }
98831
+ }
98821
98832
  .e-format-value1,
98822
98833
  .e-format-value2,
98823
98834
  .e-format-value-span {
@@ -100774,6 +100785,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100774
100785
 
100775
100786
  .e-checkbox-layout {
100776
100787
  max-width: 45%;
100788
+ overflow: visible;
100777
100789
  }
100778
100790
 
100779
100791
  }
@@ -101687,9 +101699,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
101687
101699
  background-color: $field-list-mobile-header-color;
101688
101700
  color: $field-list-mobile-header-font-color;
101689
101701
  font-size: 14px;
101690
- height: 48px;
101691
- padding-bottom: 9px;
101692
- padding-top: 9px;
101693
101702
  @if ($skin-name == 'tailwind') {
101694
101703
  padding-left: 16px;
101695
101704
  padding-right: 16px;
@@ -101711,19 +101720,15 @@ $field-list-adaptive-outerdiv-height: 179px !default;
101711
101720
 
101712
101721
  .e-title-mobile-header {
101713
101722
  display: flex;
101714
- }
101715
-
101716
- .e-title-mobile-content {
101717
- margin-top: $field-list-back-margin;
101723
+ align-items: center;
101718
101724
  }
101719
101725
 
101720
101726
  .e-field-list-back-icon {
101721
101727
  color: $field-list-back-font-color;
101722
101728
  font-size: 16px;
101723
- height: 24px;
101729
+ height: auto;
101724
101730
  margin-left: 0;
101725
101731
  margin-right: 12px;
101726
- padding-top: 7px;
101727
101732
  text-align: center;
101728
101733
  width: 24px;
101729
101734
  }
@@ -101944,16 +101949,18 @@ $field-list-adaptive-outerdiv-height: 179px !default;
101944
101949
  margin-top: 20px;
101945
101950
  overflow: auto;
101946
101951
 
101952
+ .e-acrdn-header {
101953
+ align-items: center;
101954
+ display: flex;
101955
+ }
101956
+
101947
101957
  .e-acrdn-header-icon {
101948
101958
  display: table;
101949
101959
  font-size: 12px;
101950
- height: 36px;
101951
- min-height: 36px;
101952
101960
  min-width: 28px;
101953
101961
  padding: 0;
101954
101962
  position: absolute;
101955
101963
  right: 16px;
101956
- top: 0;
101957
101964
 
101958
101965
  .e-list-icon {
101959
101966
  cursor: pointer;
@@ -114719,7 +114726,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114719
114726
  $rating-li-font-size: $font-icon-20 !default;
114720
114727
  $rating-li-padding: 4px !default;
114721
114728
  $rating-li-line-height: 3px !default;
114722
- $rating-li-min-width-height: 28px !default;
114723
114729
  $rating-focus-border-radius: 4px !default;
114724
114730
  $rating-label-bottom-margin: 6px !default;
114725
114731
  $rating-label-right-margin: 10px !default;
@@ -114732,21 +114738,18 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114732
114738
 
114733
114739
  $rating-small-li-font-size: $font-icon-16 !default;
114734
114740
  $rating-small-li-line-height: 10px !default;
114735
- $rating-small-li-min-width-height: 24px !default;
114736
114741
  $rating-small-label-font-size: $text-xxs !default;
114737
114742
  $rating-small-label-line-height: 16px !default;
114738
114743
  $rating-small-reset-font-size : $font-icon-12 !default;
114739
114744
 
114740
114745
  $rating-bigger-li-font-size: $font-icon-24 !default;
114741
114746
  $rating-bigger-li-line-height: 18px !default;
114742
- $rating-bigger-li-min-width-height: 32px !default;
114743
114747
  $rating-bigger-label-font-size: $text-2xl !default;
114744
114748
  $rating-bigger-label-line-height: 22px !default;
114745
114749
  $rating-bigger-reset-font-size : $font-icon-20 !default;
114746
114750
 
114747
114751
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
114748
114752
  $rating-bigger-small-li-line-height: 15px !default;
114749
- $rating-bigger-small-li-min-width-height: 30px !default;
114750
114753
  $rating-bigger-small-label-font-size: $text-xs !default;
114751
114754
  $rating-bigger-small-label-line-height: 18px !default;
114752
114755
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -114801,8 +114804,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114801
114804
  padding: $rating-li-padding;
114802
114805
  line-height: $rating-li-line-height;
114803
114806
  display: block;
114804
- min-width: $rating-li-min-width-height; //font-size + padding
114805
- min-height: $rating-li-min-width-height; //font-size + padding
114806
114807
  //For Blazor Tooltip
114807
114808
  position: relative;
114808
114809
 
@@ -114927,8 +114928,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114927
114928
  .e-rating-item-container {
114928
114929
  font-size: $rating-small-li-font-size;
114929
114930
  line-height: $rating-small-li-line-height;
114930
- min-height: $rating-small-li-min-width-height; //font-size + padding
114931
- min-width: $rating-small-li-min-width-height; //font-size + padding
114932
114931
  }
114933
114932
 
114934
114933
  .e-rating-label {
@@ -114946,8 +114945,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114946
114945
  .e-rating-item-container {
114947
114946
  font-size: $rating-bigger-li-font-size;
114948
114947
  line-height: $rating-bigger-li-line-height;
114949
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
114950
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
114951
114948
  }
114952
114949
 
114953
114950
  .e-rating-label {
@@ -114967,8 +114964,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114967
114964
  .e-rating-item-container {
114968
114965
  font-size: $rating-bigger-small-li-font-size;
114969
114966
  line-height: $rating-bigger-small-li-line-height;
114970
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
114971
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
114972
114967
  }
114973
114968
 
114974
114969
  .e-rating-label {
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"21.1.39","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"}}