@syncfusion/ej2-vue-splitbuttons 19.2.55 → 19.3.44

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 (65) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-vue-splitbuttons.umd.min.js +2 -11
  3. package/dist/ej2-vue-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-splitbuttons.es2015.js +73 -1
  5. package/dist/es6/ej2-vue-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-splitbuttons.es5.js +79 -1
  7. package/dist/es6/ej2-vue-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/drop-down-button/dropdownbutton.component.d.ts +2 -0
  11. package/src/drop-down-button/dropdownbutton.component.js +27 -1
  12. package/src/progress-button/progressbutton.component.d.ts +2 -0
  13. package/src/progress-button/progressbutton.component.js +27 -1
  14. package/src/split-button/splitbutton.component.d.ts +2 -0
  15. package/src/split-button/splitbutton.component.js +27 -1
  16. package/styles/bootstrap-dark.css +1 -31
  17. package/styles/bootstrap.css +1 -19
  18. package/styles/bootstrap4.css +1 -31
  19. package/styles/bootstrap5-dark.css +2105 -0
  20. package/styles/bootstrap5-dark.scss +4 -0
  21. package/styles/bootstrap5.css +2105 -0
  22. package/styles/bootstrap5.scss +4 -0
  23. package/styles/button-group/bootstrap-dark.css +1 -31
  24. package/styles/button-group/bootstrap.css +1 -19
  25. package/styles/button-group/bootstrap4.css +1 -31
  26. package/styles/button-group/bootstrap5-dark.css +842 -0
  27. package/styles/button-group/bootstrap5-dark.scss +1 -0
  28. package/styles/button-group/bootstrap5.css +842 -0
  29. package/styles/button-group/bootstrap5.scss +1 -0
  30. package/styles/button-group/fabric-dark.css +1 -31
  31. package/styles/button-group/fabric.css +1 -31
  32. package/styles/button-group/highcontrast-light.css +1 -31
  33. package/styles/button-group/highcontrast.css +1 -31
  34. package/styles/button-group/material-dark.css +5 -35
  35. package/styles/button-group/material.css +1 -31
  36. package/styles/button-group/tailwind-dark.css +1 -31
  37. package/styles/button-group/tailwind.css +1 -31
  38. package/styles/drop-down-button/bootstrap5-dark.css +248 -0
  39. package/styles/drop-down-button/bootstrap5-dark.scss +1 -0
  40. package/styles/drop-down-button/bootstrap5.css +248 -0
  41. package/styles/drop-down-button/bootstrap5.scss +1 -0
  42. package/styles/drop-down-button/tailwind-dark.css +5 -0
  43. package/styles/drop-down-button/tailwind.css +5 -0
  44. package/styles/fabric-dark.css +1 -31
  45. package/styles/fabric.css +1 -31
  46. package/styles/highcontrast-light.css +1 -31
  47. package/styles/highcontrast.css +1 -31
  48. package/styles/material-dark.css +15 -45
  49. package/styles/material.css +2 -32
  50. package/styles/progress-button/bootstrap5-dark.css +645 -0
  51. package/styles/progress-button/bootstrap5-dark.scss +1 -0
  52. package/styles/progress-button/bootstrap5.css +645 -0
  53. package/styles/progress-button/bootstrap5.scss +1 -0
  54. package/styles/progress-button/material-dark.css +9 -9
  55. package/styles/progress-button/tailwind-dark.css +10 -10
  56. package/styles/split-button/bootstrap5-dark.css +367 -0
  57. package/styles/split-button/bootstrap5-dark.scss +1 -0
  58. package/styles/split-button/bootstrap5.css +367 -0
  59. package/styles/split-button/bootstrap5.scss +1 -0
  60. package/styles/split-button/material-dark.css +1 -1
  61. package/styles/split-button/material.css +1 -1
  62. package/styles/split-button/tailwind-dark.css +2 -0
  63. package/styles/split-button/tailwind.css +2 -0
  64. package/styles/tailwind-dark.css +18 -41
  65. package/styles/tailwind.css +8 -31
@@ -0,0 +1,4 @@
1
+ @import 'drop-down-button/bootstrap5.scss';
2
+ @import 'split-button/bootstrap5.scss';
3
+ @import 'button-group/bootstrap5.scss';
4
+ @import 'progress-button/bootstrap5.scss';
@@ -389,9 +389,6 @@
389
389
  .e-btn-group input:focus + label.e-btn.e-outline,
390
390
  .e-css.e-btn-group .e-btn:focus.e-outline,
391
391
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
392
- background-color: #2a2a2a;
393
- border-color: #585858;
394
- color: #fff;
395
392
  box-shadow: none;
396
393
  box-shadow: none;
397
394
  }
@@ -400,9 +397,6 @@
400
397
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
401
398
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
402
399
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
403
- background-color: #0058bd;
404
- border-color: #0058bd;
405
- color: #fff;
406
400
  box-shadow: none;
407
401
  }
408
402
 
@@ -410,9 +404,6 @@
410
404
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
411
405
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
412
406
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
413
- background-color: #265e28;
414
- border-color: #265e28;
415
- color: #fff;
416
407
  box-shadow: none;
417
408
  }
418
409
 
@@ -420,9 +411,6 @@
420
411
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
421
412
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
422
413
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
423
- background-color: #1b6d7b;
424
- border-color: #175b66;
425
- color: #fff;
426
414
  box-shadow: none;
427
415
  }
428
416
 
@@ -430,9 +418,6 @@
430
418
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
431
419
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
432
420
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
433
- background-color: #dd8907;
434
- border-color: #7a4c04;
435
- color: #000;
436
421
  box-shadow: none;
437
422
  }
438
423
 
@@ -440,9 +425,6 @@
440
425
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
441
426
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
442
427
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
443
- background-color: #ac2a2a;
444
- border-color: #982525;
445
- color: #fff;
446
428
  box-shadow: none;
447
429
  }
448
430
 
@@ -458,7 +440,6 @@
458
440
  outline: #393939 0 solid;
459
441
  outline-offset: 0;
460
442
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
461
- box-shadow: none;
462
443
  }
463
444
 
464
445
  .e-btn-group .e-btn:active.e-primary,
@@ -472,7 +453,6 @@
472
453
  color: #fff;
473
454
  outline: #393939 0 solid;
474
455
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
475
- box-shadow: none;
476
456
  }
477
457
 
478
458
  .e-btn-group .e-btn:active.e-success,
@@ -485,7 +465,6 @@
485
465
  border-color: #265e28;
486
466
  color: #fff;
487
467
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
488
- box-shadow: none;
489
468
  }
490
469
 
491
470
  .e-btn-group .e-btn:active.e-info,
@@ -495,10 +474,9 @@
495
474
  .e-css.e-btn-group input:active + label.e-btn.e-info,
496
475
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
497
476
  background-color: #124851;
498
- border-color: #175b66;
499
477
  color: #fff;
478
+ border-color: #175b66;
500
479
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
501
- box-shadow: none;
502
480
  }
503
481
 
504
482
  .e-btn-group .e-btn:active.e-warning,
@@ -511,7 +489,6 @@
511
489
  border-color: #ab6a05;
512
490
  color: #000;
513
491
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
514
- box-shadow: none;
515
492
  }
516
493
 
517
494
  .e-btn-group .e-btn:active.e-danger,
@@ -524,7 +501,6 @@
524
501
  border-color: #982525;
525
502
  color: #fff;
526
503
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
527
- box-shadow: none;
528
504
  }
529
505
 
530
506
  .e-btn-group .e-btn:active.e-outline,
@@ -537,7 +513,6 @@
537
513
  border-color: #585858;
538
514
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
539
515
  color: #fff;
540
- box-shadow: none;
541
516
  }
542
517
 
543
518
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -550,7 +525,6 @@
550
525
  border-color: #0058bd;
551
526
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
552
527
  color: #fff;
553
- box-shadow: none;
554
528
  }
555
529
 
556
530
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -563,7 +537,6 @@
563
537
  border-color: #265e28;
564
538
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
565
539
  color: #fff;
566
- box-shadow: none;
567
540
  }
568
541
 
569
542
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -576,7 +549,6 @@
576
549
  border-color: #175b66;
577
550
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
578
551
  color: #fff;
579
- box-shadow: none;
580
552
  }
581
553
 
582
554
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -589,7 +561,6 @@
589
561
  border-color: #ab6a05;
590
562
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
591
563
  color: #000;
592
- box-shadow: none;
593
564
  }
594
565
 
595
566
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -602,7 +573,6 @@
602
573
  border-color: #982525;
603
574
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
604
575
  color: #fff;
605
- box-shadow: none;
606
576
  }
607
577
 
608
578
  .e-btn-group .e-btn:disabled,
@@ -389,9 +389,6 @@
389
389
  .e-btn-group input:focus + label.e-btn.e-outline,
390
390
  .e-css.e-btn-group .e-btn:focus.e-outline,
391
391
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
392
- background-color: #e6e6e6;
393
- border-color: #8c8c8c;
394
- color: #333;
395
392
  box-shadow: none;
396
393
  box-shadow: none;
397
394
  }
@@ -400,9 +397,6 @@
400
397
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
401
398
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
402
399
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
403
- background-color: #21527d;
404
- border-color: #0c1d2c;
405
- color: #fff;
406
400
  box-shadow: none;
407
401
  }
408
402
 
@@ -410,9 +404,6 @@
410
404
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
411
405
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
412
406
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
413
- background-color: #124a1f;
414
- border-color: black;
415
- color: #fff;
416
407
  box-shadow: none;
417
408
  }
418
409
 
@@ -420,9 +411,6 @@
420
411
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
421
412
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
422
413
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
423
- background-color: #104b5d;
424
- border-color: #010406;
425
- color: #fff;
426
414
  box-shadow: none;
427
415
  }
428
416
 
@@ -430,9 +418,6 @@
430
418
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
431
419
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
432
420
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
433
- background-color: #613b05;
434
- border-color: black;
435
- color: #fff;
436
421
  box-shadow: none;
437
422
  }
438
423
 
@@ -440,9 +425,6 @@
440
425
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
441
426
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
442
427
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
443
- background-color: #a51c2a;
444
- border-color: #4e0d14;
445
- color: #fff;
446
428
  box-shadow: none;
447
429
  }
448
430
 
@@ -492,8 +474,8 @@
492
474
  .e-css.e-btn-group input:active + label.e-btn.e-info,
493
475
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
494
476
  background-color: #104b5d;
495
- border-color: #082831;
496
477
  color: #fff;
478
+ border-color: #082831;
497
479
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
498
480
  }
499
481
 
@@ -397,9 +397,6 @@
397
397
  .e-btn-group input:focus + label.e-btn.e-outline,
398
398
  .e-css.e-btn-group .e-btn:focus.e-outline,
399
399
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
400
- background-color: #6c757d;
401
- border-color: #6c757d;
402
- color: #fff;
403
400
  box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
404
401
  box-shadow: none;
405
402
  }
@@ -408,9 +405,6 @@
408
405
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
409
406
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
410
407
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
411
- background-color: #007bff;
412
- border-color: #007bff;
413
- color: #fff;
414
408
  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
415
409
  box-shadow: none;
416
410
  }
@@ -419,9 +413,6 @@
419
413
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
420
414
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
421
415
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
422
- background-color: #28a745;
423
- border-color: #28a745;
424
- color: #fff;
425
416
  box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
426
417
  box-shadow: none;
427
418
  }
@@ -430,9 +421,6 @@
430
421
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
431
422
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
432
423
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
433
- background-color: #138496;
434
- border-color: #17a2b8;
435
- color: #fff;
436
424
  box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
437
425
  box-shadow: none;
438
426
  }
@@ -441,9 +429,6 @@
441
429
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
442
430
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
443
431
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
444
- background-color: #e0a800;
445
- border-color: #ffc107;
446
- color: #212529;
447
432
  box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
448
433
  box-shadow: none;
449
434
  }
@@ -452,9 +437,6 @@
452
437
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
453
438
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
454
439
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
455
- background-color: #c82333;
456
- border-color: #dc3545;
457
- color: #fff;
458
440
  box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
459
441
  box-shadow: none;
460
442
  }
@@ -471,7 +453,6 @@
471
453
  outline: #6c757d 0 solid;
472
454
  outline-offset: 0;
473
455
  box-shadow: 0 0 0 0.25em rgba(79, 85, 91, 0.5);
474
- box-shadow: none;
475
456
  }
476
457
 
477
458
  .e-btn-group .e-btn:active.e-primary,
@@ -485,7 +466,6 @@
485
466
  color: #fff;
486
467
  outline: #6c757d 0 solid;
487
468
  box-shadow: 0 0 0 0.25em rgba(0, 92, 191, 0.5);
488
- box-shadow: none;
489
469
  }
490
470
 
491
471
  .e-btn-group .e-btn:active.e-success,
@@ -498,7 +478,6 @@
498
478
  border-color: #1c7430;
499
479
  color: #fff;
500
480
  box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
501
- box-shadow: none;
502
481
  }
503
482
 
504
483
  .e-btn-group .e-btn:active.e-info,
@@ -508,10 +487,9 @@
508
487
  .e-css.e-btn-group input:active + label.e-btn.e-info,
509
488
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
510
489
  background-color: #117a8b;
511
- border-color: #10707f;
512
490
  color: #fff;
491
+ border-color: #10707f;
513
492
  box-shadow: 0 0 0 0.25em rgba(16, 112, 128, 0.5);
514
- box-shadow: none;
515
493
  }
516
494
 
517
495
  .e-btn-group .e-btn:active.e-warning,
@@ -524,7 +502,6 @@
524
502
  border-color: #c69500;
525
503
  color: #212529;
526
504
  box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
527
- box-shadow: none;
528
505
  }
529
506
 
530
507
  .e-btn-group .e-btn:active.e-danger,
@@ -537,7 +514,6 @@
537
514
  border-color: #b21f2d;
538
515
  color: #fff;
539
516
  box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
540
- box-shadow: none;
541
517
  }
542
518
 
543
519
  .e-btn-group .e-btn:active.e-outline,
@@ -550,7 +526,6 @@
550
526
  border-color: transparent;
551
527
  box-shadow: 0 0 0 0.25em rgba(79, 85, 91, 0.5);
552
528
  color: #fff;
553
- box-shadow: none;
554
529
  }
555
530
 
556
531
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -563,7 +538,6 @@
563
538
  border-color: transparent;
564
539
  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
565
540
  color: #fff;
566
- box-shadow: none;
567
541
  }
568
542
 
569
543
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -576,7 +550,6 @@
576
550
  border-color: transparent;
577
551
  box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
578
552
  color: #fff;
579
- box-shadow: none;
580
553
  }
581
554
 
582
555
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -589,7 +562,6 @@
589
562
  border-color: transparent;
590
563
  box-shadow: 0 0 0 0.25em rgba(16, 112, 128, 0.5);
591
564
  color: #fff;
592
- box-shadow: none;
593
565
  }
594
566
 
595
567
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -602,7 +574,6 @@
602
574
  border-color: transparent;
603
575
  box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
604
576
  color: #212529;
605
- box-shadow: none;
606
577
  }
607
578
 
608
579
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -615,7 +586,6 @@
615
586
  border-color: transparent;
616
587
  box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
617
588
  color: #fff;
618
- box-shadow: none;
619
589
  }
620
590
 
621
591
  .e-btn-group .e-btn:disabled,