@syncfusion/ej2-splitbuttons 33.2.6 → 34.1.31

package/styles/bootstrap5.3.scss

@@ -1,17 +1,13 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@use 'ej2-buttons/styles/button/bootstrap5.3-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap5.3-definition' as *;
 @use 'drop-down-button/bootstrap5.3-definition' as *;
 @use 'drop-down-button/icons/bootstrap5.3' as *;
-@use 'drop-down-button/all.bootstrap5.3' as *;
-@use 'drop-down-button/bigger.bootstrap5.3' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
 @use 'split-button/bootstrap5.3-definition' as *;
-@use 'split-button/all.bootstrap5.3' as *;
-@use 'split-button/bigger.bootstrap5.3' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
 @use 'button-group/bootstrap5.3-definition' as *;
-@use 'button-group/all.bootstrap5.3' as *;
-@use 'button-group/bigger.bootstrap5.3' as *;
-@use 'ej2-popups/styles/spinner/bootstrap5.3-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
 @use 'progress-button/bootstrap5.3-definition' as *;
-@use 'progress-button/all.bootstrap5.3' as *;
-@use 'progress-button/bigger.bootstrap5.3' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;

package/styles/bootstrap5.css

@@ -1,4 +1,3 @@
-/* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e70d";
@@ -1407,47 +1406,6 @@
   font-size: 20px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
 .e-progress-btn {
   position: relative;
 }

package/styles/bootstrap5.scss

@@ -1,17 +1,13 @@
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@use 'ej2-buttons/styles/button/bootstrap5-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap5-definition' as *;
 @use 'drop-down-button/bootstrap5-definition' as *;
 @use 'drop-down-button/icons/bootstrap5' as *;
-@use 'drop-down-button/all.bootstrap5' as *;
-@use 'drop-down-button/bigger.bootstrap5' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
 @use 'split-button/bootstrap5-definition' as *;
-@use 'split-button/all.bootstrap5' as *;
-@use 'split-button/bigger.bootstrap5' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
 @use 'button-group/bootstrap5-definition' as *;
-@use 'button-group/all.bootstrap5' as *;
-@use 'button-group/bigger.bootstrap5' as *;
-@use 'ej2-popups/styles/spinner/bootstrap5-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
 @use 'progress-button/bootstrap5-definition' as *;
-@use 'progress-button/all.bootstrap5' as *;
-@use 'progress-button/bigger.bootstrap5' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;

package/styles/button-group/_all.scss

@@ -1,2 +1,2 @@
-@use 'layout' as *;
-@use 'theme' as *;
+@forward 'layout';
+@forward 'theme';

package/styles/button-group/_bds-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use 'ej2-buttons/styles/button/bds-definition' as *;
-@forward 'ej2-base/styles/definition/bds';
-@forward 'ej2-buttons/styles/button/bds-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/bds-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_bigger.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-buttons/styles/button/mixin' as *;
+@use 'variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/mixin' as *;
 
 @include export-module('button-group-bigger') {
   .e-bigger .e-btn-group,

package/styles/button-group/_bootstrap-dark-definition.scss

@@ -1,7 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
-@forward 'ej2-buttons/styles/button/bootstrap-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $btn-grp-margin: -1px !default;

package/styles/button-group/_bootstrap-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
-@forward 'ej2-buttons/styles/button/bootstrap-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/bootstrap-definition' as *;
+
 $btn-grp-margin: -1px !default;
 $btn-grp-margin-left: -1px !default;
 $btn-grp-wrapper-border: 4px !default;

package/styles/button-group/_bootstrap4-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap4';
-@forward 'ej2-buttons/styles/button/bootstrap4-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/bootstrap4-definition' as *;
+
 $btn-grp-margin: -1px !default;
 $btn-grp-margin-left: -1px !default;
 $btn-grp-wrapper-border: 4px !default;

package/styles/button-group/_bootstrap5-dark-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
-@forward 'ej2-buttons/styles/button/bootstrap5-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_bootstrap5-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@use 'ej2-buttons/styles/button/bootstrap5-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap5';
-@forward 'ej2-buttons/styles/button/bootstrap5-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/bootstrap5-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_bootstrap5.3-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@use 'ej2-buttons/styles/button/bootstrap5.3-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
-@forward 'ej2-buttons/styles/button/bootstrap5.3-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/bootstrap5.3-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_fabric-dark-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@use 'ej2-buttons/styles/button/fabric-dark-definition' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
-@forward 'ej2-buttons/styles/button/fabric-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/fabric-dark-definition' as *;
 
 //default
 $btn-grp-margin: -1px !default;

package/styles/button-group/_fabric-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@use 'ej2-buttons/styles/button/fabric-definition' as *;
-@forward 'ej2-base/styles/definition/fabric';
-@forward 'ej2-buttons/styles/button/fabric-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $btn-grp-margin: -1px !default;
 $btn-grp-margin-left: 0 !default;
 $btn-grp-wrapper-border: 0 !default;

package/styles/button-group/_fluent-dark-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
-@forward 'ej2-buttons/styles/button/fluent-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/fluent-dark-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_fluent-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@use 'ej2-buttons/styles/button/fluent-definition' as *;
-@forward 'ej2-base/styles/definition/fluent';
-@forward 'ej2-buttons/styles/button/fluent-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/fluent-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_fluent2-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
-@use 'ej2-buttons/styles/button/fluent2-definition' as *;
-@forward 'ej2-base/styles/definition/fluent2';
-@forward 'ej2-buttons/styles/button/fluent2-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/fluent2-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_group-button-mixin.scss

@@ -1,4 +1,6 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/variables' as btn;
+
 @mixin apply-border {
   &:not(:first-of-type):not(:last-of-type) {
     border-left: transparent;
@@ -66,10 +68,10 @@
 }
 
 @mixin disabled {
-  background-color: $btn-disabled-bgcolor;
-  border-color: $btn-disabled-border-color;
-  box-shadow: $btn-flat-box-shadow;
-  color: $btn-disabled-color;
+  background-color: btn.$btn-disabled-bgcolor;
+  border-color: btn.$btn-disabled-border-color;
+  box-shadow: btn.$btn-flat-box-shadow;
+  color: btn.$btn-disabled-color;
 }
 
 @mixin box-shadow-theme {

package/styles/button-group/_highcontrast-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@use 'ej2-buttons/styles/button/highcontrast-definition' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
-@forward 'ej2-buttons/styles/button/highcontrast-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $btn-grp-margin: -1px !default;
 $btn-grp-margin-left: 0 !default;
 $btn-grp-wrapper-border: 0 !default;

package/styles/button-group/_highcontrast-light-definition.scss

@@ -1,7 +1,4 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@use 'ej2-buttons/styles/button/highcontrast-light-definition' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
-@forward 'ej2-buttons/styles/button/highcontrast-light-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $btn-grp-margin: -1px !default;

package/styles/button-group/_layout.scss

@@ -1,10 +1,10 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-buttons/styles/button/mixin' as *;
+@use 'variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/variables' as btn;
 
 @include export-module('button-group-layout') {
 /* stylelint-disable */
-  #{if(&, '&', '*')}.e-btn-group,
-  #{if(&, '&', '*')}.e-css.e-btn-group {
+  *.e-btn-group,
+  *.e-css.e-btn-group {
     display: -webkit-inline-flex;
     display: inline-flex;
     border-radius: $btn-grp-wrapper-border;
@@ -12,8 +12,8 @@
     flex-direction: row;
     position: relative;
     @if $skin-name == 'Material3' {
-      border-radius: $btn-border-radius;
-      box-shadow: $btn-active-box-shadow;
+      border-radius: btn.$btn-border-radius;
+      box-shadow: btn.$btn-active-box-shadow;
     }
 
     input:focus+label.e-btn,

package/styles/button-group/_material-dark-definition.scss

@@ -1,7 +1,4 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
-@use 'ej2-buttons/styles/button/material-dark-definition' as *;
-@forward 'ej2-base/styles/definition/material-dark';
-@forward 'ej2-buttons/styles/button/material-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $btn-grp-margin: -1px !default;

package/styles/button-group/_material-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/material' as *;
-@use 'ej2-buttons/styles/button/material-definition' as *;
-@forward 'ej2-base/styles/definition/material';
-@forward 'ej2-buttons/styles/button/material-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $btn-grp-margin: -1px !default;
 $btn-grp-margin-left: 0 !default;
 $btn-grp-wrapper-border: 2px !default;

package/styles/button-group/_material3-dark-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@use 'ej2-buttons/styles/button/material3-dark-definition' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
-@forward 'ej2-buttons/styles/button/material3-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/material3-dark-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_material3-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/material3' as *;
-@use 'ej2-buttons/styles/button/material3-definition' as *;
-@forward 'ej2-base/styles/definition/material3';
-@forward 'ej2-buttons/styles/button/material3-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/material3-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_tailwind-dark-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@use 'ej2-buttons/styles/button/tailwind-dark-definition' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
-@forward 'ej2-buttons/styles/button/tailwind-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/tailwind-dark-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_tailwind-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@use 'ej2-buttons/styles/button/tailwind-definition' as *;
-@forward 'ej2-base/styles/definition/tailwind';
-@forward 'ej2-buttons/styles/button/tailwind-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/tailwind-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;

package/styles/button-group/_tailwind3-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@use 'ej2-buttons/styles/button/tailwind3-definition' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
-@forward 'ej2-buttons/styles/button/tailwind3-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/tailwind3-definition' as *;
 
 //layout variables
 $btn-grp-margin: -1px !default;