@syncfusion/ej2-angular-splitbuttons 20.4.38-ngcc → 20.4.38

package/styles/fluent.css

@@ -304,9 +304,6 @@
   outline: 0;
   outline-offset: 0;
 }
-.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
-}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
@@ -465,9 +462,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: #f3f2f1;
 }
-.e-split-btn-wrapper .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #8a8886;
 }
@@ -490,9 +484,6 @@
   border-left-color: #f3f2f1;
   border-right-color: #f3f2f1;
 }
-.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #8a8886;
   border-right-color: #8a8886;
@@ -504,9 +495,6 @@
   border-bottom-color: #8a8886;
   border-right-color: #8a8886;
 }
-.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #8a8886;
   border-right-color: #8a8886;
@@ -523,18 +511,12 @@
   border-bottom-color: #8a8886;
   border-right-color: #8a8886;
 }
-.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: #f3f2f1;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #8a8886;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #8a8886;
 }
@@ -547,9 +529,6 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #8a8886;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/highcontrast-light.css

@@ -314,9 +314,6 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
-.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
-}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
@@ -475,9 +472,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: #fff;
 }
-.e-split-btn-wrapper .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #000;
 }
@@ -500,9 +494,6 @@
   border-left-color: #757575;
   border-right-color: #757575;
 }
-.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #000;
   border-right-color: #000;
@@ -514,9 +505,6 @@
   border-bottom-color: #000;
   border-right-color: #000;
 }
-.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #000;
   border-right-color: #000;
@@ -533,18 +521,12 @@
   border-bottom-color: #000;
   border-right-color: #000;
 }
-.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: #757575;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #000;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #000;
 }
@@ -557,9 +539,6 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #000;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/highcontrast.css

@@ -314,9 +314,6 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
-.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
-}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
@@ -475,9 +472,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: #000;
 }
-.e-split-btn-wrapper .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #fff;
 }
@@ -500,9 +494,6 @@
   border-left-color: #757575;
   border-right-color: #757575;
 }
-.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #fff;
   border-right-color: #fff;
@@ -514,9 +505,6 @@
   border-bottom-color: #fff;
   border-right-color: #fff;
 }
-.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #fff;
   border-right-color: #fff;
@@ -533,18 +521,12 @@
   border-bottom-color: #fff;
   border-right-color: #fff;
 }
-.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: #757575;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #fff;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #fff;
 }
@@ -557,9 +539,6 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #fff;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/material-dark.css

@@ -315,9 +315,6 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
-.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
-}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 2px;
@@ -476,9 +473,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(255, 255, 255, 0.1);
 }
-.e-split-btn-wrapper .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: transparent;
 }
@@ -501,9 +495,6 @@
   border-left-color: transparent;
   border-right-color: transparent;
 }
-.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: transparent;
   border-right-color: transparent;
@@ -515,9 +506,6 @@
   border-bottom-color: transparent;
   border-right-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: transparent;
   border-right-color: transparent;
@@ -534,18 +522,12 @@
   border-bottom-color: transparent;
   border-right-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: transparent;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: transparent;
 }
@@ -558,9 +540,6 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/material.css

@@ -315,9 +315,6 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
-.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
-  box-shadow: none;
-}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 2px;
@@ -476,9 +473,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(0, 0, 0, 0.12);
 }
-.e-split-btn-wrapper .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: transparent;
 }
@@ -498,9 +492,6 @@
   border-left-color: transparent;
   border-right-color: transparent;
 }
-.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: transparent;
   border-right-color: transparent;
@@ -512,9 +503,6 @@
   border-bottom-color: transparent;
   border-right-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: transparent;
   border-right-color: transparent;
@@ -531,18 +519,12 @@
   border-bottom-color: transparent;
   border-right-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: transparent;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
-  border-color: transparent;
-}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: transparent;
 }
@@ -555,9 +537,6 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: transparent;
 }
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
-}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/progress-button/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

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

@@ -0,0 +1,27 @@
+//default
+$progress-btn-color: $grey-light-font !default;
+$progress-btn-bgcolor: rgba($grey-light-font, .3) !default;
+$progress-btn-bgcolor-normal: rgba($grey-light-font, .2) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-circle-opacity: 1 !default;
+
+$progress-btn-transition: all .3s linear !default;
+
+$progress-btn-spin-btn-padding: 16px !default;
+$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-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+
+$progress-btn-flat-primary-progress-color: #ff4081 !default;
+$progress-btn-flat-success-progress-color: #4d841d !default;
+$progress-btn-flat-info-progress-color: #0378d5 !default;
+$progress-btn-flat-warning-progress-color: #c15700 !default;
+$progress-btn-flat-danger-progress-color: #d64113 !default;
+$btn-flat-primary-path-arc: none;
+
+//enddefault

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

@@ -0,0 +1,24 @@
+$progress-btn-color: $grey-light-font !default;
+$progress-btn-bgcolor: rgba($grey-white, .3) !default;
+$progress-btn-bgcolor-normal: rgba($grey-base, .2) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-circle-opacity: 1 !default;
+
+$progress-btn-transition: all .3s linear !default;
+
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+
+$progress-btn-spin-btn-padding: 16px !default;
+$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-flat-primary-progress-color: $brand-primary-font !default;
+$progress-btn-flat-success-progress-color: #fff !default;
+$progress-btn-flat-info-progress-color: #fff !default;
+$progress-btn-flat-warning-progress-color: #fff !default;
+$progress-btn-flat-danger-progress-color: #fff !default;
+$btn-flat-primary-path-arc: none;

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

@@ -0,0 +1,24 @@
+$progress-btn-color: $white !default;
+$progress-btn-bgcolor: rgba($white, .25) !default;
+$progress-btn-bgcolor-normal: rgba($white, .25) !default;
+$progress-btn-warning-progress-color: rgba($gray-900, .25) !default;
+$progress-btn-circle-opacity: 0 !default;
+
+$progress-btn-transition: all .3s linear !default;
+
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+
+$progress-btn-spin-btn-padding: 16px !default;
+$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-flat-primary-progress-color: $primary-font !default;
+$progress-btn-flat-success-progress-color: $white !default;
+$progress-btn-flat-info-progress-color: $white !default;
+$progress-btn-flat-warning-progress-color: $gray-900 !default;
+$progress-btn-flat-danger-progress-color: $white !default;
+$btn-flat-primary-path-arc: none;

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

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

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

@@ -0,0 +1,21 @@
+//layout variables
+$progress-btn-circle-opacity: .3 !default;
+$progress-btn-transition: all .3s linear !default;
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+$progress-btn-spin-btn-padding: 16px !default;
+$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;

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

@@ -0,0 +1,27 @@
+//default
+$progress-btn-color: $neutral-light-font !default;
+$progress-btn-bgcolor: rgba($neutral-light-font, .2) !default;
+$progress-btn-bgcolor-normal: rgba($neutral-light-font, .2) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-circle-opacity: .8 !default;
+
+$progress-btn-transition: all .3s linear !default;
+
+$progress-btn-spin-btn-padding: 16px !default;
+$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-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+
+$progress-btn-flat-primary-progress-color: #ff4081 !default;
+$progress-btn-flat-success-progress-color: #4d841d !default;
+$progress-btn-flat-info-progress-color: #0378d5 !default;
+$progress-btn-flat-warning-progress-color: #c15700 !default;
+$progress-btn-flat-danger-progress-color: #d64113 !default;
+$btn-flat-primary-path-arc: none;
+
+//enddefault

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

@@ -0,0 +1,24 @@
+$progress-btn-color: $neutral-light-font !default;
+$progress-btn-bgcolor: rgba($neutral-black, .2) !default;
+$progress-btn-bgcolor-normal: rgba($neutral-black, .2) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-circle-opacity: .8 !default;
+
+$progress-btn-transition: all .3s linear !default;
+
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+
+$progress-btn-spin-btn-padding: 20px !default;
+$progress-btn-small-spin-btn-padding: 16px !default;
+$progress-btn-bigger-spin-btn-padding: 24px !default;
+$progress-btn-bigger-small-spin-btn-padding: 22px !default;
+
+$progress-btn-flat-primary-progress-color: $neutral-black !default;
+$progress-btn-flat-success-progress-color: $neutral-black !default;
+$progress-btn-flat-info-progress-color: $neutral-black !default;
+$progress-btn-flat-warning-progress-color: $neutral-black !default;
+$progress-btn-flat-danger-progress-color: $neutral-black !default;
+$btn-flat-primary-path-arc: none;

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

@@ -0,0 +1 @@
+@import './fluent-definition.scss';

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

@@ -0,0 +1,21 @@
+//layout variables
+$progress-btn-circle-opacity: .3 !default;
+$progress-btn-transition: all .3s linear !default;
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+$progress-btn-spin-btn-padding: 16px !default;
+$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($icon-color, .5) !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;

package/styles/progress-button/_fusionnew-definition.scss

@@ -0,0 +1,21 @@
+//layout variables
+$progress-btn-circle-opacity: .3 !default;
+$progress-btn-transition: all .3s linear !default;
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+$progress-btn-spin-btn-padding: 16px !default;
+$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;

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

@@ -0,0 +1,24 @@
+$progress-btn-color: $content-font !default;
+$progress-btn-bgcolor: rgba($bg-base-0, .3) !default;
+$progress-btn-bgcolor-normal: rgba($bg-base-100, .3) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-circle-opacity: 1 !default;
+
+$progress-btn-transition: all .3s linear !default;
+
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+
+$progress-btn-spin-btn-padding: 20px !default;
+$progress-btn-small-spin-btn-padding: 16px !default;
+$progress-btn-bigger-spin-btn-padding: 24px !default;
+$progress-btn-bigger-small-spin-btn-padding: 22px !default;
+
+$progress-btn-flat-primary-progress-color: $bg-base-0 !default;
+$progress-btn-flat-success-progress-color: $bg-base-0 !default;
+$progress-btn-flat-info-progress-color: $bg-base-0 !default;
+$progress-btn-flat-warning-progress-color: $bg-base-0 !default;
+$progress-btn-flat-danger-progress-color: $bg-base-0 !default;
+$btn-flat-primary-path-arc: none;

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

@@ -0,0 +1,24 @@
+$progress-btn-color: $content-font !default;
+$progress-btn-bgcolor: rgba($bg-base-0, .3) !default;
+$progress-btn-bgcolor-normal: rgba($bg-base-100, .3) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-circle-opacity: 1 !default;
+
+$progress-btn-transition: all .3s linear !default;
+
+$progress-btn-spin-btn-padding: 16px !default;
+$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-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+
+$progress-btn-flat-primary-progress-color: #ff4081 !default;
+$progress-btn-flat-success-progress-color: #4d841d !default;
+$progress-btn-flat-info-progress-color: #0378d5 !default;
+$progress-btn-flat-warning-progress-color: #c15700 !default;
+$progress-btn-flat-danger-progress-color: #d64113 !default;
+$btn-flat-primary-path-arc: none;