@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35

package/styles/button-group/fluent.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: 4px;
-  -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,129 +235,177 @@
 /* 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: #f3f2f1;
   border-color: #8a8886;
   color: #323130;
   outline: 1px solid;
   outline-offset: -3px;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
 }
 .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: #006cbf;
   border-color: #0078d4;
   color: #fff;
   outline: 1px solid;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
 }
 .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: #0a5f0a;
   border-color: #0b6a0b;
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
 }
 .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: #03767a;
   border-color: #038387;
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
 }
 .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: #cf6228;
   border-color: #ca5010;
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
 }
 .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: #bc2f32;
   border-color: #d13438;
   color: #fff;
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
-  box-shadow: none;
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline-color: inherit;
 }
 .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: #0060aa;
   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: 0 0 rgba(0, 0, 0, 0);
-  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: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-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,
@@ -371,7 +416,8 @@
   background: #edebe9;
   border-color: #8a8886;
   color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,
@@ -382,7 +428,8 @@
   background: #0060aa;
   border-color: #0060aa;
   color: #fff;
-  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,
@@ -393,7 +440,8 @@
   background: #095509;
   border-color: #095509;
   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,
@@ -404,7 +452,8 @@
   background: #359c9f;
   color: #fff;
   border-color: #359c9f;
-  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,
@@ -415,7 +464,8 @@
   background: #d57340;
   border-color: #d57340;
   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,
@@ -426,7 +476,8 @@
   background: #a72a2d;
   border-color: #a72a2d;
   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,
@@ -436,7 +487,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
   background: #edebe9;
   border-color: #8a8886;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #323130;
 }
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -447,7 +499,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
   background: #0060aa;
   border-color: #0078d4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -458,7 +511,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
   background: #095509;
   border-color: #095509;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -469,7 +523,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
   background: #359c9f;
   border-color: #359c9f;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -480,7 +535,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
   background: #d57340;
   border-color: #d57340;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -491,7 +547,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
   background: #a72a2d;
   border-color: #a72a2d;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
 }
 .e-btn-group .e-btn:disabled,
@@ -500,7 +557,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn {
   background-color: #f3f2f1;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border-color: #8a8886;
 }
@@ -510,7 +568,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
   background: #f3f2f1;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   outline: none;
   border-color: #0078d4;
@@ -521,7 +580,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-success {
   background: #f3f2f1;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   outline: none;
   border-color: #0b6a0b;
@@ -532,7 +592,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-info {
   background: #f3f2f1;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   outline: none;
   border-color: #038387;
@@ -543,7 +604,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
   background: #f3f2f1;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   outline: none;
   border-color: #ca5010;
@@ -554,7 +616,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
   background: #f3f2f1;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   outline: none;
   border-color: #d13438;
@@ -565,7 +628,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-link {
   color: #a19f9d;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
   outline: none;
   border-color: transparent;
@@ -576,7 +640,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
   background: transparent;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border-color: #8a8886;
 }
@@ -586,7 +651,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: transparent;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border-color: #0078d4;
 }
@@ -596,7 +662,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
   background: transparent;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border-color: #0b6a0b;
 }
@@ -606,7 +673,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
   background: transparent;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border-color: #038387;
 }
@@ -616,7 +684,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
   background: transparent;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border-color: #ca5010;
 }
@@ -626,7 +695,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
   background: transparent;
   border-color: #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border-color: #d13438;
 }