@syncfusion/blazor-themes 25.2.5 → 25.2.7

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 (109) hide show
  1. package/SCSS-Themes/bds-dark.scss +34 -7
  2. package/SCSS-Themes/bds.scss +34 -7
  3. package/SCSS-Themes/bootstrap-dark.scss +34 -6
  4. package/SCSS-Themes/bootstrap.scss +34 -6
  5. package/SCSS-Themes/bootstrap4.scss +34 -6
  6. package/SCSS-Themes/bootstrap5-dark.scss +34 -6
  7. package/SCSS-Themes/bootstrap5.scss +34 -6
  8. package/SCSS-Themes/buttons/speed-dial/bds-dark.scss +4 -1
  9. package/SCSS-Themes/buttons/speed-dial/bds.scss +4 -1
  10. package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss +4 -1
  11. package/SCSS-Themes/buttons/speed-dial/bootstrap.scss +4 -1
  12. package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss +4 -1
  13. package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss +4 -1
  14. package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss +4 -1
  15. package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss +4 -1
  16. package/SCSS-Themes/buttons/speed-dial/fabric.scss +4 -1
  17. package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss +4 -1
  18. package/SCSS-Themes/buttons/speed-dial/fluent.scss +4 -1
  19. package/SCSS-Themes/buttons/speed-dial/highcontrast.scss +4 -1
  20. package/SCSS-Themes/buttons/speed-dial/material-dark.scss +4 -1
  21. package/SCSS-Themes/buttons/speed-dial/material.scss +4 -1
  22. package/SCSS-Themes/buttons/speed-dial/material3-dark.scss +4 -1
  23. package/SCSS-Themes/buttons/speed-dial/material3.scss +4 -1
  24. package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss +4 -1
  25. package/SCSS-Themes/buttons/speed-dial/tailwind.scss +4 -1
  26. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +4 -1
  27. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +4 -1
  28. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +4 -0
  29. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +4 -0
  30. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +4 -0
  31. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +4 -0
  32. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +4 -0
  33. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +4 -0
  34. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +4 -0
  35. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +4 -0
  36. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +4 -0
  37. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +4 -0
  38. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +4 -0
  39. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +4 -0
  40. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +4 -1
  41. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +4 -1
  42. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +4 -1
  43. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +4 -1
  44. package/SCSS-Themes/fabric-dark.scss +34 -6
  45. package/SCSS-Themes/fabric.scss +34 -6
  46. package/SCSS-Themes/fluent-dark.scss +34 -6
  47. package/SCSS-Themes/fluent.scss +34 -6
  48. package/SCSS-Themes/grids/excel-filter/bds-dark.scss +1 -0
  49. package/SCSS-Themes/grids/excel-filter/bds.scss +1 -0
  50. package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss +1 -0
  51. package/SCSS-Themes/grids/excel-filter/bootstrap.scss +1 -0
  52. package/SCSS-Themes/grids/excel-filter/bootstrap4.scss +1 -0
  53. package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss +1 -0
  54. package/SCSS-Themes/grids/excel-filter/bootstrap5.scss +1 -0
  55. package/SCSS-Themes/grids/excel-filter/fabric-dark.scss +1 -0
  56. package/SCSS-Themes/grids/excel-filter/fabric.scss +1 -0
  57. package/SCSS-Themes/grids/excel-filter/fluent-dark.scss +1 -0
  58. package/SCSS-Themes/grids/excel-filter/fluent.scss +1 -0
  59. package/SCSS-Themes/grids/excel-filter/highcontrast.scss +1 -0
  60. package/SCSS-Themes/grids/excel-filter/material-dark.scss +1 -0
  61. package/SCSS-Themes/grids/excel-filter/material.scss +1 -0
  62. package/SCSS-Themes/grids/excel-filter/material3-dark.scss +1 -0
  63. package/SCSS-Themes/grids/excel-filter/material3.scss +1 -0
  64. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +1 -0
  65. package/SCSS-Themes/grids/excel-filter/tailwind.scss +1 -0
  66. package/SCSS-Themes/grids/grid/bds-dark.scss +1 -1
  67. package/SCSS-Themes/grids/grid/bds.scss +1 -1
  68. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +1 -1
  69. package/SCSS-Themes/grids/grid/bootstrap.scss +1 -1
  70. package/SCSS-Themes/grids/grid/bootstrap4.scss +1 -1
  71. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +1 -1
  72. package/SCSS-Themes/grids/grid/bootstrap5.scss +1 -1
  73. package/SCSS-Themes/grids/grid/fabric-dark.scss +1 -1
  74. package/SCSS-Themes/grids/grid/fabric.scss +1 -1
  75. package/SCSS-Themes/grids/grid/fluent-dark.scss +1 -1
  76. package/SCSS-Themes/grids/grid/fluent.scss +1 -1
  77. package/SCSS-Themes/grids/grid/highcontrast.scss +1 -1
  78. package/SCSS-Themes/grids/grid/material-dark.scss +1 -1
  79. package/SCSS-Themes/grids/grid/material.scss +1 -1
  80. package/SCSS-Themes/grids/grid/material3-dark.scss +1 -1
  81. package/SCSS-Themes/grids/grid/material3.scss +1 -1
  82. package/SCSS-Themes/grids/grid/tailwind-dark.scss +1 -1
  83. package/SCSS-Themes/grids/grid/tailwind.scss +1 -1
  84. package/SCSS-Themes/highcontrast.scss +34 -6
  85. package/SCSS-Themes/material-dark.scss +34 -6
  86. package/SCSS-Themes/material.scss +34 -6
  87. package/SCSS-Themes/material3-dark.scss +34 -7
  88. package/SCSS-Themes/material3.scss +34 -7
  89. package/SCSS-Themes/tailwind-dark.scss +34 -7
  90. package/SCSS-Themes/tailwind.scss +34 -7
  91. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +24 -4
  92. package/SCSS-Themes/treegrid/treegrid/bds.scss +24 -4
  93. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +24 -4
  94. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +24 -4
  95. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +24 -4
  96. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +24 -4
  97. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +24 -4
  98. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +24 -4
  99. package/SCSS-Themes/treegrid/treegrid/fabric.scss +24 -4
  100. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +24 -4
  101. package/SCSS-Themes/treegrid/treegrid/fluent.scss +24 -4
  102. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +24 -4
  103. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +24 -4
  104. package/SCSS-Themes/treegrid/treegrid/material.scss +24 -4
  105. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +24 -4
  106. package/SCSS-Themes/treegrid/treegrid/material3.scss +24 -4
  107. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +24 -4
  108. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +24 -4
  109. package/package.json +1 -1
package/SCSS-Themes/treegrid/treegrid/material3.scss CHANGED
@@ -427,8 +427,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
427
427
 
428
428
  td.e-rowcell {
429
429
  &.e-dropbottom {
430
- border-bottom: $treegrid-rowdd-topbottom-border;
431
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
430
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
431
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
432
+ }
433
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
434
+ box-shadow: 0 2px 0 0 #4f46e5;
435
+ }
436
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
437
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
438
+ }
439
+ @else {
440
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
441
+ }
432
442
  }
433
443
  &.e-droptop {
434
444
  border-top: $treegrid-rowdd-topbottom-border;
@@ -438,8 +448,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
438
448
 
439
449
  td.e-rowdragdrop {
440
450
  &.e-dropbottom {
441
- border-bottom: $treegrid-rowdd-topbottom-border;
442
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
451
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
452
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
453
+ }
454
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
455
+ box-shadow: 0 2px 0 0 #4f46e5;
456
+ }
457
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
458
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
459
+ }
460
+ @else {
461
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
462
+ }
443
463
  }
444
464
  &.e-droptop {
445
465
  border-top: $treegrid-rowdd-topbottom-border;
package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss CHANGED
@@ -427,8 +427,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
427
427
 
428
428
  td.e-rowcell {
429
429
  &.e-dropbottom {
430
- border-bottom: $treegrid-rowdd-topbottom-border;
431
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
430
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
431
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
432
+ }
433
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
434
+ box-shadow: 0 2px 0 0 #4f46e5;
435
+ }
436
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
437
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
438
+ }
439
+ @else {
440
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
441
+ }
432
442
  }
433
443
  &.e-droptop {
434
444
  border-top: $treegrid-rowdd-topbottom-border;
@@ -438,8 +448,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
438
448
 
439
449
  td.e-rowdragdrop {
440
450
  &.e-dropbottom {
441
- border-bottom: $treegrid-rowdd-topbottom-border;
442
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
451
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
452
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
453
+ }
454
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
455
+ box-shadow: 0 2px 0 0 #4f46e5;
456
+ }
457
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
458
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
459
+ }
460
+ @else {
461
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
462
+ }
443
463
  }
444
464
  &.e-droptop {
445
465
  border-top: $treegrid-rowdd-topbottom-border;
package/SCSS-Themes/treegrid/treegrid/tailwind.scss CHANGED
@@ -427,8 +427,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
427
427
 
428
428
  td.e-rowcell {
429
429
  &.e-dropbottom {
430
- border-bottom: $treegrid-rowdd-topbottom-border;
431
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
430
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
431
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
432
+ }
433
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
434
+ box-shadow: 0 2px 0 0 #4f46e5;
435
+ }
436
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
437
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
438
+ }
439
+ @else {
440
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
441
+ }
432
442
  }
433
443
  &.e-droptop {
434
444
  border-top: $treegrid-rowdd-topbottom-border;
@@ -438,8 +448,18 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
438
448
 
439
449
  td.e-rowdragdrop {
440
450
  &.e-dropbottom {
441
- border-bottom: $treegrid-rowdd-topbottom-border;
442
- box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
451
+ @if $skin-name == 'fluent-dark' or $skin-name == 'FluentUI' or $skin-name == 'fluent' {
452
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
453
+ }
454
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5-dark' or $skin-name == 'material3' {
455
+ box-shadow: 0 2px 0 0 #4f46e5;
456
+ }
457
+ @else if $skin-name == 'bootstrap4' or $skin-name == 'material' or $skin-name == 'FluentUI2' or $skin-name == 'fluent2' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'highcontrast' {
458
+ box-shadow: 0 1px 0 0 $treegrid-rowdd-boxshadow;
459
+ }
460
+ @else {
461
+ box-shadow: 0 2px 0 0 $treegrid-rowdd-boxshadow;
462
+ }
443
463
  }
444
464
  &.e-droptop {
445
465
  border-top: $treegrid-rowdd-topbottom-border;
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"25.2.5","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":"25.2.7","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"}}