@syncfusion/blazor-themes 31.2.4 → 31.2.5

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 (261) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +13 -0
  2. package/Compiled-Themes/bds-dark.css +13 -0
  3. package/Compiled-Themes/bds-lite.css +13 -0
  4. package/Compiled-Themes/bds.css +13 -0
  5. package/Compiled-Themes/bootstrap-dark-lite.css +13 -0
  6. package/Compiled-Themes/bootstrap-dark.css +13 -0
  7. package/Compiled-Themes/bootstrap-lite.css +13 -0
  8. package/Compiled-Themes/bootstrap.css +13 -0
  9. package/Compiled-Themes/bootstrap4-lite.css +13 -0
  10. package/Compiled-Themes/bootstrap4.css +13 -0
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +13 -0
  12. package/Compiled-Themes/bootstrap5-dark.css +13 -0
  13. package/Compiled-Themes/bootstrap5-lite.css +13 -0
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +13 -0
  15. package/Compiled-Themes/bootstrap5.3-dark.css +13 -0
  16. package/Compiled-Themes/bootstrap5.3-lite.css +13 -0
  17. package/Compiled-Themes/bootstrap5.3.css +13 -0
  18. package/Compiled-Themes/bootstrap5.css +13 -0
  19. package/Compiled-Themes/fabric-dark-lite.css +13 -0
  20. package/Compiled-Themes/fabric-dark.css +13 -0
  21. package/Compiled-Themes/fabric-lite.css +13 -0
  22. package/Compiled-Themes/fabric.css +13 -0
  23. package/Compiled-Themes/fluent-dark-lite.css +13 -0
  24. package/Compiled-Themes/fluent-dark.css +13 -0
  25. package/Compiled-Themes/fluent-lite.css +13 -0
  26. package/Compiled-Themes/fluent.css +13 -0
  27. package/Compiled-Themes/fluent2-dark-lite.css +14 -6
  28. package/Compiled-Themes/fluent2-dark.css +14 -6
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +14 -6
  30. package/Compiled-Themes/fluent2-highcontrast.css +14 -6
  31. package/Compiled-Themes/fluent2-lite.css +14 -6
  32. package/Compiled-Themes/fluent2.css +14 -6
  33. package/Compiled-Themes/highcontrast-lite.css +13 -0
  34. package/Compiled-Themes/highcontrast.css +13 -0
  35. package/Compiled-Themes/material-dark-lite.css +13 -0
  36. package/Compiled-Themes/material-dark.css +13 -0
  37. package/Compiled-Themes/material-lite.css +13 -0
  38. package/Compiled-Themes/material.css +13 -0
  39. package/Compiled-Themes/material3-dark-lite.css +13 -0
  40. package/Compiled-Themes/material3-dark.css +13 -0
  41. package/Compiled-Themes/material3-lite.css +13 -0
  42. package/Compiled-Themes/material3.css +13 -0
  43. package/Compiled-Themes/tailwind-dark-lite.css +13 -0
  44. package/Compiled-Themes/tailwind-dark.css +13 -0
  45. package/Compiled-Themes/tailwind-lite.css +13 -0
  46. package/Compiled-Themes/tailwind.css +13 -0
  47. package/Compiled-Themes/tailwind3-dark-lite.css +14 -1
  48. package/Compiled-Themes/tailwind3-dark.css +16 -3
  49. package/Compiled-Themes/tailwind3-lite.css +14 -1
  50. package/Compiled-Themes/tailwind3.css +16 -3
  51. package/SCSS-Themes/bds-dark-lite.scss +21 -1
  52. package/SCSS-Themes/bds-dark.scss +21 -1
  53. package/SCSS-Themes/bds-lite.scss +21 -1
  54. package/SCSS-Themes/bds.scss +21 -1
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +20 -1
  56. package/SCSS-Themes/bootstrap-dark.scss +20 -1
  57. package/SCSS-Themes/bootstrap-lite.scss +20 -1
  58. package/SCSS-Themes/bootstrap.scss +20 -1
  59. package/SCSS-Themes/bootstrap4-lite.scss +21 -1
  60. package/SCSS-Themes/bootstrap4.scss +21 -1
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +21 -1
  62. package/SCSS-Themes/bootstrap5-dark.scss +21 -1
  63. package/SCSS-Themes/bootstrap5-lite.scss +21 -1
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +21 -1
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +21 -1
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +21 -1
  67. package/SCSS-Themes/bootstrap5.3.scss +21 -1
  68. package/SCSS-Themes/bootstrap5.scss +21 -1
  69. package/SCSS-Themes/buttons/radio-button/bds-dark-lite.scss +4 -0
  70. package/SCSS-Themes/buttons/radio-button/bds-dark.scss +4 -0
  71. package/SCSS-Themes/buttons/radio-button/bds-lite.scss +4 -0
  72. package/SCSS-Themes/buttons/radio-button/bds.scss +4 -0
  73. package/SCSS-Themes/buttons/radio-button/bootstrap-dark-lite.scss +4 -0
  74. package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss +4 -0
  75. package/SCSS-Themes/buttons/radio-button/bootstrap-lite.scss +4 -0
  76. package/SCSS-Themes/buttons/radio-button/bootstrap.scss +4 -0
  77. package/SCSS-Themes/buttons/radio-button/bootstrap4-lite.scss +4 -0
  78. package/SCSS-Themes/buttons/radio-button/bootstrap4.scss +4 -0
  79. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark-lite.scss +4 -0
  80. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss +4 -0
  81. package/SCSS-Themes/buttons/radio-button/bootstrap5-lite.scss +4 -0
  82. package/SCSS-Themes/buttons/radio-button/bootstrap5.3-dark-lite.scss +4 -0
  83. package/SCSS-Themes/buttons/radio-button/bootstrap5.3-dark.scss +4 -0
  84. package/SCSS-Themes/buttons/radio-button/bootstrap5.3-lite.scss +4 -0
  85. package/SCSS-Themes/buttons/radio-button/bootstrap5.3.scss +4 -0
  86. package/SCSS-Themes/buttons/radio-button/bootstrap5.scss +4 -0
  87. package/SCSS-Themes/buttons/radio-button/fabric-dark-lite.scss +4 -0
  88. package/SCSS-Themes/buttons/radio-button/fabric-dark.scss +4 -0
  89. package/SCSS-Themes/buttons/radio-button/fabric-lite.scss +4 -0
  90. package/SCSS-Themes/buttons/radio-button/fabric.scss +4 -0
  91. package/SCSS-Themes/buttons/radio-button/fluent-dark-lite.scss +5 -0
  92. package/SCSS-Themes/buttons/radio-button/fluent-dark.scss +5 -0
  93. package/SCSS-Themes/buttons/radio-button/fluent-lite.scss +5 -0
  94. package/SCSS-Themes/buttons/radio-button/fluent.scss +5 -0
  95. package/SCSS-Themes/buttons/radio-button/fluent2-dark-lite.scss +4 -0
  96. package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss +4 -0
  97. package/SCSS-Themes/buttons/radio-button/fluent2-highcontrast-lite.scss +4 -0
  98. package/SCSS-Themes/buttons/radio-button/fluent2-highcontrast.scss +4 -0
  99. package/SCSS-Themes/buttons/radio-button/fluent2-lite.scss +4 -0
  100. package/SCSS-Themes/buttons/radio-button/fluent2.scss +4 -0
  101. package/SCSS-Themes/buttons/radio-button/highcontrast-lite.scss +4 -0
  102. package/SCSS-Themes/buttons/radio-button/highcontrast.scss +4 -0
  103. package/SCSS-Themes/buttons/radio-button/material-dark-lite.scss +4 -0
  104. package/SCSS-Themes/buttons/radio-button/material-dark.scss +4 -0
  105. package/SCSS-Themes/buttons/radio-button/material-lite.scss +4 -0
  106. package/SCSS-Themes/buttons/radio-button/material.scss +4 -0
  107. package/SCSS-Themes/buttons/radio-button/material3-dark-lite.scss +4 -0
  108. package/SCSS-Themes/buttons/radio-button/material3-dark.scss +4 -0
  109. package/SCSS-Themes/buttons/radio-button/material3-lite.scss +4 -0
  110. package/SCSS-Themes/buttons/radio-button/material3.scss +4 -0
  111. package/SCSS-Themes/buttons/radio-button/tailwind-dark-lite.scss +4 -0
  112. package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss +4 -0
  113. package/SCSS-Themes/buttons/radio-button/tailwind-lite.scss +4 -0
  114. package/SCSS-Themes/buttons/radio-button/tailwind.scss +4 -0
  115. package/SCSS-Themes/buttons/radio-button/tailwind3-dark-lite.scss +4 -0
  116. package/SCSS-Themes/buttons/radio-button/tailwind3-dark.scss +4 -0
  117. package/SCSS-Themes/buttons/radio-button/tailwind3-lite.scss +4 -0
  118. package/SCSS-Themes/buttons/radio-button/tailwind3.scss +4 -0
  119. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss +1 -1
  120. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +1 -1
  121. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss +1 -1
  122. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss +1 -1
  123. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss +1 -1
  124. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +1 -1
  125. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss +1 -1
  126. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss +1 -1
  127. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss +1 -1
  128. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss +1 -1
  129. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +7 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +7 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +7 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +7 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +6 -0
  134. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +6 -0
  135. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +6 -0
  136. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +6 -0
  137. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +7 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +7 -0
  139. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +7 -0
  140. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +7 -0
  141. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +7 -0
  142. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +7 -0
  143. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +7 -0
  144. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +7 -0
  145. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +7 -0
  146. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +7 -0
  147. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +6 -0
  148. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +6 -0
  149. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +6 -0
  150. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +6 -0
  151. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +7 -0
  152. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +7 -0
  153. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +7 -0
  154. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +7 -0
  155. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +7 -0
  156. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +7 -0
  157. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +7 -0
  158. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +7 -0
  159. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +7 -0
  160. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +7 -0
  161. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +6 -0
  162. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +6 -0
  163. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +6 -0
  164. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +6 -0
  165. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +6 -0
  166. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +6 -0
  167. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +7 -0
  168. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +7 -0
  169. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +7 -0
  170. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +7 -0
  171. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +7 -0
  172. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +7 -0
  173. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +7 -0
  174. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +7 -0
  175. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +7 -0
  176. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +7 -0
  177. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +7 -0
  178. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +7 -0
  179. package/SCSS-Themes/fabric-dark-lite.scss +20 -1
  180. package/SCSS-Themes/fabric-dark.scss +20 -1
  181. package/SCSS-Themes/fabric-lite.scss +20 -1
  182. package/SCSS-Themes/fabric.scss +20 -1
  183. package/SCSS-Themes/fluent-dark-lite.scss +22 -1
  184. package/SCSS-Themes/fluent-dark.scss +22 -1
  185. package/SCSS-Themes/fluent-lite.scss +22 -1
  186. package/SCSS-Themes/fluent.scss +22 -1
  187. package/SCSS-Themes/fluent2-dark-lite.scss +22 -2
  188. package/SCSS-Themes/fluent2-dark.scss +22 -2
  189. package/SCSS-Themes/fluent2-highcontrast-lite.scss +22 -2
  190. package/SCSS-Themes/fluent2-highcontrast.scss +22 -2
  191. package/SCSS-Themes/fluent2-lite.scss +22 -2
  192. package/SCSS-Themes/fluent2.scss +22 -2
  193. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +10 -1
  194. package/SCSS-Themes/grids/grid/bds-dark.scss +10 -1
  195. package/SCSS-Themes/grids/grid/bds-lite.scss +10 -1
  196. package/SCSS-Themes/grids/grid/bds.scss +10 -1
  197. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +10 -1
  198. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +10 -1
  199. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +10 -1
  200. package/SCSS-Themes/grids/grid/bootstrap.scss +10 -1
  201. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +10 -1
  202. package/SCSS-Themes/grids/grid/bootstrap4.scss +10 -1
  203. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +10 -1
  204. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +10 -1
  205. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +10 -1
  206. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +10 -1
  207. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +10 -1
  208. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +10 -1
  209. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +10 -1
  210. package/SCSS-Themes/grids/grid/bootstrap5.scss +10 -1
  211. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +10 -1
  212. package/SCSS-Themes/grids/grid/fabric-dark.scss +10 -1
  213. package/SCSS-Themes/grids/grid/fabric-lite.scss +10 -1
  214. package/SCSS-Themes/grids/grid/fabric.scss +10 -1
  215. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +10 -1
  216. package/SCSS-Themes/grids/grid/fluent-dark.scss +10 -1
  217. package/SCSS-Themes/grids/grid/fluent-lite.scss +10 -1
  218. package/SCSS-Themes/grids/grid/fluent.scss +10 -1
  219. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +10 -1
  220. package/SCSS-Themes/grids/grid/fluent2-dark.scss +10 -1
  221. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +10 -1
  222. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +10 -1
  223. package/SCSS-Themes/grids/grid/fluent2-lite.scss +10 -1
  224. package/SCSS-Themes/grids/grid/fluent2.scss +10 -1
  225. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +10 -1
  226. package/SCSS-Themes/grids/grid/highcontrast.scss +10 -1
  227. package/SCSS-Themes/grids/grid/material-dark-lite.scss +10 -1
  228. package/SCSS-Themes/grids/grid/material-dark.scss +10 -1
  229. package/SCSS-Themes/grids/grid/material-lite.scss +10 -1
  230. package/SCSS-Themes/grids/grid/material.scss +10 -1
  231. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +10 -1
  232. package/SCSS-Themes/grids/grid/material3-dark.scss +10 -1
  233. package/SCSS-Themes/grids/grid/material3-lite.scss +10 -1
  234. package/SCSS-Themes/grids/grid/material3.scss +10 -1
  235. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +10 -1
  236. package/SCSS-Themes/grids/grid/tailwind-dark.scss +10 -1
  237. package/SCSS-Themes/grids/grid/tailwind-lite.scss +10 -1
  238. package/SCSS-Themes/grids/grid/tailwind.scss +10 -1
  239. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +10 -1
  240. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +10 -1
  241. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +10 -1
  242. package/SCSS-Themes/grids/grid/tailwind3.scss +10 -1
  243. package/SCSS-Themes/highcontrast-lite.scss +20 -1
  244. package/SCSS-Themes/highcontrast.scss +20 -1
  245. package/SCSS-Themes/material-dark-lite.scss +20 -1
  246. package/SCSS-Themes/material-dark.scss +20 -1
  247. package/SCSS-Themes/material-lite.scss +20 -1
  248. package/SCSS-Themes/material.scss +20 -1
  249. package/SCSS-Themes/material3-dark-lite.scss +21 -1
  250. package/SCSS-Themes/material3-dark.scss +21 -1
  251. package/SCSS-Themes/material3-lite.scss +21 -1
  252. package/SCSS-Themes/material3.scss +21 -1
  253. package/SCSS-Themes/tailwind-dark-lite.scss +21 -1
  254. package/SCSS-Themes/tailwind-dark.scss +21 -1
  255. package/SCSS-Themes/tailwind-lite.scss +21 -1
  256. package/SCSS-Themes/tailwind.scss +21 -1
  257. package/SCSS-Themes/tailwind3-dark-lite.scss +22 -2
  258. package/SCSS-Themes/tailwind3-dark.scss +22 -2
  259. package/SCSS-Themes/tailwind3-lite.scss +22 -2
  260. package/SCSS-Themes/tailwind3.scss +22 -2
  261. package/package.json +1 -1
@@ -3666,6 +3666,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3666
3666
  $ddl-bigger-list-font-size: $text-base !default;
3667
3667
  $ddl-bigger-group-list-font-size: $text-sm !default;
3668
3668
  $ddl-filter-margin: 0 !default;
3669
+ $border-type: solid !default;
3669
3670
 
3670
3671
  // Small Size
3671
3672
  $ddl-small-list-font-size: $text-xs !default;
@@ -3684,6 +3685,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
3684
3685
  $ddl-popup-background-color: $flyout-bg-color !default;
3685
3686
  $ddl-filter-background-color: $flyout-bg-color !default;
3686
3687
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3688
+ $input-border: $ddl-zero-value solid !default;
3687
3689
 
3688
3690
  @include export-module('dropdownlist-bds') {
3689
3691
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3758,6 +3760,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3758
3760
  }
3759
3761
  }
3760
3762
 
3763
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3764
+ width: 100%;
3765
+ border: $input-border;
3766
+ }
3767
+
3761
3768
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3762
3769
  display: block;
3763
3770
  visibility: hidden;
@@ -31417,6 +31424,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
31417
31424
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
31418
31425
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
31419
31426
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31427
+ $radio-btn-border-error-color: $border-error;
31420
31428
 
31421
31429
  @mixin fluent-focus-border {
31422
31430
  @if $skin-name == 'FluentUI' {
@@ -31797,6 +31805,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31797
31805
  }
31798
31806
  }
31799
31807
  }
31808
+ .e-radio-wrapper.e-error .e-radio + label::before {
31809
+ border-color: $radio-btn-border-error-color;
31810
+ }
31800
31811
  }
31801
31812
 
31802
31813
 
@@ -66681,6 +66692,13 @@ $grid-checkmark-color: $primary !default;
66681
66692
  overflow: hidden;
66682
66693
  overflow-x: scroll;
66683
66694
  }
66695
+
66696
+ &.e-mac-safari .virtualtable {
66697
+ .e-leftfreeze,
66698
+ .e-rightfreeze {
66699
+ transform: translateZ(0);
66700
+ }
66701
+ }
66684
66702
 
66685
66703
  .e-columnchooser::before {
66686
66704
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -68047,7 +68065,9 @@ $grid-checkmark-color: $primary !default;
68047
68065
  }
68048
68066
 
68049
68067
  .e-cc-searchdiv.e-input-focus {
68050
- border-color: $grid-columnchooser-search-border-fcolor;
68068
+ @if $grid-skin != 'fluent2' {
68069
+ border-color: $grid-columnchooser-search-border-fcolor;
68070
+ }
68051
68071
  }
68052
68072
  }
68053
68073
  }
@@ -3788,6 +3788,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3788
3788
  $ddl-bigger-list-font-size: $text-base !default;
3789
3789
  $ddl-bigger-group-list-font-size: $text-sm !default;
3790
3790
  $ddl-filter-margin: 0 !default;
3791
+ $border-type: solid !default;
3791
3792
 
3792
3793
  // Small Size
3793
3794
  $ddl-small-list-font-size: $text-xs !default;
@@ -3806,6 +3807,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
3806
3807
  $ddl-popup-background-color: $flyout-bg-color !default;
3807
3808
  $ddl-filter-background-color: $flyout-bg-color !default;
3808
3809
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3810
+ $input-border: $ddl-zero-value solid !default;
3809
3811
 
3810
3812
  @include export-module('dropdownlist-bds') {
3811
3813
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3880,6 +3882,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3880
3882
  }
3881
3883
  }
3882
3884
 
3885
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3886
+ width: 100%;
3887
+ border: $input-border;
3888
+ }
3889
+
3883
3890
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3884
3891
  display: block;
3885
3892
  visibility: hidden;
@@ -42680,6 +42687,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
42680
42687
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
42681
42688
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
42682
42689
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
42690
+ $radio-btn-border-error-color: $border-error;
42683
42691
 
42684
42692
  @mixin fluent-focus-border {
42685
42693
  @if $skin-name == 'FluentUI' {
@@ -43060,6 +43068,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
43060
43068
  }
43061
43069
  }
43062
43070
  }
43071
+ .e-radio-wrapper.e-error .e-radio + label::before {
43072
+ border-color: $radio-btn-border-error-color;
43073
+ }
43063
43074
  }
43064
43075
 
43065
43076
 
@@ -89086,6 +89097,13 @@ $grid-checkmark-color: $primary !default;
89086
89097
  overflow: hidden;
89087
89098
  overflow-x: scroll;
89088
89099
  }
89100
+
89101
+ &.e-mac-safari .virtualtable {
89102
+ .e-leftfreeze,
89103
+ .e-rightfreeze {
89104
+ transform: translateZ(0);
89105
+ }
89106
+ }
89089
89107
 
89090
89108
  .e-columnchooser::before {
89091
89109
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -90452,7 +90470,9 @@ $grid-checkmark-color: $primary !default;
90452
90470
  }
90453
90471
 
90454
90472
  .e-cc-searchdiv.e-input-focus {
90455
- border-color: $grid-columnchooser-search-border-fcolor;
90473
+ @if $grid-skin != 'fluent2' {
90474
+ border-color: $grid-columnchooser-search-border-fcolor;
90475
+ }
90456
90476
  }
90457
90477
  }
90458
90478
  }
@@ -2688,6 +2688,7 @@ $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2688
2688
  $ddl-back-icon-padding: 0 !default;
2689
2689
  $ddl-filter-margin: 0 !default;
2690
2690
  $ddl-box-border-color: $grey-lighter !default;
2691
+ $input-border: $ddl-zero-value $border-type !default;
2691
2692
 
2692
2693
  // small size
2693
2694
  $ddl-small-list-font-size: 13px !default;
@@ -2766,6 +2767,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2766
2767
  }
2767
2768
  }
2768
2769
 
2770
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2771
+ width: 100%;
2772
+ border: $input-border;
2773
+ }
2774
+
2769
2775
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2770
2776
  display: block;
2771
2777
  visibility: hidden;
@@ -29983,6 +29989,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
29983
29989
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
29984
29990
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29985
29991
  $radio-btn-focus-outline-offset: 0 !default;
29992
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
29986
29993
 
29987
29994
  @mixin fluent-focus-border {
29988
29995
  @if $skin-name == 'FluentUI' {
@@ -30363,6 +30370,9 @@ $radio-btn-focus-outline-offset: 0 !default;
30363
30370
  }
30364
30371
  }
30365
30372
  }
30373
+ .e-radio-wrapper.e-error .e-radio + label::before {
30374
+ border-color: $radio-btn-border-error-color;
30375
+ }
30366
30376
  }
30367
30377
 
30368
30378
 
@@ -64892,6 +64902,13 @@ $grid-checkmark-color: $grey-light-font !default;
64892
64902
  overflow: hidden;
64893
64903
  overflow-x: scroll;
64894
64904
  }
64905
+
64906
+ &.e-mac-safari .virtualtable {
64907
+ .e-leftfreeze,
64908
+ .e-rightfreeze {
64909
+ transform: translateZ(0);
64910
+ }
64911
+ }
64895
64912
 
64896
64913
  .e-columnchooser::before {
64897
64914
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66258,7 +66275,9 @@ $grid-checkmark-color: $grey-light-font !default;
66258
66275
  }
66259
66276
 
66260
66277
  .e-cc-searchdiv.e-input-focus {
66261
- border-color: $grid-columnchooser-search-border-fcolor;
66278
+ @if $grid-skin != 'fluent2' {
66279
+ border-color: $grid-columnchooser-search-border-fcolor;
66280
+ }
66262
66281
  }
66263
66282
  }
66264
66283
  }
@@ -2810,6 +2810,7 @@ $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2810
2810
  $ddl-back-icon-padding: 0 !default;
2811
2811
  $ddl-filter-margin: 0 !default;
2812
2812
  $ddl-box-border-color: $grey-lighter !default;
2813
+ $input-border: $ddl-zero-value $border-type !default;
2813
2814
 
2814
2815
  // small size
2815
2816
  $ddl-small-list-font-size: 13px !default;
@@ -2888,6 +2889,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2888
2889
  }
2889
2890
  }
2890
2891
 
2892
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2893
+ width: 100%;
2894
+ border: $input-border;
2895
+ }
2896
+
2891
2897
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2892
2898
  display: block;
2893
2899
  visibility: hidden;
@@ -41246,6 +41252,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
41246
41252
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
41247
41253
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41248
41254
  $radio-btn-focus-outline-offset: 0 !default;
41255
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
41249
41256
 
41250
41257
  @mixin fluent-focus-border {
41251
41258
  @if $skin-name == 'FluentUI' {
@@ -41626,6 +41633,9 @@ $radio-btn-focus-outline-offset: 0 !default;
41626
41633
  }
41627
41634
  }
41628
41635
  }
41636
+ .e-radio-wrapper.e-error .e-radio + label::before {
41637
+ border-color: $radio-btn-border-error-color;
41638
+ }
41629
41639
  }
41630
41640
 
41631
41641
 
@@ -87297,6 +87307,13 @@ $grid-checkmark-color: $grey-light-font !default;
87297
87307
  overflow: hidden;
87298
87308
  overflow-x: scroll;
87299
87309
  }
87310
+
87311
+ &.e-mac-safari .virtualtable {
87312
+ .e-leftfreeze,
87313
+ .e-rightfreeze {
87314
+ transform: translateZ(0);
87315
+ }
87316
+ }
87300
87317
 
87301
87318
  .e-columnchooser::before {
87302
87319
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88663,7 +88680,9 @@ $grid-checkmark-color: $grey-light-font !default;
88663
88680
  }
88664
88681
 
88665
88682
  .e-cc-searchdiv.e-input-focus {
88666
- border-color: $grid-columnchooser-search-border-fcolor;
88683
+ @if $grid-skin != 'fluent2' {
88684
+ border-color: $grid-columnchooser-search-border-fcolor;
88685
+ }
88667
88686
  }
88668
88687
  }
88669
88688
  }
@@ -2680,6 +2680,7 @@ $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2680
2680
  $ddl-back-icon-padding: 0 !default;
2681
2681
  $ddl-filter-margin: 0 !default;
2682
2682
  $ddl-box-border-color: $grey-cc !default;
2683
+ $input-border: $ddl-zero-value $border-type !default;
2683
2684
 
2684
2685
  // small size
2685
2686
  $ddl-small-list-font-size: 13px !default;
@@ -2758,6 +2759,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2758
2759
  }
2759
2760
  }
2760
2761
 
2762
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2763
+ width: 100%;
2764
+ border: $input-border;
2765
+ }
2766
+
2761
2767
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2762
2768
  display: block;
2763
2769
  visibility: hidden;
@@ -29765,6 +29771,7 @@ $radio-btn-bigger-small-ripple-size: 36px !default;
29765
29771
  $radio-btn-focus-ripple-bgcolor: #000 !default;
29766
29772
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29767
29773
  $radio-btn-focus-outline-offset: 0 !default;
29774
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
29768
29775
 
29769
29776
  @mixin fluent-focus-border {
29770
29777
  @if $skin-name == 'FluentUI' {
@@ -30145,6 +30152,9 @@ $radio-btn-focus-outline-offset: 0 !default;
30145
30152
  }
30146
30153
  }
30147
30154
  }
30155
+ .e-radio-wrapper.e-error .e-radio + label::before {
30156
+ border-color: $radio-btn-border-error-color;
30157
+ }
30148
30158
  }
30149
30159
 
30150
30160
 
@@ -64639,6 +64649,13 @@ $grid-checkmark-color: $grey !default;
64639
64649
  overflow: hidden;
64640
64650
  overflow-x: scroll;
64641
64651
  }
64652
+
64653
+ &.e-mac-safari .virtualtable {
64654
+ .e-leftfreeze,
64655
+ .e-rightfreeze {
64656
+ transform: translateZ(0);
64657
+ }
64658
+ }
64642
64659
 
64643
64660
  .e-columnchooser::before {
64644
64661
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66005,7 +66022,9 @@ $grid-checkmark-color: $grey !default;
66005
66022
  }
66006
66023
 
66007
66024
  .e-cc-searchdiv.e-input-focus {
66008
- border-color: $grid-columnchooser-search-border-fcolor;
66025
+ @if $grid-skin != 'fluent2' {
66026
+ border-color: $grid-columnchooser-search-border-fcolor;
66027
+ }
66009
66028
  }
66010
66029
  }
66011
66030
  }
@@ -2802,6 +2802,7 @@ $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2802
2802
  $ddl-back-icon-padding: 0 !default;
2803
2803
  $ddl-filter-margin: 0 !default;
2804
2804
  $ddl-box-border-color: $grey-cc !default;
2805
+ $input-border: $ddl-zero-value $border-type !default;
2805
2806
 
2806
2807
  // small size
2807
2808
  $ddl-small-list-font-size: 13px !default;
@@ -2880,6 +2881,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2880
2881
  }
2881
2882
  }
2882
2883
 
2884
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2885
+ width: 100%;
2886
+ border: $input-border;
2887
+ }
2888
+
2883
2889
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2884
2890
  display: block;
2885
2891
  visibility: hidden;
@@ -41028,6 +41034,7 @@ $radio-btn-bigger-small-ripple-size: 36px !default;
41028
41034
  $radio-btn-focus-ripple-bgcolor: #000 !default;
41029
41035
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41030
41036
  $radio-btn-focus-outline-offset: 0 !default;
41037
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
41031
41038
 
41032
41039
  @mixin fluent-focus-border {
41033
41040
  @if $skin-name == 'FluentUI' {
@@ -41408,6 +41415,9 @@ $radio-btn-focus-outline-offset: 0 !default;
41408
41415
  }
41409
41416
  }
41410
41417
  }
41418
+ .e-radio-wrapper.e-error .e-radio + label::before {
41419
+ border-color: $radio-btn-border-error-color;
41420
+ }
41411
41421
  }
41412
41422
 
41413
41423
 
@@ -87044,6 +87054,13 @@ $grid-checkmark-color: $grey !default;
87044
87054
  overflow: hidden;
87045
87055
  overflow-x: scroll;
87046
87056
  }
87057
+
87058
+ &.e-mac-safari .virtualtable {
87059
+ .e-leftfreeze,
87060
+ .e-rightfreeze {
87061
+ transform: translateZ(0);
87062
+ }
87063
+ }
87047
87064
 
87048
87065
  .e-columnchooser::before {
87049
87066
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88410,7 +88427,9 @@ $grid-checkmark-color: $grey !default;
88410
88427
  }
88411
88428
 
88412
88429
  .e-cc-searchdiv.e-input-focus {
88413
- border-color: $grid-columnchooser-search-border-fcolor;
88430
+ @if $grid-skin != 'fluent2' {
88431
+ border-color: $grid-columnchooser-search-border-fcolor;
88432
+ }
88414
88433
  }
88415
88434
  }
88416
88435
  }
@@ -2465,6 +2465,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2465
2465
 
2466
2466
 
2467
2467
  $ddl-input-font-size: 14px !default;
2468
+ $border-type: solid !default;
2468
2469
 
2469
2470
  // $ddl-input-border: $border-size $border-type !default;
2470
2471
  $ddl-input-font-family: inherit !default;
@@ -2493,6 +2494,7 @@ $ddl-icon-hover-color: rgba($black, .4) !default;
2493
2494
  $ddl-readonly-bg-color: $gray-200 !default;
2494
2495
  $ddl-filter-margin: 0 !default;
2495
2496
  $ddl-box-border-color: $gray-400 !default;
2497
+ $input-border: $ddl-zero-value $border-type !default;
2496
2498
 
2497
2499
  // small size
2498
2500
  $ddl-small-list-font-size: 13px !default;
@@ -2605,6 +2607,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2605
2607
  }
2606
2608
  }
2607
2609
 
2610
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2611
+ width: 100%;
2612
+ border: $input-border;
2613
+ }
2614
+
2608
2615
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2609
2616
  display: block;
2610
2617
  visibility: hidden;
@@ -29731,6 +29738,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
29731
29738
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
29732
29739
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29733
29740
  $radio-btn-focus-outline-offset: 0 !default;
29741
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
29734
29742
 
29735
29743
  @mixin fluent-focus-border {
29736
29744
  @if $skin-name == 'FluentUI' {
@@ -30111,6 +30119,9 @@ $radio-btn-focus-outline-offset: 0 !default;
30111
30119
  }
30112
30120
  }
30113
30121
  }
30122
+ .e-radio-wrapper.e-error .e-radio + label::before {
30123
+ border-color: $radio-btn-border-error-color;
30124
+ }
30114
30125
  }
30115
30126
 
30116
30127
 
@@ -64775,6 +64786,13 @@ $grid-checkmark-color: $white !default;
64775
64786
  overflow: hidden;
64776
64787
  overflow-x: scroll;
64777
64788
  }
64789
+
64790
+ &.e-mac-safari .virtualtable {
64791
+ .e-leftfreeze,
64792
+ .e-rightfreeze {
64793
+ transform: translateZ(0);
64794
+ }
64795
+ }
64778
64796
 
64779
64797
  .e-columnchooser::before {
64780
64798
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66141,7 +66159,9 @@ $grid-checkmark-color: $white !default;
66141
66159
  }
66142
66160
 
66143
66161
  .e-cc-searchdiv.e-input-focus {
66144
- border-color: $grid-columnchooser-search-border-fcolor;
66162
+ @if $grid-skin != 'fluent2' {
66163
+ border-color: $grid-columnchooser-search-border-fcolor;
66164
+ }
66145
66165
  }
66146
66166
  }
66147
66167
  }
@@ -2587,6 +2587,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2587
2587
 
2588
2588
 
2589
2589
  $ddl-input-font-size: 14px !default;
2590
+ $border-type: solid !default;
2590
2591
 
2591
2592
  // $ddl-input-border: $border-size $border-type !default;
2592
2593
  $ddl-input-font-family: inherit !default;
@@ -2615,6 +2616,7 @@ $ddl-icon-hover-color: rgba($black, .4) !default;
2615
2616
  $ddl-readonly-bg-color: $gray-200 !default;
2616
2617
  $ddl-filter-margin: 0 !default;
2617
2618
  $ddl-box-border-color: $gray-400 !default;
2619
+ $input-border: $ddl-zero-value $border-type !default;
2618
2620
 
2619
2621
  // small size
2620
2622
  $ddl-small-list-font-size: 13px !default;
@@ -2727,6 +2729,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2727
2729
  }
2728
2730
  }
2729
2731
 
2732
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2733
+ width: 100%;
2734
+ border: $input-border;
2735
+ }
2736
+
2730
2737
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2731
2738
  display: block;
2732
2739
  visibility: hidden;
@@ -40994,6 +41001,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
40994
41001
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
40995
41002
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
40996
41003
  $radio-btn-focus-outline-offset: 0 !default;
41004
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
40997
41005
 
40998
41006
  @mixin fluent-focus-border {
40999
41007
  @if $skin-name == 'FluentUI' {
@@ -41374,6 +41382,9 @@ $radio-btn-focus-outline-offset: 0 !default;
41374
41382
  }
41375
41383
  }
41376
41384
  }
41385
+ .e-radio-wrapper.e-error .e-radio + label::before {
41386
+ border-color: $radio-btn-border-error-color;
41387
+ }
41377
41388
  }
41378
41389
 
41379
41390
 
@@ -87180,6 +87191,13 @@ $grid-checkmark-color: $white !default;
87180
87191
  overflow: hidden;
87181
87192
  overflow-x: scroll;
87182
87193
  }
87194
+
87195
+ &.e-mac-safari .virtualtable {
87196
+ .e-leftfreeze,
87197
+ .e-rightfreeze {
87198
+ transform: translateZ(0);
87199
+ }
87200
+ }
87183
87201
 
87184
87202
  .e-columnchooser::before {
87185
87203
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88546,7 +88564,9 @@ $grid-checkmark-color: $white !default;
88546
88564
  }
88547
88565
 
88548
88566
  .e-cc-searchdiv.e-input-focus {
88549
- border-color: $grid-columnchooser-search-border-fcolor;
88567
+ @if $grid-skin != 'fluent2' {
88568
+ border-color: $grid-columnchooser-search-border-fcolor;
88569
+ }
88550
88570
  }
88551
88571
  }
88552
88572
  }
@@ -2636,6 +2636,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2636
2636
 
2637
2637
  $ddl-input-font-size: $text-sm !default;
2638
2638
  $ddl-zero-value: 0 !default;
2639
+ $border-type: solid !default;
2639
2640
  $ddl-input-border: 1px $border-light !default;
2640
2641
  $ddl-input-font-family: inherit !default;
2641
2642
  $ddl-input-margin-bottom: 4px !default;
@@ -2672,6 +2673,7 @@ $ddl-filter-background-color: $content-bg-color !default;
2672
2673
  $ddl-filter-bg: $content-bg-color !default;
2673
2674
  $ddl-list-icon-color: $icon-color !default;
2674
2675
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2676
+ $input-border: $ddl-zero-value $border-type !default;
2675
2677
 
2676
2678
  @include export-module('dropdownlist-bootstrap5') {
2677
2679
  #{&}.e-popup.e-ddl {
@@ -2780,6 +2782,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2780
2782
  }
2781
2783
  }
2782
2784
 
2785
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2786
+ width: 100%;
2787
+ border: $input-border;
2788
+ }
2789
+
2783
2790
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2784
2791
  display: block;
2785
2792
  visibility: hidden;
@@ -29974,6 +29981,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
29974
29981
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
29975
29982
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
29976
29983
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29984
+ $radio-btn-border-error-color: $border-error;
29977
29985
 
29978
29986
  @mixin fluent-focus-border {
29979
29987
  @if $skin-name == 'FluentUI' {
@@ -30354,6 +30362,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
30354
30362
  }
30355
30363
  }
30356
30364
  }
30365
+ .e-radio-wrapper.e-error .e-radio + label::before {
30366
+ border-color: $radio-btn-border-error-color;
30367
+ }
30357
30368
  }
30358
30369
 
30359
30370
 
@@ -65127,6 +65138,13 @@ $grid-checkmark-color: $primary-text-color !default;
65127
65138
  overflow: hidden;
65128
65139
  overflow-x: scroll;
65129
65140
  }
65141
+
65142
+ &.e-mac-safari .virtualtable {
65143
+ .e-leftfreeze,
65144
+ .e-rightfreeze {
65145
+ transform: translateZ(0);
65146
+ }
65147
+ }
65130
65148
 
65131
65149
  .e-columnchooser::before {
65132
65150
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66493,7 +66511,9 @@ $grid-checkmark-color: $primary-text-color !default;
66493
66511
  }
66494
66512
 
66495
66513
  .e-cc-searchdiv.e-input-focus {
66496
- border-color: $grid-columnchooser-search-border-fcolor;
66514
+ @if $grid-skin != 'fluent2' {
66515
+ border-color: $grid-columnchooser-search-border-fcolor;
66516
+ }
66497
66517
  }
66498
66518
  }
66499
66519
  }
@@ -2758,6 +2758,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2758
2758
 
2759
2759
  $ddl-input-font-size: $text-sm !default;
2760
2760
  $ddl-zero-value: 0 !default;
2761
+ $border-type: solid !default;
2761
2762
  $ddl-input-border: 1px $border-light !default;
2762
2763
  $ddl-input-font-family: inherit !default;
2763
2764
  $ddl-input-margin-bottom: 4px !default;
@@ -2794,6 +2795,7 @@ $ddl-filter-background-color: $content-bg-color !default;
2794
2795
  $ddl-filter-bg: $content-bg-color !default;
2795
2796
  $ddl-list-icon-color: $icon-color !default;
2796
2797
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2798
+ $input-border: $ddl-zero-value $border-type !default;
2797
2799
 
2798
2800
  @include export-module('dropdownlist-bootstrap5') {
2799
2801
  #{&}.e-popup.e-ddl {
@@ -2902,6 +2904,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2902
2904
  }
2903
2905
  }
2904
2906
 
2907
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2908
+ width: 100%;
2909
+ border: $input-border;
2910
+ }
2911
+
2905
2912
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2906
2913
  display: block;
2907
2914
  visibility: hidden;
@@ -41237,6 +41244,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
41237
41244
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
41238
41245
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
41239
41246
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41247
+ $radio-btn-border-error-color: $border-error;
41240
41248
 
41241
41249
  @mixin fluent-focus-border {
41242
41250
  @if $skin-name == 'FluentUI' {
@@ -41617,6 +41625,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41617
41625
  }
41618
41626
  }
41619
41627
  }
41628
+ .e-radio-wrapper.e-error .e-radio + label::before {
41629
+ border-color: $radio-btn-border-error-color;
41630
+ }
41620
41631
  }
41621
41632
 
41622
41633
 
@@ -87532,6 +87543,13 @@ $grid-checkmark-color: $primary-text-color !default;
87532
87543
  overflow: hidden;
87533
87544
  overflow-x: scroll;
87534
87545
  }
87546
+
87547
+ &.e-mac-safari .virtualtable {
87548
+ .e-leftfreeze,
87549
+ .e-rightfreeze {
87550
+ transform: translateZ(0);
87551
+ }
87552
+ }
87535
87553
 
87536
87554
  .e-columnchooser::before {
87537
87555
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88898,7 +88916,9 @@ $grid-checkmark-color: $primary-text-color !default;
88898
88916
  }
88899
88917
 
88900
88918
  .e-cc-searchdiv.e-input-focus {
88901
- border-color: $grid-columnchooser-search-border-fcolor;
88919
+ @if $grid-skin != 'fluent2' {
88920
+ border-color: $grid-columnchooser-search-border-fcolor;
88921
+ }
88902
88922
  }
88903
88923
  }
88904
88924
  }