@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
@@ -8,6 +8,7 @@
8
8
  $ddl-input-font-size: $text-sm !default;
9
9
  $ddl-zero-value: 0 !default;
10
10
  $ddl-input-border: 1px $border-light !default;
11
+ $border-type: solid !default;
11
12
  $ddl-input-font-family: inherit !default;
12
13
  $ddl-input-margin-bottom: 4px !default;
13
14
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -43,6 +44,7 @@ $ddl-filter-background-color: $content-bg-color !default;
43
44
  $ddl-filter-bg: $content-bg-color !default;
44
45
  $ddl-list-icon-color: $icon-color !default;
45
46
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
47
+ $input-border: $ddl-zero-value $border-type !default;
46
48
 
47
49
  @include export-module('dropdownlist-bootstrap5') {
48
50
  #{&}.e-popup.e-ddl {
@@ -151,6 +153,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
151
153
  }
152
154
  }
153
155
 
156
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
157
+ width: 100%;
158
+ border: $input-border;
159
+ }
160
+
154
161
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
155
162
  display: block;
156
163
  visibility: hidden;
@@ -8,6 +8,7 @@
8
8
  $ddl-input-font-size: $text-sm !default;
9
9
  $ddl-zero-value: 0 !default;
10
10
  $ddl-input-border: 1px $border-light !default;
11
+ $border-type: solid !default;
11
12
  $ddl-input-font-family: inherit !default;
12
13
  $ddl-input-margin-bottom: 4px !default;
13
14
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -43,6 +44,7 @@ $ddl-filter-background-color: $content-bg-color !default;
43
44
  $ddl-filter-bg: $content-bg-color !default;
44
45
  $ddl-list-icon-color: $icon-color !default;
45
46
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
47
+ $input-border: $ddl-zero-value $border-type !default;
46
48
 
47
49
  @include export-module('dropdownlist-bootstrap5') {
48
50
  #{&}.e-popup.e-ddl {
@@ -151,6 +153,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
151
153
  }
152
154
  }
153
155
 
156
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
157
+ width: 100%;
158
+ border: $input-border;
159
+ }
160
+
154
161
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
155
162
  display: block;
156
163
  visibility: hidden;
@@ -2672,6 +2672,7 @@ $ddl-small-list-font-size: 13px !default;
2672
2672
 
2673
2673
  // touch size
2674
2674
  $ddl-bigger-small-list-font-size: 14px !default;
2675
+ $input-border: $ddl-zero-value $border-type !default;
2675
2676
 
2676
2677
  //enddefault
2677
2678
 
@@ -2722,6 +2723,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2722
2723
  }
2723
2724
  }
2724
2725
 
2726
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2727
+ width: 100%;
2728
+ border: $input-border;
2729
+ }
2730
+
2725
2731
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2726
2732
  display: block;
2727
2733
  visibility: hidden;
@@ -29848,6 +29854,7 @@ $radio-btn-focus-outline: $neutral-secondary-alt 1px solid !default;
29848
29854
  $radio-btn-focus-outline-offset: 2px !default;
29849
29855
  $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
29850
29856
  $radio-btn-ripple-bgcolor: rgba(0, 0, 0, .3) !default;
29857
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
29851
29858
 
29852
29859
  @mixin fluent-focus-border {
29853
29860
  @if $skin-name == 'FluentUI' {
@@ -30228,6 +30235,9 @@ $radio-btn-ripple-bgcolor: rgba(0, 0, 0, .3) !default;
30228
30235
  }
30229
30236
  }
30230
30237
  }
30238
+ .e-radio-wrapper.e-error .e-radio + label::before {
30239
+ border-color: $radio-btn-border-error-color;
30240
+ }
30231
30241
  }
30232
30242
 
30233
30243
 
@@ -64782,6 +64792,13 @@ $grid-checkmark-color: $theme-dark-font !default;
64782
64792
  overflow: hidden;
64783
64793
  overflow-x: scroll;
64784
64794
  }
64795
+
64796
+ &.e-mac-safari .virtualtable {
64797
+ .e-leftfreeze,
64798
+ .e-rightfreeze {
64799
+ transform: translateZ(0);
64800
+ }
64801
+ }
64785
64802
 
64786
64803
  .e-columnchooser::before {
64787
64804
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66148,7 +66165,9 @@ $grid-checkmark-color: $theme-dark-font !default;
66148
66165
  }
66149
66166
 
66150
66167
  .e-cc-searchdiv.e-input-focus {
66151
- border-color: $grid-columnchooser-search-border-fcolor;
66168
+ @if $grid-skin != 'fluent2' {
66169
+ border-color: $grid-columnchooser-search-border-fcolor;
66170
+ }
66152
66171
  }
66153
66172
  }
66154
66173
  }
@@ -2794,6 +2794,7 @@ $ddl-small-list-font-size: 13px !default;
2794
2794
 
2795
2795
  // touch size
2796
2796
  $ddl-bigger-small-list-font-size: 14px !default;
2797
+ $input-border: $ddl-zero-value $border-type !default;
2797
2798
 
2798
2799
  //enddefault
2799
2800
 
@@ -2844,6 +2845,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2844
2845
  }
2845
2846
  }
2846
2847
 
2848
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2849
+ width: 100%;
2850
+ border: $input-border;
2851
+ }
2852
+
2847
2853
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2848
2854
  display: block;
2849
2855
  visibility: hidden;
@@ -41111,6 +41117,7 @@ $radio-btn-focus-outline: $neutral-secondary-alt 1px solid !default;
41111
41117
  $radio-btn-focus-outline-offset: 2px !default;
41112
41118
  $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
41113
41119
  $radio-btn-ripple-bgcolor: rgba(0, 0, 0, .3) !default;
41120
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
41114
41121
 
41115
41122
  @mixin fluent-focus-border {
41116
41123
  @if $skin-name == 'FluentUI' {
@@ -41491,6 +41498,9 @@ $radio-btn-ripple-bgcolor: rgba(0, 0, 0, .3) !default;
41491
41498
  }
41492
41499
  }
41493
41500
  }
41501
+ .e-radio-wrapper.e-error .e-radio + label::before {
41502
+ border-color: $radio-btn-border-error-color;
41503
+ }
41494
41504
  }
41495
41505
 
41496
41506
 
@@ -87187,6 +87197,13 @@ $grid-checkmark-color: $theme-dark-font !default;
87187
87197
  overflow: hidden;
87188
87198
  overflow-x: scroll;
87189
87199
  }
87200
+
87201
+ &.e-mac-safari .virtualtable {
87202
+ .e-leftfreeze,
87203
+ .e-rightfreeze {
87204
+ transform: translateZ(0);
87205
+ }
87206
+ }
87190
87207
 
87191
87208
  .e-columnchooser::before {
87192
87209
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88553,7 +88570,9 @@ $grid-checkmark-color: $theme-dark-font !default;
88553
88570
  }
88554
88571
 
88555
88572
  .e-cc-searchdiv.e-input-focus {
88556
- border-color: $grid-columnchooser-search-border-fcolor;
88573
+ @if $grid-skin != 'fluent2' {
88574
+ border-color: $grid-columnchooser-search-border-fcolor;
88575
+ }
88557
88576
  }
88558
88577
  }
88559
88578
  }
@@ -2663,6 +2663,7 @@ $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2663
2663
  $ddl-back-icon-padding: 0 !default;
2664
2664
  $ddl-filter-margin: 0 !default;
2665
2665
  $ddl-box-border-color: $neutral-tertiary-alt !default;
2666
+ $input-border: $ddl-zero-value $border-type !default;
2666
2667
 
2667
2668
  //small size
2668
2669
  $ddl-small-list-font-size: 13px !default;
@@ -2717,6 +2718,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2717
2718
  }
2718
2719
  }
2719
2720
 
2721
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2722
+ width: 100%;
2723
+ border: $input-border;
2724
+ }
2725
+
2720
2726
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2721
2727
  display: block;
2722
2728
  visibility: hidden;
@@ -29680,6 +29686,7 @@ $radio-btn-bigger-ripple-position: -11px !default;
29680
29686
  $radio-btn-bigger-small-ripple-size: 36px !default;
29681
29687
  $radio-btn-focus-ripple-bgcolor: #000 !default;
29682
29688
  $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
29689
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
29683
29690
 
29684
29691
  @mixin fluent-focus-border {
29685
29692
  @if $skin-name == 'FluentUI' {
@@ -30060,6 +30067,9 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
30060
30067
  }
30061
30068
  }
30062
30069
  }
30070
+ .e-radio-wrapper.e-error .e-radio + label::before {
30071
+ border-color: $radio-btn-border-error-color;
30072
+ }
30063
30073
  }
30064
30074
 
30065
30075
 
@@ -64560,6 +64570,13 @@ $grid-checkmark-color: $theme-primary-font !default;
64560
64570
  overflow: hidden;
64561
64571
  overflow-x: scroll;
64562
64572
  }
64573
+
64574
+ &.e-mac-safari .virtualtable {
64575
+ .e-leftfreeze,
64576
+ .e-rightfreeze {
64577
+ transform: translateZ(0);
64578
+ }
64579
+ }
64563
64580
 
64564
64581
  .e-columnchooser::before {
64565
64582
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -65926,7 +65943,9 @@ $grid-checkmark-color: $theme-primary-font !default;
65926
65943
  }
65927
65944
 
65928
65945
  .e-cc-searchdiv.e-input-focus {
65929
- border-color: $grid-columnchooser-search-border-fcolor;
65946
+ @if $grid-skin != 'fluent2' {
65947
+ border-color: $grid-columnchooser-search-border-fcolor;
65948
+ }
65930
65949
  }
65931
65950
  }
65932
65951
  }
@@ -2785,6 +2785,7 @@ $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2785
2785
  $ddl-back-icon-padding: 0 !default;
2786
2786
  $ddl-filter-margin: 0 !default;
2787
2787
  $ddl-box-border-color: $neutral-tertiary-alt !default;
2788
+ $input-border: $ddl-zero-value $border-type !default;
2788
2789
 
2789
2790
  //small size
2790
2791
  $ddl-small-list-font-size: 13px !default;
@@ -2839,6 +2840,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
2839
2840
  }
2840
2841
  }
2841
2842
 
2843
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2844
+ width: 100%;
2845
+ border: $input-border;
2846
+ }
2847
+
2842
2848
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2843
2849
  display: block;
2844
2850
  visibility: hidden;
@@ -40943,6 +40949,7 @@ $radio-btn-bigger-ripple-position: -11px !default;
40943
40949
  $radio-btn-bigger-small-ripple-size: 36px !default;
40944
40950
  $radio-btn-focus-ripple-bgcolor: #000 !default;
40945
40951
  $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
40952
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
40946
40953
 
40947
40954
  @mixin fluent-focus-border {
40948
40955
  @if $skin-name == 'FluentUI' {
@@ -41323,6 +41330,9 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
41323
41330
  }
41324
41331
  }
41325
41332
  }
41333
+ .e-radio-wrapper.e-error .e-radio + label::before {
41334
+ border-color: $radio-btn-border-error-color;
41335
+ }
41326
41336
  }
41327
41337
 
41328
41338
 
@@ -86965,6 +86975,13 @@ $grid-checkmark-color: $theme-primary-font !default;
86965
86975
  overflow: hidden;
86966
86976
  overflow-x: scroll;
86967
86977
  }
86978
+
86979
+ &.e-mac-safari .virtualtable {
86980
+ .e-leftfreeze,
86981
+ .e-rightfreeze {
86982
+ transform: translateZ(0);
86983
+ }
86984
+ }
86968
86985
 
86969
86986
  .e-columnchooser::before {
86970
86987
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88331,7 +88348,9 @@ $grid-checkmark-color: $theme-primary-font !default;
88331
88348
  }
88332
88349
 
88333
88350
  .e-cc-searchdiv.e-input-focus {
88334
- border-color: $grid-columnchooser-search-border-fcolor;
88351
+ @if $grid-skin != 'fluent2' {
88352
+ border-color: $grid-columnchooser-search-border-fcolor;
88353
+ }
88335
88354
  }
88336
88355
  }
88337
88356
  }
@@ -2650,6 +2650,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
2650
2650
  $ddl-input-font-size: $text-sm !default;
2651
2651
  $ddl-zero-value: 0 !default;
2652
2652
  $ddl-input-border: 1px $border-light !default;
2653
+ $border-type: solid !default;
2653
2654
  $ddl-input-font-family: inherit !default;
2654
2655
  $ddl-input-margin-bottom: 4px !default;
2655
2656
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2685,6 +2686,7 @@ $ddl-filter-background-color: $flyout-bg-color !default;
2685
2686
  $ddl-filter-bg: $flyout-bg-color !default;
2686
2687
  $ddl-list-icon-color: $icon-color !default;
2687
2688
  $ddl-filter-box-shadow: none !default;
2689
+ $input-border: $ddl-zero-value $border-type !default;
2688
2690
 
2689
2691
  @include export-module('dropdownlist-bootstrap5') {
2690
2692
  #{&}.e-popup.e-ddl {
@@ -2786,6 +2788,11 @@ $ddl-filter-box-shadow: none !default;
2786
2788
  }
2787
2789
  }
2788
2790
 
2791
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2792
+ width: 100%;
2793
+ border: $input-border;
2794
+ }
2795
+
2789
2796
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2790
2797
  display: block;
2791
2798
  visibility: hidden;
@@ -29997,6 +30004,8 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29997
30004
  $radio-btn-uncheck-background-color: $icon-color !default;
29998
30005
  $radio-btn-uncheck-color: $icon-color !default;
29999
30006
 
30007
+ $radio-btn-border-error-color: $border-error;
30008
+
30000
30009
  @mixin fluent-focus-border {
30001
30010
  @if $skin-name == 'FluentUI' {
30002
30011
  border: 1px solid transparent;
@@ -30376,6 +30385,9 @@ $radio-btn-uncheck-color: $icon-color !default;
30376
30385
  }
30377
30386
  }
30378
30387
  }
30388
+ .e-radio-wrapper.e-error .e-radio + label::before {
30389
+ border-color: $radio-btn-border-error-color;
30390
+ }
30379
30391
  }
30380
30392
 
30381
30393
 
@@ -65211,6 +65223,13 @@ $grid-checkmark-color: $primary-text-color !default;
65211
65223
  overflow: hidden;
65212
65224
  overflow-x: scroll;
65213
65225
  }
65226
+
65227
+ &.e-mac-safari .virtualtable {
65228
+ .e-leftfreeze,
65229
+ .e-rightfreeze {
65230
+ transform: translateZ(0);
65231
+ }
65232
+ }
65214
65233
 
65215
65234
  .e-columnchooser::before {
65216
65235
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66577,7 +66596,9 @@ $grid-checkmark-color: $primary-text-color !default;
66577
66596
  }
66578
66597
 
66579
66598
  .e-cc-searchdiv.e-input-focus {
66580
- border-color: $grid-columnchooser-search-border-fcolor;
66599
+ @if $grid-skin != 'fluent2' {
66600
+ border-color: $grid-columnchooser-search-border-fcolor;
66601
+ }
66581
66602
  }
66582
66603
  }
66583
66604
  }
@@ -2772,6 +2772,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
2772
2772
  $ddl-input-font-size: $text-sm !default;
2773
2773
  $ddl-zero-value: 0 !default;
2774
2774
  $ddl-input-border: 1px $border-light !default;
2775
+ $border-type: solid !default;
2775
2776
  $ddl-input-font-family: inherit !default;
2776
2777
  $ddl-input-margin-bottom: 4px !default;
2777
2778
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2807,6 +2808,7 @@ $ddl-filter-background-color: $flyout-bg-color !default;
2807
2808
  $ddl-filter-bg: $flyout-bg-color !default;
2808
2809
  $ddl-list-icon-color: $icon-color !default;
2809
2810
  $ddl-filter-box-shadow: none !default;
2811
+ $input-border: $ddl-zero-value $border-type !default;
2810
2812
 
2811
2813
  @include export-module('dropdownlist-bootstrap5') {
2812
2814
  #{&}.e-popup.e-ddl {
@@ -2908,6 +2910,11 @@ $ddl-filter-box-shadow: none !default;
2908
2910
  }
2909
2911
  }
2910
2912
 
2913
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2914
+ width: 100%;
2915
+ border: $input-border;
2916
+ }
2917
+
2911
2918
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2912
2919
  display: block;
2913
2920
  visibility: hidden;
@@ -41260,6 +41267,8 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41260
41267
  $radio-btn-uncheck-background-color: $icon-color !default;
41261
41268
  $radio-btn-uncheck-color: $icon-color !default;
41262
41269
 
41270
+ $radio-btn-border-error-color: $border-error;
41271
+
41263
41272
  @mixin fluent-focus-border {
41264
41273
  @if $skin-name == 'FluentUI' {
41265
41274
  border: 1px solid transparent;
@@ -41639,6 +41648,9 @@ $radio-btn-uncheck-color: $icon-color !default;
41639
41648
  }
41640
41649
  }
41641
41650
  }
41651
+ .e-radio-wrapper.e-error .e-radio + label::before {
41652
+ border-color: $radio-btn-border-error-color;
41653
+ }
41642
41654
  }
41643
41655
 
41644
41656
 
@@ -87616,6 +87628,13 @@ $grid-checkmark-color: $primary-text-color !default;
87616
87628
  overflow: hidden;
87617
87629
  overflow-x: scroll;
87618
87630
  }
87631
+
87632
+ &.e-mac-safari .virtualtable {
87633
+ .e-leftfreeze,
87634
+ .e-rightfreeze {
87635
+ transform: translateZ(0);
87636
+ }
87637
+ }
87619
87638
 
87620
87639
  .e-columnchooser::before {
87621
87640
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88982,7 +89001,9 @@ $grid-checkmark-color: $primary-text-color !default;
88982
89001
  }
88983
89002
 
88984
89003
  .e-cc-searchdiv.e-input-focus {
88985
- border-color: $grid-columnchooser-search-border-fcolor;
89004
+ @if $grid-skin != 'fluent2' {
89005
+ border-color: $grid-columnchooser-search-border-fcolor;
89006
+ }
88986
89007
  }
88987
89008
  }
88988
89009
  }
@@ -2650,6 +2650,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
2650
2650
  $ddl-input-font-size: $text-sm !default;
2651
2651
  $ddl-zero-value: 0 !default;
2652
2652
  $ddl-input-border: 1px $border-light !default;
2653
+ $border-type: solid !default;
2653
2654
  $ddl-input-font-family: inherit !default;
2654
2655
  $ddl-input-margin-bottom: 4px !default;
2655
2656
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2685,6 +2686,7 @@ $ddl-filter-background-color: $flyout-bg-color !default;
2685
2686
  $ddl-filter-bg: $flyout-bg-color !default;
2686
2687
  $ddl-list-icon-color: $icon-color !default;
2687
2688
  $ddl-filter-box-shadow: none !default;
2689
+ $input-border: $ddl-zero-value $border-type !default;
2688
2690
 
2689
2691
  @include export-module('dropdownlist-bootstrap5') {
2690
2692
  #{&}.e-popup.e-ddl {
@@ -2786,6 +2788,11 @@ $ddl-filter-box-shadow: none !default;
2786
2788
  }
2787
2789
  }
2788
2790
 
2791
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2792
+ width: 100%;
2793
+ border: $input-border;
2794
+ }
2795
+
2789
2796
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2790
2797
  display: block;
2791
2798
  visibility: hidden;
@@ -29997,6 +30004,8 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29997
30004
  $radio-btn-uncheck-background-color: $icon-color !default;
29998
30005
  $radio-btn-uncheck-color: $icon-color !default;
29999
30006
 
30007
+ $radio-btn-border-error-color: $border-error;
30008
+
30000
30009
  @mixin fluent-focus-border {
30001
30010
  @if $skin-name == 'FluentUI' {
30002
30011
  border: 1px solid transparent;
@@ -30376,6 +30385,9 @@ $radio-btn-uncheck-color: $icon-color !default;
30376
30385
  }
30377
30386
  }
30378
30387
  }
30388
+ .e-radio-wrapper.e-error .e-radio + label::before {
30389
+ border-color: $radio-btn-border-error-color;
30390
+ }
30379
30391
  }
30380
30392
 
30381
30393
 
@@ -65211,6 +65223,13 @@ $grid-checkmark-color: $primary-text-color !default;
65211
65223
  overflow: hidden;
65212
65224
  overflow-x: scroll;
65213
65225
  }
65226
+
65227
+ &.e-mac-safari .virtualtable {
65228
+ .e-leftfreeze,
65229
+ .e-rightfreeze {
65230
+ transform: translateZ(0);
65231
+ }
65232
+ }
65214
65233
 
65215
65234
  .e-columnchooser::before {
65216
65235
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66577,7 +66596,9 @@ $grid-checkmark-color: $primary-text-color !default;
66577
66596
  }
66578
66597
 
66579
66598
  .e-cc-searchdiv.e-input-focus {
66580
- border-color: $grid-columnchooser-search-border-fcolor;
66599
+ @if $grid-skin != 'fluent2' {
66600
+ border-color: $grid-columnchooser-search-border-fcolor;
66601
+ }
66581
66602
  }
66582
66603
  }
66583
66604
  }
@@ -2772,6 +2772,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
2772
2772
  $ddl-input-font-size: $text-sm !default;
2773
2773
  $ddl-zero-value: 0 !default;
2774
2774
  $ddl-input-border: 1px $border-light !default;
2775
+ $border-type: solid !default;
2775
2776
  $ddl-input-font-family: inherit !default;
2776
2777
  $ddl-input-margin-bottom: 4px !default;
2777
2778
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2807,6 +2808,7 @@ $ddl-filter-background-color: $flyout-bg-color !default;
2807
2808
  $ddl-filter-bg: $flyout-bg-color !default;
2808
2809
  $ddl-list-icon-color: $icon-color !default;
2809
2810
  $ddl-filter-box-shadow: none !default;
2811
+ $input-border: $ddl-zero-value $border-type !default;
2810
2812
 
2811
2813
  @include export-module('dropdownlist-bootstrap5') {
2812
2814
  #{&}.e-popup.e-ddl {
@@ -2908,6 +2910,11 @@ $ddl-filter-box-shadow: none !default;
2908
2910
  }
2909
2911
  }
2910
2912
 
2913
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2914
+ width: 100%;
2915
+ border: $input-border;
2916
+ }
2917
+
2911
2918
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2912
2919
  display: block;
2913
2920
  visibility: hidden;
@@ -41260,6 +41267,8 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41260
41267
  $radio-btn-uncheck-background-color: $icon-color !default;
41261
41268
  $radio-btn-uncheck-color: $icon-color !default;
41262
41269
 
41270
+ $radio-btn-border-error-color: $border-error;
41271
+
41263
41272
  @mixin fluent-focus-border {
41264
41273
  @if $skin-name == 'FluentUI' {
41265
41274
  border: 1px solid transparent;
@@ -41639,6 +41648,9 @@ $radio-btn-uncheck-color: $icon-color !default;
41639
41648
  }
41640
41649
  }
41641
41650
  }
41651
+ .e-radio-wrapper.e-error .e-radio + label::before {
41652
+ border-color: $radio-btn-border-error-color;
41653
+ }
41642
41654
  }
41643
41655
 
41644
41656
 
@@ -87616,6 +87628,13 @@ $grid-checkmark-color: $primary-text-color !default;
87616
87628
  overflow: hidden;
87617
87629
  overflow-x: scroll;
87618
87630
  }
87631
+
87632
+ &.e-mac-safari .virtualtable {
87633
+ .e-leftfreeze,
87634
+ .e-rightfreeze {
87635
+ transform: translateZ(0);
87636
+ }
87637
+ }
87619
87638
 
87620
87639
  .e-columnchooser::before {
87621
87640
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88982,7 +89001,9 @@ $grid-checkmark-color: $primary-text-color !default;
88982
89001
  }
88983
89002
 
88984
89003
  .e-cc-searchdiv.e-input-focus {
88985
- border-color: $grid-columnchooser-search-border-fcolor;
89004
+ @if $grid-skin != 'fluent2' {
89005
+ border-color: $grid-columnchooser-search-border-fcolor;
89006
+ }
88986
89007
  }
88987
89008
  }
88988
89009
  }
@@ -3679,6 +3679,7 @@ $ddl-input-font-size: $text-sm !default;
3679
3679
  $ddl-zero-value: 0 !default;
3680
3680
  $ddl-input-border: 1px $border-light !default;
3681
3681
  $ddl-input-font-family: inherit !default;
3682
+ $border-type: solid !default;
3682
3683
  $ddl-input-margin-bottom: 4px !default;
3683
3684
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
3684
3685
  $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -3713,6 +3714,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
3713
3714
  $ddl-filter-background-color: $flyout-bg-color !default;
3714
3715
  $ddl-filter-box-shadow: none !default;
3715
3716
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3717
+ $input-border: $ddl-zero-value $border-type !default;
3716
3718
 
3717
3719
  @include export-module('dropdownlist-bds') {
3718
3720
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3787,6 +3789,11 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3787
3789
  }
3788
3790
  }
3789
3791
 
3792
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3793
+ width: 100%;
3794
+ border: $input-border;
3795
+ }
3796
+
3790
3797
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3791
3798
  display: block;
3792
3799
  visibility: hidden;
@@ -31527,6 +31534,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
31527
31534
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
31528
31535
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
31529
31536
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31537
+ $radio-btn-border-error-color: $border-error;
31530
31538
 
31531
31539
  @mixin fluent-focus-border {
31532
31540
  @if $skin-name == 'FluentUI' {
@@ -31907,6 +31915,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31907
31915
  }
31908
31916
  }
31909
31917
  }
31918
+ .e-radio-wrapper.e-error .e-radio + label::before {
31919
+ border-color: $radio-btn-border-error-color;
31920
+ }
31910
31921
  }
31911
31922
 
31912
31923
 
@@ -58132,7 +58143,7 @@ $de-border-size-button-width: 99px !default;
58132
58143
  $de-list-hover-bg: $primary !default;
58133
58144
  $de-pane-margin-right: 10px;
58134
58145
  $de-pane-margin-right-big: 16px;
58135
- $de-page-number-height: 20px;
58146
+ $de-page-number-height: 22px;
58136
58147
  $de-items-pressed: $content-bg-color-pressed;
58137
58148
  $de-font-margin-right: 16px;
58138
58149
  $e-de-shadow-color: $border;
@@ -67131,6 +67142,13 @@ $grid-checkmark-color: $primary-text-color !default;
67131
67142
  overflow: hidden;
67132
67143
  overflow-x: scroll;
67133
67144
  }
67145
+
67146
+ &.e-mac-safari .virtualtable {
67147
+ .e-leftfreeze,
67148
+ .e-rightfreeze {
67149
+ transform: translateZ(0);
67150
+ }
67151
+ }
67134
67152
 
67135
67153
  .e-columnchooser::before {
67136
67154
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -68497,7 +68515,9 @@ $grid-checkmark-color: $primary-text-color !default;
68497
68515
  }
68498
68516
 
68499
68517
  .e-cc-searchdiv.e-input-focus {
68500
- border-color: $grid-columnchooser-search-border-fcolor;
68518
+ @if $grid-skin != 'fluent2' {
68519
+ border-color: $grid-columnchooser-search-border-fcolor;
68520
+ }
68501
68521
  }
68502
68522
  }
68503
68523
  }