@syncfusion/ej2-querybuilder 26.2.11 → 27.1.50

package/styles/query-builder/_layout.scss

@@ -144,13 +144,6 @@
         right: $qrybldr-rtl-spinner-right;
       }
 
-      &.e-bigger {
-        &.e-device .e-group-body .e-rule-container .e-rule-delete,
-        & .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
-          padding-left: $qrybldr-touch-btn-left;
-        }
-      }
-
       &.e-device .e-group-body .e-rule-container .e-rule-value-delete,
       & .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
         text-align: $qrybldr-field;
@@ -691,14 +684,14 @@
       }
 
       & .e-group-container:not(:first-child) {
-        padding: 12px;
+        padding: 12px !important; /* stylelint-disable-line declaration-no-important */
         border: 1px solid;
         margin-top: 0;
         border-radius: 4px;
       }
 
       & .e-rule-list > .e-group-container:first-child {
-        padding: 12px;
+        padding: 12px !important; /* stylelint-disable-line declaration-no-important */
         border: 1px solid;
         border-radius: 4px;
       }
@@ -721,8 +714,8 @@
         margin-left: 0;
       }
 
-      & .e-qb-toggle-btn + .e-group-action .e-btn:first-child {
-        margin-left: 6px !important; /* stylelint-disable-line declaration-no-important */
+      & .e-qb-toggle-btn {
+        margin-right: 6px !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-btn-group {
@@ -810,201 +803,11 @@
     content: $qrybldr-add-icon;
   }
 
-  .e-query-builder.e-device,
-  .e-bigger.e-query-builder,
-  .e-bigger .e-query-builder {
-    & .e-group-container  {
-      padding: $device-rulecon-padding;
-    }
-
-    & .e-rule-list > .e-group-container {
-      padding: 0;
-    }
-
-    & .e-rule-list > .e-rule-container:not(:first-child)::before {
-      height: $biggerafter-ruleborder-height;
-    }
-
-    & .e-rule-list > .e-group-container:first-child {
-      margin-top: 0;
-    }
-
-    & .e-rule-list > ::before {
-      top: $qrybldr-bigger-rule-list-before-top;
-    }
-
-    & .e-group-action .e-btn {
-      margin-left: $bigger-group-action-margin;
-      @if $skin-name == 'tailwind' {
-        font-size: 28px;
-      }
-    }
-
-    & .e-rule-list > :first-child::before {
-      top: $bigger-rule-list-first-top;
-    }
-
-    & .e-rule-list {
-      padding: $qrybldr-bigger-rulelist;
-      padding-bottom: 0;
-    }
-
-    & .e-rule-list .e-group-container {
-      margin-top: $device-rulecon-padding;
-    }
-
-    & .e-rule-container button.e-button-hide {
-      display: $qrybldr-button-hide !important; /* stylelint-disable-line declaration-no-important */
-    }
-
-    & .e-collapse-rule {
-      @if $theme-name == 'fluent2' {
-        font-size: 16px;
-        padding: 11px;
-      }
-    }
-
-    & .e-btn.e-small.e-round .e-btn-icon {
-      @if $theme-name == 'fluent2' {
-        font-size: 16px;
-      }
-    }
-
-    & .e-drag-qb-rule {
-      font-size: $qrybldr-drag-icon-bigger-font-size;
-    }
-
-    & .e-group-header .e-btn-group .e-small.e-btn {
-      @if $theme-name == 'fluent2' {
-        font-size: 16px;
-        line-height: 20px;
-        padding: 8px 12px;
-      }
-    }
-
-    & .e-group-header .e-group-action .e-btn.e-small.e-round {
-      @include fluent2-bigger-small-round-btn;
-    }
-
-    & .e-group-body {
-      padding-left: $bigger-groupbody-paddingleft;
-
-      & .e-rule-container {
-        margin-top: $qrybldr-rulecont-margin;
-        padding-right: $bigger-hrmode-ruledlt-mrgn;
-      }
-
-      & .e-rule-container.e-vertical-mode {
-        width: auto;
-      }
-
-      & .e-rule-container.e-separate-rule {
-        margin-top: $bigger-group-action-margin;
-      }
-
-      & .e-rule-delete,
-      & .e-rule-container.e-vertical-mode .e-rule-delete {
-        margin-bottom: $device-rulecon-padding;
-        @if $skin-name != 'Material3' {
-          padding-right: $device-rulecon-right-padding;
-        }
-        right: 0;
-      }
-
-      & .e-rule-container.e-horizontal-mode .e-rule-delete {
-        margin-bottom: 0;
-      }
-
-      & .e-horizontal-mode .e-rule-delete,
-      & .e-horizontal-mode .e-lock-rule,
-      & .e-horizontal-mode .e-clone-rule {
-        display: $qrybldr-device-diaplay;
-        margin-left: $bigger-ruledelete-marginleft;
-      }
-
-      & .e-horizontal-mode .e-rule-filter,
-      & .e-horizontal-mode .e-rule-sub-filter,
-      & .e-horizontal-mode .e-rule-operator,
-      & .e-horizontal-mode .e-rule-value,
-      & .e-horizontal-mode .e-rule-value-delete {
-        display: $qrybldr-device-diaplay;
-      }
-
-      & .e-rule-value.e-custom-value {
-        width: 200px;
-      }
-
-      & .e-rule-value {
-        &.e-hide {
-          display: none;
-        }
-      }
-
-      & .e-rule-value {
-        &.e-show {
-          display: inline-block;
-        }
-      }
-
-      & .e-rule-field,
-      & .e-rule-delete {
-        &.e-btn.e-small.e-round {
-          box-shadow: $ruledelete-shadow;
-        }
-
-        & .e-btn.e-small.e-round {
-          @include fluent2-bigger-small-round-btn;
-        }
-      }
-    }
-
-    & .e-summary-text {
-      font-size: $qrybldr-bigger-smrytxt-font-size;
-      line-height: $qrybldr-summary-line-height;
-      padding: $qrybldr-bigger-summary-padding;
-    }
-
-    & .e-summary-btndiv {
-      padding: $qrybldr-bigger-summary-btn-padding;
-      text-align: $qrybldr-rulelist-grcon-float;
-    }
-
-    & .e-dropdown-btn.e-round.e-small .e-add-icon {
-      @if $skin-name == 'tailwind' {
-        line-height: 2 !important; /* stylelint-disable-line declaration-no-important */
-      }
-      @if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        line-height: .8em !important; /* stylelint-disable-line declaration-no-important */
-      }
-    }
-  }
-
   #{if(&, '&', '*')}.e-device .e-rule-value {
     width: $qrybldr-device-value-width;
   }
 
-  #{if(&, '&', '*')}.e-bigger .e-group-body .e-rule-container {
-    & .e-rule-filter,
-    & .e-rule-sub-filter,
-    & .e-operator,
-    & .e-value {
-      padding: $bigger-rulecon-padding;
-    }
-  }
-
-  .e-query-builder.e-device .e-rule-field .e-drag-qb-rule:not(.e-hidden) {
-    display: block;
-  }
-
-  .e-bigger .e-query-builder .e-dragclone.e-cloneproperties {
-    & .e-drag-qb-rule {
-      padding: 24px 5px;
-    }
-    & .e-rule-value-delete {
-      margin: 15px;
-    }
-  }
-
+  .e-query-builder.e-device .e-rule-field .e-drag-qb-rule:not(.e-hidden),
   .e-query-builder.e-device .e-dragclone.e-cloneproperties .e-rule-field {
     display: block;
   }
@@ -1012,12 +815,4 @@
   .e-query-builder.e-draggable .e-rule-list .e-group-container::before {
     height: $qrybldr-drag-grp-list-heg;
   }
-
-  .e-bigger .e-query-builder.e-draggable .e-rule-list .e-group-container::before {
-    height: $qrybldr-drag-grp-big-list-heg;
-  }
-
-  .e-bigger .e-query-builder .e-group-header .e-drag-qb-rule {
-    padding: $qrybldr-drag-grp-big-icon-pad !important; /* stylelint-disable-line declaration-no-important */
-  }
 }

package/styles/query-builder/_theme.scss

@@ -16,7 +16,7 @@
     .e-deletegroup,
     & .e-group-header .e-clone-grp-btn,
     & .e-group-header .e-lock-grp-btn {
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
         color: $qrybldr-icon-color;
@@ -133,7 +133,7 @@
       @if $skin-name == 'bootstrap4' {
         background: $qrybldr-btngroup-bgcolor;
       }
-      @else if $skin-name == 'bootstrap5' {
+      @else if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
         background: $qrybldr-btngroup-bgcolor;
         color: $qrybldr-icon-color;
       }
@@ -197,7 +197,7 @@
 }
 
 .e-query-builder .e-btn.e-round.e-small {
-  @if $theme-name == 'fluent2' {
+  @if $theme-name == 'fluent2' or $theme-name == 'fluent2-dark' or $theme-name == 'fluent2-highcontrast' {
     &:hover {
       background: $content-bg-color-hover !important; /* stylelint-disable-line declaration-no-important */
     }
@@ -214,4 +214,11 @@
       background: $content-bg-color-alt1 !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  @if $theme-name == 'bootstrap5.3' or $theme-name == 'bootstrap5.3-dark' {
+    &:focus-visible {
+      background-color: $content-bg-color !important; /* stylelint-disable-line declaration-no-important */
+      color: $icon-color !important; /* stylelint-disable-line declaration-no-important */
+      box-shadow: $keyboard-focus-shadow !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
 }

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

@@ -25,33 +25,6 @@
   border: 0;
 }
 
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 15px;
-  line-height: 40px;
-  padding-left: 0;
-  text-indent: 24px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  height: 38px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -83,29 +56,6 @@
   border-bottom: 1px solid #484848;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
-  font-size: 14px;
-  line-height: 34px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
-  height: 30px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
-  min-height: 34px;
-}
-
 .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
   line-height: 30px;
   top: 0;
@@ -129,20 +79,11 @@
   width: 32px;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  height: 40px;
-  width: 40px;
-}
-
 .e-multi-select-wrapper .e-searcher input[type=text],
 .e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
 }
 
-.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.2em;
-}
-
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {
@@ -270,9 +211,6 @@
   left: 5px;
   right: auto;
 }
-.e-query-builder.e-rtl.e-bigger.e-device .e-group-body .e-rule-container .e-rule-delete, .e-query-builder.e-rtl.e-bigger .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
-  padding-left: 14px;
-}
 .e-query-builder.e-rtl.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder.e-rtl .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
   text-align: left;
 }
@@ -612,13 +550,13 @@
   margin-right: 10px;
 }
 .e-query-builder.e-multi-connector .e-group-container:not(:first-child) {
-  padding: 12px;
+  padding: 12px !important; /* stylelint-disable-line declaration-no-important */
   border: 1px solid;
   margin-top: 0;
   border-radius: 4px;
 }
 .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
-  padding: 12px;
+  padding: 12px !important; /* stylelint-disable-line declaration-no-important */
   border: 1px solid;
   border-radius: 4px;
 }
@@ -635,8 +573,8 @@
 .e-query-builder.e-multi-connector .e-group-action .e-btn:first-child {
   margin-left: 0;
 }
-.e-query-builder.e-multi-connector .e-qb-toggle-btn + .e-group-action .e-btn:first-child {
-  margin-left: 6px !important; /* stylelint-disable-line declaration-no-important */
+.e-query-builder.e-multi-connector .e-qb-toggle-btn {
+  margin-right: 6px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder.e-multi-connector .e-multi-connector-init-group {
   height: 40px;
@@ -686,6 +624,114 @@
   content: "\e95c   ";
 }
 
+*.e-device .e-rule-value {
+  width: 100%;
+}
+
+.e-query-builder.e-device .e-rule-field .e-drag-qb-rule:not(.e-hidden),
+.e-query-builder.e-device .e-dragclone.e-cloneproperties .e-rule-field {
+  display: block;
+}
+
+.e-query-builder.e-draggable .e-rule-list .e-group-container::before {
+  height: 29px;
+}
+
+.e-query-builder {
+  background: #1a1a1a;
+  border-color: #484848;
+}
+.e-query-builder .e-group-header .e-btn-group {
+  border-color: #484848;
+}
+.e-query-builder .e-disable .e-drag-qb-rule, .e-query-builder .e-disable.e-drag-qb-rule {
+  color: #484848;
+}
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
+  border-left: 1px solid #484848;
+  border-right: 1px solid #484848;
+}
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
+  border-left: 1px solid #0070f0;
+  border-right: 1px solid #0070f0;
+}
+.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: #484848;
+}
+.e-query-builder .e-rule-container {
+  background: #131313;
+  border-color: #484848;
+}
+.e-query-builder .e-rule-container.e-joined-rule {
+  border-top-color: #9c9c9c;
+}
+.e-query-builder .e-rule-list .e-group-container {
+  background: #1a1a1a;
+}
+.e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
+  border-color: #9c9c9c;
+}
+.e-query-builder .e-btn-group input:checked + label.e-btn, .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
+  background: #0070f0;
+  border-color: #0070f0;
+  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-removerule.e-btn.e-round, .e-query-builder .e-lock-rule.e-btn.e-round, .e-query-builder .e-clone-rule.e-btn.e-round {
+  background: #131313;
+}
+.e-query-builder .e-removerule.e-btn.e-round.e-readonly, .e-query-builder .e-lock-rule.e-btn.e-round.e-readonly, .e-query-builder .e-clone-rule.e-btn.e-round.e-readonly {
+  display: none;
+}
+.e-query-builder .e-summary-content textarea {
+  background: #1a1a1a;
+  color: #f0f0f0;
+}
+.e-query-builder .e-collapse-rule {
+  background: #1a1a1a;
+  border-color: #acacac;
+  color: #f0f0f0;
+}
+.e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
+  background: #484848;
+}
+.e-query-builder.e-multi-connector .e-group-container:not(:first-child), .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
+  border-color: #484848;
+}
+
+.e-tooltip-wrap.e-querybuilder-error,
+.e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
+  background: #fcdbe4;
+  border-color: #fcdbe4;
+}
+
+.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
+.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
+  border-bottom-color: #fcdbe4;
+  color: #fcdbe4;
+}
+
+.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
+.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
+  border-top-color: #fcdbe4;
+  color: #fcdbe4;
+}
+
+.e-tooltip-wrap.e-querybuilder-error .e-tip-content,
+.e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
+  color: #f44336;
+}
+
+.e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
+.e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
+.e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
+  margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-query-builder.e-device .e-group-container,
 .e-bigger.e-query-builder .e-group-container,
 .e-bigger .e-query-builder .e-group-container {
@@ -836,16 +882,12 @@
   padding: 15px;
   text-align: right;
 }
-*.e-device .e-rule-value {
-  width: 100%;
-}
-
 *.e-bigger .e-group-body .e-rule-container .e-rule-filter, *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter, *.e-bigger .e-group-body .e-rule-container .e-operator, *.e-bigger .e-group-body .e-rule-container .e-value {
   padding: 15px 0 15px 15px;
 }
 
-.e-query-builder.e-device .e-rule-field .e-drag-qb-rule:not(.e-hidden) {
-  display: block;
+.e-query-builder.e-rtl.e-bigger.e-device .e-group-body .e-rule-container .e-rule-delete, .e-query-builder.e-rtl.e-bigger .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
+  padding-left: 14px;
 }
 
 .e-bigger .e-query-builder .e-dragclone.e-cloneproperties .e-drag-qb-rule {
@@ -855,108 +897,10 @@
   margin: 15px;
 }
 
-.e-query-builder.e-device .e-dragclone.e-cloneproperties .e-rule-field {
-  display: block;
-}
-
-.e-query-builder.e-draggable .e-rule-list .e-group-container::before {
-  height: 29px;
-}
-
 .e-bigger .e-query-builder.e-draggable .e-rule-list .e-group-container::before {
   height: 35px;
 }
 
 .e-bigger .e-query-builder .e-group-header .e-drag-qb-rule {
   padding: 10px 10px 10px 5px !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-query-builder {
-  background: #1a1a1a;
-  border-color: #484848;
-}
-.e-query-builder .e-group-header .e-btn-group {
-  border-color: #484848;
-}
-.e-query-builder .e-disable .e-drag-qb-rule, .e-query-builder .e-disable.e-drag-qb-rule {
-  color: #484848;
-}
-.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
-  border-left: 1px solid #484848;
-  border-right: 1px solid #484848;
-}
-.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
-  border-left: 1px solid #0070f0;
-  border-right: 1px solid #0070f0;
-}
-.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: #484848;
-}
-.e-query-builder .e-rule-container {
-  background: #131313;
-  border-color: #484848;
-}
-.e-query-builder .e-rule-container.e-joined-rule {
-  border-top-color: #9c9c9c;
-}
-.e-query-builder .e-rule-list .e-group-container {
-  background: #1a1a1a;
-}
-.e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
-  border-color: #9c9c9c;
-}
-.e-query-builder .e-btn-group input:checked + label.e-btn, .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
-  background: #0070f0;
-  border-color: #0070f0;
-  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-removerule.e-btn.e-round, .e-query-builder .e-lock-rule.e-btn.e-round, .e-query-builder .e-clone-rule.e-btn.e-round {
-  background: #131313;
-}
-.e-query-builder .e-removerule.e-btn.e-round.e-readonly, .e-query-builder .e-lock-rule.e-btn.e-round.e-readonly, .e-query-builder .e-clone-rule.e-btn.e-round.e-readonly {
-  display: none;
-}
-.e-query-builder .e-summary-content textarea {
-  background: #1a1a1a;
-  color: #f0f0f0;
-}
-.e-query-builder .e-collapse-rule {
-  background: #1a1a1a;
-  border-color: #acacac;
-  color: #f0f0f0;
-}
-.e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background: #484848;
-}
-.e-query-builder.e-multi-connector .e-group-container:not(:first-child), .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
-  border-color: #484848;
-}
-
-.e-tooltip-wrap.e-querybuilder-error,
-.e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background: #fcdbe4;
-  border-color: #fcdbe4;
-}
-
-.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
-.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #fcdbe4;
-  color: #fcdbe4;
-}
-
-.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
-.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top-color: #fcdbe4;
-  color: #fcdbe4;
-}
-
-.e-tooltip-wrap.e-querybuilder-error .e-tip-content,
-.e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
-  color: #f44336;
 }

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

@@ -13,3 +13,4 @@
 @import 'bootstrap-dark-definition.scss';
 @import 'icons/bootstrap-dark.scss';
 @import 'all.scss';
+@import 'bigger.scss';