@syncfusion/ej2-splitbuttons 20.2.45 → 20.3.52

package/styles/progress-button/highcontrast.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -488,11 +489,11 @@
 *.e-success .e-progress,
 *.e-danger .e-progress,
 *.e-info .e-progress {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 *.e-warning .e-progress {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 *.e-flat.e-primary .e-progress {

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

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/progress-button/material.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

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

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/progress-button/tailwind.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $split-btn-zindex: 2;
 $split-btn-border-radius: 4px;
 $split-btn-focus-border-color: $grey-8c;
@@ -22,4 +22,5 @@ $split-btn-active-left-border-color: $grey-ad;
 $split-btn-sec-btn-margin-left: -1px;
 $split-btn-icon-btn-padding: 10px;
 $split-btn-icon-btn-padding-bigger: 12px;
+
 //enddefault

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $split-btn-zindex: 2;
 $split-btn-border-radius: 4px;
 $split-btn-focus-border-color: $gray-600;
@@ -22,4 +22,5 @@ $split-btn-active-left-border-color: $gray-600;
 $split-btn-sec-btn-margin-left: -1px;
 $split-btn-icon-btn-padding: 8px;
 $split-btn-icon-btn-padding-bigger: 12px;
+
 //enddefault

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

@@ -22,4 +22,3 @@ $split-btn-disabled-left-border-color: $secondary-border-color !default;
 $split-btn-hover-left-border-color: $secondary-border-color !default;
 $split-btn-focus-left-border-color: $secondary-border-color !default;
 $split-btn-active-left-border-color: $secondary-border-color !default;
-

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

@@ -22,4 +22,5 @@ $split-btn-active-left-border-color: transparent;
 $split-btn-sec-btn-margin-left: 0;
 $split-btn-icon-btn-padding: 8px;
 $split-btn-icon-btn-padding-bigger: 11px;
+
 //enddefault

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

@@ -22,4 +22,3 @@ $split-btn-disabled-left-border-color: $secondary-border-color !default;
 $split-btn-hover-left-border-color: $secondary-border-color !default;
 $split-btn-focus-left-border-color: $secondary-border-color !default;
 $split-btn-active-left-border-color: $secondary-border-color !default;
-

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

@@ -22,4 +22,3 @@ $split-btn-disabled-left-border-color: $secondary-border-color !default;
 $split-btn-hover-left-border-color: $secondary-border-color !default;
 $split-btn-focus-left-border-color: $secondary-border-color !default;
 $split-btn-active-left-border-color: $secondary-border-color !default;
-

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $split-btn-zindex: 2;
 $split-btn-border-radius: 0;
 $split-btn-focus-border-color: $border-fg;
@@ -22,5 +22,5 @@ $split-btn-active-left-border-color: $selection-bg;
 $split-btn-sec-btn-margin-left: -1px;
 $split-btn-icon-btn-padding: 8px;
 $split-btn-icon-btn-padding-bigger: 11px;
+
 //enddefault
- 

package/styles/split-button/_layout.scss

@@ -1,4 +1,5 @@
 @include export-module('split-button-layout') {
+
   /*! splitbutton layout */
   .e-split-btn-wrapper {
     display: inline-flex;
@@ -207,7 +208,7 @@
             padding-left: 0;
           }
         }
-    }
+      }
 
       .e-dropdown-btn {
         border-bottom-left-radius: $split-btn-border-radius;

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $split-btn-zindex: 0;
 $split-btn-border-radius: 2px;
 $split-btn-focus-border-color: transparent;
@@ -22,4 +22,5 @@ $split-btn-active-left-border-color: transparent;
 $split-btn-sec-btn-margin-left: 0;
 $split-btn-icon-btn-padding: 6px;
 $split-btn-icon-btn-padding-bigger: 9px;
+
 //enddefault

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

@@ -22,4 +22,3 @@ $split-btn-disabled-left-border-color: $secondary-border-color !default;
 $split-btn-hover-left-border-color: $secondary-border-color !default;
 $split-btn-focus-left-border-color: $secondary-border-color !default;
 $split-btn-active-left-border-color: $secondary-border-color !default;
-

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

@@ -22,4 +22,3 @@ $split-btn-disabled-left-border-color: $secondary-border-color !default;
 $split-btn-hover-left-border-color: $secondary-border-color !default;
 $split-btn-focus-left-border-color: $secondary-border-color !default;
 $split-btn-active-left-border-color: $secondary-border-color !default;
-

package/styles/split-button/_theme.scss

@@ -1,4 +1,5 @@
 @include export-module('split-button-theme') {
+
   /*! splitbutton theme */
   .e-split-btn-wrapper {
     .e-split-btn {
@@ -133,4 +134,3 @@
     }
   }
 }
-  

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

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;

package/styles/split-button/bootstrap5.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;

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

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;

package/styles/split-button/fluent.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;

package/styles/split-button/tailwind-dark.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;

package/styles/split-button/tailwind.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;

package/styles/tailwind-dark.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@@ -225,6 +226,25 @@
   border-bottom-color: #4b5563;
 }
 
+.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;
+}
+
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;
@@ -542,6 +562,7 @@
   border-left-color: #6b7280;
 }
 
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -786,6 +807,7 @@
   font-size: 22px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -1279,6 +1301,7 @@
   border-color: #f87171;
   outline-color: inherit;
 }
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/tailwind.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@@ -225,6 +226,25 @@
   border-bottom-color: #e5e7eb;
 }
 
+.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;
+}
+
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;
@@ -542,6 +562,7 @@
   border-left-color: #d1d5db;
 }
 
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -786,6 +807,7 @@
   font-size: 22px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -1279,6 +1301,7 @@
   border-color: #dc2626;
   outline-color: inherit;
 }
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);