@syncfusion/ej2-splitbuttons 23.2.4 → 24.1.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 (52) hide show
  1. package/CHANGELOG.md +8 -6
  2. package/README.md +1 -1
  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 +24 -4
  7. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  8. package/dist/es6/ej2-splitbuttons.es5.js +24 -4
  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 +8 -8
  14. package/src/drop-down-button/drop-down-button.d.ts +1 -0
  15. package/src/drop-down-button/drop-down-button.js +14 -1
  16. package/src/progress-button/progress-button.js +1 -1
  17. package/src/split-button/split-button.js +9 -2
  18. package/styles/bootstrap-dark.css +14 -0
  19. package/styles/bootstrap.css +14 -0
  20. package/styles/bootstrap4.css +14 -0
  21. package/styles/bootstrap5-dark.css +14 -0
  22. package/styles/bootstrap5.css +14 -0
  23. package/styles/fabric-dark.css +14 -0
  24. package/styles/fabric.css +14 -0
  25. package/styles/fluent-dark.css +14 -0
  26. package/styles/fluent.css +14 -0
  27. package/styles/highcontrast-light.css +14 -0
  28. package/styles/highcontrast.css +14 -0
  29. package/styles/material-dark.css +14 -0
  30. package/styles/material.css +14 -0
  31. package/styles/material3-dark.css +14 -0
  32. package/styles/material3.css +14 -0
  33. package/styles/progress-button/_theme.scss +14 -0
  34. package/styles/progress-button/bootstrap-dark.css +14 -0
  35. package/styles/progress-button/bootstrap.css +14 -0
  36. package/styles/progress-button/bootstrap4.css +14 -0
  37. package/styles/progress-button/bootstrap5-dark.css +14 -0
  38. package/styles/progress-button/bootstrap5.css +14 -0
  39. package/styles/progress-button/fabric-dark.css +14 -0
  40. package/styles/progress-button/fabric.css +14 -0
  41. package/styles/progress-button/fluent-dark.css +14 -0
  42. package/styles/progress-button/fluent.css +14 -0
  43. package/styles/progress-button/highcontrast-light.css +14 -0
  44. package/styles/progress-button/highcontrast.css +14 -0
  45. package/styles/progress-button/material-dark.css +14 -0
  46. package/styles/progress-button/material.css +14 -0
  47. package/styles/progress-button/material3-dark.css +14 -0
  48. package/styles/progress-button/material3.css +14 -0
  49. package/styles/progress-button/tailwind-dark.css +14 -0
  50. package/styles/progress-button/tailwind.css +14 -0
  51. package/styles/tailwind-dark.css +14 -0
  52. package/styles/tailwind.css +14 -0
@@ -442,4 +442,18 @@
442
442
  *.e-danger .e-progress,
443
443
  *.e-info .e-progress {
444
444
  background: rgba(0, 0, 0, 0.3);
445
+ }
446
+
447
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
448
+ fill: #fff;
449
+ stroke: #fff;
450
+ }
451
+
452
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
453
+ fill: #fff;
454
+ stroke: #fff;
455
+ }
456
+
457
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
458
+ stroke: #fff;
445
459
  }
@@ -442,4 +442,18 @@
442
442
  *.e-danger .e-progress,
443
443
  *.e-info .e-progress {
444
444
  background: rgba(0, 0, 0, 0.2);
445
+ }
446
+
447
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
448
+ fill: #fff;
449
+ stroke: #fff;
450
+ }
451
+
452
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
453
+ fill: #fff;
454
+ stroke: #fff;
455
+ }
456
+
457
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
458
+ stroke: #fff;
445
459
  }
@@ -519,4 +519,18 @@
519
519
  }
520
520
  *.e-outline:not(:focus).e-danger .e-progress {
521
521
  background: rgba(214, 65, 19, 0.2);
522
+ }
523
+
524
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
525
+ fill: rgba(0, 0, 0, 0.87);
526
+ stroke: rgba(0, 0, 0, 0.87);
527
+ }
528
+
529
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
530
+ fill: rgba(0, 0, 0, 0.87);
531
+ stroke: rgba(0, 0, 0, 0.87);
532
+ }
533
+
534
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
535
+ stroke: rgba(0, 0, 0, 0.87);
522
536
  }
@@ -553,4 +553,18 @@
553
553
  *.e-flat.e-danger .e-progress,
554
554
  *.e-flat:not(:focus).e-danger .e-progress {
555
555
  background: rgba(var(--color-sf-error), 0.12);
556
+ }
557
+
558
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
559
+ fill: rgba(var(--color-sf-on-surface));
560
+ stroke: rgba(var(--color-sf-on-surface));
561
+ }
562
+
563
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
564
+ fill: rgba(var(--color-sf-on-surface));
565
+ stroke: rgba(var(--color-sf-on-surface));
566
+ }
567
+
568
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
569
+ stroke: rgba(var(--color-sf-on-surface));
556
570
  }
@@ -609,4 +609,18 @@
609
609
  *.e-flat.e-danger .e-progress,
610
610
  *.e-flat:not(:focus).e-danger .e-progress {
611
611
  background: rgba(var(--color-sf-error), 0.12);
612
+ }
613
+
614
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
615
+ fill: rgba(var(--color-sf-on-surface));
616
+ stroke: rgba(var(--color-sf-on-surface));
617
+ }
618
+
619
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
620
+ fill: rgba(var(--color-sf-on-surface));
621
+ stroke: rgba(var(--color-sf-on-surface));
622
+ }
623
+
624
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
625
+ stroke: rgba(var(--color-sf-on-surface));
612
626
  }
@@ -539,4 +539,18 @@
539
539
  }
540
540
  *.e-flat:not(:focus).e-danger .e-progress {
541
541
  background: rgba(248, 113, 113, 0.2);
542
+ }
543
+
544
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
545
+ fill: #fff;
546
+ stroke: #fff;
547
+ }
548
+
549
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
550
+ fill: #fff;
551
+ stroke: #fff;
552
+ }
553
+
554
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
555
+ stroke: #fff;
542
556
  }
@@ -539,4 +539,18 @@
539
539
  }
540
540
  *.e-flat:not(:focus).e-danger .e-progress {
541
541
  background: rgba(220, 38, 38, 0.2);
542
+ }
543
+
544
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
545
+ fill: #374151;
546
+ stroke: #374151;
547
+ }
548
+
549
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
550
+ fill: #374151;
551
+ stroke: #374151;
552
+ }
553
+
554
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
555
+ stroke: #374151;
542
556
  }
@@ -1865,4 +1865,18 @@
1865
1865
  }
1866
1866
  *.e-flat:not(:focus).e-danger .e-progress {
1867
1867
  background: rgba(248, 113, 113, 0.2);
1868
+ }
1869
+
1870
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
1871
+ fill: #fff;
1872
+ stroke: #fff;
1873
+ }
1874
+
1875
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
1876
+ fill: #fff;
1877
+ stroke: #fff;
1878
+ }
1879
+
1880
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1881
+ stroke: #fff;
1868
1882
  }
@@ -1865,4 +1865,18 @@
1865
1865
  }
1866
1866
  *.e-flat:not(:focus).e-danger .e-progress {
1867
1867
  background: rgba(220, 38, 38, 0.2);
1868
+ }
1869
+
1870
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
1871
+ fill: #374151;
1872
+ stroke: #374151;
1873
+ }
1874
+
1875
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
1876
+ fill: #374151;
1877
+ stroke: #374151;
1878
+ }
1879
+
1880
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1881
+ stroke: #374151;
1868
1882
  }