@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
@@ -2775,6 +2775,7 @@ $ddl-small-list-font-size: 12px !default;
2775
2775
 
2776
2776
  // touch small
2777
2777
  $ddl-bigger-small-list-font-size: 13px !default;
2778
+ $input-border: $ddl-zero-value $border-type !default;
2778
2779
 
2779
2780
  @include export-module('dropdownlist-material') {
2780
2781
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2867,6 +2868,11 @@ $ddl-bigger-small-list-font-size: 13px !default;
2867
2868
  }
2868
2869
  }
2869
2870
 
2871
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2872
+ width: 100%;
2873
+ border: $input-border;
2874
+ }
2875
+
2870
2876
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2871
2877
  display: block;
2872
2878
  visibility: hidden;
@@ -41293,6 +41299,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
41293
41299
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
41294
41300
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41295
41301
  $radio-btn-focus-outline-offset: 0 !default;
41302
+ $radio-btn-border-error-color: $msg-danger-border-color-alt1;
41296
41303
 
41297
41304
  @mixin fluent-focus-border {
41298
41305
  @if $skin-name == 'FluentUI' {
@@ -41673,6 +41680,9 @@ $radio-btn-focus-outline-offset: 0 !default;
41673
41680
  }
41674
41681
  }
41675
41682
  }
41683
+ .e-radio-wrapper.e-error .e-radio + label::before {
41684
+ border-color: $radio-btn-border-error-color;
41685
+ }
41676
41686
  }
41677
41687
 
41678
41688
 
@@ -87857,6 +87867,13 @@ $grid-checkmark-color: $accent-font !default;
87857
87867
  overflow: hidden;
87858
87868
  overflow-x: scroll;
87859
87869
  }
87870
+
87871
+ &.e-mac-safari .virtualtable {
87872
+ .e-leftfreeze,
87873
+ .e-rightfreeze {
87874
+ transform: translateZ(0);
87875
+ }
87876
+ }
87860
87877
 
87861
87878
  .e-columnchooser::before {
87862
87879
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -89223,7 +89240,9 @@ $grid-checkmark-color: $accent-font !default;
89223
89240
  }
89224
89241
 
89225
89242
  .e-cc-searchdiv.e-input-focus {
89226
- border-color: $grid-columnchooser-search-border-fcolor;
89243
+ @if $grid-skin != 'fluent2' {
89244
+ border-color: $grid-columnchooser-search-border-fcolor;
89245
+ }
89227
89246
  }
89228
89247
  }
89229
89248
  }
@@ -2848,6 +2848,8 @@ $ddl-filter-margin: 0 !default;
2848
2848
  $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
2849
2849
  $ddl-small-list-font-size: $text-xs !default;
2850
2850
  $ddl-bigger-small-list-font-size: $text-sm !default;
2851
+ $input-border: $ddl-zero-value $border-type !default;
2852
+
2851
2853
  @include export-module('dropdownlist-Material3') {
2852
2854
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
2853
2855
  transform: rotate(0deg);
@@ -2943,6 +2945,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
2943
2945
  }
2944
2946
  }
2945
2947
 
2948
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2949
+ width: 100%;
2950
+ border: $input-border;
2951
+ }
2952
+
2946
2953
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2947
2954
  display: block;
2948
2955
  visibility: hidden;
@@ -30089,6 +30096,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
30089
30096
  $radio-btn-focus-check-bg-color: rgba($primary) !default;
30090
30097
  $radio-btn-focus-check-border-color: rgba($primary) !default;
30091
30098
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
30099
+ $radio-btn-border-error-color: $border-error;
30092
30100
 
30093
30101
  @mixin fluent-focus-border {
30094
30102
  @if $skin-name == 'FluentUI' {
@@ -30469,6 +30477,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
30469
30477
  }
30470
30478
  }
30471
30479
  }
30480
+ .e-radio-wrapper.e-error .e-radio + label::before {
30481
+ border-color: $radio-btn-border-error-color;
30482
+ }
30472
30483
  }
30473
30484
 
30474
30485
 
@@ -65522,6 +65533,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
65522
65533
  overflow: hidden;
65523
65534
  overflow-x: scroll;
65524
65535
  }
65536
+
65537
+ &.e-mac-safari .virtualtable {
65538
+ .e-leftfreeze,
65539
+ .e-rightfreeze {
65540
+ transform: translateZ(0);
65541
+ }
65542
+ }
65525
65543
 
65526
65544
  .e-columnchooser::before {
65527
65545
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66888,7 +66906,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
66888
66906
  }
66889
66907
 
66890
66908
  .e-cc-searchdiv.e-input-focus {
66891
- border-color: $grid-columnchooser-search-border-fcolor;
66909
+ @if $grid-skin != 'fluent2' {
66910
+ border-color: $grid-columnchooser-search-border-fcolor;
66911
+ }
66892
66912
  }
66893
66913
  }
66894
66914
  }
@@ -2970,6 +2970,8 @@ $ddl-filter-margin: 0 !default;
2970
2970
  $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
2971
2971
  $ddl-small-list-font-size: $text-xs !default;
2972
2972
  $ddl-bigger-small-list-font-size: $text-sm !default;
2973
+ $input-border: $ddl-zero-value $border-type !default;
2974
+
2973
2975
  @include export-module('dropdownlist-Material3') {
2974
2976
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
2975
2977
  transform: rotate(0deg);
@@ -3065,6 +3067,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
3065
3067
  }
3066
3068
  }
3067
3069
 
3070
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3071
+ width: 100%;
3072
+ border: $input-border;
3073
+ }
3074
+
3068
3075
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3069
3076
  display: block;
3070
3077
  visibility: hidden;
@@ -41352,6 +41359,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
41352
41359
  $radio-btn-focus-check-bg-color: rgba($primary) !default;
41353
41360
  $radio-btn-focus-check-border-color: rgba($primary) !default;
41354
41361
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41362
+ $radio-btn-border-error-color: $border-error;
41355
41363
 
41356
41364
  @mixin fluent-focus-border {
41357
41365
  @if $skin-name == 'FluentUI' {
@@ -41732,6 +41740,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41732
41740
  }
41733
41741
  }
41734
41742
  }
41743
+ .e-radio-wrapper.e-error .e-radio + label::before {
41744
+ border-color: $radio-btn-border-error-color;
41745
+ }
41735
41746
  }
41736
41747
 
41737
41748
 
@@ -87927,6 +87938,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
87927
87938
  overflow: hidden;
87928
87939
  overflow-x: scroll;
87929
87940
  }
87941
+
87942
+ &.e-mac-safari .virtualtable {
87943
+ .e-leftfreeze,
87944
+ .e-rightfreeze {
87945
+ transform: translateZ(0);
87946
+ }
87947
+ }
87930
87948
 
87931
87949
  .e-columnchooser::before {
87932
87950
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -89293,7 +89311,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
89293
89311
  }
89294
89312
 
89295
89313
  .e-cc-searchdiv.e-input-focus {
89296
- border-color: $grid-columnchooser-search-border-fcolor;
89314
+ @if $grid-skin != 'fluent2' {
89315
+ border-color: $grid-columnchooser-search-border-fcolor;
89316
+ }
89297
89317
  }
89298
89318
  }
89299
89319
  }
@@ -2918,6 +2918,8 @@ $ddl-filter-margin: 0 !default;
2918
2918
  $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
2919
2919
  $ddl-small-list-font-size: $text-xs !default;
2920
2920
  $ddl-bigger-small-list-font-size: $text-sm !default;
2921
+ $input-border: $ddl-zero-value $border-type !default;
2922
+
2921
2923
  @include export-module('dropdownlist-Material3') {
2922
2924
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
2923
2925
  transform: rotate(0deg);
@@ -3013,6 +3015,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
3013
3015
  }
3014
3016
  }
3015
3017
 
3018
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3019
+ width: 100%;
3020
+ border: $input-border;
3021
+ }
3022
+
3016
3023
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3017
3024
  display: block;
3018
3025
  visibility: hidden;
@@ -30159,6 +30166,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
30159
30166
  $radio-btn-focus-check-bg-color: rgba($primary) !default;
30160
30167
  $radio-btn-focus-check-border-color: rgba($primary) !default;
30161
30168
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
30169
+ $radio-btn-border-error-color: $border-error;
30162
30170
 
30163
30171
  @mixin fluent-focus-border {
30164
30172
  @if $skin-name == 'FluentUI' {
@@ -30539,6 +30547,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
30539
30547
  }
30540
30548
  }
30541
30549
  }
30550
+ .e-radio-wrapper.e-error .e-radio + label::before {
30551
+ border-color: $radio-btn-border-error-color;
30552
+ }
30542
30553
  }
30543
30554
 
30544
30555
 
@@ -65592,6 +65603,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
65592
65603
  overflow: hidden;
65593
65604
  overflow-x: scroll;
65594
65605
  }
65606
+
65607
+ &.e-mac-safari .virtualtable {
65608
+ .e-leftfreeze,
65609
+ .e-rightfreeze {
65610
+ transform: translateZ(0);
65611
+ }
65612
+ }
65595
65613
 
65596
65614
  .e-columnchooser::before {
65597
65615
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66958,7 +66976,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
66958
66976
  }
66959
66977
 
66960
66978
  .e-cc-searchdiv.e-input-focus {
66961
- border-color: $grid-columnchooser-search-border-fcolor;
66979
+ @if $grid-skin != 'fluent2' {
66980
+ border-color: $grid-columnchooser-search-border-fcolor;
66981
+ }
66962
66982
  }
66963
66983
  }
66964
66984
  }
@@ -3040,6 +3040,8 @@ $ddl-filter-margin: 0 !default;
3040
3040
  $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
3041
3041
  $ddl-small-list-font-size: $text-xs !default;
3042
3042
  $ddl-bigger-small-list-font-size: $text-sm !default;
3043
+ $input-border: $ddl-zero-value $border-type !default;
3044
+
3043
3045
  @include export-module('dropdownlist-Material3') {
3044
3046
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3045
3047
  transform: rotate(0deg);
@@ -3135,6 +3137,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
3135
3137
  }
3136
3138
  }
3137
3139
 
3140
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3141
+ width: 100%;
3142
+ border: $input-border;
3143
+ }
3144
+
3138
3145
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3139
3146
  display: block;
3140
3147
  visibility: hidden;
@@ -41422,6 +41429,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
41422
41429
  $radio-btn-focus-check-bg-color: rgba($primary) !default;
41423
41430
  $radio-btn-focus-check-border-color: rgba($primary) !default;
41424
41431
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41432
+ $radio-btn-border-error-color: $border-error;
41425
41433
 
41426
41434
  @mixin fluent-focus-border {
41427
41435
  @if $skin-name == 'FluentUI' {
@@ -41802,6 +41810,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41802
41810
  }
41803
41811
  }
41804
41812
  }
41813
+ .e-radio-wrapper.e-error .e-radio + label::before {
41814
+ border-color: $radio-btn-border-error-color;
41815
+ }
41805
41816
  }
41806
41817
 
41807
41818
 
@@ -87997,6 +88008,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
87997
88008
  overflow: hidden;
87998
88009
  overflow-x: scroll;
87999
88010
  }
88011
+
88012
+ &.e-mac-safari .virtualtable {
88013
+ .e-leftfreeze,
88014
+ .e-rightfreeze {
88015
+ transform: translateZ(0);
88016
+ }
88017
+ }
88000
88018
 
88001
88019
  .e-columnchooser::before {
88002
88020
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -89363,7 +89381,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
89363
89381
  }
89364
89382
 
89365
89383
  .e-cc-searchdiv.e-input-focus {
89366
- border-color: $grid-columnchooser-search-border-fcolor;
89384
+ @if $grid-skin != 'fluent2' {
89385
+ border-color: $grid-columnchooser-search-border-fcolor;
89386
+ }
89367
89387
  }
89368
89388
  }
89369
89389
  }
@@ -2607,6 +2607,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2607
2607
  $ddl-input-font-size: $text-sm !default;
2608
2608
  $ddl-zero-value: 0 !default;
2609
2609
  $ddl-input-border: 1px $border-light !default;
2610
+ $border-type: solid !default;
2610
2611
  $ddl-input-font-family: inherit !default;
2611
2612
  $ddl-input-margin-bottom: 4px !default;
2612
2613
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2641,6 +2642,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
2641
2642
  $ddl-popup-background-color: $flyout-bg-color !default;
2642
2643
  $ddl-filter-background-color: $flyout-bg-color !default;
2643
2644
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2645
+ $input-border: $ddl-zero-value $border-type !default;
2644
2646
 
2645
2647
  @include export-module('dropdownlist-tailwind') {
2646
2648
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2715,6 +2717,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2715
2717
  }
2716
2718
  }
2717
2719
 
2720
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2721
+ width: 100%;
2722
+ border: $input-border;
2723
+ }
2724
+
2718
2725
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2719
2726
  display: block;
2720
2727
  visibility: hidden;
@@ -29892,6 +29899,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
29892
29899
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
29893
29900
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
29894
29901
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29902
+ $radio-btn-border-error-color: $border-error;
29895
29903
 
29896
29904
  @mixin fluent-focus-border {
29897
29905
  @if $skin-name == 'FluentUI' {
@@ -30272,6 +30280,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
30272
30280
  }
30273
30281
  }
30274
30282
  }
30283
+ .e-radio-wrapper.e-error .e-radio + label::before {
30284
+ border-color: $radio-btn-border-error-color;
30285
+ }
30275
30286
  }
30276
30287
 
30277
30288
 
@@ -65034,6 +65045,13 @@ $grid-checkmark-color: $primary-text-color !default;
65034
65045
  overflow: hidden;
65035
65046
  overflow-x: scroll;
65036
65047
  }
65048
+
65049
+ &.e-mac-safari .virtualtable {
65050
+ .e-leftfreeze,
65051
+ .e-rightfreeze {
65052
+ transform: translateZ(0);
65053
+ }
65054
+ }
65037
65055
 
65038
65056
  .e-columnchooser::before {
65039
65057
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66400,7 +66418,9 @@ $grid-checkmark-color: $primary-text-color !default;
66400
66418
  }
66401
66419
 
66402
66420
  .e-cc-searchdiv.e-input-focus {
66403
- border-color: $grid-columnchooser-search-border-fcolor;
66421
+ @if $grid-skin != 'fluent2' {
66422
+ border-color: $grid-columnchooser-search-border-fcolor;
66423
+ }
66404
66424
  }
66405
66425
  }
66406
66426
  }
@@ -2729,6 +2729,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2729
2729
  $ddl-input-font-size: $text-sm !default;
2730
2730
  $ddl-zero-value: 0 !default;
2731
2731
  $ddl-input-border: 1px $border-light !default;
2732
+ $border-type: solid !default;
2732
2733
  $ddl-input-font-family: inherit !default;
2733
2734
  $ddl-input-margin-bottom: 4px !default;
2734
2735
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2763,6 +2764,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
2763
2764
  $ddl-popup-background-color: $flyout-bg-color !default;
2764
2765
  $ddl-filter-background-color: $flyout-bg-color !default;
2765
2766
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2767
+ $input-border: $ddl-zero-value $border-type !default;
2766
2768
 
2767
2769
  @include export-module('dropdownlist-tailwind') {
2768
2770
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2837,6 +2839,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2837
2839
  }
2838
2840
  }
2839
2841
 
2842
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2843
+ width: 100%;
2844
+ border: $input-border;
2845
+ }
2846
+
2840
2847
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2841
2848
  display: block;
2842
2849
  visibility: hidden;
@@ -41155,6 +41162,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
41155
41162
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
41156
41163
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
41157
41164
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41165
+ $radio-btn-border-error-color: $border-error;
41158
41166
 
41159
41167
  @mixin fluent-focus-border {
41160
41168
  @if $skin-name == 'FluentUI' {
@@ -41535,6 +41543,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41535
41543
  }
41536
41544
  }
41537
41545
  }
41546
+ .e-radio-wrapper.e-error .e-radio + label::before {
41547
+ border-color: $radio-btn-border-error-color;
41548
+ }
41538
41549
  }
41539
41550
 
41540
41551
 
@@ -87439,6 +87450,13 @@ $grid-checkmark-color: $primary-text-color !default;
87439
87450
  overflow: hidden;
87440
87451
  overflow-x: scroll;
87441
87452
  }
87453
+
87454
+ &.e-mac-safari .virtualtable {
87455
+ .e-leftfreeze,
87456
+ .e-rightfreeze {
87457
+ transform: translateZ(0);
87458
+ }
87459
+ }
87442
87460
 
87443
87461
  .e-columnchooser::before {
87444
87462
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88805,7 +88823,9 @@ $grid-checkmark-color: $primary-text-color !default;
88805
88823
  }
88806
88824
 
88807
88825
  .e-cc-searchdiv.e-input-focus {
88808
- border-color: $grid-columnchooser-search-border-fcolor;
88826
+ @if $grid-skin != 'fluent2' {
88827
+ border-color: $grid-columnchooser-search-border-fcolor;
88828
+ }
88809
88829
  }
88810
88830
  }
88811
88831
  }
@@ -2605,6 +2605,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2605
2605
  $ddl-input-font-size: $text-sm !default;
2606
2606
  $ddl-zero-value: 0 !default;
2607
2607
  $ddl-input-border: 1px $border-light !default;
2608
+ $border-type: solid !default;
2608
2609
  $ddl-input-font-family: inherit !default;
2609
2610
  $ddl-input-margin-bottom: 4px !default;
2610
2611
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2639,6 +2640,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
2639
2640
  $ddl-popup-background-color: $flyout-bg-color !default;
2640
2641
  $ddl-filter-background-color: $flyout-bg-color !default;
2641
2642
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2643
+ $input-border: $ddl-zero-value $border-type !default;
2642
2644
 
2643
2645
  @include export-module('dropdownlist-tailwind') {
2644
2646
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2713,6 +2715,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2713
2715
  }
2714
2716
  }
2715
2717
 
2718
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2719
+ width: 100%;
2720
+ border: $input-border;
2721
+ }
2722
+
2716
2723
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2717
2724
  display: block;
2718
2725
  visibility: hidden;
@@ -29890,6 +29897,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
29890
29897
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
29891
29898
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
29892
29899
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
29900
+ $radio-btn-border-error-color: $border-error;
29893
29901
 
29894
29902
  @mixin fluent-focus-border {
29895
29903
  @if $skin-name == 'FluentUI' {
@@ -30270,6 +30278,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
30270
30278
  }
30271
30279
  }
30272
30280
  }
30281
+ .e-radio-wrapper.e-error .e-radio + label::before {
30282
+ border-color: $radio-btn-border-error-color;
30283
+ }
30273
30284
  }
30274
30285
 
30275
30286
 
@@ -65032,6 +65043,13 @@ $grid-checkmark-color: $primary-text-color !default;
65032
65043
  overflow: hidden;
65033
65044
  overflow-x: scroll;
65034
65045
  }
65046
+
65047
+ &.e-mac-safari .virtualtable {
65048
+ .e-leftfreeze,
65049
+ .e-rightfreeze {
65050
+ transform: translateZ(0);
65051
+ }
65052
+ }
65035
65053
 
65036
65054
  .e-columnchooser::before {
65037
65055
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66398,7 +66416,9 @@ $grid-checkmark-color: $primary-text-color !default;
66398
66416
  }
66399
66417
 
66400
66418
  .e-cc-searchdiv.e-input-focus {
66401
- border-color: $grid-columnchooser-search-border-fcolor;
66419
+ @if $grid-skin != 'fluent2' {
66420
+ border-color: $grid-columnchooser-search-border-fcolor;
66421
+ }
66402
66422
  }
66403
66423
  }
66404
66424
  }
@@ -2727,6 +2727,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
2727
2727
  $ddl-input-font-size: $text-sm !default;
2728
2728
  $ddl-zero-value: 0 !default;
2729
2729
  $ddl-input-border: 1px $border-light !default;
2730
+ $border-type: solid !default;
2730
2731
  $ddl-input-font-family: inherit !default;
2731
2732
  $ddl-input-margin-bottom: 4px !default;
2732
2733
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2761,6 +2762,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
2761
2762
  $ddl-popup-background-color: $flyout-bg-color !default;
2762
2763
  $ddl-filter-background-color: $flyout-bg-color !default;
2763
2764
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2765
+ $input-border: $ddl-zero-value $border-type !default;
2764
2766
 
2765
2767
  @include export-module('dropdownlist-tailwind') {
2766
2768
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2835,6 +2837,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2835
2837
  }
2836
2838
  }
2837
2839
 
2840
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
2841
+ width: 100%;
2842
+ border: $input-border;
2843
+ }
2844
+
2838
2845
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
2839
2846
  display: block;
2840
2847
  visibility: hidden;
@@ -41153,6 +41160,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
41153
41160
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
41154
41161
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
41155
41162
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41163
+ $radio-btn-border-error-color: $border-error;
41156
41164
 
41157
41165
  @mixin fluent-focus-border {
41158
41166
  @if $skin-name == 'FluentUI' {
@@ -41533,6 +41541,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
41533
41541
  }
41534
41542
  }
41535
41543
  }
41544
+ .e-radio-wrapper.e-error .e-radio + label::before {
41545
+ border-color: $radio-btn-border-error-color;
41546
+ }
41536
41547
  }
41537
41548
 
41538
41549
 
@@ -87437,6 +87448,13 @@ $grid-checkmark-color: $primary-text-color !default;
87437
87448
  overflow: hidden;
87438
87449
  overflow-x: scroll;
87439
87450
  }
87451
+
87452
+ &.e-mac-safari .virtualtable {
87453
+ .e-leftfreeze,
87454
+ .e-rightfreeze {
87455
+ transform: translateZ(0);
87456
+ }
87457
+ }
87440
87458
 
87441
87459
  .e-columnchooser::before {
87442
87460
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -88803,7 +88821,9 @@ $grid-checkmark-color: $primary-text-color !default;
88803
88821
  }
88804
88822
 
88805
88823
  .e-cc-searchdiv.e-input-focus {
88806
- border-color: $grid-columnchooser-search-border-fcolor;
88824
+ @if $grid-skin != 'fluent2' {
88825
+ border-color: $grid-columnchooser-search-border-fcolor;
88826
+ }
88807
88827
  }
88808
88828
  }
88809
88829
  }
@@ -3785,6 +3785,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
3785
3785
  $ddl-input-font-size: $text-sm !default;
3786
3786
  $ddl-zero-value: 0 !default;
3787
3787
  $ddl-input-border: 1px $border-light !default;
3788
+ $border-type: solid !default;
3788
3789
  $ddl-input-font-family: inherit !default;
3789
3790
  $ddl-input-margin-bottom: 4px !default;
3790
3791
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -3820,6 +3821,7 @@ $ddl-filter-background-color: $content-bg-color !default;
3820
3821
  $ddl-filter-bg: $content-bg-color !default;
3821
3822
  $ddl-list-icon-color: $icon-color !default;
3822
3823
  $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3824
+ $input-border: $ddl-zero-value $border-type !default;
3823
3825
 
3824
3826
  @include export-module('dropdownlist-bootstrap5') {
3825
3827
  #{&}.e-popup.e-ddl {
@@ -3928,6 +3930,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3928
3930
  }
3929
3931
  }
3930
3932
 
3933
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3934
+ width: 100%;
3935
+ border: $input-border;
3936
+ }
3937
+
3931
3938
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3932
3939
  display: block;
3933
3940
  visibility: hidden;
@@ -31325,6 +31332,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
31325
31332
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
31326
31333
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
31327
31334
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31335
+ $radio-btn-border-error-color: $border-error;
31328
31336
 
31329
31337
  @mixin fluent-focus-border {
31330
31338
  @if $skin-name == 'FluentUI' {
@@ -31705,6 +31713,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
31705
31713
  }
31706
31714
  }
31707
31715
  }
31716
+ .e-radio-wrapper.e-error .e-radio + label::before {
31717
+ border-color: $radio-btn-border-error-color;
31718
+ }
31708
31719
  }
31709
31720
 
31710
31721
 
@@ -57600,7 +57611,7 @@ $de-clr-pckr-split-button: 41px;
57600
57611
  $de-page-number-margin-top: 3px;
57601
57612
  $de-page-number-margin-top-big: 4px;
57602
57613
  $de-hlt-clr-height: 20px;
57603
- $de-hlt-clr-height-bigger: 24px;
57614
+ $de-hlt-clr-height-bigger: 22px;
57604
57615
  $de-shw-hid-height: 76px;
57605
57616
  $de-shw-hid-height-big: 78px;
57606
57617
  $de-tool-item-height: 68px;
@@ -66546,6 +66557,13 @@ $grid-checkmark-color: $primary-text-color !default;
66546
66557
  overflow: hidden;
66547
66558
  overflow-x: scroll;
66548
66559
  }
66560
+
66561
+ &.e-mac-safari .virtualtable {
66562
+ .e-leftfreeze,
66563
+ .e-rightfreeze {
66564
+ transform: translateZ(0);
66565
+ }
66566
+ }
66549
66567
 
66550
66568
  .e-columnchooser::before {
66551
66569
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -67912,7 +67930,9 @@ $grid-checkmark-color: $primary-text-color !default;
67912
67930
  }
67913
67931
 
67914
67932
  .e-cc-searchdiv.e-input-focus {
67915
- border-color: $grid-columnchooser-search-border-fcolor;
67933
+ @if $grid-skin != 'fluent2' {
67934
+ border-color: $grid-columnchooser-search-border-fcolor;
67935
+ }
67916
67936
  }
67917
67937
  }
67918
67938
  }