@syncfusion/blazor-themes 28.2.3 → 28.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/Compiled-Themes/fluent2-dark-lite.css +12 -3
  2. package/Compiled-Themes/fluent2-dark.css +12 -3
  3. package/Compiled-Themes/fluent2-highcontrast-lite.css +12 -3
  4. package/Compiled-Themes/fluent2-highcontrast.css +12 -3
  5. package/Compiled-Themes/fluent2-lite.css +12 -3
  6. package/Compiled-Themes/fluent2.css +12 -3
  7. package/SCSS-Themes/bds-dark-lite.scss +13 -4
  8. package/SCSS-Themes/bds-dark.scss +13 -4
  9. package/SCSS-Themes/bds-lite.scss +13 -4
  10. package/SCSS-Themes/bds.scss +13 -4
  11. package/SCSS-Themes/bootstrap-dark-lite.scss +13 -4
  12. package/SCSS-Themes/bootstrap-dark.scss +13 -4
  13. package/SCSS-Themes/bootstrap-lite.scss +13 -4
  14. package/SCSS-Themes/bootstrap.scss +13 -4
  15. package/SCSS-Themes/bootstrap4-lite.scss +13 -4
  16. package/SCSS-Themes/bootstrap4.scss +13 -4
  17. package/SCSS-Themes/bootstrap5-dark-lite.scss +13 -4
  18. package/SCSS-Themes/bootstrap5-dark.scss +13 -4
  19. package/SCSS-Themes/bootstrap5-lite.scss +13 -4
  20. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +13 -4
  21. package/SCSS-Themes/bootstrap5.3-dark.scss +13 -4
  22. package/SCSS-Themes/bootstrap5.3-lite.scss +13 -4
  23. package/SCSS-Themes/bootstrap5.3.scss +13 -4
  24. package/SCSS-Themes/bootstrap5.scss +13 -4
  25. package/SCSS-Themes/fabric-dark-lite.scss +13 -4
  26. package/SCSS-Themes/fabric-dark.scss +13 -4
  27. package/SCSS-Themes/fabric-lite.scss +13 -4
  28. package/SCSS-Themes/fabric.scss +13 -4
  29. package/SCSS-Themes/fluent-dark-lite.scss +13 -4
  30. package/SCSS-Themes/fluent-dark.scss +13 -4
  31. package/SCSS-Themes/fluent-lite.scss +13 -4
  32. package/SCSS-Themes/fluent.scss +13 -4
  33. package/SCSS-Themes/fluent2-dark-lite.scss +13 -4
  34. package/SCSS-Themes/fluent2-dark.scss +13 -4
  35. package/SCSS-Themes/fluent2-highcontrast-lite.scss +13 -4
  36. package/SCSS-Themes/fluent2-highcontrast.scss +13 -4
  37. package/SCSS-Themes/fluent2-lite.scss +13 -4
  38. package/SCSS-Themes/fluent2.scss +13 -4
  39. package/SCSS-Themes/highcontrast-lite.scss +13 -4
  40. package/SCSS-Themes/highcontrast.scss +13 -4
  41. package/SCSS-Themes/material-dark-lite.scss +13 -4
  42. package/SCSS-Themes/material-dark.scss +13 -4
  43. package/SCSS-Themes/material-lite.scss +13 -4
  44. package/SCSS-Themes/material.scss +13 -4
  45. package/SCSS-Themes/material3-dark-lite.scss +13 -4
  46. package/SCSS-Themes/material3-dark.scss +13 -4
  47. package/SCSS-Themes/material3-lite.scss +13 -4
  48. package/SCSS-Themes/material3.scss +13 -4
  49. package/SCSS-Themes/navigations/menu/bds-dark-lite.scss +13 -4
  50. package/SCSS-Themes/navigations/menu/bds-dark.scss +13 -4
  51. package/SCSS-Themes/navigations/menu/bds-lite.scss +13 -4
  52. package/SCSS-Themes/navigations/menu/bds.scss +13 -4
  53. package/SCSS-Themes/navigations/menu/bootstrap-dark-lite.scss +13 -4
  54. package/SCSS-Themes/navigations/menu/bootstrap-dark.scss +13 -4
  55. package/SCSS-Themes/navigations/menu/bootstrap-lite.scss +13 -4
  56. package/SCSS-Themes/navigations/menu/bootstrap.scss +13 -4
  57. package/SCSS-Themes/navigations/menu/bootstrap4-lite.scss +13 -4
  58. package/SCSS-Themes/navigations/menu/bootstrap4.scss +13 -4
  59. package/SCSS-Themes/navigations/menu/bootstrap5-dark-lite.scss +13 -4
  60. package/SCSS-Themes/navigations/menu/bootstrap5-dark.scss +13 -4
  61. package/SCSS-Themes/navigations/menu/bootstrap5-lite.scss +13 -4
  62. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark-lite.scss +13 -4
  63. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark.scss +13 -4
  64. package/SCSS-Themes/navigations/menu/bootstrap5.3-lite.scss +13 -4
  65. package/SCSS-Themes/navigations/menu/bootstrap5.3.scss +13 -4
  66. package/SCSS-Themes/navigations/menu/bootstrap5.scss +13 -4
  67. package/SCSS-Themes/navigations/menu/fabric-dark-lite.scss +13 -4
  68. package/SCSS-Themes/navigations/menu/fabric-dark.scss +13 -4
  69. package/SCSS-Themes/navigations/menu/fabric-lite.scss +13 -4
  70. package/SCSS-Themes/navigations/menu/fabric.scss +13 -4
  71. package/SCSS-Themes/navigations/menu/fluent-dark-lite.scss +13 -4
  72. package/SCSS-Themes/navigations/menu/fluent-dark.scss +13 -4
  73. package/SCSS-Themes/navigations/menu/fluent-lite.scss +13 -4
  74. package/SCSS-Themes/navigations/menu/fluent.scss +13 -4
  75. package/SCSS-Themes/navigations/menu/fluent2-dark-lite.scss +13 -4
  76. package/SCSS-Themes/navigations/menu/fluent2-dark.scss +13 -4
  77. package/SCSS-Themes/navigations/menu/fluent2-highcontrast-lite.scss +13 -4
  78. package/SCSS-Themes/navigations/menu/fluent2-highcontrast.scss +13 -4
  79. package/SCSS-Themes/navigations/menu/fluent2-lite.scss +13 -4
  80. package/SCSS-Themes/navigations/menu/fluent2.scss +13 -4
  81. package/SCSS-Themes/navigations/menu/highcontrast-lite.scss +13 -4
  82. package/SCSS-Themes/navigations/menu/highcontrast.scss +13 -4
  83. package/SCSS-Themes/navigations/menu/material-dark-lite.scss +13 -4
  84. package/SCSS-Themes/navigations/menu/material-dark.scss +13 -4
  85. package/SCSS-Themes/navigations/menu/material-lite.scss +13 -4
  86. package/SCSS-Themes/navigations/menu/material.scss +13 -4
  87. package/SCSS-Themes/navigations/menu/material3-dark-lite.scss +13 -4
  88. package/SCSS-Themes/navigations/menu/material3-dark.scss +13 -4
  89. package/SCSS-Themes/navigations/menu/material3-lite.scss +13 -4
  90. package/SCSS-Themes/navigations/menu/material3.scss +13 -4
  91. package/SCSS-Themes/navigations/menu/tailwind-dark-lite.scss +13 -4
  92. package/SCSS-Themes/navigations/menu/tailwind-dark.scss +13 -4
  93. package/SCSS-Themes/navigations/menu/tailwind-lite.scss +13 -4
  94. package/SCSS-Themes/navigations/menu/tailwind.scss +13 -4
  95. package/SCSS-Themes/navigations/menu/tailwind3-dark-lite.scss +13 -4
  96. package/SCSS-Themes/navigations/menu/tailwind3-dark.scss +13 -4
  97. package/SCSS-Themes/navigations/menu/tailwind3-lite.scss +13 -4
  98. package/SCSS-Themes/navigations/menu/tailwind3.scss +13 -4
  99. package/SCSS-Themes/tailwind-dark-lite.scss +13 -4
  100. package/SCSS-Themes/tailwind-dark.scss +13 -4
  101. package/SCSS-Themes/tailwind-lite.scss +13 -4
  102. package/SCSS-Themes/tailwind.scss +13 -4
  103. package/SCSS-Themes/tailwind3-dark-lite.scss +13 -4
  104. package/SCSS-Themes/tailwind3-dark.scss +13 -4
  105. package/SCSS-Themes/tailwind3-lite.scss +13 -4
  106. package/SCSS-Themes/tailwind3.scss +13 -4
  107. package/package.json +1 -1
package/SCSS-Themes/tailwind3-dark-lite.scss CHANGED
@@ -46351,6 +46351,13 @@ $menu-caret-color: $icon-color-pressed !default;
46351
46351
  }
46352
46352
  @if $skin-name == 'fluent2' {
46353
46353
  border-radius: 4px;
46354
+ &:focus-visible {
46355
+ color: $content-text-color;
46356
+ & .e-caret,
46357
+ & .e-menu-icon {
46358
+ color: $icon-color;
46359
+ }
46360
+ }
46354
46361
  }
46355
46362
  }
46356
46363
  }
@@ -46401,9 +46408,11 @@ $menu-caret-color: $icon-color-pressed !default;
46401
46408
 
46402
46409
  &:focus-visible {
46403
46410
  @if $skin-name == 'fluent2' {
46404
- border-radius: 4px;
46405
- background-color: $content-bg-color;
46406
- box-shadow: $shadow-focus-ring1;
46411
+ &:not(.e-selected) {
46412
+ border-radius: 4px;
46413
+ background-color: $content-bg-color;
46414
+ box-shadow: $shadow-focus-ring1;
46415
+ }
46407
46416
  }
46408
46417
  @if $skin-name == 'tailwind3' {
46409
46418
  box-shadow: $shadow-focus-ring2;
@@ -46494,7 +46503,7 @@ $menu-caret-color: $icon-color-pressed !default;
46494
46503
 
46495
46504
  &:focus-visible {
46496
46505
  @if $skin-name == 'fluent2' {
46497
- background-color: $content-bg-color;
46506
+ background-color: $flyout-bg-color-focus;
46498
46507
  box-shadow: $shadow-focus-ring1;
46499
46508
  border-radius: 4px;
46500
46509
  }
package/SCSS-Themes/tailwind3-dark.scss CHANGED
@@ -62600,6 +62600,13 @@ $menu-caret-color: $icon-color-pressed !default;
62600
62600
  }
62601
62601
  @if $skin-name == 'fluent2' {
62602
62602
  border-radius: 4px;
62603
+ &:focus-visible {
62604
+ color: $content-text-color;
62605
+ & .e-caret,
62606
+ & .e-menu-icon {
62607
+ color: $icon-color;
62608
+ }
62609
+ }
62603
62610
  }
62604
62611
  }
62605
62612
  }
@@ -62650,9 +62657,11 @@ $menu-caret-color: $icon-color-pressed !default;
62650
62657
 
62651
62658
  &:focus-visible {
62652
62659
  @if $skin-name == 'fluent2' {
62653
- border-radius: 4px;
62654
- background-color: $content-bg-color;
62655
- box-shadow: $shadow-focus-ring1;
62660
+ &:not(.e-selected) {
62661
+ border-radius: 4px;
62662
+ background-color: $content-bg-color;
62663
+ box-shadow: $shadow-focus-ring1;
62664
+ }
62656
62665
  }
62657
62666
  @if $skin-name == 'tailwind3' {
62658
62667
  box-shadow: $shadow-focus-ring2;
@@ -62743,7 +62752,7 @@ $menu-caret-color: $icon-color-pressed !default;
62743
62752
 
62744
62753
  &:focus-visible {
62745
62754
  @if $skin-name == 'fluent2' {
62746
- background-color: $content-bg-color;
62755
+ background-color: $flyout-bg-color-focus;
62747
62756
  box-shadow: $shadow-focus-ring1;
62748
62757
  border-radius: 4px;
62749
62758
  }
package/SCSS-Themes/tailwind3-lite.scss CHANGED
@@ -46822,6 +46822,13 @@ $menu-caret-color: $icon-color-pressed !default;
46822
46822
  }
46823
46823
  @if $skin-name == 'fluent2' {
46824
46824
  border-radius: 4px;
46825
+ &:focus-visible {
46826
+ color: $content-text-color;
46827
+ & .e-caret,
46828
+ & .e-menu-icon {
46829
+ color: $icon-color;
46830
+ }
46831
+ }
46825
46832
  }
46826
46833
  }
46827
46834
  }
@@ -46872,9 +46879,11 @@ $menu-caret-color: $icon-color-pressed !default;
46872
46879
 
46873
46880
  &:focus-visible {
46874
46881
  @if $skin-name == 'fluent2' {
46875
- border-radius: 4px;
46876
- background-color: $content-bg-color;
46877
- box-shadow: $shadow-focus-ring1;
46882
+ &:not(.e-selected) {
46883
+ border-radius: 4px;
46884
+ background-color: $content-bg-color;
46885
+ box-shadow: $shadow-focus-ring1;
46886
+ }
46878
46887
  }
46879
46888
  @if $skin-name == 'tailwind3' {
46880
46889
  box-shadow: $shadow-focus-ring2;
@@ -46965,7 +46974,7 @@ $menu-caret-color: $icon-color-pressed !default;
46965
46974
 
46966
46975
  &:focus-visible {
46967
46976
  @if $skin-name == 'fluent2' {
46968
- background-color: $content-bg-color;
46977
+ background-color: $flyout-bg-color-focus;
46969
46978
  box-shadow: $shadow-focus-ring1;
46970
46979
  border-radius: 4px;
46971
46980
  }
package/SCSS-Themes/tailwind3.scss CHANGED
@@ -63071,6 +63071,13 @@ $menu-caret-color: $icon-color-pressed !default;
63071
63071
  }
63072
63072
  @if $skin-name == 'fluent2' {
63073
63073
  border-radius: 4px;
63074
+ &:focus-visible {
63075
+ color: $content-text-color;
63076
+ & .e-caret,
63077
+ & .e-menu-icon {
63078
+ color: $icon-color;
63079
+ }
63080
+ }
63074
63081
  }
63075
63082
  }
63076
63083
  }
@@ -63121,9 +63128,11 @@ $menu-caret-color: $icon-color-pressed !default;
63121
63128
 
63122
63129
  &:focus-visible {
63123
63130
  @if $skin-name == 'fluent2' {
63124
- border-radius: 4px;
63125
- background-color: $content-bg-color;
63126
- box-shadow: $shadow-focus-ring1;
63131
+ &:not(.e-selected) {
63132
+ border-radius: 4px;
63133
+ background-color: $content-bg-color;
63134
+ box-shadow: $shadow-focus-ring1;
63135
+ }
63127
63136
  }
63128
63137
  @if $skin-name == 'tailwind3' {
63129
63138
  box-shadow: $shadow-focus-ring2;
@@ -63214,7 +63223,7 @@ $menu-caret-color: $icon-color-pressed !default;
63214
63223
 
63215
63224
  &:focus-visible {
63216
63225
  @if $skin-name == 'fluent2' {
63217
- background-color: $content-bg-color;
63226
+ background-color: $flyout-bg-color-focus;
63218
63227
  box-shadow: $shadow-focus-ring1;
63219
63228
  border-radius: 4px;
63220
63229
  }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"28.2.3","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":"28.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"}}