@syncfusion/ej2-angular-dropdowns 20.2.44-ngcc → 20.2.45

package/styles/drop-down-tree/_bootstrap-definition.scss

@@ -0,0 +1,71 @@
+/* stylelint-disable */
+$ddt-skin-name: 'bootstrap' !default;
+$ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
+$ddt-label-top: 16px !default;
+$ddt-close-icon-min-height: 32px !default;
+$ddt-close-icon-bigger-min-height: 38px !default;
+$ddt-close-icon-width: 32px !default;
+$ddt-close-icon-bigger-width: 38px !default;
+$ddt-close-icon-bottom: 0 !default;
+$ddt-spin-icon-margin: inherit !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-dd-icon-width: 32px !default;
+$ddt-dd-icon-bigger-width: 38px !default;
+$ddt-rtl-close-left: -7px !default;
+$ddt-list-filter-text-indent: 0 12px !default;
+$ddt-filter-border: none !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 5px 8px !default;
+$ddt-filter-box-shadow: none !default;
+$ddt-filter-background-color: $grey-white !default;
+$ddt-filter-border-bottom-color: 1px solid $grey-cc;
+$ddt-chip-margin: 2px 1px !default;
+$ddt-chip-padding: 0 !default;
+$ddt-chip-bg-color: $grey-e6 !default;
+$ddt-chip-radius: 4px !default;
+$ddt-chip-height: 28px !default;
+$ddt-chip-bigger-height: 34px !default;
+$ddt-chip-content-padding: 0 10px 0 10px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 28px !default;
+$ddt-chip-close-width: 30px !default;
+$ddt-chip-icon-line-height: 24px !default;
+$ddt-last-chip-right-margin: 64px !default;
+$ddt-last-chip-bigger-right-margin: 76px !default;
+$ddt-select-all-height: 36px !default;
+$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-text-indent: 38px !default;
+$ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-select-all-text-font-size: 14px !default;
+$ddt-popup-reorder-border: $grey-e6 !default;
+$ddt-treeview-padding: 0 8px !default;
+$ddt-treeview-fullrow-height: 36px !default;
+$ddt-treeview-fullrow-bigger-height: 44px !default;
+$ddt-treeview-content-padding-top: 2px !default;
+$ddt-treeview-content-padding-bottom: 2px !default;
+$ddt-popup-background-color: $grey-white !default;
+$ddt-popup-border-color: $grey-cc !default;
+$ddt-chip-close: $grey-light-font !default;
+$ddt-chip-font-color: $grey-light-font !default;
+$ddt-chip-hover-bg-color: $grey-d4 !default;
+$ddt-chip-hover-font-color: $grey-light-font !default;
+$ddt-nodata-font-color: $grey-light !default;
+$ddt-select-all-font-color: $grey-light-font !default;
+$ddt-icon-bg-color: $grey-white !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 33px) !default;
+$ddt-chip-ci-width: calc(100% - 33px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 65px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 39px) !default;
+$ddt-big-chip-ci-width: calc(100% - 39px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+$ddt-icon-bg-color: $grey-white !default;
+$ddt-remains-font-color: $grey-88 !default;
+$ddt-remains-padding: 0 0 0 10px !default;
+$ddt-rtl-remains-padding: 0 10px 0 0 !default;
+$ddt-chip-font-size: 15px !default;
+$ddt-overflow-count-padding-top: 6px !default;
+$ddt-delim-padding: 6px 12px 0 12px !default;
+$ddt-delim-bigger-padding: 7.5px 14px 0 14px !default;
+$ddt-remains-count-padding-top: 5.5px !default;

package/styles/drop-down-tree/_bootstrap4-definition.scss

@@ -0,0 +1,72 @@
+/* stylelint-disable */
+$ddt-skin-name: 'bootstrap4' !default;
+$ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
+$ddt-label-top: 14px !default;
+$ddt-close-icon-min-height: 29px !default;
+$ddt-close-icon-bigger-min-height: 36px !default;
+$ddt-close-icon-width: 24px !default;
+$ddt-close-icon-bigger-width: 35px !default;
+$ddt-close-icon-bottom: 0 !default;
+$ddt-spin-icon-margin: inherit !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-dd-icon-width: 23px !default;
+$ddt-dd-icon-bigger-width: 32px !default;
+$ddt-rtl-close-left: -7px !default;
+$ddt-list-filter-text-indent: 0 20px !default;
+$ddt-filter-border: rgba($black, .12) !default;
+$ddt-filter-bg: rgba($black, .03) !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 0 !default;
+$ddt-filter-box-shadow: none !default;
+$ddt-filter-background-color: $white !default;
+$ddt-chip-margin: 2px 1px !default;
+$ddt-chip-padding: 0 !default;
+$ddt-chip-bg-color:  $gray-600 !default;
+$ddt-chip-height: 25px !default;
+$ddt-chip-bigger-height: 32px !default;
+$ddt-chip-radius: 4px !default;
+$ddt-chip-content-padding: 0 8px 0 8px !default;
+$ddt-chip-close-font: 8px !default;
+$ddt-chip-close-height: 24px !default;
+$ddt-chip-close-width: 24px !default;
+$ddt-chip-icon-line-height: 24px !default;
+$ddt-last-chip-right-margin: 48px !default;
+$ddt-last-chip-bigger-right-margin: 68px !default;
+$ddt-select-all-height: 36px !default;
+$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-text-indent: 38px !default;
+$ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-select-all-text-font-size: 14px !default;
+$ddt-popup-reorder-border: rgba($black, .15) !default;
+$ddt-treeview-padding: 0 8px !default;
+$ddt-treeview-fullrow-height: 36px !default;
+$ddt-treeview-fullrow-bigger-height: 44px !default;
+$ddt-treeview-content-padding-top: 2px !default;
+$ddt-treeview-content-padding-bottom: 2px !default;
+$ddt-popup-background-color: $content-popup-bg !default;
+$ddt-popup-border-color: rgba($black, .15) !default;
+$ddt-chip-close: $white !default;
+$ddt-chip-font-color: $white !default;
+$ddt-chip-hover-bg-color: darken($gray-600, 7.5%) !default;
+$ddt-chip-hover-font-color: $white !default;
+$ddt-readonly-input-bg-color: $white !default;
+$ddt-nodata-font-color: $gray-900 !default;
+$ddt-select-all-font-color: $gray-900 !default;
+$ddt-icon-bg-color: $content-bg !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 24px) !default;
+$ddt-chip-ci-width: calc(100% - 25px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 48px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 34px) !default;
+$ddt-big-chip-ci-width: calc(100% - 35px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 68px) !default;
+$ddt-icon-bg-color: $content-bg !default;
+$ddt-remains-font-color: $gray-600 !default;
+$ddt-remains-padding: 0 0 0 8px !default;
+$ddt-rtl-remains-padding: 0 8px 0 0 !default;
+$ddt-chip-font-size: 14px !default;
+$ddt-overflow-count-padding-top: 4px !default;
+$ddt-delim-padding: 4px 8px 0 8px !default;
+$ddt-delim-bigger-padding: 6px 12px 0 12px !default;
+$ddt-remains-count-padding-top: 4px !default;

package/styles/drop-down-tree/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

package/styles/drop-down-tree/_bootstrap5-definition.scss

@@ -0,0 +1,60 @@
+/* stylelint-disable */
+$ddt-skin-name: $skin-name !default;
+$ddt-box-shadow: none !default;
+$ddt-close-icon-bottom: 10px !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-width: 30px !default;
+$ddt-close-icon-width: 20px !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-filter-border: 1px solid $border-light !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 4px !default;
+$ddt-chip-margin: 3px 4px !default;
+$ddt-chip-padding: 0 8px 0 8px !default;
+$ddt-chip-radius: 4px !default;
+$ddt-chip-height: 24px !default;
+$ddt-chip-bigger-height: 30px !default;
+$ddt-close-icon-bigger-min-height: 36px !default;
+$ddt-chip-content-padding: 0 4px 0 0 !default;
+$ddt-rtl-chip-content-padding: 0 0 0 4px !default;
+$ddt-big-chip-content-padding: 0 8px 0 0 !default;
+$ddt-rtl-big-chip-content-padding: 0 0 0 8px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 16px !default;
+$ddt-chip-close-width: 16px !default;
+$ddt-last-chip-right-margin: 48px !default;
+$ddt-last-chip-bigger-right-margin: 52px !default;
+$ddt-select-all-height: 34px !default;
+$ddt-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 0 !default;
+$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-select-all-text-font-size: $text-sm !default;
+$ddt-popup-reorder-border: $border-light !default;
+$ddt-treeview-padding: 6px 8px !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 31px) !default;
+$ddt-chip-ci-width: calc(100% - 31px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 62px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 37px) !default;
+$ddt-big-chip-ci-width: calc(100% - 37px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 73px) !default;
+$ddt-remains-padding: 0 0 0 8px !default;
+$ddt-rtl-remains-padding: 0 8px 0 0 !default;
+$ddt-chip-font-size: $text-sm !default;
+$ddt-overflow-count-padding: 5px 4px !default;
+$ddt-delim-padding : 0 8px !default;
+$ddt-delim-bigger-padding: 0 12px !default;
+$ddt-remains-count-padding-top: 0 !default;
+
+// color variables
+$ddt-chip-bg-color: $secondary-bg-color !default;
+$ddt-popup-background-color: $flyout-bg-color !default;
+$ddt-popup-border-color: $border-light !default;
+$ddt-chip-close: $secondary-text-color !default;
+$ddt-chip-font-color: $secondary-text-color !default;
+$ddt-chip-hover-bg-color: $secondary-border-color-hover !default;
+$ddt-chip-hover-font-color: $secondary-text-color-hover !default;
+$ddt-nodata-font-color: $content-text-color !default;
+$ddt-select-all-font-color: $content-text-color !default;
+$ddt-remains-font-color: $content-text-color-alt3 !default;
+$ddt-readonly-input-bg-color: $content-bg-color !default;

package/styles/drop-down-tree/_fabric-dark-definition.scss

@@ -0,0 +1,72 @@
+/* stylelint-disable */
+$ddt-skin-name: 'fabric-dark' !default;
+$ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
+$ddt-label-top: 15px !default;
+$ddt-close-icon-min-height: 30px !default;
+$ddt-close-icon-bigger-min-height: 38px !default;
+$ddt-close-icon-width: 30px !default;
+$ddt-close-icon-bigger-width: 38px !default;
+$ddt-close-icon-bottom: 0 !default;
+$ddt-spin-icon-margin: inherit !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-dd-icon-width: 30px !default;
+$ddt-dd-icon-bigger-width: 38px !default;
+$ddt-rtl-close-left: -7px !default;
+$ddt-list-filter-text-indent: 0 12px !default;
+$ddt-filter-border: 1px solid $neutral-light !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 5px !default;
+$ddt-filter-box-shadow: 0 2px 5px 0 rgba($shadow, .26) !default;
+$ddt-filter-background-color: $neutral-white !default;
+$ddt-chip-margin: 2px 1px !default;
+$ddt-chip-padding: 0 4px 0 4px !default;
+$ddt-chip-bg-color: $neutral-light !default;
+$ddt-chip-radius: 0 !default;
+$ddt-chip-height: 26px !default;
+$ddt-chip-bigger-height: 34px !default;
+$ddt-chip-content-padding: 0 4px 0 4px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 26px !default;
+$ddt-chip-close-width: 18px !default;
+$ddt-chip-icon-line-height: 23px !default;
+$ddt-last-chip-right-margin: 60px !default;
+$ddt-last-chip-bigger-right-margin: 76px !default;
+$ddt-select-all-height: 36px !default;
+$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-text-indent: 38px !default;
+$ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-select-all-text-font-size: 14px !default;
+$ddt-popup-reorder-border:  $neutral-light !default;
+$ddt-treeview-padding: 0 8px !default;
+$ddt-treeview-fullrow-height: 36px !default;
+$ddt-treeview-fullrow-bigger-height: 44px !default;
+$ddt-treeview-content-padding-top: 2px !default;
+$ddt-treeview-content-padding-bottom: 2px !default;
+$ddt-popup-background-color: $neutral-lighter-alt !default;
+$ddt-popup-border-color: $neutral-light !default;
+$ddt-chip-close: $neutral-light-font !default;
+$ddt-chip-font-color: $neutral-light-font !default;
+$ddt-chip-hover-bg-color: $neutral-quintenary !default;
+$ddt-chip-hover-font-color: $neutral-light-fontalt !default;
+$ddt-nodata-font-color: $neutral-light-font !default;
+$ddt-select-all-font-color: $neutral-light-font !default;
+$ddt-icon-bg-color: $neutral-white !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 31px) !default;
+$ddt-chip-ci-width: calc(100% - 31px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 39px) !default;
+$ddt-big-chip-ci-width: calc(100% - 39px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+
+$ddt-chip-text-line-height: 26px !default;
+$ddt-icon-bg-color: $neutral-white !default;
+$ddt-remains-font-color: $neutral-tertiary !default;
+$ddt-remains-padding: 0 0 0 16px !default;
+$ddt-rtl-remains-padding: 0 16px 0 0 !default;
+$ddt-chip-font-size: 14px !default;
+$ddt-overflow-count-padding-top: 6px !default;
+$ddt-delim-padding: 6px 10px 0 10px !default;
+$ddt-delim-bigger-padding: 8px 12px 0 12px !default;
+$ddt-remains-count-padding-top: 6px !default;

package/styles/drop-down-tree/_fabric-definition.scss

@@ -0,0 +1,72 @@
+/* stylelint-disable */
+$ddt-skin-name: 'fabric' !default;
+$ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
+$ddt-label-top: 15px !default;
+$ddt-close-icon-min-height: 30px !default;
+$ddt-close-icon-bigger-min-height: 38px !default;
+$ddt-close-icon-width: 30px !default;
+$ddt-close-icon-bigger-width: 38px !default;
+$ddt-close-icon-bottom: 0 !default;
+$ddt-spin-icon-margin: inherit !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-dd-icon-width: 30px !default;
+$ddt-dd-icon-bigger-width: 38px !default;
+$ddt-rtl-close-left: -7px !default;
+$ddt-list-filter-text-indent: 0 12px !default;
+$ddt-filter-border: 1px solid $neutral-tertiary-alt !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 5px !default;
+$ddt-filter-box-shadow: none !default;
+$ddt-filter-background-color: $neutral-white !default;
+$ddt-chip-margin: 2px 1px !default;
+$ddt-chip-padding: 0 4px 0 4px !default;
+$ddt-chip-bg-color:  $neutral-lighter !default;
+$ddt-chip-radius: 0 !default;
+$ddt-chip-height: 26px !default;
+$ddt-chip-bigger-height: 34px !default;
+$ddt-chip-content-padding: 0 4px 0 4px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 26px !default;
+$ddt-chip-close-width: 18px !default;
+$ddt-chip-icon-line-height: 21px !default;
+$ddt-last-chip-right-margin: 60px !default;
+$ddt-last-chip-bigger-right-margin: 76px !default;
+$ddt-select-all-height: 36px !default;
+$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-text-indent: 38px !default;
+$ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-select-all-text-font-size: 14px !default;
+$ddt-popup-background-color: $neutral-white !default;
+$ddt-popup-reorder-border:  $neutral-light !default;
+$ddt-treeview-padding: 0 8px !default;
+$ddt-treeview-fullrow-height: 36px !default;
+$ddt-treeview-fullrow-bigger-height: 44px !default;
+$ddt-treeview-content-padding-top: 2px !default;
+$ddt-treeview-content-padding-bottom: 2px !default;
+$ddt-popup-border-color: $neutral-light !default;
+$ddt-chip-close:  $neutral-secondary !default;
+$ddt-chip-font-color:  $neutral-secondary !default;
+$ddt-chip-hover-bg-color: $neutral-light !default;
+$ddt-chip-hover-font-color: $neutral-secondary !default;
+$ddt-nodata-font-color: $neutral-light-font !default;
+$ddt-select-all-font-color:  rgba($neutral-light-font, .87) !default;
+$ddt-icon-bg-color: $content-bg-color !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 31px) !default;
+$ddt-chip-ci-width: calc(100% - 31px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 39px) !default;
+$ddt-big-chip-ci-width: calc(100% - 39px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+
+$ddt-chip-text-line-height: 26px !default;
+$ddt-icon-bg-color: $content-bg-color !default;
+$ddt-remains-font-color: $neutral-secondary !default;
+$ddt-remains-padding: 0 0 0 16px !default;
+$ddt-rtl-remains-padding: 0 16px 0 0 !default;
+$ddt-chip-font-size: 14px !default;
+$ddt-delim-padding: 6px 10px 0 10px !default;
+$ddt-overflow-count-padding-top: 6px !default;
+$ddt-delim-bigger-padding: 8px 12px 0 12px !default;
+$ddt-remains-count-padding-top: 6px !default;

package/styles/drop-down-tree/_fluent-dark-definition.scss

@@ -0,0 +1 @@
+@import './fluent-definition.scss';

package/styles/drop-down-tree/_fluent-definition.scss

@@ -0,0 +1,66 @@
+/* stylelint-disable */
+$ddt-skin-name: $skin-name !default;
+$ddt-box-shadow: $shadow-md !default;
+$ddt-close-icon-bottom: 10px !default;
+$ddt-dd-icon-width: 30px !default;
+$ddt-close-icon-width: 20px !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-filter-border: 1px solid $border-light !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 4px 12px !default;
+$ddt-chip-margin: 3px 4px !default;
+$ddt-chip-padding: 0 4px 0 4px !default;
+$ddt-chip-radius: 0 !default;
+$ddt-chip-height: 24px !default;
+$ddt-chip-bigger-height: 32px !default;
+$ddt-chip-content-padding: 0 4px 0 0 !default;
+$ddt-rtl-chip-content-padding: 0 0 0 4px !default;
+$ddt-big-chip-content-padding: 0 8px 0 0 !default;
+$ddt-rtl-big-chip-content-padding: 0 0 0 8px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 24px !default;
+$ddt-chip-close-width: 24px !default;
+$ddt-last-chip-right-margin: 54px !default;
+$ddt-last-chip-bigger-right-margin: 58px !default;
+$ddt-select-all-height: 36px !default;
+$ddt-select-all-checkbox-margin: 0 12px !default;
+$ddt-select-all-text-indent: 0 !default;
+$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-select-all-text-font-size: $text-sm !default;
+$ddt-popup-reorder-border: $border-light !default;
+$ddt-chip-width: calc(100% - 8px) !default;
+$ddt-chip-ddi-width: calc(100% - 31px) !default;
+$ddt-chip-ci-width: calc(100% - 31px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 65px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 39px) !default;
+$ddt-big-chip-ci-width: calc(100% - 39px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 78px) !default;
+$ddt-remains-padding: 0 0 0 8px !default;
+$ddt-rtl-remains-padding: 0 8px 0 0 !default;
+$ddt-chip-font-size: $text-sm !default;
+$ddt-overflow-count-padding: 5px 4px !default;
+$ddt-delim-padding : 0 8px !default;
+$ddt-delim-bigger-padding: 0 12px !default;
+$ddt-remains-count-padding-top: 0 !default;
+$ddt-close-icon-min-height: 32px !default;
+$ddt-chip-icon-line-height: 20px !default;
+$ddt-list-filter-text-indent: 0 20px !default;
+$ddt-treeview-fullrow-height: 38px !default;
+$ddt-dd-icon-bigger-width: 38px !default;
+$ddt-close-icon-bigger-min-height: 38px !default;
+$ddt-close-icon-bigger-width: 38px !default;
+$ddt-treeview-fullrow-bigger-height: 44px !default;
+$ddt-icon-bg-color: $content-bg-color !default;
+
+// color variables
+$ddt-chip-bg-color: $content-bg-color-alt2!default;
+$ddt-popup-background-color: $flyout-bg-color !default;
+$ddt-popup-border-color: $border-light !default;
+$ddt-chip-close: $icon-color !default;
+$ddt-chip-font-color: $content-text-color !default;
+$ddt-chip-hover-bg-color: $content-bg-color-alt3 !default;
+$ddt-chip-hover-font-color: $content-text-color-hover !default;
+$ddt-nodata-font-color: $content-text-color-alt2 !default;
+$ddt-select-all-font-color: $content-text-color !default;
+$ddt-remains-font-color: $content-text-color-alt3 !default;
+$ddt-readonly-input-bg-color: $content-bg-color !default;

package/styles/drop-down-tree/_fusionnew-definition.scss

@@ -0,0 +1,60 @@
+/* stylelint-disable */
+$ddt-skin-name: $skin-name !default;
+$ddt-box-shadow: none !default;
+$ddt-close-icon-bottom: 10px !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-width: 30px !default;
+$ddt-close-icon-width: 20px !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-filter-border: 1px solid $border-light !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 4px !default;
+$ddt-chip-margin: 3px 4px !default;
+$ddt-chip-padding: 0 8px 0 8px !default;
+$ddt-chip-radius: 4px !default;
+$ddt-chip-height: 24px !default;
+$ddt-chip-bigger-height: 30px !default;
+$ddt-close-icon-bigger-min-height: 36px !default;
+$ddt-chip-content-padding: 0 4px 0 0 !default;
+$ddt-rtl-chip-content-padding: 0 0 0 4px !default;
+$ddt-big-chip-content-padding: 0 8px 0 0 !default;
+$ddt-rtl-big-chip-content-padding: 0 0 0 8px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 16px !default;
+$ddt-chip-close-width: 16px !default;
+$ddt-last-chip-right-margin: 48px !default;
+$ddt-last-chip-bigger-right-margin: 52px !default;
+$ddt-select-all-height: 34px !default;
+$ddt-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 0 !default;
+$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-select-all-text-font-size: $text-sm !default;
+$ddt-popup-reorder-border: $border-light !default;
+$ddt-treeview-padding: 6px 8px !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 31px) !default;
+$ddt-chip-ci-width: calc(100% - 31px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 62px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 37px) !default;
+$ddt-big-chip-ci-width: calc(100% - 37px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 73px) !default;
+$ddt-remains-padding: 0 0 0 8px !default;
+$ddt-rtl-remains-padding: 0 8px 0 0 !default;
+$ddt-chip-font-size: $text-sm !default;
+$ddt-overflow-count-padding: 5px 4px !default;
+$ddt-delim-padding : 0 8px !default;
+$ddt-delim-bigger-padding: 0 12px !default;
+$ddt-remains-count-padding-top: 0 !default;
+
+// color variables
+$ddt-chip-bg-color: $secondary-bg-color !default;
+$ddt-popup-background-color: $flyout-bg-color !default;
+$ddt-popup-border-color: $border-light !default;
+$ddt-chip-close: $secondary-text-color !default;
+$ddt-chip-font-color: $secondary-text-color !default;
+$ddt-chip-hover-bg-color: $secondary-border-color-hover !default;
+$ddt-chip-hover-font-color: $secondary-text-color-hover !default;
+$ddt-nodata-font-color: $content-text-color !default;
+$ddt-select-all-font-color: $content-text-color !default;
+$ddt-remains-font-color: $content-text-color-alt3 !default;
+$ddt-readonly-input-bg-color: $content-bg-color !default;

package/styles/drop-down-tree/_highcontrast-definition.scss

@@ -0,0 +1,72 @@
+/* stylelint-disable */
+$ddt-skin-name: 'highcontrast' !default;
+$ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
+$ddt-label-top: 14px !default;
+$ddt-close-icon-min-height: 30px !default;
+$ddt-close-icon-bigger-min-height: 38px !default;
+$ddt-close-icon-width: 30px !default;
+$ddt-close-icon-bigger-width: 38px !default;
+$ddt-close-icon-bottom: 0 !default;
+$ddt-spin-icon-margin: inherit !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-dd-icon-width: 30px !default;
+$ddt-dd-icon-bigger-width: 38px !default;
+$ddt-rtl-close-left: -7px !default;
+$ddt-list-filter-text-indent: 0 12px !default;
+$ddt-filter-border: 1px solid $border-fg !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 5px !default;
+$ddt-filter-box-shadow: none !default;
+$ddt-filter-background-color: $bg-base-0 !default;
+$ddt-chip-margin: 2px 1px !default;
+$ddt-chip-padding: 0 4px 0 4px !default;
+$ddt-chip-bg-color:  $bg-base-75 !default;
+$ddt-chip-radius: 0 !default;
+$ddt-chip-height: 26px !default;
+$ddt-chip-bigger-height: 34px !default;
+$ddt-chip-content-padding: 0 4px 0 4px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 26px !default;
+$ddt-chip-close-width: 18px !default;
+$ddt-chip-icon-line-height: 21px !default;
+$ddt-last-chip-right-margin: 60px !default;
+$ddt-last-chip-bigger-right-margin: 76px !default;
+$ddt-select-all-height: 36px !default;
+$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-text-indent: 38px !default;
+$ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-select-all-text-font-size: 14px !default;
+$ddt-popup-reorder-border: $hover-border !default;
+$ddt-popup-background-color: $bg-base-0 !default;
+$ddt-treeview-padding: 0 8px !default;
+$ddt-treeview-fullrow-height: 40px !default;
+$ddt-treeview-fullrow-bigger-height: 48px !default;
+$ddt-treeview-content-padding-top: 4px !default;
+$ddt-treeview-content-padding-bottom: 4px !default;
+$ddt-popup-border-color: $border-default !default;
+$ddt-chip-close:  $invert-font !default;
+$ddt-chip-font-color:  $invert-font !default;
+$ddt-chip-hover-bg-color: $hover-bg !default;
+$ddt-chip-hover-font-color: $hover-font !default;
+$ddt-nodata-font-color: $content-font !default;
+$ddt-select-all-font-color: $content-font !default;
+$ddt-icon-bg-color: $bg-base-0 !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 31px) !default;
+$ddt-chip-ci-width: calc(100% - 31px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 39px) !default;
+$ddt-big-chip-ci-width: calc(100% - 39px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+
+$ddt-chip-text-line-height: 26px !default;
+$ddt-icon-bg-color: $bg-base-0 !default;
+$ddt-remains-font-color:  $content-font !default;
+$ddt-remains-padding: 0 0 0 16px !default;
+$ddt-rtl-remains-padding: 0 16px 0 0 !default;
+$ddt-chip-font-size: 14px !default;
+$ddt-overflow-count-padding-top: 6px !default;
+$ddt-delim-padding: 6px 10px 0 10px !default;
+$ddt-delim-bigger-padding: 8px 12px 0 12px !default;
+$ddt-remains-count-padding-top: 6px !default;

package/styles/drop-down-tree/_highcontrast-light-definition.scss

@@ -0,0 +1,72 @@
+/* stylelint-disable */
+$ddt-skin-name: 'highcontrast-light' !default;
+$ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
+$ddt-label-top: 14px !default;
+$ddt-close-icon-min-height: 30px !default;
+$ddt-close-icon-bigger-min-height: 38px !default;
+$ddt-close-icon-width: 30px !default;
+$ddt-close-icon-bigger-width: 38px !default;
+$ddt-close-icon-bottom: 0 !default;
+$ddt-spin-icon-margin: inherit !default;
+$ddt-dd-icon-bottom: 0 !default;
+$ddt-dd-icon-bigger-bottom: 0 !default;
+$ddt-dd-icon-width: 30px !default;
+$ddt-dd-icon-bigger-width: 38px !default;
+$ddt-rtl-close-left: -7px !default;
+$ddt-list-filter-text-indent: 0 12px !default;
+$ddt-filter-border: 1px solid $border-fg !default;
+$ddt-filter-top-border: 0 !default;
+$ddt-filter-padding: 5px !default;
+$ddt-filter-box-shadow: none !default;
+$ddt-filter-background-color: $bg-base-0 !default;
+$ddt-chip-margin: 2px 1px !default;
+$ddt-chip-padding: 0 4px 0 4px !default;
+$ddt-chip-bg-color:  $bg-base-75 !default;
+$ddt-chip-radius: 0 !default;
+$ddt-chip-height: 26px !default;
+$ddt-chip-bigger-height: 34px !default;
+$ddt-chip-content-padding: 0 4px 0 4px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 26px !default;
+$ddt-chip-close-width: 18px !default;
+$ddt-chip-icon-line-height: 21px !default;
+$ddt-last-chip-right-margin: 60px !default;
+$ddt-last-chip-bigger-right-margin: 76px !default;
+$ddt-select-all-height: 36px !default;
+$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-text-indent: 38px !default;
+$ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-select-all-text-font-size: 14px !default;
+$ddt-popup-reorder-border: $border-default !default;
+$ddt-treeview-padding: 0 8px !default;
+$ddt-treeview-fullrow-height: 40px !default;
+$ddt-treeview-fullrow-bigger-height: 48px !default;
+$ddt-treeview-content-padding-top: 4px !default;
+$ddt-treeview-content-padding-bottom: 4px !default;
+$ddt-popup-background-color: $bg-base-0 !default;
+$ddt-popup-border-color: $border-default !default;
+$ddt-chip-close:  $invert-font !default;
+$ddt-chip-font-color:  $invert-font !default;
+$ddt-chip-hover-bg-color: $hover-bg !default;
+$ddt-chip-hover-font-color: $hover-font !default;
+$ddt-nodata-font-color: $content-font !default;
+$ddt-select-all-font-color: $content-font !default;
+$ddt-icon-bg-color: $bg-base-0 !default;
+$ddt-chip-width: calc(100% - 2px) !default;
+$ddt-chip-ddi-width: calc(100% - 31px) !default;
+$ddt-chip-ci-width: calc(100% - 31px) !default;
+$ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
+$ddt-big-chip-ddi-width: calc(100% - 39px) !default;
+$ddt-big-chip-ci-width: calc(100% - 39px) !default;
+$ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+
+$ddt-chip-text-line-height: 26px !default;
+$ddt-icon-bg-color: $bg-base-0 !default;
+$ddt-remains-font-color:  $content-font !default;
+$ddt-remains-padding: 0 0 0 16px !default;
+$ddt-rtl-remains-padding: 0 16px 0 0 !default;
+$ddt-chip-font-size: 14px !default;
+$ddt-overflow-count-padding-top: 6px !default;
+$ddt-delim-padding: 6px 10px 0 10px !default;
+$ddt-delim-bigger-padding: 8px 12px 0 12px !default;
+$ddt-remains-count-padding-top: 6px !default;