@syncfusion/ej2-angular-querybuilder 20.4.51 → 21.1.35-ngcc

package/styles/query-builder/bootstrap5.css

@@ -433,7 +433,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -726,7 +726,7 @@
 }
 
 .e-query-builder {
-  background-color: transparent;
+  background: transparent;
   border-color: #dee2e6;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -734,7 +734,7 @@
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup {
-  background-color: #fff;
+  background: #fff;
   box-shadow: none;
   color: #6c757d;
 }
@@ -742,14 +742,14 @@
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #dee2e6;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #dee2e6;
@@ -760,29 +760,29 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #6c757d;
-  background-color: #fff;
+  background: #6c757d;
+  background: #fff;
   color: #6c757d;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: transparent;
+  background: transparent;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: transparent;
+  background: transparent;
   border-color: #dee2e6;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #dee2e6;
+  background: #dee2e6;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #f8d7da;
+  background: #f8d7da;
   border-color: #f8d7da;
 }
 

package/styles/query-builder/bootstrap5.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/bootstrap5-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-querybuilder/styles/query-builder/bootstrap5.scss';

package/styles/query-builder/fabric-dark.css

@@ -352,7 +352,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -645,24 +645,30 @@
 }
 
 .e-query-builder {
-  background-color: #201f1f;
+  background: #201f1f;
   border-color: #414040;
 }
 .e-query-builder .e-group-header .e-btn-group {
   border-color: #414040;
 }
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
+  border-right: 1px solid #414040;
+}
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
+  border-right: 1px solid #0074cc;
+}
 .e-query-builder .e-group-container {
   border-color: #514f4f;
 }
 .e-query-builder .e-rule-container {
-  background-color: #282727;
+  background: #282727;
   border-color: #514f4f;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #414040;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #201f1f;
+  background: #201f1f;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #414040;
@@ -673,27 +679,27 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #282727;
+  background: #282727;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #201f1f;
+  background: #201f1f;
   color: #dadada;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #201f1f;
+  background: #201f1f;
   border-color: #9a9a9a;
   color: #dadada;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #414040;
+  background: #414040;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/query-builder/fabric-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fabric-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-querybuilder/styles/query-builder/fabric-dark.scss';

package/styles/query-builder/fabric.css

@@ -345,7 +345,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -638,7 +638,7 @@
 }
 
 .e-query-builder {
-  background-color: #fff;
+  background: #fff;
   border-color: #eaeaea;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -648,14 +648,14 @@
   border-color: #eaeaea;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border-color: #eaeaea;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #eaeaea;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #eaeaea;
@@ -666,27 +666,27 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #fff;
+  background: #fff;
   color: #333;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #fff;
+  background: #fff;
   border-color: #dadada;
   color: #333;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #eaeaea;
+  background: #eaeaea;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/query-builder/fabric.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fabric-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-inputs/styles/textbox/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-querybuilder/styles/query-builder/fabric.scss';

package/styles/query-builder/fluent-dark.css

@@ -413,7 +413,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -706,7 +706,7 @@
 }
 
 .e-query-builder {
-  background-color: transparent;
+  background: transparent;
   border-color: #292827;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -714,21 +714,21 @@
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup {
-  background-color: #252423;
+  background: #252423;
   border: 0 solid #252423;
 }
 .e-query-builder .e-group-container {
   border-color: #797775;
 }
 .e-query-builder .e-rule-container {
-  background-color: #1b1a19;
+  background: #1b1a19;
   border-color: #797775;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #797775;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #797775;
@@ -739,33 +739,33 @@
   color: #1b1a19;
 }
 .e-query-builder .e-group-header .e-btn-group:not(.e-rtl) .e-qb-toggle:last-of-type {
-  background-color: #252423;
+  background: #252423;
   border: 0 solid #252423;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #1b1a19;
-  background-color: #252423;
+  background: #1b1a19;
+  background: #252423;
   border: 0 solid #252423;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: transparent;
+  background: transparent;
   color: #a19f9d;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: transparent;
+  background: transparent;
   border-color: #292827;
   color: #a19f9d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #292827;
+  background: #292827;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fed9cc;
+  background: #fed9cc;
   border-color: #fed9cc;
 }
 

package/styles/query-builder/fluent-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-querybuilder/styles/query-builder/fluent-dark.scss';

package/styles/query-builder/fluent.css

@@ -413,7 +413,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -706,7 +706,7 @@
 }
 
 .e-query-builder {
-  background-color: transparent;
+  background: transparent;
   border-color: #edebe9;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -714,21 +714,21 @@
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup {
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   border: 0 solid #f3f2f1;
 }
 .e-query-builder .e-group-container {
   border-color: #c8c6c4;
 }
 .e-query-builder .e-rule-container {
-  background-color: #fff;
+  background: #fff;
   border-color: #c8c6c4;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #c8c6c4;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #c8c6c4;
@@ -739,33 +739,33 @@
   color: #fff;
 }
 .e-query-builder .e-group-header .e-btn-group:not(.e-rtl) .e-qb-toggle:last-of-type {
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   border: 0 solid #f3f2f1;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #fff;
-  background-color: #f3f2f1;
+  background: #fff;
+  background: #f3f2f1;
   border: 0 solid #f3f2f1;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: transparent;
+  background: transparent;
   color: #605e5c;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: transparent;
+  background: transparent;
   border-color: #edebe9;
   color: #605e5c;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #edebe9;
+  background: #edebe9;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fed9cc;
+  background: #fed9cc;
   border-color: #fed9cc;
 }
 

package/styles/query-builder/fluent.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-querybuilder/styles/query-builder/fluent.scss';

package/styles/query-builder/highcontrast-light.css

@@ -429,7 +429,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -722,33 +722,24 @@
 }
 
 .e-query-builder {
-  background-color: #fff;
+  background: #fff;
   border-color: #400074;
 }
 .e-query-builder .e-group-header .e-btn-group {
   border-color: #400074;
 }
-.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
-  border-right: 1px solid #400074;
-}
-.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
-  border-right: 1px solid #400074;
-}
-.e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-not {
-  border-right: transparent;
-}
 .e-query-builder .e-group-container {
   border-color: #4f4f4f;
 }
 .e-query-builder .e-rule-container {
-  background-color: #fff;
+  background: #fff;
   border-color: #4f4f4f;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #ccc;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #ccc;
@@ -758,40 +749,28 @@
   border-color: #400074;
   color: #fff;
 }
-.e-query-builder .e-btn-group:not(.e-rtl) .e-qb-toggle.e-btn.e-small {
-  border-right: transparent;
-}
-.e-query-builder .e-btn-group:not(.e-rtl) .e-btn.e-btngroup-and-lbl.e-not {
-  border-left: transparent;
-}
-.e-query-builder .e-group-header .e-btn-group:not(.e-rtl) .e-qb-toggle:last-of-type {
-  border-left: 1px solid;
-}
-.e-query-builder .e-group-header .e-btn-group .e-qb-toggle.e-active-toggle:last-of-type {
-  border-left-color: #400074;
-}
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #fff;
+  background: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #fff;
+  background: #fff;
   color: #000;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #fff;
+  background: #fff;
   border-color: #757575;
   color: #000;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #400074;
+  background: #400074;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #b30900;
+  background: #b30900;
   border-color: #b30900;
 }
 

package/styles/query-builder/highcontrast-light.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/highcontrast-light-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/textbox/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-querybuilder/styles/query-builder/highcontrast-light.scss';

package/styles/query-builder/highcontrast.css

@@ -431,7 +431,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -724,7 +724,7 @@
 }
 
 .e-query-builder {
-  background-color: #000;
+  background: #000;
   border-color: #969696;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -743,14 +743,14 @@
   border-color: #969696;
 }
 .e-query-builder .e-rule-container {
-  background-color: #000;
+  background: #000;
   border-color: #969696;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #ccc;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #000;
+  background: #000;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #ccc;
@@ -773,27 +773,27 @@
   border-left-color: #ffd939;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #000;
+  background: #000;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #000;
+  background: #000;
   color: #fff;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #000;
+  background: #000;
   border-color: #969696;
   color: #fff;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #969696;
+  background: #969696;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #b30900;
+  background: #b30900;
   border-color: #b30900;
 }
 

package/styles/query-builder/highcontrast.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/highcontrast-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/textbox/highcontrast-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-querybuilder/styles/query-builder/highcontrast.scss';