@syncfusion/blazor-themes 23.2.5 → 23.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 (65) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +62 -9
  2. package/SCSS-Themes/bootstrap.scss +62 -9
  3. package/SCSS-Themes/bootstrap4.scss +62 -9
  4. package/SCSS-Themes/bootstrap5-dark.scss +62 -9
  5. package/SCSS-Themes/bootstrap5.scss +62 -9
  6. package/SCSS-Themes/fabric-dark.scss +62 -9
  7. package/SCSS-Themes/fabric.scss +62 -9
  8. package/SCSS-Themes/fluent-dark.scss +62 -9
  9. package/SCSS-Themes/fluent.scss +62 -9
  10. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +22 -0
  11. package/SCSS-Themes/grids/grid/bootstrap.scss +22 -0
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +22 -0
  13. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +22 -0
  14. package/SCSS-Themes/grids/grid/bootstrap5.scss +22 -0
  15. package/SCSS-Themes/grids/grid/fabric-dark.scss +22 -0
  16. package/SCSS-Themes/grids/grid/fabric.scss +22 -0
  17. package/SCSS-Themes/grids/grid/fluent-dark.scss +22 -0
  18. package/SCSS-Themes/grids/grid/fluent.scss +22 -0
  19. package/SCSS-Themes/grids/grid/highcontrast.scss +22 -0
  20. package/SCSS-Themes/grids/grid/material-dark.scss +22 -0
  21. package/SCSS-Themes/grids/grid/material.scss +22 -0
  22. package/SCSS-Themes/grids/grid/material3-dark.scss +22 -0
  23. package/SCSS-Themes/grids/grid/material3.scss +22 -0
  24. package/SCSS-Themes/grids/grid/tailwind-dark.scss +22 -0
  25. package/SCSS-Themes/grids/grid/tailwind.scss +22 -0
  26. package/SCSS-Themes/highcontrast.scss +62 -9
  27. package/SCSS-Themes/material-dark.scss +63 -9
  28. package/SCSS-Themes/material.scss +63 -9
  29. package/SCSS-Themes/material3-dark.scss +63 -9
  30. package/SCSS-Themes/material3.scss +63 -9
  31. package/SCSS-Themes/notifications/toast/bootstrap-dark.scss +31 -0
  32. package/SCSS-Themes/notifications/toast/bootstrap.scss +31 -0
  33. package/SCSS-Themes/notifications/toast/bootstrap4.scss +31 -0
  34. package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss +31 -0
  35. package/SCSS-Themes/notifications/toast/bootstrap5.scss +31 -0
  36. package/SCSS-Themes/notifications/toast/fabric-dark.scss +31 -0
  37. package/SCSS-Themes/notifications/toast/fabric.scss +31 -0
  38. package/SCSS-Themes/notifications/toast/fluent-dark.scss +31 -0
  39. package/SCSS-Themes/notifications/toast/fluent.scss +31 -0
  40. package/SCSS-Themes/notifications/toast/highcontrast.scss +31 -0
  41. package/SCSS-Themes/notifications/toast/material-dark.scss +32 -0
  42. package/SCSS-Themes/notifications/toast/material.scss +32 -0
  43. package/SCSS-Themes/notifications/toast/material3-dark.scss +32 -0
  44. package/SCSS-Themes/notifications/toast/material3.scss +32 -0
  45. package/SCSS-Themes/notifications/toast/tailwind-dark.scss +31 -0
  46. package/SCSS-Themes/notifications/toast/tailwind.scss +31 -0
  47. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +9 -9
  48. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +9 -9
  49. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +9 -9
  50. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +9 -9
  51. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +9 -9
  52. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +9 -9
  53. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +9 -9
  54. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +9 -9
  55. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +9 -9
  56. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +9 -9
  57. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +9 -9
  58. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +9 -9
  59. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +9 -9
  60. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +9 -9
  61. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +9 -9
  62. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +9 -9
  63. package/SCSS-Themes/tailwind-dark.scss +62 -9
  64. package/SCSS-Themes/tailwind.scss +62 -9
  65. package/package.json +1 -1
@@ -2689,15 +2689,15 @@ $pv-eye-icon-margin-top: 3px !default;
2689
2689
  font-size: 18px;
2690
2690
  }
2691
2691
 
2692
- .e-pv-annotation-color-container .e-btn,
2693
- .e-pv-annotation-opacity-container .e-btn,
2694
- .e-pv-annotation-stroke-container .e-btn,
2695
- .e-pv-custom-annotation-thickness-container .e-btn,
2696
- .e-pv-custom-annotation-opacity-container .e-btn,
2697
- .e-pv-annotation-thickness-container .e-btn,
2698
- .e-pv-annotation-textcolor-container .e-btn,
2699
- .e-pv-annotation-textalign-container .e-btn,
2700
- .e-pv-annotation-textprop-container .e-btn {
2692
+ .e-pv-annotation-color-container.e-icon-btn,
2693
+ .e-pv-annotation-opacity-container.e-icon-btn,
2694
+ .e-pv-annotation-stroke-container.e-icon-btn,
2695
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2696
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2697
+ .e-pv-annotation-thickness-container.e-icon-btn,
2698
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2699
+ .e-pv-annotation-textalign-container.e-icon-btn,
2700
+ .e-pv-annotation-textprop-container.e-icon-btn {
2701
2701
  height: $pv-annotation-drop-down-height;
2702
2702
  width: $pv-annotation-drop-down-width;
2703
2703
  }
@@ -2637,15 +2637,15 @@ $pv-eye-icon-margin-top: 3px !default;
2637
2637
  font-size: 18px;
2638
2638
  }
2639
2639
 
2640
- .e-pv-annotation-color-container .e-btn,
2641
- .e-pv-annotation-opacity-container .e-btn,
2642
- .e-pv-annotation-stroke-container .e-btn,
2643
- .e-pv-custom-annotation-thickness-container .e-btn,
2644
- .e-pv-custom-annotation-opacity-container .e-btn,
2645
- .e-pv-annotation-thickness-container .e-btn,
2646
- .e-pv-annotation-textcolor-container .e-btn,
2647
- .e-pv-annotation-textalign-container .e-btn,
2648
- .e-pv-annotation-textprop-container .e-btn {
2640
+ .e-pv-annotation-color-container.e-icon-btn,
2641
+ .e-pv-annotation-opacity-container.e-icon-btn,
2642
+ .e-pv-annotation-stroke-container.e-icon-btn,
2643
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2644
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2645
+ .e-pv-annotation-thickness-container.e-icon-btn,
2646
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2647
+ .e-pv-annotation-textalign-container.e-icon-btn,
2648
+ .e-pv-annotation-textprop-container.e-icon-btn {
2649
2649
  height: $pv-annotation-drop-down-height;
2650
2650
  width: $pv-annotation-drop-down-width;
2651
2651
  }
@@ -2637,15 +2637,15 @@ $pv-eye-icon-margin-top: 3px !default;
2637
2637
  font-size: 18px;
2638
2638
  }
2639
2639
 
2640
- .e-pv-annotation-color-container .e-btn,
2641
- .e-pv-annotation-opacity-container .e-btn,
2642
- .e-pv-annotation-stroke-container .e-btn,
2643
- .e-pv-custom-annotation-thickness-container .e-btn,
2644
- .e-pv-custom-annotation-opacity-container .e-btn,
2645
- .e-pv-annotation-thickness-container .e-btn,
2646
- .e-pv-annotation-textcolor-container .e-btn,
2647
- .e-pv-annotation-textalign-container .e-btn,
2648
- .e-pv-annotation-textprop-container .e-btn {
2640
+ .e-pv-annotation-color-container.e-icon-btn,
2641
+ .e-pv-annotation-opacity-container.e-icon-btn,
2642
+ .e-pv-annotation-stroke-container.e-icon-btn,
2643
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2644
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2645
+ .e-pv-annotation-thickness-container.e-icon-btn,
2646
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2647
+ .e-pv-annotation-textalign-container.e-icon-btn,
2648
+ .e-pv-annotation-textprop-container.e-icon-btn {
2649
2649
  height: $pv-annotation-drop-down-height;
2650
2650
  width: $pv-annotation-drop-down-width;
2651
2651
  }
@@ -2640,15 +2640,15 @@ $pv-eye-icon-margin-top: 3px !default;
2640
2640
  font-size: 18px;
2641
2641
  }
2642
2642
 
2643
- .e-pv-annotation-color-container .e-btn,
2644
- .e-pv-annotation-opacity-container .e-btn,
2645
- .e-pv-annotation-stroke-container .e-btn,
2646
- .e-pv-custom-annotation-thickness-container .e-btn,
2647
- .e-pv-custom-annotation-opacity-container .e-btn,
2648
- .e-pv-annotation-thickness-container .e-btn,
2649
- .e-pv-annotation-textcolor-container .e-btn,
2650
- .e-pv-annotation-textalign-container .e-btn,
2651
- .e-pv-annotation-textprop-container .e-btn {
2643
+ .e-pv-annotation-color-container.e-icon-btn,
2644
+ .e-pv-annotation-opacity-container.e-icon-btn,
2645
+ .e-pv-annotation-stroke-container.e-icon-btn,
2646
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2647
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2648
+ .e-pv-annotation-thickness-container.e-icon-btn,
2649
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2650
+ .e-pv-annotation-textalign-container.e-icon-btn,
2651
+ .e-pv-annotation-textprop-container.e-icon-btn {
2652
2652
  height: $pv-annotation-drop-down-height;
2653
2653
  width: $pv-annotation-drop-down-width;
2654
2654
  }
@@ -2642,15 +2642,15 @@ $pv-eye-icon-margin-top: 3px !default;
2642
2642
  font-size: 18px;
2643
2643
  }
2644
2644
 
2645
- .e-pv-annotation-color-container .e-btn,
2646
- .e-pv-annotation-opacity-container .e-btn,
2647
- .e-pv-annotation-stroke-container .e-btn,
2648
- .e-pv-custom-annotation-thickness-container .e-btn,
2649
- .e-pv-custom-annotation-opacity-container .e-btn,
2650
- .e-pv-annotation-thickness-container .e-btn,
2651
- .e-pv-annotation-textcolor-container .e-btn,
2652
- .e-pv-annotation-textalign-container .e-btn,
2653
- .e-pv-annotation-textprop-container .e-btn {
2645
+ .e-pv-annotation-color-container.e-icon-btn,
2646
+ .e-pv-annotation-opacity-container.e-icon-btn,
2647
+ .e-pv-annotation-stroke-container.e-icon-btn,
2648
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2649
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2650
+ .e-pv-annotation-thickness-container.e-icon-btn,
2651
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2652
+ .e-pv-annotation-textalign-container.e-icon-btn,
2653
+ .e-pv-annotation-textprop-container.e-icon-btn {
2654
2654
  height: $pv-annotation-drop-down-height;
2655
2655
  width: $pv-annotation-drop-down-width;
2656
2656
  }
@@ -2644,15 +2644,15 @@ $pv-comment-text-cursor-color: $black !default;
2644
2644
  font-size: 18px;
2645
2645
  }
2646
2646
 
2647
- .e-pv-annotation-color-container .e-btn,
2648
- .e-pv-annotation-opacity-container .e-btn,
2649
- .e-pv-annotation-stroke-container .e-btn,
2650
- .e-pv-custom-annotation-thickness-container .e-btn,
2651
- .e-pv-custom-annotation-opacity-container .e-btn,
2652
- .e-pv-annotation-thickness-container .e-btn,
2653
- .e-pv-annotation-textcolor-container .e-btn,
2654
- .e-pv-annotation-textalign-container .e-btn,
2655
- .e-pv-annotation-textprop-container .e-btn {
2647
+ .e-pv-annotation-color-container.e-icon-btn,
2648
+ .e-pv-annotation-opacity-container.e-icon-btn,
2649
+ .e-pv-annotation-stroke-container.e-icon-btn,
2650
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2651
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2652
+ .e-pv-annotation-thickness-container.e-icon-btn,
2653
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2654
+ .e-pv-annotation-textalign-container.e-icon-btn,
2655
+ .e-pv-annotation-textprop-container.e-icon-btn {
2656
2656
  height: $pv-annotation-drop-down-height;
2657
2657
  width: $pv-annotation-drop-down-width;
2658
2658
  }
@@ -2644,15 +2644,15 @@ $pv-comment-text-cursor-color: $black !default;
2644
2644
  font-size: 18px;
2645
2645
  }
2646
2646
 
2647
- .e-pv-annotation-color-container .e-btn,
2648
- .e-pv-annotation-opacity-container .e-btn,
2649
- .e-pv-annotation-stroke-container .e-btn,
2650
- .e-pv-custom-annotation-thickness-container .e-btn,
2651
- .e-pv-custom-annotation-opacity-container .e-btn,
2652
- .e-pv-annotation-thickness-container .e-btn,
2653
- .e-pv-annotation-textcolor-container .e-btn,
2654
- .e-pv-annotation-textalign-container .e-btn,
2655
- .e-pv-annotation-textprop-container .e-btn {
2647
+ .e-pv-annotation-color-container.e-icon-btn,
2648
+ .e-pv-annotation-opacity-container.e-icon-btn,
2649
+ .e-pv-annotation-stroke-container.e-icon-btn,
2650
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2651
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2652
+ .e-pv-annotation-thickness-container.e-icon-btn,
2653
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2654
+ .e-pv-annotation-textalign-container.e-icon-btn,
2655
+ .e-pv-annotation-textprop-container.e-icon-btn {
2656
2656
  height: $pv-annotation-drop-down-height;
2657
2657
  width: $pv-annotation-drop-down-width;
2658
2658
  }
@@ -2642,15 +2642,15 @@ $pv-eye-icon-margin-top: 3px !default;
2642
2642
  font-size: 18px;
2643
2643
  }
2644
2644
 
2645
- .e-pv-annotation-color-container .e-btn,
2646
- .e-pv-annotation-opacity-container .e-btn,
2647
- .e-pv-annotation-stroke-container .e-btn,
2648
- .e-pv-custom-annotation-thickness-container .e-btn,
2649
- .e-pv-custom-annotation-opacity-container .e-btn,
2650
- .e-pv-annotation-thickness-container .e-btn,
2651
- .e-pv-annotation-textcolor-container .e-btn,
2652
- .e-pv-annotation-textalign-container .e-btn,
2653
- .e-pv-annotation-textprop-container .e-btn {
2645
+ .e-pv-annotation-color-container.e-icon-btn,
2646
+ .e-pv-annotation-opacity-container.e-icon-btn,
2647
+ .e-pv-annotation-stroke-container.e-icon-btn,
2648
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2649
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2650
+ .e-pv-annotation-thickness-container.e-icon-btn,
2651
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2652
+ .e-pv-annotation-textalign-container.e-icon-btn,
2653
+ .e-pv-annotation-textprop-container.e-icon-btn {
2654
2654
  height: $pv-annotation-drop-down-height;
2655
2655
  width: $pv-annotation-drop-down-width;
2656
2656
  }
@@ -2641,15 +2641,15 @@ $pv-eye-icon-margin-top: 3px !default;
2641
2641
  font-size: 18px;
2642
2642
  }
2643
2643
 
2644
- .e-pv-annotation-color-container .e-btn,
2645
- .e-pv-annotation-opacity-container .e-btn,
2646
- .e-pv-annotation-stroke-container .e-btn,
2647
- .e-pv-custom-annotation-thickness-container .e-btn,
2648
- .e-pv-custom-annotation-opacity-container .e-btn,
2649
- .e-pv-annotation-thickness-container .e-btn,
2650
- .e-pv-annotation-textcolor-container .e-btn,
2651
- .e-pv-annotation-textalign-container .e-btn,
2652
- .e-pv-annotation-textprop-container .e-btn {
2644
+ .e-pv-annotation-color-container.e-icon-btn,
2645
+ .e-pv-annotation-opacity-container.e-icon-btn,
2646
+ .e-pv-annotation-stroke-container.e-icon-btn,
2647
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2648
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2649
+ .e-pv-annotation-thickness-container.e-icon-btn,
2650
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2651
+ .e-pv-annotation-textalign-container.e-icon-btn,
2652
+ .e-pv-annotation-textprop-container.e-icon-btn {
2653
2653
  height: $pv-annotation-drop-down-height;
2654
2654
  width: $pv-annotation-drop-down-width;
2655
2655
  }
@@ -2639,15 +2639,15 @@ $pv-eye-icon-margin-top: 3px !default;
2639
2639
  font-size: 18px;
2640
2640
  }
2641
2641
 
2642
- .e-pv-annotation-color-container .e-btn,
2643
- .e-pv-annotation-opacity-container .e-btn,
2644
- .e-pv-annotation-stroke-container .e-btn,
2645
- .e-pv-custom-annotation-thickness-container .e-btn,
2646
- .e-pv-custom-annotation-opacity-container .e-btn,
2647
- .e-pv-annotation-thickness-container .e-btn,
2648
- .e-pv-annotation-textcolor-container .e-btn,
2649
- .e-pv-annotation-textalign-container .e-btn,
2650
- .e-pv-annotation-textprop-container .e-btn {
2642
+ .e-pv-annotation-color-container.e-icon-btn,
2643
+ .e-pv-annotation-opacity-container.e-icon-btn,
2644
+ .e-pv-annotation-stroke-container.e-icon-btn,
2645
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2646
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2647
+ .e-pv-annotation-thickness-container.e-icon-btn,
2648
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2649
+ .e-pv-annotation-textalign-container.e-icon-btn,
2650
+ .e-pv-annotation-textprop-container.e-icon-btn {
2651
2651
  height: $pv-annotation-drop-down-height;
2652
2652
  width: $pv-annotation-drop-down-width;
2653
2653
  }
@@ -2645,15 +2645,15 @@ $pv-search-btn-width-big: 32px !default;
2645
2645
  font-size: 18px;
2646
2646
  }
2647
2647
 
2648
- .e-pv-annotation-color-container .e-btn,
2649
- .e-pv-annotation-opacity-container .e-btn,
2650
- .e-pv-annotation-stroke-container .e-btn,
2651
- .e-pv-custom-annotation-thickness-container .e-btn,
2652
- .e-pv-custom-annotation-opacity-container .e-btn,
2653
- .e-pv-annotation-thickness-container .e-btn,
2654
- .e-pv-annotation-textcolor-container .e-btn,
2655
- .e-pv-annotation-textalign-container .e-btn,
2656
- .e-pv-annotation-textprop-container .e-btn {
2648
+ .e-pv-annotation-color-container.e-icon-btn,
2649
+ .e-pv-annotation-opacity-container.e-icon-btn,
2650
+ .e-pv-annotation-stroke-container.e-icon-btn,
2651
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2652
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2653
+ .e-pv-annotation-thickness-container.e-icon-btn,
2654
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2655
+ .e-pv-annotation-textalign-container.e-icon-btn,
2656
+ .e-pv-annotation-textprop-container.e-icon-btn {
2657
2657
  height: $pv-annotation-drop-down-height;
2658
2658
  width: $pv-annotation-drop-down-width;
2659
2659
  }
@@ -2645,15 +2645,15 @@ $pv-search-btn-width-big: 32px !default;
2645
2645
  font-size: 18px;
2646
2646
  }
2647
2647
 
2648
- .e-pv-annotation-color-container .e-btn,
2649
- .e-pv-annotation-opacity-container .e-btn,
2650
- .e-pv-annotation-stroke-container .e-btn,
2651
- .e-pv-custom-annotation-thickness-container .e-btn,
2652
- .e-pv-custom-annotation-opacity-container .e-btn,
2653
- .e-pv-annotation-thickness-container .e-btn,
2654
- .e-pv-annotation-textcolor-container .e-btn,
2655
- .e-pv-annotation-textalign-container .e-btn,
2656
- .e-pv-annotation-textprop-container .e-btn {
2648
+ .e-pv-annotation-color-container.e-icon-btn,
2649
+ .e-pv-annotation-opacity-container.e-icon-btn,
2650
+ .e-pv-annotation-stroke-container.e-icon-btn,
2651
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2652
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2653
+ .e-pv-annotation-thickness-container.e-icon-btn,
2654
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2655
+ .e-pv-annotation-textalign-container.e-icon-btn,
2656
+ .e-pv-annotation-textprop-container.e-icon-btn {
2657
2657
  height: $pv-annotation-drop-down-height;
2658
2658
  width: $pv-annotation-drop-down-width;
2659
2659
  }
@@ -2646,15 +2646,15 @@ $pv-eye-icon-margin-top: 3px !default;
2646
2646
  font-size: 18px;
2647
2647
  }
2648
2648
 
2649
- .e-pv-annotation-color-container .e-btn,
2650
- .e-pv-annotation-opacity-container .e-btn,
2651
- .e-pv-annotation-stroke-container .e-btn,
2652
- .e-pv-custom-annotation-thickness-container .e-btn,
2653
- .e-pv-custom-annotation-opacity-container .e-btn,
2654
- .e-pv-annotation-thickness-container .e-btn,
2655
- .e-pv-annotation-textcolor-container .e-btn,
2656
- .e-pv-annotation-textalign-container .e-btn,
2657
- .e-pv-annotation-textprop-container .e-btn {
2649
+ .e-pv-annotation-color-container.e-icon-btn,
2650
+ .e-pv-annotation-opacity-container.e-icon-btn,
2651
+ .e-pv-annotation-stroke-container.e-icon-btn,
2652
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2653
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2654
+ .e-pv-annotation-thickness-container.e-icon-btn,
2655
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2656
+ .e-pv-annotation-textalign-container.e-icon-btn,
2657
+ .e-pv-annotation-textprop-container.e-icon-btn {
2658
2658
  height: $pv-annotation-drop-down-height;
2659
2659
  width: $pv-annotation-drop-down-width;
2660
2660
  }
@@ -2646,15 +2646,15 @@ $pv-eye-icon-margin-top: 3px !default;
2646
2646
  font-size: 18px;
2647
2647
  }
2648
2648
 
2649
- .e-pv-annotation-color-container .e-btn,
2650
- .e-pv-annotation-opacity-container .e-btn,
2651
- .e-pv-annotation-stroke-container .e-btn,
2652
- .e-pv-custom-annotation-thickness-container .e-btn,
2653
- .e-pv-custom-annotation-opacity-container .e-btn,
2654
- .e-pv-annotation-thickness-container .e-btn,
2655
- .e-pv-annotation-textcolor-container .e-btn,
2656
- .e-pv-annotation-textalign-container .e-btn,
2657
- .e-pv-annotation-textprop-container .e-btn {
2649
+ .e-pv-annotation-color-container.e-icon-btn,
2650
+ .e-pv-annotation-opacity-container.e-icon-btn,
2651
+ .e-pv-annotation-stroke-container.e-icon-btn,
2652
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2653
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2654
+ .e-pv-annotation-thickness-container.e-icon-btn,
2655
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2656
+ .e-pv-annotation-textalign-container.e-icon-btn,
2657
+ .e-pv-annotation-textprop-container.e-icon-btn {
2658
2658
  height: $pv-annotation-drop-down-height;
2659
2659
  width: $pv-annotation-drop-down-width;
2660
2660
  }
@@ -75333,6 +75333,7 @@ $grid-rtl-headercelldiv-chkbox-padding: 0 .5em 0 .45em !default;
75333
75333
  $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .4em !default;
75334
75334
  $grid-ungroup-rtl-padding-right: -8px !default;
75335
75335
  $grid-headercelldiv-padding: 0 20px 0 5px !default;
75336
+ $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
75336
75337
  $grid-headercell-div-padding: 0 .4em !default;
75337
75338
  $grid-group-text-width: auto !default;
75338
75339
  $grid-grouptopleftcell-border-top: 2px solid !default;
@@ -77778,6 +77779,22 @@ margin: $grid-group-animator-cell-margin;
77778
77779
  padding: $grid-headercelldiv-padding;
77779
77780
  }
77780
77781
 
77782
+ .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
77783
+ .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
77784
+ .e-headercelldiv,
77785
+ .e-stackedheadercelldiv {
77786
+ padding-right: $grid-headercelldiv-sort-centeralign-padding-right;
77787
+ }
77788
+ }
77789
+
77790
+ &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
77791
+ &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
77792
+ .e-headercelldiv,
77793
+ .e-stackedheadercelldiv {
77794
+ padding-left: $grid-headercelldiv-sort-centeralign-padding-right;
77795
+ }
77796
+ }
77797
+
77781
77798
  .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
77782
77799
  @if $grid-skin == 'bootstrap5' {
77783
77800
  padding-left: 8px;
@@ -78739,6 +78756,7 @@ margin: $grid-group-animator-cell-margin;
78739
78756
 
78740
78757
  .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
78741
78758
  left: 44%;
78759
+ top: -8px;
78742
78760
  }
78743
78761
 
78744
78762
  .e-normaledit .e-rowcell {
@@ -81926,6 +81944,10 @@ margin: $grid-group-animator-cell-margin;
81926
81944
  }
81927
81945
  }
81928
81946
 
81947
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
81948
+ background-color: $grid-hover-bg-color;
81949
+ }
81950
+
81929
81951
  .e-tooltip-wrap.e-griderror,
81930
81952
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
81931
81953
  background-color: $grid-val-error-bg-color;
@@ -96701,6 +96723,9 @@ $toast-danger-hover-bg-color: $danger-light !default;
96701
96723
  $toast-danger-hover-color: $toast-danger-color !default;
96702
96724
  $toast-danger-hover-box-shadow: $shadow !default;
96703
96725
 
96726
+ $toast-close-icon-hover-bg-color: $transparent !default;
96727
+ $toast-close-icon-hover-color: $icon-color-hover !default;
96728
+
96704
96729
  // Toast Type Definitions End
96705
96730
  //Theme Variables End
96706
96731
 
@@ -97186,6 +97211,34 @@ $toast-danger-hover-box-shadow: $shadow !default;
97186
97211
  box-shadow: none;
97187
97212
  outline: 0;
97188
97213
  }
97214
+
97215
+ &.e-blazor-toast-close-icon:focus,
97216
+ &.e-blazor-toast-close-icon:hover {
97217
+ @if $skin-name == 'Material3' {
97218
+ background: $toast-close-icon-hover-bg-color;
97219
+ }
97220
+ @else {
97221
+ background-color: $toast-close-icon-hover-bg-color;
97222
+ }
97223
+ color: $toast-close-icon-hover-color;
97224
+ }
97225
+ }
97226
+
97227
+ .e-toast-close-icon.e-icons:hover,
97228
+ .e-toast-close-icon.e-icons:focus{
97229
+ @if $skin-name == 'Material3' {
97230
+ background: $toast-close-icon-hover-bg-color;
97231
+ border-radius: $toast-icon-hover-border-radius;
97232
+ height: 32px;
97233
+ margin-top: -6px;
97234
+ }
97235
+ @else {
97236
+ background-color: $toast-close-icon-hover-bg-color;
97237
+ }
97238
+ @if $skin-name == 'material' {
97239
+ border-radius: $toast-icon-hover-border-radius;
97240
+ }
97241
+ color: $toast-close-icon-hover-color;
97189
97242
  }
97190
97243
 
97191
97244
  &.e-toast-success {
@@ -100075,15 +100128,15 @@ $pv-eye-icon-margin-top: 3px !default;
100075
100128
  font-size: 18px;
100076
100129
  }
100077
100130
 
100078
- .e-pv-annotation-color-container .e-btn,
100079
- .e-pv-annotation-opacity-container .e-btn,
100080
- .e-pv-annotation-stroke-container .e-btn,
100081
- .e-pv-custom-annotation-thickness-container .e-btn,
100082
- .e-pv-custom-annotation-opacity-container .e-btn,
100083
- .e-pv-annotation-thickness-container .e-btn,
100084
- .e-pv-annotation-textcolor-container .e-btn,
100085
- .e-pv-annotation-textalign-container .e-btn,
100086
- .e-pv-annotation-textprop-container .e-btn {
100131
+ .e-pv-annotation-color-container.e-icon-btn,
100132
+ .e-pv-annotation-opacity-container.e-icon-btn,
100133
+ .e-pv-annotation-stroke-container.e-icon-btn,
100134
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
100135
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
100136
+ .e-pv-annotation-thickness-container.e-icon-btn,
100137
+ .e-pv-annotation-textcolor-container.e-icon-btn,
100138
+ .e-pv-annotation-textalign-container.e-icon-btn,
100139
+ .e-pv-annotation-textprop-container.e-icon-btn {
100087
100140
  height: $pv-annotation-drop-down-height;
100088
100141
  width: $pv-annotation-drop-down-width;
100089
100142
  }
@@ -75330,6 +75330,7 @@ $grid-rtl-headercelldiv-chkbox-padding: 0 .5em 0 .45em !default;
75330
75330
  $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .4em !default;
75331
75331
  $grid-ungroup-rtl-padding-right: -8px !default;
75332
75332
  $grid-headercelldiv-padding: 0 20px 0 5px !default;
75333
+ $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
75333
75334
  $grid-headercell-div-padding: 0 .4em !default;
75334
75335
  $grid-group-text-width: auto !default;
75335
75336
  $grid-grouptopleftcell-border-top: 2px solid !default;
@@ -77775,6 +77776,22 @@ margin: $grid-group-animator-cell-margin;
77775
77776
  padding: $grid-headercelldiv-padding;
77776
77777
  }
77777
77778
 
77779
+ .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
77780
+ .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
77781
+ .e-headercelldiv,
77782
+ .e-stackedheadercelldiv {
77783
+ padding-right: $grid-headercelldiv-sort-centeralign-padding-right;
77784
+ }
77785
+ }
77786
+
77787
+ &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
77788
+ &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
77789
+ .e-headercelldiv,
77790
+ .e-stackedheadercelldiv {
77791
+ padding-left: $grid-headercelldiv-sort-centeralign-padding-right;
77792
+ }
77793
+ }
77794
+
77778
77795
  .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
77779
77796
  @if $grid-skin == 'bootstrap5' {
77780
77797
  padding-left: 8px;
@@ -78736,6 +78753,7 @@ margin: $grid-group-animator-cell-margin;
78736
78753
 
78737
78754
  .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
78738
78755
  left: 44%;
78756
+ top: -8px;
78739
78757
  }
78740
78758
 
78741
78759
  .e-normaledit .e-rowcell {
@@ -81923,6 +81941,10 @@ margin: $grid-group-animator-cell-margin;
81923
81941
  }
81924
81942
  }
81925
81943
 
81944
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
81945
+ background-color: $grid-hover-bg-color;
81946
+ }
81947
+
81926
81948
  .e-tooltip-wrap.e-griderror,
81927
81949
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
81928
81950
  background-color: $grid-val-error-bg-color;
@@ -96698,6 +96720,9 @@ $toast-danger-hover-bg-color: $danger-light !default;
96698
96720
  $toast-danger-hover-color: $toast-danger-color !default;
96699
96721
  $toast-danger-hover-box-shadow: $shadow !default;
96700
96722
 
96723
+ $toast-close-icon-hover-bg-color: $transparent !default;
96724
+ $toast-close-icon-hover-color: $icon-color-hover !default;
96725
+
96701
96726
  // Toast Type Definitions End
96702
96727
  //Theme Variables End
96703
96728
 
@@ -97183,6 +97208,34 @@ $toast-danger-hover-box-shadow: $shadow !default;
97183
97208
  box-shadow: none;
97184
97209
  outline: 0;
97185
97210
  }
97211
+
97212
+ &.e-blazor-toast-close-icon:focus,
97213
+ &.e-blazor-toast-close-icon:hover {
97214
+ @if $skin-name == 'Material3' {
97215
+ background: $toast-close-icon-hover-bg-color;
97216
+ }
97217
+ @else {
97218
+ background-color: $toast-close-icon-hover-bg-color;
97219
+ }
97220
+ color: $toast-close-icon-hover-color;
97221
+ }
97222
+ }
97223
+
97224
+ .e-toast-close-icon.e-icons:hover,
97225
+ .e-toast-close-icon.e-icons:focus{
97226
+ @if $skin-name == 'Material3' {
97227
+ background: $toast-close-icon-hover-bg-color;
97228
+ border-radius: $toast-icon-hover-border-radius;
97229
+ height: 32px;
97230
+ margin-top: -6px;
97231
+ }
97232
+ @else {
97233
+ background-color: $toast-close-icon-hover-bg-color;
97234
+ }
97235
+ @if $skin-name == 'material' {
97236
+ border-radius: $toast-icon-hover-border-radius;
97237
+ }
97238
+ color: $toast-close-icon-hover-color;
97186
97239
  }
97187
97240
 
97188
97241
  &.e-toast-success {
@@ -100072,15 +100125,15 @@ $pv-eye-icon-margin-top: 3px !default;
100072
100125
  font-size: 18px;
100073
100126
  }
100074
100127
 
100075
- .e-pv-annotation-color-container .e-btn,
100076
- .e-pv-annotation-opacity-container .e-btn,
100077
- .e-pv-annotation-stroke-container .e-btn,
100078
- .e-pv-custom-annotation-thickness-container .e-btn,
100079
- .e-pv-custom-annotation-opacity-container .e-btn,
100080
- .e-pv-annotation-thickness-container .e-btn,
100081
- .e-pv-annotation-textcolor-container .e-btn,
100082
- .e-pv-annotation-textalign-container .e-btn,
100083
- .e-pv-annotation-textprop-container .e-btn {
100128
+ .e-pv-annotation-color-container.e-icon-btn,
100129
+ .e-pv-annotation-opacity-container.e-icon-btn,
100130
+ .e-pv-annotation-stroke-container.e-icon-btn,
100131
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
100132
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
100133
+ .e-pv-annotation-thickness-container.e-icon-btn,
100134
+ .e-pv-annotation-textcolor-container.e-icon-btn,
100135
+ .e-pv-annotation-textalign-container.e-icon-btn,
100136
+ .e-pv-annotation-textprop-container.e-icon-btn {
100084
100137
  height: $pv-annotation-drop-down-height;
100085
100138
  width: $pv-annotation-drop-down-width;
100086
100139
  }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"23.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":"23.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"}}