@syncfusion/ej2-dropdowns 18.1.57 → 18.2.44-4569

package/styles/drop-down-list/icons/_bootstrap-dark.scss

@@ -1,14 +1,14 @@
-@include export-module('dropdownlist-bootstrap-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e993';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e94b';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e969';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-bootstrap-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e993';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e94b';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e969';
+    font-family: 'e-icons';
+  }
+}

package/styles/drop-down-list/icons/_bootstrap.scss

@@ -1,15 +1,15 @@
-@include export-module('dropdownlist-bootstrap-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e993';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e94b';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e969';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-bootstrap-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e993';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e94b';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e969';
+    font-family: 'e-icons';
+  }
+}
   

package/styles/drop-down-list/icons/_bootstrap4.scss

@@ -1,14 +1,14 @@
-@include export-module('dropdownlist-bootstrap4-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e724';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e7c1';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e744';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-bootstrap4-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e724';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e7c1';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e744';
+    font-family: 'e-icons';
+  }
+}

package/styles/drop-down-list/icons/_fabric-dark.scss

@@ -1,14 +1,14 @@
-@include export-module('dropdownlist-fabric-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e97d';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e962';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e966';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-fabric-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e97d';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e962';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e966';
+    font-family: 'e-icons';
+  }
+}

package/styles/drop-down-list/icons/_fabric.scss

@@ -1,15 +1,15 @@
-@include export-module('dropdownlist-fabric-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e97d';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e962';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e966';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-fabric-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e97d';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e962';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e966';
+    font-family: 'e-icons';
+  }
+}
   

package/styles/drop-down-list/icons/_highcontrast-light.scss

@@ -1,14 +1,14 @@
-@include export-module('dropdownlist-highcontrast-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e97d';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e962';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e966';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-highcontrast-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e97d';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e962';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e966';
+    font-family: 'e-icons';
+  }
+}

package/styles/drop-down-list/icons/_highcontrast.scss

@@ -1,14 +1,14 @@
-@include export-module('dropdownlist-highcontrast-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e97d';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e962';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e966';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-highcontrast-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e97d';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e962';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e966';
+    font-family: 'e-icons';
+  }
+}

package/styles/drop-down-list/icons/_material-dark.scss

@@ -1,14 +1,14 @@
-@include export-module('dropdownlist-material-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e993';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e977';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e969';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-material-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e993';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e977';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e969';
+    font-family: 'e-icons';
+  }
+}

package/styles/drop-down-list/icons/_material.scss

@@ -1,15 +1,15 @@
-@include export-module('dropdownlist-material-icons') {
-  .e-ddl .e-search-icon::before {
-    content: '\e993';
-  }
-
-  .e-ddl .e-back-icon::before {
-    content: '\e977';
-  }
-
-  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-    content: '\e969';
-    font-family: 'e-icons';
-  }
-}
+@include export-module('dropdownlist-material-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e993';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e977';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e969';
+    font-family: 'e-icons';
+  }
+}
   

package/styles/drop-down-list/material.css

@@ -6,6 +6,15 @@
   }
 }
 
+@keyframes slideTopUp {
+  from {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/drop-down-tree/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';

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

@@ -1,49 +1,62 @@
-// sass-lint:disable-all
-$ddt-skin-name: 'bootstrap-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-margin-top: 2px !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-chip-margin: 2px 1px !default;
-$ddt-chip-padding: 0 0 0 10px !default;
-$ddt-chip-rtl-padding: 0 10px 0 0 !default;
-$ddt-chip-radius: 4px !default;
-$ddt-chip-height: 28px !default;
-$ddt-chip-bigger-height: 34px !default;
-$ddt-chip-bg-color:  $grey-44 !default;
-$ddt-chip-content-padding: 0 10px 0 0 !default;
-$ddt-chip-content-rtl-padding: 0 0 0 10px !default;
-$ddt-chip-close-font: 10px !default;
-$ddt-chip-close-square: 30px !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: 39px !default;
-$ddt-select-all-bigger-text-indent: 44px !default;
-$ddt-select-all-text-font-size: 14px !default;
-$ddt-popup-reorder-border: $grey-dark !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 !default;
-$ddt-popup-border-color: $grey-44 !default;
-$ddt-chip-close:  $grey-dark-font !default;
-$ddt-chip-font-color:  $grey-dark-font !default;
-$ddt-chip-hover-bg-color: $grey-88 !default;
-$ddt-chip-hover-font-color: $grey-dark-font !default;
-$ddt-nodata-font-color: $grey-d4 !default;
-$ddt-select-all-font-color: $grey-dark-font !default;
-$ddt-icon-bg-color: $grey-base !default;
+// sass-lint:disable-all
+$ddt-skin-name: 'bootstrap-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: 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: $grey-44 !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-88;
+$ddt-chip-margin: 2px 1px !default;
+$ddt-chip-padding: 0 !default;
+$ddt-chip-radius: 4px !default;
+$ddt-chip-height: 28px !default;
+$ddt-chip-bigger-height: 34px !default;
+$ddt-chip-bg-color:  $grey-44 !default;
+$ddt-chip-content-padding: 0 10px 0 10px !default;
+$ddt-chip-close-font: 10px !default;
+$ddt-chip-close-height: 30px !default;
+$ddt-chip-close-width: 30px !default;
+$ddt-chip-icon-line-height: 30px !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-88 !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 !default;
+$ddt-popup-border-color: $grey-44 !default;
+$ddt-chip-close:  $grey-dark-font !default;
+$ddt-chip-font-color:  $grey-dark-font !default;
+$ddt-chip-hover-bg-color: $grey-88 !default;
+$ddt-chip-hover-font-color: $grey-dark-font !default;
+$ddt-nodata-font-color: $grey-d4 !default;
+$ddt-select-all-font-color: $grey-dark-font !default;
+$ddt-icon-bg-color: $grey-base !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;

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

@@ -1,49 +1,62 @@
-// sass-lint:disable-all
-$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-margin-top: 2px !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-chip-margin: 2px 1px !default;
-$ddt-chip-padding:0 0 0 10px !default;
-$ddt-chip-rtl-padding: 0 10px 0 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 0 !default;
-$ddt-chip-content-rtl-padding: 0 0 0 10px !default;
-$ddt-chip-close-font: 10px !default;
-$ddt-chip-close-square: 30px !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: 39px !default;
-$ddt-select-all-bigger-text-indent: 44px !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;
+// sass-lint:disable-all
+$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;

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

@@ -1,50 +1,63 @@
-// sass-lint:disable-all
-$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-margin-top: 2px !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-chip-margin: 2px 1px !default;
-$ddt-chip-padding: 0 0 0 8px !default;
-$ddt-chip-rtl-padding: 0 8px 0 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 0 !default;
-$ddt-chip-content-rtl-padding: 0 0 0 8px !default;
-$ddt-chip-close-font: 8px !default;
-$ddt-chip-close-square: 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: 39px !default;
-$ddt-select-all-bigger-text-indent: 44px !default;
-$ddt-select-all-text-font-size: 14px !default;
-$ddt-popup-reorder-border: $gray-900 !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;
+// sass-lint:disable-all
+$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;