@syncfusion/ej2-splitbuttons 20.2.45 → 20.3.52

package/styles/material-dark.css

@@ -213,6 +213,24 @@
   border-bottom-color: rgba(255, 255, 255, 0.12);
 }
 
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.e-dropdown-btn.e-btn.e-inherit:focus,
+.e-dropdown-btn.e-btn.e-inherit:active,
+.e-dropdown-btn.e-btn.e-inherit.e-active {
+  background-color: rgba(0, 0, 0, 0.056);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;
@@ -523,6 +541,7 @@
   border-left-color: transparent;
 }
 
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -759,6 +778,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
@@ -1274,6 +1294,7 @@
   border-right: transparent;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/material.css

@@ -213,6 +213,24 @@
   border-bottom-color: rgba(0, 0, 0, 0.12);
 }
 
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.e-dropdown-btn.e-btn.e-inherit:focus,
+.e-dropdown-btn.e-btn.e-inherit:active,
+.e-dropdown-btn.e-btn.e-inherit.e-active {
+  background-color: rgba(0, 0, 0, 0.056);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;
@@ -520,6 +538,7 @@
   border-left-color: transparent;
 }
 
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -756,6 +775,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -1275,6 +1295,7 @@
   border-right: transparent;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

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

@@ -17,10 +17,11 @@ $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: rgba($brand-primary-font, 1) !default;
-$progress-btn-flat-success-progress-color: rgba($brand-primary-font, 1) !default;
-$progress-btn-flat-info-progress-color: rgba($brand-primary-font, 1) !default;
-$progress-btn-flat-warning-progress-color: rgba($brand-primary-font, 1) !default;
-$progress-btn-flat-danger-progress-color: rgba($brand-primary-font, 1) !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/_bootstrap4-definition.scss

@@ -1,5 +1,5 @@
 $progress-btn-color: $white !default;
-$progress-btn-bgcolor: rgba($gray-700, .2) !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;

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

@@ -23,4 +23,5 @@ $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/_highcontrast-definition.scss

@@ -1,5 +1,5 @@
 $progress-btn-color: $content-font !default;
-$progress-btn-bgcolor: rgba($content-font, .2) !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;

package/styles/progress-button/_layout.scss

@@ -1,4 +1,5 @@
 @include export-module('progress-button-layout') {
+
   /*! Progress Button Layout */
   .e-progress-btn {
     position: relative;
@@ -70,15 +71,15 @@
         .e-spinner {
           display: block;
           line-height: 1;
-       }
-    }
+        }
+      }
 
       &.e-spin-center {
         .e-spinner {
           display: flex;
           justify-content: center;
-         }
-     }
+        }
+      }
 
       &.e-spin-left:not(.e-round) {
         .e-spinner {
@@ -87,7 +88,7 @@
           .e-spinner-inner {
             top: -1px;
           }
-         }
+        }
 
         &.e-rtl {
           .e-spinner {
@@ -110,9 +111,9 @@
           .e-spinner {
             padding-left: 0;
             padding-right: $progress-btn-spinner-padding;
-            }
           }
-    }
+        }
+      }
 
       &.e-spin-top {
         padding-bottom: $progress-btn-spin-btn-padding;
@@ -120,7 +121,7 @@
 
         .e-spinner {
           padding-bottom: $progress-btn-spinner-padding;
-          }
+        }
       }
 
       &.e-spin-bottom {
@@ -142,9 +143,9 @@
             .e-spinner {
               padding-left: $progress-btn-spinner-padding-small;
               padding-right: 0;
-              }
             }
-      }
+          }
+        }
 
         &.e-spin-right:not(.e-round) {
           .e-spinner {
@@ -155,9 +156,9 @@
             .e-spinner {
               padding-left: 0;
               padding-right: $progress-btn-spinner-padding-small;
-              }
             }
-      }
+          }
+        }
 
         &.e-spin-top {
           padding-bottom: $progress-btn-small-spin-btn-padding;
@@ -165,7 +166,7 @@
 
           .e-spinner {
             padding-bottom: $progress-btn-spinner-padding-small;
-         }
+          }
         }
 
         &.e-spin-bottom {
@@ -174,10 +175,10 @@
 
           .e-spinner {
             padding-top: $progress-btn-spinner-padding-small;
-         }
+          }
+        }
       }
     }
-  }
 
     &.e-round-corner {
       border-radius: 5em;
@@ -189,14 +190,14 @@
       .e-progress {
         left: auto;
         right: 0;
-       }
+      }
 
       &.e-vertical {
         .e-progress {
           bottom: auto;
           top: 0;
-         }
-       }
+        }
+      }
     }
 
     .e-spinner-pane {
@@ -252,51 +253,51 @@
         height: auto;
         opacity: 1;
         top: 0;
-        }
+      }
 
       to {
         height: auto;
         opacity: 0;
         top: -100px;
-        }
       }
+    }
 
     @keyframes ProgressSlideDown {
       from {
         height: auto;
         opacity: 1;
         top: 0;
-        }
+      }
 
       to {
         height: auto;
         opacity: 0;
         top: 100px;
-        }
       }
+    }
 
     @keyframes ProgressZoomIn {
       from {
         opacity: 1;
-        transform: translate(0, 0)scale(1);
-        }
+        transform: translate(0, 0) scale(1);
+      }
 
       to {
         opacity: 0;
-        transform: translate(0, 0)scale(3);
-        }
+        transform: translate(0, 0) scale(3);
       }
+    }
 
     @keyframes ProgressZoomOut {
       from {
-        transform: translate(0, 0)scale(1);
+        transform: translate(0, 0) scale(1);
       }
 
       to {
-        transform: translate(0, 0)scale(0);
-        }
+        transform: translate(0, 0) scale(0);
       }
-}
+    }
+  }
 
   #{if(&, '&', '*')}.e-bigger .e-progress-btn,
   #{if(&, '&', '*')}.e-bigger.e-progress-btn {
@@ -304,7 +305,7 @@
       &.e-spin-left:not(.e-round) {
         .e-spinner {
           padding-right: $progress-btn-spinner-padding-bigger;
-       }
+        }
 
         &.e-rtl {
           .e-spinner {
@@ -312,12 +313,12 @@
             padding-right: 0;
           }
         }
-     }
+      }
 
       &.e-spin-right:not(.e-round) {
         .e-spinner {
           padding-left: $progress-btn-spinner-padding-bigger;
-       }
+        }
 
         &.e-rtl {
           .e-spinner {
@@ -325,7 +326,7 @@
             padding-right: $progress-btn-spinner-padding-bigger;
           }
         }
-     }
+      }
 
       &.e-spin-top {
         padding-bottom: $progress-btn-bigger-spin-btn-padding;
@@ -333,8 +334,8 @@
 
         .e-spinner {
           padding-bottom: $progress-btn-spinner-padding-bigger;
+        }
       }
-    }
 
       &.e-spin-bottom {
         padding-bottom: $progress-btn-bigger-spin-btn-padding;
@@ -342,14 +343,14 @@
 
         .e-spinner {
           padding-top: $progress-btn-spinner-padding-bigger;
+        }
       }
-    }
 
       &.e-small {
         &.e-spin-left:not(.e-round) {
           .e-spinner {
             padding-right: $progress-btn-spinner-padding-bigger-small;
-        }
+          }
 
           &.e-rtl {
             .e-spinner {
@@ -357,7 +358,7 @@
               padding-right: 0;
             }
           }
-      }
+        }
 
         &.e-spin-right:not(.e-round) {
           .e-spinner {
@@ -370,7 +371,7 @@
               padding-right: $progress-btn-spinner-padding-bigger-small;
             }
           }
-      }
+        }
 
         &.e-spin-top {
           padding-bottom: $progress-btn-bigger-small-spin-btn-padding;
@@ -378,8 +379,8 @@
 
           .e-spinner {
             padding-bottom: $progress-btn-spinner-padding-bigger-small;
-         }
-       }
+          }
+        }
 
         &.e-spin-bottom {
           padding-bottom: $progress-btn-bigger-small-spin-btn-padding;
@@ -387,9 +388,9 @@
 
           .e-spinner {
             padding-top: $progress-btn-spinner-padding-bigger-small;
+          }
         }
       }
     }
-   }
   }
 }

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

@@ -23,4 +23,5 @@ $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/_theme.scss

@@ -1,4 +1,5 @@
 @include export-module('progress-button-theme') {
+
   /*! Progress Button Theme */
   .e-progress-btn {
     .e-spinner-pane .e-spinner-inner svg {
@@ -63,8 +64,8 @@
               stroke: $btn-flat-primary-color;
             }
           }
-         }
-       }
+        }
+      }
     }
 
     #{if(&, '&', '*')}.e-success,
@@ -78,7 +79,7 @@
 
         .e-path-circle {
           stroke: fade-out($btn-success-color, $progress-btn-circle-opacity);
-          }
+        }
 
         .e-path-arc {
           stroke: $btn-success-color;
@@ -97,7 +98,7 @@
             @else {
               stroke: fade-out($btn-flat-success-color, $progress-btn-circle-opacity);
             }
-           }
+          }
 
           .e-path-arc {
             @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
@@ -171,7 +172,7 @@
         .e-path-arc {
           stroke: $btn-warning-color;
         }
-       }
+      }
 
       &.e-flat {
         .e-spinner-pane .e-spinner-inner svg {
@@ -196,7 +197,7 @@
             }
           }
         }
-       }
+      }
     }
 
     &.e-danger,
@@ -215,7 +216,7 @@
         .e-path-arc {
           stroke: $btn-danger-color;
         }
-       }
+      }
 
       &.e-flat {
         .e-spinner-pane .e-spinner-inner svg {
@@ -240,7 +241,7 @@
             }
           }
         }
-       }
+      }
     }
 
     &.e-outline,
@@ -333,7 +334,7 @@
         .e-path-arc {
           stroke: $btn-link-color;
         }
-       }
+      }
     }
   }
 
@@ -347,13 +348,13 @@
   #{if(&, '&', '*')}.e-info {
     .e-progress {
       background-color: $progress-btn-bgcolor;
-      }
+    }
   }
 
   #{if(&, '&', '*')}.e-warning {
     .e-progress {
       background-color: $progress-btn-warning-progress-color;
-      }
+    }
   }
 
   #{if(&, '&', '*')}.e-flat {
@@ -372,20 +373,20 @@
     &.e-info {
       .e-progress {
         background-color: fade-out($progress-btn-flat-info-progress-color, .8);
-        }
       }
+    }
 
     &.e-warning {
       .e-progress {
         background-color: fade-out($progress-btn-flat-warning-progress-color, .8);
-        }
       }
+    }
 
     &.e-danger {
       .e-progress {
         background-color: fade-out($progress-btn-flat-danger-progress-color, .8);
-        }
       }
+    }
   }
 
   #{if(&, '&', '*')}.e-outline:not(:focus) {
@@ -398,26 +399,26 @@
     &.e-success {
       .e-progress {
         background-color: fade-out($btn-success-bgcolor, .8);
-        }
       }
+    }
 
     &.e-info {
       .e-progress {
         background-color: fade-out($btn-info-bgcolor, .8);
-        }
       }
+    }
 
     &.e-warning {
       .e-progress {
         background-color: fade-out($btn-warning-bgcolor, .8);
-        }
       }
+    }
 
     &.e-danger {
       .e-progress {
         background-color: fade-out($btn-danger-bgcolor, .8);
-        }
       }
+    }
   }
 
   #{if(&, '&', '*')}.e-flat:not(:focus) {
@@ -431,26 +432,26 @@
       &.e-success {
         .e-progress {
           background-color: fade-out($btn-success-bgcolor, .8);
-          }
         }
+      }
 
       &.e-info {
         .e-progress {
           background-color: fade-out($btn-info-bgcolor, .8);
-          }
         }
+      }
 
       &.e-warning {
         .e-progress {
           background-color: fade-out($btn-warning-bgcolor, .8);
-          }
         }
+      }
 
       &.e-danger {
         .e-progress {
           background-color: fade-out($btn-danger-bgcolor, .8);
-          }
         }
+      }
     }
   }
 }

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

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -496,19 +497,19 @@
 }
 
 *.e-flat.e-primary .e-progress {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(255, 64, 129, 0.2);
 }
 *.e-flat.e-success .e-progress {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(77, 132, 29, 0.2);
 }
 *.e-flat.e-info .e-progress {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(3, 120, 213, 0.2);
 }
 *.e-flat.e-warning .e-progress {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(193, 87, 0, 0.2);
 }
 *.e-flat.e-danger .e-progress {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(214, 65, 19, 0.2);
 }
 
 *.e-outline:not(:focus).e-primary .e-progress {

package/styles/progress-button/bootstrap.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/progress-button/bootstrap4.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -489,7 +490,7 @@
 *.e-success .e-progress,
 *.e-danger .e-progress,
 *.e-info .e-progress {
-  background-color: rgba(73, 80, 87, 0.2);
+  background-color: rgba(255, 255, 255, 0.25);
 }
 
 *.e-warning .e-progress {

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

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/progress-button/bootstrap5.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

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

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/progress-button/fabric.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

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

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/progress-button/fluent.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

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

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);