@syncfusion/ej2-splitbuttons 25.2.4 → 26.1.35-750253

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,11 +235,13 @@
 /* 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,
@@ -255,7 +254,8 @@
   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;
@@ -270,10 +270,11 @@
   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,
@@ -284,10 +285,11 @@
   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,
@@ -298,10 +300,11 @@
   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,
@@ -312,10 +315,11 @@
   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,
@@ -326,10 +330,11 @@
   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,
@@ -342,7 +347,8 @@
   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,
@@ -351,7 +357,8 @@
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .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 {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
@@ -360,7 +367,8 @@
 .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,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: none;
+  -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,
@@ -368,7 +376,8 @@
 .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,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: none;
+  -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,
@@ -376,7 +385,8 @@
 .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,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: none;
+  -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,
@@ -384,7 +394,8 @@
 .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,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: none;
+  -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,
@@ -392,7 +403,8 @@
 .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,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,
@@ -416,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,
@@ -427,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,
@@ -438,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,
@@ -449,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,
@@ -460,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,
@@ -470,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,
@@ -481,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,
@@ -492,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,
@@ -503,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,
@@ -514,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,
@@ -525,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,
@@ -534,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;
 }
@@ -544,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;
 }
@@ -554,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;
 }
@@ -564,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;
 }
@@ -574,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;
 }
@@ -584,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;
 }
@@ -594,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;
 }
@@ -604,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;
 }
@@ -614,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;
 }
@@ -624,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;
 }
@@ -634,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;
 }
@@ -644,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;
 }
@@ -654,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;
 }