@syncfusion/blazor-themes 26.1.39 → 26.1.41

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 (173) hide show
  1. package/SCSS-Themes/base/fluent2-highcontrast.scss +1 -1
  2. package/SCSS-Themes/base/material3-dark.scss +546 -546
  3. package/SCSS-Themes/base/material3.scss +546 -546
  4. package/SCSS-Themes/bds-dark.scss +668 -650
  5. package/SCSS-Themes/bds.scss +668 -650
  6. package/SCSS-Themes/bootstrap-dark.scss +746 -728
  7. package/SCSS-Themes/bootstrap.scss +746 -728
  8. package/SCSS-Themes/bootstrap4.scss +746 -728
  9. package/SCSS-Themes/bootstrap5-dark.scss +747 -729
  10. package/SCSS-Themes/bootstrap5.scss +747 -729
  11. package/SCSS-Themes/calendars/calendar/bds-dark.scss +5 -0
  12. package/SCSS-Themes/calendars/calendar/bds.scss +5 -0
  13. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +5 -0
  14. package/SCSS-Themes/calendars/calendar/bootstrap.scss +5 -0
  15. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +5 -0
  16. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +5 -0
  17. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +5 -0
  18. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +5 -0
  19. package/SCSS-Themes/calendars/calendar/fabric.scss +5 -0
  20. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +5 -0
  21. package/SCSS-Themes/calendars/calendar/fluent.scss +5 -0
  22. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +5 -0
  23. package/SCSS-Themes/calendars/calendar/fluent2.scss +5 -0
  24. package/SCSS-Themes/calendars/calendar/highcontrast.scss +5 -0
  25. package/SCSS-Themes/calendars/calendar/material-dark.scss +5 -0
  26. package/SCSS-Themes/calendars/calendar/material.scss +5 -0
  27. package/SCSS-Themes/calendars/calendar/material3-dark.scss +5 -0
  28. package/SCSS-Themes/calendars/calendar/material3.scss +5 -0
  29. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +5 -0
  30. package/SCSS-Themes/calendars/calendar/tailwind.scss +5 -0
  31. package/SCSS-Themes/calendars/daterangepicker/fluent2-dark.scss +3 -3
  32. package/SCSS-Themes/calendars/daterangepicker/fluent2.scss +3 -3
  33. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +1 -1
  34. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +1 -1
  35. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +1 -1
  36. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +1 -1
  37. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +1 -1
  38. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +1 -1
  39. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +1 -1
  40. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +1 -1
  41. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +1 -1
  42. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +1 -1
  43. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +1 -1
  44. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss +1 -1
  45. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2.scss +1 -1
  46. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +1 -1
  47. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +1 -1
  48. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +1 -1
  49. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +1 -1
  50. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +1 -1
  51. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +1 -1
  52. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +1 -1
  53. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +4 -6
  54. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +4 -6
  55. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +3 -0
  56. package/SCSS-Themes/dropdowns/multi-select/bds.scss +3 -0
  57. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +3 -0
  58. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +3 -0
  59. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +3 -0
  60. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +3 -0
  61. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +3 -0
  62. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +3 -0
  63. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +3 -0
  64. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +3 -0
  65. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +3 -0
  66. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +5 -1
  67. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +5 -1
  68. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +3 -0
  69. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +3 -0
  70. package/SCSS-Themes/dropdowns/multi-select/material.scss +3 -0
  71. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +3 -0
  72. package/SCSS-Themes/dropdowns/multi-select/material3.scss +3 -0
  73. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +3 -0
  74. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +3 -0
  75. package/SCSS-Themes/fabric-dark.scss +746 -728
  76. package/SCSS-Themes/fabric.scss +746 -728
  77. package/SCSS-Themes/fluent-dark.scss +746 -728
  78. package/SCSS-Themes/fluent.scss +746 -728
  79. package/SCSS-Themes/fluent2-dark.scss +678 -661
  80. package/SCSS-Themes/fluent2-highcontrast.scss +1 -1
  81. package/SCSS-Themes/fluent2.scss +678 -661
  82. package/SCSS-Themes/gantt/gantt/fluent2-dark.scss +1 -1
  83. package/SCSS-Themes/gantt/gantt/fluent2.scss +1 -1
  84. package/SCSS-Themes/grids/grid/bds-dark.scss +4 -2
  85. package/SCSS-Themes/grids/grid/bds.scss +4 -2
  86. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +4 -2
  87. package/SCSS-Themes/grids/grid/bootstrap.scss +4 -2
  88. package/SCSS-Themes/grids/grid/bootstrap4.scss +4 -2
  89. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +4 -2
  90. package/SCSS-Themes/grids/grid/bootstrap5.scss +4 -2
  91. package/SCSS-Themes/grids/grid/fabric-dark.scss +4 -2
  92. package/SCSS-Themes/grids/grid/fabric.scss +4 -2
  93. package/SCSS-Themes/grids/grid/fluent-dark.scss +4 -2
  94. package/SCSS-Themes/grids/grid/fluent.scss +4 -2
  95. package/SCSS-Themes/grids/grid/fluent2-dark.scss +4 -2
  96. package/SCSS-Themes/grids/grid/fluent2.scss +4 -2
  97. package/SCSS-Themes/grids/grid/highcontrast.scss +4 -2
  98. package/SCSS-Themes/grids/grid/material-dark.scss +4 -2
  99. package/SCSS-Themes/grids/grid/material.scss +4 -2
  100. package/SCSS-Themes/grids/grid/material3-dark.scss +4 -2
  101. package/SCSS-Themes/grids/grid/material3.scss +4 -2
  102. package/SCSS-Themes/grids/grid/tailwind-dark.scss +4 -2
  103. package/SCSS-Themes/grids/grid/tailwind.scss +4 -2
  104. package/SCSS-Themes/highcontrast.scss +746 -728
  105. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +8 -0
  106. package/SCSS-Themes/image-editor/image-editor/bds.scss +8 -0
  107. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +8 -0
  108. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +8 -0
  109. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +8 -0
  110. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +8 -0
  111. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +8 -0
  112. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +8 -0
  113. package/SCSS-Themes/image-editor/image-editor/fabric.scss +8 -0
  114. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +8 -0
  115. package/SCSS-Themes/image-editor/image-editor/fluent.scss +8 -0
  116. package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss +8 -0
  117. package/SCSS-Themes/image-editor/image-editor/fluent2.scss +8 -0
  118. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +8 -0
  119. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +8 -0
  120. package/SCSS-Themes/image-editor/image-editor/material.scss +8 -0
  121. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +8 -0
  122. package/SCSS-Themes/image-editor/image-editor/material3.scss +8 -0
  123. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +8 -0
  124. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +8 -0
  125. package/SCSS-Themes/inputs/input/tailwind-dark.scss +1 -1
  126. package/SCSS-Themes/inputs/input/tailwind.scss +1 -1
  127. package/SCSS-Themes/material-dark.scss +746 -728
  128. package/SCSS-Themes/material.scss +746 -728
  129. package/SCSS-Themes/material3-dark.scss +1294 -1276
  130. package/SCSS-Themes/material3.scss +1294 -1276
  131. package/SCSS-Themes/navigations/stepper/bds-dark.scss +639 -639
  132. package/SCSS-Themes/navigations/stepper/bds.scss +639 -639
  133. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +719 -719
  134. package/SCSS-Themes/navigations/stepper/bootstrap.scss +719 -719
  135. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +719 -719
  136. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +720 -720
  137. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +720 -720
  138. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +719 -719
  139. package/SCSS-Themes/navigations/stepper/fabric.scss +719 -719
  140. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +719 -719
  141. package/SCSS-Themes/navigations/stepper/fluent.scss +719 -719
  142. package/SCSS-Themes/navigations/stepper/fluent2-dark.scss +639 -639
  143. package/SCSS-Themes/navigations/stepper/fluent2.scss +639 -639
  144. package/SCSS-Themes/navigations/stepper/highcontrast.scss +719 -719
  145. package/SCSS-Themes/navigations/stepper/material-dark.scss +719 -719
  146. package/SCSS-Themes/navigations/stepper/material.scss +719 -719
  147. package/SCSS-Themes/navigations/stepper/material3-dark.scss +719 -719
  148. package/SCSS-Themes/navigations/stepper/material3.scss +719 -719
  149. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +719 -719
  150. package/SCSS-Themes/navigations/stepper/tailwind.scss +719 -719
  151. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +8 -8
  152. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +8 -8
  153. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +8 -8
  154. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +8 -8
  155. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +8 -8
  156. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +8 -8
  157. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +8 -8
  158. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +8 -8
  159. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +8 -8
  160. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +8 -8
  161. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +8 -8
  162. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2-dark.scss +8 -8
  163. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2.scss +8 -8
  164. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +8 -8
  165. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +8 -8
  166. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +8 -8
  167. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +10 -10
  168. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +10 -10
  169. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +8 -8
  170. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +8 -8
  171. package/SCSS-Themes/tailwind-dark.scss +747 -729
  172. package/SCSS-Themes/tailwind.scss +747 -729
  173. package/package.json +1 -1
@@ -2487,6 +2487,9 @@ ejs-multiselect {
2487
2487
  @if $ddl-multiselect-skin-name != 'Material3' {
2488
2488
  background-color: $ddl-chip-bg-color;
2489
2489
  }
2490
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2491
+ border: $dd-chip-border;
2492
+ }
2490
2493
  border-radius: $ddl-chip-radius;
2491
2494
  height: $ddl-chip-height;
2492
2495
  }
@@ -2449,6 +2449,9 @@ ejs-multiselect {
2449
2449
  @if $ddl-multiselect-skin-name != 'Material3' {
2450
2450
  background-color: $ddl-chip-bg-color;
2451
2451
  }
2452
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2453
+ border: $dd-chip-border;
2454
+ }
2452
2455
  border-radius: $ddl-chip-radius;
2453
2456
  height: $ddl-chip-height;
2454
2457
  }
@@ -2440,6 +2440,9 @@ ejs-multiselect {
2440
2440
  @if $ddl-multiselect-skin-name != 'Material3' {
2441
2441
  background-color: $ddl-chip-bg-color;
2442
2442
  }
2443
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2444
+ border: $dd-chip-border;
2445
+ }
2443
2446
  border-radius: $ddl-chip-radius;
2444
2447
  height: $ddl-chip-height;
2445
2448
  }
@@ -2503,6 +2503,9 @@ ejs-multiselect {
2503
2503
  @if $ddl-multiselect-skin-name != 'Material3' {
2504
2504
  background-color: $ddl-chip-bg-color;
2505
2505
  }
2506
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2507
+ border: $dd-chip-border;
2508
+ }
2506
2509
  border-radius: $ddl-chip-radius;
2507
2510
  height: $ddl-chip-height;
2508
2511
  }
@@ -2503,6 +2503,9 @@ ejs-multiselect {
2503
2503
  @if $ddl-multiselect-skin-name != 'Material3' {
2504
2504
  background-color: $ddl-chip-bg-color;
2505
2505
  }
2506
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2507
+ border: $dd-chip-border;
2508
+ }
2506
2509
  border-radius: $ddl-chip-radius;
2507
2510
  height: $ddl-chip-height;
2508
2511
  }
@@ -184,7 +184,8 @@ $ddl-closer-margin-top-bigger-small: -1.64em !default;
184
184
  $ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
185
185
  $ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
186
186
  $ddl-chip-mobile-font: $content-text-color !default;
187
- $ddl-chip-bg-color: $content-bg-color-alt3 !default;
187
+ $ddl-chip-bg-color: $chip-bg-color !default;
188
+ $dd-chip-border: 1px solid $chip-border-color !default;
188
189
  $ddl-chip-hover-bg-color: $content-bg-color-alt4 !default;
189
190
  $ddl-chip-hover-font-color: $content-text-color-hover !default;
190
191
  $ddl-sel-hover-chip-bg-color: $content-bg-color-alt5 !default;
@@ -2493,6 +2494,9 @@ ejs-multiselect {
2493
2494
  @if $ddl-multiselect-skin-name != 'Material3' {
2494
2495
  background-color: $ddl-chip-bg-color;
2495
2496
  }
2497
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2498
+ border: $dd-chip-border;
2499
+ }
2496
2500
  border-radius: $ddl-chip-radius;
2497
2501
  height: $ddl-chip-height;
2498
2502
  }
@@ -184,7 +184,8 @@ $ddl-closer-margin-top-bigger-small: -1.64em !default;
184
184
  $ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
185
185
  $ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
186
186
  $ddl-chip-mobile-font: $content-text-color !default;
187
- $ddl-chip-bg-color: $content-bg-color-alt3 !default;
187
+ $ddl-chip-bg-color: $chip-bg-color !default;
188
+ $dd-chip-border: 1px solid $chip-border-color !default;
188
189
  $ddl-chip-hover-bg-color: $content-bg-color-alt4 !default;
189
190
  $ddl-chip-hover-font-color: $content-text-color-hover !default;
190
191
  $ddl-sel-hover-chip-bg-color: $content-bg-color-alt5 !default;
@@ -2493,6 +2494,9 @@ ejs-multiselect {
2493
2494
  @if $ddl-multiselect-skin-name != 'Material3' {
2494
2495
  background-color: $ddl-chip-bg-color;
2495
2496
  }
2497
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2498
+ border: $dd-chip-border;
2499
+ }
2496
2500
  border-radius: $ddl-chip-radius;
2497
2501
  height: $ddl-chip-height;
2498
2502
  }
@@ -2560,6 +2560,9 @@ ejs-multiselect {
2560
2560
  @if $ddl-multiselect-skin-name != 'Material3' {
2561
2561
  background-color: $ddl-chip-bg-color;
2562
2562
  }
2563
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2564
+ border: $dd-chip-border;
2565
+ }
2563
2566
  border-radius: $ddl-chip-radius;
2564
2567
  height: $ddl-chip-height;
2565
2568
  }
@@ -2498,6 +2498,9 @@ ejs-multiselect {
2498
2498
  @if $ddl-multiselect-skin-name != 'Material3' {
2499
2499
  background-color: $ddl-chip-bg-color;
2500
2500
  }
2501
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2502
+ border: $dd-chip-border;
2503
+ }
2501
2504
  border-radius: $ddl-chip-radius;
2502
2505
  height: $ddl-chip-height;
2503
2506
  }
@@ -2491,6 +2491,9 @@ ejs-multiselect {
2491
2491
  @if $ddl-multiselect-skin-name != 'Material3' {
2492
2492
  background-color: $ddl-chip-bg-color;
2493
2493
  }
2494
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2495
+ border: $dd-chip-border;
2496
+ }
2494
2497
  border-radius: $ddl-chip-radius;
2495
2498
  height: $ddl-chip-height;
2496
2499
  }
@@ -2488,6 +2488,9 @@ ejs-multiselect {
2488
2488
  @if $ddl-multiselect-skin-name != 'Material3' {
2489
2489
  background-color: $ddl-chip-bg-color;
2490
2490
  }
2491
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2492
+ border: $dd-chip-border;
2493
+ }
2491
2494
  border-radius: $ddl-chip-radius;
2492
2495
  height: $ddl-chip-height;
2493
2496
  }
@@ -2488,6 +2488,9 @@ ejs-multiselect {
2488
2488
  @if $ddl-multiselect-skin-name != 'Material3' {
2489
2489
  background-color: $ddl-chip-bg-color;
2490
2490
  }
2491
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2492
+ border: $dd-chip-border;
2493
+ }
2491
2494
  border-radius: $ddl-chip-radius;
2492
2495
  height: $ddl-chip-height;
2493
2496
  }
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }
@@ -2492,6 +2492,9 @@ ejs-multiselect {
2492
2492
  @if $ddl-multiselect-skin-name != 'Material3' {
2493
2493
  background-color: $ddl-chip-bg-color;
2494
2494
  }
2495
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2496
+ border: $dd-chip-border;
2497
+ }
2495
2498
  border-radius: $ddl-chip-radius;
2496
2499
  height: $ddl-chip-height;
2497
2500
  }