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

package/styles/fluent-dark.css

@@ -773,7 +773,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
   background-color: #006cbf;
   border-color: #0078d4;
-  color: #1b1a19;
+  color: #fff;
   outline: 1px solid;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
@@ -785,7 +785,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
   background-color: #0a5f0a;
   border-color: #0b6a0b;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -796,7 +796,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
   background-color: #03767a;
   border-color: #038387;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -807,7 +807,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
   background-color: #cf6228;
   border-color: #ca5010;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -818,7 +818,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
   background-color: #bc2f32;
   border-color: #d13438;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   box-shadow: none;
   outline-color: inherit;
@@ -891,7 +891,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
   background-color: #0060aa;
   border-color: #0060aa;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-success,
@@ -902,7 +902,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-success {
   background-color: #095509;
   border-color: #095509;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-info,
@@ -912,7 +912,7 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #359c9f;
-  color: #1b1a19;
+  color: #fff;
   border-color: #359c9f;
   box-shadow: none;
 }
@@ -924,7 +924,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-warning {
   background-color: #d57340;
   border-color: #d57340;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-danger,
@@ -935,7 +935,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-danger {
   background-color: #a72a2d;
   border-color: #a72a2d;
-  color: #1b1a19;
+  color: #fff;
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-outline,
@@ -958,7 +958,7 @@
   background-color: #0060aa;
   border-color: #0078d4;
   box-shadow: none;
-  color: #1b1a19;
+  color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
 .e-btn-group input:active + label.e-btn.e-outline.e-success,
@@ -969,7 +969,7 @@
   background-color: #095509;
   border-color: #095509;
   box-shadow: none;
-  color: #1b1a19;
+  color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
 .e-btn-group input:active + label.e-btn.e-outline.e-info,
@@ -980,7 +980,7 @@
   background-color: #359c9f;
   border-color: #359c9f;
   box-shadow: none;
-  color: #1b1a19;
+  color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
 .e-btn-group input:active + label.e-btn.e-outline.e-warning,
@@ -991,7 +991,7 @@
   background-color: #d57340;
   border-color: #d57340;
   box-shadow: none;
-  color: #1b1a19;
+  color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
 .e-btn-group input:active + label.e-btn.e-outline.e-danger,
@@ -1002,7 +1002,7 @@
   background-color: #a72a2d;
   border-color: #a72a2d;
   box-shadow: none;
-  color: #1b1a19;
+  color: #fff;
 }
 .e-btn-group .e-btn:disabled,
 .e-btn-group input:disabled + label.e-btn,
@@ -1586,14 +1586,14 @@
   stroke: #fff;
 }
 .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
-  fill: #1b1a19;
-  stroke: #1b1a19;
+  fill: #fff;
+  stroke: #fff;
 }
 .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(27, 26, 25, 0.7);
+  stroke: rgba(255, 255, 255, 0.7);
 }
 .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
-  stroke: #1b1a19;
+  stroke: #fff;
 }
 .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
   fill: #0078d4;
@@ -1606,14 +1606,14 @@
   stroke: #0078d4;
 }
 .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
-  fill: #1b1a19;
-  stroke: #1b1a19;
+  fill: #fff;
+  stroke: #fff;
 }
 .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(27, 26, 25, 0.7);
+  stroke: rgba(255, 255, 255, 0.7);
 }
 .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
-  stroke: #1b1a19;
+  stroke: #fff;
 }
 .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
   fill: #0b6a0b;
@@ -1626,14 +1626,14 @@
   stroke: #0b6a0b;
 }
 .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
-  fill: #1b1a19;
-  stroke: #1b1a19;
+  fill: #fff;
+  stroke: #fff;
 }
 .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(27, 26, 25, 0.7);
+  stroke: rgba(255, 255, 255, 0.7);
 }
 .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
-  stroke: #1b1a19;
+  stroke: #fff;
 }
 .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
   fill: #038387;
@@ -1646,14 +1646,14 @@
   stroke: #038387;
 }
 .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
-  fill: #1b1a19;
-  stroke: #1b1a19;
+  fill: #fff;
+  stroke: #fff;
 }
 .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(27, 26, 25, 0.7);
+  stroke: rgba(255, 255, 255, 0.7);
 }
 .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
-  stroke: #1b1a19;
+  stroke: #fff;
 }
 .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
   fill: #ca5010;
@@ -1666,14 +1666,14 @@
   stroke: #ca5010;
 }
 .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
-  fill: #1b1a19;
-  stroke: #1b1a19;
+  fill: #fff;
+  stroke: #fff;
 }
 .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(27, 26, 25, 0.7);
+  stroke: rgba(255, 255, 255, 0.7);
 }
 .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
-  stroke: #1b1a19;
+  stroke: #fff;
 }
 .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
   fill: #d13438;
@@ -1762,19 +1762,19 @@
 }
 
 *.e-flat.e-primary .e-progress {
-  background-color: rgba(27, 26, 25, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-success .e-progress {
-  background-color: rgba(27, 26, 25, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-info .e-progress {
-  background-color: rgba(27, 26, 25, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-warning .e-progress {
-  background-color: rgba(27, 26, 25, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 *.e-flat.e-danger .e-progress {
-  background-color: rgba(27, 26, 25, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 
 *.e-outline:not(:focus).e-primary .e-progress {

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,26 @@
+//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,26 @@
+//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;