@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35

package/styles/button-group/tailwind.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:focus + label.e-btn,
@@ -48,8 +51,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;
 }
@@ -58,11 +62,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;
@@ -96,8 +95,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;
 }
@@ -106,11 +106,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;
@@ -138,8 +133,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 {
@@ -246,123 +243,163 @@
 /* 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);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .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: #f3f4f6;
   border-color: #d1d5db;
   color: #374151;
   outline: #fff 0 solid;
   outline-offset: 0;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   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: #4338ca;
   border-color: #4f46e5;
   color: #fff;
   outline: #fff 0 solid;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   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: #166534;
   border-color: #15803d;
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   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: #155e75;
   border-color: #0e7490;
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   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: #9a3412;
   border-color: #c2410c;
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   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: #b91c1c;
   border-color: #dc2626;
   color: #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   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: #3730a3;
   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 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
-  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 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+.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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+.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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+.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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+.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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+.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: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,
@@ -386,7 +423,8 @@
   border-color: #3730a3;
   color: #fff;
   outline: #fff 0 solid;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:active.e-success,
 .e-btn-group input:active + label.e-btn.e-success,
@@ -397,7 +435,8 @@
   background: #14532d;
   border-color: #14532d;
   color: #fff;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:active.e-info,
 .e-btn-group input:active + label.e-btn.e-info,
@@ -408,7 +447,8 @@
   background: #164e63;
   color: #fff;
   border-color: #164e63;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:active.e-warning,
 .e-btn-group input:active + label.e-btn.e-warning,
@@ -419,7 +459,8 @@
   background: #7c2d12;
   border-color: #7c2d12;
   color: #fff;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:active.e-danger,
 .e-btn-group input:active + label.e-btn.e-danger,
@@ -430,7 +471,8 @@
   background: #991b1b;
   border-color: #991b1b;
   color: #fff;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:active.e-outline,
 .e-btn-group input:active + label.e-btn.e-outline,
@@ -440,7 +482,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
   background: #e5e7eb;
   border-color: #d1d5db;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #374151;
 }
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -451,7 +494,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
   background: #3730a3;
   border-color: #4f46e5;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -462,7 +506,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
   background: #14532d;
   border-color: #14532d;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -473,7 +518,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
   background: #164e63;
   border-color: #164e63;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -484,7 +530,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
   background: #7c2d12;
   border-color: #7c2d12;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -495,7 +542,8 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
   background: #991b1b;
   border-color: #991b1b;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
 }
 .e-btn-group .e-btn:disabled,
@@ -504,7 +552,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn {
   background-color: #fff;
   border-color: #e5e7eb;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #9ca3af;
   border-color: #d1d5db;
 }
@@ -514,7 +563,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
   background: #a5b4fc;
   border-color: #a5b4fc;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
   border-color: #4f46e5;
 }
@@ -524,7 +574,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-success {
   background: #86efac;
   border-color: #86efac;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
   border-color: #15803d;
 }
@@ -534,7 +585,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-info {
   background: #67e8f9;
   border-color: #67e8f9;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
   border-color: #0e7490;
 }
@@ -544,7 +596,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
   background: #fdba74;
   border-color: #fdba74;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
   border-color: #c2410c;
 }
@@ -554,7 +607,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
   background: #fca5a5;
   border-color: #fca5a5;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
   border-color: #dc2626;
 }
@@ -564,7 +618,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-link {
   color: #9ca3af;
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   text-decoration: none;
   border-color: transparent;
 }
@@ -583,7 +638,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: transparent;
   border-color: rgba(79, 70, 229, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(79, 70, 229, 0.65);
   border-color: #4f46e5;
 }
@@ -593,7 +649,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
   background: transparent;
   border-color: rgba(21, 128, 61, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(21, 128, 61, 0.65);
   border-color: #15803d;
 }
@@ -603,7 +660,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
   background: transparent;
   border-color: rgba(14, 116, 144, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(14, 116, 144, 0.65);
   border-color: #0e7490;
 }
@@ -613,7 +671,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
   background: transparent;
   border-color: rgba(194, 65, 12, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(194, 65, 12, 0.65);
   border-color: #c2410c;
 }
@@ -623,7 +682,8 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
   background: transparent;
   border-color: rgba(220, 38, 38, 0.65);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(220, 38, 38, 0.65);
   border-color: #dc2626;
 }

package/styles/drop-down-button/_bds-definition.scss

@@ -2,7 +2,7 @@
 $drop-down-btn-arrow-content: '\e706' !default;
 $drop-down-btn-vertical-btn-padding: 6px 12px !default;
 $drop-down-btn-vertical-bigger-padding: 8px 16px !default;
-$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-font-size: $text-sm !default;
 $drop-down-btn-bigger-li-height: 40px !default;
 $drop-down-btn-bigger-max-width: 240px !default;
 $drop-down-btn-bigger-min-width: 112px !default;
@@ -27,7 +27,7 @@ $drop-down-btn-ul-small-padding: 4px 0 !default;
 $drop-down-btn-caret-icon-font-size: $text-lg !default;
 $drop-down-btn-icon-font-size-bigger: $text-base !default;
 $drop-down-btn-caret-icon-font-size-bigger: 22px !default;
-$drop-down-btn-box-shadow: $shadow-focus-ring2 !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
 $drop-down-btn-popup-margin-top: 4px !default;
 $drop-down-btn-bigger-popup-margin-top: 4px !default;
 $drop-down-btn-ul-border: 1px solid $border-light !default;
@@ -40,11 +40,11 @@ $drop-down-btn-font-weight: $font-weight-medium !default;
 $drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
 $drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
 $drop-down-btn-li-border-color: $border-light !default;
-$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-selected-color: $content-text-color !default;
 $drop-down-btn-parent-ul-box-shadow: $shadow-lg !default;
 $drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
-$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
-$drop-down-btn-li-selection-font-color: $content-text-color-selected !default;
+$drop-down-btn-li-selection-bgcolor: $flyout-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color !default;
 $drop-down-btn-menu-icon-color: $secondary-text-color !default;
 $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
 

package/styles/drop-down-button/_bootstrap-dark-definition.scss

@@ -1,4 +1,3 @@
-//default
 $drop-down-btn-arrow-content: '\e969' !default;
 $drop-down-btn-vertical-btn-padding: 6px 12px !default;
 $drop-down-btn-vertical-bigger-padding: 8px 16px !default;
@@ -47,5 +46,3 @@ $drop-down-btn-caret-icon-font-size-bigger: 10px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-
-//enddefault

package/styles/drop-down-button/_bootstrap5-definition.scss

@@ -1,4 +1,3 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e70d' !default;
 $drop-down-btn-vertical-btn-padding: 6px 12px !default;
 $drop-down-btn-vertical-bigger-padding: 8px 16px !default;

package/styles/drop-down-button/_bootstrap5.3-definition.scss

@@ -0,0 +1,49 @@
+$drop-down-btn-arrow-content: '\e70d' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 32px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-margin-right: 11px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 30px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
+$drop-down-btn-menu-icon-font-size: $text-lg !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: $text-xxs !default;
+$drop-down-btn-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-caret-icon-font-size-bigger: $text-xs !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
+$drop-down-btn-popup-margin-top: 2px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $content-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: none !default;
+$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color !default;
+$drop-down-btn-menu-icon-color: $icon-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
+$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;

package/styles/drop-down-button/_fabric-dark-definition.scss

@@ -1,4 +1,3 @@
-//default
 $drop-down-btn-arrow-content: '\e36a' !default;
 $drop-down-btn-vertical-btn-padding: 8px 20px !default;
 $drop-down-btn-vertical-bigger-padding: 10px 24px !default;
@@ -47,5 +46,3 @@ $drop-down-btn-icon-font-size-bigger: 16px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-
-//enddefault

package/styles/drop-down-button/_fluent-definition.scss

@@ -1,4 +1,3 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e70d' !default;
 $drop-down-btn-vertical-btn-padding: 6px 12px !default;
 $drop-down-btn-vertical-bigger-padding: 8px 16px !default;

package/styles/drop-down-button/_fluent2-definition.scss

@@ -0,0 +1,48 @@
+$drop-down-btn-arrow-content: '\e706' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: 16px !default;
+$drop-down-btn-bigger-li-height: 16px !default;
+$drop-down-btn-bigger-max-width: 240px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 32px !default;
+$drop-down-btn-li-padding: 6px !default;
+$drop-down-btn-bigger-li-padding: 8px 8px 10px 8px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 16px !default;
+$drop-down-btn-menu-icon-font-size: $text-base !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 4px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-caret-icon-font-size-bigger: 16px !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
+$drop-down-btn-popup-margin-top: 4px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $secondary-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $flyout-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $flyout-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: $shadow-lg !default;
+$drop-down-btn-li-focus-bgcolor: $flyout-bg-color-focus !default;
+$drop-down-btn-li-selection-bgcolor: $flyout-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $flyout-text-color-selected !default;
+$drop-down-btn-menu-icon-color: $secondary-text-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;

package/styles/drop-down-button/_fusionnew-definition.scss

@@ -1,4 +1,3 @@
-//layout variables
 $drop-down-btn-arrow-content: '\e70d' !default;
 $drop-down-btn-vertical-btn-padding: 6px 12px !default;
 $drop-down-btn-vertical-bigger-padding: 8px 16px !default;

package/styles/drop-down-button/_highcontrast-light-definition.scss

@@ -1,4 +1,3 @@
-//default
 $drop-down-btn-arrow-content: '\e966' !default;
 $drop-down-btn-vertical-btn-padding: 8px 20px !default;
 $drop-down-btn-vertical-bigger-padding: 10px 24px !default;
@@ -46,5 +45,3 @@ $drop-down-btn-caret-icon-font-size-bigger: 10px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-
-//enddefault