@syncfusion/blazor-themes 31.1.17 → 31.1.19

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 (201) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +1 -0
  2. package/Compiled-Themes/bds-dark.css +1 -0
  3. package/Compiled-Themes/bds-lite.css +1 -0
  4. package/Compiled-Themes/bds.css +1 -0
  5. package/Compiled-Themes/bootstrap-dark-lite.css +1 -0
  6. package/Compiled-Themes/bootstrap-dark.css +1 -0
  7. package/Compiled-Themes/bootstrap-lite.css +1 -0
  8. package/Compiled-Themes/bootstrap.css +1 -0
  9. package/Compiled-Themes/bootstrap4-lite.css +1 -0
  10. package/Compiled-Themes/bootstrap4.css +1 -0
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +1 -0
  12. package/Compiled-Themes/bootstrap5-dark.css +1 -0
  13. package/Compiled-Themes/bootstrap5-lite.css +1 -0
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +1 -0
  15. package/Compiled-Themes/bootstrap5.3-dark.css +1 -0
  16. package/Compiled-Themes/bootstrap5.3-lite.css +1 -0
  17. package/Compiled-Themes/bootstrap5.3.css +1 -0
  18. package/Compiled-Themes/bootstrap5.css +1 -0
  19. package/Compiled-Themes/fabric-dark-lite.css +1 -0
  20. package/Compiled-Themes/fabric-dark.css +1 -0
  21. package/Compiled-Themes/fabric-lite.css +1 -0
  22. package/Compiled-Themes/fabric.css +1 -0
  23. package/Compiled-Themes/fluent-dark-lite.css +2 -1
  24. package/Compiled-Themes/fluent-dark.css +2 -1
  25. package/Compiled-Themes/fluent-lite.css +2 -1
  26. package/Compiled-Themes/fluent.css +2 -1
  27. package/Compiled-Themes/fluent2-dark-lite.css +2 -1
  28. package/Compiled-Themes/fluent2-dark.css +2 -1
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +2 -1
  30. package/Compiled-Themes/fluent2-highcontrast.css +2 -1
  31. package/Compiled-Themes/fluent2-lite.css +2 -1
  32. package/Compiled-Themes/fluent2.css +2 -1
  33. package/Compiled-Themes/highcontrast-lite.css +1 -0
  34. package/Compiled-Themes/highcontrast.css +1 -0
  35. package/Compiled-Themes/material-dark-lite.css +1 -0
  36. package/Compiled-Themes/material-dark.css +1 -0
  37. package/Compiled-Themes/material-lite.css +1 -0
  38. package/Compiled-Themes/material.css +1 -0
  39. package/Compiled-Themes/material3-dark-lite.css +2 -1
  40. package/Compiled-Themes/material3-dark.css +2 -1
  41. package/Compiled-Themes/material3-lite.css +2 -1
  42. package/Compiled-Themes/material3.css +2 -1
  43. package/Compiled-Themes/tailwind-dark-lite.css +1 -0
  44. package/Compiled-Themes/tailwind-dark.css +1 -0
  45. package/Compiled-Themes/tailwind-lite.css +1 -0
  46. package/Compiled-Themes/tailwind.css +1 -0
  47. package/Compiled-Themes/tailwind3-dark-lite.css +9 -0
  48. package/Compiled-Themes/tailwind3-dark.css +9 -0
  49. package/Compiled-Themes/tailwind3-lite.css +9 -0
  50. package/Compiled-Themes/tailwind3.css +9 -0
  51. package/SCSS-Themes/bds-dark-lite.scss +11 -1
  52. package/SCSS-Themes/bds-dark.scss +11 -1
  53. package/SCSS-Themes/bds-lite.scss +11 -1
  54. package/SCSS-Themes/bds.scss +11 -1
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +12 -1
  56. package/SCSS-Themes/bootstrap-dark.scss +12 -1
  57. package/SCSS-Themes/bootstrap-lite.scss +12 -1
  58. package/SCSS-Themes/bootstrap.scss +12 -1
  59. package/SCSS-Themes/bootstrap4-lite.scss +11 -1
  60. package/SCSS-Themes/bootstrap4.scss +11 -1
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +11 -1
  62. package/SCSS-Themes/bootstrap5-dark.scss +11 -1
  63. package/SCSS-Themes/bootstrap5-lite.scss +11 -1
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +11 -1
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +11 -1
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +11 -1
  67. package/SCSS-Themes/bootstrap5.3.scss +11 -1
  68. package/SCSS-Themes/bootstrap5.scss +11 -1
  69. package/SCSS-Themes/calendars/calendar/bds-dark-lite.scss +4 -0
  70. package/SCSS-Themes/calendars/calendar/bds-dark.scss +4 -0
  71. package/SCSS-Themes/calendars/calendar/bds-lite.scss +4 -0
  72. package/SCSS-Themes/calendars/calendar/bds.scss +4 -0
  73. package/SCSS-Themes/calendars/calendar/bootstrap-dark-lite.scss +4 -0
  74. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +4 -0
  75. package/SCSS-Themes/calendars/calendar/bootstrap-lite.scss +4 -0
  76. package/SCSS-Themes/calendars/calendar/bootstrap.scss +4 -0
  77. package/SCSS-Themes/calendars/calendar/bootstrap4-lite.scss +4 -0
  78. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +4 -0
  79. package/SCSS-Themes/calendars/calendar/bootstrap5-dark-lite.scss +4 -0
  80. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +4 -0
  81. package/SCSS-Themes/calendars/calendar/bootstrap5-lite.scss +4 -0
  82. package/SCSS-Themes/calendars/calendar/bootstrap5.3-dark-lite.scss +4 -0
  83. package/SCSS-Themes/calendars/calendar/bootstrap5.3-dark.scss +4 -0
  84. package/SCSS-Themes/calendars/calendar/bootstrap5.3-lite.scss +4 -0
  85. package/SCSS-Themes/calendars/calendar/bootstrap5.3.scss +4 -0
  86. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +4 -0
  87. package/SCSS-Themes/calendars/calendar/fabric-dark-lite.scss +4 -0
  88. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +4 -0
  89. package/SCSS-Themes/calendars/calendar/fabric-lite.scss +4 -0
  90. package/SCSS-Themes/calendars/calendar/fabric.scss +4 -0
  91. package/SCSS-Themes/calendars/calendar/fluent-dark-lite.scss +4 -0
  92. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +4 -0
  93. package/SCSS-Themes/calendars/calendar/fluent-lite.scss +4 -0
  94. package/SCSS-Themes/calendars/calendar/fluent.scss +4 -0
  95. package/SCSS-Themes/calendars/calendar/fluent2-dark-lite.scss +4 -0
  96. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +4 -0
  97. package/SCSS-Themes/calendars/calendar/fluent2-highcontrast-lite.scss +4 -0
  98. package/SCSS-Themes/calendars/calendar/fluent2-highcontrast.scss +4 -0
  99. package/SCSS-Themes/calendars/calendar/fluent2-lite.scss +4 -0
  100. package/SCSS-Themes/calendars/calendar/fluent2.scss +4 -0
  101. package/SCSS-Themes/calendars/calendar/highcontrast-lite.scss +4 -0
  102. package/SCSS-Themes/calendars/calendar/highcontrast.scss +4 -0
  103. package/SCSS-Themes/calendars/calendar/material-dark-lite.scss +4 -0
  104. package/SCSS-Themes/calendars/calendar/material-dark.scss +4 -0
  105. package/SCSS-Themes/calendars/calendar/material-lite.scss +4 -0
  106. package/SCSS-Themes/calendars/calendar/material.scss +4 -0
  107. package/SCSS-Themes/calendars/calendar/material3-dark-lite.scss +4 -0
  108. package/SCSS-Themes/calendars/calendar/material3-dark.scss +4 -0
  109. package/SCSS-Themes/calendars/calendar/material3-lite.scss +4 -0
  110. package/SCSS-Themes/calendars/calendar/material3.scss +4 -0
  111. package/SCSS-Themes/calendars/calendar/tailwind-dark-lite.scss +4 -0
  112. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +4 -0
  113. package/SCSS-Themes/calendars/calendar/tailwind-lite.scss +4 -0
  114. package/SCSS-Themes/calendars/calendar/tailwind.scss +4 -0
  115. package/SCSS-Themes/calendars/calendar/tailwind3-dark-lite.scss +4 -0
  116. package/SCSS-Themes/calendars/calendar/tailwind3-dark.scss +4 -0
  117. package/SCSS-Themes/calendars/calendar/tailwind3-lite.scss +4 -0
  118. package/SCSS-Themes/calendars/calendar/tailwind3.scss +4 -0
  119. package/SCSS-Themes/fabric-dark-lite.scss +11 -1
  120. package/SCSS-Themes/fabric-dark.scss +11 -1
  121. package/SCSS-Themes/fabric-lite.scss +11 -1
  122. package/SCSS-Themes/fabric.scss +11 -1
  123. package/SCSS-Themes/fluent-dark-lite.scss +12 -2
  124. package/SCSS-Themes/fluent-dark.scss +12 -2
  125. package/SCSS-Themes/fluent-lite.scss +12 -2
  126. package/SCSS-Themes/fluent.scss +12 -2
  127. package/SCSS-Themes/fluent2-dark-lite.scss +12 -2
  128. package/SCSS-Themes/fluent2-dark.scss +12 -2
  129. package/SCSS-Themes/fluent2-highcontrast-lite.scss +12 -2
  130. package/SCSS-Themes/fluent2-highcontrast.scss +12 -2
  131. package/SCSS-Themes/fluent2-lite.scss +12 -2
  132. package/SCSS-Themes/fluent2.scss +12 -2
  133. package/SCSS-Themes/highcontrast-lite.scss +11 -1
  134. package/SCSS-Themes/highcontrast.scss +11 -1
  135. package/SCSS-Themes/material-dark-lite.scss +11 -1
  136. package/SCSS-Themes/material-dark.scss +11 -1
  137. package/SCSS-Themes/material-lite.scss +11 -1
  138. package/SCSS-Themes/material.scss +11 -1
  139. package/SCSS-Themes/material3-dark-lite.scss +12 -2
  140. package/SCSS-Themes/material3-dark.scss +12 -2
  141. package/SCSS-Themes/material3-lite.scss +12 -2
  142. package/SCSS-Themes/material3.scss +12 -2
  143. package/SCSS-Themes/navigations/menu/bds-dark-lite.scss +7 -1
  144. package/SCSS-Themes/navigations/menu/bds-dark.scss +7 -1
  145. package/SCSS-Themes/navigations/menu/bds-lite.scss +7 -1
  146. package/SCSS-Themes/navigations/menu/bds.scss +7 -1
  147. package/SCSS-Themes/navigations/menu/bootstrap-dark-lite.scss +8 -1
  148. package/SCSS-Themes/navigations/menu/bootstrap-dark.scss +8 -1
  149. package/SCSS-Themes/navigations/menu/bootstrap-lite.scss +8 -1
  150. package/SCSS-Themes/navigations/menu/bootstrap.scss +8 -1
  151. package/SCSS-Themes/navigations/menu/bootstrap4-lite.scss +7 -1
  152. package/SCSS-Themes/navigations/menu/bootstrap4.scss +7 -1
  153. package/SCSS-Themes/navigations/menu/bootstrap5-dark-lite.scss +7 -1
  154. package/SCSS-Themes/navigations/menu/bootstrap5-dark.scss +7 -1
  155. package/SCSS-Themes/navigations/menu/bootstrap5-lite.scss +7 -1
  156. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark-lite.scss +7 -1
  157. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark.scss +7 -1
  158. package/SCSS-Themes/navigations/menu/bootstrap5.3-lite.scss +7 -1
  159. package/SCSS-Themes/navigations/menu/bootstrap5.3.scss +7 -1
  160. package/SCSS-Themes/navigations/menu/bootstrap5.scss +7 -1
  161. package/SCSS-Themes/navigations/menu/fabric-dark-lite.scss +7 -1
  162. package/SCSS-Themes/navigations/menu/fabric-dark.scss +7 -1
  163. package/SCSS-Themes/navigations/menu/fabric-lite.scss +7 -1
  164. package/SCSS-Themes/navigations/menu/fabric.scss +7 -1
  165. package/SCSS-Themes/navigations/menu/fluent-dark-lite.scss +8 -2
  166. package/SCSS-Themes/navigations/menu/fluent-dark.scss +8 -2
  167. package/SCSS-Themes/navigations/menu/fluent-lite.scss +8 -2
  168. package/SCSS-Themes/navigations/menu/fluent.scss +8 -2
  169. package/SCSS-Themes/navigations/menu/fluent2-dark-lite.scss +8 -2
  170. package/SCSS-Themes/navigations/menu/fluent2-dark.scss +8 -2
  171. package/SCSS-Themes/navigations/menu/fluent2-highcontrast-lite.scss +8 -2
  172. package/SCSS-Themes/navigations/menu/fluent2-highcontrast.scss +8 -2
  173. package/SCSS-Themes/navigations/menu/fluent2-lite.scss +8 -2
  174. package/SCSS-Themes/navigations/menu/fluent2.scss +8 -2
  175. package/SCSS-Themes/navigations/menu/highcontrast-lite.scss +7 -1
  176. package/SCSS-Themes/navigations/menu/highcontrast.scss +7 -1
  177. package/SCSS-Themes/navigations/menu/material-dark-lite.scss +7 -1
  178. package/SCSS-Themes/navigations/menu/material-dark.scss +7 -1
  179. package/SCSS-Themes/navigations/menu/material-lite.scss +7 -1
  180. package/SCSS-Themes/navigations/menu/material.scss +7 -1
  181. package/SCSS-Themes/navigations/menu/material3-dark-lite.scss +8 -2
  182. package/SCSS-Themes/navigations/menu/material3-dark.scss +8 -2
  183. package/SCSS-Themes/navigations/menu/material3-lite.scss +8 -2
  184. package/SCSS-Themes/navigations/menu/material3.scss +8 -2
  185. package/SCSS-Themes/navigations/menu/tailwind-dark-lite.scss +7 -1
  186. package/SCSS-Themes/navigations/menu/tailwind-dark.scss +7 -1
  187. package/SCSS-Themes/navigations/menu/tailwind-lite.scss +7 -1
  188. package/SCSS-Themes/navigations/menu/tailwind.scss +7 -1
  189. package/SCSS-Themes/navigations/menu/tailwind3-dark-lite.scss +7 -1
  190. package/SCSS-Themes/navigations/menu/tailwind3-dark.scss +7 -1
  191. package/SCSS-Themes/navigations/menu/tailwind3-lite.scss +7 -1
  192. package/SCSS-Themes/navigations/menu/tailwind3.scss +7 -1
  193. package/SCSS-Themes/tailwind-dark-lite.scss +11 -1
  194. package/SCSS-Themes/tailwind-dark.scss +11 -1
  195. package/SCSS-Themes/tailwind-lite.scss +11 -1
  196. package/SCSS-Themes/tailwind.scss +11 -1
  197. package/SCSS-Themes/tailwind3-dark-lite.scss +11 -1
  198. package/SCSS-Themes/tailwind3-dark.scss +11 -1
  199. package/SCSS-Themes/tailwind3-lite.scss +11 -1
  200. package/SCSS-Themes/tailwind3.scss +11 -1
  201. package/package.json +1 -1
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: 18px !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 32px !default;
50
+ $menu-icon-li-height: 36px !default;
51
51
  $menu-li-bgcolor: rgba($content-text-color, .08) !default;
52
52
  $menu-li-border-color: rgba($flyout-border) !default;
53
53
  $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: 18px !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 32px !default;
50
+ $menu-icon-li-height: 36px !default;
51
51
  $menu-li-bgcolor: rgba($content-text-color, .08) !default;
52
52
  $menu-li-border-color: rgba($flyout-border) !default;
53
53
  $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
156
156
  & .e-caret {
157
157
  font-size: $menu-caret-font-size;
158
158
  height: auto;
159
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
159
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
160
  line-height: $menu-icon-li-height;
161
161
  }
162
162
  @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
199
199
  @if $skin-name == 'fluent2' {
200
200
  padding: 9px 0;
201
201
  }
202
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
203
+ line-height: $menu-icon-li-height;
204
+ }
205
+ @else {
206
+ line-height: $menu-li-height;
207
+ }
202
208
  }
203
209
  }
204
210
  }
@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
156
156
  & .e-caret {
157
157
  font-size: $menu-caret-font-size;
158
158
  height: auto;
159
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
159
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
160
  line-height: $menu-icon-li-height;
161
161
  }
162
162
  @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
199
199
  @if $skin-name == 'fluent2' {
200
200
  padding: 9px 0;
201
201
  }
202
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
203
+ line-height: $menu-icon-li-height;
204
+ }
205
+ @else {
206
+ line-height: $menu-li-height;
207
+ }
202
208
  }
203
209
  }
204
210
  }
@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
156
156
  & .e-caret {
157
157
  font-size: $menu-caret-font-size;
158
158
  height: auto;
159
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
159
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
160
  line-height: $menu-icon-li-height;
161
161
  }
162
162
  @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
199
199
  @if $skin-name == 'fluent2' {
200
200
  padding: 9px 0;
201
201
  }
202
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
203
+ line-height: $menu-icon-li-height;
204
+ }
205
+ @else {
206
+ line-height: $menu-li-height;
207
+ }
202
208
  }
203
209
  }
204
210
  }
@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
156
156
  & .e-caret {
157
157
  font-size: $menu-caret-font-size;
158
158
  height: auto;
159
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
159
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
160
  line-height: $menu-icon-li-height;
161
161
  }
162
162
  @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
199
199
  @if $skin-name == 'fluent2' {
200
200
  padding: 9px 0;
201
201
  }
202
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
203
+ line-height: $menu-icon-li-height;
204
+ }
205
+ @else {
206
+ line-height: $menu-li-height;
207
+ }
202
208
  }
203
209
  }
204
210
  }
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
@@ -19719,6 +19719,10 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
19719
19719
  border-color: transparent;
19720
19720
  color: $calendar-today-disabled-color;
19721
19721
  }
19722
+ @if $skin-name == 'tailwind3' {
19723
+ background-color: $calendar-today-disabled-background-style;
19724
+ border-color: $calendar-today-disabled-border-style;
19725
+ }
19722
19726
  }
19723
19727
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
19724
19728
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -44780,7 +44784,7 @@ $menu-caret-color: $cmenu-caret-color !default;
44780
44784
  & .e-caret {
44781
44785
  font-size: $menu-caret-font-size;
44782
44786
  height: auto;
44783
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
44787
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
44784
44788
  line-height: $menu-icon-li-height;
44785
44789
  }
44786
44790
  @else {
@@ -44823,6 +44827,12 @@ $menu-caret-color: $cmenu-caret-color !default;
44823
44827
  @if $skin-name == 'fluent2' {
44824
44828
  padding: 9px 0;
44825
44829
  }
44830
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
44831
+ line-height: $menu-icon-li-height;
44832
+ }
44833
+ @else {
44834
+ line-height: $menu-li-height;
44835
+ }
44826
44836
  }
44827
44837
  }
44828
44838
  }
@@ -27585,6 +27585,10 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
27585
27585
  border-color: transparent;
27586
27586
  color: $calendar-today-disabled-color;
27587
27587
  }
27588
+ @if $skin-name == 'tailwind3' {
27589
+ background-color: $calendar-today-disabled-background-style;
27590
+ border-color: $calendar-today-disabled-border-style;
27591
+ }
27588
27592
  }
27589
27593
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
27590
27594
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -61098,7 +61102,7 @@ $menu-caret-color: $cmenu-caret-color !default;
61098
61102
  & .e-caret {
61099
61103
  font-size: $menu-caret-font-size;
61100
61104
  height: auto;
61101
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
61105
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
61102
61106
  line-height: $menu-icon-li-height;
61103
61107
  }
61104
61108
  @else {
@@ -61141,6 +61145,12 @@ $menu-caret-color: $cmenu-caret-color !default;
61141
61145
  @if $skin-name == 'fluent2' {
61142
61146
  padding: 9px 0;
61143
61147
  }
61148
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
61149
+ line-height: $menu-icon-li-height;
61150
+ }
61151
+ @else {
61152
+ line-height: $menu-li-height;
61153
+ }
61144
61154
  }
61145
61155
  }
61146
61156
  }
@@ -19717,6 +19717,10 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
19717
19717
  border-color: transparent;
19718
19718
  color: $calendar-today-disabled-color;
19719
19719
  }
19720
+ @if $skin-name == 'tailwind3' {
19721
+ background-color: $calendar-today-disabled-background-style;
19722
+ border-color: $calendar-today-disabled-border-style;
19723
+ }
19720
19724
  }
19721
19725
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
19722
19726
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -44778,7 +44782,7 @@ $menu-caret-color: $cmenu-caret-color !default;
44778
44782
  & .e-caret {
44779
44783
  font-size: $menu-caret-font-size;
44780
44784
  height: auto;
44781
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
44785
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
44782
44786
  line-height: $menu-icon-li-height;
44783
44787
  }
44784
44788
  @else {
@@ -44821,6 +44825,12 @@ $menu-caret-color: $cmenu-caret-color !default;
44821
44825
  @if $skin-name == 'fluent2' {
44822
44826
  padding: 9px 0;
44823
44827
  }
44828
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
44829
+ line-height: $menu-icon-li-height;
44830
+ }
44831
+ @else {
44832
+ line-height: $menu-li-height;
44833
+ }
44824
44834
  }
44825
44835
  }
44826
44836
  }
@@ -27583,6 +27583,10 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
27583
27583
  border-color: transparent;
27584
27584
  color: $calendar-today-disabled-color;
27585
27585
  }
27586
+ @if $skin-name == 'tailwind3' {
27587
+ background-color: $calendar-today-disabled-background-style;
27588
+ border-color: $calendar-today-disabled-border-style;
27589
+ }
27586
27590
  }
27587
27591
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
27588
27592
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -61096,7 +61100,7 @@ $menu-caret-color: $cmenu-caret-color !default;
61096
61100
  & .e-caret {
61097
61101
  font-size: $menu-caret-font-size;
61098
61102
  height: auto;
61099
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
61103
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
61100
61104
  line-height: $menu-icon-li-height;
61101
61105
  }
61102
61106
  @else {
@@ -61139,6 +61143,12 @@ $menu-caret-color: $cmenu-caret-color !default;
61139
61143
  @if $skin-name == 'fluent2' {
61140
61144
  padding: 9px 0;
61141
61145
  }
61146
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
61147
+ line-height: $menu-icon-li-height;
61148
+ }
61149
+ @else {
61150
+ line-height: $menu-li-height;
61151
+ }
61142
61152
  }
61143
61153
  }
61144
61154
  }
@@ -21100,6 +21100,10 @@ $calendar-active-hover-bg-color: $primary-bg-color-hover !default;
21100
21100
  border-color: transparent;
21101
21101
  color: $calendar-today-disabled-color;
21102
21102
  }
21103
+ @if $skin-name == 'tailwind3' {
21104
+ background-color: $calendar-today-disabled-background-style;
21105
+ border-color: $calendar-today-disabled-border-style;
21106
+ }
21103
21107
  }
21104
21108
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
21105
21109
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -46230,7 +46234,7 @@ $menu-caret-color: $icon-color-pressed !default;
46230
46234
  & .e-caret {
46231
46235
  font-size: $menu-caret-font-size;
46232
46236
  height: auto;
46233
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
46237
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
46234
46238
  line-height: $menu-icon-li-height;
46235
46239
  }
46236
46240
  @else {
@@ -46273,6 +46277,12 @@ $menu-caret-color: $icon-color-pressed !default;
46273
46277
  @if $skin-name == 'fluent2' {
46274
46278
  padding: 9px 0;
46275
46279
  }
46280
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
46281
+ line-height: $menu-icon-li-height;
46282
+ }
46283
+ @else {
46284
+ line-height: $menu-li-height;
46285
+ }
46276
46286
  }
46277
46287
  }
46278
46288
  }
@@ -28966,6 +28966,10 @@ $calendar-active-hover-bg-color: $primary-bg-color-hover !default;
28966
28966
  border-color: transparent;
28967
28967
  color: $calendar-today-disabled-color;
28968
28968
  }
28969
+ @if $skin-name == 'tailwind3' {
28970
+ background-color: $calendar-today-disabled-background-style;
28971
+ border-color: $calendar-today-disabled-border-style;
28972
+ }
28969
28973
  }
28970
28974
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
28971
28975
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -62548,7 +62552,7 @@ $menu-caret-color: $icon-color-pressed !default;
62548
62552
  & .e-caret {
62549
62553
  font-size: $menu-caret-font-size;
62550
62554
  height: auto;
62551
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
62555
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
62552
62556
  line-height: $menu-icon-li-height;
62553
62557
  }
62554
62558
  @else {
@@ -62591,6 +62595,12 @@ $menu-caret-color: $icon-color-pressed !default;
62591
62595
  @if $skin-name == 'fluent2' {
62592
62596
  padding: 9px 0;
62593
62597
  }
62598
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
62599
+ line-height: $menu-icon-li-height;
62600
+ }
62601
+ @else {
62602
+ line-height: $menu-li-height;
62603
+ }
62594
62604
  }
62595
62605
  }
62596
62606
  }
@@ -21571,6 +21571,10 @@ $calendar-active-hover-bg-color: $primary-bg-color-hover !default;
21571
21571
  border-color: transparent;
21572
21572
  color: $calendar-today-disabled-color;
21573
21573
  }
21574
+ @if $skin-name == 'tailwind3' {
21575
+ background-color: $calendar-today-disabled-background-style;
21576
+ border-color: $calendar-today-disabled-border-style;
21577
+ }
21574
21578
  }
21575
21579
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
21576
21580
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -46701,7 +46705,7 @@ $menu-caret-color: $icon-color-pressed !default;
46701
46705
  & .e-caret {
46702
46706
  font-size: $menu-caret-font-size;
46703
46707
  height: auto;
46704
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
46708
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
46705
46709
  line-height: $menu-icon-li-height;
46706
46710
  }
46707
46711
  @else {
@@ -46744,6 +46748,12 @@ $menu-caret-color: $icon-color-pressed !default;
46744
46748
  @if $skin-name == 'fluent2' {
46745
46749
  padding: 9px 0;
46746
46750
  }
46751
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
46752
+ line-height: $menu-icon-li-height;
46753
+ }
46754
+ @else {
46755
+ line-height: $menu-li-height;
46756
+ }
46747
46757
  }
46748
46758
  }
46749
46759
  }
@@ -29437,6 +29437,10 @@ $calendar-active-hover-bg-color: $primary-bg-color-hover !default;
29437
29437
  border-color: transparent;
29438
29438
  color: $calendar-today-disabled-color;
29439
29439
  }
29440
+ @if $skin-name == 'tailwind3' {
29441
+ background-color: $calendar-today-disabled-background-style;
29442
+ border-color: $calendar-today-disabled-border-style;
29443
+ }
29440
29444
  }
29441
29445
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
29442
29446
  box-shadow: $calendar-focused-cell-box-shadow;
@@ -63019,7 +63023,7 @@ $menu-caret-color: $icon-color-pressed !default;
63019
63023
  & .e-caret {
63020
63024
  font-size: $menu-caret-font-size;
63021
63025
  height: auto;
63022
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
63026
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
63023
63027
  line-height: $menu-icon-li-height;
63024
63028
  }
63025
63029
  @else {
@@ -63062,6 +63066,12 @@ $menu-caret-color: $icon-color-pressed !default;
63062
63066
  @if $skin-name == 'fluent2' {
63063
63067
  padding: 9px 0;
63064
63068
  }
63069
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
63070
+ line-height: $menu-icon-li-height;
63071
+ }
63072
+ @else {
63073
+ line-height: $menu-li-height;
63074
+ }
63065
63075
  }
63066
63076
  }
63067
63077
  }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"31.1.17","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@gitea.syncfusion.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"31.1.19","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@gitea.syncfusion.com/syncfusion/blazor-samples"}}