@syncfusion/ej2-splitbuttons 20.3.56 → 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 (48) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +0 -4
  3. package/dist/ej2-splitbuttons.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  5. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es2015.js +8 -8
  7. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  8. package/dist/es6/ej2-splitbuttons.es5.js +2 -2
  9. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  10. package/dist/global/ej2-splitbuttons.min.js +2 -2
  11. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +7 -7
  14. package/src/drop-down-button/drop-down-button.js +2 -2
  15. package/styles/bootstrap-dark.css +21 -0
  16. package/styles/bootstrap.css +21 -0
  17. package/styles/bootstrap4.css +49 -28
  18. package/styles/bootstrap5-dark.css +21 -0
  19. package/styles/bootstrap5.css +21 -0
  20. package/styles/button-group/bootstrap4.css +24 -24
  21. package/styles/drop-down-button/bootstrap4.css +1 -1
  22. package/styles/fabric-dark.css +21 -0
  23. package/styles/fabric.css +21 -0
  24. package/styles/fluent-dark.css +21 -0
  25. package/styles/fluent.css +21 -0
  26. package/styles/highcontrast-light.css +21 -0
  27. package/styles/highcontrast.css +21 -0
  28. package/styles/material-dark.css +21 -0
  29. package/styles/material.css +21 -0
  30. package/styles/split-button/_layout.scss +7 -0
  31. package/styles/split-button/_theme.scss +31 -0
  32. package/styles/split-button/bootstrap-dark.css +21 -0
  33. package/styles/split-button/bootstrap.css +21 -0
  34. package/styles/split-button/bootstrap4.css +24 -3
  35. package/styles/split-button/bootstrap5-dark.css +21 -0
  36. package/styles/split-button/bootstrap5.css +21 -0
  37. package/styles/split-button/fabric-dark.css +21 -0
  38. package/styles/split-button/fabric.css +21 -0
  39. package/styles/split-button/fluent-dark.css +21 -0
  40. package/styles/split-button/fluent.css +21 -0
  41. package/styles/split-button/highcontrast-light.css +21 -0
  42. package/styles/split-button/highcontrast.css +21 -0
  43. package/styles/split-button/material-dark.css +21 -0
  44. package/styles/split-button/material.css +21 -0
  45. package/styles/split-button/tailwind-dark.css +21 -0
  46. package/styles/split-button/tailwind.css +21 -0
  47. package/styles/tailwind-dark.css +21 -0
  48. package/styles/tailwind.css +21 -0
@@ -315,6 +315,9 @@
315
315
  .e-split-btn-wrapper .e-btn:disabled {
316
316
  box-shadow: none;
317
317
  }
318
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
319
+ box-shadow: none;
320
+ }
318
321
  .e-split-btn-wrapper.e-rtl .e-split-btn {
319
322
  border-bottom-left-radius: 0;
320
323
  border-bottom-right-radius: 2px;
@@ -473,6 +476,9 @@
473
476
  .e-split-btn-wrapper .e-split-btn:disabled {
474
477
  border-right-color: rgba(0, 0, 0, 0.12);
475
478
  }
479
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
480
+ border-color: transparent;
481
+ }
476
482
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
477
483
  border-right-color: transparent;
478
484
  }
@@ -492,6 +498,9 @@
492
498
  border-left-color: transparent;
493
499
  border-right-color: transparent;
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: transparent;
497
506
  border-right-color: transparent;
@@ -503,6 +512,9 @@
503
512
  border-bottom-color: transparent;
504
513
  border-right-color: transparent;
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: transparent;
508
520
  border-right-color: transparent;
@@ -519,12 +531,18 @@
519
531
  border-bottom-color: transparent;
520
532
  border-right-color: transparent;
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: transparent;
524
539
  }
525
540
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
526
541
  border-left-color: transparent;
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: transparent;
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: transparent;
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,
@@ -163,6 +163,13 @@
163
163
  outline-offset: 0;
164
164
  }
165
165
  }
166
+
167
+ &.e-inherit {
168
+ &:focus,
169
+ &:active {
170
+ box-shadow: none;
171
+ }
172
+ }
166
173
  }
167
174
 
168
175
  &.e-rtl {
@@ -16,6 +16,10 @@
16
16
  &:disabled {
17
17
  border-right-color: $btn-disabled-bgcolor;
18
18
  }
19
+
20
+ &.e-inherit {
21
+ border-color: transparent;
22
+ }
19
23
  }
20
24
 
21
25
  &:hover :not(e-active) {
@@ -62,6 +66,10 @@
62
66
  border-left-color: $btn-disabled-border-color;
63
67
  border-right-color: $split-btn-disabled-vertical-border-color;
64
68
  }
69
+
70
+ &.e-inherit {
71
+ border-color: transparent;
72
+ }
65
73
  }
66
74
 
67
75
  &:hover {
@@ -81,6 +89,13 @@
81
89
  border-bottom-color: $split-btn-seperator-vertical-border-color;
82
90
  border-right-color: $split-btn-seperator-default-border-color;
83
91
 
92
+ &.e-inherit,
93
+ &.e-inherit:focus,
94
+ &.e-inherit:active,
95
+ &.e-inherit:disabled {
96
+ border-color: transparent;
97
+ }
98
+
84
99
  &:focus {
85
100
  border-bottom-color: $split-btn-focus-border-color;
86
101
  border-right-color: $split-btn-focus-vertical-border-color;
@@ -102,6 +117,11 @@
102
117
  border-bottom-color: $split-btn-hover-border-color;
103
118
  border-right-color: $split-btn-hover-vertical-border-color;
104
119
 
120
+ &.e-inherit,
121
+ &.e-inherit:disabled {
122
+ border-color: transparent;
123
+ }
124
+
105
125
  &:disabled {
106
126
  border-bottom-color: $btn-disabled-border-color;
107
127
  }
@@ -112,6 +132,13 @@
112
132
  .e-split-btn {
113
133
  border-left-color: $split-btn-seperator-default-border-color;
114
134
 
135
+ &.e-inherit,
136
+ &.e-inherit:focus,
137
+ &.e-inherit:active,
138
+ &.e-inherit:disabled {
139
+ border-color: transparent;
140
+ }
141
+
115
142
  &:focus {
116
143
  border-left-color: $split-btn-focus-left-border-color;
117
144
  }
@@ -128,6 +155,10 @@
128
155
  &:hover {
129
156
  & .e-split-btn {
130
157
  border-left-color: $split-btn-hover-left-border-color;
158
+
159
+ &.e-inherit {
160
+ border-color: transparent;
161
+ }
131
162
  }
132
163
  }
133
164
  }
@@ -82,6 +82,9 @@
82
82
  .e-split-btn-wrapper .e-btn:disabled {
83
83
  box-shadow: none;
84
84
  }
85
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
+ box-shadow: none;
87
+ }
85
88
  .e-split-btn-wrapper.e-rtl .e-split-btn {
86
89
  border-bottom-left-radius: 0;
87
90
  border-bottom-right-radius: 4px;
@@ -240,6 +243,9 @@
240
243
  .e-split-btn-wrapper .e-split-btn:disabled {
241
244
  border-right-color: rgba(57, 57, 57, 0.4);
242
245
  }
246
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
247
+ border-color: transparent;
248
+ }
243
249
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
244
250
  border-right-color: #676767;
245
251
  }
@@ -262,6 +268,9 @@
262
268
  border-left-color: rgba(88, 88, 88, 0.4);
263
269
  border-right-color: rgba(172, 172, 172, 0.65);
264
270
  }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
272
+ border-color: transparent;
273
+ }
265
274
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
266
275
  border-left-color: #676767;
267
276
  border-right-color: #676767;
@@ -273,6 +282,9 @@
273
282
  border-bottom-color: #585858;
274
283
  border-right-color: #585858;
275
284
  }
285
+ .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 {
286
+ border-color: transparent;
287
+ }
276
288
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
277
289
  border-bottom-color: #585858;
278
290
  border-right-color: #585858;
@@ -289,12 +301,18 @@
289
301
  border-bottom-color: #676767;
290
302
  border-right-color: #676767;
291
303
  }
304
+ .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 {
305
+ border-color: transparent;
306
+ }
292
307
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
293
308
  border-bottom-color: rgba(88, 88, 88, 0.4);
294
309
  }
295
310
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
296
311
  border-left-color: #585858;
297
312
  }
313
+ .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 {
314
+ border-color: transparent;
315
+ }
298
316
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
299
317
  border-left-color: #585858;
300
318
  }
@@ -306,4 +324,7 @@
306
324
  }
307
325
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
308
326
  border-left-color: #676767;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
329
+ border-color: transparent;
309
330
  }
@@ -82,6 +82,9 @@
82
82
  .e-split-btn-wrapper .e-btn:disabled {
83
83
  box-shadow: none;
84
84
  }
85
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
+ box-shadow: none;
87
+ }
85
88
  .e-split-btn-wrapper.e-rtl .e-split-btn {
86
89
  border-bottom-left-radius: 0;
87
90
  border-bottom-right-radius: 4px;
@@ -240,6 +243,9 @@
240
243
  .e-split-btn-wrapper .e-split-btn:disabled {
241
244
  border-right-color: rgba(255, 255, 255, 0.65);
242
245
  }
246
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
247
+ border-color: transparent;
248
+ }
243
249
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
244
250
  border-right-color: #adadad;
245
251
  }
@@ -262,6 +268,9 @@
262
268
  border-left-color: rgba(204, 204, 204, 0.65);
263
269
  border-right-color: rgba(204, 204, 204, 0.65);
264
270
  }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
272
+ border-color: transparent;
273
+ }
265
274
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
266
275
  border-left-color: #adadad;
267
276
  border-right-color: #adadad;
@@ -273,6 +282,9 @@
273
282
  border-bottom-color: #ccc;
274
283
  border-right-color: #ccc;
275
284
  }
285
+ .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 {
286
+ border-color: transparent;
287
+ }
276
288
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
277
289
  border-bottom-color: #8c8c8c;
278
290
  border-right-color: #8c8c8c;
@@ -289,12 +301,18 @@
289
301
  border-bottom-color: #adadad;
290
302
  border-right-color: #adadad;
291
303
  }
304
+ .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 {
305
+ border-color: transparent;
306
+ }
292
307
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
293
308
  border-bottom-color: rgba(204, 204, 204, 0.65);
294
309
  }
295
310
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
296
311
  border-left-color: #ccc;
297
312
  }
313
+ .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 {
314
+ border-color: transparent;
315
+ }
298
316
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
299
317
  border-left-color: #8c8c8c;
300
318
  }
@@ -306,4 +324,7 @@
306
324
  }
307
325
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
308
326
  border-left-color: #adadad;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
329
+ border-color: transparent;
309
330
  }
@@ -20,7 +20,7 @@
20
20
  box-shadow: none;
21
21
  }
22
22
  .e-split-btn-wrapper .e-split-btn:active {
23
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
23
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
24
24
  z-index: 2;
25
25
  }
26
26
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -52,7 +52,7 @@
52
52
  padding-right: 8px;
53
53
  }
54
54
  .e-split-btn-wrapper .e-dropdown-btn:active {
55
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
55
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
56
56
  z-index: 2;
57
57
  }
58
58
  .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 {
@@ -65,11 +65,14 @@
65
65
  box-shadow: none;
66
66
  }
67
67
  .e-split-btn-wrapper .e-btn:active {
68
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
68
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
69
69
  }
70
70
  .e-split-btn-wrapper .e-btn:disabled {
71
71
  box-shadow: none;
72
72
  }
73
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
74
+ box-shadow: none;
75
+ }
73
76
  .e-split-btn-wrapper.e-rtl .e-split-btn {
74
77
  border-bottom-left-radius: 0;
75
78
  border-bottom-right-radius: 4px;
@@ -228,6 +231,9 @@
228
231
  .e-split-btn-wrapper .e-split-btn:disabled {
229
232
  border-right-color: rgba(108, 117, 125, 0.65);
230
233
  }
234
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
235
+ border-color: transparent;
236
+ }
231
237
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
232
238
  border-right-color: #545b62;
233
239
  }
@@ -250,6 +256,9 @@
250
256
  border-left-color: transparent;
251
257
  border-right-color: rgba(108, 117, 125, 0.65);
252
258
  }
259
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
260
+ border-color: transparent;
261
+ }
253
262
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
254
263
  border-left-color: #545b62;
255
264
  border-right-color: #545b62;
@@ -261,6 +270,9 @@
261
270
  border-bottom-color: #6c757d;
262
271
  border-right-color: #6c757d;
263
272
  }
273
+ .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 {
274
+ border-color: transparent;
275
+ }
264
276
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
265
277
  border-bottom-color: #6c757d;
266
278
  border-right-color: #6c757d;
@@ -277,12 +289,18 @@
277
289
  border-bottom-color: #545b62;
278
290
  border-right-color: #545b62;
279
291
  }
292
+ .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 {
293
+ border-color: transparent;
294
+ }
280
295
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
281
296
  border-bottom-color: transparent;
282
297
  }
283
298
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
284
299
  border-left-color: #6c757d;
285
300
  }
301
+ .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 {
302
+ border-color: transparent;
303
+ }
286
304
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
287
305
  border-left-color: #6c757d;
288
306
  }
@@ -294,4 +312,7 @@
294
312
  }
295
313
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
296
314
  border-left-color: #545b62;
315
+ }
316
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
317
+ border-color: transparent;
297
318
  }
@@ -75,6 +75,9 @@
75
75
  .e-split-btn-wrapper .e-btn:disabled {
76
76
  box-shadow: none;
77
77
  }
78
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
79
+ box-shadow: none;
80
+ }
78
81
  .e-split-btn-wrapper.e-rtl .e-split-btn {
79
82
  border-bottom-left-radius: 0;
80
83
  border-bottom-right-radius: 4px;
@@ -233,6 +236,9 @@
233
236
  .e-split-btn-wrapper .e-split-btn:disabled {
234
237
  border-right-color: rgba(108, 117, 125, 0.65);
235
238
  }
239
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
240
+ border-color: transparent;
241
+ }
236
242
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
237
243
  border-right-color: #6c757d;
238
244
  }
@@ -255,6 +261,9 @@
255
261
  border-left-color: rgba(108, 117, 125, 0.65);
256
262
  border-right-color: #6c757d;
257
263
  }
264
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
265
+ border-color: transparent;
266
+ }
258
267
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
259
268
  border-left-color: #6c757d;
260
269
  border-right-color: #6c757d;
@@ -266,6 +275,9 @@
266
275
  border-bottom-color: #6c757d;
267
276
  border-right-color: #6c757d;
268
277
  }
278
+ .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 {
279
+ border-color: transparent;
280
+ }
269
281
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
270
282
  border-bottom-color: #6c757d;
271
283
  border-right-color: #6c757d;
@@ -282,12 +294,18 @@
282
294
  border-bottom-color: #6c757d;
283
295
  border-right-color: #6c757d;
284
296
  }
297
+ .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 {
298
+ border-color: transparent;
299
+ }
285
300
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
286
301
  border-bottom-color: rgba(108, 117, 125, 0.65);
287
302
  }
288
303
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
289
304
  border-left-color: #6c757d;
290
305
  }
306
+ .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 {
307
+ border-color: transparent;
308
+ }
291
309
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
292
310
  border-left-color: #6c757d;
293
311
  }
@@ -299,4 +317,7 @@
299
317
  }
300
318
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
301
319
  border-left-color: #6c757d;
320
+ }
321
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
322
+ border-color: transparent;
302
323
  }
@@ -75,6 +75,9 @@
75
75
  .e-split-btn-wrapper .e-btn:disabled {
76
76
  box-shadow: none;
77
77
  }
78
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
79
+ box-shadow: none;
80
+ }
78
81
  .e-split-btn-wrapper.e-rtl .e-split-btn {
79
82
  border-bottom-left-radius: 0;
80
83
  border-bottom-right-radius: 4px;
@@ -233,6 +236,9 @@
233
236
  .e-split-btn-wrapper .e-split-btn:disabled {
234
237
  border-right-color: rgba(108, 117, 125, 0.65);
235
238
  }
239
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
240
+ border-color: transparent;
241
+ }
236
242
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
237
243
  border-right-color: #6c757d;
238
244
  }
@@ -255,6 +261,9 @@
255
261
  border-left-color: rgba(108, 117, 125, 0.65);
256
262
  border-right-color: #6c757d;
257
263
  }
264
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
265
+ border-color: transparent;
266
+ }
258
267
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
259
268
  border-left-color: #6c757d;
260
269
  border-right-color: #6c757d;
@@ -266,6 +275,9 @@
266
275
  border-bottom-color: #6c757d;
267
276
  border-right-color: #6c757d;
268
277
  }
278
+ .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 {
279
+ border-color: transparent;
280
+ }
269
281
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
270
282
  border-bottom-color: #6c757d;
271
283
  border-right-color: #6c757d;
@@ -282,12 +294,18 @@
282
294
  border-bottom-color: #6c757d;
283
295
  border-right-color: #6c757d;
284
296
  }
297
+ .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 {
298
+ border-color: transparent;
299
+ }
285
300
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
286
301
  border-bottom-color: rgba(108, 117, 125, 0.65);
287
302
  }
288
303
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
289
304
  border-left-color: #6c757d;
290
305
  }
306
+ .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 {
307
+ border-color: transparent;
308
+ }
291
309
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
292
310
  border-left-color: #6c757d;
293
311
  }
@@ -299,4 +317,7 @@
299
317
  }
300
318
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
301
319
  border-left-color: #6c757d;
320
+ }
321
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
322
+ border-color: transparent;
302
323
  }
@@ -82,6 +82,9 @@
82
82
  .e-split-btn-wrapper .e-btn:disabled {
83
83
  box-shadow: none;
84
84
  }
85
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
+ box-shadow: none;
87
+ }
85
88
  .e-split-btn-wrapper.e-rtl .e-split-btn {
86
89
  border-bottom-left-radius: 0;
87
90
  border-bottom-right-radius: 0;
@@ -240,6 +243,9 @@
240
243
  .e-split-btn-wrapper .e-split-btn:disabled {
241
244
  border-right-color: #414040;
242
245
  }
246
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
247
+ border-color: transparent;
248
+ }
243
249
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
244
250
  border-right-color: #6f6c6c;
245
251
  }
@@ -262,6 +268,9 @@
262
268
  border-left-color: #414040;
263
269
  border-right-color: transparent;
264
270
  }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
272
+ border-color: transparent;
273
+ }
265
274
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
266
275
  border-left-color: #6f6c6c;
267
276
  border-right-color: #414040;
@@ -273,6 +282,9 @@
273
282
  border-bottom-color: transparent;
274
283
  border-right-color: transparent;
275
284
  }
285
+ .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 {
286
+ border-color: transparent;
287
+ }
276
288
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
277
289
  border-bottom-color: #6f6c6c;
278
290
  border-right-color: transparent;
@@ -289,12 +301,18 @@
289
301
  border-bottom-color: #6f6c6c;
290
302
  border-right-color: #414040;
291
303
  }
304
+ .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 {
305
+ border-color: transparent;
306
+ }
292
307
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
293
308
  border-bottom-color: #414040;
294
309
  }
295
310
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
296
311
  border-left-color: transparent;
297
312
  }
313
+ .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 {
314
+ border-color: transparent;
315
+ }
298
316
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
299
317
  border-left-color: transparent;
300
318
  }
@@ -306,4 +324,7 @@
306
324
  }
307
325
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
308
326
  border-left-color: transparent;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
329
+ border-color: transparent;
309
330
  }
@@ -82,6 +82,9 @@
82
82
  .e-split-btn-wrapper .e-btn:disabled {
83
83
  box-shadow: none;
84
84
  }
85
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
+ box-shadow: none;
87
+ }
85
88
  .e-split-btn-wrapper.e-rtl .e-split-btn {
86
89
  border-bottom-left-radius: 0;
87
90
  border-bottom-right-radius: 0;
@@ -240,6 +243,9 @@
240
243
  .e-split-btn-wrapper .e-split-btn:disabled {
241
244
  border-right-color: #f4f4f4;
242
245
  }
246
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
247
+ border-color: transparent;
248
+ }
243
249
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
244
250
  border-right-color: #c8c8c8;
245
251
  }
@@ -259,6 +265,9 @@
259
265
  border-left-color: #f4f4f4;
260
266
  border-right-color: transparent;
261
267
  }
268
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
269
+ border-color: transparent;
270
+ }
262
271
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
263
272
  border-left-color: #c8c8c8;
264
273
  border-right-color: #eaeaea;
@@ -270,6 +279,9 @@
270
279
  border-bottom-color: transparent;
271
280
  border-right-color: transparent;
272
281
  }
282
+ .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 {
283
+ border-color: transparent;
284
+ }
273
285
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
274
286
  border-bottom-color: #c8c8c8;
275
287
  border-right-color: transparent;
@@ -286,12 +298,18 @@
286
298
  border-bottom-color: #c8c8c8;
287
299
  border-right-color: #eaeaea;
288
300
  }
301
+ .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 {
302
+ border-color: transparent;
303
+ }
289
304
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
290
305
  border-bottom-color: #f4f4f4;
291
306
  }
292
307
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
293
308
  border-left-color: transparent;
294
309
  }
310
+ .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 {
311
+ border-color: transparent;
312
+ }
295
313
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
296
314
  border-left-color: transparent;
297
315
  }
@@ -303,4 +321,7 @@
303
321
  }
304
322
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
305
323
  border-left-color: transparent;
324
+ }
325
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
326
+ border-color: transparent;
306
327
  }