@syncfusion/ej2-angular-splitbuttons 20.2.38 → 20.2.43-ngcc

package/schematics/ng-add/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/ng-add/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -0,0 +1,4 @@
+export declare const pkgName = "@syncfusion/ej2-angular-splitbuttons";
+export declare const pkgVer = "^20.2.38";
+export declare const moduleName = "DropDownButtonModule, SplitButtonModule, ProgressButtonModule";
+export declare const themeVer = "~20.2.38";

package/schematics/utils/lib-details.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pkgName = '@syncfusion/ej2-angular-splitbuttons';
+exports.pkgVer = '^20.2.43';
+exports.moduleName = 'DropDownButtonModule, SplitButtonModule, ProgressButtonModule';
+exports.themeVer = '~20.2.43';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-splitbuttons';
-export const pkgVer = '^20.1.47';
+export const pkgVer = '^20.2.43';
 export const moduleName = 'DropDownButtonModule, SplitButtonModule, ProgressButtonModule';
-export const themeVer = '~20.1.47';
+export const themeVer = '~20.2.43';

package/src/drop-down-button/dropdownbutton-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./dropdownbutton.module";
 /**
  * NgModule definition for the DropDownButton component with providers.
  */
 export declare class DropDownButtonAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownButtonAllModule, never, [typeof i1.CommonModule, typeof i2.DropDownButtonModule], [typeof i2.DropDownButtonModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DropDownButtonAllModule>;
 }

package/src/drop-down-button/dropdownbutton.component.d.ts

@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { DropDownButtonItemsDirective } from './items.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -35,6 +34,4 @@ export declare class DropDownButtonComponent extends DropDownButton implements I
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "[ejs-dropdownbutton]", never, { "content": "content"; "createPopupOnClick": "createPopupOnClick"; "cssClass": "cssClass"; "disabled": "disabled"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "iconCss": "iconCss"; "iconPosition": "iconPosition"; "items": "items"; "locale": "locale"; "target": "target"; }, { "beforeClose": "beforeClose"; "beforeItemRender": "beforeItemRender"; "beforeOpen": "beforeOpen"; "close": "close"; "created": "created"; "open": "open"; "select": "select"; }, ["childItems"], ["*"]>;
 }

package/src/drop-down-button/dropdownbutton.module.d.ts

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

package/src/drop-down-button/items.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 export declare class DropDownButtonItemDirective extends ComplexBase<DropDownButtonItemDirective> {
     private viewContainerRef;
     directivePropList: any;
@@ -36,8 +35,6 @@ export declare class DropDownButtonItemDirective extends ComplexBase<DropDownBut
      */
     url: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropDownButtonItemDirective, "e-dropdownbuttonitems>e-dropdownbuttonitem", never, { "disabled": "disabled"; "iconCss": "iconCss"; "id": "id"; "separator": "separator"; "text": "text"; "url": "url"; }, {}, never>;
 }
 /**
  * DropDownButtonItem Array Directive
@@ -45,6 +42,4 @@ export declare class DropDownButtonItemDirective extends ComplexBase<DropDownBut
  */
 export declare class DropDownButtonItemsDirective extends ArrayBase<DropDownButtonItemsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonItemsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropDownButtonItemsDirective, "ejs-dropdownbutton>e-dropdownbuttonitems", never, {}, {}, ["children"]>;
 }

package/src/progress-button/progressbutton-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./progressbutton.module";
 /**
  * NgModule definition for the ProgressButton component with providers.
  */
 export declare class ProgressButtonAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressButtonAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressButtonAllModule, never, [typeof i1.CommonModule, typeof i2.ProgressButtonModule], [typeof i2.ProgressButtonModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressButtonAllModule>;
 }

package/src/progress-button/progressbutton.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { ProgressButton } from '@syncfusion/ej2-splitbuttons';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -30,6 +29,4 @@ export declare class ProgressButtonComponent extends ProgressButton implements I
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressButtonComponent, "[ejs-progressbutton]", never, { "animationSettings": "animationSettings"; "content": "content"; "cssClass": "cssClass"; "disabled": "disabled"; "duration": "duration"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enableProgress": "enableProgress"; "iconCss": "iconCss"; "iconPosition": "iconPosition"; "isPrimary": "isPrimary"; "isToggle": "isToggle"; "spinSettings": "spinSettings"; }, { "begin": "begin"; "created": "created"; "end": "end"; "fail": "fail"; "progress": "progress"; }, never, ["*"]>;
 }

package/src/progress-button/progressbutton.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./progressbutton.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the ProgressButton component.
  */
 export declare class ProgressButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressButtonModule, [typeof i1.ProgressButtonComponent], [typeof i2.CommonModule], [typeof i1.ProgressButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressButtonModule>;
 }

package/src/split-button/items.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 export declare class SplitButtonItemDirective extends ComplexBase<SplitButtonItemDirective> {
     private viewContainerRef;
     directivePropList: any;
@@ -36,8 +35,6 @@ export declare class SplitButtonItemDirective extends ComplexBase<SplitButtonIte
      */
     url: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonItemDirective, "e-splitbuttonitems>e-splitbuttonitem", never, { "disabled": "disabled"; "iconCss": "iconCss"; "id": "id"; "separator": "separator"; "text": "text"; "url": "url"; }, {}, never>;
 }
 /**
  * SplitButtonItem Array Directive
@@ -45,6 +42,4 @@ export declare class SplitButtonItemDirective extends ComplexBase<SplitButtonIte
  */
 export declare class SplitButtonItemsDirective extends ArrayBase<SplitButtonItemsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonItemsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonItemsDirective, "ejs-splitbutton>e-splitbuttonitems", never, {}, {}, ["children"]>;
 }

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

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

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

@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { SplitButton } from '@syncfusion/ej2-splitbuttons';
 import { SplitButtonItemsDirective } from './items.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -36,6 +35,4 @@ export declare class SplitButtonComponent extends SplitButton implements ICompon
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "ejs-splitbutton", never, { "content": "content"; "createPopupOnClick": "createPopupOnClick"; "cssClass": "cssClass"; "disabled": "disabled"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "iconCss": "iconCss"; "iconPosition": "iconPosition"; "items": "items"; "locale": "locale"; "target": "target"; }, { "beforeClose": "beforeClose"; "beforeItemRender": "beforeItemRender"; "beforeOpen": "beforeOpen"; "click": "click"; "close": "close"; "created": "created"; "open": "open"; "select": "select"; }, ["childItems"], ["*"]>;
 }

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

@@ -1771,19 +1771,19 @@
 }
 
 *.e-flat.e-primary .e-progress {
-  background-color: rgba(255, 64, 129, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-success .e-progress {
-  background-color: rgba(77, 132, 29, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-info .e-progress {
-  background-color: rgba(3, 120, 213, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-warning .e-progress {
-  background-color: rgba(193, 87, 0, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-danger .e-progress {
-  background-color: rgba(214, 65, 19, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 
 *.e-outline:not(:focus).e-primary .e-progress {

package/styles/bootstrap4.css

@@ -1751,7 +1751,7 @@
 *.e-success .e-progress,
 *.e-danger .e-progress,
 *.e-info .e-progress {
-  background-color: rgba(255, 255, 255, 0.25);
+  background-color: rgba(73, 80, 87, 0.2);
 }
 
 *.e-warning .e-progress {

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.css

@@ -261,7 +261,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
   background-color: #006cbf;
   border-color: #0078d4;
-  color: #fff;
+  color: #1b1a19;
   outline: 1px solid;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
@@ -273,7 +273,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
   background-color: #0a5f0a;
   border-color: #0b6a0b;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -284,7 +284,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
   background-color: #03767a;
   border-color: #038387;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -295,7 +295,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
   background-color: #cf6228;
   border-color: #ca5010;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -306,7 +306,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
   background-color: #bc2f32;
   border-color: #d13438;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -379,7 +379,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
   background-color: #0060aa;
   border-color: #0060aa;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-success,
@@ -390,7 +390,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-success {
   background-color: #095509;
   border-color: #095509;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-info,
@@ -400,7 +400,7 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #359c9f;
-  color: #fff;
+  color: #1b1a19;
   border-color: #359c9f;
   box-shadow: none;
 }
@@ -412,7 +412,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-warning {
   background-color: #d57340;
   border-color: #d57340;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-danger,
@@ -423,7 +423,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-danger {
   background-color: #a72a2d;
   border-color: #a72a2d;
-  color: #fff;
+  color: #1b1a19;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-outline,
@@ -446,7 +446,7 @@
   background-color: #0060aa;
   border-color: #0078d4;
   box-shadow: none;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
 .e-btn-group input:active + label.e-btn.e-outline.e-success,
@@ -457,7 +457,7 @@
   background-color: #095509;
   border-color: #095509;
   box-shadow: none;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
 .e-btn-group input:active + label.e-btn.e-outline.e-info,
@@ -468,7 +468,7 @@
   background-color: #359c9f;
   border-color: #359c9f;
   box-shadow: none;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
 .e-btn-group input:active + label.e-btn.e-outline.e-warning,
@@ -479,7 +479,7 @@
   background-color: #d57340;
   border-color: #d57340;
   box-shadow: none;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
 .e-btn-group input:active + label.e-btn.e-outline.e-danger,
@@ -490,7 +490,7 @@
   background-color: #a72a2d;
   border-color: #a72a2d;
   box-shadow: none;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-btn-group .e-btn:disabled,
 .e-btn-group input:disabled + label.e-btn,

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';

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

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

package/styles/button-group/tailwind.scss

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

package/styles/drop-down-button/bootstrap-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark.scss';

package/styles/drop-down-button/bootstrap.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap.scss';

package/styles/drop-down-button/bootstrap4.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4.scss';

package/styles/drop-down-button/bootstrap5-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark.scss';

package/styles/drop-down-button/bootstrap5.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5.scss';

package/styles/drop-down-button/fabric-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark.scss';

package/styles/drop-down-button/fabric.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fabric.scss';

package/styles/drop-down-button/fluent-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark.scss';

package/styles/drop-down-button/fluent.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fluent.scss';

package/styles/drop-down-button/highcontrast-light.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light.scss';