@syncfusion/ej2-react-splitbuttons 20.4.50 → 21.1.35

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 (58) hide show
  1. package/CHANGELOG.md +2 -26
  2. package/dist/ej2-react-splitbuttons.min.js +2 -2
  3. package/dist/ej2-react-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-react-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-react-splitbuttons.es2015.js +3 -0
  6. package/dist/es6/ej2-react-splitbuttons.es2015.js.map +1 -1
  7. package/package.json +9 -9
  8. package/src/drop-down-button/dropdownbutton.component.d.ts +1 -0
  9. package/src/drop-down-button/dropdownbutton.component.js +1 -0
  10. package/src/progress-button/progressbutton.component.d.ts +1 -0
  11. package/src/progress-button/progressbutton.component.js +1 -0
  12. package/src/split-button/splitbutton.component.d.ts +1 -0
  13. package/src/split-button/splitbutton.component.js +1 -0
  14. package/styles/bootstrap-dark.css +44 -44
  15. package/styles/bootstrap.css +44 -44
  16. package/styles/bootstrap4.css +44 -44
  17. package/styles/bootstrap5-dark.css +48 -48
  18. package/styles/bootstrap5.css +48 -48
  19. package/styles/button-group/bootstrap-dark.css +30 -30
  20. package/styles/button-group/bootstrap.css +30 -30
  21. package/styles/button-group/bootstrap4.css +31 -31
  22. package/styles/button-group/bootstrap5-dark.css +30 -30
  23. package/styles/button-group/bootstrap5.css +30 -30
  24. package/styles/button-group/fabric-dark.css +30 -30
  25. package/styles/button-group/fabric.css +30 -30
  26. package/styles/button-group/fluent-dark.css +30 -30
  27. package/styles/button-group/fluent.css +30 -30
  28. package/styles/button-group/highcontrast-light.css +30 -30
  29. package/styles/button-group/highcontrast.css +30 -30
  30. package/styles/button-group/material-dark.css +30 -30
  31. package/styles/button-group/material.css +30 -30
  32. package/styles/button-group/tailwind-dark.css +30 -30
  33. package/styles/button-group/tailwind.css +30 -30
  34. package/styles/fabric-dark.css +44 -44
  35. package/styles/fabric.css +44 -44
  36. package/styles/fluent-dark.css +48 -48
  37. package/styles/fluent.css +48 -48
  38. package/styles/highcontrast-light.css +44 -44
  39. package/styles/highcontrast.css +44 -44
  40. package/styles/material-dark.css +43 -43
  41. package/styles/material.css +43 -43
  42. package/styles/progress-button/bootstrap-dark.css +14 -14
  43. package/styles/progress-button/bootstrap.css +14 -14
  44. package/styles/progress-button/bootstrap4.css +13 -13
  45. package/styles/progress-button/bootstrap5-dark.css +18 -18
  46. package/styles/progress-button/bootstrap5.css +18 -18
  47. package/styles/progress-button/fabric-dark.css +14 -14
  48. package/styles/progress-button/fabric.css +14 -14
  49. package/styles/progress-button/fluent-dark.css +18 -18
  50. package/styles/progress-button/fluent.css +18 -18
  51. package/styles/progress-button/highcontrast-light.css +14 -14
  52. package/styles/progress-button/highcontrast.css +14 -14
  53. package/styles/progress-button/material-dark.css +13 -13
  54. package/styles/progress-button/material.css +13 -13
  55. package/styles/progress-button/tailwind-dark.css +18 -18
  56. package/styles/progress-button/tailwind.css +18 -18
  57. package/styles/tailwind-dark.css +48 -48
  58. package/styles/tailwind.css +48 -48
@@ -249,7 +249,7 @@
249
249
  .e-btn-group input:focus + label.e-btn,
250
250
  .e-css.e-btn-group .e-btn:focus,
251
251
  .e-css.e-btn-group input:focus + label.e-btn {
252
- background-color: #878787;
252
+ background: #878787;
253
253
  border-color: transparent;
254
254
  color: #fff;
255
255
  outline: #616161 0 solid;
@@ -262,7 +262,7 @@
262
262
  .e-btn-group input:focus + label.e-btn.e-primary,
263
263
  .e-css.e-btn-group .e-btn:focus.e-primary,
264
264
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
265
- background-color: #0086c2;
265
+ background: #0086c2;
266
266
  border-color: transparent;
267
267
  color: #000;
268
268
  outline: #616161 0 solid;
@@ -274,7 +274,7 @@
274
274
  .e-btn-group input:focus + label.e-btn.e-success,
275
275
  .e-css.e-btn-group .e-btn:focus.e-success,
276
276
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
277
- background-color: #77c27a;
277
+ background: #77c27a;
278
278
  border-color: transparent;
279
279
  color: #fff;
280
280
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -285,7 +285,7 @@
285
285
  .e-btn-group input:focus + label.e-btn.e-info,
286
286
  .e-css.e-btn-group .e-btn:focus.e-info,
287
287
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
288
- background-color: #3fbef7;
288
+ background: #3fbef7;
289
289
  border-color: transparent;
290
290
  color: #fff;
291
291
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -296,7 +296,7 @@
296
296
  .e-btn-group input:focus + label.e-btn.e-warning,
297
297
  .e-css.e-btn-group .e-btn:focus.e-warning,
298
298
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
299
- background-color: #ffb13d;
299
+ background: #ffb13d;
300
300
  border-color: transparent;
301
301
  color: #fff;
302
302
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -307,7 +307,7 @@
307
307
  .e-btn-group input:focus + label.e-btn.e-danger,
308
308
  .e-css.e-btn-group .e-btn:focus.e-danger,
309
309
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
310
- background-color: #ff8b7c;
310
+ background: #ff8b7c;
311
311
  border-color: transparent;
312
312
  color: #fff;
313
313
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -369,7 +369,7 @@
369
369
  .e-css.e-btn-group .e-btn:active,
370
370
  .e-css.e-btn-group input:active + label.e-btn,
371
371
  .e-css.e-btn-group input:checked + label.e-btn {
372
- background-color: #7d7d7d;
372
+ background: #7d7d7d;
373
373
  border-color: transparent;
374
374
  color: #fff;
375
375
  outline: #616161 0 solid;
@@ -382,7 +382,7 @@
382
382
  .e-css.e-btn-group .e-btn:active.e-primary,
383
383
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
384
384
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
385
- background-color: #0078ad;
385
+ background: #0078ad;
386
386
  border-color: transparent;
387
387
  color: #000;
388
388
  outline: #616161 0 solid;
@@ -394,7 +394,7 @@
394
394
  .e-css.e-btn-group .e-btn:active.e-success,
395
395
  .e-css.e-btn-group input:active + label.e-btn.e-success,
396
396
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
397
- background-color: #85c988;
397
+ background: #85c988;
398
398
  border-color: transparent;
399
399
  color: #fff;
400
400
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -405,7 +405,7 @@
405
405
  .e-css.e-btn-group .e-btn:active.e-info,
406
406
  .e-css.e-btn-group input:active + label.e-btn.e-info,
407
407
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
408
- background-color: #54c5f8;
408
+ background: #54c5f8;
409
409
  color: #fff;
410
410
  border-color: transparent;
411
411
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -416,7 +416,7 @@
416
416
  .e-css.e-btn-group .e-btn:active.e-warning,
417
417
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
418
418
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
419
- background-color: #ffb952;
419
+ background: #ffb952;
420
420
  border-color: transparent;
421
421
  color: #fff;
422
422
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -427,7 +427,7 @@
427
427
  .e-css.e-btn-group .e-btn:active.e-danger,
428
428
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
429
429
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
430
- background-color: #ff9789;
430
+ background: #ff9789;
431
431
  border-color: transparent;
432
432
  color: #fff;
433
433
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -438,7 +438,7 @@
438
438
  .e-css.e-btn-group .e-btn:active.e-outline,
439
439
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
440
440
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
441
- background-color: rgba(255, 255, 255, 0.24);
441
+ background: rgba(255, 255, 255, 0.24);
442
442
  border-color: #616161;
443
443
  box-shadow: none;
444
444
  color: #fff;
@@ -449,7 +449,7 @@
449
449
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
450
450
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
451
451
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
452
- background-color: #0078ad;
452
+ background: #0078ad;
453
453
  border-color: transparent;
454
454
  box-shadow: none;
455
455
  color: #000;
@@ -460,7 +460,7 @@
460
460
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
461
461
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
462
462
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
463
- background-color: #85c988;
463
+ background: #85c988;
464
464
  border-color: transparent;
465
465
  box-shadow: none;
466
466
  color: #fff;
@@ -471,7 +471,7 @@
471
471
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
472
472
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
473
473
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
474
- background-color: #54c5f8;
474
+ background: #54c5f8;
475
475
  border-color: transparent;
476
476
  box-shadow: none;
477
477
  color: #fff;
@@ -482,7 +482,7 @@
482
482
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
483
483
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
484
484
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
485
- background-color: #ffb952;
485
+ background: #ffb952;
486
486
  border-color: transparent;
487
487
  box-shadow: none;
488
488
  color: #fff;
@@ -493,7 +493,7 @@
493
493
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
494
494
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
495
495
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
496
- background-color: #ff9789;
496
+ background: #ff9789;
497
497
  border-color: transparent;
498
498
  box-shadow: none;
499
499
  color: #fff;
@@ -512,7 +512,7 @@
512
512
  .e-btn-group input:disabled + label.e-btn.e-primary,
513
513
  .e-css.e-btn-group .e-btn:disabled.e-primary,
514
514
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
515
- background-color: rgba(255, 255, 255, 0.1);
515
+ background: rgba(255, 255, 255, 0.1);
516
516
  border-color: transparent;
517
517
  box-shadow: none;
518
518
  color: rgba(255, 255, 255, 0.3);
@@ -522,7 +522,7 @@
522
522
  .e-btn-group input:disabled + label.e-btn.e-success,
523
523
  .e-css.e-btn-group .e-btn:disabled.e-success,
524
524
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
525
- background-color: rgba(255, 255, 255, 0.1);
525
+ background: rgba(255, 255, 255, 0.1);
526
526
  border-color: transparent;
527
527
  box-shadow: none;
528
528
  color: rgba(255, 255, 255, 0.3);
@@ -532,7 +532,7 @@
532
532
  .e-btn-group input:disabled + label.e-btn.e-info,
533
533
  .e-css.e-btn-group .e-btn:disabled.e-info,
534
534
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
535
- background-color: rgba(255, 255, 255, 0.1);
535
+ background: rgba(255, 255, 255, 0.1);
536
536
  border-color: transparent;
537
537
  box-shadow: none;
538
538
  color: rgba(255, 255, 255, 0.3);
@@ -542,7 +542,7 @@
542
542
  .e-btn-group input:disabled + label.e-btn.e-warning,
543
543
  .e-css.e-btn-group .e-btn:disabled.e-warning,
544
544
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
545
- background-color: rgba(255, 255, 255, 0.1);
545
+ background: rgba(255, 255, 255, 0.1);
546
546
  border-color: transparent;
547
547
  box-shadow: none;
548
548
  color: rgba(255, 255, 255, 0.3);
@@ -552,7 +552,7 @@
552
552
  .e-btn-group input:disabled + label.e-btn.e-danger,
553
553
  .e-css.e-btn-group .e-btn:disabled.e-danger,
554
554
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
555
- background-color: rgba(255, 255, 255, 0.1);
555
+ background: rgba(255, 255, 255, 0.1);
556
556
  border-color: transparent;
557
557
  box-shadow: none;
558
558
  color: rgba(255, 255, 255, 0.3);
@@ -563,7 +563,7 @@
563
563
  .e-css.e-btn-group .e-btn:disabled.e-link,
564
564
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
565
565
  color: rgba(255, 255, 255, 0.3);
566
- background-color: transparent;
566
+ background: transparent;
567
567
  box-shadow: none;
568
568
  text-decoration: none;
569
569
  border-color: transparent;
@@ -572,7 +572,7 @@
572
572
  .e-btn-group input:disabled + label.e-btn.e-outline,
573
573
  .e-css.e-btn-group .e-btn:disabled.e-outline,
574
574
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
575
- background-color: transparent;
575
+ background: transparent;
576
576
  border-color: rgba(97, 97, 97, 0.3);
577
577
  box-shadow: none;
578
578
  color: rgba(255, 255, 255, 0.3);
@@ -582,7 +582,7 @@
582
582
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
583
583
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
584
584
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
585
- background-color: transparent;
585
+ background: transparent;
586
586
  border-color: rgba(97, 97, 97, 0.3);
587
587
  box-shadow: none;
588
588
  color: rgba(255, 255, 255, 0.3);
@@ -592,7 +592,7 @@
592
592
  .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
593
593
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
594
594
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
595
- background-color: transparent;
595
+ background: transparent;
596
596
  border-color: rgba(97, 97, 97, 0.3);
597
597
  box-shadow: none;
598
598
  color: rgba(255, 255, 255, 0.3);
@@ -602,7 +602,7 @@
602
602
  .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
603
603
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
604
604
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
605
- background-color: transparent;
605
+ background: transparent;
606
606
  border-color: rgba(97, 97, 97, 0.3);
607
607
  box-shadow: none;
608
608
  color: rgba(255, 255, 255, 0.3);
@@ -612,7 +612,7 @@
612
612
  .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
613
613
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
614
614
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
615
- background-color: transparent;
615
+ background: transparent;
616
616
  border-color: rgba(97, 97, 97, 0.3);
617
617
  box-shadow: none;
618
618
  color: rgba(255, 255, 255, 0.3);
@@ -622,7 +622,7 @@
622
622
  .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
623
623
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
624
624
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
625
- background-color: transparent;
625
+ background: transparent;
626
626
  border-color: rgba(97, 97, 97, 0.3);
627
627
  box-shadow: none;
628
628
  color: rgba(255, 255, 255, 0.3);
@@ -253,7 +253,7 @@
253
253
  .e-btn-group input:focus + label.e-btn,
254
254
  .e-css.e-btn-group .e-btn:focus,
255
255
  .e-css.e-btn-group input:focus + label.e-btn {
256
- background-color: rgba(0, 0, 0, 0.18);
256
+ background: rgba(0, 0, 0, 0.18);
257
257
  border-color: transparent;
258
258
  color: rgba(0, 0, 0, 0.87);
259
259
  outline: #fafafa 0 solid;
@@ -266,7 +266,7 @@
266
266
  .e-btn-group input:focus + label.e-btn.e-primary,
267
267
  .e-css.e-btn-group .e-btn:focus.e-primary,
268
268
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
269
- background-color: #ea4e82;
269
+ background: #ea4e82;
270
270
  border-color: transparent;
271
271
  color: #fff;
272
272
  outline: #fafafa 0 solid;
@@ -278,7 +278,7 @@
278
278
  .e-btn-group input:focus + label.e-btn.e-success,
279
279
  .e-css.e-btn-group .e-btn:focus.e-success,
280
280
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
281
- background-color: #78a253;
281
+ background: #78a253;
282
282
  border-color: transparent;
283
283
  color: #fff;
284
284
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -289,7 +289,7 @@
289
289
  .e-btn-group input:focus + label.e-btn.e-info,
290
290
  .e-css.e-btn-group .e-btn:focus.e-info,
291
291
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
- background-color: #3f98df;
292
+ background: #3f98df;
293
293
  border-color: transparent;
294
294
  color: #fff;
295
295
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -300,7 +300,7 @@
300
300
  .e-btn-group input:focus + label.e-btn.e-warning,
301
301
  .e-css.e-btn-group .e-btn:focus.e-warning,
302
302
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
303
- background-color: #d07f3d;
303
+ background: #d07f3d;
304
304
  border-color: transparent;
305
305
  color: #fff;
306
306
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -311,7 +311,7 @@
311
311
  .e-btn-group input:focus + label.e-btn.e-danger,
312
312
  .e-css.e-btn-group .e-btn:focus.e-danger,
313
313
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
314
- background-color: #e06f4c;
314
+ background: #e06f4c;
315
315
  border-color: transparent;
316
316
  color: #fff;
317
317
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -373,7 +373,7 @@
373
373
  .e-css.e-btn-group .e-btn:active,
374
374
  .e-css.e-btn-group input:active + label.e-btn,
375
375
  .e-css.e-btn-group input:checked + label.e-btn {
376
- background-color: rgba(184, 184, 184, 0.9584);
376
+ background: rgba(184, 184, 184, 0.9584);
377
377
  border-color: transparent;
378
378
  color: rgba(0, 0, 0, 0.87);
379
379
  outline: #fafafa 0 solid;
@@ -386,7 +386,7 @@
386
386
  .e-css.e-btn-group .e-btn:active.e-primary,
387
387
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
388
388
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
389
- background-color: #ec618f;
389
+ background: #ec618f;
390
390
  border-color: transparent;
391
391
  color: #fff;
392
392
  outline: #fafafa 0 solid;
@@ -398,7 +398,7 @@
398
398
  .e-css.e-btn-group .e-btn:active.e-success,
399
399
  .e-css.e-btn-group input:active + label.e-btn.e-success,
400
400
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
401
- background-color: #86ab65;
401
+ background: #86ab65;
402
402
  border-color: transparent;
403
403
  color: #fff;
404
404
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -409,7 +409,7 @@
409
409
  .e-css.e-btn-group .e-btn:active.e-info,
410
410
  .e-css.e-btn-group input:active + label.e-btn.e-info,
411
411
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
412
- background-color: #54a3e2;
412
+ background: #54a3e2;
413
413
  color: #fff;
414
414
  border-color: transparent;
415
415
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -420,7 +420,7 @@
420
420
  .e-css.e-btn-group .e-btn:active.e-warning,
421
421
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
422
422
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
423
- background-color: #d58d52;
423
+ background: #d58d52;
424
424
  border-color: transparent;
425
425
  color: #fff;
426
426
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -431,7 +431,7 @@
431
431
  .e-css.e-btn-group .e-btn:active.e-danger,
432
432
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
433
433
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
434
- background-color: #e37e5f;
434
+ background: #e37e5f;
435
435
  border-color: transparent;
436
436
  color: #fff;
437
437
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -442,7 +442,7 @@
442
442
  .e-css.e-btn-group .e-btn:active.e-outline,
443
443
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
444
444
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
445
- background-color: rgba(0, 0, 0, 0.32);
445
+ background: rgba(0, 0, 0, 0.32);
446
446
  border-color: #adadad;
447
447
  box-shadow: none;
448
448
  color: rgba(0, 0, 0, 0.87);
@@ -453,7 +453,7 @@
453
453
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
454
454
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
455
455
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
456
- background-color: #ec618f;
456
+ background: #ec618f;
457
457
  border-color: transparent;
458
458
  box-shadow: none;
459
459
  color: #fff;
@@ -464,7 +464,7 @@
464
464
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
465
465
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
466
466
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
467
- background-color: #86ab65;
467
+ background: #86ab65;
468
468
  border-color: transparent;
469
469
  box-shadow: none;
470
470
  color: #fff;
@@ -475,7 +475,7 @@
475
475
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
476
476
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
477
477
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
478
- background-color: #54a3e2;
478
+ background: #54a3e2;
479
479
  border-color: transparent;
480
480
  box-shadow: none;
481
481
  color: #fff;
@@ -486,7 +486,7 @@
486
486
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
487
487
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
488
488
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
489
- background-color: #d58d52;
489
+ background: #d58d52;
490
490
  border-color: transparent;
491
491
  box-shadow: none;
492
492
  color: #fff;
@@ -497,7 +497,7 @@
497
497
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
498
498
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
499
499
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
500
- background-color: #e37e5f;
500
+ background: #e37e5f;
501
501
  border-color: transparent;
502
502
  box-shadow: none;
503
503
  color: #fff;
@@ -516,7 +516,7 @@
516
516
  .e-btn-group input:disabled + label.e-btn.e-primary,
517
517
  .e-css.e-btn-group .e-btn:disabled.e-primary,
518
518
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
519
- background-color: rgba(0, 0, 0, 0.12);
519
+ background: rgba(0, 0, 0, 0.12);
520
520
  border-color: transparent;
521
521
  box-shadow: none;
522
522
  color: rgba(0, 0, 0, 0.26);
@@ -526,7 +526,7 @@
526
526
  .e-btn-group input:disabled + label.e-btn.e-success,
527
527
  .e-css.e-btn-group .e-btn:disabled.e-success,
528
528
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
529
- background-color: rgba(0, 0, 0, 0.12);
529
+ background: rgba(0, 0, 0, 0.12);
530
530
  border-color: transparent;
531
531
  box-shadow: none;
532
532
  color: rgba(0, 0, 0, 0.26);
@@ -536,7 +536,7 @@
536
536
  .e-btn-group input:disabled + label.e-btn.e-info,
537
537
  .e-css.e-btn-group .e-btn:disabled.e-info,
538
538
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
539
- background-color: rgba(0, 0, 0, 0.12);
539
+ background: rgba(0, 0, 0, 0.12);
540
540
  border-color: transparent;
541
541
  box-shadow: none;
542
542
  color: rgba(0, 0, 0, 0.26);
@@ -546,7 +546,7 @@
546
546
  .e-btn-group input:disabled + label.e-btn.e-warning,
547
547
  .e-css.e-btn-group .e-btn:disabled.e-warning,
548
548
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
549
- background-color: rgba(0, 0, 0, 0.12);
549
+ background: rgba(0, 0, 0, 0.12);
550
550
  border-color: transparent;
551
551
  box-shadow: none;
552
552
  color: rgba(0, 0, 0, 0.26);
@@ -556,7 +556,7 @@
556
556
  .e-btn-group input:disabled + label.e-btn.e-danger,
557
557
  .e-css.e-btn-group .e-btn:disabled.e-danger,
558
558
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
559
- background-color: rgba(0, 0, 0, 0.12);
559
+ background: rgba(0, 0, 0, 0.12);
560
560
  border-color: transparent;
561
561
  box-shadow: none;
562
562
  color: rgba(0, 0, 0, 0.26);
@@ -567,7 +567,7 @@
567
567
  .e-css.e-btn-group .e-btn:disabled.e-link,
568
568
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
569
569
  color: rgba(0, 0, 0, 0.26);
570
- background-color: transparent;
570
+ background: transparent;
571
571
  box-shadow: none;
572
572
  text-decoration: none;
573
573
  border-color: transparent;
@@ -576,7 +576,7 @@
576
576
  .e-btn-group input:disabled + label.e-btn.e-outline,
577
577
  .e-css.e-btn-group .e-btn:disabled.e-outline,
578
578
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
579
- background-color: transparent;
579
+ background: transparent;
580
580
  border-color: rgba(0, 0, 0, 0.26);
581
581
  box-shadow: none;
582
582
  color: rgba(0, 0, 0, 0.26);
@@ -586,7 +586,7 @@
586
586
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
587
587
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
588
588
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
589
- background-color: transparent;
589
+ background: transparent;
590
590
  border-color: rgba(0, 0, 0, 0.26);
591
591
  box-shadow: none;
592
592
  color: rgba(0, 0, 0, 0.26);
@@ -596,7 +596,7 @@
596
596
  .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
597
597
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
598
598
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
599
- background-color: transparent;
599
+ background: transparent;
600
600
  border-color: rgba(0, 0, 0, 0.26);
601
601
  box-shadow: none;
602
602
  color: rgba(0, 0, 0, 0.26);
@@ -606,7 +606,7 @@
606
606
  .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
607
607
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
608
608
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
609
- background-color: transparent;
609
+ background: transparent;
610
610
  border-color: rgba(0, 0, 0, 0.26);
611
611
  box-shadow: none;
612
612
  color: rgba(0, 0, 0, 0.26);
@@ -616,7 +616,7 @@
616
616
  .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
617
617
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
618
618
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
619
- background-color: transparent;
619
+ background: transparent;
620
620
  border-color: rgba(0, 0, 0, 0.26);
621
621
  box-shadow: none;
622
622
  color: rgba(0, 0, 0, 0.26);
@@ -626,7 +626,7 @@
626
626
  .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
627
627
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
628
628
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
629
- background-color: transparent;
629
+ background: transparent;
630
630
  border-color: rgba(0, 0, 0, 0.26);
631
631
  box-shadow: none;
632
632
  color: rgba(0, 0, 0, 0.26);