@syncfusion/blazor-themes 25.2.5 → 25.2.6

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