@syncfusion/ej2-querybuilder 31.2.16 → 32.1.21

package/styles/query-builder/_fabric-dark-definition.scss

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/fabric-dark' as *;
+@forward 'ej2-base/styles/definition/fabric-dark';
 $qrybldr-width: auto !default;
 $qrybldr-height: auto !default;
 $qrybldr-brdr: 1px solid !default;
@@ -110,7 +112,35 @@ $qrybldr-drag-grp-list-heg: 30px !default;
 $qrybldr-drag-grp-big-list-heg: 36px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $neutral-light-fontalt !default;
-$primary: $theme-primary !default;
-$primary-light: $theme-lighter !default;
-$spinner-border-light-color: $primary-light !default;
-$spinner-border-color: $primary !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: 0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: 4px !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qryblder-border: 1px !default;

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

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/fabric' as *;
+@forward 'ej2-base/styles/definition/fabric';
 $qrybldr-width: auto !default;
 $qrybldr-height: auto !default;
 $qrybldr-brdr: 1px solid !default;
@@ -110,7 +112,35 @@ $qrybldr-drag-grp-list-heg: 30px !default;
 $qrybldr-drag-grp-big-list-heg: 36px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $neutral-light-font !default;
-$primary: $theme-primary !default;
-$primary-light: $theme-lighter !default;
-$spinner-border-light-color: $primary-light !default;
-$spinner-border-color: $primary !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: 0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: 4px !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qryblder-border: 1px !default;

package/styles/query-builder/_fluent-dark-definition.scss

@@ -1 +1,149 @@
-@import './fluent-definition.scss';
+@use 'ej2-base/styles/definition/fluent-dark' as *;
+@forward 'ej2-base/styles/definition/fluent-dark';
+$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: 16px !default;
+$group-action-mrgntop: 5px !default;
+$groupbody-paddingleft: 20px !default;
+$rulecon-height: auto !default;
+$rulecon-padding: 8px 0 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: 20px !default;
+$bigger-groupbody-paddingleft: 24px !default;
+$bigger-hrmode-ruledlt-mrgn: 15px !default;
+$bigger-rulecon-padding: 12px 0 12px 12px !default;
+$device-rule-padding: 15px 0 0 15px !default;
+$device-rule-padding-right: 15px !default;
+$bigger-ruledelete-marginleft: 10px !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: 16px 0 16px 0 !default;
+$qrybldr-bigger-rulelist: 20px 0 20px 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-xl !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-alt2 !default;
+$qrybldr-btngroup-color: $primary-text-color !default;
+$qrybldr-color: $placeholder-text-color !default;
+$qrybldr-rule-list-border-color: $border-dark !default;
+$qrybldr-btngroup-active-bgcolor: $primary !default;
+$qrybldr-btngroup-active-color: $primary-text-color !default;
+$groupborder-color: $border-dark !default;
+$groupfill-color: $secondary-bg-color !default;
+$groupfill-bgcolor: $content-bg-color !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-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: $secondary-text-color !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: 0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: 4px !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qrybldr-btn-small-line-height: .8em !default;
+$qryblder-border: 1px !default;

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

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/fluent' as *;
+@forward 'ej2-base/styles/definition/fluent';
 $qrybldr-width: auto !default;
 $qrybldr-height: auto !default;
 $qrybldr-brdr: 1px solid !default;
@@ -112,5 +114,36 @@ $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: $secondary-text-color !default;
-$spinner-border-light-color: $primary-light !default;
-$spinner-border-color: $primary !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: 0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: 4px !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qrybldr-btn-small-line-height: .8em !default;
+$qryblder-border: 1px !default;

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

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/fluent2' as *;
+@forward 'ej2-base/styles/definition/fluent2';
 $qrybldr-width: auto !default;
 $qrybldr-height: auto !default;
 $qrybldr-brdr: 1px solid !default;
@@ -81,7 +83,7 @@ $qrybldr-collapse-font-size: 14px !default;
 $qrybldr-collapse-padding: 9px !default;
 $qrybldr-collapse-box-shadow: none !default;
 $qrybldr-collapse-txtarea-margin: 8px !default;
-$qrybldr-brdr-radius: 4px !default;
+$qrybldr-brdr-radius: $radius-4 !default;
 $qrybldr-summary-line-height: 1.5em !default;
 $qrybldr-smrytxt-font-size: $text-sm !default;
 $qrybldr-bigger-smrytxt-font-size: $text-base !default;
@@ -89,7 +91,7 @@ $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-btngrp-brdr-radius: $radius-4 !default;
 $qrybldr-btngroup-bgcolor: $primary !default;
 $qrybldr-btngroup-color: $primary-text-color !default;
 $qrybldr-color: $placeholder-text-color !default;
@@ -114,3 +116,54 @@ $qrybldr-drag-grp-big-list-heg: 36px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $spinner-border-light-color: $primary-light !default;
 $spinner-border-color: $primary !default;
+$qrybldr-collapse-rule-font-size: 16px !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: $radius-0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: $radius-4 !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qrybldr-collapse-flu2-padding: 11px !default;
+$qrybldr-btn-small-round-font-size: 16px !default;
+$qrybldr-group-btn-line-height: 20px !default;
+$qrybldr-group-btn-padding: 8px 12px !default;
+$qrybldr-small-round-btn-height: 32px !default;
+$qrybldr-small-round-btn-width: 32px !default;
+$qrybldr-small-round-btn-border-radius: $radius-20 !default;
+$qrybldr-small-round-btn-line-height: 14px !default;
+$qrybldr-bigger-small-round-btn-height: 38px !default;
+$qrybldr-bigger-small-round-btn-width: 38px !default;
+$qrybldr-bigger-small-round-btn-border-radius: $radius-20 !default;
+$qrybldr-bigger-small-round-btn-line-height: 0 !default;
+$qry-bldr-btn-grp-font-size: 14px !default;
+$qry-bldr-btn-grp-line-height: 18.4px !default;
+$qry-bldr-btn-grp-padding: 6px 12px !default;
+$qryblder-border: 1px !default;
+$qry-bldr-btn-small-font-size: 14px !default;
+$qry-bldr-btn-small-line-height: 18.4px !default;
+$qry-bldr-btn-small-padding: 6px 12px !default;

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

@@ -113,5 +113,35 @@ $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: $secondary-text-color !default;
-$spinner-border-light-color: $primary-light !default;
-$spinner-border-color: $primary !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: 0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: 4px !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qryblder-border: 1px !default;

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

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/highcontrast' as *;
+@forward 'ej2-base/styles/definition/highcontrast';
 $qrybldr-width: auto !default;
 $qrybldr-height: auto !default;
 $qrybldr-brdr: 1px solid !default;
@@ -110,7 +112,35 @@ $qrybldr-drag-grp-list-heg: 32px !default;
 $qrybldr-drag-grp-big-list-heg: 37px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 3px !default;
 $qryblr-drag-icon-color: $content-font !default;
-$primary: #ffd939 !default;
-$primary-light: #ffd739 !default;
-$spinner-border-light-color: $primary-light !default;
-$spinner-border-color: $primary !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: 0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: 4px !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qryblder-border: 1px !default;

package/styles/query-builder/_highcontrast-light-definition.scss

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/highcontrast-light' as *;
+@forward 'ej2-base/styles/definition/highcontrast-light';
 $qrybldr-width: auto !default;
 $qrybldr-height: auto !default;
 $qrybldr-brdr: 1px solid !default;
@@ -110,7 +112,35 @@ $qrybldr-drag-grp-list-heg: 32px !default;
 $qrybldr-drag-grp-big-list-heg: 37px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 3px !default;
 $qryblr-drag-icon-color: $content-font !default;
-$primary: #ffd939 !default;
-$primary-light: #ffd739 !default;
-$spinner-border-light-color: $primary-light !default;
-$spinner-border-color: $primary !default;
+
+$qryblr-zero-padding-margin: 0 !default;
+$qrybldr-bigger-drag-clone-padding: 24px 5px !default;
+$qrybldr-bigger-drag-clone-margin: 15px !default;
+$qrybldr-dragclone-value-margin-top: 10px !default;
+$qrybldr-dragclone-drag-rule-padding: 18px 5px !default;
+$qrybldr-dragclone-rule-padding: 10px !default;
+$qrybldr-dragclone-qb-rule-padding: 15px 3px 15px 11px !default;
+$qrybldr-dragclone-qb-rule-margin: 1px !default;
+$qrybldr-drag-rule-bottom-line-border: 2px solid $qrybldr-btngroup-active-bgcolor !default;
+$qrybldr-zero-border-radius: 0 !default;
+$qrybldr-group-body-rule-margin: 12px !default;
+$qrybldr-group-container-not-padding: 12px !default;
+$qrybldr-group-container-not-border-radius: 4px !default;
+$qrybldr-group-container-not-border: 1px solid !default;
+$qrybldr-summary-line-height: 1.5em !default;
+$qry-multi-list-margin-top: 10px !default;
+$qry-multi-list-margin-bottom: 10px !default;
+$qry-multi-list-margin-left: 3px !default;
+$qry-multi-list-margin-right: 10px !default;
+$qry-toggle-btn-margin-right: 6px !default;
+$qry-multi-init-group-height: 40px !default;
+$qrybldr-vertical-width: auto !default;
+$qrybldr-rule-value-width: 200px !default;
+$qrybldr-btn-group-width: 8px !default;
+$qrybldr-group-container-height: calc(50% - 8px) !default;
+$qrybldr-group-container-after-height: calc(50% + 17px) !default;
+$qrybldr-group-container-after-top: calc(50% - 17px) !default;
+$qry-btn-group-before-left: -12px !default;
+$qry-btn-rule-group-before-left: -12px !default;
+$qry-btn-rule-list-before-left: -11.2px !default;
+$qryblder-border: 1px !default;