@syncfusion/blazor-themes 31.2.4 → 31.2.10

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 +17 -0
  2. package/Compiled-Themes/bds-dark.css +17 -0
  3. package/Compiled-Themes/bds-lite.css +17 -0
  4. package/Compiled-Themes/bds.css +17 -0
  5. package/Compiled-Themes/bootstrap-dark-lite.css +18 -1
  6. package/Compiled-Themes/bootstrap-dark.css +18 -1
  7. package/Compiled-Themes/bootstrap-lite.css +18 -1
  8. package/Compiled-Themes/bootstrap.css +18 -1
  9. package/Compiled-Themes/bootstrap4-lite.css +17 -0
  10. package/Compiled-Themes/bootstrap4.css +17 -0
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +17 -0
  12. package/Compiled-Themes/bootstrap5-dark.css +17 -0
  13. package/Compiled-Themes/bootstrap5-lite.css +17 -0
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +17 -0
  15. package/Compiled-Themes/bootstrap5.3-dark.css +17 -0
  16. package/Compiled-Themes/bootstrap5.3-lite.css +17 -0
  17. package/Compiled-Themes/bootstrap5.3.css +17 -0
  18. package/Compiled-Themes/bootstrap5.css +17 -0
  19. package/Compiled-Themes/fabric-dark-lite.css +18 -1
  20. package/Compiled-Themes/fabric-dark.css +18 -1
  21. package/Compiled-Themes/fabric-lite.css +18 -1
  22. package/Compiled-Themes/fabric.css +18 -1
  23. package/Compiled-Themes/fluent-dark-lite.css +17 -0
  24. package/Compiled-Themes/fluent-dark.css +17 -0
  25. package/Compiled-Themes/fluent-lite.css +17 -0
  26. package/Compiled-Themes/fluent.css +17 -0
  27. package/Compiled-Themes/fluent2-dark-lite.css +18 -6
  28. package/Compiled-Themes/fluent2-dark.css +18 -6
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +18 -6
  30. package/Compiled-Themes/fluent2-highcontrast.css +18 -6
  31. package/Compiled-Themes/fluent2-lite.css +18 -6
  32. package/Compiled-Themes/fluent2.css +18 -6
  33. package/Compiled-Themes/highcontrast-lite.css +18 -1
  34. package/Compiled-Themes/highcontrast.css +18 -1
  35. package/Compiled-Themes/material-dark-lite.css +17 -0
  36. package/Compiled-Themes/material-dark.css +17 -0
  37. package/Compiled-Themes/material-lite.css +17 -0
  38. package/Compiled-Themes/material.css +17 -0
  39. package/Compiled-Themes/material3-dark-lite.css +17 -0
  40. package/Compiled-Themes/material3-dark.css +17 -0
  41. package/Compiled-Themes/material3-lite.css +17 -0
  42. package/Compiled-Themes/material3.css +17 -0
  43. package/Compiled-Themes/tailwind-dark-lite.css +17 -0
  44. package/Compiled-Themes/tailwind-dark.css +17 -0
  45. package/Compiled-Themes/tailwind-lite.css +17 -0
  46. package/Compiled-Themes/tailwind.css +17 -0
  47. package/Compiled-Themes/tailwind3-dark-lite.css +19 -2
  48. package/Compiled-Themes/tailwind3-dark.css +21 -4
  49. package/Compiled-Themes/tailwind3-lite.css +19 -2
  50. package/Compiled-Themes/tailwind3.css +21 -4
  51. package/SCSS-Themes/bds-dark-lite.scss +28 -2
  52. package/SCSS-Themes/bds-dark.scss +28 -2
  53. package/SCSS-Themes/bds-lite.scss +28 -2
  54. package/SCSS-Themes/bds.scss +28 -2
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +27 -3
  56. package/SCSS-Themes/bootstrap-dark.scss +27 -3
  57. package/SCSS-Themes/bootstrap-lite.scss +27 -3
  58. package/SCSS-Themes/bootstrap.scss +27 -3
  59. package/SCSS-Themes/bootstrap4-lite.scss +28 -2
  60. package/SCSS-Themes/bootstrap4.scss +28 -2
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +28 -2
  62. package/SCSS-Themes/bootstrap5-dark.scss +28 -2
  63. package/SCSS-Themes/bootstrap5-lite.scss +28 -2
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +28 -2
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +28 -2
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +28 -2
  67. package/SCSS-Themes/bootstrap5.3.scss +28 -2
  68. package/SCSS-Themes/bootstrap5.scss +28 -2
  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 +12 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +12 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +12 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +12 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +11 -1
  134. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +11 -1
  135. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +11 -1
  136. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +11 -1
  137. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +12 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +12 -0
  139. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +12 -0
  140. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +12 -0
  141. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +12 -0
  142. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +12 -0
  143. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +12 -0
  144. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +12 -0
  145. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +12 -0
  146. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +12 -0
  147. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +11 -1
  148. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +11 -1
  149. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +11 -1
  150. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +11 -1
  151. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +12 -0
  152. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +12 -0
  153. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +12 -0
  154. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +12 -0
  155. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +12 -0
  156. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +12 -0
  157. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +12 -0
  158. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +12 -0
  159. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +12 -0
  160. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +12 -0
  161. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +11 -1
  162. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +11 -1
  163. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +11 -0
  164. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +11 -0
  165. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +11 -0
  166. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +11 -0
  167. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +12 -0
  168. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +12 -0
  169. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +12 -0
  170. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +12 -0
  171. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +12 -0
  172. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +12 -0
  173. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +12 -0
  174. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +12 -0
  175. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +12 -0
  176. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +12 -0
  177. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +12 -0
  178. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +12 -0
  179. package/SCSS-Themes/fabric-dark-lite.scss +27 -3
  180. package/SCSS-Themes/fabric-dark.scss +27 -3
  181. package/SCSS-Themes/fabric-lite.scss +27 -3
  182. package/SCSS-Themes/fabric.scss +27 -3
  183. package/SCSS-Themes/fluent-dark-lite.scss +29 -2
  184. package/SCSS-Themes/fluent-dark.scss +29 -2
  185. package/SCSS-Themes/fluent-lite.scss +29 -2
  186. package/SCSS-Themes/fluent.scss +29 -2
  187. package/SCSS-Themes/fluent2-dark-lite.scss +29 -3
  188. package/SCSS-Themes/fluent2-dark.scss +29 -3
  189. package/SCSS-Themes/fluent2-highcontrast-lite.scss +29 -3
  190. package/SCSS-Themes/fluent2-highcontrast.scss +29 -3
  191. package/SCSS-Themes/fluent2-lite.scss +29 -3
  192. package/SCSS-Themes/fluent2.scss +29 -3
  193. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +12 -2
  194. package/SCSS-Themes/grids/grid/bds-dark.scss +12 -2
  195. package/SCSS-Themes/grids/grid/bds-lite.scss +12 -2
  196. package/SCSS-Themes/grids/grid/bds.scss +12 -2
  197. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +12 -2
  198. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +12 -2
  199. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +12 -2
  200. package/SCSS-Themes/grids/grid/bootstrap.scss +12 -2
  201. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +12 -2
  202. package/SCSS-Themes/grids/grid/bootstrap4.scss +12 -2
  203. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +12 -2
  204. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +12 -2
  205. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +12 -2
  206. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +12 -2
  207. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +12 -2
  208. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +12 -2
  209. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +12 -2
  210. package/SCSS-Themes/grids/grid/bootstrap5.scss +12 -2
  211. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +12 -2
  212. package/SCSS-Themes/grids/grid/fabric-dark.scss +12 -2
  213. package/SCSS-Themes/grids/grid/fabric-lite.scss +12 -2
  214. package/SCSS-Themes/grids/grid/fabric.scss +12 -2
  215. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +12 -2
  216. package/SCSS-Themes/grids/grid/fluent-dark.scss +12 -2
  217. package/SCSS-Themes/grids/grid/fluent-lite.scss +12 -2
  218. package/SCSS-Themes/grids/grid/fluent.scss +12 -2
  219. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +12 -2
  220. package/SCSS-Themes/grids/grid/fluent2-dark.scss +12 -2
  221. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +12 -2
  222. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +12 -2
  223. package/SCSS-Themes/grids/grid/fluent2-lite.scss +12 -2
  224. package/SCSS-Themes/grids/grid/fluent2.scss +12 -2
  225. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +12 -2
  226. package/SCSS-Themes/grids/grid/highcontrast.scss +12 -2
  227. package/SCSS-Themes/grids/grid/material-dark-lite.scss +12 -2
  228. package/SCSS-Themes/grids/grid/material-dark.scss +12 -2
  229. package/SCSS-Themes/grids/grid/material-lite.scss +12 -2
  230. package/SCSS-Themes/grids/grid/material.scss +12 -2
  231. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +12 -2
  232. package/SCSS-Themes/grids/grid/material3-dark.scss +12 -2
  233. package/SCSS-Themes/grids/grid/material3-lite.scss +12 -2
  234. package/SCSS-Themes/grids/grid/material3.scss +12 -2
  235. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +12 -2
  236. package/SCSS-Themes/grids/grid/tailwind-dark.scss +12 -2
  237. package/SCSS-Themes/grids/grid/tailwind-lite.scss +12 -2
  238. package/SCSS-Themes/grids/grid/tailwind.scss +12 -2
  239. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +12 -2
  240. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +12 -2
  241. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +12 -2
  242. package/SCSS-Themes/grids/grid/tailwind3.scss +12 -2
  243. package/SCSS-Themes/highcontrast-lite.scss +27 -3
  244. package/SCSS-Themes/highcontrast.scss +27 -3
  245. package/SCSS-Themes/material-dark-lite.scss +27 -2
  246. package/SCSS-Themes/material-dark.scss +27 -2
  247. package/SCSS-Themes/material-lite.scss +27 -2
  248. package/SCSS-Themes/material.scss +27 -2
  249. package/SCSS-Themes/material3-dark-lite.scss +28 -2
  250. package/SCSS-Themes/material3-dark.scss +28 -2
  251. package/SCSS-Themes/material3-lite.scss +28 -2
  252. package/SCSS-Themes/material3.scss +28 -2
  253. package/SCSS-Themes/tailwind-dark-lite.scss +28 -2
  254. package/SCSS-Themes/tailwind-dark.scss +28 -2
  255. package/SCSS-Themes/tailwind-lite.scss +28 -2
  256. package/SCSS-Themes/tailwind.scss +28 -2
  257. package/SCSS-Themes/tailwind3-dark-lite.scss +29 -3
  258. package/SCSS-Themes/tailwind3-dark.scss +29 -3
  259. package/SCSS-Themes/tailwind3-lite.scss +29 -3
  260. package/SCSS-Themes/tailwind3.scss +29 -3
  261. package/package.json +1 -1
@@ -3361,6 +3361,15 @@
3361
3361
  font-size: 14px;
3362
3362
  }
3363
3363
 
3364
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3365
+ width: 100%;
3366
+ border: 0 solid;
3367
+ }
3368
+
3369
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
3370
+ margin-top: 24px;
3371
+ }
3372
+
3364
3373
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3365
3374
  display: block;
3366
3375
  visibility: hidden;
@@ -23816,6 +23825,10 @@ body.e-colorpicker-overflow {
23816
23825
  right: auto;
23817
23826
  }
23818
23827
 
23828
+ .e-radio-wrapper.e-error .e-radio + label::before {
23829
+ border-color: var(--color-sf-border-error);
23830
+ }
23831
+
23819
23832
  .e-radio + label::before {
23820
23833
  background-color: var(--color-sf-text-input-bg-color);
23821
23834
  border-color: var(--color-sf-border);
@@ -44505,7 +44518,7 @@ label[for*=_wholeWord_e-de-rtl] {
44505
44518
  text-align: center;
44506
44519
  width: 22px;
44507
44520
  width: 30px;
44508
- height: 24px;
44521
+ height: 22px;
44509
44522
  border: 1px;
44510
44523
  border-radius: 6px;
44511
44524
  }
@@ -46540,8 +46553,8 @@ label[for*=_wholeWord_e-de-rtl] {
46540
46553
  .e-bigger .e-de-ctnr-hglt-color {
46541
46554
  font-size: 12px;
46542
46555
  font-weight: 400;
46543
- height: 24px !important;
46544
- width: 24px !important;
46556
+ height: 22px !important;
46557
+ width: 22px !important;
46545
46558
  }
46546
46559
  .e-bigger .e-de-ctnr-list {
46547
46560
  font-size: 12px;
@@ -49048,7 +49061,7 @@ li.e-separator.e-menu-item.e-excel-separator {
49048
49061
  font-size: 18px;
49049
49062
  }
49050
49063
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right {
49051
- width: calc(100% - 50px);
49064
+ width: calc(100% - 53px);
49052
49065
  }
49053
49066
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right.e-search-wrapper {
49054
49067
  width: auto;
@@ -50529,6 +50542,10 @@ li.e-separator.e-menu-item.e-excel-separator {
50529
50542
  overflow: hidden;
50530
50543
  overflow-x: scroll;
50531
50544
  }
50545
+ .e-grid.e-mac-safari .e-virtualtable .e-leftfreeze,
50546
+ .e-grid.e-mac-safari .e-virtualtable .e-rightfreeze {
50547
+ transform: translateZ(0);
50548
+ }
50532
50549
  .e-grid .e-columnchooser::before {
50533
50550
  line-height: 1.9;
50534
50551
  }
@@ -3669,6 +3669,15 @@
3669
3669
  font-size: 14px;
3670
3670
  }
3671
3671
 
3672
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3673
+ width: 100%;
3674
+ border: 0 solid;
3675
+ }
3676
+
3677
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
3678
+ margin-top: 24px;
3679
+ }
3680
+
3672
3681
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3673
3682
  display: block;
3674
3683
  visibility: hidden;
@@ -17895,6 +17904,10 @@ body.e-colorpicker-overflow {
17895
17904
  right: auto;
17896
17905
  }
17897
17906
 
17907
+ .e-radio-wrapper.e-error .e-radio + label::before {
17908
+ border-color: var(--color-sf-border-error);
17909
+ }
17910
+
17898
17911
  .e-radio + label::before {
17899
17912
  background-color: var(--color-sf-text-input-bg-color);
17900
17913
  border-color: var(--color-sf-border);
@@ -33827,7 +33840,7 @@ label[for*=_wholeWord_e-de-rtl] {
33827
33840
  text-align: center;
33828
33841
  width: 22px;
33829
33842
  width: 30px;
33830
- height: 24px;
33843
+ height: 22px;
33831
33844
  border: 1px;
33832
33845
  border-radius: 6px;
33833
33846
  }
@@ -37404,7 +37417,7 @@ li.e-separator.e-menu-item.e-excel-separator {
37404
37417
  font-size: 18px;
37405
37418
  }
37406
37419
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right {
37407
- width: calc(100% - 50px);
37420
+ width: calc(100% - 53px);
37408
37421
  }
37409
37422
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right.e-search-wrapper {
37410
37423
  width: auto;
@@ -38885,6 +38898,10 @@ li.e-separator.e-menu-item.e-excel-separator {
38885
38898
  overflow: hidden;
38886
38899
  overflow-x: scroll;
38887
38900
  }
38901
+ .e-grid.e-mac-safari .e-virtualtable .e-leftfreeze,
38902
+ .e-grid.e-mac-safari .e-virtualtable .e-rightfreeze {
38903
+ transform: translateZ(0);
38904
+ }
38888
38905
  .e-grid .e-columnchooser::before {
38889
38906
  line-height: 1.9;
38890
38907
  }
@@ -3765,6 +3765,15 @@
3765
3765
  font-size: 14px;
3766
3766
  }
3767
3767
 
3768
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3769
+ width: 100%;
3770
+ border: 0 solid;
3771
+ }
3772
+
3773
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
3774
+ margin-top: 24px;
3775
+ }
3776
+
3768
3777
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3769
3778
  display: block;
3770
3779
  visibility: hidden;
@@ -24220,6 +24229,10 @@ body.e-colorpicker-overflow {
24220
24229
  right: auto;
24221
24230
  }
24222
24231
 
24232
+ .e-radio-wrapper.e-error .e-radio + label::before {
24233
+ border-color: var(--color-sf-border-error);
24234
+ }
24235
+
24223
24236
  .e-radio + label::before {
24224
24237
  background-color: var(--color-sf-text-input-bg-color);
24225
24238
  border-color: var(--color-sf-border);
@@ -44909,7 +44922,7 @@ label[for*=_wholeWord_e-de-rtl] {
44909
44922
  text-align: center;
44910
44923
  width: 22px;
44911
44924
  width: 30px;
44912
- height: 24px;
44925
+ height: 22px;
44913
44926
  border: 1px;
44914
44927
  border-radius: 6px;
44915
44928
  }
@@ -46944,8 +46957,8 @@ label[for*=_wholeWord_e-de-rtl] {
46944
46957
  .e-bigger .e-de-ctnr-hglt-color {
46945
46958
  font-size: 12px;
46946
46959
  font-weight: 400;
46947
- height: 24px !important;
46948
- width: 24px !important;
46960
+ height: 22px !important;
46961
+ width: 22px !important;
46949
46962
  }
46950
46963
  .e-bigger .e-de-ctnr-list {
46951
46964
  font-size: 12px;
@@ -49451,7 +49464,7 @@ li.e-separator.e-menu-item.e-excel-separator {
49451
49464
  font-size: 18px;
49452
49465
  }
49453
49466
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right {
49454
- width: calc(100% - 50px);
49467
+ width: calc(100% - 53px);
49455
49468
  }
49456
49469
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right.e-search-wrapper {
49457
49470
  width: auto;
@@ -50932,6 +50945,10 @@ li.e-separator.e-menu-item.e-excel-separator {
50932
50945
  overflow: hidden;
50933
50946
  overflow-x: scroll;
50934
50947
  }
50948
+ .e-grid.e-mac-safari .e-virtualtable .e-leftfreeze,
50949
+ .e-grid.e-mac-safari .e-virtualtable .e-rightfreeze {
50950
+ transform: translateZ(0);
50951
+ }
50935
50952
  .e-grid .e-columnchooser::before {
50936
50953
  line-height: 1.9;
50937
50954
  }
@@ -3371,6 +3371,8 @@ $ddl-popup-shadow: $shadow-lg !default;
3371
3371
  $ddl-bigger-list-font-size: $text-base !default;
3372
3372
  $ddl-bigger-group-list-font-size: $text-sm !default;
3373
3373
  $ddl-filter-margin: 0 !default;
3374
+ $border-type: solid !default;
3375
+ $input-margin-top: 24px !default;
3374
3376
 
3375
3377
  // Small Size
3376
3378
  $ddl-small-list-font-size: $text-xs !default;
@@ -3389,6 +3391,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
3389
3391
  $ddl-popup-background-color: $flyout-bg-color !default;
3390
3392
  $ddl-filter-background-color: $flyout-bg-color !default;
3391
3393
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3394
+ $input-border: $ddl-zero-value solid !default;
3392
3395
 
3393
3396
  @include export-module('dropdownlist-bds') {
3394
3397
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3463,6 +3466,15 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3463
3466
  }
3464
3467
  }
3465
3468
 
3469
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3470
+ width: 100%;
3471
+ border: $input-border;
3472
+ }
3473
+
3474
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
3475
+ margin-top: $input-margin-top;
3476
+ }
3477
+
3466
3478
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3467
3479
  display: block;
3468
3480
  visibility: hidden;
@@ -31122,6 +31134,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
31122
31134
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
31123
31135
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
31124
31136
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31137
+ $radio-btn-border-error-color: $border-error;
31125
31138
 
31126
31139
  @mixin fluent-focus-border {
31127
31140
  @if $skin-name == 'FluentUI' {
@@ -31502,6 +31515,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31502
31515
  }
31503
31516
  }
31504
31517
  }
31518
+ .e-radio-wrapper.e-error .e-radio + label::before {
31519
+ border-color: $radio-btn-border-error-color;
31520
+ }
31505
31521
  }
31506
31522
 
31507
31523
 
@@ -62957,6 +62973,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
62957
62973
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
62958
62974
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
62959
62975
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
62976
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
62960
62977
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
62961
62978
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
62962
62979
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -64212,7 +64229,7 @@ $grid-checkmark-color: $primary !default;
64212
64229
  }
64213
64230
 
64214
64231
  & .e-responsive-right {
64215
- width: calc(100% - 50px);
64232
+ width: $grid-toolbar-responsive-right-width;
64216
64233
  &.e-search-wrapper {
64217
64234
  width: auto;
64218
64235
  }
@@ -66386,6 +66403,13 @@ $grid-checkmark-color: $primary !default;
66386
66403
  overflow: hidden;
66387
66404
  overflow-x: scroll;
66388
66405
  }
66406
+
66407
+ &.e-mac-safari .e-virtualtable {
66408
+ .e-leftfreeze,
66409
+ .e-rightfreeze {
66410
+ transform: translateZ(0);
66411
+ }
66412
+ }
66389
66413
 
66390
66414
  .e-columnchooser::before {
66391
66415
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -67752,7 +67776,9 @@ $grid-checkmark-color: $primary !default;
67752
67776
  }
67753
67777
 
67754
67778
  .e-cc-searchdiv.e-input-focus {
67755
- border-color: $grid-columnchooser-search-border-fcolor;
67779
+ @if $grid-skin != 'fluent2' {
67780
+ border-color: $grid-columnchooser-search-border-fcolor;
67781
+ }
67756
67782
  }
67757
67783
  }
67758
67784
  }
@@ -3493,6 +3493,8 @@ $ddl-popup-shadow: $shadow-lg !default;
3493
3493
  $ddl-bigger-list-font-size: $text-base !default;
3494
3494
  $ddl-bigger-group-list-font-size: $text-sm !default;
3495
3495
  $ddl-filter-margin: 0 !default;
3496
+ $border-type: solid !default;
3497
+ $input-margin-top: 24px !default;
3496
3498
 
3497
3499
  // Small Size
3498
3500
  $ddl-small-list-font-size: $text-xs !default;
@@ -3511,6 +3513,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
3511
3513
  $ddl-popup-background-color: $flyout-bg-color !default;
3512
3514
  $ddl-filter-background-color: $flyout-bg-color !default;
3513
3515
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3516
+ $input-border: $ddl-zero-value solid !default;
3514
3517
 
3515
3518
  @include export-module('dropdownlist-bds') {
3516
3519
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3585,6 +3588,15 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3585
3588
  }
3586
3589
  }
3587
3590
 
3591
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3592
+ width: 100%;
3593
+ border: $input-border;
3594
+ }
3595
+
3596
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
3597
+ margin-top: $input-margin-top;
3598
+ }
3599
+
3588
3600
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3589
3601
  display: block;
3590
3602
  visibility: hidden;
@@ -42385,6 +42397,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
42385
42397
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
42386
42398
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
42387
42399
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
42400
+ $radio-btn-border-error-color: $border-error;
42388
42401
 
42389
42402
  @mixin fluent-focus-border {
42390
42403
  @if $skin-name == 'FluentUI' {
@@ -42765,6 +42778,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
42765
42778
  }
42766
42779
  }
42767
42780
  }
42781
+ .e-radio-wrapper.e-error .e-radio + label::before {
42782
+ border-color: $radio-btn-border-error-color;
42783
+ }
42768
42784
  }
42769
42785
 
42770
42786
 
@@ -85362,6 +85378,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
85362
85378
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
85363
85379
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
85364
85380
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
85381
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
85365
85382
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
85366
85383
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
85367
85384
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -86617,7 +86634,7 @@ $grid-checkmark-color: $primary !default;
86617
86634
  }
86618
86635
 
86619
86636
  & .e-responsive-right {
86620
- width: calc(100% - 50px);
86637
+ width: $grid-toolbar-responsive-right-width;
86621
86638
  &.e-search-wrapper {
86622
86639
  width: auto;
86623
86640
  }
@@ -88791,6 +88808,13 @@ $grid-checkmark-color: $primary !default;
88791
88808
  overflow: hidden;
88792
88809
  overflow-x: scroll;
88793
88810
  }
88811
+
88812
+ &.e-mac-safari .e-virtualtable {
88813
+ .e-leftfreeze,
88814
+ .e-rightfreeze {
88815
+ transform: translateZ(0);
88816
+ }
88817
+ }
88794
88818
 
88795
88819
  .e-columnchooser::before {
88796
88820
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -90157,7 +90181,9 @@ $grid-checkmark-color: $primary !default;
90157
90181
  }
90158
90182
 
90159
90183
  .e-cc-searchdiv.e-input-focus {
90160
- border-color: $grid-columnchooser-search-border-fcolor;
90184
+ @if $grid-skin != 'fluent2' {
90185
+ border-color: $grid-columnchooser-search-border-fcolor;
90186
+ }
90161
90187
  }
90162
90188
  }
90163
90189
  }
@@ -3666,6 +3666,8 @@ $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;
3670
+ $input-margin-top: 24px !default;
3669
3671
 
3670
3672
  // Small Size
3671
3673
  $ddl-small-list-font-size: $text-xs !default;
@@ -3684,6 +3686,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
3684
3686
  $ddl-popup-background-color: $flyout-bg-color !default;
3685
3687
  $ddl-filter-background-color: $flyout-bg-color !default;
3686
3688
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3689
+ $input-border: $ddl-zero-value solid !default;
3687
3690
 
3688
3691
  @include export-module('dropdownlist-bds') {
3689
3692
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3758,6 +3761,15 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3758
3761
  }
3759
3762
  }
3760
3763
 
3764
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3765
+ width: 100%;
3766
+ border: $input-border;
3767
+ }
3768
+
3769
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
3770
+ margin-top: $input-margin-top;
3771
+ }
3772
+
3761
3773
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3762
3774
  display: block;
3763
3775
  visibility: hidden;
@@ -31417,6 +31429,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
31417
31429
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
31418
31430
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
31419
31431
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31432
+ $radio-btn-border-error-color: $border-error;
31420
31433
 
31421
31434
  @mixin fluent-focus-border {
31422
31435
  @if $skin-name == 'FluentUI' {
@@ -31797,6 +31810,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31797
31810
  }
31798
31811
  }
31799
31812
  }
31813
+ .e-radio-wrapper.e-error .e-radio + label::before {
31814
+ border-color: $radio-btn-border-error-color;
31815
+ }
31800
31816
  }
31801
31817
 
31802
31818
 
@@ -63252,6 +63268,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
63252
63268
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
63253
63269
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
63254
63270
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
63271
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
63255
63272
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
63256
63273
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
63257
63274
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -64507,7 +64524,7 @@ $grid-checkmark-color: $primary !default;
64507
64524
  }
64508
64525
 
64509
64526
  & .e-responsive-right {
64510
- width: calc(100% - 50px);
64527
+ width: $grid-toolbar-responsive-right-width;
64511
64528
  &.e-search-wrapper {
64512
64529
  width: auto;
64513
64530
  }
@@ -66681,6 +66698,13 @@ $grid-checkmark-color: $primary !default;
66681
66698
  overflow: hidden;
66682
66699
  overflow-x: scroll;
66683
66700
  }
66701
+
66702
+ &.e-mac-safari .e-virtualtable {
66703
+ .e-leftfreeze,
66704
+ .e-rightfreeze {
66705
+ transform: translateZ(0);
66706
+ }
66707
+ }
66684
66708
 
66685
66709
  .e-columnchooser::before {
66686
66710
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -68047,7 +68071,9 @@ $grid-checkmark-color: $primary !default;
68047
68071
  }
68048
68072
 
68049
68073
  .e-cc-searchdiv.e-input-focus {
68050
- border-color: $grid-columnchooser-search-border-fcolor;
68074
+ @if $grid-skin != 'fluent2' {
68075
+ border-color: $grid-columnchooser-search-border-fcolor;
68076
+ }
68051
68077
  }
68052
68078
  }
68053
68079
  }
@@ -3788,6 +3788,8 @@ $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;
3792
+ $input-margin-top: 24px !default;
3791
3793
 
3792
3794
  // Small Size
3793
3795
  $ddl-small-list-font-size: $text-xs !default;
@@ -3806,6 +3808,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
3806
3808
  $ddl-popup-background-color: $flyout-bg-color !default;
3807
3809
  $ddl-filter-background-color: $flyout-bg-color !default;
3808
3810
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3811
+ $input-border: $ddl-zero-value solid !default;
3809
3812
 
3810
3813
  @include export-module('dropdownlist-bds') {
3811
3814
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3880,6 +3883,15 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3880
3883
  }
3881
3884
  }
3882
3885
 
3886
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3887
+ width: 100%;
3888
+ border: $input-border;
3889
+ }
3890
+
3891
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
3892
+ margin-top: $input-margin-top;
3893
+ }
3894
+
3883
3895
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3884
3896
  display: block;
3885
3897
  visibility: hidden;
@@ -42680,6 +42692,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
42680
42692
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
42681
42693
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
42682
42694
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
42695
+ $radio-btn-border-error-color: $border-error;
42683
42696
 
42684
42697
  @mixin fluent-focus-border {
42685
42698
  @if $skin-name == 'FluentUI' {
@@ -43060,6 +43073,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
43060
43073
  }
43061
43074
  }
43062
43075
  }
43076
+ .e-radio-wrapper.e-error .e-radio + label::before {
43077
+ border-color: $radio-btn-border-error-color;
43078
+ }
43063
43079
  }
43064
43080
 
43065
43081
 
@@ -85657,6 +85673,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
85657
85673
  $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
85658
85674
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
85659
85675
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
85676
+ $grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
85660
85677
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
85661
85678
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
85662
85679
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -86912,7 +86929,7 @@ $grid-checkmark-color: $primary !default;
86912
86929
  }
86913
86930
 
86914
86931
  & .e-responsive-right {
86915
- width: calc(100% - 50px);
86932
+ width: $grid-toolbar-responsive-right-width;
86916
86933
  &.e-search-wrapper {
86917
86934
  width: auto;
86918
86935
  }
@@ -89086,6 +89103,13 @@ $grid-checkmark-color: $primary !default;
89086
89103
  overflow: hidden;
89087
89104
  overflow-x: scroll;
89088
89105
  }
89106
+
89107
+ &.e-mac-safari .e-virtualtable {
89108
+ .e-leftfreeze,
89109
+ .e-rightfreeze {
89110
+ transform: translateZ(0);
89111
+ }
89112
+ }
89089
89113
 
89090
89114
  .e-columnchooser::before {
89091
89115
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -90452,7 +90476,9 @@ $grid-checkmark-color: $primary !default;
90452
90476
  }
90453
90477
 
90454
90478
  .e-cc-searchdiv.e-input-focus {
90455
- border-color: $grid-columnchooser-search-border-fcolor;
90479
+ @if $grid-skin != 'fluent2' {
90480
+ border-color: $grid-columnchooser-search-border-fcolor;
90481
+ }
90456
90482
  }
90457
90483
  }
90458
90484
  }
@@ -2671,7 +2671,7 @@ $ddl-input-padding: 8px !default;
2671
2671
  $ddl-input-group-border-width: 1px !default;
2672
2672
  $ddl-clear-icon-margin-right: 0 !default;
2673
2673
  $ddl-active-font-color: $active-font-color !default;
2674
-
2674
+ $input-margin-top: 24px !default;
2675
2675
  $ddl-list-search-icon-padding: 8px !default;
2676
2676
  $ddl-list-filter-text-indent: 0 12px !default;
2677
2677
  $ddl-list-icon-color: $grey-dark-font !default;
@@ -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,15 @@ $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
+
2775
+ .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
2776
+ margin-top: $input-margin-top;
2777
+ }
2778
+
2769
2779
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2770
2780
  display: block;
2771
2781
  visibility: hidden;
@@ -29983,6 +29993,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
29983
29993
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
29984
29994
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29985
29995
  $radio-btn-focus-outline-offset: 0 !default;
29996
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
29986
29997
 
29987
29998
  @mixin fluent-focus-border {
29988
29999
  @if $skin-name == 'FluentUI' {
@@ -30363,6 +30374,9 @@ $radio-btn-focus-outline-offset: 0 !default;
30363
30374
  }
30364
30375
  }
30365
30376
  }
30377
+ .e-radio-wrapper.e-error .e-radio + label::before {
30378
+ border-color: $radio-btn-border-error-color;
30379
+ }
30366
30380
  }
30367
30381
 
30368
30382
 
@@ -61469,6 +61483,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 13px 5px 0 !default;
61469
61483
  $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
61470
61484
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
61471
61485
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
61486
+ $grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
61472
61487
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
61473
61488
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
61474
61489
  $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -62718,7 +62733,7 @@ $grid-checkmark-color: $grey-light-font !default;
62718
62733
  }
62719
62734
 
62720
62735
  & .e-responsive-right {
62721
- width: calc(100% - 50px);
62736
+ width: $grid-toolbar-responsive-right-width;
62722
62737
  &.e-search-wrapper {
62723
62738
  width: auto;
62724
62739
  }
@@ -64892,6 +64907,13 @@ $grid-checkmark-color: $grey-light-font !default;
64892
64907
  overflow: hidden;
64893
64908
  overflow-x: scroll;
64894
64909
  }
64910
+
64911
+ &.e-mac-safari .e-virtualtable {
64912
+ .e-leftfreeze,
64913
+ .e-rightfreeze {
64914
+ transform: translateZ(0);
64915
+ }
64916
+ }
64895
64917
 
64896
64918
  .e-columnchooser::before {
64897
64919
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66258,7 +66280,9 @@ $grid-checkmark-color: $grey-light-font !default;
66258
66280
  }
66259
66281
 
66260
66282
  .e-cc-searchdiv.e-input-focus {
66261
- border-color: $grid-columnchooser-search-border-fcolor;
66283
+ @if $grid-skin != 'fluent2' {
66284
+ border-color: $grid-columnchooser-search-border-fcolor;
66285
+ }
66262
66286
  }
66263
66287
  }
66264
66288
  }