@syncfusion/ej2-react-splitbuttons 21.2.5 → 22.1.34

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 (59) hide show
  1. package/CHANGELOG.md +0 -8
  2. package/dist/ej2-react-splitbuttons.min.js +1 -1
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +0 -84
  6. package/styles/bootstrap.css +0 -7
  7. package/styles/bootstrap4.css +8 -5
  8. package/styles/bootstrap5-dark.css +0 -7
  9. package/styles/bootstrap5.css +0 -7
  10. package/styles/button-group/material3-dark.css +902 -0
  11. package/styles/button-group/material3-dark.scss +2 -0
  12. package/styles/button-group/material3.css +958 -0
  13. package/styles/button-group/material3.scss +2 -0
  14. package/styles/drop-down-button/material3-dark.css +293 -0
  15. package/styles/drop-down-button/material3-dark.scss +2 -0
  16. package/styles/drop-down-button/material3.css +349 -0
  17. package/styles/drop-down-button/material3.scss +2 -0
  18. package/styles/fabric-dark.css +0 -84
  19. package/styles/fabric.css +0 -7
  20. package/styles/fluent-dark.css +4 -7
  21. package/styles/fluent.css +4 -7
  22. package/styles/highcontrast-light.css +0 -84
  23. package/styles/highcontrast.css +0 -84
  24. package/styles/material-dark.css +0 -84
  25. package/styles/material.css +0 -7
  26. package/styles/material3-dark.css +2168 -0
  27. package/styles/material3-dark.scss +5 -0
  28. package/styles/material3.css +2383 -0
  29. package/styles/material3.scss +5 -0
  30. package/styles/progress-button/bootstrap-dark.css +0 -84
  31. package/styles/progress-button/bootstrap.css +0 -7
  32. package/styles/progress-button/bootstrap4.css +0 -5
  33. package/styles/progress-button/bootstrap5-dark.css +0 -7
  34. package/styles/progress-button/bootstrap5.css +0 -7
  35. package/styles/progress-button/fabric-dark.css +0 -84
  36. package/styles/progress-button/fabric.css +0 -7
  37. package/styles/progress-button/fluent-dark.css +0 -7
  38. package/styles/progress-button/fluent.css +0 -7
  39. package/styles/progress-button/highcontrast-light.css +0 -84
  40. package/styles/progress-button/highcontrast.css +0 -84
  41. package/styles/progress-button/material-dark.css +0 -84
  42. package/styles/progress-button/material.css +0 -7
  43. package/styles/progress-button/material3-dark.css +557 -0
  44. package/styles/progress-button/material3-dark.scss +2 -0
  45. package/styles/progress-button/material3.css +613 -0
  46. package/styles/progress-button/material3.scss +2 -0
  47. package/styles/progress-button/tailwind-dark.css +0 -5
  48. package/styles/progress-button/tailwind.css +0 -5
  49. package/styles/split-button/bootstrap4.css +8 -0
  50. package/styles/split-button/fluent-dark.css +4 -0
  51. package/styles/split-button/fluent.css +4 -0
  52. package/styles/split-button/material3-dark.css +413 -0
  53. package/styles/split-button/material3-dark.scss +2 -0
  54. package/styles/split-button/material3.css +463 -0
  55. package/styles/split-button/material3.scss +2 -0
  56. package/styles/split-button/tailwind-dark.css +6 -0
  57. package/styles/split-button/tailwind.css +6 -0
  58. package/styles/tailwind-dark.css +6 -5
  59. package/styles/tailwind.css +6 -5
package/styles/fabric-dark.css CHANGED
@@ -1630,9 +1630,6 @@
1630
1630
  fill: #dadada;
1631
1631
  stroke: #dadada;
1632
1632
  }
1633
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1634
- stroke: rgba(255, 255, 255, 0.2);
1635
- }
1636
1633
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1637
1634
  stroke: #fff;
1638
1635
  }
@@ -1640,9 +1637,6 @@
1640
1637
  fill: #fff;
1641
1638
  stroke: #fff;
1642
1639
  }
1643
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1644
- stroke: rgba(255, 255, 255, 0.2);
1645
- }
1646
1640
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1647
1641
  stroke: #fff;
1648
1642
  }
@@ -1650,9 +1644,6 @@
1650
1644
  fill: #fff;
1651
1645
  stroke: #fff;
1652
1646
  }
1653
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1654
- stroke: rgba(255, 255, 255, 0.2);
1655
- }
1656
1647
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1657
1648
  stroke: #fff;
1658
1649
  }
@@ -1660,9 +1651,6 @@
1660
1651
  fill: #fff;
1661
1652
  stroke: #fff;
1662
1653
  }
1663
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1664
- stroke: rgba(255, 255, 255, 0.2);
1665
- }
1666
1654
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1667
1655
  stroke: #fff;
1668
1656
  }
@@ -1670,9 +1658,6 @@
1670
1658
  fill: #fff;
1671
1659
  stroke: #fff;
1672
1660
  }
1673
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1674
- stroke: rgba(255, 255, 255, 0.2);
1675
- }
1676
1661
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1677
1662
  stroke: #fff;
1678
1663
  }
@@ -1680,9 +1665,6 @@
1680
1665
  fill: #fff;
1681
1666
  stroke: #fff;
1682
1667
  }
1683
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1684
- stroke: rgba(255, 255, 255, 0.2);
1685
- }
1686
1668
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1687
1669
  stroke: #fff;
1688
1670
  }
@@ -1690,9 +1672,6 @@
1690
1672
  fill: #fff;
1691
1673
  stroke: #fff;
1692
1674
  }
1693
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1694
- stroke: rgba(255, 255, 255, 0.2);
1695
- }
1696
1675
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1697
1676
  stroke: #fff;
1698
1677
  }
@@ -1700,9 +1679,6 @@
1700
1679
  fill: #fff;
1701
1680
  stroke: #fff;
1702
1681
  }
1703
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1704
- stroke: rgba(255, 255, 255, 0.2);
1705
- }
1706
1682
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1707
1683
  stroke: #fff;
1708
1684
  }
@@ -1720,9 +1696,6 @@
1720
1696
  fill: #fff;
1721
1697
  stroke: #fff;
1722
1698
  }
1723
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1724
- stroke: rgba(255, 255, 255, 0.2);
1725
- }
1726
1699
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1727
1700
  stroke: #fff;
1728
1701
  }
@@ -1730,9 +1703,6 @@
1730
1703
  fill: #fff;
1731
1704
  stroke: #fff;
1732
1705
  }
1733
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1734
- stroke: rgba(255, 255, 255, 0.2);
1735
- }
1736
1706
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1737
1707
  stroke: #fff;
1738
1708
  }
@@ -1740,9 +1710,6 @@
1740
1710
  fill: #0074cc;
1741
1711
  stroke: #0074cc;
1742
1712
  }
1743
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1744
- stroke: rgba(0, 116, 204, 0.2);
1745
- }
1746
1713
  .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1747
1714
  stroke: #0074cc;
1748
1715
  }
@@ -1750,9 +1717,6 @@
1750
1717
  fill: #37844d;
1751
1718
  stroke: #37844d;
1752
1719
  }
1753
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1754
- stroke: rgba(55, 132, 77, 0.2);
1755
- }
1756
1720
  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1757
1721
  stroke: #37844d;
1758
1722
  }
@@ -1760,9 +1724,6 @@
1760
1724
  fill: #1e79cb;
1761
1725
  stroke: #1e79cb;
1762
1726
  }
1763
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1764
- stroke: rgba(30, 121, 203, 0.2);
1765
- }
1766
1727
  .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1767
1728
  stroke: #1e79cb;
1768
1729
  }
@@ -1770,9 +1731,6 @@
1770
1731
  fill: #bf7500;
1771
1732
  stroke: #bf7500;
1772
1733
  }
1773
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1774
- stroke: rgba(191, 117, 0, 0.2);
1775
- }
1776
1734
  .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1777
1735
  stroke: #bf7500;
1778
1736
  }
@@ -1780,9 +1738,6 @@
1780
1738
  fill: #cd2a19;
1781
1739
  stroke: #cd2a19;
1782
1740
  }
1783
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1784
- stroke: rgba(205, 42, 25, 0.2);
1785
- }
1786
1741
  .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1787
1742
  stroke: #cd2a19;
1788
1743
  }
@@ -1790,9 +1745,6 @@
1790
1745
  fill: #5091f1;
1791
1746
  stroke: #5091f1;
1792
1747
  }
1793
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1794
- stroke: rgba(80, 145, 241, 0.2);
1795
- }
1796
1748
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1797
1749
  stroke: #5091f1;
1798
1750
  }
@@ -1806,40 +1758,4 @@
1806
1758
  *.e-danger .e-progress,
1807
1759
  *.e-info .e-progress {
1808
1760
  background: rgba(218, 218, 218, 0.2);
1809
- }
1810
-
1811
- *.e-warning .e-progress {
1812
- background: rgba(218, 218, 218, 0.2);
1813
- }
1814
-
1815
- *.e-flat.e-primary .e-progress {
1816
- background: rgba(255, 64, 129, 0.2);
1817
- }
1818
- *.e-flat.e-success .e-progress {
1819
- background: rgba(77, 132, 29, 0.2);
1820
- }
1821
- *.e-flat.e-info .e-progress {
1822
- background: rgba(3, 120, 213, 0.2);
1823
- }
1824
- *.e-flat.e-warning .e-progress {
1825
- background: rgba(193, 87, 0, 0.2);
1826
- }
1827
- *.e-flat.e-danger .e-progress {
1828
- background: rgba(214, 65, 19, 0.2);
1829
- }
1830
-
1831
- *.e-outline:not(:focus).e-primary .e-progress {
1832
- background: rgba(0, 116, 204, 0.2);
1833
- }
1834
- *.e-outline:not(:focus).e-success .e-progress {
1835
- background: rgba(55, 132, 77, 0.2);
1836
- }
1837
- *.e-outline:not(:focus).e-info .e-progress {
1838
- background: rgba(30, 121, 203, 0.2);
1839
- }
1840
- *.e-outline:not(:focus).e-warning .e-progress {
1841
- background: rgba(191, 117, 0, 0.2);
1842
- }
1843
- *.e-outline:not(:focus).e-danger .e-progress {
1844
- background: rgba(205, 42, 25, 0.2);
1845
1761
  }
package/styles/fabric.css CHANGED
@@ -1633,9 +1633,6 @@
1633
1633
  fill: #333;
1634
1634
  stroke: #333;
1635
1635
  }
1636
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1637
- stroke: rgba(51, 51, 51, 0.2);
1638
- }
1639
1636
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1640
1637
  stroke: #333;
1641
1638
  }
@@ -1811,10 +1808,6 @@
1811
1808
  background: rgba(0, 0, 0, 0.2);
1812
1809
  }
1813
1810
 
1814
- *.e-warning .e-progress {
1815
- background: rgba(0, 0, 0, 0.2);
1816
- }
1817
-
1818
1811
  *.e-flat.e-primary .e-progress {
1819
1812
  background: rgba(0, 0, 0, 0.2);
1820
1813
  }
package/styles/fluent-dark.css CHANGED
@@ -246,6 +246,8 @@
246
246
  text-transform: none;
247
247
  z-index: 1;
248
248
  padding: 3px 7px;
249
+ padding-left: 10px;
250
+ padding-right: 10px;
249
251
  }
250
252
  .e-split-btn-wrapper .e-split-btn:focus {
251
253
  outline-offset: -3px;
@@ -316,6 +318,8 @@
316
318
  margin-left: -1px;
317
319
  padding-left: 8px;
318
320
  padding-right: 8px;
321
+ padding-left: 4px;
322
+ padding-right: 10px;
319
323
  }
320
324
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
321
325
  margin-right: 0;
@@ -1624,9 +1628,6 @@
1624
1628
  fill: #fff;
1625
1629
  stroke: #fff;
1626
1630
  }
1627
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1628
- stroke: rgba(255, 255, 255, 0.7);
1629
- }
1630
1631
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1631
1632
  stroke: #fff;
1632
1633
  }
@@ -1802,10 +1803,6 @@
1802
1803
  background: rgba(161, 159, 157, 0.2);
1803
1804
  }
1804
1805
 
1805
- *.e-warning .e-progress {
1806
- background: rgba(161, 159, 157, 0.2);
1807
- }
1808
-
1809
1806
  *.e-flat.e-primary .e-progress {
1810
1807
  background: rgba(27, 26, 25, 0.2);
1811
1808
  }
package/styles/fluent.css CHANGED
@@ -246,6 +246,8 @@
246
246
  text-transform: none;
247
247
  z-index: 1;
248
248
  padding: 3px 7px;
249
+ padding-left: 10px;
250
+ padding-right: 10px;
249
251
  }
250
252
  .e-split-btn-wrapper .e-split-btn:focus {
251
253
  outline-offset: -3px;
@@ -316,6 +318,8 @@
316
318
  margin-left: -1px;
317
319
  padding-left: 8px;
318
320
  padding-right: 8px;
321
+ padding-left: 4px;
322
+ padding-right: 10px;
319
323
  }
320
324
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
321
325
  margin-right: 0;
@@ -1624,9 +1628,6 @@
1624
1628
  fill: #323130;
1625
1629
  stroke: #323130;
1626
1630
  }
1627
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1628
- stroke: rgba(50, 49, 48, 0.7);
1629
- }
1630
1631
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1631
1632
  stroke: #323130;
1632
1633
  }
@@ -1802,10 +1803,6 @@
1802
1803
  background: rgba(96, 94, 92, 0.2);
1803
1804
  }
1804
1805
 
1805
- *.e-warning .e-progress {
1806
- background: rgba(96, 94, 92, 0.2);
1807
- }
1808
-
1809
1806
  *.e-flat.e-primary .e-progress {
1810
1807
  background: rgba(255, 255, 255, 0.2);
1811
1808
  }
package/styles/highcontrast-light.css CHANGED
@@ -1630,9 +1630,6 @@
1630
1630
  fill: #000;
1631
1631
  stroke: #000;
1632
1632
  }
1633
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1634
- stroke: rgba(0, 0, 0, 0);
1635
- }
1636
1633
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1637
1634
  stroke: #000;
1638
1635
  }
@@ -1640,9 +1637,6 @@
1640
1637
  fill: #fff;
1641
1638
  stroke: #fff;
1642
1639
  }
1643
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1644
- stroke: rgba(255, 255, 255, 0);
1645
- }
1646
1640
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1647
1641
  stroke: #fff;
1648
1642
  }
@@ -1650,9 +1644,6 @@
1650
1644
  fill: #fff;
1651
1645
  stroke: #fff;
1652
1646
  }
1653
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1654
- stroke: rgba(255, 255, 255, 0);
1655
- }
1656
1647
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1657
1648
  stroke: #fff;
1658
1649
  }
@@ -1660,9 +1651,6 @@
1660
1651
  fill: #fff;
1661
1652
  stroke: #fff;
1662
1653
  }
1663
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1664
- stroke: rgba(255, 255, 255, 0);
1665
- }
1666
1654
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1667
1655
  stroke: #fff;
1668
1656
  }
@@ -1670,9 +1658,6 @@
1670
1658
  fill: #fff;
1671
1659
  stroke: #fff;
1672
1660
  }
1673
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1674
- stroke: rgba(255, 255, 255, 0);
1675
- }
1676
1661
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1677
1662
  stroke: #fff;
1678
1663
  }
@@ -1680,9 +1665,6 @@
1680
1665
  fill: #fff;
1681
1666
  stroke: #fff;
1682
1667
  }
1683
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1684
- stroke: rgba(255, 255, 255, 0);
1685
- }
1686
1668
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1687
1669
  stroke: #fff;
1688
1670
  }
@@ -1690,9 +1672,6 @@
1690
1672
  fill: #fff;
1691
1673
  stroke: #fff;
1692
1674
  }
1693
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1694
- stroke: rgba(255, 255, 255, 0);
1695
- }
1696
1675
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1697
1676
  stroke: #fff;
1698
1677
  }
@@ -1700,9 +1679,6 @@
1700
1679
  fill: #fff;
1701
1680
  stroke: #fff;
1702
1681
  }
1703
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1704
- stroke: rgba(255, 255, 255, 0);
1705
- }
1706
1682
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1707
1683
  stroke: #fff;
1708
1684
  }
@@ -1720,9 +1696,6 @@
1720
1696
  fill: #fff;
1721
1697
  stroke: #fff;
1722
1698
  }
1723
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1724
- stroke: rgba(255, 255, 255, 0);
1725
- }
1726
1699
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1727
1700
  stroke: #fff;
1728
1701
  }
@@ -1730,9 +1703,6 @@
1730
1703
  fill: #fff;
1731
1704
  stroke: #fff;
1732
1705
  }
1733
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1734
- stroke: rgba(255, 255, 255, 0);
1735
- }
1736
1706
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1737
1707
  stroke: #fff;
1738
1708
  }
@@ -1740,9 +1710,6 @@
1740
1710
  fill: #400074;
1741
1711
  stroke: #400074;
1742
1712
  }
1743
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1744
- stroke: rgba(64, 0, 116, 0);
1745
- }
1746
1713
  .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1747
1714
  stroke: #400074;
1748
1715
  }
@@ -1750,9 +1717,6 @@
1750
1717
  fill: #166600;
1751
1718
  stroke: #166600;
1752
1719
  }
1753
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1754
- stroke: rgba(22, 102, 0, 0);
1755
- }
1756
1720
  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1757
1721
  stroke: #166600;
1758
1722
  }
@@ -1760,9 +1724,6 @@
1760
1724
  fill: #0056b3;
1761
1725
  stroke: #0056b3;
1762
1726
  }
1763
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1764
- stroke: rgba(0, 86, 179, 0);
1765
- }
1766
1727
  .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1767
1728
  stroke: #0056b3;
1768
1729
  }
@@ -1770,9 +1731,6 @@
1770
1731
  fill: #944000;
1771
1732
  stroke: #944000;
1772
1733
  }
1773
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1774
- stroke: rgba(148, 64, 0, 0);
1775
- }
1776
1734
  .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1777
1735
  stroke: #944000;
1778
1736
  }
@@ -1780,9 +1738,6 @@
1780
1738
  fill: #b30900;
1781
1739
  stroke: #b30900;
1782
1740
  }
1783
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1784
- stroke: rgba(179, 9, 0, 0);
1785
- }
1786
1741
  .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1787
1742
  stroke: #b30900;
1788
1743
  }
@@ -1790,9 +1745,6 @@
1790
1745
  fill: #8a8aff;
1791
1746
  stroke: #8a8aff;
1792
1747
  }
1793
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1794
- stroke: rgba(138, 138, 255, 0);
1795
- }
1796
1748
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1797
1749
  stroke: #8a8aff;
1798
1750
  }
@@ -1806,40 +1758,4 @@
1806
1758
  *.e-danger .e-progress,
1807
1759
  *.e-info .e-progress {
1808
1760
  background: rgba(255, 255, 255, 0.3);
1809
- }
1810
-
1811
- *.e-warning .e-progress {
1812
- background: rgba(255, 255, 255, 0.3);
1813
- }
1814
-
1815
- *.e-flat.e-primary .e-progress {
1816
- background: rgba(255, 64, 129, 0.2);
1817
- }
1818
- *.e-flat.e-success .e-progress {
1819
- background: rgba(77, 132, 29, 0.2);
1820
- }
1821
- *.e-flat.e-info .e-progress {
1822
- background: rgba(3, 120, 213, 0.2);
1823
- }
1824
- *.e-flat.e-warning .e-progress {
1825
- background: rgba(193, 87, 0, 0.2);
1826
- }
1827
- *.e-flat.e-danger .e-progress {
1828
- background: rgba(214, 65, 19, 0.2);
1829
- }
1830
-
1831
- *.e-outline:not(:focus).e-primary .e-progress {
1832
- background: rgba(64, 0, 116, 0.2);
1833
- }
1834
- *.e-outline:not(:focus).e-success .e-progress {
1835
- background: rgba(22, 102, 0, 0.2);
1836
- }
1837
- *.e-outline:not(:focus).e-info .e-progress {
1838
- background: rgba(0, 86, 179, 0.2);
1839
- }
1840
- *.e-outline:not(:focus).e-warning .e-progress {
1841
- background: rgba(148, 64, 0, 0.2);
1842
- }
1843
- *.e-outline:not(:focus).e-danger .e-progress {
1844
- background: rgba(179, 9, 0, 0.2);
1845
1761
  }