@syncfusion/ej2-angular-dropdowns 24.1.43 → 24.1.44

package/styles/auto-complete/bootstrap5.css

@@ -1,147 +1 @@
-.e-popup.e-ddl {
-  border-radius: 4px;
-  box-shadow: none;
-  margin-top: 3px;
-}
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-item {
-  font-size: 16px;
-  line-height: 32px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 14px;
-  line-height: 32px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  font-size: 16px;
-  height: 36px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl input[readonly] {
-  background: transparent;
-}
-
-.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
-  background: #e9ecef;
-}
-
-.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,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: transparent;
-  color: #6c757d;
-}
-
-.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
-  background: transparent;
-  color: #6c757d;
-}
-
-.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
-  background: #e9ecef;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  box-shadow: none;
-}
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: transparent;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
-.e-ddl.e-popup .e-filter-parent .e-input-group,
-.e-ddl.e-popup .e-filter-parent {
-  background: #fff;
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
-}
-
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 16px;
-}
-
-.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 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;
-}
-
-/* stylelint-disable-line no-empty-source */
+@import '@syncfusion/ej2-dropdowns/styles/auto-complete/bootstrap5.css';

package/styles/auto-complete/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import '../drop-down-list/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5.scss';

package/styles/auto-complete/fabric-dark.css

@@ -1,82 +1 @@
-.e-ddl.e-popup {
-  border: 0;
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
-  margin-top: 1px;
-}
-.e-ddl.e-popup .e-input-group input {
-  line-height: 15px;
-}
-
-.e-ddl.e-popup .e-input-group {
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-
-.e-ddl.e-popup .e-filter-parent {
-  border-left-width: 0;
-  border-right-width: 0;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
-  font-size: 15px;
-  line-height: 45px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
-  height: 38px;
-}
-
-.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-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
-  background: transparent;
-  color: #fff;
-}
-
-.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,
-.e-ddl.e-popup .e-bigger.e-small .e-list-item,
-.e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
-.e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
-  font-size: 14px;
-  line-height: 40px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item,
-.e-ddl.e-popup .e-bigger.e-small .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group,
-.e-ddl.e-popup .e-bigger.e-small .e-input-group {
-  padding: 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,
-.e-ddl.e-popup .e-bigger.e-small .e-input-group input,
-.e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
-  height: 34px;
-}
-
-/* stylelint-disable-line no-empty-source */
+@import '@syncfusion/ej2-dropdowns/styles/auto-complete/fabric-dark.css';

package/styles/auto-complete/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import '../drop-down-list/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-dark.scss';

package/styles/auto-complete/fabric.css

@@ -1,75 +1 @@
-.e-ddl.e-popup {
-  border: 0;
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
-  margin-top: 1px;
-}
-.e-ddl.e-popup .e-input-group input {
-  line-height: 15px;
-}
-
-.e-ddl.e-popup .e-input-group {
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-ddl.e-popup .e-filter-parent {
-  border-left-width: 0;
-  border-right-width: 0;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
-  font-size: 15px;
-  line-height: 45px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
-  height: 38px;
-}
-
-.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-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
-  background: transparent;
-  color: #333;
-}
-
-.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: 40px;
-  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: 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: 34px;
-}
-
-/* stylelint-disable-line no-empty-source */
+@import '@syncfusion/ej2-dropdowns/styles/auto-complete/fabric.css';

package/styles/auto-complete/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import '../drop-down-list/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric.scss';

package/styles/auto-complete/fluent-dark.css

@@ -1,127 +1 @@
-.e-popup.e-ddl {
-  border-radius: 4px;
-  box-shadow: none;
-  margin-top: 1px;
-}
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-item {
-  font-size: 16px;
-  line-height: 32px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 14px;
-  line-height: 32px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl input[readonly] {
-  background: transparent;
-}
-
-.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
-  background: #1b1a19;
-}
-
-.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,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: none;
-  color: #a19f9d;
-}
-
-.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
-  background: transparent;
-  color: #a19f9d;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  box-shadow: none;
-}
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: none;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
-.e-ddl.e-popup .e-filter-parent .e-input-group,
-.e-ddl.e-popup .e-filter-parent {
-  background: #252423;
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
-}
-
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 16px;
-}
-
-.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-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;
-}
-
-/* stylelint-disable-line no-empty-source */
+@import '@syncfusion/ej2-dropdowns/styles/auto-complete/fluent-dark.css';

package/styles/auto-complete/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import '../drop-down-list/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark.scss';

package/styles/auto-complete/fluent.css

@@ -1,127 +1 @@
-.e-popup.e-ddl {
-  border-radius: 4px;
-  box-shadow: none;
-  margin-top: 1px;
-}
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-item {
-  font-size: 16px;
-  line-height: 32px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 14px;
-  line-height: 32px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl input[readonly] {
-  background: transparent;
-}
-
-.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
-  background: #fff;
-}
-
-.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,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: none;
-  color: #605e5c;
-}
-
-.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
-  background: transparent;
-  color: #605e5c;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  box-shadow: none;
-}
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: none;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
-.e-ddl.e-popup .e-filter-parent .e-input-group,
-.e-ddl.e-popup .e-filter-parent {
-  background: #fff;
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
-}
-
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 16px;
-}
-
-.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-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;
-}
-
-/* stylelint-disable-line no-empty-source */
+@import '@syncfusion/ej2-dropdowns/styles/auto-complete/fluent.css';

package/styles/auto-complete/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/definition/fluent.scss';
-@import '../drop-down-list/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent.scss';

package/styles/auto-complete/highcontrast-light.css

@@ -1,79 +1 @@
-.e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
-  height: 36px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-ddl.e-popup {
-  border: 0;
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
-  margin-top: 1px;
-}
-.e-ddl.e-popup .e-content.e-nodata {
-  background-color: #fff;
-}
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
-  color: #23726c;
-}
-.e-ddl.e-popup .e-input-group {
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-ddl.e-popup .e-input-group input {
-  line-height: 15px;
-}
-
-.e-ddl.e-popup .e-input-group .e-clear-icon {
-  border-radius: 20px;
-  height: 20px;
-  margin: 5px;
-  min-width: 20px;
-}
-.e-ddl.e-popup .e-input-group .e-clear-icon::before {
-  font-size: 10px;
-}
-.e-ddl.e-popup .e-filter-parent {
-  border-left-width: 0;
-  border-right-width: 0;
-}
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
-  border-color: #000;
-}
-.e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
-  margin-top: 0;
-}
-.e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
-  font-size: 15px;
-  line-height: 45px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-.e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-.e-bigger .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-.e-bigger .e-ddl.e-popup .e-input-group input {
-  height: 30px;
-}
-.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: 40px;
-  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: 0;
-}
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input {
-  height: 34px;
-}
-
-/* stylelint-disable-line no-empty-source */
+@import '@syncfusion/ej2-dropdowns/styles/auto-complete/highcontrast-light.css';

package/styles/auto-complete/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/definition/highcontrast-light.scss';
-@import '../drop-down-list/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light.scss';