@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35

package/styles/button-group/fabric.css

@@ -1,11 +1,14 @@
 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   border-radius: 0;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
 }
 *.e-btn-group input + label.e-btn,
@@ -40,8 +43,9 @@
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
   border-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
+*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
@@ -50,11 +54,6 @@
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
   border-bottom-left-radius: 0;
@@ -88,8 +87,9 @@
 *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
   border-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:first-of-type,
-*.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
+*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
+*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
+*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
@@ -98,11 +98,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
-*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
 *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
   border-bottom-right-radius: 0;
@@ -130,8 +125,10 @@
 }
 *.e-btn-group.e-vertical,
 *.e-css.e-btn-group.e-vertical {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
@@ -238,135 +235,176 @@
 /* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:focus,
 .e-btn-group input:focus-visible + label.e-btn,
+.e-btn-group input:focus + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
-.e-css.e-btn-group input:focus-visible + label.e-btn {
+.e-css.e-btn-group input:focus-visible + label.e-btn,
+.e-css.e-btn-group input:focus + label.e-btn {
   background: #f4f4f4;
   border-color: #eaeaea;
   color: #333;
   outline: #767676 1px solid;
   outline-offset: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
   outline-color: #767676;
   outline-offset: -2px;
 }
 .e-btn-group .e-btn:focus.e-primary,
 .e-btn-group input:focus-visible + label.e-btn.e-primary,
+.e-btn-group input:focus + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
+.e-css.e-btn-group input:focus + label.e-btn.e-primary {
   background: #0078d6;
   border-color: #fff;
   color: #fff;
   outline: #767676 1px solid;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
-  outline-color: #fff;
   border-color: transparent;
+  outline-color: #fff;
 }
 .e-btn-group .e-btn:focus.e-success,
 .e-btn-group input:focus-visible + label.e-btn.e-success,
+.e-btn-group input:focus + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
+.e-css.e-btn-group input:focus + label.e-btn.e-success {
   background: #137c10;
   border-color: #fff;
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
-  outline-color: #fff;
   border-color: transparent;
+  outline-color: #fff;
 }
 .e-btn-group .e-btn:focus.e-info,
 .e-btn-group input:focus-visible + label.e-btn.e-info,
+.e-btn-group input:focus + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
+.e-css.e-btn-group input:focus + label.e-btn.e-info {
   background: #0378d5;
   border-color: #fff;
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
-  outline-color: #fff;
   border-color: transparent;
+  outline-color: #fff;
 }
 .e-btn-group .e-btn:focus.e-warning,
 .e-btn-group input:focus-visible + label.e-btn.e-warning,
+.e-btn-group input:focus + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
+.e-css.e-btn-group input:focus + label.e-btn.e-warning {
   background: #d83b01;
   border-color: #fff;
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
-  outline-color: #fff;
   border-color: transparent;
+  outline-color: #fff;
 }
 .e-btn-group .e-btn:focus.e-danger,
 .e-btn-group input:focus-visible + label.e-btn.e-danger,
+.e-btn-group input:focus + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
+.e-css.e-btn-group input:focus + label.e-btn.e-danger {
   background: #a80000;
   border-color: #fff;
   color: #fff;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
-  box-shadow: none;
-  outline-color: #fff;
   border-color: transparent;
+  outline-color: #fff;
 }
 .e-btn-group .e-btn:focus.e-link,
 .e-btn-group input:focus-visible + label.e-btn.e-link,
+.e-btn-group input:focus + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
+.e-css.e-btn-group input:focus + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
   color: #0a3576;
   background-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
 }
 .e-btn-group .e-btn:focus.e-outline,
 .e-btn-group input:focus-visible + label.e-btn.e-outline,
+.e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
-  box-shadow: none;
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
+.e-css.e-btn-group input:focus + label.e-btn.e-outline {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
+.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
+.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
+.e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
+.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
+.e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
+.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
+.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
+.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
+.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
-.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
+.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,
@@ -390,7 +428,8 @@
   border-color: #005ba3;
   color: #fff;
   outline: #eaeaea 0 solid;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-success,
 .e-btn-group input:active + label.e-btn.e-success,
@@ -401,7 +440,8 @@
   background: #004b1d;
   border-color: #004b1d;
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-info,
 .e-btn-group input:active + label.e-btn.e-info,
@@ -412,7 +452,8 @@
   background: #065fa6;
   color: #fff;
   border-color: #065fa6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-warning,
 .e-btn-group input:active + label.e-btn.e-warning,
@@ -423,7 +464,8 @@
   background: #a22c01;
   border-color: #a22c01;
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-danger,
 .e-btn-group input:active + label.e-btn.e-danger,
@@ -434,7 +476,8 @@
   background: #7c0101;
   border-color: #7c0101;
   color: #fff;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-outline,
 .e-btn-group input:active + label.e-btn.e-outline,
@@ -444,7 +487,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
   background: #c8c8c8;
   border-color: #c8c8c8;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #000;
 }
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -455,7 +499,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
   background: #005ba3;
   border-color: #0078d6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -466,7 +511,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
   background: #004b1d;
   border-color: #004b1d;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -477,7 +523,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
   background: #065fa6;
   border-color: #065fa6;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -488,7 +535,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
   background: #a22c01;
   border-color: #a22c01;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -499,7 +547,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
   background: #7c0101;
   border-color: #7c0101;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:disabled,
@@ -508,7 +557,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn {
   background-color: #f4f4f4;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #f4f4f4;
 }
@@ -518,7 +568,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
   background: #f4f4f4;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #0078d6;
 }
@@ -528,7 +579,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-success {
   background: #f4f4f4;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #137c10;
 }
@@ -538,7 +590,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-info {
   background: #f4f4f4;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #0378d5;
 }
@@ -548,7 +601,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
   background: #f4f4f4;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #d83b01;
 }
@@ -558,7 +612,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
   background: #f4f4f4;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #a80000;
 }
@@ -568,7 +623,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-link {
   color: #a6a6a6;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
   border-color: transparent;
 }
@@ -578,7 +634,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
   background: transparent;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #d0d0d0;
 }
@@ -588,7 +645,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: transparent;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #0078d6;
 }
@@ -598,7 +656,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
   background: transparent;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #137c10;
 }
@@ -608,7 +667,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
   background: transparent;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #0378d5;
 }
@@ -618,7 +678,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
   background: transparent;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #d83b01;
 }
@@ -628,7 +689,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
   background: transparent;
   border-color: #f4f4f4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a6a6a6;
   border-color: #a80000;
 }