@syncfusion/blazor-themes 26.1.40 → 26.1.42

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 (205) hide show
  1. package/SCSS-Themes/base/fluent2-highcontrast.scss +1 -1
  2. package/SCSS-Themes/bds-dark.scss +159 -53
  3. package/SCSS-Themes/bds.scss +159 -53
  4. package/SCSS-Themes/bootstrap-dark.scss +159 -53
  5. package/SCSS-Themes/bootstrap.scss +166 -60
  6. package/SCSS-Themes/bootstrap4.scss +166 -60
  7. package/SCSS-Themes/bootstrap5-dark.scss +170 -64
  8. package/SCSS-Themes/bootstrap5.scss +170 -64
  9. package/SCSS-Themes/calendars/calendar/bds-dark.scss +5 -0
  10. package/SCSS-Themes/calendars/calendar/bds.scss +5 -0
  11. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +5 -0
  12. package/SCSS-Themes/calendars/calendar/bootstrap.scss +5 -0
  13. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +5 -0
  14. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +5 -0
  15. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +5 -0
  16. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +5 -0
  17. package/SCSS-Themes/calendars/calendar/fabric.scss +5 -0
  18. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +5 -0
  19. package/SCSS-Themes/calendars/calendar/fluent.scss +5 -0
  20. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +5 -0
  21. package/SCSS-Themes/calendars/calendar/fluent2.scss +5 -0
  22. package/SCSS-Themes/calendars/calendar/highcontrast.scss +5 -0
  23. package/SCSS-Themes/calendars/calendar/material-dark.scss +5 -0
  24. package/SCSS-Themes/calendars/calendar/material.scss +5 -0
  25. package/SCSS-Themes/calendars/calendar/material3-dark.scss +5 -0
  26. package/SCSS-Themes/calendars/calendar/material3.scss +5 -0
  27. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +5 -0
  28. package/SCSS-Themes/calendars/calendar/tailwind.scss +5 -0
  29. package/SCSS-Themes/calendars/daterangepicker/fluent2-dark.scss +3 -3
  30. package/SCSS-Themes/calendars/daterangepicker/fluent2.scss +3 -3
  31. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +1 -1
  32. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +1 -1
  33. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +1 -1
  34. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +1 -1
  35. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +1 -1
  36. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +1 -1
  37. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +1 -1
  38. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +1 -1
  39. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +1 -1
  40. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +1 -1
  41. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +1 -1
  42. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +1 -1
  43. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +1 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +1 -1
  45. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +1 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +1 -1
  47. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +1 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +1 -1
  49. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +1 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +1 -1
  51. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +1 -1
  52. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +1 -1
  53. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +1 -1
  54. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +1 -1
  55. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +1 -1
  56. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +1 -1
  57. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +1 -1
  58. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +1 -1
  59. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +1 -1
  60. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +1 -1
  61. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +1 -1
  62. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss +1 -1
  63. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2.scss +1 -1
  64. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +1 -1
  65. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +1 -1
  66. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +1 -1
  67. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +1 -1
  68. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +1 -1
  69. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +1 -1
  70. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +1 -1
  71. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +3 -0
  72. package/SCSS-Themes/dropdowns/multi-select/bds.scss +3 -0
  73. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +3 -0
  74. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +3 -0
  75. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +3 -0
  76. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +3 -0
  77. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +3 -0
  78. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +3 -0
  79. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +3 -0
  80. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +3 -0
  81. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +3 -0
  82. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +5 -1
  83. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +5 -1
  84. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +3 -0
  85. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +3 -0
  86. package/SCSS-Themes/dropdowns/multi-select/material.scss +3 -0
  87. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +3 -0
  88. package/SCSS-Themes/dropdowns/multi-select/material3.scss +3 -0
  89. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +3 -0
  90. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +3 -0
  91. package/SCSS-Themes/fabric-dark.scss +159 -53
  92. package/SCSS-Themes/fabric.scss +163 -57
  93. package/SCSS-Themes/fluent-dark.scss +167 -61
  94. package/SCSS-Themes/fluent.scss +167 -61
  95. package/SCSS-Themes/fluent2-dark.scss +181 -74
  96. package/SCSS-Themes/fluent2-highcontrast.scss +1 -1
  97. package/SCSS-Themes/fluent2.scss +181 -74
  98. package/SCSS-Themes/grids/grid/bds-dark.scss +23 -7
  99. package/SCSS-Themes/grids/grid/bds.scss +23 -7
  100. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +23 -7
  101. package/SCSS-Themes/grids/grid/bootstrap.scss +30 -14
  102. package/SCSS-Themes/grids/grid/bootstrap4.scss +30 -14
  103. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +33 -17
  104. package/SCSS-Themes/grids/grid/bootstrap5.scss +33 -17
  105. package/SCSS-Themes/grids/grid/fabric-dark.scss +23 -7
  106. package/SCSS-Themes/grids/grid/fabric.scss +27 -11
  107. package/SCSS-Themes/grids/grid/fluent-dark.scss +30 -14
  108. package/SCSS-Themes/grids/grid/fluent.scss +30 -14
  109. package/SCSS-Themes/grids/grid/fluent2-dark.scss +36 -20
  110. package/SCSS-Themes/grids/grid/fluent2.scss +36 -20
  111. package/SCSS-Themes/grids/grid/highcontrast.scss +30 -14
  112. package/SCSS-Themes/grids/grid/material-dark.scss +23 -7
  113. package/SCSS-Themes/grids/grid/material.scss +24 -8
  114. package/SCSS-Themes/grids/grid/material3-dark.scss +29 -13
  115. package/SCSS-Themes/grids/grid/material3.scss +29 -13
  116. package/SCSS-Themes/grids/grid/tailwind-dark.scss +33 -17
  117. package/SCSS-Themes/grids/grid/tailwind.scss +33 -17
  118. package/SCSS-Themes/highcontrast.scss +166 -60
  119. package/SCSS-Themes/inputs/slider/bds-dark.scss +34 -7
  120. package/SCSS-Themes/inputs/slider/bds.scss +34 -7
  121. package/SCSS-Themes/inputs/slider/bootstrap-dark.scss +34 -7
  122. package/SCSS-Themes/inputs/slider/bootstrap.scss +34 -7
  123. package/SCSS-Themes/inputs/slider/bootstrap4.scss +34 -7
  124. package/SCSS-Themes/inputs/slider/bootstrap5-dark.scss +34 -7
  125. package/SCSS-Themes/inputs/slider/bootstrap5.scss +34 -7
  126. package/SCSS-Themes/inputs/slider/fabric-dark.scss +34 -7
  127. package/SCSS-Themes/inputs/slider/fabric.scss +34 -7
  128. package/SCSS-Themes/inputs/slider/fluent-dark.scss +34 -7
  129. package/SCSS-Themes/inputs/slider/fluent.scss +34 -7
  130. package/SCSS-Themes/inputs/slider/fluent2-dark.scss +34 -7
  131. package/SCSS-Themes/inputs/slider/fluent2.scss +34 -7
  132. package/SCSS-Themes/inputs/slider/highcontrast.scss +34 -7
  133. package/SCSS-Themes/inputs/slider/material-dark.scss +44 -16
  134. package/SCSS-Themes/inputs/slider/material.scss +34 -7
  135. package/SCSS-Themes/inputs/slider/material3-dark.scss +34 -7
  136. package/SCSS-Themes/inputs/slider/material3.scss +34 -7
  137. package/SCSS-Themes/inputs/slider/tailwind-dark.scss +34 -7
  138. package/SCSS-Themes/inputs/slider/tailwind.scss +34 -7
  139. package/SCSS-Themes/material-dark.scss +170 -63
  140. package/SCSS-Themes/material.scss +161 -55
  141. package/SCSS-Themes/material3-dark.scss +166 -60
  142. package/SCSS-Themes/material3.scss +166 -60
  143. package/SCSS-Themes/navigations/treeview/bds-dark.scss +2 -1
  144. package/SCSS-Themes/navigations/treeview/bds.scss +2 -1
  145. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +2 -1
  146. package/SCSS-Themes/navigations/treeview/bootstrap.scss +2 -1
  147. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +2 -1
  148. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +2 -1
  149. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +2 -1
  150. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +2 -1
  151. package/SCSS-Themes/navigations/treeview/fabric.scss +2 -1
  152. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +2 -1
  153. package/SCSS-Themes/navigations/treeview/fluent.scss +2 -1
  154. package/SCSS-Themes/navigations/treeview/fluent2-dark.scss +2 -1
  155. package/SCSS-Themes/navigations/treeview/fluent2.scss +2 -1
  156. package/SCSS-Themes/navigations/treeview/highcontrast.scss +2 -1
  157. package/SCSS-Themes/navigations/treeview/material-dark.scss +2 -1
  158. package/SCSS-Themes/navigations/treeview/material.scss +2 -1
  159. package/SCSS-Themes/navigations/treeview/material3-dark.scss +2 -1
  160. package/SCSS-Themes/navigations/treeview/material3.scss +2 -1
  161. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +2 -1
  162. package/SCSS-Themes/navigations/treeview/tailwind.scss +2 -1
  163. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +89 -36
  164. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +89 -36
  165. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +89 -36
  166. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +89 -36
  167. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +89 -36
  168. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +90 -37
  169. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +90 -37
  170. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +89 -36
  171. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +89 -36
  172. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +90 -37
  173. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +90 -37
  174. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +93 -40
  175. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +93 -40
  176. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +89 -36
  177. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +90 -37
  178. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +90 -37
  179. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +90 -37
  180. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +90 -37
  181. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +90 -37
  182. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +90 -37
  183. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +1 -0
  184. package/SCSS-Themes/ribbon/ribbon/bds.scss +1 -0
  185. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +1 -0
  186. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +1 -0
  187. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +1 -0
  188. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +1 -0
  189. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +1 -0
  190. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +1 -0
  191. package/SCSS-Themes/ribbon/ribbon/fabric.scss +1 -0
  192. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +1 -0
  193. package/SCSS-Themes/ribbon/ribbon/fluent.scss +1 -0
  194. package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss +1 -0
  195. package/SCSS-Themes/ribbon/ribbon/fluent2.scss +1 -0
  196. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +1 -0
  197. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +1 -0
  198. package/SCSS-Themes/ribbon/ribbon/material.scss +1 -0
  199. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +1 -0
  200. package/SCSS-Themes/ribbon/ribbon/material3.scss +1 -0
  201. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +1 -0
  202. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +1 -0
  203. package/SCSS-Themes/tailwind-dark.scss +170 -64
  204. package/SCSS-Themes/tailwind.scss +170 -64
  205. package/package.json +1 -1
@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
544
544
 
545
545
  &.e-chip-input {
546
546
  width: 0;
547
- display: none;
547
+ visibility: hidden;
548
548
  }
549
549
  }
550
550
 
@@ -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
  }
@@ -2464,6 +2464,9 @@ ejs-multiselect {
2464
2464
  @if $ddl-multiselect-skin-name != 'Material3' {
2465
2465
  background-color: $ddl-chip-bg-color;
2466
2466
  }
2467
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2468
+ border: $dd-chip-border;
2469
+ }
2467
2470
  border-radius: $ddl-chip-radius;
2468
2471
  height: $ddl-chip-height;
2469
2472
  }
@@ -2453,6 +2453,9 @@ ejs-multiselect {
2453
2453
  @if $ddl-multiselect-skin-name != 'Material3' {
2454
2454
  background-color: $ddl-chip-bg-color;
2455
2455
  }
2456
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2457
+ border: $dd-chip-border;
2458
+ }
2456
2459
  border-radius: $ddl-chip-radius;
2457
2460
  height: $ddl-chip-height;
2458
2461
  }
@@ -2535,6 +2535,9 @@ ejs-multiselect {
2535
2535
  @if $ddl-multiselect-skin-name != 'Material3' {
2536
2536
  background-color: $ddl-chip-bg-color;
2537
2537
  }
2538
+ @if $ddl-multiselect-skin-name == 'fluent2' {
2539
+ border: $dd-chip-border;
2540
+ }
2538
2541
  border-radius: $ddl-chip-radius;
2539
2542
  height: $ddl-chip-height;
2540
2543
  }
@@ -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
  }
@@ -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
  }