@syncfusion/ej2-querybuilder 27.2.3 → 28.1.33

package/styles/bds.scss

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

package/styles/bootstrap-dark-lite.css

@@ -64,7 +64,7 @@
 .e-multiselect .e-input-group-icon.e-ddl-icon {
   border-radius: 0 4px 4px 0;
   border-right-width: 0;
-  height: 34px;
+  height: 32px;
   width: 36px;
 }
 

package/styles/bootstrap-dark.css

@@ -64,7 +64,7 @@
 .e-multiselect .e-input-group-icon.e-ddl-icon {
   border-radius: 0 4px 4px 0;
   border-right-width: 0;
-  height: 34px;
+  height: 32px;
   width: 36px;
 }
 

package/styles/fluent2-lite.css

@@ -569,7 +569,7 @@
 }
 .e-query-builder .e-summary-text {
   border-style: none;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   line-height: 1.5em;
   padding: 12px;

package/styles/fluent2.css

@@ -569,7 +569,7 @@
 }
 .e-query-builder .e-summary-text {
   border-style: none;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   line-height: 1.5em;
   padding: 12px;

package/styles/highcontrast-lite.css

@@ -11,7 +11,7 @@
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
+.e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
   color: #ffd939;
 }
 .e-ddl.e-popup .e-input-group {

package/styles/highcontrast.css

@@ -11,7 +11,7 @@
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
+.e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
   color: #ffd939;
 }
 .e-ddl.e-popup .e-input-group {

package/styles/query-builder/_bigger.scss

@@ -56,6 +56,9 @@
         font-size: 16px;
         padding: 11px;
       }
+      @if $skin-name == 'tailwind3' {
+        font-size: 16px;
+      }
     }
 
     & .e-btn.e-small.e-round .e-btn-icon {

package/styles/query-builder/_layout.scss

@@ -646,6 +646,11 @@
       position: $qrybldr-clspe-rule-pos;
       right: 0;
       top: 0;
+      @if $skin-name == 'tailwind3' {
+        border: none;
+        right: 7px;
+        border-radius: 20px;
+      }
     }
 
     & .e-summary-text {
@@ -819,4 +824,10 @@
   .e-query-builder.e-draggable .e-rule-list .e-group-container::before {
     height: $qrybldr-drag-grp-list-heg;
   }
+
+  @if $skin-name == 'tailwind3' {
+    .e-query-builder .e-group-container .e-radio-wrapper label .e-label {
+      font-weight: $font-weight-normal;
+    }
+  }
 }

package/styles/query-builder/_tailwind3-definition.scss

@@ -0,0 +1,115 @@
+$qrybldr-width: auto !default;
+$qrybldr-height: auto !default;
+$qrybldr-brdr: 1px solid !default;
+$qrybldr-btngrp-brdr: none !default;
+$grpcon-padding: 12px !default;
+$qrybldr-device-diaplay: inline-block !default;
+$group-action-margin: 12px !default;
+$group-action-mrgntop: 5px !default;
+$groupbody-paddingleft: 20px !default;
+$rulecon-height: auto !default;
+$rulecon-padding: 8px 8px 8px 8px !default;
+$hrmode-ruledlt-mrgn: 12px !default;
+$vrmode-ruledlt-mrgnpos: absolute !default;
+$qrybldr-rulelist-grcon-float: right !default;
+$qrybldr-rulelist-grcon-width: 100% !default;
+$qrybldr-button-hide: none !default;
+$qrybldr-field: left !default;
+$ruledelete-margin: 8px !default;
+$radio-wrapper-margin: 15px !default;
+$qrybldr-group-container-margin-top: 12px !default;
+$qrybldr-group-container-margin-left: 0 !default;
+$qrybldr-posn-relative: relative !default;
+$rule-boxshadow: none !default;
+$qrybldr-rule-list-first-left: -12px !default;
+$qrybldr-rule-list-first-right: -12px !default;
+$qrybldr-rule-list-before-top: -10px !default;
+$qrybldr-rule-list-after-border: 0 0 0 2px !default;
+$qrybldr-rule-list-before-border: 0 0 2px 2px !default;
+$qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
+$qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
+$qrybldr-rule-list-border-style: dotted !default;
+$before-border-height: calc(50% + 14px) !default;
+$after-border-height: calc(50% + 8px) !default;
+$qrybldr-add-icon: '\e805' !default;
+$qrybldr-delete-icon: '\e7e7' !default;
+$bigger-group-action-margin: 16px !default;
+$bigger-groupbody-paddingleft: 24px !default;
+$bigger-hrmode-ruledlt-mrgn: 15px !default;
+$bigger-rulecon-padding: 16px 16px 16px 16px !default;
+$device-rule-padding: 15px 0 0 15px !default;
+$device-rule-padding-right: 15px !default;
+$bigger-ruledelete-marginleft: 16px !default;
+$qrybldr-rule-border: 1px solid !default;
+$qrybldr-rule-list-after-height: calc(100% - 17px) !default;
+$qrybldr-rule-list-height: 25px !default;
+$qrybldr-rule-list-top: 17px !default;
+$qrybldr-nav-width: 10px !default;
+$qrybldr-rule-container-after-height: calc(50% + 6px) !default;
+$qrybldr-rule-container-after-top: calc(50% - 3px) !default;
+$qrybldr-grpcon-brder-left: -11px !default;
+$bigger-rule-list-first-top: -14px !default;
+$qrybldr-rulecont-margin: -1px !default;
+$ruledelete-shadow: none !default;
+$device-rulecon-padding: 14px !default;
+$qrybldr-rulelist: 14px 0 14px 0 !default;
+$qrybldr-bigger-rulelist: 16px 0 16px 0 !default;
+$qrybldr-add-mrgn-btm: 2px !default;
+$device-rulecon-right-padding: 8px !default;
+$qrybldr-summary-padding: 12px !default;
+$qrybldr-summary-btn-padding: 12px !default;
+$qrybldr-bigger-summary-padding: 15px !default;
+$qrybldr-bigger-summary-btn-padding: 15px !default;
+$qrybldr-summary-text-width: 100% !default;
+$qrybldr-clspe-rule-pos: absolute !default;
+$qrybldr-btngrp-shadow: none !default;
+$qrybldr-multi-width: 190px !default;
+$qrybldr-device-value-width: 100% !default;
+$qrybldr-btngroup-display: inline-block !default;
+$qrybldr-grpcon-aftrbrder-left: -11px !default;
+$after-ruleborder-height: calc(50% + 10px) !default;
+$qrybldr-val-error-border: 8px solid !default;
+$biggerafter-ruleborder-height: calc(50% + 12px) !default;
+$qrybldr-bigger-rule-list-before-top: -12px !default;
+$qrybldr-rule-list-first-top: -11px !default;
+$qrybldr-collapse-rule-padding: 0 14px !default;
+$qrybldr-multi-maxwidth: 200px !default;
+$qrybldr-device-multi-maxwidth: 100% !default;
+$qrybldr-btn-left: 10px !default;
+$qrybldr-touch-btn-left: 14px !default;
+$qrybldr-collapse-font-size: $text-sm !default;
+$qrybldr-collapse-padding: 5px !default;
+$qrybldr-collapse-box-shadow: none !default;
+$qrybldr-collapse-txtarea-margin: 8px !default;
+$qrybldr-brdr-radius: 4px !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qrybldr-smrytxt-font-size: $text-sm !default;
+$qrybldr-bigger-smrytxt-font-size: $text-base !default;
+$qrybldr-spinner-right: 5px !default;
+$qrybldr-spinner-left: auto !default;
+$qrybldr-rtl-spinner-right: auto !default;
+$qrybldr-rtl-spinner-left: 5px !default;
+$qrybldr-btngrp-brdr-radius: 4px !default;
+$qrybldr-btngroup-bgcolor: $content-bg-color !default;
+$qrybldr-btngroup-color: $primary-text-color !default;
+$qrybldr-color: $content-text-color !default;
+$qrybldr-rule-list-border-color: $border-light !default;
+$qrybldr-btngroup-active-bgcolor: $primary !default;
+$qrybldr-btngroup-active-color: $primary-text-color !default;
+$groupborder-color: $border-light !default;
+$groupfill-color: $secondary-bg-color !default;
+$groupfill-bgcolor: $content-bg-color-alt1 !default;
+$qrybldr-brdr-color: $border-light !default;
+$qrybldr-bg-color: transparent !default;
+$qrybldr-val-error-bg-color: $danger-light !default;
+$qrybldr-val-error-color: $danger-bg-color !default;
+$qrybldr-collapse-brdr-color: $border-light !default;
+$qrybldr-icon-color: $icon-color !default;
+$qrybldr-drag-icon-font-size: 14px !default;
+$qrybldr-drag-icon-bigger-font-size: 18px !default;
+$qrybldr-drag-bg-color: $groupfill-bgcolor !default;
+$qrybldr-drag-grp-icon-pad: 10px 10px 10px 2px !default;
+$qrybldr-drag-grp-list-heg: 28px !default;
+$qrybldr-drag-grp-big-list-heg: 34px !default;
+$qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
+$qryblr-drag-icon-color: $icon-color !default;

package/styles/query-builder/_theme.scss

@@ -156,12 +156,27 @@
       background: $qrybldr-bg-color;
       border-color: $qrybldr-collapse-brdr-color;
       color: $qrybldr-color;
+      @if $skin-name == 'tailwind3' {
+        color: $icon-color;
+      }
 
       &:focus,
       &:active,
       &:hover {
         background: $qrybldr-brdr-color;
       }
+
+      @if $skin-name == 'tailwind3' {
+        &:focus,
+        &:hover {
+          background: $content-bg-color-hover;
+          color: $icon-color-hover;
+        }
+        &:active {
+          background: $content-bg-color-pressed;
+          color: $icon-color-pressed;
+        }
+      }
     }
 
     &.e-multi-connector {