@syncfusion/ej2-splitbuttons 32.2.3 → 33.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 (26) hide show
  1. package/dist/ej2-splitbuttons.min.js +2 -2
  2. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-splitbuttons.es2015.js +15 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +15 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-splitbuttons.min.js +2 -2
  9. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +3 -3
  12. package/src/drop-down-button/drop-down-button.js +9 -1
  13. package/src/split-button/split-button.js +6 -0
  14. package/styles/bootstrap5.3-lite.css +2 -2
  15. package/styles/bootstrap5.3.css +2 -2
  16. package/styles/button-group/bootstrap5.3.css +2 -2
  17. package/styles/button-group/material3-dark.css +0 -19
  18. package/styles/button-group/material3.css +0 -19
  19. package/styles/drop-down-button/material3-dark.css +0 -1
  20. package/styles/drop-down-button/material3.css +0 -1
  21. package/styles/material3-dark-lite.css +0 -23
  22. package/styles/material3-dark.css +0 -23
  23. package/styles/material3-lite.css +0 -23
  24. package/styles/material3.css +0 -23
  25. package/styles/split-button/material3-dark.css +0 -3
  26. package/styles/split-button/material3.css +0 -3
package/styles/material3-dark.css CHANGED
@@ -419,7 +419,6 @@
419
419
  /* 15px */
420
420
  /* 16px */
421
421
  .e-dropdown-popup {
422
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
423
422
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
424
423
  color: rgba(var(--color-sf-on-surface));
425
424
  }
@@ -977,7 +976,6 @@
977
976
  .e-split-btn-wrapper .e-split-btn {
978
977
  border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
979
978
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
980
- border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
981
979
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
982
980
  border-width: 0 1px 0 0;
983
981
  }
@@ -1005,7 +1003,6 @@
1005
1003
  }
1006
1004
  .e-split-btn-wrapper.e-rtl .e-split-btn {
1007
1005
  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1008
- border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
1009
1006
  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1010
1007
  border-width: 0 0 0 1px;
1011
1008
  }
@@ -1033,7 +1030,6 @@
1033
1030
  }
1034
1031
  .e-split-btn-wrapper.e-vertical .e-split-btn {
1035
1032
  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1036
- border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
1037
1033
  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1038
1034
  border-width: 0 0 2px;
1039
1035
  border-bottom-color: rgba(var(--color-sf-outline-variant));
@@ -1716,10 +1712,8 @@
1716
1712
  .e-css.e-btn-group .e-btn:focus,
1717
1713
  .e-css.e-btn-group input:focus-visible + label.e-btn,
1718
1714
  .e-css.e-btn-group input:focus + label.e-btn {
1719
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1720
1715
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1721
1716
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1722
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1723
1717
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1724
1718
  color: rgba(var(--color-sf-on-surface));
1725
1719
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1736,7 +1730,6 @@
1736
1730
  .e-css.e-btn-group .e-btn:focus.e-primary,
1737
1731
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1738
1732
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1739
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1740
1733
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1741
1734
  border-color: rgba(var(--color-sf-primary));
1742
1735
  color: rgba(var(--color-sf-on-primary));
@@ -1753,7 +1746,6 @@
1753
1746
  .e-css.e-btn-group .e-btn:focus.e-success,
1754
1747
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1755
1748
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
1756
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1757
1749
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1758
1750
  border-color: rgba(var(--color-sf-success));
1759
1751
  color: rgba(var(--color-sf-success-text));
@@ -1769,7 +1761,6 @@
1769
1761
  .e-css.e-btn-group .e-btn:focus.e-info,
1770
1762
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1771
1763
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
1772
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1773
1764
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1774
1765
  border-color: rgba(var(--color-sf-info));
1775
1766
  color: rgba(var(--color-sf-info-text));
@@ -1785,7 +1776,6 @@
1785
1776
  .e-css.e-btn-group .e-btn:focus.e-warning,
1786
1777
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1787
1778
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1788
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1789
1779
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1790
1780
  border-color: rgba(var(--color-sf-warning));
1791
1781
  color: rgba(var(--color-sf-warning-text));
@@ -1801,7 +1791,6 @@
1801
1791
  .e-css.e-btn-group .e-btn:focus.e-danger,
1802
1792
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1803
1793
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1804
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1805
1794
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1806
1795
  border-color: rgba(var(--color-sf-error));
1807
1796
  color: rgba(var(--color-sf-danger-text));
@@ -1904,10 +1893,8 @@
1904
1893
  .e-css.e-btn-group .e-btn:active,
1905
1894
  .e-css.e-btn-group input:active + label.e-btn,
1906
1895
  .e-css.e-btn-group input:checked + label.e-btn {
1907
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1908
1896
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1909
1897
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1910
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1911
1898
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1912
1899
  color: rgba(var(--color-sf-on-surface));
1913
1900
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1921,7 +1908,6 @@
1921
1908
  .e-css.e-btn-group .e-btn:active.e-primary,
1922
1909
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1923
1910
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1924
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1925
1911
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1926
1912
  border-color: rgba(var(--color-sf-primary));
1927
1913
  color: rgba(var(--color-sf-on-primary));
@@ -1937,7 +1923,6 @@
1937
1923
  .e-css.e-btn-group .e-btn:active.e-success,
1938
1924
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1939
1925
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1940
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1941
1926
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1942
1927
  border-color: rgba(var(--color-sf-success));
1943
1928
  color: rgba(var(--color-sf-success-text));
@@ -1952,7 +1937,6 @@
1952
1937
  .e-css.e-btn-group .e-btn:active.e-info,
1953
1938
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1954
1939
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1955
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1956
1940
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1957
1941
  color: rgba(var(--color-sf-info-text));
1958
1942
  border-color: rgba(var(--color-sf-info));
@@ -1967,7 +1951,6 @@
1967
1951
  .e-css.e-btn-group .e-btn:active.e-warning,
1968
1952
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1969
1953
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1970
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1971
1954
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1972
1955
  border-color: rgba(var(--color-sf-warning));
1973
1956
  color: rgba(var(--color-sf-warning-text));
@@ -1982,7 +1965,6 @@
1982
1965
  .e-css.e-btn-group .e-btn:active.e-danger,
1983
1966
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1984
1967
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1985
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1986
1968
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1987
1969
  border-color: rgba(var(--color-sf-error));
1988
1970
  color: rgba(var(--color-sf-danger-text));
@@ -2010,7 +1992,6 @@
2010
1992
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
2011
1993
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
2012
1994
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
2013
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
2014
1995
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
2015
1996
  border-color: rgba(var(--color-sf-primary));
2016
1997
  -webkit-box-shadow: none;
@@ -2027,7 +2008,6 @@
2027
2008
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
2028
2009
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
2029
2010
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
2030
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
2031
2011
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
2032
2012
  border-color: rgba(var(--color-sf-success));
2033
2013
  -webkit-box-shadow: none;
@@ -2044,7 +2024,6 @@
2044
2024
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
2045
2025
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
2046
2026
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
2047
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
2048
2027
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
2049
2028
  border-color: rgba(var(--color-sf-info));
2050
2029
  -webkit-box-shadow: none;
@@ -2061,7 +2040,6 @@
2061
2040
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
2062
2041
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
2063
2042
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
2064
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
2065
2043
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
2066
2044
  border-color: rgba(var(--color-sf-warning));
2067
2045
  -webkit-box-shadow: none;
@@ -2078,7 +2056,6 @@
2078
2056
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
2079
2057
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
2080
2058
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
2081
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
2082
2059
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
2083
2060
  border-color: rgba(var(--color-sf-error));
2084
2061
  -webkit-box-shadow: none;
package/styles/material3-lite.css CHANGED
@@ -425,7 +425,6 @@
425
425
 
426
426
 
427
427
  .e-dropdown-popup {
428
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
429
428
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
430
429
  color: rgba(var(--color-sf-on-surface));
431
430
  }
@@ -841,7 +840,6 @@
841
840
  .e-split-btn-wrapper .e-split-btn {
842
841
  border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
843
842
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
844
- border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
845
843
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
846
844
  border-width: 0 1px 0 0;
847
845
  }
@@ -869,7 +867,6 @@
869
867
  }
870
868
  .e-split-btn-wrapper.e-rtl .e-split-btn {
871
869
  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
872
- border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
873
870
  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
874
871
  border-width: 0 0 0 1px;
875
872
  }
@@ -897,7 +894,6 @@
897
894
  }
898
895
  .e-split-btn-wrapper.e-vertical .e-split-btn {
899
896
  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
900
- border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
901
897
  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
902
898
  border-width: 0 0 2px;
903
899
  border-bottom-color: rgba(var(--color-sf-outline-variant));
@@ -1417,10 +1413,8 @@
1417
1413
  .e-css.e-btn-group .e-btn:focus,
1418
1414
  .e-css.e-btn-group input:focus-visible + label.e-btn,
1419
1415
  .e-css.e-btn-group input:focus + label.e-btn {
1420
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1421
1416
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1422
1417
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1423
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1424
1418
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1425
1419
  color: rgba(var(--color-sf-on-surface));
1426
1420
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1437,7 +1431,6 @@
1437
1431
  .e-css.e-btn-group .e-btn:focus.e-primary,
1438
1432
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1439
1433
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1440
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1441
1434
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1442
1435
  border-color: rgba(var(--color-sf-primary));
1443
1436
  color: rgba(var(--color-sf-on-primary));
@@ -1454,7 +1447,6 @@
1454
1447
  .e-css.e-btn-group .e-btn:focus.e-success,
1455
1448
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1456
1449
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
1457
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1458
1450
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1459
1451
  border-color: rgba(var(--color-sf-success));
1460
1452
  color: rgba(var(--color-sf-success-text));
@@ -1470,7 +1462,6 @@
1470
1462
  .e-css.e-btn-group .e-btn:focus.e-info,
1471
1463
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1472
1464
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
1473
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1474
1465
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1475
1466
  border-color: rgba(var(--color-sf-info));
1476
1467
  color: rgba(var(--color-sf-info-text));
@@ -1486,7 +1477,6 @@
1486
1477
  .e-css.e-btn-group .e-btn:focus.e-warning,
1487
1478
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1488
1479
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1489
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1490
1480
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1491
1481
  border-color: rgba(var(--color-sf-warning));
1492
1482
  color: rgba(var(--color-sf-warning-text));
@@ -1502,7 +1492,6 @@
1502
1492
  .e-css.e-btn-group .e-btn:focus.e-danger,
1503
1493
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1504
1494
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1505
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1506
1495
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1507
1496
  border-color: rgba(var(--color-sf-error));
1508
1497
  color: rgba(var(--color-sf-danger-text));
@@ -1605,10 +1594,8 @@
1605
1594
  .e-css.e-btn-group .e-btn:active,
1606
1595
  .e-css.e-btn-group input:active + label.e-btn,
1607
1596
  .e-css.e-btn-group input:checked + label.e-btn {
1608
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1609
1597
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1610
1598
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1611
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1612
1599
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1613
1600
  color: rgba(var(--color-sf-on-surface));
1614
1601
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1622,7 +1609,6 @@
1622
1609
  .e-css.e-btn-group .e-btn:active.e-primary,
1623
1610
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1624
1611
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1625
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1626
1612
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1627
1613
  border-color: rgba(var(--color-sf-primary));
1628
1614
  color: rgba(var(--color-sf-on-primary));
@@ -1638,7 +1624,6 @@
1638
1624
  .e-css.e-btn-group .e-btn:active.e-success,
1639
1625
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1640
1626
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1641
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1642
1627
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1643
1628
  border-color: rgba(var(--color-sf-success));
1644
1629
  color: rgba(var(--color-sf-success-text));
@@ -1653,7 +1638,6 @@
1653
1638
  .e-css.e-btn-group .e-btn:active.e-info,
1654
1639
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1655
1640
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1656
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1657
1641
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1658
1642
  color: rgba(var(--color-sf-info-text));
1659
1643
  border-color: rgba(var(--color-sf-info));
@@ -1668,7 +1652,6 @@
1668
1652
  .e-css.e-btn-group .e-btn:active.e-warning,
1669
1653
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1670
1654
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1671
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1672
1655
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1673
1656
  border-color: rgba(var(--color-sf-warning));
1674
1657
  color: rgba(var(--color-sf-warning-text));
@@ -1683,7 +1666,6 @@
1683
1666
  .e-css.e-btn-group .e-btn:active.e-danger,
1684
1667
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1685
1668
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1686
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1687
1669
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1688
1670
  border-color: rgba(var(--color-sf-error));
1689
1671
  color: rgba(var(--color-sf-danger-text));
@@ -1711,7 +1693,6 @@
1711
1693
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1712
1694
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1713
1695
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1714
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1715
1696
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1716
1697
  border-color: rgba(var(--color-sf-primary));
1717
1698
  -webkit-box-shadow: none;
@@ -1728,7 +1709,6 @@
1728
1709
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1729
1710
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1730
1711
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1731
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1732
1712
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1733
1713
  border-color: rgba(var(--color-sf-success));
1734
1714
  -webkit-box-shadow: none;
@@ -1745,7 +1725,6 @@
1745
1725
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1746
1726
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1747
1727
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1748
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1749
1728
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1750
1729
  border-color: rgba(var(--color-sf-info));
1751
1730
  -webkit-box-shadow: none;
@@ -1762,7 +1741,6 @@
1762
1741
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1763
1742
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1764
1743
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1765
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1766
1744
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1767
1745
  border-color: rgba(var(--color-sf-warning));
1768
1746
  -webkit-box-shadow: none;
@@ -1779,7 +1757,6 @@
1779
1757
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1780
1758
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1781
1759
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1782
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1783
1760
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1784
1761
  border-color: rgba(var(--color-sf-error));
1785
1762
  -webkit-box-shadow: none;
package/styles/material3.css CHANGED
@@ -425,7 +425,6 @@
425
425
 
426
426
 
427
427
  .e-dropdown-popup {
428
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
429
428
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
430
429
  color: rgba(var(--color-sf-on-surface));
431
430
  }
@@ -981,7 +980,6 @@
981
980
  .e-split-btn-wrapper .e-split-btn {
982
981
  border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
983
982
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
984
- border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
985
983
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
986
984
  border-width: 0 1px 0 0;
987
985
  }
@@ -1009,7 +1007,6 @@
1009
1007
  }
1010
1008
  .e-split-btn-wrapper.e-rtl .e-split-btn {
1011
1009
  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1012
- border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
1013
1010
  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1014
1011
  border-width: 0 0 0 1px;
1015
1012
  }
@@ -1037,7 +1034,6 @@
1037
1034
  }
1038
1035
  .e-split-btn-wrapper.e-vertical .e-split-btn {
1039
1036
  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1040
- border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
1041
1037
  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
1042
1038
  border-width: 0 0 2px;
1043
1039
  border-bottom-color: rgba(var(--color-sf-outline-variant));
@@ -1726,10 +1722,8 @@
1726
1722
  .e-css.e-btn-group .e-btn:focus,
1727
1723
  .e-css.e-btn-group input:focus-visible + label.e-btn,
1728
1724
  .e-css.e-btn-group input:focus + label.e-btn {
1729
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1730
1725
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1731
1726
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1732
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1733
1727
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1734
1728
  color: rgba(var(--color-sf-on-surface));
1735
1729
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1746,7 +1740,6 @@
1746
1740
  .e-css.e-btn-group .e-btn:focus.e-primary,
1747
1741
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1748
1742
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1749
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1750
1743
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1751
1744
  border-color: rgba(var(--color-sf-primary));
1752
1745
  color: rgba(var(--color-sf-on-primary));
@@ -1763,7 +1756,6 @@
1763
1756
  .e-css.e-btn-group .e-btn:focus.e-success,
1764
1757
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1765
1758
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
1766
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1767
1759
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1768
1760
  border-color: rgba(var(--color-sf-success));
1769
1761
  color: rgba(var(--color-sf-success-text));
@@ -1779,7 +1771,6 @@
1779
1771
  .e-css.e-btn-group .e-btn:focus.e-info,
1780
1772
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1781
1773
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
1782
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1783
1774
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1784
1775
  border-color: rgba(var(--color-sf-info));
1785
1776
  color: rgba(var(--color-sf-info-text));
@@ -1795,7 +1786,6 @@
1795
1786
  .e-css.e-btn-group .e-btn:focus.e-warning,
1796
1787
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1797
1788
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1798
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1799
1789
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1800
1790
  border-color: rgba(var(--color-sf-warning));
1801
1791
  color: rgba(var(--color-sf-warning-text));
@@ -1811,7 +1801,6 @@
1811
1801
  .e-css.e-btn-group .e-btn:focus.e-danger,
1812
1802
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1813
1803
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1814
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1815
1804
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1816
1805
  border-color: rgba(var(--color-sf-error));
1817
1806
  color: rgba(var(--color-sf-danger-text));
@@ -1914,10 +1903,8 @@
1914
1903
  .e-css.e-btn-group .e-btn:active,
1915
1904
  .e-css.e-btn-group input:active + label.e-btn,
1916
1905
  .e-css.e-btn-group input:checked + label.e-btn {
1917
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1918
1906
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1919
1907
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1920
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1921
1908
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1922
1909
  color: rgba(var(--color-sf-on-surface));
1923
1910
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1931,7 +1918,6 @@
1931
1918
  .e-css.e-btn-group .e-btn:active.e-primary,
1932
1919
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1933
1920
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1934
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1935
1921
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1936
1922
  border-color: rgba(var(--color-sf-primary));
1937
1923
  color: rgba(var(--color-sf-on-primary));
@@ -1947,7 +1933,6 @@
1947
1933
  .e-css.e-btn-group .e-btn:active.e-success,
1948
1934
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1949
1935
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1950
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1951
1936
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1952
1937
  border-color: rgba(var(--color-sf-success));
1953
1938
  color: rgba(var(--color-sf-success-text));
@@ -1962,7 +1947,6 @@
1962
1947
  .e-css.e-btn-group .e-btn:active.e-info,
1963
1948
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1964
1949
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1965
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1966
1950
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1967
1951
  color: rgba(var(--color-sf-info-text));
1968
1952
  border-color: rgba(var(--color-sf-info));
@@ -1977,7 +1961,6 @@
1977
1961
  .e-css.e-btn-group .e-btn:active.e-warning,
1978
1962
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1979
1963
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1980
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1981
1964
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1982
1965
  border-color: rgba(var(--color-sf-warning));
1983
1966
  color: rgba(var(--color-sf-warning-text));
@@ -1992,7 +1975,6 @@
1992
1975
  .e-css.e-btn-group .e-btn:active.e-danger,
1993
1976
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1994
1977
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1995
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1996
1978
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1997
1979
  border-color: rgba(var(--color-sf-error));
1998
1980
  color: rgba(var(--color-sf-danger-text));
@@ -2020,7 +2002,6 @@
2020
2002
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
2021
2003
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
2022
2004
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
2023
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
2024
2005
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
2025
2006
  border-color: rgba(var(--color-sf-primary));
2026
2007
  -webkit-box-shadow: none;
@@ -2037,7 +2018,6 @@
2037
2018
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
2038
2019
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
2039
2020
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
2040
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
2041
2021
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
2042
2022
  border-color: rgba(var(--color-sf-success));
2043
2023
  -webkit-box-shadow: none;
@@ -2054,7 +2034,6 @@
2054
2034
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
2055
2035
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
2056
2036
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
2057
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
2058
2037
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
2059
2038
  border-color: rgba(var(--color-sf-info));
2060
2039
  -webkit-box-shadow: none;
@@ -2071,7 +2050,6 @@
2071
2050
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
2072
2051
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
2073
2052
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
2074
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
2075
2053
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
2076
2054
  border-color: rgba(var(--color-sf-warning));
2077
2055
  -webkit-box-shadow: none;
@@ -2088,7 +2066,6 @@
2088
2066
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
2089
2067
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
2090
2068
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
2091
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
2092
2069
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
2093
2070
  border-color: rgba(var(--color-sf-error));
2094
2071
  -webkit-box-shadow: none;
package/styles/split-button/material3-dark.css CHANGED
@@ -448,7 +448,6 @@
448
448
  .e-split-btn-wrapper .e-split-btn {
449
449
  border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
450
450
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
451
- border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
452
451
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
453
452
  border-width: 0 1px 0 0;
454
453
  }
@@ -476,7 +475,6 @@
476
475
  }
477
476
  .e-split-btn-wrapper.e-rtl .e-split-btn {
478
477
  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
479
- border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
480
478
  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
481
479
  border-width: 0 0 0 1px;
482
480
  }
@@ -504,7 +502,6 @@
504
502
  }
505
503
  .e-split-btn-wrapper.e-vertical .e-split-btn {
506
504
  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
507
- border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
508
505
  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
509
506
  border-width: 0 0 2px;
510
507
  border-bottom-color: rgba(var(--color-sf-outline-variant));
package/styles/split-button/material3.css CHANGED
@@ -446,7 +446,6 @@
446
446
  .e-split-btn-wrapper .e-split-btn {
447
447
  border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
448
448
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
449
- border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
450
449
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
451
450
  border-width: 0 1px 0 0;
452
451
  }
@@ -474,7 +473,6 @@
474
473
  }
475
474
  .e-split-btn-wrapper.e-rtl .e-split-btn {
476
475
  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
477
- border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
478
476
  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
479
477
  border-width: 0 0 0 1px;
480
478
  }
@@ -502,7 +500,6 @@
502
500
  }
503
501
  .e-split-btn-wrapper.e-vertical .e-split-btn {
504
502
  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
505
- border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
506
503
  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
507
504
  border-width: 0 0 2px;
508
505
  border-bottom-color: rgba(var(--color-sf-outline-variant));