@syncfusion/ej2-splitbuttons 20.1.55 → 20.2.38

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 (66) hide show
  1. package/CHANGELOG.md +0 -6
  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 +3 -2
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +3 -2
  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/helpers/e2e/dropdownbuttonHelper.js +55 -38
  12. package/helpers/e2e/index.js +10 -8
  13. package/helpers/e2e/progressbuttonHelper.js +52 -35
  14. package/helpers/e2e/splitbuttonHelper.js +58 -41
  15. package/package.json +7 -7
  16. package/src/drop-down-button/drop-down-button.js +3 -2
  17. package/styles/bootstrap-dark.css +0 -8
  18. package/styles/bootstrap.css +0 -8
  19. package/styles/bootstrap4.css +0 -8
  20. package/styles/bootstrap5-dark.css +14 -0
  21. package/styles/bootstrap5.css +14 -0
  22. package/styles/button-group/_fusionnew-definition.scss +31 -0
  23. package/styles/button-group/_layout.scss +1 -1
  24. package/styles/button-group/_material3-definition.scss +31 -0
  25. package/styles/button-group/_theme.scss +48 -12
  26. package/styles/button-group/bootstrap-dark.css +0 -8
  27. package/styles/button-group/bootstrap.css +0 -8
  28. package/styles/button-group/bootstrap4.css +0 -8
  29. package/styles/button-group/bootstrap5-dark.css +12 -0
  30. package/styles/button-group/bootstrap5.css +12 -0
  31. package/styles/button-group/fabric-dark.css +0 -8
  32. package/styles/button-group/fabric.css +0 -8
  33. package/styles/button-group/fluent-dark.css +15 -23
  34. package/styles/button-group/fluent.css +0 -8
  35. package/styles/button-group/highcontrast-light.css +0 -8
  36. package/styles/button-group/highcontrast.css +0 -8
  37. package/styles/button-group/material-dark.css +0 -8
  38. package/styles/button-group/material.css +0 -8
  39. package/styles/button-group/tailwind-dark.css +8 -12
  40. package/styles/button-group/tailwind.css +8 -12
  41. package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
  42. package/styles/drop-down-button/_layout.scss +4 -2
  43. package/styles/drop-down-button/_material3-definition.scss +51 -0
  44. package/styles/drop-down-button/bootstrap5-dark.css +2 -0
  45. package/styles/drop-down-button/bootstrap5.css +2 -0
  46. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  47. package/styles/drop-down-button/icons/_material3.scss +10 -0
  48. package/styles/drop-down-button/tailwind-dark.css +2 -0
  49. package/styles/drop-down-button/tailwind.css +2 -0
  50. package/styles/fabric-dark.css +0 -8
  51. package/styles/fabric.css +0 -8
  52. package/styles/fluent-dark.css +41 -49
  53. package/styles/fluent.css +1 -9
  54. package/styles/highcontrast-light.css +0 -8
  55. package/styles/highcontrast.css +0 -8
  56. package/styles/material-dark.css +0 -8
  57. package/styles/material.css +0 -8
  58. package/styles/progress-button/_fluent-definition.scss +1 -1
  59. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  60. package/styles/progress-button/_material3-definition.scss +21 -0
  61. package/styles/progress-button/fluent-dark.css +26 -26
  62. package/styles/progress-button/fluent.css +1 -1
  63. package/styles/split-button/_fusionnew-definition.scss +25 -0
  64. package/styles/split-button/_material3-definition.scss +25 -0
  65. package/styles/tailwind-dark.css +10 -12
  66. package/styles/tailwind.css +10 -12
package/styles/fluent-dark.css CHANGED
@@ -519,14 +519,6 @@
519
519
  flex-direction: row;
520
520
  position: relative;
521
521
  }
522
- *.e-btn-group input:focus + label.e-btn,
523
- *.e-btn-group .e-btn:focus,
524
- *.e-btn-group .e-btn:hover,
525
- *.e-css.e-btn-group input:focus + label.e-btn,
526
- *.e-css.e-btn-group .e-btn:focus,
527
- *.e-css.e-btn-group .e-btn:hover {
528
- z-index: 2;
529
- }
530
522
  *.e-btn-group input + label.e-btn,
531
523
  *.e-css.e-btn-group input + label.e-btn {
532
524
  margin-bottom: 0;
@@ -781,7 +773,7 @@
781
773
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
782
774
  background-color: #006cbf;
783
775
  border-color: #0078d4;
784
- color: #fff;
776
+ color: #1b1a19;
785
777
  outline: 1px solid;
786
778
  box-shadow: 0 0 rgba(0, 0, 0, 0);
787
779
  box-shadow: none;
@@ -793,7 +785,7 @@
793
785
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
794
786
  background-color: #0a5f0a;
795
787
  border-color: #0b6a0b;
796
- color: #fff;
788
+ color: #1b1a19;
797
789
  box-shadow: 0 0 rgba(0, 0, 0, 0);
798
790
  box-shadow: none;
799
791
  outline-color: inherit;
@@ -804,7 +796,7 @@
804
796
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
805
797
  background-color: #03767a;
806
798
  border-color: #038387;
807
- color: #fff;
799
+ color: #1b1a19;
808
800
  box-shadow: 0 0 rgba(0, 0, 0, 0);
809
801
  box-shadow: none;
810
802
  outline-color: inherit;
@@ -815,7 +807,7 @@
815
807
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
816
808
  background-color: #cf6228;
817
809
  border-color: #ca5010;
818
- color: #fff;
810
+ color: #1b1a19;
819
811
  box-shadow: 0 0 rgba(0, 0, 0, 0);
820
812
  box-shadow: none;
821
813
  outline-color: inherit;
@@ -826,7 +818,7 @@
826
818
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
827
819
  background-color: #bc2f32;
828
820
  border-color: #d13438;
829
- color: #fff;
821
+ color: #1b1a19;
830
822
  box-shadow: 0 0 rgba(0, 0, 0, 0);
831
823
  box-shadow: none;
832
824
  outline-color: inherit;
@@ -899,7 +891,7 @@
899
891
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
900
892
  background-color: #0060aa;
901
893
  border-color: #0060aa;
902
- color: #fff;
894
+ color: #1b1a19;
903
895
  box-shadow: none;
904
896
  }
905
897
  .e-btn-group .e-btn:active.e-success,
@@ -910,7 +902,7 @@
910
902
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
911
903
  background-color: #095509;
912
904
  border-color: #095509;
913
- color: #fff;
905
+ color: #1b1a19;
914
906
  box-shadow: none;
915
907
  }
916
908
  .e-btn-group .e-btn:active.e-info,
@@ -920,7 +912,7 @@
920
912
  .e-css.e-btn-group input:active + label.e-btn.e-info,
921
913
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
922
914
  background-color: #359c9f;
923
- color: #fff;
915
+ color: #1b1a19;
924
916
  border-color: #359c9f;
925
917
  box-shadow: none;
926
918
  }
@@ -932,7 +924,7 @@
932
924
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
933
925
  background-color: #d57340;
934
926
  border-color: #d57340;
935
- color: #fff;
927
+ color: #1b1a19;
936
928
  box-shadow: none;
937
929
  }
938
930
  .e-btn-group .e-btn:active.e-danger,
@@ -943,7 +935,7 @@
943
935
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
944
936
  background-color: #a72a2d;
945
937
  border-color: #a72a2d;
946
- color: #fff;
938
+ color: #1b1a19;
947
939
  box-shadow: none;
948
940
  }
949
941
  .e-btn-group .e-btn:active.e-outline,
@@ -966,7 +958,7 @@
966
958
  background-color: #0060aa;
967
959
  border-color: #0078d4;
968
960
  box-shadow: none;
969
- color: #fff;
961
+ color: #1b1a19;
970
962
  }
971
963
  .e-btn-group .e-btn:active.e-outline.e-success,
972
964
  .e-btn-group input:active + label.e-btn.e-outline.e-success,
@@ -977,7 +969,7 @@
977
969
  background-color: #095509;
978
970
  border-color: #095509;
979
971
  box-shadow: none;
980
- color: #fff;
972
+ color: #1b1a19;
981
973
  }
982
974
  .e-btn-group .e-btn:active.e-outline.e-info,
983
975
  .e-btn-group input:active + label.e-btn.e-outline.e-info,
@@ -988,7 +980,7 @@
988
980
  background-color: #359c9f;
989
981
  border-color: #359c9f;
990
982
  box-shadow: none;
991
- color: #fff;
983
+ color: #1b1a19;
992
984
  }
993
985
  .e-btn-group .e-btn:active.e-outline.e-warning,
994
986
  .e-btn-group input:active + label.e-btn.e-outline.e-warning,
@@ -999,7 +991,7 @@
999
991
  background-color: #d57340;
1000
992
  border-color: #d57340;
1001
993
  box-shadow: none;
1002
- color: #fff;
994
+ color: #1b1a19;
1003
995
  }
1004
996
  .e-btn-group .e-btn:active.e-outline.e-danger,
1005
997
  .e-btn-group input:active + label.e-btn.e-outline.e-danger,
@@ -1010,7 +1002,7 @@
1010
1002
  background-color: #a72a2d;
1011
1003
  border-color: #a72a2d;
1012
1004
  box-shadow: none;
1013
- color: #fff;
1005
+ color: #1b1a19;
1014
1006
  }
1015
1007
  .e-btn-group .e-btn:disabled,
1016
1008
  .e-btn-group input:disabled + label.e-btn,
@@ -1594,14 +1586,14 @@
1594
1586
  stroke: #fff;
1595
1587
  }
1596
1588
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1597
- fill: #fff;
1598
- stroke: #fff;
1589
+ fill: #1b1a19;
1590
+ stroke: #1b1a19;
1599
1591
  }
1600
1592
  .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 {
1601
- stroke: rgba(255, 255, 255, 0.7);
1593
+ stroke: rgba(27, 26, 25, 0.7);
1602
1594
  }
1603
1595
  .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 {
1604
- stroke: #fff;
1596
+ stroke: #1b1a19;
1605
1597
  }
1606
1598
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1607
1599
  fill: #0078d4;
@@ -1614,14 +1606,14 @@
1614
1606
  stroke: #0078d4;
1615
1607
  }
1616
1608
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1617
- fill: #fff;
1618
- stroke: #fff;
1609
+ fill: #1b1a19;
1610
+ stroke: #1b1a19;
1619
1611
  }
1620
1612
  .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 {
1621
- stroke: rgba(255, 255, 255, 0.7);
1613
+ stroke: rgba(27, 26, 25, 0.7);
1622
1614
  }
1623
1615
  .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 {
1624
- stroke: #fff;
1616
+ stroke: #1b1a19;
1625
1617
  }
1626
1618
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1627
1619
  fill: #0b6a0b;
@@ -1634,14 +1626,14 @@
1634
1626
  stroke: #0b6a0b;
1635
1627
  }
1636
1628
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1637
- fill: #fff;
1638
- stroke: #fff;
1629
+ fill: #1b1a19;
1630
+ stroke: #1b1a19;
1639
1631
  }
1640
1632
  .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 {
1641
- stroke: rgba(255, 255, 255, 0.7);
1633
+ stroke: rgba(27, 26, 25, 0.7);
1642
1634
  }
1643
1635
  .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 {
1644
- stroke: #fff;
1636
+ stroke: #1b1a19;
1645
1637
  }
1646
1638
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1647
1639
  fill: #038387;
@@ -1654,14 +1646,14 @@
1654
1646
  stroke: #038387;
1655
1647
  }
1656
1648
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1657
- fill: #fff;
1658
- stroke: #fff;
1649
+ fill: #1b1a19;
1650
+ stroke: #1b1a19;
1659
1651
  }
1660
1652
  .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 {
1661
- stroke: rgba(255, 255, 255, 0.7);
1653
+ stroke: rgba(27, 26, 25, 0.7);
1662
1654
  }
1663
1655
  .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 {
1664
- stroke: #fff;
1656
+ stroke: #1b1a19;
1665
1657
  }
1666
1658
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1667
1659
  fill: #ca5010;
@@ -1674,14 +1666,14 @@
1674
1666
  stroke: #ca5010;
1675
1667
  }
1676
1668
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1677
- fill: #fff;
1678
- stroke: #fff;
1669
+ fill: #1b1a19;
1670
+ stroke: #1b1a19;
1679
1671
  }
1680
1672
  .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 {
1681
- stroke: rgba(255, 255, 255, 0.7);
1673
+ stroke: rgba(27, 26, 25, 0.7);
1682
1674
  }
1683
1675
  .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 {
1684
- stroke: #fff;
1676
+ stroke: #1b1a19;
1685
1677
  }
1686
1678
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1687
1679
  fill: #d13438;
@@ -1755,7 +1747,7 @@
1755
1747
  }
1756
1748
 
1757
1749
  .e-progress {
1758
- background-color: rgba(161, 159, 157, 0.2);
1750
+ background-color: rgba(161, 159, 157, 0.5);
1759
1751
  }
1760
1752
 
1761
1753
  *.e-primary .e-progress,
@@ -1770,19 +1762,19 @@
1770
1762
  }
1771
1763
 
1772
1764
  *.e-flat.e-primary .e-progress {
1773
- background-color: rgba(255, 255, 255, 0.2);
1765
+ background-color: rgba(27, 26, 25, 0.2);
1774
1766
  }
1775
1767
  *.e-flat.e-success .e-progress {
1776
- background-color: rgba(255, 255, 255, 0.2);
1768
+ background-color: rgba(27, 26, 25, 0.2);
1777
1769
  }
1778
1770
  *.e-flat.e-info .e-progress {
1779
- background-color: rgba(255, 255, 255, 0.2);
1771
+ background-color: rgba(27, 26, 25, 0.2);
1780
1772
  }
1781
1773
  *.e-flat.e-warning .e-progress {
1782
- background-color: rgba(255, 255, 255, 0.2);
1774
+ background-color: rgba(27, 26, 25, 0.2);
1783
1775
  }
1784
1776
  *.e-flat.e-danger .e-progress {
1785
- background-color: rgba(255, 255, 255, 0.2);
1777
+ background-color: rgba(27, 26, 25, 0.2);
1786
1778
  }
1787
1779
 
1788
1780
  *.e-outline:not(:focus).e-primary .e-progress {
package/styles/fluent.css CHANGED
@@ -519,14 +519,6 @@
519
519
  flex-direction: row;
520
520
  position: relative;
521
521
  }
522
- *.e-btn-group input:focus + label.e-btn,
523
- *.e-btn-group .e-btn:focus,
524
- *.e-btn-group .e-btn:hover,
525
- *.e-css.e-btn-group input:focus + label.e-btn,
526
- *.e-css.e-btn-group .e-btn:focus,
527
- *.e-css.e-btn-group .e-btn:hover {
528
- z-index: 2;
529
- }
530
522
  *.e-btn-group input + label.e-btn,
531
523
  *.e-css.e-btn-group input + label.e-btn {
532
524
  margin-bottom: 0;
@@ -1755,7 +1747,7 @@
1755
1747
  }
1756
1748
 
1757
1749
  .e-progress {
1758
- background-color: rgba(96, 94, 92, 0.2);
1750
+ background-color: rgba(96, 94, 92, 0.5);
1759
1751
  }
1760
1752
 
1761
1753
  *.e-primary .e-progress,
package/styles/highcontrast-light.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/highcontrast.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/material-dark.css CHANGED
@@ -532,14 +532,6 @@
532
532
  flex-direction: row;
533
533
  position: relative;
534
534
  }
535
- *.e-btn-group input:focus + label.e-btn,
536
- *.e-btn-group .e-btn:focus,
537
- *.e-btn-group .e-btn:hover,
538
- *.e-css.e-btn-group input:focus + label.e-btn,
539
- *.e-css.e-btn-group .e-btn:focus,
540
- *.e-css.e-btn-group .e-btn:hover {
541
- z-index: 2;
542
- }
543
535
  *.e-btn-group input + label.e-btn,
544
536
  *.e-css.e-btn-group input + label.e-btn {
545
537
  margin-bottom: 0;
package/styles/material.css CHANGED
@@ -529,14 +529,6 @@
529
529
  flex-direction: row;
530
530
  position: relative;
531
531
  }
532
- *.e-btn-group input:focus + label.e-btn,
533
- *.e-btn-group .e-btn:focus,
534
- *.e-btn-group .e-btn:hover,
535
- *.e-css.e-btn-group input:focus + label.e-btn,
536
- *.e-css.e-btn-group .e-btn:focus,
537
- *.e-css.e-btn-group .e-btn:hover {
538
- z-index: 2;
539
- }
540
532
  *.e-btn-group input + label.e-btn,
541
533
  *.e-css.e-btn-group input + label.e-btn {
542
534
  margin-bottom: 0;
package/styles/progress-button/_fluent-definition.scss CHANGED
@@ -11,7 +11,7 @@ $progress-btn-bigger-spin-btn-padding: 20px !default;
11
11
  $progress-btn-bigger-small-spin-btn-padding: 16px !default;
12
12
  $progress-btn-color: $secondary-text-color !default;
13
13
  $progress-btn-bgcolor: rgba($icon-color, .2) !default;
14
- $progress-btn-bgcolor-normal: rgba($icon-color, .2) !default;
14
+ $progress-btn-bgcolor-normal: rgba($icon-color, .5) !default;
15
15
  $progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
16
16
  $progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
17
17
  $progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
package/styles/progress-button/_fusionnew-definition.scss ADDED
@@ -0,0 +1,21 @@
1
+ //layout variables
2
+ $progress-btn-circle-opacity: .3 !default;
3
+ $progress-btn-transition: all .3s linear !default;
4
+ $progress-btn-spinner-padding: 12px !default;
5
+ $progress-btn-spinner-padding-small: 10px !default;
6
+ $progress-btn-spinner-padding-bigger: 14px !default;
7
+ $progress-btn-spinner-padding-bigger-small: 12px !default;
8
+ $progress-btn-spin-btn-padding: 16px !default;
9
+ $progress-btn-small-spin-btn-padding: 14px !default;
10
+ $progress-btn-bigger-spin-btn-padding: 20px !default;
11
+ $progress-btn-bigger-small-spin-btn-padding: 16px !default;
12
+ $progress-btn-color: $secondary-text-color !default;
13
+ $progress-btn-bgcolor: rgba($icon-color, .2) !default;
14
+ $progress-btn-bgcolor-normal: rgba($white, .2) !default;
15
+ $progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
16
+ $progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
17
+ $progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
18
+ $progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
19
+ $progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
20
+ $progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
21
+ $btn-flat-primary-path-arc: $white;
package/styles/progress-button/_material3-definition.scss ADDED
@@ -0,0 +1,21 @@
1
+ //layout variables
2
+ $progress-btn-circle-opacity: .3 !default;
3
+ $progress-btn-transition: all .3s linear !default;
4
+ $progress-btn-spinner-padding: 12px !default;
5
+ $progress-btn-spinner-padding-small: 10px !default;
6
+ $progress-btn-spinner-padding-bigger: 14px !default;
7
+ $progress-btn-spinner-padding-bigger-small: 12px !default;
8
+ $progress-btn-spin-btn-padding: 16px !default;
9
+ $progress-btn-small-spin-btn-padding: 14px !default;
10
+ $progress-btn-bigger-spin-btn-padding: 20px !default;
11
+ $progress-btn-bigger-small-spin-btn-padding: 16px !default;
12
+ $progress-btn-color: $secondary-text-color !default;
13
+ $progress-btn-bgcolor: rgba($icon-color, .2) !default;
14
+ $progress-btn-bgcolor-normal: rgba($white, .2) !default;
15
+ $progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
16
+ $progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
17
+ $progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
18
+ $progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
19
+ $progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
20
+ $progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
21
+ $btn-flat-primary-path-arc: $white;
package/styles/progress-button/fluent-dark.css CHANGED
@@ -320,14 +320,14 @@
320
320
  stroke: #fff;
321
321
  }
322
322
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
323
- fill: #fff;
324
- stroke: #fff;
323
+ fill: #1b1a19;
324
+ stroke: #1b1a19;
325
325
  }
326
326
  .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 {
327
- stroke: rgba(255, 255, 255, 0.7);
327
+ stroke: rgba(27, 26, 25, 0.7);
328
328
  }
329
329
  .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 {
330
- stroke: #fff;
330
+ stroke: #1b1a19;
331
331
  }
332
332
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
333
333
  fill: #0078d4;
@@ -340,14 +340,14 @@
340
340
  stroke: #0078d4;
341
341
  }
342
342
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
343
- fill: #fff;
344
- stroke: #fff;
343
+ fill: #1b1a19;
344
+ stroke: #1b1a19;
345
345
  }
346
346
  .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 {
347
- stroke: rgba(255, 255, 255, 0.7);
347
+ stroke: rgba(27, 26, 25, 0.7);
348
348
  }
349
349
  .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 {
350
- stroke: #fff;
350
+ stroke: #1b1a19;
351
351
  }
352
352
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
353
353
  fill: #0b6a0b;
@@ -360,14 +360,14 @@
360
360
  stroke: #0b6a0b;
361
361
  }
362
362
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
363
- fill: #fff;
364
- stroke: #fff;
363
+ fill: #1b1a19;
364
+ stroke: #1b1a19;
365
365
  }
366
366
  .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 {
367
- stroke: rgba(255, 255, 255, 0.7);
367
+ stroke: rgba(27, 26, 25, 0.7);
368
368
  }
369
369
  .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 {
370
- stroke: #fff;
370
+ stroke: #1b1a19;
371
371
  }
372
372
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
373
373
  fill: #038387;
@@ -380,14 +380,14 @@
380
380
  stroke: #038387;
381
381
  }
382
382
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
383
- fill: #fff;
384
- stroke: #fff;
383
+ fill: #1b1a19;
384
+ stroke: #1b1a19;
385
385
  }
386
386
  .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 {
387
- stroke: rgba(255, 255, 255, 0.7);
387
+ stroke: rgba(27, 26, 25, 0.7);
388
388
  }
389
389
  .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 {
390
- stroke: #fff;
390
+ stroke: #1b1a19;
391
391
  }
392
392
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
393
393
  fill: #ca5010;
@@ -400,14 +400,14 @@
400
400
  stroke: #ca5010;
401
401
  }
402
402
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
403
- fill: #fff;
404
- stroke: #fff;
403
+ fill: #1b1a19;
404
+ stroke: #1b1a19;
405
405
  }
406
406
  .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 {
407
- stroke: rgba(255, 255, 255, 0.7);
407
+ stroke: rgba(27, 26, 25, 0.7);
408
408
  }
409
409
  .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 {
410
- stroke: #fff;
410
+ stroke: #1b1a19;
411
411
  }
412
412
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
413
413
  fill: #d13438;
@@ -481,7 +481,7 @@
481
481
  }
482
482
 
483
483
  .e-progress {
484
- background-color: rgba(161, 159, 157, 0.2);
484
+ background-color: rgba(161, 159, 157, 0.5);
485
485
  }
486
486
 
487
487
  *.e-primary .e-progress,
@@ -496,19 +496,19 @@
496
496
  }
497
497
 
498
498
  *.e-flat.e-primary .e-progress {
499
- background-color: rgba(255, 255, 255, 0.2);
499
+ background-color: rgba(27, 26, 25, 0.2);
500
500
  }
501
501
  *.e-flat.e-success .e-progress {
502
- background-color: rgba(255, 255, 255, 0.2);
502
+ background-color: rgba(27, 26, 25, 0.2);
503
503
  }
504
504
  *.e-flat.e-info .e-progress {
505
- background-color: rgba(255, 255, 255, 0.2);
505
+ background-color: rgba(27, 26, 25, 0.2);
506
506
  }
507
507
  *.e-flat.e-warning .e-progress {
508
- background-color: rgba(255, 255, 255, 0.2);
508
+ background-color: rgba(27, 26, 25, 0.2);
509
509
  }
510
510
  *.e-flat.e-danger .e-progress {
511
- background-color: rgba(255, 255, 255, 0.2);
511
+ background-color: rgba(27, 26, 25, 0.2);
512
512
  }
513
513
 
514
514
  *.e-outline:not(:focus).e-primary .e-progress {
package/styles/progress-button/fluent.css CHANGED
@@ -481,7 +481,7 @@
481
481
  }
482
482
 
483
483
  .e-progress {
484
- background-color: rgba(96, 94, 92, 0.2);
484
+ background-color: rgba(96, 94, 92, 0.5);
485
485
  }
486
486
 
487
487
  *.e-primary .e-progress,
package/styles/split-button/_fusionnew-definition.scss ADDED
@@ -0,0 +1,25 @@
1
+ //layout variables
2
+ $split-btn-zindex: 2 !default;
3
+ $split-btn-border-radius: 4px !default;
4
+ $split-btn-focus-outline-offset: 0 !default;
5
+ $split-btn-vertical-secondary-icon-line-height: .334em !default;
6
+ $split-btn-seperator-border: 1px solid !default;
7
+ $split-btn-sec-btn-margin-left: -1px !default;
8
+ $split-btn-icon-btn-padding: 10px !default;
9
+ $split-btn-icon-btn-padding-bigger: 12px !default;
10
+ $split-btn-focus-border-color: $secondary-border-color !default;
11
+ $split-btn-focus-vertical-border-color: $secondary-border-color !default;
12
+ $split-btn-seperator-border-color: $secondary-border-color !default;
13
+ $split-btn-seperator-default-border-color: $secondary-border-color !default;
14
+ $split-btn-seperator-vertical-border-color: $secondary-border-color !default;
15
+ $split-btn-hover-border-color: $secondary-border-color !default;
16
+ $split-btn-hover-vertical-border-color: $secondary-border-color !default;
17
+ $split-btn-active-border-color: $secondary-bg-color-pressed !default;
18
+ $split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
19
+ $split-btn-disabled-vertical-border-color: $secondary-border-color !default;
20
+ $split-btn-active-box-shadow: $secondary-shadow-focus !default;
21
+ $split-btn-disabled-left-border-color: $secondary-border-color !default;
22
+ $split-btn-hover-left-border-color: $secondary-border-color !default;
23
+ $split-btn-focus-left-border-color: $secondary-border-color !default;
24
+ $split-btn-active-left-border-color: $secondary-border-color !default;
25
+
package/styles/split-button/_material3-definition.scss ADDED
@@ -0,0 +1,25 @@
1
+ //layout variables
2
+ $split-btn-zindex: 2 !default;
3
+ $split-btn-border-radius: 4px !default;
4
+ $split-btn-focus-outline-offset: 0 !default;
5
+ $split-btn-vertical-secondary-icon-line-height: .334em !default;
6
+ $split-btn-seperator-border: 1px solid !default;
7
+ $split-btn-sec-btn-margin-left: -1px !default;
8
+ $split-btn-icon-btn-padding: 10px !default;
9
+ $split-btn-icon-btn-padding-bigger: 12px !default;
10
+ $split-btn-focus-border-color: $secondary-border-color !default;
11
+ $split-btn-focus-vertical-border-color: $secondary-border-color !default;
12
+ $split-btn-seperator-border-color: $secondary-border-color !default;
13
+ $split-btn-seperator-default-border-color: $secondary-border-color !default;
14
+ $split-btn-seperator-vertical-border-color: $secondary-border-color !default;
15
+ $split-btn-hover-border-color: $secondary-border-color !default;
16
+ $split-btn-hover-vertical-border-color: $secondary-border-color !default;
17
+ $split-btn-active-border-color: $secondary-bg-color-pressed !default;
18
+ $split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
19
+ $split-btn-disabled-vertical-border-color: $secondary-border-color !default;
20
+ $split-btn-active-box-shadow: $secondary-shadow-focus !default;
21
+ $split-btn-disabled-left-border-color: $secondary-border-color !default;
22
+ $split-btn-hover-left-border-color: $secondary-border-color !default;
23
+ $split-btn-focus-left-border-color: $secondary-border-color !default;
24
+ $split-btn-active-left-border-color: $secondary-border-color !default;
25
+