@syncfusion/ej2-splitbuttons 32.1.19 → 32.1.24

package/styles/material3.scss

@@ -3,15 +3,15 @@
 @use 'ej2-popups/styles/popup/material3-definition' as *;
 @use 'drop-down-button/material3-definition' as *;
 @use 'drop-down-button/icons/material3' as *;
-@use 'drop-down-button/all' as *;
-@use 'drop-down-button/bigger' as *;
+@use 'drop-down-button/all.material3' as *;
+@use 'drop-down-button/bigger.material3' as *;
 @use 'split-button/material3-definition' as *;
-@use 'split-button/all' as *;
-@use 'split-button/bigger' as *;
+@use 'split-button/all.material3' as *;
+@use 'split-button/bigger.material3' as *;
 @use 'button-group/material3-definition' as *;
-@use 'button-group/all' as *;
-@use 'button-group/bigger' as *;
+@use 'button-group/all.material3' as *;
+@use 'button-group/bigger.material3' as *;
 @use 'ej2-popups/styles/spinner/material3-definition' as *;
 @use 'progress-button/material3-definition' as *;
-@use 'progress-button/all' as *;
-@use 'progress-button/bigger' as *;
+@use 'progress-button/all.material3' as *;
+@use 'progress-button/bigger.material3' as *;

package/styles/progress-button/_all.bds.scss

@@ -0,0 +1,2 @@
+@use 'layout.bds' as *;
+@use 'theme.bds' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap-dark' as *;
+@use 'theme.bootstrap-dark' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap' as *;
+@use 'theme.bootstrap' as *;

package/styles/progress-button/_all.bootstrap4.scss

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap4' as *;
+@use 'theme.bootstrap4' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap5-dark' as *;
+@use 'theme.bootstrap5-dark' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap5.3' as *;
+@use 'theme.bootstrap5.3' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap5' as *;
+@use 'theme.bootstrap5' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.fabric-dark' as *;
+@use 'theme.fabric-dark' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.fabric' as *;
+@use 'theme.fabric' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.fluent-dark' as *;
+@use 'theme.fluent-dark' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.fluent' as *;
+@use 'theme.fluent' as *;

package/styles/progress-button/_all.fluent2.scss

@@ -0,0 +1,2 @@
+@use 'layout.fluent2' as *;
+@use 'theme.fluent2' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.highcontrast-light' as *;
+@use 'theme.highcontrast-light' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.highcontrast' as *;
+@use 'theme.highcontrast' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.material-dark' as *;
+@use 'theme.material-dark' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.material' as *;
+@use 'theme.material' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.material3-dark' as *;
+@use 'theme.material3-dark' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.material3' as *;
+@use 'theme.material3' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.tailwind-dark' as *;
+@use 'theme.tailwind-dark' as *;

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

@@ -0,0 +1,2 @@
+@use 'layout.tailwind' as *;
+@use 'theme.tailwind' as *;

package/styles/progress-button/_all.tailwind3.scss

@@ -0,0 +1,2 @@
+@use 'layout.tailwind3' as *;
+@use 'theme.tailwind3' as *;

package/styles/progress-button/_bigger.bds.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_bigger';

package/styles/progress-button/_bigger.bootstrap4.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_bigger';

package/styles/progress-button/_bigger.fluent2.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_bigger';

package/styles/progress-button/_bigger.scss

@@ -1,5 +1,4 @@
 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @include export-module('progress-button-bigger') {
   #{if(&, '&', '*')}.e-bigger .e-progress-btn,
   #{if(&, '&', '*')}.e-bigger.e-progress-btn {

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_bigger';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_bigger';

package/styles/progress-button/_bigger.tailwind3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_bigger';

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

@@ -13,14 +13,6 @@ $progress-btn-small-spin-btn-padding: 14px !default;
 $progress-btn-bigger-spin-btn-padding: 20px !default;
 $progress-btn-bigger-small-spin-btn-padding: 16px !default;
 $progress-btn-color: $secondary-text-color !default;
-$progress-btn-bgcolor: rgba($icon-color, .2) !default;
-$progress-btn-bgcolor-normal: rgba($white, .2) !default;
-$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
-$progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
-$progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
-$progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
-$progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
-$progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
 $btn-flat-primary-path-arc: $white;
 $progress-btn-zero-padding-margin: 0 !default;
 $progress-btn-line-height: 1 !default;

package/styles/progress-button/_layout.bds.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bds';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap-dark';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap';
+@import './_layout';

package/styles/progress-button/_layout.bootstrap4.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap4';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5-dark';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5.3';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric-dark';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent-dark';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent';
+@import './_layout';

package/styles/progress-button/_layout.fluent2.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent2';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast-light';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material-dark';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3-dark';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3';
+@import './_layout';

package/styles/progress-button/_layout.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
+
 @include export-module('progress-button-layout') {
   .e-progress-btn {
     position: relative;
@@ -49,9 +49,34 @@
     &.e-progress-active {
       overflow: hidden;
       pointer-events: none;
+     
+      @if $skin-name == 'bootstrap5.3' {
+        .e-progress,
+        .e-primary .e-progress,
+        .e-success .e-progress,
+        .e-danger .e-progress {
+          opacity: .3;
+        }
 
-      .e-progress {
-        opacity: 1;
+        .e-warning .e-progress,
+        .e-info .e-progress,
+        .e-primary.e-outline .e-progress,
+        .e-primary.e-flat .e-progress,
+        .e-success.e-outline .e-progress,
+        .e-success.e-flat .e-progress,
+        .e-danger.e-outline .e-progress,
+        .e-danger.e-flat .e-progress,
+        .e-warning.e-outline .e-progress,
+        .e-warning.e-flat .e-progress,
+        .e-info.e-outline .e-progress,
+        .e-info.e-flat .e-progress {
+          opacity: .2;
+        }
+      }
+      @else {
+        .e-progress {
+          opacity: 1;
+        }
       }
 
       .e-animate-end {

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind-dark';
+@import './_layout';

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

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind';
+@import './_layout';

package/styles/progress-button/_layout.tailwind3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind3';
+@import './_layout';

package/styles/progress-button/_theme-variables.bds.scss

@@ -0,0 +1 @@
+@forward './_bds-definition';

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

@@ -0,0 +1 @@
+@forward './_bootstrap-dark-definition';

package/styles/progress-button/_theme-variables.bootstrap.scss

@@ -0,0 +1 @@
+@forward './_bootstrap-definition';

package/styles/progress-button/_theme-variables.bootstrap4.scss

@@ -0,0 +1 @@
+@forward './_bootstrap4-definition';

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

@@ -0,0 +1 @@
+@forward './_bootstrap5-dark-definition';

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

@@ -0,0 +1 @@
+@forward './_bootstrap5.3-definition';

package/styles/progress-button/_theme-variables.bootstrap5.scss

@@ -0,0 +1 @@
+@forward './_bootstrap5-definition';

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

@@ -0,0 +1 @@
+@forward './_fabric-dark-definition';

package/styles/progress-button/_theme-variables.fabric.scss

@@ -0,0 +1 @@
+@forward './_fabric-definition';

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

@@ -0,0 +1 @@
+@forward './_fluent-dark-definition';

package/styles/progress-button/_theme-variables.fluent.scss

@@ -0,0 +1 @@
+@forward './_fluent-definition';

package/styles/progress-button/_theme-variables.fluent2.scss

@@ -0,0 +1 @@
+@forward './_fluent2-definition';

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

@@ -0,0 +1 @@
+@forward './_highcontrast-light-definition';

package/styles/progress-button/_theme-variables.highcontrast.scss

@@ -0,0 +1 @@
+@forward './_highcontrast-definition';

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

@@ -0,0 +1 @@
+@forward './_material-dark-definition';

package/styles/progress-button/_theme-variables.material.scss

@@ -0,0 +1 @@
+@forward './_material-definition';

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

@@ -0,0 +1 @@
+@forward './_material3-dark-definition';

package/styles/progress-button/_theme-variables.material3.scss

@@ -0,0 +1 @@
+@forward './_material3-definition';

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

@@ -0,0 +1 @@
+@forward './_tailwind-dark-definition';

package/styles/progress-button/_theme-variables.tailwind.scss

@@ -0,0 +1 @@
+@forward './_tailwind-definition';

package/styles/progress-button/_theme.bds.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_theme';

package/styles/progress-button/_theme.bootstrap4.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_theme';

package/styles/progress-button/_theme.fluent2.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_theme';