@syncfusion/ej2-react-splitbuttons 20.3.56 → 20.4.40

package/CHANGELOG.md

@@ -2,21 +2,14 @@
 
 ## [Unreleased]
 
-## 20.3.52 (2022-10-26)
-
 ### DropDownButton
 
 #### Bug Fixes
 
-- `#I412776` - Select event is not triggered while using `closeActionEvents` in DropDownButton has been resolved.
-
-## 20.3.47 (2022-09-29)
-
-### DropDownButton
-
-#### New Features
+- `#F31632` - Accessibility issue in DropDownButton has been resolved.
+- `#I422250` - Keyboard navigation not working properly when we set arguments cancel property as true in `beforeClose` event of DropDownButton has been resolved.
 
-- `#I375776` - Provided the focusout event support to the DropDownButton component.
+## 20.4.38 (2022-12-21)
 
 ### DropDownButton
 
@@ -164,10 +157,10 @@
 
 - Type changes done for the following property.
 
-Property Name | Old Type | New Type
------|-----|-----
-`animationSettings` | AnimationSettings | AnimationSettingsModel
-`spinSettings` | SpinSettings | SpinSettingsModel
+| Property Name | Old Type | New Type | 
+|---|---|---|
+| `animationSettings` | AnimationSettings | AnimationSettingsModel | 
+| `spinSettings` | SpinSettings | SpinSettingsModel | 
 
 ## 16.3.22 (2018-09-25)
 
@@ -183,14 +176,11 @@ Property Name | Old Type | New Type
 
 The progress button visualizes the progression of an operation to indicate the user that a process is happening in the background. The progress can be shown with graphics accompanied by a textual representation.
 
-- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button.
 
+- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button.
 - **Icons and Spinner** - Supports icon, spinner and its positioning.
-
 - **Animation** - Provided with predefined animation and progress indicator.
-
 - **Events** - Supports event triggering at specified interval.
-
 - **Accessibility** - Provided with built-in accessibility support that helps to access all the ProgressButton component features through the keyboard, screen readers, or other assistive technology devices.
 
 ## 16.2.48 (2018-08-14)
@@ -215,14 +205,11 @@ The progress button visualizes the progression of an operation to indicate the u
 
 ButtonGroup is a graphical user interface that groups series of buttons horizontally or vertically.
 
-- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of button.
 
+- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of button.
 - **Selection** - Supports single and multiple selection behaviors.
-
 - **Orientation** - Supports horizontal and vertical orientations.
-
 - **Nesting** - Supports nesting with drop-down and split button components.
-
 - **Accessibility** - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.
 
 ### SplitButton
@@ -245,22 +232,20 @@ ButtonGroup is a graphical user interface that groups series of buttons horizont
 
 DropDownButton component is used to toggle contextual overlays for displaying list of action items.
 
-- **Sizes** - Provided with different sizes of DropDownButton.
 
+- **Sizes** - Provided with different sizes of DropDownButton.
 - **Icons and Navigations** - Supports text and icon on the DropDownButton and Popup items. URL can be given to Popup items  that creates the anchor link to navigate to the URL provided.
-
 - **Separator** - Supports Popup items grouping by using the Separator.
-
 - **Accessibility** - Provided with built-in accessibility support that helps to access all the DropDownButton component features through the keyboard, screen readers, or other assistive technology devices.
 
 ### SplitButton
 
 SplitButton component has primary and secondary button. Primary button is used to select default action and secondary button is used to toggle contextual overlays for displaying list of action items.
 
-- **Sizes** - Provided with different sizes of SplitButton.
 
+- **Sizes** - Provided with different sizes of SplitButton.
 - **Icons and Navigations** - Supports text and icon on the SplitButton and Popup items. URL can be given to Popup items  that creates the anchor link to navigate to the URL provided.
-
 - **Separator** - Supports Popup items grouping by using the Separator.
+- **Accessibility** - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.
+
 
-- **Accessibility** - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.

package/dist/ej2-react-splitbuttons.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-splitbuttons.min.js
-*  version : 20.3.56
+*  version : 20.4.40
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-react-splitbuttons.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-splitbuttons.umd.min.js
-*  version : 20.3.56
+*  version : 20.4.40
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-splitbuttons@*",
-  "_id": "@syncfusion/ej2-react-splitbuttons@20.3.52",
+  "_id": "@syncfusion/ej2-react-splitbuttons@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-kWGjYrfLMReMKkCR6JDvnV5FQCvnYW9vMa4CTqfer+lcW7Y6MZidv4z1hlAtz9KSZIcY4kDVCrQDHuGGW93ASQ==",
+  "_integrity": "sha512-qM8xrYL7Cap375sLs5eERntrrFKhH2Rk3/GZ/tnrIWCTXJ8ALkHF3AS5XY4IuB+fpyNpf0WO6fqtTLouvVqy4Q==",
   "_location": "/@syncfusion/ej2-react-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-splitbuttons/-/ej2-react-splitbuttons-20.3.52.tgz",
-  "_shasum": "954387a58c2e3074c8d8fd697a69e9362e47a6bf",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-splitbuttons/-/ej2-react-splitbuttons-20.4.38.tgz",
+  "_shasum": "3f65d211d242160d4ea18e133a8f0f59739b4e1e",
   "_spec": "@syncfusion/ej2-react-splitbuttons@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -31,39 +31,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-react-base": "~20.3.56",
-    "@syncfusion/ej2-splitbuttons": "20.3.56"
+    "@syncfusion/ej2-base": "~20.4.40",
+    "@syncfusion/ej2-react-base": "~20.4.40",
+    "@syncfusion/ej2-splitbuttons": "20.4.40"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React",
   "devDependencies": {},
   "es2015": "dist/es6/ej2-react-splitbuttons.es2015.js",
-  "homepage": "https://github.com/syncfusion/ej2-react-ui-components#readme",
+  "homepage": "https://www.syncfusion.com/react-components",
   "keywords": [
-    "ej2",
-    "ej2-splitbuttons",
-    "syncfusion",
-    "ej2 splitbutton",
-    "ej2 dropdownbutton",
-    "ej2 buttongroup",
-    "ej2 progress button",
-    "split button",
-    "splitbutton",
-    "dropdown",
-    "dropdown button",
-    "drop-down button",
-    "dropdownbutton",
-    "dropdown popup",
-    "button group",
-    "buttongroup",
-    "group button",
-    "progress button",
-    "spin button",
-    "animation button",
-    "progress",
-    "spinner",
-    "progress indicator",
     "react",
     "reactjs",
     "ej2-react-splitbuttons",
@@ -83,6 +60,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.3.56",
+  "version": "20.4.40",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -314,6 +314,9 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
+.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
+  box-shadow: none;
+}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 4px;
@@ -472,6 +475,9 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(57, 57, 57, 0.4);
 }
+.e-split-btn-wrapper .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #676767;
 }
@@ -494,6 +500,9 @@
   border-left-color: rgba(88, 88, 88, 0.4);
   border-right-color: rgba(172, 172, 172, 0.65);
 }
+.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #676767;
   border-right-color: #676767;
@@ -505,6 +514,9 @@
   border-bottom-color: #585858;
   border-right-color: #585858;
 }
+.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #585858;
   border-right-color: #585858;
@@ -521,12 +533,18 @@
   border-bottom-color: #676767;
   border-right-color: #676767;
 }
+.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: rgba(88, 88, 88, 0.4);
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #585858;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #585858;
 }
@@ -539,6 +557,9 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #676767;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/bootstrap.css

@@ -314,6 +314,9 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
+.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
+  box-shadow: none;
+}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 4px;
@@ -472,6 +475,9 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(255, 255, 255, 0.65);
 }
+.e-split-btn-wrapper .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #adadad;
 }
@@ -494,6 +500,9 @@
   border-left-color: rgba(204, 204, 204, 0.65);
   border-right-color: rgba(204, 204, 204, 0.65);
 }
+.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #adadad;
   border-right-color: #adadad;
@@ -505,6 +514,9 @@
   border-bottom-color: #ccc;
   border-right-color: #ccc;
 }
+.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #8c8c8c;
   border-right-color: #8c8c8c;
@@ -521,12 +533,18 @@
   border-bottom-color: #adadad;
   border-right-color: #adadad;
 }
+.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: rgba(204, 204, 204, 0.65);
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #ccc;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #8c8c8c;
 }
@@ -539,6 +557,9 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #adadad;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/bootstrap4.css

@@ -15,7 +15,7 @@
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
 }
 .e-dropdown-btn .e-btn-icon,
 .e-dropdown-btn.e-btn .e-btn-icon {
@@ -247,7 +247,7 @@
   box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -279,7 +279,7 @@
   padding-right: 8px;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
@@ -292,11 +292,14 @@
   box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
 }
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
+.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
+  box-shadow: none;
+}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 4px;
@@ -455,6 +458,9 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(108, 117, 125, 0.65);
 }
+.e-split-btn-wrapper .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #545b62;
 }
@@ -477,6 +483,9 @@
   border-left-color: transparent;
   border-right-color: rgba(108, 117, 125, 0.65);
 }
+.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #545b62;
   border-right-color: #545b62;
@@ -488,6 +497,9 @@
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
+.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
@@ -504,12 +516,18 @@
   border-bottom-color: #545b62;
   border-right-color: #545b62;
 }
+.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: transparent;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #6c757d;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #6c757d;
 }
@@ -522,6 +540,9 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #545b62;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 
 /* stylelint-disable */
 *.e-btn-group,
@@ -782,7 +803,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -794,7 +815,7 @@
   border-color: #007bff;
   color: #fff;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -805,7 +826,7 @@
   background-color: #28a745;
   border-color: #28a745;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -816,7 +837,7 @@
   background-color: #17a2b8;
   border-color: #17a2b8;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(51, 174, 194, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -827,7 +848,7 @@
   background-color: #ffc107;
   border-color: #ffc107;
   color: #212529;
-  box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(255, 202, 44, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -838,7 +859,7 @@
   background-color: #dc3545;
   border-color: #dc3545;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(225, 83, 97, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -861,42 +882,42 @@
 .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 {
-  box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-outline.e-primary {
-  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-outline.e-info {
-  box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(46, 173, 193, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-outline.e-warning {
-  box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(255, 201, 40, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(225, 81, 95, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:active,
@@ -910,7 +931,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,
@@ -922,7 +943,7 @@
   border-color: #005cbf;
   color: #fff;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 0.25em rgba(0, 92, 191, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(31, 113, 201, 0.5);
 }
 .e-btn-group .e-btn:active.e-success,
 .e-btn-group input:active + label.e-btn.e-success,
@@ -933,7 +954,7 @@
   background-color: #1e7e34;
   border-color: #1c7430;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
 }
 .e-btn-group .e-btn:active.e-info,
 .e-btn-group input:active + label.e-btn.e-info,
@@ -944,7 +965,7 @@
   background-color: #117a8b;
   color: #fff;
   border-color: #10707f;
-  box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
 }
 .e-btn-group .e-btn:active.e-warning,
 .e-btn-group input:active + label.e-btn.e-warning,
@@ -955,7 +976,7 @@
   background-color: #d39e00;
   border-color: #c69500;
   color: #212529;
-  box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
 }
 .e-btn-group .e-btn:active.e-danger,
 .e-btn-group input:active + label.e-btn.e-danger,
@@ -966,7 +987,7 @@
   background-color: #bd2130;
   border-color: #b21f2d;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
 }
 .e-btn-group .e-btn:active.e-outline,
 .e-btn-group input:active + label.e-btn.e-outline,
@@ -976,7 +997,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
   background-color: #6c757d;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -987,7 +1008,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
   background-color: #007bff;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(31, 139, 255, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -998,7 +1019,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
   background-color: #28a745;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1009,7 +1030,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
   background-color: #17a2b8;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1020,7 +1041,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
   background-color: #ffc107;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
   color: #212529;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1031,7 +1052,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
   background-color: #dc3545;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:disabled,