@syncfusion/ej2-react-splitbuttons 20.1.57 → 20.2.36

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 (39) hide show
  1. package/CHANGELOG.md +0 -6
  2. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +0 -8
  5. package/styles/bootstrap.css +0 -8
  6. package/styles/bootstrap4.css +0 -8
  7. package/styles/bootstrap5-dark.css +14 -0
  8. package/styles/bootstrap5.css +14 -0
  9. package/styles/button-group/bootstrap-dark.css +0 -8
  10. package/styles/button-group/bootstrap.css +0 -8
  11. package/styles/button-group/bootstrap4.css +0 -8
  12. package/styles/button-group/bootstrap5-dark.css +12 -0
  13. package/styles/button-group/bootstrap5.css +12 -0
  14. package/styles/button-group/fabric-dark.css +0 -8
  15. package/styles/button-group/fabric.css +0 -8
  16. package/styles/button-group/fluent-dark.css +0 -8
  17. package/styles/button-group/fluent.css +0 -8
  18. package/styles/button-group/highcontrast-light.css +0 -8
  19. package/styles/button-group/highcontrast.css +0 -8
  20. package/styles/button-group/material-dark.css +0 -8
  21. package/styles/button-group/material.css +0 -8
  22. package/styles/button-group/tailwind-dark.css +8 -12
  23. package/styles/button-group/tailwind.css +8 -12
  24. package/styles/drop-down-button/bootstrap5-dark.css +2 -0
  25. package/styles/drop-down-button/bootstrap5.css +2 -0
  26. package/styles/drop-down-button/tailwind-dark.css +2 -0
  27. package/styles/drop-down-button/tailwind.css +2 -0
  28. package/styles/fabric-dark.css +0 -8
  29. package/styles/fabric.css +0 -8
  30. package/styles/fluent-dark.css +1 -9
  31. package/styles/fluent.css +1 -9
  32. package/styles/highcontrast-light.css +0 -8
  33. package/styles/highcontrast.css +0 -8
  34. package/styles/material-dark.css +0 -8
  35. package/styles/material.css +0 -8
  36. package/styles/progress-button/fluent-dark.css +1 -1
  37. package/styles/progress-button/fluent.css +1 -1
  38. package/styles/tailwind-dark.css +10 -12
  39. package/styles/tailwind.css +10 -12
package/styles/button-group/tailwind-dark.css CHANGED
@@ -8,6 +8,14 @@
8
8
  flex-direction: row;
9
9
  position: relative;
10
10
  }
11
+ *.e-btn-group input:focus + label.e-btn,
12
+ *.e-btn-group .e-btn:focus,
13
+ *.e-btn-group .e-btn:hover,
14
+ *.e-css.e-btn-group input:focus + label.e-btn,
15
+ *.e-css.e-btn-group .e-btn:focus,
16
+ *.e-css.e-btn-group .e-btn:hover {
17
+ z-index: 2;
18
+ }
11
19
  *.e-btn-group input + label.e-btn,
12
20
  *.e-css.e-btn-group input + label.e-btn {
13
21
  margin-bottom: 0;
@@ -253,7 +261,6 @@
253
261
  outline: #1f2937 0 solid;
254
262
  outline-offset: 0;
255
263
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
256
- box-shadow: none;
257
264
  outline-color: inherit;
258
265
  }
259
266
  .e-btn-group .e-btn:focus.e-primary,
@@ -265,7 +272,6 @@
265
272
  color: #000;
266
273
  outline: #1f2937 0 solid;
267
274
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
268
- box-shadow: none;
269
275
  outline-color: inherit;
270
276
  }
271
277
  .e-btn-group .e-btn:focus.e-success,
@@ -276,7 +282,6 @@
276
282
  border-color: #22c55e;
277
283
  color: #000;
278
284
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
279
- box-shadow: none;
280
285
  outline-color: inherit;
281
286
  }
282
287
  .e-btn-group .e-btn:focus.e-info,
@@ -287,7 +292,6 @@
287
292
  border-color: #0ea5e9;
288
293
  color: #fff;
289
294
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
290
- box-shadow: none;
291
295
  outline-color: inherit;
292
296
  }
293
297
  .e-btn-group .e-btn:focus.e-warning,
@@ -298,7 +302,6 @@
298
302
  border-color: #ea580c;
299
303
  color: #fff;
300
304
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
301
- box-shadow: none;
302
305
  outline-color: inherit;
303
306
  }
304
307
  .e-btn-group .e-btn:focus.e-danger,
@@ -309,7 +312,6 @@
309
312
  border-color: #f87171;
310
313
  color: #000;
311
314
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
312
- box-shadow: none;
313
315
  outline-color: inherit;
314
316
  }
315
317
  .e-btn-group .e-btn:focus.e-link,
@@ -329,42 +331,36 @@
329
331
  .e-css.e-btn-group .e-btn:focus.e-outline,
330
332
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
333
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
332
- box-shadow: none;
333
334
  }
334
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
335
336
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
337
338
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
339
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
339
- box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
342
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
344
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
345
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
346
- box-shadow: none;
347
346
  }
348
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
349
348
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
350
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
351
350
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
352
351
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
353
- box-shadow: none;
354
352
  }
355
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
356
354
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
357
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
358
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
359
357
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
360
- box-shadow: none;
361
358
  }
362
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
363
360
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
364
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
365
362
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
366
363
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
367
- box-shadow: none;
368
364
  }
369
365
  .e-btn-group .e-btn:active,
370
366
  .e-btn-group input:active + label.e-btn,
package/styles/button-group/tailwind.css CHANGED
@@ -8,6 +8,14 @@
8
8
  flex-direction: row;
9
9
  position: relative;
10
10
  }
11
+ *.e-btn-group input:focus + label.e-btn,
12
+ *.e-btn-group .e-btn:focus,
13
+ *.e-btn-group .e-btn:hover,
14
+ *.e-css.e-btn-group input:focus + label.e-btn,
15
+ *.e-css.e-btn-group .e-btn:focus,
16
+ *.e-css.e-btn-group .e-btn:hover {
17
+ z-index: 2;
18
+ }
11
19
  *.e-btn-group input + label.e-btn,
12
20
  *.e-css.e-btn-group input + label.e-btn {
13
21
  margin-bottom: 0;
@@ -253,7 +261,6 @@
253
261
  outline: #fff 0 solid;
254
262
  outline-offset: 0;
255
263
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
256
- box-shadow: none;
257
264
  outline-color: inherit;
258
265
  }
259
266
  .e-btn-group .e-btn:focus.e-primary,
@@ -265,7 +272,6 @@
265
272
  color: #fff;
266
273
  outline: #fff 0 solid;
267
274
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
268
- box-shadow: none;
269
275
  outline-color: inherit;
270
276
  }
271
277
  .e-btn-group .e-btn:focus.e-success,
@@ -276,7 +282,6 @@
276
282
  border-color: #15803d;
277
283
  color: #fff;
278
284
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
279
- box-shadow: none;
280
285
  outline-color: inherit;
281
286
  }
282
287
  .e-btn-group .e-btn:focus.e-info,
@@ -287,7 +292,6 @@
287
292
  border-color: #0e7490;
288
293
  color: #fff;
289
294
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
290
- box-shadow: none;
291
295
  outline-color: inherit;
292
296
  }
293
297
  .e-btn-group .e-btn:focus.e-warning,
@@ -298,7 +302,6 @@
298
302
  border-color: #c2410c;
299
303
  color: #fff;
300
304
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
301
- box-shadow: none;
302
305
  outline-color: inherit;
303
306
  }
304
307
  .e-btn-group .e-btn:focus.e-danger,
@@ -309,7 +312,6 @@
309
312
  border-color: #dc2626;
310
313
  color: #fff;
311
314
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
312
- box-shadow: none;
313
315
  outline-color: inherit;
314
316
  }
315
317
  .e-btn-group .e-btn:focus.e-link,
@@ -329,42 +331,36 @@
329
331
  .e-css.e-btn-group .e-btn:focus.e-outline,
330
332
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
333
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
332
- box-shadow: none;
333
334
  }
334
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
335
336
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
337
338
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
339
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
339
- box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
342
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
344
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
345
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
346
- box-shadow: none;
347
346
  }
348
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
349
348
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
350
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
351
350
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
352
351
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
353
- box-shadow: none;
354
352
  }
355
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
356
354
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
357
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
358
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
359
357
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
360
- box-shadow: none;
361
358
  }
362
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
363
360
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
364
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
365
362
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
366
363
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
367
- box-shadow: none;
368
364
  }
369
365
  .e-btn-group .e-btn:active,
370
366
  .e-btn-group input:active + label.e-btn,
package/styles/drop-down-button/bootstrap5-dark.css CHANGED
@@ -69,6 +69,7 @@
69
69
 
70
70
  .e-dropdown-popup {
71
71
  position: absolute;
72
+ border-radius: 4px;
72
73
  margin-top: 2px;
73
74
  }
74
75
  .e-dropdown-popup ul {
@@ -148,6 +149,7 @@
148
149
 
149
150
  *.e-bigger .e-dropdown-popup {
150
151
  background-color: transparent;
152
+ border-radius: 4px;
151
153
  }
152
154
 
153
155
  *.e-bigger .e-dropdown-popup ul,
package/styles/drop-down-button/bootstrap5.css CHANGED
@@ -69,6 +69,7 @@
69
69
 
70
70
  .e-dropdown-popup {
71
71
  position: absolute;
72
+ border-radius: 4px;
72
73
  margin-top: 2px;
73
74
  }
74
75
  .e-dropdown-popup ul {
@@ -148,6 +149,7 @@
148
149
 
149
150
  *.e-bigger .e-dropdown-popup {
150
151
  background-color: transparent;
152
+ border-radius: 4px;
151
153
  }
152
154
 
153
155
  *.e-bigger .e-dropdown-popup ul,
package/styles/drop-down-button/tailwind-dark.css CHANGED
@@ -75,6 +75,7 @@
75
75
 
76
76
  .e-dropdown-popup {
77
77
  position: absolute;
78
+ border-radius: 4px;
78
79
  margin-top: 4px;
79
80
  }
80
81
  .e-dropdown-popup ul {
@@ -154,6 +155,7 @@
154
155
 
155
156
  *.e-bigger .e-dropdown-popup {
156
157
  background-color: transparent;
158
+ border-radius: 4px;
157
159
  }
158
160
 
159
161
  *.e-bigger .e-dropdown-popup ul,
package/styles/drop-down-button/tailwind.css CHANGED
@@ -75,6 +75,7 @@
75
75
 
76
76
  .e-dropdown-popup {
77
77
  position: absolute;
78
+ border-radius: 4px;
78
79
  margin-top: 4px;
79
80
  }
80
81
  .e-dropdown-popup ul {
@@ -154,6 +155,7 @@
154
155
 
155
156
  *.e-bigger .e-dropdown-popup {
156
157
  background-color: transparent;
158
+ border-radius: 4px;
157
159
  }
158
160
 
159
161
  *.e-bigger .e-dropdown-popup ul,
package/styles/fabric-dark.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/fabric.css CHANGED
@@ -528,14 +528,6 @@
528
528
  flex-direction: row;
529
529
  position: relative;
530
530
  }
531
- *.e-btn-group input:focus + label.e-btn,
532
- *.e-btn-group .e-btn:focus,
533
- *.e-btn-group .e-btn:hover,
534
- *.e-css.e-btn-group input:focus + label.e-btn,
535
- *.e-css.e-btn-group .e-btn:focus,
536
- *.e-css.e-btn-group .e-btn:hover {
537
- z-index: 2;
538
- }
539
531
  *.e-btn-group input + label.e-btn,
540
532
  *.e-css.e-btn-group input + label.e-btn {
541
533
  margin-bottom: 0;
package/styles/fluent-dark.css CHANGED
@@ -519,14 +519,6 @@
519
519
  flex-direction: row;
520
520
  position: relative;
521
521
  }
522
- *.e-btn-group input:focus + label.e-btn,
523
- *.e-btn-group .e-btn:focus,
524
- *.e-btn-group .e-btn:hover,
525
- *.e-css.e-btn-group input:focus + label.e-btn,
526
- *.e-css.e-btn-group .e-btn:focus,
527
- *.e-css.e-btn-group .e-btn:hover {
528
- z-index: 2;
529
- }
530
522
  *.e-btn-group input + label.e-btn,
531
523
  *.e-css.e-btn-group input + label.e-btn {
532
524
  margin-bottom: 0;
@@ -1755,7 +1747,7 @@
1755
1747
  }
1756
1748
 
1757
1749
  .e-progress {
1758
- background-color: rgba(161, 159, 157, 0.2);
1750
+ background-color: rgba(161, 159, 157, 0.5);
1759
1751
  }
1760
1752
 
1761
1753
  *.e-primary .e-progress,
package/styles/fluent.css CHANGED
@@ -519,14 +519,6 @@
519
519
  flex-direction: row;
520
520
  position: relative;
521
521
  }
522
- *.e-btn-group input:focus + label.e-btn,
523
- *.e-btn-group .e-btn:focus,
524
- *.e-btn-group .e-btn:hover,
525
- *.e-css.e-btn-group input:focus + label.e-btn,
526
- *.e-css.e-btn-group .e-btn:focus,
527
- *.e-css.e-btn-group .e-btn:hover {
528
- z-index: 2;
529
- }
530
522
  *.e-btn-group input + label.e-btn,
531
523
  *.e-css.e-btn-group input + label.e-btn {
532
524
  margin-bottom: 0;
@@ -1755,7 +1747,7 @@
1755
1747
  }
1756
1748
 
1757
1749
  .e-progress {
1758
- background-color: rgba(96, 94, 92, 0.2);
1750
+ background-color: rgba(96, 94, 92, 0.5);
1759
1751
  }
1760
1752
 
1761
1753
  *.e-primary .e-progress,
package/styles/highcontrast-light.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/highcontrast.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/material-dark.css CHANGED
@@ -532,14 +532,6 @@
532
532
  flex-direction: row;
533
533
  position: relative;
534
534
  }
535
- *.e-btn-group input:focus + label.e-btn,
536
- *.e-btn-group .e-btn:focus,
537
- *.e-btn-group .e-btn:hover,
538
- *.e-css.e-btn-group input:focus + label.e-btn,
539
- *.e-css.e-btn-group .e-btn:focus,
540
- *.e-css.e-btn-group .e-btn:hover {
541
- z-index: 2;
542
- }
543
535
  *.e-btn-group input + label.e-btn,
544
536
  *.e-css.e-btn-group input + label.e-btn {
545
537
  margin-bottom: 0;
package/styles/material.css CHANGED
@@ -529,14 +529,6 @@
529
529
  flex-direction: row;
530
530
  position: relative;
531
531
  }
532
- *.e-btn-group input:focus + label.e-btn,
533
- *.e-btn-group .e-btn:focus,
534
- *.e-btn-group .e-btn:hover,
535
- *.e-css.e-btn-group input:focus + label.e-btn,
536
- *.e-css.e-btn-group .e-btn:focus,
537
- *.e-css.e-btn-group .e-btn:hover {
538
- z-index: 2;
539
- }
540
532
  *.e-btn-group input + label.e-btn,
541
533
  *.e-css.e-btn-group input + label.e-btn {
542
534
  margin-bottom: 0;
package/styles/progress-button/fluent-dark.css CHANGED
@@ -481,7 +481,7 @@
481
481
  }
482
482
 
483
483
  .e-progress {
484
- background-color: rgba(161, 159, 157, 0.2);
484
+ background-color: rgba(161, 159, 157, 0.5);
485
485
  }
486
486
 
487
487
  *.e-primary .e-progress,
package/styles/progress-button/fluent.css CHANGED
@@ -481,7 +481,7 @@
481
481
  }
482
482
 
483
483
  .e-progress {
484
- background-color: rgba(96, 94, 92, 0.2);
484
+ background-color: rgba(96, 94, 92, 0.5);
485
485
  }
486
486
 
487
487
  *.e-primary .e-progress,
package/styles/tailwind-dark.css CHANGED
@@ -78,6 +78,7 @@
78
78
 
79
79
  .e-dropdown-popup {
80
80
  position: absolute;
81
+ border-radius: 4px;
81
82
  margin-top: 4px;
82
83
  }
83
84
  .e-dropdown-popup ul {
@@ -157,6 +158,7 @@
157
158
 
158
159
  *.e-bigger .e-dropdown-popup {
159
160
  background-color: transparent;
161
+ border-radius: 4px;
160
162
  }
161
163
 
162
164
  *.e-bigger .e-dropdown-popup ul,
@@ -549,6 +551,14 @@
549
551
  flex-direction: row;
550
552
  position: relative;
551
553
  }
554
+ *.e-btn-group input:focus + label.e-btn,
555
+ *.e-btn-group .e-btn:focus,
556
+ *.e-btn-group .e-btn:hover,
557
+ *.e-css.e-btn-group input:focus + label.e-btn,
558
+ *.e-css.e-btn-group .e-btn:focus,
559
+ *.e-css.e-btn-group .e-btn:hover {
560
+ z-index: 2;
561
+ }
552
562
  *.e-btn-group input + label.e-btn,
553
563
  *.e-css.e-btn-group input + label.e-btn {
554
564
  margin-bottom: 0;
@@ -794,7 +804,6 @@
794
804
  outline: #1f2937 0 solid;
795
805
  outline-offset: 0;
796
806
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
797
- box-shadow: none;
798
807
  outline-color: inherit;
799
808
  }
800
809
  .e-btn-group .e-btn:focus.e-primary,
@@ -806,7 +815,6 @@
806
815
  color: #000;
807
816
  outline: #1f2937 0 solid;
808
817
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
809
- box-shadow: none;
810
818
  outline-color: inherit;
811
819
  }
812
820
  .e-btn-group .e-btn:focus.e-success,
@@ -817,7 +825,6 @@
817
825
  border-color: #22c55e;
818
826
  color: #000;
819
827
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
820
- box-shadow: none;
821
828
  outline-color: inherit;
822
829
  }
823
830
  .e-btn-group .e-btn:focus.e-info,
@@ -828,7 +835,6 @@
828
835
  border-color: #0ea5e9;
829
836
  color: #fff;
830
837
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
831
- box-shadow: none;
832
838
  outline-color: inherit;
833
839
  }
834
840
  .e-btn-group .e-btn:focus.e-warning,
@@ -839,7 +845,6 @@
839
845
  border-color: #ea580c;
840
846
  color: #fff;
841
847
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
842
- box-shadow: none;
843
848
  outline-color: inherit;
844
849
  }
845
850
  .e-btn-group .e-btn:focus.e-danger,
@@ -850,7 +855,6 @@
850
855
  border-color: #f87171;
851
856
  color: #000;
852
857
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
853
- box-shadow: none;
854
858
  outline-color: inherit;
855
859
  }
856
860
  .e-btn-group .e-btn:focus.e-link,
@@ -870,42 +874,36 @@
870
874
  .e-css.e-btn-group .e-btn:focus.e-outline,
871
875
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
872
876
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
873
- box-shadow: none;
874
877
  }
875
878
  .e-btn-group .e-btn:focus.e-outline.e-primary,
876
879
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
877
880
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
878
881
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
879
882
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
880
- box-shadow: none;
881
883
  }
882
884
  .e-btn-group .e-btn:focus.e-outline.e-success,
883
885
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
884
886
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
885
887
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
886
888
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
887
- box-shadow: none;
888
889
  }
889
890
  .e-btn-group .e-btn:focus.e-outline.e-info,
890
891
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
891
892
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
892
893
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
893
894
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
894
- box-shadow: none;
895
895
  }
896
896
  .e-btn-group .e-btn:focus.e-outline.e-warning,
897
897
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
898
898
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
899
899
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
900
900
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
901
- box-shadow: none;
902
901
  }
903
902
  .e-btn-group .e-btn:focus.e-outline.e-danger,
904
903
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
905
904
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
906
905
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
907
906
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
908
- box-shadow: none;
909
907
  }
910
908
  .e-btn-group .e-btn:active,
911
909
  .e-btn-group input:active + label.e-btn,
package/styles/tailwind.css CHANGED
@@ -78,6 +78,7 @@
78
78
 
79
79
  .e-dropdown-popup {
80
80
  position: absolute;
81
+ border-radius: 4px;
81
82
  margin-top: 4px;
82
83
  }
83
84
  .e-dropdown-popup ul {
@@ -157,6 +158,7 @@
157
158
 
158
159
  *.e-bigger .e-dropdown-popup {
159
160
  background-color: transparent;
161
+ border-radius: 4px;
160
162
  }
161
163
 
162
164
  *.e-bigger .e-dropdown-popup ul,
@@ -549,6 +551,14 @@
549
551
  flex-direction: row;
550
552
  position: relative;
551
553
  }
554
+ *.e-btn-group input:focus + label.e-btn,
555
+ *.e-btn-group .e-btn:focus,
556
+ *.e-btn-group .e-btn:hover,
557
+ *.e-css.e-btn-group input:focus + label.e-btn,
558
+ *.e-css.e-btn-group .e-btn:focus,
559
+ *.e-css.e-btn-group .e-btn:hover {
560
+ z-index: 2;
561
+ }
552
562
  *.e-btn-group input + label.e-btn,
553
563
  *.e-css.e-btn-group input + label.e-btn {
554
564
  margin-bottom: 0;
@@ -794,7 +804,6 @@
794
804
  outline: #fff 0 solid;
795
805
  outline-offset: 0;
796
806
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
797
- box-shadow: none;
798
807
  outline-color: inherit;
799
808
  }
800
809
  .e-btn-group .e-btn:focus.e-primary,
@@ -806,7 +815,6 @@
806
815
  color: #fff;
807
816
  outline: #fff 0 solid;
808
817
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
809
- box-shadow: none;
810
818
  outline-color: inherit;
811
819
  }
812
820
  .e-btn-group .e-btn:focus.e-success,
@@ -817,7 +825,6 @@
817
825
  border-color: #15803d;
818
826
  color: #fff;
819
827
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
820
- box-shadow: none;
821
828
  outline-color: inherit;
822
829
  }
823
830
  .e-btn-group .e-btn:focus.e-info,
@@ -828,7 +835,6 @@
828
835
  border-color: #0e7490;
829
836
  color: #fff;
830
837
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
831
- box-shadow: none;
832
838
  outline-color: inherit;
833
839
  }
834
840
  .e-btn-group .e-btn:focus.e-warning,
@@ -839,7 +845,6 @@
839
845
  border-color: #c2410c;
840
846
  color: #fff;
841
847
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
842
- box-shadow: none;
843
848
  outline-color: inherit;
844
849
  }
845
850
  .e-btn-group .e-btn:focus.e-danger,
@@ -850,7 +855,6 @@
850
855
  border-color: #dc2626;
851
856
  color: #fff;
852
857
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
853
- box-shadow: none;
854
858
  outline-color: inherit;
855
859
  }
856
860
  .e-btn-group .e-btn:focus.e-link,
@@ -870,42 +874,36 @@
870
874
  .e-css.e-btn-group .e-btn:focus.e-outline,
871
875
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
872
876
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
873
- box-shadow: none;
874
877
  }
875
878
  .e-btn-group .e-btn:focus.e-outline.e-primary,
876
879
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
877
880
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
878
881
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
879
882
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
880
- box-shadow: none;
881
883
  }
882
884
  .e-btn-group .e-btn:focus.e-outline.e-success,
883
885
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
884
886
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
885
887
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
886
888
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
887
- box-shadow: none;
888
889
  }
889
890
  .e-btn-group .e-btn:focus.e-outline.e-info,
890
891
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
891
892
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
892
893
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
893
894
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
894
- box-shadow: none;
895
895
  }
896
896
  .e-btn-group .e-btn:focus.e-outline.e-warning,
897
897
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
898
898
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
899
899
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
900
900
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
901
- box-shadow: none;
902
901
  }
903
902
  .e-btn-group .e-btn:focus.e-outline.e-danger,
904
903
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
905
904
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
906
905
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
907
906
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
908
- box-shadow: none;
909
907
  }
910
908
  .e-btn-group .e-btn:active,
911
909
  .e-btn-group input:active + label.e-btn,