@syncfusion/ej2-react-splitbuttons 20.3.52 → 20.4.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGELOG.md +10 -24
  2. package/dist/ej2-react-splitbuttons.min.js +1 -1
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +21 -0
  6. package/styles/bootstrap.css +21 -0
  7. package/styles/bootstrap4.css +49 -28
  8. package/styles/bootstrap5-dark.css +21 -0
  9. package/styles/bootstrap5.css +21 -0
  10. package/styles/button-group/bootstrap4.css +24 -24
  11. package/styles/drop-down-button/bootstrap4.css +1 -1
  12. package/styles/fabric-dark.css +21 -0
  13. package/styles/fabric.css +21 -0
  14. package/styles/fluent-dark.css +21 -0
  15. package/styles/fluent.css +21 -0
  16. package/styles/highcontrast-light.css +21 -0
  17. package/styles/highcontrast.css +21 -0
  18. package/styles/material-dark.css +21 -0
  19. package/styles/material.css +21 -0
  20. package/styles/split-button/bootstrap-dark.css +21 -0
  21. package/styles/split-button/bootstrap.css +21 -0
  22. package/styles/split-button/bootstrap4.css +24 -3
  23. package/styles/split-button/bootstrap5-dark.css +21 -0
  24. package/styles/split-button/bootstrap5.css +21 -0
  25. package/styles/split-button/fabric-dark.css +21 -0
  26. package/styles/split-button/fabric.css +21 -0
  27. package/styles/split-button/fluent-dark.css +21 -0
  28. package/styles/split-button/fluent.css +21 -0
  29. package/styles/split-button/highcontrast-light.css +21 -0
  30. package/styles/split-button/highcontrast.css +21 -0
  31. package/styles/split-button/material-dark.css +21 -0
  32. package/styles/split-button/material.css +21 -0
  33. package/styles/split-button/tailwind-dark.css +21 -0
  34. package/styles/split-button/tailwind.css +21 -0
  35. package/styles/tailwind-dark.css +21 -0
  36. package/styles/tailwind.css +21 -0
package/CHANGELOG.md CHANGED
@@ -4,12 +4,6 @@
4
4
 
5
5
  ### DropDownButton
6
6
 
7
- #### New Features
8
-
9
- - `#I375776` - Provided the focusout event support to the DropDownButton component.
10
-
11
- ### DropDownButton
12
-
13
7
  #### Bug Fixes
14
8
 
15
9
  - `#I388868` - Script error occurs while using `beforeOpen` event in DropDownButton issue has been resolved
@@ -154,10 +148,10 @@
154
148
 
155
149
  - Type changes done for the following property.
156
150
 
157
- Property Name | Old Type | New Type
158
- -----|-----|-----
159
- `animationSettings` | AnimationSettings | AnimationSettingsModel
160
- `spinSettings` | SpinSettings | SpinSettingsModel
151
+ | Property Name | Old Type | New Type |
152
+ |---|---|---|
153
+ | `animationSettings` | AnimationSettings | AnimationSettingsModel |
154
+ | `spinSettings` | SpinSettings | SpinSettingsModel |
161
155
 
162
156
  ## 16.3.22 (2018-09-25)
163
157
 
@@ -173,14 +167,11 @@ Property Name | Old Type | New Type
173
167
 
174
168
  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.
175
169
 
176
- - **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button.
177
170
 
171
+ - **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button.
178
172
  - **Icons and Spinner** - Supports icon, spinner and its positioning.
179
-
180
173
  - **Animation** - Provided with predefined animation and progress indicator.
181
-
182
174
  - **Events** - Supports event triggering at specified interval.
183
-
184
175
  - **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.
185
176
 
186
177
  ## 16.2.48 (2018-08-14)
@@ -205,14 +196,11 @@ The progress button visualizes the progression of an operation to indicate the u
205
196
 
206
197
  ButtonGroup is a graphical user interface that groups series of buttons horizontally or vertically.
207
198
 
208
- - **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of button.
209
199
 
200
+ - **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of button.
210
201
  - **Selection** - Supports single and multiple selection behaviors.
211
-
212
202
  - **Orientation** - Supports horizontal and vertical orientations.
213
-
214
203
  - **Nesting** - Supports nesting with drop-down and split button components.
215
-
216
204
  - **Accessibility** - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.
217
205
 
218
206
  ### SplitButton
@@ -235,22 +223,20 @@ ButtonGroup is a graphical user interface that groups series of buttons horizont
235
223
 
236
224
  DropDownButton component is used to toggle contextual overlays for displaying list of action items.
237
225
 
238
- - **Sizes** - Provided with different sizes of DropDownButton.
239
226
 
227
+ - **Sizes** - Provided with different sizes of DropDownButton.
240
228
  - **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.
241
-
242
229
  - **Separator** - Supports Popup items grouping by using the Separator.
243
-
244
230
  - **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.
245
231
 
246
232
  ### SplitButton
247
233
 
248
234
  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.
249
235
 
250
- - **Sizes** - Provided with different sizes of SplitButton.
251
236
 
237
+ - **Sizes** - Provided with different sizes of SplitButton.
252
238
  - **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.
253
-
254
239
  - **Separator** - Supports Popup items grouping by using the Separator.
240
+ - **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.
241
+
255
242
 
256
- - **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.
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-splitbuttons.min.js
3
- * version : 20.3.52
3
+ * version : 20.4.38
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-splitbuttons.umd.min.js
3
- * version : 20.3.52
3
+ * version : 20.4.38
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-react-splitbuttons@*",
3
- "_id": "@syncfusion/ej2-react-splitbuttons@20.3.1",
3
+ "_id": "@syncfusion/ej2-react-splitbuttons@19.13.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-GA5M4sMnrD+CeA5eX4dJPNxMHkbX6gb7DE2Mc4l2QKZcsjhsyUDUKQshZhw1KG47sEI56hcIqZT9Ng0aQLII6Q==",
5
+ "_integrity": "sha512-iEEYsKeaeWoPAlnQnanMeH5GF0D9srrr8INEz/pUnOL4GljoTMx9JibPZunm9JUuSrIOqzb6mWjoU169ywgiMw==",
6
6
  "_location": "/@syncfusion/ej2-react-splitbuttons",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-splitbuttons/-/ej2-react-splitbuttons-20.3.1.tgz",
23
- "_shasum": "58f22b9aabd52ed91a99df12b43503e2296fec67",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-splitbuttons/-/ej2-react-splitbuttons-19.13.0.tgz",
23
+ "_shasum": "71c1ca9628899852796de7fc4a17b4e989b366a2",
24
24
  "_spec": "@syncfusion/ej2-react-splitbuttons@*",
25
25
  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~20.3.50",
35
- "@syncfusion/ej2-react-base": "~20.3.47",
36
- "@syncfusion/ej2-splitbuttons": "20.3.52"
34
+ "@syncfusion/ej2-base": "~20.4.38",
35
+ "@syncfusion/ej2-react-base": "~20.4.38",
36
+ "@syncfusion/ej2-splitbuttons": "20.4.38"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React",
@@ -83,6 +83,6 @@
83
83
  "type": "git",
84
84
  "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
85
85
  },
86
- "version": "20.3.52",
86
+ "version": "20.4.38",
87
87
  "sideEffects": false
88
88
  }
@@ -314,6 +314,9 @@
314
314
  .e-split-btn-wrapper .e-btn:disabled {
315
315
  box-shadow: none;
316
316
  }
317
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
+ box-shadow: none;
319
+ }
317
320
  .e-split-btn-wrapper.e-rtl .e-split-btn {
318
321
  border-bottom-left-radius: 0;
319
322
  border-bottom-right-radius: 4px;
@@ -472,6 +475,9 @@
472
475
  .e-split-btn-wrapper .e-split-btn:disabled {
473
476
  border-right-color: rgba(57, 57, 57, 0.4);
474
477
  }
478
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
479
+ border-color: transparent;
480
+ }
475
481
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
476
482
  border-right-color: #676767;
477
483
  }
@@ -494,6 +500,9 @@
494
500
  border-left-color: rgba(88, 88, 88, 0.4);
495
501
  border-right-color: rgba(172, 172, 172, 0.65);
496
502
  }
503
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
504
+ border-color: transparent;
505
+ }
497
506
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
498
507
  border-left-color: #676767;
499
508
  border-right-color: #676767;
@@ -505,6 +514,9 @@
505
514
  border-bottom-color: #585858;
506
515
  border-right-color: #585858;
507
516
  }
517
+ .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 {
518
+ border-color: transparent;
519
+ }
508
520
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
509
521
  border-bottom-color: #585858;
510
522
  border-right-color: #585858;
@@ -521,12 +533,18 @@
521
533
  border-bottom-color: #676767;
522
534
  border-right-color: #676767;
523
535
  }
536
+ .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 {
537
+ border-color: transparent;
538
+ }
524
539
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
525
540
  border-bottom-color: rgba(88, 88, 88, 0.4);
526
541
  }
527
542
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
528
543
  border-left-color: #585858;
529
544
  }
545
+ .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 {
546
+ border-color: transparent;
547
+ }
530
548
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
531
549
  border-left-color: #585858;
532
550
  }
@@ -539,6 +557,9 @@
539
557
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
540
558
  border-left-color: #676767;
541
559
  }
560
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
561
+ border-color: transparent;
562
+ }
542
563
 
543
564
  /* stylelint-disable */
544
565
  *.e-btn-group,
@@ -314,6 +314,9 @@
314
314
  .e-split-btn-wrapper .e-btn:disabled {
315
315
  box-shadow: none;
316
316
  }
317
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
+ box-shadow: none;
319
+ }
317
320
  .e-split-btn-wrapper.e-rtl .e-split-btn {
318
321
  border-bottom-left-radius: 0;
319
322
  border-bottom-right-radius: 4px;
@@ -472,6 +475,9 @@
472
475
  .e-split-btn-wrapper .e-split-btn:disabled {
473
476
  border-right-color: rgba(255, 255, 255, 0.65);
474
477
  }
478
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
479
+ border-color: transparent;
480
+ }
475
481
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
476
482
  border-right-color: #adadad;
477
483
  }
@@ -494,6 +500,9 @@
494
500
  border-left-color: rgba(204, 204, 204, 0.65);
495
501
  border-right-color: rgba(204, 204, 204, 0.65);
496
502
  }
503
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
504
+ border-color: transparent;
505
+ }
497
506
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
498
507
  border-left-color: #adadad;
499
508
  border-right-color: #adadad;
@@ -505,6 +514,9 @@
505
514
  border-bottom-color: #ccc;
506
515
  border-right-color: #ccc;
507
516
  }
517
+ .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 {
518
+ border-color: transparent;
519
+ }
508
520
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
509
521
  border-bottom-color: #8c8c8c;
510
522
  border-right-color: #8c8c8c;
@@ -521,12 +533,18 @@
521
533
  border-bottom-color: #adadad;
522
534
  border-right-color: #adadad;
523
535
  }
536
+ .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 {
537
+ border-color: transparent;
538
+ }
524
539
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
525
540
  border-bottom-color: rgba(204, 204, 204, 0.65);
526
541
  }
527
542
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
528
543
  border-left-color: #ccc;
529
544
  }
545
+ .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 {
546
+ border-color: transparent;
547
+ }
530
548
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
531
549
  border-left-color: #8c8c8c;
532
550
  }
@@ -539,6 +557,9 @@
539
557
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
540
558
  border-left-color: #adadad;
541
559
  }
560
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
561
+ border-color: transparent;
562
+ }
542
563
 
543
564
  /* stylelint-disable */
544
565
  *.e-btn-group,
@@ -15,7 +15,7 @@
15
15
  }
16
16
  .e-dropdown-btn:active,
17
17
  .e-dropdown-btn.e-btn:active {
18
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
18
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
19
19
  }
20
20
  .e-dropdown-btn .e-btn-icon,
21
21
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -247,7 +247,7 @@
247
247
  box-shadow: none;
248
248
  }
249
249
  .e-split-btn-wrapper .e-split-btn:active {
250
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
250
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
251
251
  z-index: 2;
252
252
  }
253
253
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -279,7 +279,7 @@
279
279
  padding-right: 8px;
280
280
  }
281
281
  .e-split-btn-wrapper .e-dropdown-btn:active {
282
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
282
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
283
283
  z-index: 2;
284
284
  }
285
285
  .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 @@
292
292
  box-shadow: none;
293
293
  }
294
294
  .e-split-btn-wrapper .e-btn:active {
295
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
295
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
296
296
  }
297
297
  .e-split-btn-wrapper .e-btn:disabled {
298
298
  box-shadow: none;
299
299
  }
300
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
301
+ box-shadow: none;
302
+ }
300
303
  .e-split-btn-wrapper.e-rtl .e-split-btn {
301
304
  border-bottom-left-radius: 0;
302
305
  border-bottom-right-radius: 4px;
@@ -455,6 +458,9 @@
455
458
  .e-split-btn-wrapper .e-split-btn:disabled {
456
459
  border-right-color: rgba(108, 117, 125, 0.65);
457
460
  }
461
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
462
+ border-color: transparent;
463
+ }
458
464
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
459
465
  border-right-color: #545b62;
460
466
  }
@@ -477,6 +483,9 @@
477
483
  border-left-color: transparent;
478
484
  border-right-color: rgba(108, 117, 125, 0.65);
479
485
  }
486
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
487
+ border-color: transparent;
488
+ }
480
489
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
481
490
  border-left-color: #545b62;
482
491
  border-right-color: #545b62;
@@ -488,6 +497,9 @@
488
497
  border-bottom-color: #6c757d;
489
498
  border-right-color: #6c757d;
490
499
  }
500
+ .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 {
501
+ border-color: transparent;
502
+ }
491
503
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
492
504
  border-bottom-color: #6c757d;
493
505
  border-right-color: #6c757d;
@@ -504,12 +516,18 @@
504
516
  border-bottom-color: #545b62;
505
517
  border-right-color: #545b62;
506
518
  }
519
+ .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 {
520
+ border-color: transparent;
521
+ }
507
522
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
508
523
  border-bottom-color: transparent;
509
524
  }
510
525
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
511
526
  border-left-color: #6c757d;
512
527
  }
528
+ .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 {
529
+ border-color: transparent;
530
+ }
513
531
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
514
532
  border-left-color: #6c757d;
515
533
  }
@@ -522,6 +540,9 @@
522
540
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
523
541
  border-left-color: #545b62;
524
542
  }
543
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
544
+ border-color: transparent;
545
+ }
525
546
 
526
547
  /* stylelint-disable */
527
548
  *.e-btn-group,
@@ -782,7 +803,7 @@
782
803
  color: #fff;
783
804
  outline: #6c757d 0 solid;
784
805
  outline-offset: 0;
785
- box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
806
+ box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
786
807
  box-shadow: none;
787
808
  outline-color: inherit;
788
809
  }
@@ -794,7 +815,7 @@
794
815
  border-color: #007bff;
795
816
  color: #fff;
796
817
  outline: #6c757d 0 solid;
797
- box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
818
+ box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
798
819
  box-shadow: none;
799
820
  outline-color: inherit;
800
821
  }
@@ -805,7 +826,7 @@
805
826
  background-color: #28a745;
806
827
  border-color: #28a745;
807
828
  color: #fff;
808
- box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
829
+ box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
809
830
  box-shadow: none;
810
831
  outline-color: inherit;
811
832
  }
@@ -816,7 +837,7 @@
816
837
  background-color: #17a2b8;
817
838
  border-color: #17a2b8;
818
839
  color: #fff;
819
- box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
840
+ box-shadow: 0 0 0 0.25em rgba(51, 174, 194, 0.5);
820
841
  box-shadow: none;
821
842
  outline-color: inherit;
822
843
  }
@@ -827,7 +848,7 @@
827
848
  background-color: #ffc107;
828
849
  border-color: #ffc107;
829
850
  color: #212529;
830
- box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
851
+ box-shadow: 0 0 0 0.25em rgba(255, 202, 44, 0.5);
831
852
  box-shadow: none;
832
853
  outline-color: inherit;
833
854
  }
@@ -838,7 +859,7 @@
838
859
  background-color: #dc3545;
839
860
  border-color: #dc3545;
840
861
  color: #fff;
841
- box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
862
+ box-shadow: 0 0 0 0.25em rgba(225, 83, 97, 0.5);
842
863
  box-shadow: none;
843
864
  outline-color: inherit;
844
865
  }
@@ -861,42 +882,42 @@
861
882
  .e-btn-group input:focus + label.e-btn.e-outline,
862
883
  .e-css.e-btn-group .e-btn:focus.e-outline,
863
884
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
864
- box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
885
+ box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
865
886
  box-shadow: none;
866
887
  }
867
888
  .e-btn-group .e-btn:focus.e-outline.e-primary,
868
889
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
869
890
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
870
891
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
871
- box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
892
+ box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
872
893
  box-shadow: none;
873
894
  }
874
895
  .e-btn-group .e-btn:focus.e-outline.e-success,
875
896
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
876
897
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
877
898
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
878
- box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
899
+ box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
879
900
  box-shadow: none;
880
901
  }
881
902
  .e-btn-group .e-btn:focus.e-outline.e-info,
882
903
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
883
904
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
884
905
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
885
- box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
906
+ box-shadow: 0 0 0 0.25em rgba(46, 173, 193, 0.5);
886
907
  box-shadow: none;
887
908
  }
888
909
  .e-btn-group .e-btn:focus.e-outline.e-warning,
889
910
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
890
911
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
891
912
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
892
- box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
913
+ box-shadow: 0 0 0 0.25em rgba(255, 201, 40, 0.5);
893
914
  box-shadow: none;
894
915
  }
895
916
  .e-btn-group .e-btn:focus.e-outline.e-danger,
896
917
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
897
918
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
898
919
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
899
- box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
920
+ box-shadow: 0 0 0 0.25em rgba(225, 81, 95, 0.5);
900
921
  box-shadow: none;
901
922
  }
902
923
  .e-btn-group .e-btn:active,
@@ -910,7 +931,7 @@
910
931
  color: #fff;
911
932
  outline: #6c757d 0 solid;
912
933
  outline-offset: 0;
913
- box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
934
+ box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
914
935
  }
915
936
  .e-btn-group .e-btn:active.e-primary,
916
937
  .e-btn-group input:active + label.e-btn.e-primary,
@@ -922,7 +943,7 @@
922
943
  border-color: #005cbf;
923
944
  color: #fff;
924
945
  outline: #6c757d 0 solid;
925
- box-shadow: 0 0 0 0.25em rgba(0, 92, 191, 0.5);
946
+ box-shadow: 0 0 0 0.25em rgba(31, 113, 201, 0.5);
926
947
  }
927
948
  .e-btn-group .e-btn:active.e-success,
928
949
  .e-btn-group input:active + label.e-btn.e-success,
@@ -933,7 +954,7 @@
933
954
  background-color: #1e7e34;
934
955
  border-color: #1c7430;
935
956
  color: #fff;
936
- box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
957
+ box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
937
958
  }
938
959
  .e-btn-group .e-btn:active.e-info,
939
960
  .e-btn-group input:active + label.e-btn.e-info,
@@ -944,7 +965,7 @@
944
965
  background-color: #117a8b;
945
966
  color: #fff;
946
967
  border-color: #10707f;
947
- box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
968
+ box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
948
969
  }
949
970
  .e-btn-group .e-btn:active.e-warning,
950
971
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -955,7 +976,7 @@
955
976
  background-color: #d39e00;
956
977
  border-color: #c69500;
957
978
  color: #212529;
958
- box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
979
+ box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
959
980
  }
960
981
  .e-btn-group .e-btn:active.e-danger,
961
982
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -966,7 +987,7 @@
966
987
  background-color: #bd2130;
967
988
  border-color: #b21f2d;
968
989
  color: #fff;
969
- box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
990
+ box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
970
991
  }
971
992
  .e-btn-group .e-btn:active.e-outline,
972
993
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -976,7 +997,7 @@
976
997
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
977
998
  background-color: #6c757d;
978
999
  border-color: transparent;
979
- box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
1000
+ box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
980
1001
  color: #fff;
981
1002
  }
982
1003
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -987,7 +1008,7 @@
987
1008
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
988
1009
  background-color: #007bff;
989
1010
  border-color: transparent;
990
- box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
1011
+ box-shadow: 0 0 0 0.25em rgba(31, 139, 255, 0.5);
991
1012
  color: #fff;
992
1013
  }
993
1014
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -998,7 +1019,7 @@
998
1019
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
999
1020
  background-color: #28a745;
1000
1021
  border-color: transparent;
1001
- box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
1022
+ box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
1002
1023
  color: #fff;
1003
1024
  }
1004
1025
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1009,7 +1030,7 @@
1009
1030
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1010
1031
  background-color: #17a2b8;
1011
1032
  border-color: transparent;
1012
- box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
1033
+ box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
1013
1034
  color: #fff;
1014
1035
  }
1015
1036
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1020,7 +1041,7 @@
1020
1041
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1021
1042
  background-color: #ffc107;
1022
1043
  border-color: transparent;
1023
- box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
1044
+ box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
1024
1045
  color: #212529;
1025
1046
  }
1026
1047
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1031,7 +1052,7 @@
1031
1052
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1032
1053
  background-color: #dc3545;
1033
1054
  border-color: transparent;
1034
- box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
1055
+ box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
1035
1056
  color: #fff;
1036
1057
  }
1037
1058
  .e-btn-group .e-btn:disabled,
@@ -312,6 +312,9 @@
312
312
  .e-split-btn-wrapper .e-btn:disabled {
313
313
  box-shadow: none;
314
314
  }
315
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
316
+ box-shadow: none;
317
+ }
315
318
  .e-split-btn-wrapper.e-rtl .e-split-btn {
316
319
  border-bottom-left-radius: 0;
317
320
  border-bottom-right-radius: 4px;
@@ -470,6 +473,9 @@
470
473
  .e-split-btn-wrapper .e-split-btn:disabled {
471
474
  border-right-color: rgba(108, 117, 125, 0.65);
472
475
  }
476
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
477
+ border-color: transparent;
478
+ }
473
479
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
474
480
  border-right-color: #6c757d;
475
481
  }
@@ -492,6 +498,9 @@
492
498
  border-left-color: rgba(108, 117, 125, 0.65);
493
499
  border-right-color: #6c757d;
494
500
  }
501
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
502
+ border-color: transparent;
503
+ }
495
504
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
496
505
  border-left-color: #6c757d;
497
506
  border-right-color: #6c757d;
@@ -503,6 +512,9 @@
503
512
  border-bottom-color: #6c757d;
504
513
  border-right-color: #6c757d;
505
514
  }
515
+ .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 {
516
+ border-color: transparent;
517
+ }
506
518
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
507
519
  border-bottom-color: #6c757d;
508
520
  border-right-color: #6c757d;
@@ -519,12 +531,18 @@
519
531
  border-bottom-color: #6c757d;
520
532
  border-right-color: #6c757d;
521
533
  }
534
+ .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 {
535
+ border-color: transparent;
536
+ }
522
537
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
523
538
  border-bottom-color: rgba(108, 117, 125, 0.65);
524
539
  }
525
540
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
526
541
  border-left-color: #6c757d;
527
542
  }
543
+ .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 {
544
+ border-color: transparent;
545
+ }
528
546
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
529
547
  border-left-color: #6c757d;
530
548
  }
@@ -537,6 +555,9 @@
537
555
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
538
556
  border-left-color: #6c757d;
539
557
  }
558
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
559
+ border-color: transparent;
560
+ }
540
561
 
541
562
  /* stylelint-disable */
542
563
  *.e-btn-group,