@syncfusion/ej2-vue-splitbuttons 31.2.2 → 32.1.19

package/README.md

@@ -89,6 +89,13 @@ These components are available in following list of frameworks.
 
 * [**Accessibility**](https://ej2.syncfusion.com/vue/documentation/button-group/accessibility#accessibility) - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.
 
+## Resources
+
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/vue?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/vue)
+* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=vue&type=all)
+
 ## Support
 
 Product support is available for through following mediums.

package/dist/ej2-vue-splitbuttons.umd.min.js

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-splitbuttons.umd.min.js
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-splitbuttons"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-splitbuttons","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Splitbuttons,e.ej2VueBase,e.ej2Base)}(this,function(t,s,n,i){"use strict";var o=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!n.isExecute)return t=null,(n.isExecute?e:n.gh)("div",{class:"e-directive"},t=i.isNullOrUndefined(this.$slots.default)?t:n.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-dropdownbuttonitems"}}}),r={name:"e-dropdownbuttonitems",install:function(e){e.component(r.name,o)}},a=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-dropdownbuttonitem"}}}),u={name:"e-dropdownbuttonitem",install:function(e){e.component(u.name,a)}},e=["isLazyUpdate","plugins","animationSettings","closeActionEvents","content","createPopupOnClick","cssClass","disabled","enableHtmlSanitizer","enablePersistence","enableRtl","iconCss","iconPosition","itemTemplate","items","locale","popupWidth","target","beforeClose","beforeItemRender","beforeOpen","close","created","open","select"],l=[],c=n.getProps({props:e}),p=c[0],c=c[1],d=Object.keys(c);d.push("modelchanged","update:modelValue");for(var m=0,h=l;m<h.length;m++)d.push("update:"+h[m]);var f=n.vueDefineComponent({name:"DropDownButtonComponent",mixins:[n.ComponentBase],props:p,watch:c,emits:d,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.DropDownButton({}),propKeys:e,models:l,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-dropdownbuttonitems":"e-dropdownbuttonitem"},tagNameMapper:{"e-dropdownbuttonitems":"e-items"},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(n.isExecute?e:n.gh)("button",t=i.isNullOrUndefined(this.$slots.default)?t:n.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var o=0,r=i;o<r.length;o++){var a=r[o];this.destroyPortals(a)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},addItems:function(e,t){return this.ej2Instances.addItems(e,t)},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()},removeItems:function(e,t){return this.ej2Instances.removeItems(e,t)},toggle:function(){return this.ej2Instances.toggle()}}}),g={name:"ejs-dropdownbutton",install:function(e){e.component(g.name,f),e.component(u.name,a),e.component(r.name,o)}},j=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!n.isExecute)return t=null,(n.isExecute?e:n.gh)("div",{class:"e-directive"},t=i.isNullOrUndefined(this.$slots.default)?t:n.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-splitbuttonitems"}}}),I={name:"e-splitbuttonitems",install:function(e){e.component(I.name,j)}},b=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-splitbuttonitem"}}}),v={name:"e-splitbuttonitem",install:function(e){e.component(v.name,b)}},P=["isLazyUpdate","plugins","animationSettings","closeActionEvents","content","createPopupOnClick","cssClass","disabled","enableHtmlSanitizer","enablePersistence","enableRtl","iconCss","iconPosition","itemTemplate","items","locale","popupWidth","target","beforeClose","beforeItemRender","beforeOpen","click","close","created","open","select"],C=[],p=n.getProps({props:P}),c=p[0],p=p[1],y=Object.keys(p);y.push("modelchanged","update:modelValue");for(var D=0,B=C;D<B.length;D++)y.push("update:"+B[D]);var $=n.vueDefineComponent({name:"SplitButtonComponent",mixins:[n.ComponentBase],props:c,watch:p,emits:y,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.SplitButton({}),propKeys:P,models:C,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-splitbuttonitems":"e-splitbuttonitem"},tagNameMapper:{"e-splitbuttonitems":"e-items"},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(n.isExecute?e:n.gh)("button",t=i.isNullOrUndefined(this.$slots.default)?t:n.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var o=0,r=i;o<r.length;o++){var a=r[o];this.destroyPortals(a)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},addItems:function(e,t){return this.ej2Instances.addItems(e,t)},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()},removeItems:function(e,t){return this.ej2Instances.removeItems(e,t)},toggle:function(){return this.ej2Instances.toggle()}}}),x={name:"ejs-splitbutton",install:function(e){e.component(x.name,$),e.component(v.name,b),e.component(I.name,j)}},w=["isLazyUpdate","plugins","animationSettings","content","cssClass","disabled","duration","enableHtmlSanitizer","enableProgress","iconCss","iconPosition","isPrimary","isToggle","spinSettings","begin","created","end","fail","progress"],O=[],c=n.getProps({props:w}),p=c[0],c=c[1],E=Object.keys(c);E.push("modelchanged","update:modelValue");for(var S=0,T=O;S<T.length;S++)E.push("update:"+T[S]);var k=n.vueDefineComponent({name:"ProgressButtonComponent",mixins:[n.ComponentBase],props:p,watch:c,emits:E,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ProgressButton({}),propKeys:w,models:O,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(n.isExecute?e:n.gh)("button",t=i.isNullOrUndefined(this.$slots.default)?t:n.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var o=0,r=i;o<r.length;o++){var a=r[o];this.destroyPortals(a)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},click:function(){return this.ej2Instances.click()},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()},progressComplete:function(){return this.ej2Instances.progressComplete()},start:function(e){return this.ej2Instances.start(e)},stop:function(){return this.ej2Instances.stop()}}}),M={name:"ejs-progressbutton",install:function(e){e.component(M.name,k)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.DropDownButtonComponent=f,t.DropDownButtonItemDirective=a,t.DropDownButtonItemPlugin=u,t.DropDownButtonItemsDirective=o,t.DropDownButtonItemsPlugin=r,t.DropDownButtonPlugin=g,t.ProgressButtonComponent=k,t.ProgressButtonPlugin=M,t.SplitButtonComponent=$,t.SplitButtonItemDirective=b,t.SplitButtonItemPlugin=v,t.SplitButtonItemsDirective=j,t.SplitButtonItemsPlugin=I,t.SplitButtonPlugin=x,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-splitbuttons.umd.min.js.map

package/package.json

@@ -1,9 +1,45 @@
 {
-  "name": "@syncfusion/ej2-vue-splitbuttons",
-  "version": "31.2.2",
+  "_from": "@syncfusion/ej2-vue-splitbuttons@*",
+  "_id": "@syncfusion/ej2-vue-splitbuttons@28.2.0",
+  "_inBundle": false,
+  "_integrity": "sha512-zKxkanGh0XEkQxvA8jafVIR9nRM4hSL4KfeVkrM1znPZmwq89eDN5iDnv6+GfNTYMvlLB75yx32Iql1yEMakCA==",
+  "_location": "/@syncfusion/ej2-vue-splitbuttons",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-vue-splitbuttons@*",
+    "name": "@syncfusion/ej2-vue-splitbuttons",
+    "escapedName": "@syncfusion%2fej2-vue-splitbuttons",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-development/@syncfusion/ej2-vue-splitbuttons/-/ej2-vue-splitbuttons-28.2.0.tgz",
+  "_shasum": "a0342dde2ddb0b5aa864cd9673311e553ca28a54",
+  "_spec": "@syncfusion/ej2-vue-splitbuttons@*",
+  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-vue-ui-components/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-splitbuttons": "32.1.19",
+    "@syncfusion/ej2-vue-base": "~32.1.19"
+  },
+  "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for Vue",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
+  "devDependencies": {},
+  "es2015": "dist/es6/ej2-vue-splitbuttons.es2015.js",
+  "homepage": "https://www.syncfusion.com/vue-components",
   "keywords": [
     "vue",
     "vuejs",
@@ -16,24 +52,18 @@
     "vue spinner",
     "vue progress indicator"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/syncfusion/ej2-vue-ui-components.git"
-  },
+  "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-vue-splitbuttons.umd.min.js",
   "module": "./index.js",
-  "es2015": "dist/es6/ej2-vue-splitbuttons.es2015.js",
-  "readme": "ReadMe.md",
-  "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2",
-    "@syncfusion/ej2-vue-base": "~31.2.2",
-    "@syncfusion/ej2-splitbuttons": "31.2.2"
+  "name": "@syncfusion/ej2-vue-splitbuttons",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "devDependencies": {},
   "scripts": {
-    "compile": "gulp ci-compile && gulp vue-global-script",
-    "ci-publish": "gulp ci-publish"
+    "ci-publish": "gulp ci-publish",
+    "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "sideEffects": false,
-  "homepage": "https://www.syncfusion.com/vue-components"
+  "version": "32.1.19",
+  "sideEffects": false
 }

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/bds-lite.scss';
+@use 'ej2-splitbuttons/bds-lite' as *;

package/styles/bds.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/bds.scss';
-@import 'split-button/bds.scss';
-@import 'button-group/bds.scss';
-@import 'progress-button/bds.scss';
+@use 'drop-down-button/bds' as *;
+@use 'split-button/bds' as *;
+@use 'button-group/bds' as *;
+@use 'progress-button/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/bootstrap-dark-lite.scss';
+@use 'ej2-splitbuttons/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/bootstrap-dark.scss';
-@import 'split-button/bootstrap-dark.scss';
-@import 'button-group/bootstrap-dark.scss';
-@import 'progress-button/bootstrap-dark.scss';
+@use 'drop-down-button/bootstrap-dark' as *;
+@use 'split-button/bootstrap-dark' as *;
+@use 'button-group/bootstrap-dark' as *;
+@use 'progress-button/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/bootstrap-lite.scss';
+@use 'ej2-splitbuttons/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/bootstrap.scss';
-@import 'split-button/bootstrap.scss';
-@import 'button-group/bootstrap.scss';
-@import 'progress-button/bootstrap.scss';
+@use 'drop-down-button/bootstrap' as *;
+@use 'split-button/bootstrap' as *;
+@use 'button-group/bootstrap' as *;
+@use 'progress-button/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/bootstrap4-lite.scss';
+@use 'ej2-splitbuttons/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/bootstrap4.scss';
-@import 'split-button/bootstrap4.scss';
-@import 'button-group/bootstrap4.scss';
-@import 'progress-button/bootstrap4.scss';
+@use 'drop-down-button/bootstrap4' as *;
+@use 'split-button/bootstrap4' as *;
+@use 'button-group/bootstrap4' as *;
+@use 'progress-button/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-splitbuttons/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/bootstrap5-dark.scss';
-@import 'split-button/bootstrap5-dark.scss';
-@import 'button-group/bootstrap5-dark.scss';
-@import 'progress-button/bootstrap5-dark.scss';
+@use 'drop-down-button/bootstrap5-dark' as *;
+@use 'split-button/bootstrap5-dark' as *;
+@use 'button-group/bootstrap5-dark' as *;
+@use 'progress-button/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/bootstrap5-lite.scss';
+@use 'ej2-splitbuttons/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/bootstrap5.3-lite.scss';
+@use 'ej2-splitbuttons/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/bootstrap5.3.scss';
-@import 'split-button/bootstrap5.3.scss';
-@import 'button-group/bootstrap5.3.scss';
-@import 'progress-button/bootstrap5.3.scss';
+@use 'drop-down-button/bootstrap5.3' as *;
+@use 'split-button/bootstrap5.3' as *;
+@use 'button-group/bootstrap5.3' as *;
+@use 'progress-button/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/bootstrap5.scss';
-@import 'split-button/bootstrap5.scss';
-@import 'button-group/bootstrap5.scss';
-@import 'progress-button/bootstrap5.scss';
+@use 'drop-down-button/bootstrap5' as *;
+@use 'split-button/bootstrap5' as *;
+@use 'button-group/bootstrap5' as *;
+@use 'progress-button/bootstrap5' as *;

package/styles/button-group/bds.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/bds.scss';
+@use 'ej2-splitbuttons/styles/button-group/bds' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/bootstrap-dark.scss';
+@use 'ej2-splitbuttons/styles/button-group/bootstrap-dark' as *;

package/styles/button-group/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/bootstrap.scss';
+@use 'ej2-splitbuttons/styles/button-group/bootstrap' as *;

package/styles/button-group/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/bootstrap4.scss';
+@use 'ej2-splitbuttons/styles/button-group/bootstrap4' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/bootstrap5-dark.scss';
+@use 'ej2-splitbuttons/styles/button-group/bootstrap5-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/bootstrap5.3.scss';
+@use 'ej2-splitbuttons/styles/button-group/bootstrap5.3' as *;

package/styles/button-group/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/bootstrap5.scss';
+@use 'ej2-splitbuttons/styles/button-group/bootstrap5' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/fabric-dark.scss';
+@use 'ej2-splitbuttons/styles/button-group/fabric-dark' as *;

package/styles/button-group/fabric.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/fabric.scss';
+@use 'ej2-splitbuttons/styles/button-group/fabric' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/fluent-dark.scss';
+@use 'ej2-splitbuttons/styles/button-group/fluent-dark' as *;

package/styles/button-group/fluent.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/fluent.scss';
+@use 'ej2-splitbuttons/styles/button-group/fluent' as *;

package/styles/button-group/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/fluent2.scss';
+@use 'ej2-splitbuttons/styles/button-group/fluent2' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/highcontrast-light.scss';
+@use 'ej2-splitbuttons/styles/button-group/highcontrast-light' as *;

package/styles/button-group/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/highcontrast.scss';
+@use 'ej2-splitbuttons/styles/button-group/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/material-dark.scss';
+@use 'ej2-splitbuttons/styles/button-group/material-dark' as *;

package/styles/button-group/material.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/material.scss';
+@use 'ej2-splitbuttons/styles/button-group/material' as *;

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

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/button-group/material3-dark.scss';
+@use 'ej2-splitbuttons/styles/button-group/material3-dark' as *;

package/styles/button-group/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/button-group/material3.scss';
+@use 'ej2-splitbuttons/styles/button-group/material3' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/tailwind-dark.scss';
+@use 'ej2-splitbuttons/styles/button-group/tailwind-dark' as *;

package/styles/button-group/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/tailwind.scss';
+@use 'ej2-splitbuttons/styles/button-group/tailwind' as *;

package/styles/button-group/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/button-group/tailwind3.scss';
+@use 'ej2-splitbuttons/styles/button-group/tailwind3' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/bds.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/bds' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap4' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5.3.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap5.3' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap5' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/fabric-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/fabric.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/fabric' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/fluent-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/fluent' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent2.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/fluent2' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/material-dark.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/material-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/material.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/material' as *;

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

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/drop-down-button/material3-dark.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/material3-dark' as *;

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

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/drop-down-button/material3.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/material3' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/tailwind.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/tailwind' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/tailwind3.scss';
+@use 'ej2-splitbuttons/styles/drop-down-button/tailwind3' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/fabric-dark-lite.scss';
+@use 'ej2-splitbuttons/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/fabric-dark.scss';
-@import 'split-button/fabric-dark.scss';
-@import 'button-group/fabric-dark.scss';
-@import 'progress-button/fabric-dark.scss';
+@use 'drop-down-button/fabric-dark' as *;
+@use 'split-button/fabric-dark' as *;
+@use 'button-group/fabric-dark' as *;
+@use 'progress-button/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/fabric-lite.scss';
+@use 'ej2-splitbuttons/fabric-lite' as *;

package/styles/fabric.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/fabric.scss';
-@import 'split-button/fabric.scss';
-@import 'button-group/fabric.scss';
-@import 'progress-button/fabric.scss';
+@use 'drop-down-button/fabric' as *;
+@use 'split-button/fabric' as *;
+@use 'button-group/fabric' as *;
+@use 'progress-button/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/fluent-dark-lite.scss';
+@use 'ej2-splitbuttons/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/fluent-dark.scss';
-@import 'split-button/fluent-dark.scss';
-@import 'button-group/fluent-dark.scss';
-@import 'progress-button/fluent-dark.scss';
+@use 'drop-down-button/fluent-dark' as *;
+@use 'split-button/fluent-dark' as *;
+@use 'button-group/fluent-dark' as *;
+@use 'progress-button/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/fluent-lite.scss';
+@use 'ej2-splitbuttons/fluent-lite' as *;

package/styles/fluent.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/fluent.scss';
-@import 'split-button/fluent.scss';
-@import 'button-group/fluent.scss';
-@import 'progress-button/fluent.scss';
+@use 'drop-down-button/fluent' as *;
+@use 'split-button/fluent' as *;
+@use 'button-group/fluent' as *;
+@use 'progress-button/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/fluent2-lite.scss';
+@use 'ej2-splitbuttons/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/fluent2.scss';
-@import 'split-button/fluent2.scss';
-@import 'button-group/fluent2.scss';
-@import 'progress-button/fluent2.scss';
+@use 'drop-down-button/fluent2' as *;
+@use 'split-button/fluent2' as *;
+@use 'button-group/fluent2' as *;
+@use 'progress-button/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/highcontrast-light-lite.scss';
+@use 'ej2-splitbuttons/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/highcontrast-light.scss';
-@import 'split-button/highcontrast-light.scss';
-@import 'button-group/highcontrast-light.scss';
-@import 'progress-button/highcontrast-light.scss';
+@use 'drop-down-button/highcontrast-light' as *;
+@use 'split-button/highcontrast-light' as *;
+@use 'button-group/highcontrast-light' as *;
+@use 'progress-button/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/highcontrast-lite.scss';
+@use 'ej2-splitbuttons/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/highcontrast.scss';
-@import 'split-button/highcontrast.scss';
-@import 'button-group/highcontrast.scss';
-@import 'progress-button/highcontrast.scss';
+@use 'drop-down-button/highcontrast' as *;
+@use 'split-button/highcontrast' as *;
+@use 'button-group/highcontrast' as *;
+@use 'progress-button/highcontrast' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/material-dark-lite.scss';
+@use 'ej2-splitbuttons/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/material-dark.scss';
-@import 'split-button/material-dark.scss';
-@import 'button-group/material-dark.scss';
-@import 'progress-button/material-dark.scss';
+@use 'drop-down-button/material-dark' as *;
+@use 'split-button/material-dark' as *;
+@use 'button-group/material-dark' as *;
+@use 'progress-button/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/material-lite.scss';
+@use 'ej2-splitbuttons/material-lite' as *;

package/styles/material.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/material.scss';
-@import 'split-button/material.scss';
-@import 'button-group/material.scss';
-@import 'progress-button/material.scss';
+@use 'drop-down-button/material' as *;
+@use 'split-button/material' as *;
+@use 'button-group/material' as *;
+@use 'progress-button/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/material3-dark-lite.scss';
+@use 'ej2-splitbuttons/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,5 +1,4 @@
-
-@import 'drop-down-button/material3-dark.scss';
-@import 'split-button/material3-dark.scss';
-@import 'button-group/material3-dark.scss';
-@import 'progress-button/material3-dark.scss';
+@use 'drop-down-button/material3-dark' as *;
+@use 'split-button/material3-dark' as *;
+@use 'button-group/material3-dark' as *;
+@use 'progress-button/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/material3-lite.scss';
+@use 'ej2-splitbuttons/material3-lite' as *;

package/styles/material3.scss

@@ -1,5 +1,4 @@
-
-@import 'drop-down-button/material3.scss';
-@import 'split-button/material3.scss';
-@import 'button-group/material3.scss';
-@import 'progress-button/material3.scss';
+@use 'drop-down-button/material3' as *;
+@use 'split-button/material3' as *;
+@use 'button-group/material3' as *;
+@use 'progress-button/material3' as *;

package/styles/progress-button/bds.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/bds.scss';
+@use 'ej2-splitbuttons/styles/progress-button/bds' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/bootstrap-dark.scss';
+@use 'ej2-splitbuttons/styles/progress-button/bootstrap-dark' as *;

package/styles/progress-button/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/bootstrap.scss';
+@use 'ej2-splitbuttons/styles/progress-button/bootstrap' as *;

package/styles/progress-button/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/bootstrap4.scss';
+@use 'ej2-splitbuttons/styles/progress-button/bootstrap4' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/bootstrap5-dark.scss';
+@use 'ej2-splitbuttons/styles/progress-button/bootstrap5-dark' as *;

package/styles/progress-button/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/bootstrap5.3.scss';
+@use 'ej2-splitbuttons/styles/progress-button/bootstrap5.3' as *;

package/styles/progress-button/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/bootstrap5.scss';
+@use 'ej2-splitbuttons/styles/progress-button/bootstrap5' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/fabric-dark.scss';
+@use 'ej2-splitbuttons/styles/progress-button/fabric-dark' as *;

package/styles/progress-button/fabric.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/fabric.scss';
+@use 'ej2-splitbuttons/styles/progress-button/fabric' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/fluent-dark.scss';
+@use 'ej2-splitbuttons/styles/progress-button/fluent-dark' as *;

package/styles/progress-button/fluent.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/fluent.scss';
+@use 'ej2-splitbuttons/styles/progress-button/fluent' as *;

package/styles/progress-button/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/fluent2.scss';
+@use 'ej2-splitbuttons/styles/progress-button/fluent2' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/highcontrast-light.scss';
+@use 'ej2-splitbuttons/styles/progress-button/highcontrast-light' as *;

package/styles/progress-button/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/highcontrast.scss';
+@use 'ej2-splitbuttons/styles/progress-button/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/material-dark.scss';
+@use 'ej2-splitbuttons/styles/progress-button/material-dark' as *;

package/styles/progress-button/material.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/material.scss';
+@use 'ej2-splitbuttons/styles/progress-button/material' as *;

package/styles/progress-button/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/progress-button/material3-dark.scss';
+@use 'ej2-splitbuttons/styles/progress-button/material3-dark' as *;

package/styles/progress-button/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/progress-button/material3.scss';
+@use 'ej2-splitbuttons/styles/progress-button/material3' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/tailwind-dark.scss';
+@use 'ej2-splitbuttons/styles/progress-button/tailwind-dark' as *;

package/styles/progress-button/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/tailwind.scss';
+@use 'ej2-splitbuttons/styles/progress-button/tailwind' as *;

package/styles/progress-button/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/progress-button/tailwind3.scss';
+@use 'ej2-splitbuttons/styles/progress-button/tailwind3' as *;

package/styles/split-button/bds.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/bds.scss';
+@use 'ej2-splitbuttons/styles/split-button/bds' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap-dark.scss';
+@use 'ej2-splitbuttons/styles/split-button/bootstrap-dark' as *;

package/styles/split-button/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap.scss';
+@use 'ej2-splitbuttons/styles/split-button/bootstrap' as *;

package/styles/split-button/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap4.scss';
+@use 'ej2-splitbuttons/styles/split-button/bootstrap4' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5-dark.scss';
+@use 'ej2-splitbuttons/styles/split-button/bootstrap5-dark' as *;

package/styles/split-button/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5.3.scss';
+@use 'ej2-splitbuttons/styles/split-button/bootstrap5.3' as *;

package/styles/split-button/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5.scss';
+@use 'ej2-splitbuttons/styles/split-button/bootstrap5' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/fabric-dark.scss';
+@use 'ej2-splitbuttons/styles/split-button/fabric-dark' as *;

package/styles/split-button/fabric.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/fabric.scss';
+@use 'ej2-splitbuttons/styles/split-button/fabric' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/fluent-dark.scss';
+@use 'ej2-splitbuttons/styles/split-button/fluent-dark' as *;

package/styles/split-button/fluent.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/fluent.scss';
+@use 'ej2-splitbuttons/styles/split-button/fluent' as *;

package/styles/split-button/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/fluent2.scss';
+@use 'ej2-splitbuttons/styles/split-button/fluent2' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/highcontrast-light.scss';
+@use 'ej2-splitbuttons/styles/split-button/highcontrast-light' as *;

package/styles/split-button/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/highcontrast.scss';
+@use 'ej2-splitbuttons/styles/split-button/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/material-dark.scss';
+@use 'ej2-splitbuttons/styles/split-button/material-dark' as *;

package/styles/split-button/material.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/material.scss';
+@use 'ej2-splitbuttons/styles/split-button/material' as *;

package/styles/split-button/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/split-button/material3-dark.scss';
+@use 'ej2-splitbuttons/styles/split-button/material3-dark' as *;

package/styles/split-button/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-splitbuttons/styles/split-button/material3.scss';
+@use 'ej2-splitbuttons/styles/split-button/material3' as *;

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

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/tailwind-dark.scss';
+@use 'ej2-splitbuttons/styles/split-button/tailwind-dark' as *;

package/styles/split-button/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/tailwind.scss';
+@use 'ej2-splitbuttons/styles/split-button/tailwind' as *;

package/styles/split-button/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/split-button/tailwind3.scss';
+@use 'ej2-splitbuttons/styles/split-button/tailwind3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/tailwind-dark-lite.scss';
+@use 'ej2-splitbuttons/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/tailwind-dark.scss';
-@import 'split-button/tailwind-dark.scss';
-@import 'button-group/tailwind-dark.scss';
-@import 'progress-button/tailwind-dark.scss';
+@use 'drop-down-button/tailwind-dark' as *;
+@use 'split-button/tailwind-dark' as *;
+@use 'button-group/tailwind-dark' as *;
+@use 'progress-button/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/tailwind-lite.scss';
+@use 'ej2-splitbuttons/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/tailwind.scss';
-@import 'split-button/tailwind.scss';
-@import 'button-group/tailwind.scss';
-@import 'progress-button/tailwind.scss';
+@use 'drop-down-button/tailwind' as *;
+@use 'split-button/tailwind' as *;
+@use 'button-group/tailwind' as *;
+@use 'progress-button/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-splitbuttons/styles/tailwind3-lite.scss';
+@use 'ej2-splitbuttons/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1,4 +1,4 @@
-@import 'drop-down-button/tailwind3.scss';
-@import 'split-button/tailwind3.scss';
-@import 'button-group/tailwind3.scss';
-@import 'progress-button/tailwind3.scss';
+@use 'drop-down-button/tailwind3' as *;
+@use 'split-button/tailwind3' as *;
+@use 'button-group/tailwind3' as *;
+@use 'progress-button/tailwind3' as *;