@syncfusion/blazor-themes 27.2.2 → 27.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 (147) hide show
  1. package/SCSS-Themes/bds-dark-lite.scss +55 -39
  2. package/SCSS-Themes/bds-dark.scss +58 -42
  3. package/SCSS-Themes/bds-lite.scss +55 -39
  4. package/SCSS-Themes/bds.scss +58 -42
  5. package/SCSS-Themes/bootstrap-dark-lite.scss +55 -39
  6. package/SCSS-Themes/bootstrap-dark.scss +58 -42
  7. package/SCSS-Themes/bootstrap-lite.scss +55 -39
  8. package/SCSS-Themes/bootstrap.scss +58 -42
  9. package/SCSS-Themes/bootstrap4-lite.scss +55 -39
  10. package/SCSS-Themes/bootstrap4.scss +58 -42
  11. package/SCSS-Themes/bootstrap5-dark-lite.scss +55 -39
  12. package/SCSS-Themes/bootstrap5-dark.scss +58 -42
  13. package/SCSS-Themes/bootstrap5-lite.scss +55 -39
  14. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +55 -39
  15. package/SCSS-Themes/bootstrap5.3-dark.scss +58 -42
  16. package/SCSS-Themes/bootstrap5.3-lite.scss +55 -39
  17. package/SCSS-Themes/bootstrap5.3.scss +58 -42
  18. package/SCSS-Themes/bootstrap5.scss +58 -42
  19. package/SCSS-Themes/fabric-dark-lite.scss +55 -39
  20. package/SCSS-Themes/fabric-dark.scss +58 -42
  21. package/SCSS-Themes/fabric-lite.scss +55 -39
  22. package/SCSS-Themes/fabric.scss +58 -42
  23. package/SCSS-Themes/fluent-dark-lite.scss +58 -42
  24. package/SCSS-Themes/fluent-dark.scss +61 -45
  25. package/SCSS-Themes/fluent-lite.scss +58 -42
  26. package/SCSS-Themes/fluent.scss +61 -45
  27. package/SCSS-Themes/fluent2-dark-lite.scss +55 -39
  28. package/SCSS-Themes/fluent2-dark.scss +58 -42
  29. package/SCSS-Themes/fluent2-highcontrast-lite.scss +55 -39
  30. package/SCSS-Themes/fluent2-highcontrast.scss +58 -42
  31. package/SCSS-Themes/fluent2-lite.scss +55 -39
  32. package/SCSS-Themes/fluent2.scss +58 -42
  33. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +52 -38
  34. package/SCSS-Themes/grids/grid/bds-dark.scss +55 -41
  35. package/SCSS-Themes/grids/grid/bds-lite.scss +52 -38
  36. package/SCSS-Themes/grids/grid/bds.scss +55 -41
  37. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +52 -38
  38. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +55 -41
  39. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +52 -38
  40. package/SCSS-Themes/grids/grid/bootstrap.scss +55 -41
  41. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +52 -38
  42. package/SCSS-Themes/grids/grid/bootstrap4.scss +55 -41
  43. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +52 -38
  44. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +55 -41
  45. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +52 -38
  46. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +52 -38
  47. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +55 -41
  48. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +52 -38
  49. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +55 -41
  50. package/SCSS-Themes/grids/grid/bootstrap5.scss +55 -41
  51. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +52 -38
  52. package/SCSS-Themes/grids/grid/fabric-dark.scss +55 -41
  53. package/SCSS-Themes/grids/grid/fabric-lite.scss +52 -38
  54. package/SCSS-Themes/grids/grid/fabric.scss +55 -41
  55. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +52 -38
  56. package/SCSS-Themes/grids/grid/fluent-dark.scss +55 -41
  57. package/SCSS-Themes/grids/grid/fluent-lite.scss +52 -38
  58. package/SCSS-Themes/grids/grid/fluent.scss +55 -41
  59. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +52 -38
  60. package/SCSS-Themes/grids/grid/fluent2-dark.scss +55 -41
  61. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +52 -38
  62. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +55 -41
  63. package/SCSS-Themes/grids/grid/fluent2-lite.scss +52 -38
  64. package/SCSS-Themes/grids/grid/fluent2.scss +55 -41
  65. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +53 -39
  66. package/SCSS-Themes/grids/grid/highcontrast.scss +56 -42
  67. package/SCSS-Themes/grids/grid/material-dark-lite.scss +52 -38
  68. package/SCSS-Themes/grids/grid/material-dark.scss +55 -41
  69. package/SCSS-Themes/grids/grid/material-lite.scss +52 -38
  70. package/SCSS-Themes/grids/grid/material.scss +55 -41
  71. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +52 -38
  72. package/SCSS-Themes/grids/grid/material3-dark.scss +55 -41
  73. package/SCSS-Themes/grids/grid/material3-lite.scss +52 -38
  74. package/SCSS-Themes/grids/grid/material3.scss +55 -41
  75. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +52 -38
  76. package/SCSS-Themes/grids/grid/tailwind-dark.scss +55 -41
  77. package/SCSS-Themes/grids/grid/tailwind-lite.scss +52 -38
  78. package/SCSS-Themes/grids/grid/tailwind.scss +55 -41
  79. package/SCSS-Themes/highcontrast-lite.scss +56 -40
  80. package/SCSS-Themes/highcontrast.scss +59 -43
  81. package/SCSS-Themes/lists/list-view/bds-dark-lite.scss +3 -1
  82. package/SCSS-Themes/lists/list-view/bds-dark.scss +3 -1
  83. package/SCSS-Themes/lists/list-view/bds-lite.scss +3 -1
  84. package/SCSS-Themes/lists/list-view/bds.scss +3 -1
  85. package/SCSS-Themes/lists/list-view/bootstrap-dark-lite.scss +3 -1
  86. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +3 -1
  87. package/SCSS-Themes/lists/list-view/bootstrap-lite.scss +3 -1
  88. package/SCSS-Themes/lists/list-view/bootstrap.scss +3 -1
  89. package/SCSS-Themes/lists/list-view/bootstrap4-lite.scss +3 -1
  90. package/SCSS-Themes/lists/list-view/bootstrap4.scss +3 -1
  91. package/SCSS-Themes/lists/list-view/bootstrap5-dark-lite.scss +3 -1
  92. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +3 -1
  93. package/SCSS-Themes/lists/list-view/bootstrap5-lite.scss +3 -1
  94. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark-lite.scss +3 -1
  95. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark.scss +3 -1
  96. package/SCSS-Themes/lists/list-view/bootstrap5.3-lite.scss +3 -1
  97. package/SCSS-Themes/lists/list-view/bootstrap5.3.scss +3 -1
  98. package/SCSS-Themes/lists/list-view/bootstrap5.scss +3 -1
  99. package/SCSS-Themes/lists/list-view/fabric-dark-lite.scss +3 -1
  100. package/SCSS-Themes/lists/list-view/fabric-dark.scss +3 -1
  101. package/SCSS-Themes/lists/list-view/fabric-lite.scss +3 -1
  102. package/SCSS-Themes/lists/list-view/fabric.scss +3 -1
  103. package/SCSS-Themes/lists/list-view/fluent-dark-lite.scss +3 -1
  104. package/SCSS-Themes/lists/list-view/fluent-dark.scss +3 -1
  105. package/SCSS-Themes/lists/list-view/fluent-lite.scss +3 -1
  106. package/SCSS-Themes/lists/list-view/fluent.scss +3 -1
  107. package/SCSS-Themes/lists/list-view/fluent2-dark-lite.scss +3 -1
  108. package/SCSS-Themes/lists/list-view/fluent2-dark.scss +3 -1
  109. package/SCSS-Themes/lists/list-view/fluent2-highcontrast-lite.scss +3 -1
  110. package/SCSS-Themes/lists/list-view/fluent2-highcontrast.scss +3 -1
  111. package/SCSS-Themes/lists/list-view/fluent2-lite.scss +3 -1
  112. package/SCSS-Themes/lists/list-view/fluent2.scss +3 -1
  113. package/SCSS-Themes/lists/list-view/highcontrast-lite.scss +3 -1
  114. package/SCSS-Themes/lists/list-view/highcontrast.scss +3 -1
  115. package/SCSS-Themes/lists/list-view/material-dark-lite.scss +3 -1
  116. package/SCSS-Themes/lists/list-view/material-dark.scss +3 -1
  117. package/SCSS-Themes/lists/list-view/material-lite.scss +3 -1
  118. package/SCSS-Themes/lists/list-view/material.scss +3 -1
  119. package/SCSS-Themes/lists/list-view/material3-dark-lite.scss +3 -1
  120. package/SCSS-Themes/lists/list-view/material3-dark.scss +3 -1
  121. package/SCSS-Themes/lists/list-view/material3-lite.scss +3 -1
  122. package/SCSS-Themes/lists/list-view/material3.scss +3 -1
  123. package/SCSS-Themes/lists/list-view/tailwind-dark-lite.scss +3 -1
  124. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +3 -1
  125. package/SCSS-Themes/lists/list-view/tailwind-lite.scss +3 -1
  126. package/SCSS-Themes/lists/list-view/tailwind.scss +3 -1
  127. package/SCSS-Themes/material-dark-lite.scss +55 -39
  128. package/SCSS-Themes/material-dark.scss +58 -42
  129. package/SCSS-Themes/material-lite.scss +55 -39
  130. package/SCSS-Themes/material.scss +58 -42
  131. package/SCSS-Themes/material3-dark-lite.scss +55 -39
  132. package/SCSS-Themes/material3-dark.scss +58 -42
  133. package/SCSS-Themes/material3-lite.scss +55 -39
  134. package/SCSS-Themes/material3.scss +58 -42
  135. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark-lite.scss +3 -3
  136. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +3 -3
  137. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-lite.scss +3 -3
  138. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +3 -3
  139. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark-lite.scss +3 -3
  140. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +3 -3
  141. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-lite.scss +3 -3
  142. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +3 -3
  143. package/SCSS-Themes/tailwind-dark-lite.scss +58 -42
  144. package/SCSS-Themes/tailwind-dark.scss +61 -45
  145. package/SCSS-Themes/tailwind-lite.scss +58 -42
  146. package/SCSS-Themes/tailwind.scss +61 -45
  147. package/package.json +1 -1
@@ -42597,7 +42597,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
42597
42597
  }
42598
42598
 
42599
42599
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42600
- color: $listview-icon-color;
42600
+ @if ($skin-name != 'bootstrap5.3') {
42601
+ color: $listview-icon-color;
42602
+ }
42601
42603
 
42602
42604
  @if ($skin-name == 'tailwind') {
42603
42605
  &.e-back-button,
@@ -81758,6 +81760,43 @@ $grid-checkmark-color: $primary-text-color !default;
81758
81760
  padding-left: $grid-columnchooser-input-padding-left;
81759
81761
  }
81760
81762
  }
81763
+
81764
+ & .e-mask {
81765
+
81766
+ &.e-skeleton {
81767
+ display: inline-block;
81768
+ height: 10px;
81769
+ width: 80%;
81770
+ }
81771
+
81772
+ &.e-mask-group-intent {
81773
+ margin-left: 7px;
81774
+ width: 16px;
81775
+ }
81776
+
81777
+ &.e-mask-detail-intent {
81778
+ width: 16px;
81779
+ }
81780
+
81781
+ &.e-mask-checkbox-intent {
81782
+ margin-left: 3px;
81783
+ margin-right: 16px;
81784
+ width: 20px;
81785
+ }
81786
+
81787
+ &.e-mask-checkbox-filter-intent {
81788
+ width: 13px;
81789
+ }
81790
+
81791
+ &.e-mask-checkbox-filter-span-intent {
81792
+ margin-left: 8px;
81793
+ }
81794
+
81795
+ &.e-mask-drag-intent {
81796
+ margin-left: 12px;
81797
+ width: 12px;
81798
+ }
81799
+ }
81761
81800
  }
81762
81801
 
81763
81802
  #{&}.e-grid {
@@ -82641,7 +82680,7 @@ $grid-checkmark-color: $primary-text-color !default;
82641
82680
 
82642
82681
  &:not(.e-grid-min-height) .e-gridcontent {
82643
82682
  tr td:not(.e-indentcell):first-child:empty,
82644
- .e-gridcontent tr.e-row .e-rowcell:empty {
82683
+ tr.e-row .e-rowcell:empty {
82645
82684
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
82646
82685
  }
82647
82686
  }
@@ -83538,7 +83577,7 @@ $grid-checkmark-color: $primary-text-color !default;
83538
83577
 
83539
83578
  &.e-default .e-gridheader {
83540
83579
  th.e-firstcell,
83541
- th.e-laststackcell {
83580
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
83542
83581
  @include grid-border-width-styles;
83543
83582
  }
83544
83583
  }
@@ -84841,46 +84880,17 @@ $grid-checkmark-color: $primary-text-color !default;
84841
84880
  }
84842
84881
  }
84843
84882
 
84844
- &:not(.sf-grid).e-resize-lines.e-rtl {
84845
- &.e-default table th[rowspan] {
84883
+ &.e-resize-lines {
84884
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
84885
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
84886
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
84846
84887
  border-right: 0;
84847
84888
  }
84848
84889
  }
84849
84890
 
84850
- & .e-mask {
84851
-
84852
- &.e-skeleton {
84853
- display: inline-block;
84854
- height: 10px;
84855
- width: 80%;
84856
- }
84857
-
84858
- &.e-mask-group-intent {
84859
- margin-left: 7px;
84860
- width: 16px;
84861
- }
84862
-
84863
- &.e-mask-detail-intent {
84864
- width: 16px;
84865
- }
84866
-
84867
- &.e-mask-checkbox-intent {
84868
- margin-left: 3px;
84869
- margin-right: 16px;
84870
- width: 20px;
84871
- }
84872
-
84873
- &.e-mask-checkbox-filter-intent {
84874
- width: 13px;
84875
- }
84876
-
84877
- &.e-mask-checkbox-filter-span-intent {
84878
- margin-left: 8px;
84879
- }
84880
-
84881
- &.e-mask-drag-intent {
84882
- margin-left: 12px;
84883
- width: 12px;
84891
+ &:not(.sf-grid).e-resize-lines.e-rtl {
84892
+ &.e-default table th[rowspan] {
84893
+ border-right: 0;
84884
84894
  }
84885
84895
  }
84886
84896
 
@@ -86190,6 +86200,12 @@ $grid-checkmark-color: $primary-text-color !default;
86190
86200
  margin-right: $grid-filterbar-dropdown;
86191
86201
  }
86192
86202
 
86203
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
86204
+ @if $grid-skin == 'highcontrast' {
86205
+ margin-right: 38px;
86206
+ }
86207
+ }
86208
+
86193
86209
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
86194
86210
  .e-filterbardropdown {
86195
86211
  border: transparent;
@@ -88423,10 +88439,10 @@ $grid-checkmark-color: $primary-text-color !default;
88423
88439
  }
88424
88440
  & .e-btn {
88425
88441
  @if $grid-skin != 'fluent2' {
88442
+ color: $grid-responsive-custom-header-btn-color;
88426
88443
  background: none;
88427
88444
  }
88428
88445
  border: 0;
88429
- color: $grid-responsive-custom-header-btn-color;
88430
88446
  }
88431
88447
  & .e-btn .e-icon-filter-clear {
88432
88448
  @if $grid-skin == 'fluent2' {
@@ -88601,13 +88617,13 @@ $grid-checkmark-color: $primary-text-color !default;
88601
88617
  }
88602
88618
 
88603
88619
  li {
88604
- @if $grid-skin != 'bootstrap5.3' {
88620
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88605
88621
  color: $grid-rowcell-color;
88606
88622
  }
88607
88623
  }
88608
88624
 
88609
88625
  & .e-submenu.e-selected {
88610
- @if $grid-skin != 'bootstrap5.3' {
88626
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88611
88627
  background-color: $grid-responsive-header-background;
88612
88628
  }
88613
88629
  }
@@ -105907,10 +105923,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
105907
105923
  $pv-input-hover-background: $transparent !default;
105908
105924
  $pv-input-hover-color: rgba($primary, .54) !default;
105909
105925
  $pv-input-background: $transparent !default;
105910
- $pv-bookmark-container-background-color: $primary !default;
105926
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
105911
105927
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
105912
- $pv-bookmark-container-border: 1px solid $primary !default;
105913
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
105928
+ $pv-bookmark-container-border: 1px solid $border-light !default;
105929
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
105914
105930
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
105915
105931
  $pv-annotation-dropdown-background-color: $transparent !default;
105916
105932
  $pv-annotation-dropdown-border-color: $transparent !default;
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"27.2.2","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":"27.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"}}