@syncfusion/ej2-splitbuttons 19.2.62 → 19.3.47

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

@@ -316,7 +316,7 @@
 .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 + label.e-btn.e-primary {
-  background-color: #c26182;
+  background-color: #0086c2;
   border-color: transparent;
   color: #000;
   outline: #616161 0 solid;
@@ -390,9 +390,6 @@
 .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 + label.e-btn.e-outline {
-  background-color: rgba(255, 255, 255, 0.24);
-  border-color: transparent;
-  color: #fff;
   box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
   box-shadow: none;
 }
@@ -401,9 +398,6 @@
 .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 + label.e-btn.e-outline.e-primary {
-  background-color: #c26182;
-  border-color: transparent;
-  color: #000;
   box-shadow: none;
 }
 
@@ -411,9 +405,6 @@
 .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 + label.e-btn.e-outline.e-success {
-  background-color: #77c27a;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -421,9 +412,6 @@
 .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 + label.e-btn.e-outline.e-info {
-  background-color: #17b0f5;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -431,9 +419,6 @@
 .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 + label.e-btn.e-outline.e-warning {
-  background-color: #ffa014;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -441,9 +426,6 @@
 .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 + label.e-btn.e-outline.e-danger {
-  background-color: #ff7260;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -459,7 +441,6 @@
   outline: #616161 0 solid;
   outline-offset: 0;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-primary,
@@ -468,12 +449,11 @@
 .e-css.e-btn-group .e-btn:active.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
-  background-color: #ad5774;
+  background-color: #0078ad;
   border-color: transparent;
   color: #000;
   outline: #616161 0 solid;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-success,
@@ -486,7 +466,6 @@
   border-color: transparent;
   color: #fff;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-info,
@@ -496,10 +475,9 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #54c5f8;
-  border-color: transparent;
   color: #fff;
+  border-color: transparent;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-warning,
@@ -512,7 +490,6 @@
   border-color: transparent;
   color: #fff;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-danger,
@@ -525,7 +502,6 @@
   border-color: transparent;
   color: #fff;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline,
@@ -538,7 +514,6 @@
   border-color: #616161;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -547,11 +522,10 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
-  background-color: #ad5774;
+  background-color: #0078ad;
   border-color: transparent;
   box-shadow: none;
   color: #000;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -564,7 +538,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -577,7 +550,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -590,7 +562,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -603,7 +574,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:disabled,
@@ -702,7 +672,7 @@
   border-color: rgba(97, 97, 97, 0.3);
   box-shadow: none;
   color: rgba(255, 255, 255, 0.3);
-  border-color: #ff80ab;
+  border-color: #00b0ff;
 }
 
 .e-btn-group .e-btn:disabled.e-outline.e-success,

package/styles/button-group/material.css

@@ -395,9 +395,6 @@
 .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 + label.e-btn.e-outline {
-  background-color: rgba(0, 0, 0, 0.24);
-  border-color: transparent;
-  color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   box-shadow: none;
 }
@@ -406,9 +403,6 @@
 .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 + label.e-btn.e-outline.e-primary {
-  background-color: #ea4e82;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -416,9 +410,6 @@
 .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 + label.e-btn.e-outline.e-success {
-  background-color: #78a253;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -426,9 +417,6 @@
 .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 + label.e-btn.e-outline.e-info {
-  background-color: #2188da;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -436,9 +424,6 @@
 .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 + label.e-btn.e-outline.e-warning {
-  background-color: #c86b1f;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -446,9 +431,6 @@
 .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 + label.e-btn.e-outline.e-danger {
-  background-color: #db582f;
-  border-color: transparent;
-  color: #fff;
   box-shadow: none;
 }
 
@@ -464,7 +446,6 @@
   outline: #fafafa 0 solid;
   outline-offset: 0;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-primary,
@@ -478,7 +459,6 @@
   color: #fff;
   outline: #fafafa 0 solid;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-success,
@@ -491,7 +471,6 @@
   border-color: transparent;
   color: #fff;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-info,
@@ -501,10 +480,9 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #54a3e2;
-  border-color: transparent;
   color: #fff;
+  border-color: transparent;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-warning,
@@ -517,7 +495,6 @@
   border-color: transparent;
   color: #fff;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-danger,
@@ -530,7 +507,6 @@
   border-color: transparent;
   color: #fff;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline,
@@ -543,7 +519,6 @@
   border-color: #adadad;
   box-shadow: none;
   color: rgba(0, 0, 0, 0.87);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -556,7 +531,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -569,7 +543,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -582,7 +555,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -595,7 +567,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -608,7 +579,6 @@
   border-color: transparent;
   box-shadow: none;
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:disabled,

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

@@ -381,9 +381,6 @@
 .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 + label.e-btn.e-outline {
-  background-color: #374151;
-  border-color: #6b7280;
-  color: #fff;
   box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   box-shadow: none;
 }
@@ -392,9 +389,6 @@
 .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 + label.e-btn.e-outline.e-primary {
-  background-color: #22d3ee;
-  border-color: #22d3ee;
-  color: #fff;
   box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   box-shadow: none;
 }
@@ -403,9 +397,6 @@
 .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 + label.e-btn.e-outline.e-success {
-  background-color: #16a34a;
-  border-color: #22c55e;
-  color: #000;
   box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   box-shadow: none;
 }
@@ -414,9 +405,6 @@
 .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 + label.e-btn.e-outline.e-info {
-  background-color: #0284c7;
-  border-color: #0ea5e9;
-  color: #000;
   box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   box-shadow: none;
 }
@@ -425,9 +413,6 @@
 .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 + label.e-btn.e-outline.e-warning {
-  background-color: #c2410c;
-  border-color: #ea580c;
-  color: #000;
   box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   box-shadow: none;
 }
@@ -436,9 +421,6 @@
 .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 + label.e-btn.e-outline.e-danger {
-  background-color: #ef4444;
-  border-color: #f87171;
-  color: #000;
   box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
   box-shadow: none;
 }
@@ -455,7 +437,6 @@
   outline: #1f2937 0 solid;
   outline-offset: 0;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-primary,
@@ -469,7 +450,6 @@
   color: #000;
   outline: #1f2937 0 solid;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-success,
@@ -482,7 +462,6 @@
   border-color: #4ade80;
   color: #000;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-info,
@@ -492,10 +471,9 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #38bdf8;
-  border-color: #38bdf8;
   color: #000;
+  border-color: #38bdf8;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-warning,
@@ -508,7 +486,6 @@
   border-color: #f97316;
   color: #000;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-danger,
@@ -521,7 +498,6 @@
   border-color: #dc2626;
   color: #fff;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline,
@@ -534,7 +510,6 @@
   border-color: #6b7280;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -547,7 +522,6 @@
   border-color: #22d3ee;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -560,7 +534,6 @@
   border-color: #4ade80;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -573,7 +546,6 @@
   border-color: #38bdf8;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -586,7 +558,6 @@
   border-color: #f97316;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #000;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -599,7 +570,6 @@
   border-color: #dc2626;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:disabled,

package/styles/button-group/tailwind.css

@@ -381,9 +381,6 @@
 .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 + label.e-btn.e-outline {
-  background-color: #f3f4f6;
-  border-color: #d1d5db;
-  color: #374151;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   box-shadow: none;
 }
@@ -392,9 +389,6 @@
 .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 + label.e-btn.e-outline.e-primary {
-  background-color: #4f46e5;
-  border-color: #4f46e5;
-  color: #fff;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   box-shadow: none;
 }
@@ -403,9 +397,6 @@
 .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 + label.e-btn.e-outline.e-success {
-  background-color: #166534;
-  border-color: #15803d;
-  color: #fff;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   box-shadow: none;
 }
@@ -414,9 +405,6 @@
 .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 + label.e-btn.e-outline.e-info {
-  background-color: #155e75;
-  border-color: #0e7490;
-  color: #fff;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   box-shadow: none;
 }
@@ -425,9 +413,6 @@
 .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 + label.e-btn.e-outline.e-warning {
-  background-color: #9a3412;
-  border-color: #c2410c;
-  color: #fff;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   box-shadow: none;
 }
@@ -436,9 +421,6 @@
 .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 + label.e-btn.e-outline.e-danger {
-  background-color: #b91c1c;
-  border-color: #dc2626;
-  color: #fff;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
   box-shadow: none;
 }
@@ -455,7 +437,6 @@
   outline: #fff 0 solid;
   outline-offset: 0;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-primary,
@@ -469,7 +450,6 @@
   color: #fff;
   outline: #fff 0 solid;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-success,
@@ -482,7 +462,6 @@
   border-color: #14532d;
   color: #fff;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-info,
@@ -492,10 +471,9 @@
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
   background-color: #164e63;
-  border-color: #164e63;
   color: #fff;
+  border-color: #164e63;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-warning,
@@ -508,7 +486,6 @@
   border-color: #7c2d12;
   color: #fff;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-danger,
@@ -521,7 +498,6 @@
   border-color: #991b1b;
   color: #fff;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline,
@@ -534,7 +510,6 @@
   border-color: #d1d5db;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #374151;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -547,7 +522,6 @@
   border-color: #4f46e5;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -560,7 +534,6 @@
   border-color: #14532d;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -573,7 +546,6 @@
   border-color: #164e63;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -586,7 +558,6 @@
   border-color: #7c2d12;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -599,7 +570,6 @@
   border-color: #991b1b;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #fff;
-  box-shadow: none;
 }
 
 .e-btn-group .e-btn:disabled,

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

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

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

@@ -0,0 +1,51 @@
+//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;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 36px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: 14px !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: 18px !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: 6px 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: 10px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 12px !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: $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;
+