@syncfusion/ej2-angular-splitbuttons 21.2.5 → 22.1.34-ngcc

package/src/split-button/splitbutton.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./splitbutton.component";
-import * as i2 from "./items.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the SplitButton component.
  */
 export declare class SplitButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SplitButtonModule, [typeof i1.SplitButtonComponent, typeof i2.SplitButtonItemDirective, typeof i2.SplitButtonItemsDirective], [typeof i3.CommonModule], [typeof i1.SplitButtonComponent, typeof i2.SplitButtonItemDirective, typeof i2.SplitButtonItemsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SplitButtonModule>;
 }

package/styles/bootstrap-dark.css

@@ -1630,9 +1630,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(240, 240, 240, 0);
-}
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #f0f0f0;
 }
@@ -1640,9 +1637,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1650,9 +1644,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1660,9 +1651,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1670,9 +1658,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1680,9 +1665,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1690,9 +1672,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1700,9 +1679,6 @@
   fill: #000;
   stroke: #000;
 }
-.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(0, 0, 0, 0);
-}
 .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #000;
 }
@@ -1720,9 +1696,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1730,9 +1703,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0);
-}
 .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1740,9 +1710,6 @@
   fill: #0070f0;
   stroke: #0070f0;
 }
-.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(0, 112, 240, 0);
-}
 .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #0070f0;
 }
@@ -1750,9 +1717,6 @@
   fill: #358238;
   stroke: #358238;
 }
-.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(53, 130, 56, 0);
-}
 .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #358238;
 }
@@ -1760,9 +1724,6 @@
   fill: #208090;
   stroke: #208090;
 }
-.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(32, 128, 144, 0);
-}
 .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #208090;
 }
@@ -1770,9 +1731,6 @@
   fill: #f9ad37;
   stroke: #f9ad37;
 }
-.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(249, 173, 55, 0);
-}
 .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #f9ad37;
 }
@@ -1780,9 +1738,6 @@
   fill: #c12f2f;
   stroke: #c12f2f;
 }
-.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(193, 47, 47, 0);
-}
 .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #c12f2f;
 }
@@ -1790,9 +1745,6 @@
   fill: #0d47a1;
   stroke: #0d47a1;
 }
-.e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 71, 161, 0);
-}
 .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #0d47a1;
 }
@@ -1806,40 +1758,4 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(255, 255, 255, 0.3);
-}
-
-*.e-warning .e-progress {
-  background: rgba(255, 255, 255, 0.3);
-}
-
-*.e-flat.e-primary .e-progress {
-  background: rgba(255, 64, 129, 0.2);
-}
-*.e-flat.e-success .e-progress {
-  background: rgba(77, 132, 29, 0.2);
-}
-*.e-flat.e-info .e-progress {
-  background: rgba(3, 120, 213, 0.2);
-}
-*.e-flat.e-warning .e-progress {
-  background: rgba(193, 87, 0, 0.2);
-}
-*.e-flat.e-danger .e-progress {
-  background: rgba(214, 65, 19, 0.2);
-}
-
-*.e-outline:not(:focus).e-primary .e-progress {
-  background: rgba(0, 112, 240, 0.2);
-}
-*.e-outline:not(:focus).e-success .e-progress {
-  background: rgba(53, 130, 56, 0.2);
-}
-*.e-outline:not(:focus).e-info .e-progress {
-  background: rgba(32, 128, 144, 0.2);
-}
-*.e-outline:not(:focus).e-warning .e-progress {
-  background: rgba(249, 173, 55, 0.2);
-}
-*.e-outline:not(:focus).e-danger .e-progress {
-  background: rgba(193, 47, 47, 0.2);
 }

package/styles/bootstrap.css

@@ -1603,9 +1603,6 @@
   fill: #333;
   stroke: #333;
 }
-.e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(51, 51, 51, 0);
-}
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #333;
 }
@@ -1781,10 +1778,6 @@
   background: rgba(255, 255, 255, 0.3);
 }
 
-*.e-warning .e-progress {
-  background: rgba(255, 255, 255, 0.3);
-}
-
 *.e-flat.e-primary .e-progress {
   background: rgba(255, 255, 255, 0.2);
 }

package/styles/bootstrap4.css

@@ -239,6 +239,8 @@
   z-index: 1;
   padding-left: 8px;
   padding-right: 8px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -308,6 +310,8 @@
   margin-left: -1px;
   padding-left: 8px;
   padding-right: 8px;
+  padding-left: 4px;
+  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
@@ -345,6 +349,8 @@
   line-height: 1;
   padding-bottom: 8px;
   padding-right: 8px;
+  padding-bottom: 4px;
+  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -357,6 +363,8 @@
   margin-top: -1px;
   padding-bottom: 8px;
   padding-top: 8px;
+  padding-bottom: 4px;
+  padding-top: 4px;
 }
 .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
   padding-top: 0;
@@ -1618,7 +1626,6 @@
   stroke: #fff;
 }
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: white;
   stroke-width: 1px;
 }
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -1796,10 +1803,6 @@
   background: rgba(255, 255, 255, 0.25);
 }
 
-*.e-warning .e-progress {
-  background: rgba(33, 37, 41, 0.25);
-}
-
 *.e-flat.e-primary .e-progress {
   background: rgba(255, 255, 255, 0.2);
 }

package/styles/bootstrap5-dark.css

@@ -1627,9 +1627,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1805,10 +1802,6 @@
   background: rgba(173, 181, 189, 0.2);
 }
 
-*.e-warning .e-progress {
-  background: rgba(173, 181, 189, 0.2);
-}
-
 *.e-flat.e-primary .e-progress {
   background: rgba(255, 255, 255, 0.2);
 }

package/styles/bootstrap5.css

@@ -1627,9 +1627,6 @@
   fill: #fff;
   stroke: #fff;
 }
-.e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(255, 255, 255, 0.7);
-}
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
@@ -1805,10 +1802,6 @@
   background: rgba(108, 117, 125, 0.2);
 }
 
-*.e-warning .e-progress {
-  background: rgba(108, 117, 125, 0.2);
-}
-
 *.e-flat.e-primary .e-progress {
   background: rgba(255, 255, 255, 0.2);
 }

package/styles/button-group/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap-dark.scss';

package/styles/button-group/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap.scss';

package/styles/button-group/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap4.scss';

package/styles/button-group/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap5-dark.scss';

package/styles/button-group/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap5.scss';

package/styles/button-group/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fabric-dark.scss';

package/styles/button-group/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fabric.scss';

package/styles/button-group/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fluent-dark.scss';

package/styles/button-group/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fluent.scss';

package/styles/button-group/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/highcontrast-light.scss';

package/styles/button-group/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/highcontrast.scss';

package/styles/button-group/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/material-dark.scss';

package/styles/button-group/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'material-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/material.scss';