@syncfusion/ej2-ribbon 33.2.10 → 34.1.30

package/styles/bootstrap-dark.scss

@@ -1,18 +1,4 @@
-@use 'ej2-popups/styles/tooltip/bootstrap-dark-definition' as *;
-@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
-@use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
-@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition' as *;
-@use 'ej2-navigations/styles/h-scroll/bootstrap-dark-definition' as *;
-@use 'ej2-navigations/styles/v-scroll/bootstrap-dark-definition' as *;
-@use 'ej2-navigations/styles/context-menu/bootstrap-dark-definition' as *;
-@use 'ej2-navigations/styles/toolbar/bootstrap-dark-definition' as *;
-@use 'ej2-navigations/styles/menu/bootstrap-dark-definition' as *;
-@use 'ej2-navigations/styles/tab/bootstrap-dark-definition' as *;
-@use 'ej2-inputs/styles/color-picker/bootstrap-dark-definition' as *;
 @use 'ribbon/bootstrap-dark-definition' as *;
 @use 'ribbon/icons/bootstrap-dark' as *;
-@use 'ribbon/all.bootstrap-dark' as *;
-@use 'ribbon/bigger.bootstrap-dark' as *;
+@use 'ribbon/all' as *;
+@use 'ribbon/bigger' as *;

package/styles/bootstrap-lite.css

@@ -1,73 +1,3 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 10px;
-          padding-inline-end: 10px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  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: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.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: #333;
-}
-
-.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 {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-filter-parent {
-  border-bottom: 1px solid #ccc;
-}
-
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
 .e-ribbon .e-drop-icon::before {
   content: "\e95d";
 }
@@ -2173,32 +2103,32 @@
   color: #333;
   background: #fff;
 }
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+  color: #333;
+}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus {
   background: #f5f5f5;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
   color: #333;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus {
   background: #f5f5f5;
   color: #333;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
   color: #333;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
   background: #e6e6e6;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
   color: #333;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
   background: #e6e6e6;
   color: #333;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
-  color: #333;
-}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active .e-btn-icon {
   color: #333;
 }

package/styles/bootstrap-lite.scss

@@ -1,17 +1,3 @@
-@use 'ej2-popups/styles/tooltip/bootstrap-definition' as *;
-@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
-@use 'ej2-buttons/styles/check-box/bootstrap-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
-@use 'ej2-dropdowns/styles/combo-box/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/h-scroll/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/v-scroll/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/context-menu/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/toolbar/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/menu/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/tab/bootstrap-definition' as *;
-@use 'ej2-inputs/styles/color-picker/bootstrap-definition' as *;
 @use 'ribbon/bootstrap-definition' as *;
 @use 'ribbon/icons/bootstrap' as *;
-@use 'ribbon/all.bootstrap' as *;
+@use 'ribbon/all' as *;

package/styles/bootstrap.css

@@ -1,73 +1,3 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 10px;
-          padding-inline-end: 10px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  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: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.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: #333;
-}
-
-.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 {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-filter-parent {
-  border-bottom: 1px solid #ccc;
-}
-
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
 .e-ribbon .e-drop-icon::before {
   content: "\e95d";
 }
@@ -2173,32 +2103,32 @@
   color: #333;
   background: #fff;
 }
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+  color: #333;
+}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus {
   background: #f5f5f5;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
   color: #333;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus {
   background: #f5f5f5;
   color: #333;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
   color: #333;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
   background: #e6e6e6;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
   color: #333;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
   background: #e6e6e6;
   color: #333;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
-  color: #333;
-}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active .e-btn-icon {
   color: #333;
 }

package/styles/bootstrap.scss

@@ -1,18 +1,4 @@
-@use 'ej2-popups/styles/tooltip/bootstrap-definition' as *;
-@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
-@use 'ej2-buttons/styles/check-box/bootstrap-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
-@use 'ej2-dropdowns/styles/combo-box/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/h-scroll/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/v-scroll/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/context-menu/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/toolbar/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/menu/bootstrap-definition' as *;
-@use 'ej2-navigations/styles/tab/bootstrap-definition' as *;
-@use 'ej2-inputs/styles/color-picker/bootstrap-definition' as *;
 @use 'ribbon/bootstrap-definition' as *;
 @use 'ribbon/icons/bootstrap' as *;
-@use 'ribbon/all.bootstrap' as *;
-@use 'ribbon/bigger.bootstrap' as *;
+@use 'ribbon/all' as *;
+@use 'ribbon/bigger' as *;

package/styles/bootstrap4-lite.css

@@ -1,123 +1,3 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
-.e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
-.e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
-  stroke-width: 1px;
-}
-
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: none;
-          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: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.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: #495057;
-}
-
-.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 {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: transparent;
-  display: -webkit-box;
-  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: rgba(0, 0, 0, 0.03);
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 12px;
-}
-
-.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: #495057;
-}
-
-.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 8px;
-}
-
-.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
 .e-ribbon .e-drop-icon::before {
   content: "\e705";
 }
@@ -2223,32 +2103,32 @@
   color: #212529;
   background: #fff;
 }
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+  color: #495057;
+}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus {
   background: rgb(242.05, 243.9, 245.75);
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
   color: #495057;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus {
   background: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
-  color: #495057;
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
+  color: #fff;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
   background: #6c757d;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
   color: #fff;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
   background: #6c757d;
   color: #f8f9fa;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
-  color: #fff;
-}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active .e-btn-icon {
   color: #fff;
 }

package/styles/bootstrap4-lite.scss

@@ -1,17 +1,3 @@
-@use 'ej2-popups/styles/tooltip/bootstrap4-definition' as *;
-@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
-@use 'ej2-buttons/styles/check-box/bootstrap4-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition' as *;
-@use 'ej2-dropdowns/styles/combo-box/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/h-scroll/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/v-scroll/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/context-menu/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/toolbar/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/menu/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/tab/bootstrap4-definition' as *;
-@use 'ej2-inputs/styles/color-picker/bootstrap4-definition' as *;
 @use 'ribbon/bootstrap4-definition' as *;
 @use 'ribbon/icons/bootstrap4' as *;
-@use 'ribbon/all.bootstrap4' as *;
+@use 'ribbon/all' as *;

package/styles/bootstrap4.css

@@ -1,123 +1,3 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
-.e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
-.e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
-  stroke-width: 1px;
-}
-
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: none;
-          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: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.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: #495057;
-}
-
-.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 {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: transparent;
-  display: -webkit-box;
-  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: rgba(0, 0, 0, 0.03);
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 12px;
-}
-
-.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: #495057;
-}
-
-.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 8px;
-}
-
-.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
 .e-ribbon .e-drop-icon::before {
   content: "\e705";
 }
@@ -2223,32 +2103,32 @@
   color: #212529;
   background: #fff;
 }
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+  color: #495057;
+}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus {
   background: rgb(242.05, 243.9, 245.75);
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
   color: #495057;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus {
   background: rgb(242.05, 243.9, 245.75);
   color: #212529;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
-  color: #495057;
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
+  color: #fff;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
   background: #6c757d;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
+.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
   color: #fff;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
   background: #6c757d;
   color: #f8f9fa;
 }
-.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
-  color: #fff;
-}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active .e-btn-icon {
   color: #fff;
 }

package/styles/bootstrap4.scss

@@ -1,18 +1,4 @@
-@use 'ej2-popups/styles/tooltip/bootstrap4-definition' as *;
-@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
-@use 'ej2-buttons/styles/check-box/bootstrap4-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition' as *;
-@use 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition' as *;
-@use 'ej2-dropdowns/styles/combo-box/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/h-scroll/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/v-scroll/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/context-menu/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/toolbar/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/menu/bootstrap4-definition' as *;
-@use 'ej2-navigations/styles/tab/bootstrap4-definition' as *;
-@use 'ej2-inputs/styles/color-picker/bootstrap4-definition' as *;
 @use 'ribbon/bootstrap4-definition' as *;
 @use 'ribbon/icons/bootstrap4' as *;
-@use 'ribbon/all.bootstrap4' as *;
-@use 'ribbon/bigger.bootstrap4' as *;
+@use 'ribbon/all' as *;
+@use 'ribbon/bigger' as *;