@syncfusion/blazor-themes 27.1.48 → 27.1.50

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 (169) hide show
  1. package/SCSS-Themes/bds-dark.scss +103 -87
  2. package/SCSS-Themes/bds.scss +103 -87
  3. package/SCSS-Themes/bootstrap-dark.scss +103 -87
  4. package/SCSS-Themes/bootstrap.scss +103 -87
  5. package/SCSS-Themes/bootstrap4.scss +103 -87
  6. package/SCSS-Themes/bootstrap5-dark.scss +103 -87
  7. package/SCSS-Themes/bootstrap5.3.scss +103 -87
  8. package/SCSS-Themes/bootstrap5.scss +103 -87
  9. package/SCSS-Themes/buttons/check-box/bds-dark.scss +7 -0
  10. package/SCSS-Themes/buttons/check-box/bds.scss +7 -0
  11. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +7 -0
  12. package/SCSS-Themes/buttons/check-box/bootstrap.scss +7 -0
  13. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +7 -0
  14. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +7 -0
  15. package/SCSS-Themes/buttons/check-box/bootstrap5.3.scss +7 -0
  16. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +7 -0
  17. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +7 -0
  18. package/SCSS-Themes/buttons/check-box/fabric.scss +7 -0
  19. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +7 -0
  20. package/SCSS-Themes/buttons/check-box/fluent.scss +7 -0
  21. package/SCSS-Themes/buttons/check-box/fluent2-dark.scss +7 -0
  22. package/SCSS-Themes/buttons/check-box/fluent2.scss +7 -0
  23. package/SCSS-Themes/buttons/check-box/highcontrast.scss +7 -0
  24. package/SCSS-Themes/buttons/check-box/material-dark.scss +7 -0
  25. package/SCSS-Themes/buttons/check-box/material.scss +7 -0
  26. package/SCSS-Themes/buttons/check-box/material3-dark.scss +7 -0
  27. package/SCSS-Themes/buttons/check-box/material3.scss +7 -0
  28. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +7 -0
  29. package/SCSS-Themes/buttons/check-box/tailwind.scss +7 -0
  30. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +1 -3
  31. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +1 -3
  32. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +1 -3
  33. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +1 -3
  34. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +1 -3
  35. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +1 -3
  36. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +1 -3
  37. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +1 -3
  38. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +1 -3
  39. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +1 -3
  40. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +1 -3
  41. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +1 -3
  42. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +1 -3
  43. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +1 -3
  44. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +1 -3
  45. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +1 -3
  46. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +1 -3
  47. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +1 -3
  48. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +1 -3
  49. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +1 -3
  50. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +1 -3
  51. package/SCSS-Themes/dropdowns/list-box/bds-dark.scss +1 -0
  52. package/SCSS-Themes/dropdowns/list-box/bds.scss +1 -0
  53. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +1 -0
  54. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +1 -0
  55. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +1 -0
  56. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +1 -0
  57. package/SCSS-Themes/dropdowns/list-box/bootstrap5.3.scss +1 -0
  58. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +1 -0
  59. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +1 -0
  60. package/SCSS-Themes/dropdowns/list-box/fabric.scss +1 -0
  61. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +1 -0
  62. package/SCSS-Themes/dropdowns/list-box/fluent.scss +1 -0
  63. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +1 -0
  64. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +1 -0
  65. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +1 -0
  66. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +1 -0
  67. package/SCSS-Themes/dropdowns/list-box/material.scss +1 -0
  68. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +1 -0
  69. package/SCSS-Themes/dropdowns/list-box/material3.scss +1 -0
  70. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +1 -0
  71. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +1 -0
  72. package/SCSS-Themes/fabric-dark.scss +103 -87
  73. package/SCSS-Themes/fabric.scss +103 -87
  74. package/SCSS-Themes/fluent-dark.scss +104 -88
  75. package/SCSS-Themes/fluent.scss +104 -88
  76. package/SCSS-Themes/fluent2-dark.scss +104 -88
  77. package/SCSS-Themes/fluent2.scss +104 -88
  78. package/SCSS-Themes/grids/grid/bds-dark.scss +52 -41
  79. package/SCSS-Themes/grids/grid/bds.scss +52 -41
  80. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +52 -41
  81. package/SCSS-Themes/grids/grid/bootstrap.scss +52 -41
  82. package/SCSS-Themes/grids/grid/bootstrap4.scss +52 -41
  83. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +52 -41
  84. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +52 -41
  85. package/SCSS-Themes/grids/grid/bootstrap5.scss +52 -41
  86. package/SCSS-Themes/grids/grid/fabric-dark.scss +52 -41
  87. package/SCSS-Themes/grids/grid/fabric.scss +52 -41
  88. package/SCSS-Themes/grids/grid/fluent-dark.scss +53 -42
  89. package/SCSS-Themes/grids/grid/fluent.scss +53 -42
  90. package/SCSS-Themes/grids/grid/fluent2-dark.scss +53 -42
  91. package/SCSS-Themes/grids/grid/fluent2.scss +53 -42
  92. package/SCSS-Themes/grids/grid/highcontrast.scss +52 -41
  93. package/SCSS-Themes/grids/grid/material-dark.scss +52 -41
  94. package/SCSS-Themes/grids/grid/material.scss +52 -41
  95. package/SCSS-Themes/grids/grid/material3-dark.scss +52 -41
  96. package/SCSS-Themes/grids/grid/material3.scss +52 -41
  97. package/SCSS-Themes/grids/grid/tailwind-dark.scss +52 -41
  98. package/SCSS-Themes/grids/grid/tailwind.scss +52 -41
  99. package/SCSS-Themes/highcontrast.scss +103 -87
  100. package/SCSS-Themes/inputs/color-picker/bds-dark.scss +1 -1
  101. package/SCSS-Themes/inputs/color-picker/bds.scss +1 -1
  102. package/SCSS-Themes/inputs/color-picker/bootstrap-dark.scss +1 -1
  103. package/SCSS-Themes/inputs/color-picker/bootstrap.scss +1 -1
  104. package/SCSS-Themes/inputs/color-picker/bootstrap4.scss +1 -1
  105. package/SCSS-Themes/inputs/color-picker/bootstrap5-dark.scss +1 -1
  106. package/SCSS-Themes/inputs/color-picker/bootstrap5.3.scss +1 -1
  107. package/SCSS-Themes/inputs/color-picker/bootstrap5.scss +1 -1
  108. package/SCSS-Themes/inputs/color-picker/fabric-dark.scss +1 -1
  109. package/SCSS-Themes/inputs/color-picker/fabric.scss +1 -1
  110. package/SCSS-Themes/inputs/color-picker/fluent-dark.scss +1 -1
  111. package/SCSS-Themes/inputs/color-picker/fluent.scss +1 -1
  112. package/SCSS-Themes/inputs/color-picker/fluent2-dark.scss +1 -1
  113. package/SCSS-Themes/inputs/color-picker/fluent2.scss +1 -1
  114. package/SCSS-Themes/inputs/color-picker/highcontrast.scss +1 -1
  115. package/SCSS-Themes/inputs/color-picker/material-dark.scss +1 -1
  116. package/SCSS-Themes/inputs/color-picker/material.scss +1 -1
  117. package/SCSS-Themes/inputs/color-picker/material3-dark.scss +1 -1
  118. package/SCSS-Themes/inputs/color-picker/material3.scss +1 -1
  119. package/SCSS-Themes/inputs/color-picker/tailwind-dark.scss +1 -1
  120. package/SCSS-Themes/inputs/color-picker/tailwind.scss +1 -1
  121. package/SCSS-Themes/material-dark.scss +103 -87
  122. package/SCSS-Themes/material.scss +103 -87
  123. package/SCSS-Themes/material3-dark.scss +103 -87
  124. package/SCSS-Themes/material3.scss +103 -87
  125. package/SCSS-Themes/popups/dialog/bds-dark.scss +0 -35
  126. package/SCSS-Themes/popups/dialog/bds.scss +0 -35
  127. package/SCSS-Themes/popups/dialog/bootstrap-dark.scss +0 -35
  128. package/SCSS-Themes/popups/dialog/bootstrap.scss +0 -35
  129. package/SCSS-Themes/popups/dialog/bootstrap4.scss +0 -35
  130. package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss +0 -35
  131. package/SCSS-Themes/popups/dialog/bootstrap5.3.scss +0 -35
  132. package/SCSS-Themes/popups/dialog/bootstrap5.scss +0 -35
  133. package/SCSS-Themes/popups/dialog/fabric-dark.scss +0 -35
  134. package/SCSS-Themes/popups/dialog/fabric.scss +0 -35
  135. package/SCSS-Themes/popups/dialog/fluent-dark.scss +0 -35
  136. package/SCSS-Themes/popups/dialog/fluent.scss +0 -35
  137. package/SCSS-Themes/popups/dialog/fluent2-dark.scss +0 -35
  138. package/SCSS-Themes/popups/dialog/fluent2.scss +0 -35
  139. package/SCSS-Themes/popups/dialog/highcontrast.scss +0 -35
  140. package/SCSS-Themes/popups/dialog/material-dark.scss +0 -35
  141. package/SCSS-Themes/popups/dialog/material.scss +0 -35
  142. package/SCSS-Themes/popups/dialog/material3-dark.scss +0 -35
  143. package/SCSS-Themes/popups/dialog/material3.scss +0 -35
  144. package/SCSS-Themes/popups/dialog/tailwind-dark.scss +0 -35
  145. package/SCSS-Themes/popups/dialog/tailwind.scss +0 -35
  146. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +41 -7
  147. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +41 -7
  148. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +41 -7
  149. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +41 -7
  150. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +41 -7
  151. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +41 -7
  152. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.3.scss +41 -7
  153. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +41 -7
  154. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +41 -7
  155. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +41 -7
  156. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +41 -7
  157. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +41 -7
  158. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2-dark.scss +41 -7
  159. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2.scss +41 -7
  160. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +41 -7
  161. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +41 -7
  162. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +41 -7
  163. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +41 -7
  164. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +41 -7
  165. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +41 -7
  166. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +41 -7
  167. package/SCSS-Themes/tailwind-dark.scss +103 -87
  168. package/SCSS-Themes/tailwind.scss +103 -87
  169. package/package.json +1 -1
@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
851
851
  }
852
852
  }
853
853
  }
854
+
855
+ &:hover .e-checkbox:focus + .e-frame.e-check {
856
+ @if $theme-name == 'fluent2-highcontrast' {
857
+ background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
858
+ border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
859
+ }
860
+ }
854
861
  }
855
862
  }
856
863
  }
@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
851
851
  }
852
852
  }
853
853
  }
854
+
855
+ &:hover .e-checkbox:focus + .e-frame.e-check {
856
+ @if $theme-name == 'fluent2-highcontrast' {
857
+ background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
858
+ border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
859
+ }
860
+ }
854
861
  }
855
862
  }
856
863
  }
@@ -1072,9 +1072,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
1072
1072
 
1073
1073
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1074
1074
  border-color: transparent;
1075
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1076
- background: none;
1077
- }
1075
+ background: none;
1078
1076
  }
1079
1077
  }
1080
1078
 
@@ -1072,9 +1072,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
1072
1072
 
1073
1073
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1074
1074
  border-color: transparent;
1075
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1076
- background: none;
1077
- }
1075
+ background: none;
1078
1076
  }
1079
1077
  }
1080
1078
 
@@ -1065,9 +1065,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
1065
1065
 
1066
1066
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1067
1067
  border-color: transparent;
1068
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1069
- background: none;
1070
- }
1068
+ background: none;
1071
1069
  }
1072
1070
  }
1073
1071
 
@@ -1064,9 +1064,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
1064
1064
 
1065
1065
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1066
1066
  border-color: transparent;
1067
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1068
- background: none;
1069
- }
1067
+ background: none;
1070
1068
  }
1071
1069
  }
1072
1070
 
@@ -1093,9 +1093,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
1093
1093
 
1094
1094
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1095
1095
  border-color: transparent;
1096
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1097
- background: none;
1098
- }
1096
+ background: none;
1099
1097
  }
1100
1098
  }
1101
1099
 
@@ -1107,9 +1107,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
1107
1107
 
1108
1108
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1109
1109
  border-color: transparent;
1110
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1111
- background: none;
1112
- }
1110
+ background: none;
1113
1111
  }
1114
1112
  }
1115
1113
 
@@ -1107,9 +1107,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
1107
1107
 
1108
1108
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1109
1109
  border-color: transparent;
1110
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1111
- background: none;
1112
- }
1110
+ background: none;
1113
1111
  }
1114
1112
  }
1115
1113
 
@@ -1106,9 +1106,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
1106
1106
 
1107
1107
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1108
1108
  border-color: transparent;
1109
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1110
- background: none;
1111
- }
1109
+ background: none;
1112
1110
  }
1113
1111
  }
1114
1112
 
@@ -1043,9 +1043,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
1043
1043
 
1044
1044
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1045
1045
  border-color: transparent;
1046
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1047
- background: none;
1048
- }
1046
+ background: none;
1049
1047
  }
1050
1048
  }
1051
1049
 
@@ -1040,9 +1040,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
1040
1040
 
1041
1041
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1042
1042
  border-color: transparent;
1043
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1044
- background: none;
1045
- }
1043
+ background: none;
1046
1044
  }
1047
1045
  }
1048
1046
 
@@ -1100,9 +1100,7 @@ $ddl-filter-box-shadow: none !default;
1100
1100
 
1101
1101
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1102
1102
  border-color: transparent;
1103
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1104
- background: none;
1105
- }
1103
+ background: none;
1106
1104
  }
1107
1105
  }
1108
1106
 
@@ -1100,9 +1100,7 @@ $ddl-filter-box-shadow: none !default;
1100
1100
 
1101
1101
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1102
1102
  border-color: transparent;
1103
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1104
- background: none;
1105
- }
1103
+ background: none;
1106
1104
  }
1107
1105
  }
1108
1106
 
@@ -1073,9 +1073,7 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
1073
1073
 
1074
1074
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1075
1075
  border-color: transparent;
1076
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1077
- background: none;
1078
- }
1076
+ background: none;
1079
1077
  }
1080
1078
  }
1081
1079
 
@@ -1073,9 +1073,7 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
1073
1073
 
1074
1074
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1075
1075
  border-color: transparent;
1076
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1077
- background: none;
1078
- }
1076
+ background: none;
1079
1077
  }
1080
1078
  }
1081
1079
 
@@ -1054,9 +1054,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
1054
1054
 
1055
1055
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1056
1056
  border-color: transparent;
1057
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1058
- background: none;
1059
- }
1057
+ background: none;
1060
1058
  }
1061
1059
  }
1062
1060
 
@@ -1082,9 +1082,7 @@ $ddl-bigger-small-list-font-size: 13px !default;
1082
1082
 
1083
1083
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1084
1084
  border-color: transparent;
1085
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1086
- background: none;
1087
- }
1085
+ background: none;
1088
1086
  }
1089
1087
  }
1090
1088
 
@@ -1084,9 +1084,7 @@ $ddl-bigger-small-list-font-size: 13px !default;
1084
1084
 
1085
1085
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1086
1086
  border-color: transparent;
1087
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1088
- background: none;
1089
- }
1087
+ background: none;
1090
1088
  }
1091
1089
  }
1092
1090
 
@@ -1086,9 +1086,7 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
1086
1086
 
1087
1087
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1088
1088
  border-color: transparent;
1089
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1090
- background: none;
1091
- }
1089
+ background: none;
1092
1090
  }
1093
1091
  }
1094
1092
 
@@ -1086,9 +1086,7 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
1086
1086
 
1087
1087
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1088
1088
  border-color: transparent;
1089
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1090
- background: none;
1091
- }
1089
+ background: none;
1092
1090
  }
1093
1091
  }
1094
1092
 
@@ -1072,9 +1072,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
1072
1072
 
1073
1073
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1074
1074
  border-color: transparent;
1075
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1076
- background: none;
1077
- }
1075
+ background: none;
1078
1076
  }
1079
1077
  }
1080
1078
 
@@ -1072,9 +1072,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
1072
1072
 
1073
1073
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
1074
1074
  border-color: transparent;
1075
- @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
1076
- background: none;
1077
- }
1075
+ background: none;
1078
1076
  }
1079
1077
  }
1080
1078
 
@@ -348,6 +348,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
348
348
  }
349
349
  }
350
350
 
351
+ & .e-list-wrap:focus-visible,
351
352
  &:focus {
352
353
  outline: none;
353
354
  }
@@ -348,6 +348,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
348
348
  }
349
349
  }
350
350
 
351
+ & .e-list-wrap:focus-visible,
351
352
  &:focus {
352
353
  outline: none;
353
354
  }
@@ -336,6 +336,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
336
336
  }
337
337
  }
338
338
 
339
+ & .e-list-wrap:focus-visible,
339
340
  &:focus {
340
341
  outline: none;
341
342
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }
@@ -336,6 +336,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
336
336
  }
337
337
  }
338
338
 
339
+ & .e-list-wrap:focus-visible,
339
340
  &:focus {
340
341
  outline: none;
341
342
  }
@@ -335,6 +335,7 @@ $listbox-dragged-item-text-color: $content-text-color-dragged !default;
335
335
  }
336
336
  }
337
337
 
338
+ & .e-list-wrap:focus-visible,
338
339
  &:focus {
339
340
  outline: none;
340
341
  }
@@ -335,6 +335,7 @@ $listbox-dragged-item-text-color: $content-text-color-dragged !default;
335
335
  }
336
336
  }
337
337
 
338
+ & .e-list-wrap:focus-visible,
338
339
  &:focus {
339
340
  outline: none;
340
341
  }
@@ -333,6 +333,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
333
333
  }
334
334
  }
335
335
 
336
+ & .e-list-wrap:focus-visible,
336
337
  &:focus {
337
338
  outline: none;
338
339
  }
@@ -336,6 +336,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
336
336
  }
337
337
  }
338
338
 
339
+ & .e-list-wrap:focus-visible,
339
340
  &:focus {
340
341
  outline: none;
341
342
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }
@@ -332,6 +332,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
332
332
  }
333
333
  }
334
334
 
335
+ & .e-list-wrap:focus-visible,
335
336
  &:focus {
336
337
  outline: none;
337
338
  }
@@ -332,6 +332,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
332
332
  }
333
333
  }
334
334
 
335
+ & .e-list-wrap:focus-visible,
335
336
  &:focus {
336
337
  outline: none;
337
338
  }
@@ -333,6 +333,7 @@ $listbox-dragged-item-text-color: $content-text-color !default;
333
333
  }
334
334
  }
335
335
 
336
+ & .e-list-wrap:focus-visible,
336
337
  &:focus {
337
338
  outline: none;
338
339
  }
@@ -333,6 +333,7 @@ $listbox-dragged-item-text-color: $content-text-color !default;
333
333
  }
334
334
  }
335
335
 
336
+ & .e-list-wrap:focus-visible,
336
337
  &:focus {
337
338
  outline: none;
338
339
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }
@@ -336,6 +336,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
336
336
  }
337
337
  }
338
338
 
339
+ & .e-list-wrap:focus-visible,
339
340
  &:focus {
340
341
  outline: none;
341
342
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }
@@ -331,6 +331,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
331
331
  }
332
332
  }
333
333
 
334
+ & .e-list-wrap:focus-visible,
334
335
  &:focus {
335
336
  outline: none;
336
337
  }