@syncfusion/blazor-themes 25.2.4 → 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 (113) hide show
  1. package/SCSS-Themes/base/bootstrap5-dark.scss +1 -0
  2. package/SCSS-Themes/base/bootstrap5.scss +1 -0
  3. package/SCSS-Themes/bds-dark.scss +32 -8
  4. package/SCSS-Themes/bds.scss +32 -8
  5. package/SCSS-Themes/bootstrap-dark.scss +32 -7
  6. package/SCSS-Themes/bootstrap.scss +32 -7
  7. package/SCSS-Themes/bootstrap4.scss +32 -7
  8. package/SCSS-Themes/bootstrap5-dark.scss +41 -15
  9. package/SCSS-Themes/bootstrap5.scss +41 -15
  10. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +4 -1
  11. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +4 -1
  12. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +4 -0
  13. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +4 -0
  14. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +4 -0
  15. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +4 -0
  16. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +4 -0
  17. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +4 -0
  18. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +4 -0
  19. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +4 -0
  20. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +4 -0
  21. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +4 -0
  22. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +4 -0
  23. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +4 -0
  24. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +4 -1
  25. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +4 -1
  26. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +4 -1
  27. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +4 -1
  28. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +2 -2
  29. package/SCSS-Themes/dropdowns/multi-select/bds.scss +2 -2
  30. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +2 -2
  31. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +2 -2
  32. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +2 -2
  33. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +2 -2
  34. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +2 -2
  35. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +2 -2
  36. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +2 -2
  37. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +2 -2
  38. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +2 -2
  39. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +2 -2
  40. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +2 -2
  41. package/SCSS-Themes/dropdowns/multi-select/material.scss +2 -2
  42. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +10 -7
  43. package/SCSS-Themes/dropdowns/multi-select/material3.scss +10 -7
  44. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +2 -2
  45. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +2 -2
  46. package/SCSS-Themes/fabric-dark.scss +32 -7
  47. package/SCSS-Themes/fabric.scss +32 -7
  48. package/SCSS-Themes/fluent-dark.scss +32 -7
  49. package/SCSS-Themes/fluent.scss +32 -7
  50. package/SCSS-Themes/grids/excel-filter/bds-dark.scss +1 -0
  51. package/SCSS-Themes/grids/excel-filter/bds.scss +1 -0
  52. package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss +1 -0
  53. package/SCSS-Themes/grids/excel-filter/bootstrap.scss +1 -0
  54. package/SCSS-Themes/grids/excel-filter/bootstrap4.scss +1 -0
  55. package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss +1 -0
  56. package/SCSS-Themes/grids/excel-filter/bootstrap5.scss +1 -0
  57. package/SCSS-Themes/grids/excel-filter/fabric-dark.scss +1 -0
  58. package/SCSS-Themes/grids/excel-filter/fabric.scss +1 -0
  59. package/SCSS-Themes/grids/excel-filter/fluent-dark.scss +1 -0
  60. package/SCSS-Themes/grids/excel-filter/fluent.scss +1 -0
  61. package/SCSS-Themes/grids/excel-filter/highcontrast.scss +1 -0
  62. package/SCSS-Themes/grids/excel-filter/material-dark.scss +1 -0
  63. package/SCSS-Themes/grids/excel-filter/material.scss +1 -0
  64. package/SCSS-Themes/grids/excel-filter/material3-dark.scss +1 -0
  65. package/SCSS-Themes/grids/excel-filter/material3.scss +1 -0
  66. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +1 -0
  67. package/SCSS-Themes/grids/excel-filter/tailwind.scss +1 -0
  68. package/SCSS-Themes/grids/grid/bds-dark.scss +1 -1
  69. package/SCSS-Themes/grids/grid/bds.scss +1 -1
  70. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +1 -1
  71. package/SCSS-Themes/grids/grid/bootstrap.scss +1 -1
  72. package/SCSS-Themes/grids/grid/bootstrap4.scss +1 -1
  73. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +1 -1
  74. package/SCSS-Themes/grids/grid/bootstrap5.scss +1 -1
  75. package/SCSS-Themes/grids/grid/fabric-dark.scss +1 -1
  76. package/SCSS-Themes/grids/grid/fabric.scss +1 -1
  77. package/SCSS-Themes/grids/grid/fluent-dark.scss +1 -1
  78. package/SCSS-Themes/grids/grid/fluent.scss +1 -1
  79. package/SCSS-Themes/grids/grid/highcontrast.scss +1 -1
  80. package/SCSS-Themes/grids/grid/material-dark.scss +1 -1
  81. package/SCSS-Themes/grids/grid/material.scss +1 -1
  82. package/SCSS-Themes/grids/grid/material3-dark.scss +1 -1
  83. package/SCSS-Themes/grids/grid/material3.scss +1 -1
  84. package/SCSS-Themes/grids/grid/tailwind-dark.scss +1 -1
  85. package/SCSS-Themes/grids/grid/tailwind.scss +1 -1
  86. package/SCSS-Themes/highcontrast.scss +32 -7
  87. package/SCSS-Themes/material-dark.scss +32 -7
  88. package/SCSS-Themes/material.scss +32 -7
  89. package/SCSS-Themes/material3-dark.scss +40 -13
  90. package/SCSS-Themes/material3.scss +40 -13
  91. package/SCSS-Themes/navigations/accordion/bootstrap5-dark.scss +8 -8
  92. package/SCSS-Themes/navigations/accordion/bootstrap5.scss +8 -8
  93. package/SCSS-Themes/tailwind-dark.scss +32 -8
  94. package/SCSS-Themes/tailwind.scss +32 -8
  95. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +24 -4
  96. package/SCSS-Themes/treegrid/treegrid/bds.scss +24 -4
  97. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +24 -4
  98. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +24 -4
  99. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +24 -4
  100. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +24 -4
  101. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +24 -4
  102. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +24 -4
  103. package/SCSS-Themes/treegrid/treegrid/fabric.scss +24 -4
  104. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +24 -4
  105. package/SCSS-Themes/treegrid/treegrid/fluent.scss +24 -4
  106. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +24 -4
  107. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +24 -4
  108. package/SCSS-Themes/treegrid/treegrid/material.scss +24 -4
  109. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +24 -4
  110. package/SCSS-Themes/treegrid/treegrid/material3.scss +24 -4
  111. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +24 -4
  112. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +24 -4
  113. package/package.json +1 -1
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.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"}}
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"}}