@syncfusion/ej2-splitbuttons 20.1.57 → 20.2.36

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 (71) 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/dist/ts/button-group/button-group.ts +84 -0
  12. package/dist/ts/common/common.ts +203 -0
  13. package/dist/ts/drop-down-button/drop-down-button.ts +806 -0
  14. package/dist/ts/progress-button/progress-button.ts +689 -0
  15. package/dist/ts/split-button/split-button.ts +501 -0
  16. package/helpers/e2e/dropdownbuttonHelper.js +55 -38
  17. package/helpers/e2e/index.js +10 -8
  18. package/helpers/e2e/progressbuttonHelper.js +52 -35
  19. package/helpers/e2e/splitbuttonHelper.js +58 -41
  20. package/package.json +7 -7
  21. package/src/drop-down-button/drop-down-button.js +3 -2
  22. package/styles/bootstrap-dark.css +0 -8
  23. package/styles/bootstrap.css +0 -8
  24. package/styles/bootstrap4.css +0 -8
  25. package/styles/bootstrap5-dark.css +14 -0
  26. package/styles/bootstrap5.css +14 -0
  27. package/styles/button-group/_fusionnew-definition.scss +31 -0
  28. package/styles/button-group/_layout.scss +1 -1
  29. package/styles/button-group/_material3-definition.scss +31 -0
  30. package/styles/button-group/_theme.scss +48 -12
  31. package/styles/button-group/bootstrap-dark.css +0 -8
  32. package/styles/button-group/bootstrap.css +0 -8
  33. package/styles/button-group/bootstrap4.css +0 -8
  34. package/styles/button-group/bootstrap5-dark.css +12 -0
  35. package/styles/button-group/bootstrap5.css +12 -0
  36. package/styles/button-group/fabric-dark.css +0 -8
  37. package/styles/button-group/fabric.css +0 -8
  38. package/styles/button-group/fluent-dark.css +0 -8
  39. package/styles/button-group/fluent.css +0 -8
  40. package/styles/button-group/highcontrast-light.css +0 -8
  41. package/styles/button-group/highcontrast.css +0 -8
  42. package/styles/button-group/material-dark.css +0 -8
  43. package/styles/button-group/material.css +0 -8
  44. package/styles/button-group/tailwind-dark.css +8 -12
  45. package/styles/button-group/tailwind.css +8 -12
  46. package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
  47. package/styles/drop-down-button/_layout.scss +4 -2
  48. package/styles/drop-down-button/_material3-definition.scss +51 -0
  49. package/styles/drop-down-button/bootstrap5-dark.css +2 -0
  50. package/styles/drop-down-button/bootstrap5.css +2 -0
  51. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  52. package/styles/drop-down-button/icons/_material3.scss +10 -0
  53. package/styles/drop-down-button/tailwind-dark.css +2 -0
  54. package/styles/drop-down-button/tailwind.css +2 -0
  55. package/styles/fabric-dark.css +0 -8
  56. package/styles/fabric.css +0 -8
  57. package/styles/fluent-dark.css +1 -9
  58. package/styles/fluent.css +1 -9
  59. package/styles/highcontrast-light.css +0 -8
  60. package/styles/highcontrast.css +0 -8
  61. package/styles/material-dark.css +0 -8
  62. package/styles/material.css +0 -8
  63. package/styles/progress-button/_fluent-definition.scss +1 -1
  64. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  65. package/styles/progress-button/_material3-definition.scss +21 -0
  66. package/styles/progress-button/fluent-dark.css +1 -1
  67. package/styles/progress-button/fluent.css +1 -1
  68. package/styles/split-button/_fusionnew-definition.scss +25 -0
  69. package/styles/split-button/_material3-definition.scss +25 -0
  70. package/styles/tailwind-dark.css +10 -12
  71. package/styles/tailwind.css +10 -12
package/styles/tailwind-dark.css CHANGED
@@ -78,6 +78,7 @@
78
78
 
79
79
  .e-dropdown-popup {
80
80
  position: absolute;
81
+ border-radius: 4px;
81
82
  margin-top: 4px;
82
83
  }
83
84
  .e-dropdown-popup ul {
@@ -157,6 +158,7 @@
157
158
 
158
159
  *.e-bigger .e-dropdown-popup {
159
160
  background-color: transparent;
161
+ border-radius: 4px;
160
162
  }
161
163
 
162
164
  *.e-bigger .e-dropdown-popup ul,
@@ -549,6 +551,14 @@
549
551
  flex-direction: row;
550
552
  position: relative;
551
553
  }
554
+ *.e-btn-group input:focus + label.e-btn,
555
+ *.e-btn-group .e-btn:focus,
556
+ *.e-btn-group .e-btn:hover,
557
+ *.e-css.e-btn-group input:focus + label.e-btn,
558
+ *.e-css.e-btn-group .e-btn:focus,
559
+ *.e-css.e-btn-group .e-btn:hover {
560
+ z-index: 2;
561
+ }
552
562
  *.e-btn-group input + label.e-btn,
553
563
  *.e-css.e-btn-group input + label.e-btn {
554
564
  margin-bottom: 0;
@@ -794,7 +804,6 @@
794
804
  outline: #1f2937 0 solid;
795
805
  outline-offset: 0;
796
806
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
797
- box-shadow: none;
798
807
  outline-color: inherit;
799
808
  }
800
809
  .e-btn-group .e-btn:focus.e-primary,
@@ -806,7 +815,6 @@
806
815
  color: #000;
807
816
  outline: #1f2937 0 solid;
808
817
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
809
- box-shadow: none;
810
818
  outline-color: inherit;
811
819
  }
812
820
  .e-btn-group .e-btn:focus.e-success,
@@ -817,7 +825,6 @@
817
825
  border-color: #22c55e;
818
826
  color: #000;
819
827
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
820
- box-shadow: none;
821
828
  outline-color: inherit;
822
829
  }
823
830
  .e-btn-group .e-btn:focus.e-info,
@@ -828,7 +835,6 @@
828
835
  border-color: #0ea5e9;
829
836
  color: #fff;
830
837
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
831
- box-shadow: none;
832
838
  outline-color: inherit;
833
839
  }
834
840
  .e-btn-group .e-btn:focus.e-warning,
@@ -839,7 +845,6 @@
839
845
  border-color: #ea580c;
840
846
  color: #fff;
841
847
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
842
- box-shadow: none;
843
848
  outline-color: inherit;
844
849
  }
845
850
  .e-btn-group .e-btn:focus.e-danger,
@@ -850,7 +855,6 @@
850
855
  border-color: #f87171;
851
856
  color: #000;
852
857
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
853
- box-shadow: none;
854
858
  outline-color: inherit;
855
859
  }
856
860
  .e-btn-group .e-btn:focus.e-link,
@@ -870,42 +874,36 @@
870
874
  .e-css.e-btn-group .e-btn:focus.e-outline,
871
875
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
872
876
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
873
- box-shadow: none;
874
877
  }
875
878
  .e-btn-group .e-btn:focus.e-outline.e-primary,
876
879
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
877
880
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
878
881
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
879
882
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
880
- box-shadow: none;
881
883
  }
882
884
  .e-btn-group .e-btn:focus.e-outline.e-success,
883
885
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
884
886
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
885
887
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
886
888
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
887
- box-shadow: none;
888
889
  }
889
890
  .e-btn-group .e-btn:focus.e-outline.e-info,
890
891
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
891
892
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
892
893
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
893
894
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
894
- box-shadow: none;
895
895
  }
896
896
  .e-btn-group .e-btn:focus.e-outline.e-warning,
897
897
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
898
898
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
899
899
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
900
900
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
901
- box-shadow: none;
902
901
  }
903
902
  .e-btn-group .e-btn:focus.e-outline.e-danger,
904
903
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
905
904
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
906
905
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
907
906
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
908
- box-shadow: none;
909
907
  }
910
908
  .e-btn-group .e-btn:active,
911
909
  .e-btn-group input:active + label.e-btn,
package/styles/tailwind.css CHANGED
@@ -78,6 +78,7 @@
78
78
 
79
79
  .e-dropdown-popup {
80
80
  position: absolute;
81
+ border-radius: 4px;
81
82
  margin-top: 4px;
82
83
  }
83
84
  .e-dropdown-popup ul {
@@ -157,6 +158,7 @@
157
158
 
158
159
  *.e-bigger .e-dropdown-popup {
159
160
  background-color: transparent;
161
+ border-radius: 4px;
160
162
  }
161
163
 
162
164
  *.e-bigger .e-dropdown-popup ul,
@@ -549,6 +551,14 @@
549
551
  flex-direction: row;
550
552
  position: relative;
551
553
  }
554
+ *.e-btn-group input:focus + label.e-btn,
555
+ *.e-btn-group .e-btn:focus,
556
+ *.e-btn-group .e-btn:hover,
557
+ *.e-css.e-btn-group input:focus + label.e-btn,
558
+ *.e-css.e-btn-group .e-btn:focus,
559
+ *.e-css.e-btn-group .e-btn:hover {
560
+ z-index: 2;
561
+ }
552
562
  *.e-btn-group input + label.e-btn,
553
563
  *.e-css.e-btn-group input + label.e-btn {
554
564
  margin-bottom: 0;
@@ -794,7 +804,6 @@
794
804
  outline: #fff 0 solid;
795
805
  outline-offset: 0;
796
806
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
797
- box-shadow: none;
798
807
  outline-color: inherit;
799
808
  }
800
809
  .e-btn-group .e-btn:focus.e-primary,
@@ -806,7 +815,6 @@
806
815
  color: #fff;
807
816
  outline: #fff 0 solid;
808
817
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
809
- box-shadow: none;
810
818
  outline-color: inherit;
811
819
  }
812
820
  .e-btn-group .e-btn:focus.e-success,
@@ -817,7 +825,6 @@
817
825
  border-color: #15803d;
818
826
  color: #fff;
819
827
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
820
- box-shadow: none;
821
828
  outline-color: inherit;
822
829
  }
823
830
  .e-btn-group .e-btn:focus.e-info,
@@ -828,7 +835,6 @@
828
835
  border-color: #0e7490;
829
836
  color: #fff;
830
837
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
831
- box-shadow: none;
832
838
  outline-color: inherit;
833
839
  }
834
840
  .e-btn-group .e-btn:focus.e-warning,
@@ -839,7 +845,6 @@
839
845
  border-color: #c2410c;
840
846
  color: #fff;
841
847
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
842
- box-shadow: none;
843
848
  outline-color: inherit;
844
849
  }
845
850
  .e-btn-group .e-btn:focus.e-danger,
@@ -850,7 +855,6 @@
850
855
  border-color: #dc2626;
851
856
  color: #fff;
852
857
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
853
- box-shadow: none;
854
858
  outline-color: inherit;
855
859
  }
856
860
  .e-btn-group .e-btn:focus.e-link,
@@ -870,42 +874,36 @@
870
874
  .e-css.e-btn-group .e-btn:focus.e-outline,
871
875
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
872
876
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
873
- box-shadow: none;
874
877
  }
875
878
  .e-btn-group .e-btn:focus.e-outline.e-primary,
876
879
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
877
880
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
878
881
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
879
882
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
880
- box-shadow: none;
881
883
  }
882
884
  .e-btn-group .e-btn:focus.e-outline.e-success,
883
885
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
884
886
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
885
887
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
886
888
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
887
- box-shadow: none;
888
889
  }
889
890
  .e-btn-group .e-btn:focus.e-outline.e-info,
890
891
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
891
892
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
892
893
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
893
894
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
894
- box-shadow: none;
895
895
  }
896
896
  .e-btn-group .e-btn:focus.e-outline.e-warning,
897
897
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
898
898
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
899
899
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
900
900
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
901
- box-shadow: none;
902
901
  }
903
902
  .e-btn-group .e-btn:focus.e-outline.e-danger,
904
903
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
905
904
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
906
905
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
907
906
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
908
- box-shadow: none;
909
907
  }
910
908
  .e-btn-group .e-btn:active,
911
909
  .e-btn-group input:active + label.e-btn,