@syncfusion/ej2-splitbuttons 20.4.48 → 21.1.35

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 (74) hide show
  1. package/CHANGELOG.md +9 -6
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +27 -7
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +27 -7
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -8
  13. package/src/drop-down-button/drop-down-button.js +9 -4
  14. package/src/progress-button/progress-button-model.d.ts +3 -1
  15. package/src/progress-button/progress-button.d.ts +19 -1
  16. package/src/split-button/split-button.js +18 -3
  17. package/styles/bootstrap-dark.css +44 -44
  18. package/styles/bootstrap.css +44 -44
  19. package/styles/bootstrap4.css +44 -44
  20. package/styles/bootstrap5-dark.css +48 -48
  21. package/styles/bootstrap5.css +48 -48
  22. package/styles/button-group/_bootstrap5-definition.scss +2 -2
  23. package/styles/button-group/_fluent-definition.scss +2 -2
  24. package/styles/button-group/_tailwind-definition.scss +1 -1
  25. package/styles/button-group/_theme.scss +4 -2
  26. package/styles/button-group/bootstrap-dark.css +30 -30
  27. package/styles/button-group/bootstrap.css +30 -30
  28. package/styles/button-group/bootstrap4.css +31 -31
  29. package/styles/button-group/bootstrap5-dark.css +30 -30
  30. package/styles/button-group/bootstrap5.css +30 -30
  31. package/styles/button-group/fabric-dark.css +30 -30
  32. package/styles/button-group/fabric.css +30 -30
  33. package/styles/button-group/fluent-dark.css +30 -30
  34. package/styles/button-group/fluent.css +30 -30
  35. package/styles/button-group/highcontrast-light.css +30 -30
  36. package/styles/button-group/highcontrast.css +30 -30
  37. package/styles/button-group/material-dark.css +30 -30
  38. package/styles/button-group/material.css +30 -30
  39. package/styles/button-group/tailwind-dark.css +30 -30
  40. package/styles/button-group/tailwind.css +30 -30
  41. package/styles/drop-down-button/_bootstrap5-definition.scss +5 -5
  42. package/styles/drop-down-button/_fluent-definition.scss +5 -5
  43. package/styles/drop-down-button/_layout.scss +12 -0
  44. package/styles/drop-down-button/_tailwind-definition.scss +4 -4
  45. package/styles/fabric-dark.css +44 -44
  46. package/styles/fabric.css +44 -44
  47. package/styles/fluent-dark.css +48 -48
  48. package/styles/fluent.css +48 -48
  49. package/styles/highcontrast-light.css +44 -44
  50. package/styles/highcontrast.css +44 -44
  51. package/styles/material-dark.css +43 -43
  52. package/styles/material.css +43 -43
  53. package/styles/progress-button/_theme.scss +45 -19
  54. package/styles/progress-button/bootstrap-dark.css +14 -14
  55. package/styles/progress-button/bootstrap.css +14 -14
  56. package/styles/progress-button/bootstrap4.css +13 -13
  57. package/styles/progress-button/bootstrap5-dark.css +18 -18
  58. package/styles/progress-button/bootstrap5.css +18 -18
  59. package/styles/progress-button/fabric-dark.css +14 -14
  60. package/styles/progress-button/fabric.css +14 -14
  61. package/styles/progress-button/fluent-dark.css +18 -18
  62. package/styles/progress-button/fluent.css +18 -18
  63. package/styles/progress-button/highcontrast-light.css +14 -14
  64. package/styles/progress-button/highcontrast.css +14 -14
  65. package/styles/progress-button/material-dark.css +13 -13
  66. package/styles/progress-button/material.css +13 -13
  67. package/styles/progress-button/tailwind-dark.css +18 -18
  68. package/styles/progress-button/tailwind.css +18 -18
  69. package/styles/tailwind-dark.css +48 -48
  70. package/styles/tailwind.css +48 -48
  71. package/styles/button-group/_material3-definition.scss +0 -31
  72. package/styles/drop-down-button/_material3-definition.scss +0 -50
  73. package/styles/progress-button/_material3-definition.scss +0 -21
  74. package/styles/split-button/_material3-definition.scss +0 -24
package/styles/bootstrap5-dark.css CHANGED
@@ -817,7 +817,7 @@
817
817
  .e-btn-group input:focus + label.e-btn,
818
818
  .e-css.e-btn-group .e-btn:focus,
819
819
  .e-css.e-btn-group input:focus + label.e-btn {
820
- background-color: #5c636a;
820
+ background: #5c636a;
821
821
  border-color: #6c757d;
822
822
  color: #fff;
823
823
  outline: #6c757d 0 solid;
@@ -830,7 +830,7 @@
830
830
  .e-btn-group input:focus + label.e-btn.e-primary,
831
831
  .e-css.e-btn-group .e-btn:focus.e-primary,
832
832
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
833
- background-color: #0b5ed7;
833
+ background: #0b5ed7;
834
834
  border-color: #0d6efd;
835
835
  color: #fff;
836
836
  outline: #6c757d 0 solid;
@@ -842,7 +842,7 @@
842
842
  .e-btn-group input:focus + label.e-btn.e-success,
843
843
  .e-css.e-btn-group .e-btn:focus.e-success,
844
844
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
845
- background-color: #157347;
845
+ background: #157347;
846
846
  border-color: #198754;
847
847
  color: #fff;
848
848
  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
@@ -853,7 +853,7 @@
853
853
  .e-btn-group input:focus + label.e-btn.e-info,
854
854
  .e-css.e-btn-group .e-btn:focus.e-info,
855
855
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
856
- background-color: #31d2f2;
856
+ background: #31d2f2;
857
857
  border-color: #0dcaf0;
858
858
  color: #000;
859
859
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
@@ -864,7 +864,7 @@
864
864
  .e-btn-group input:focus + label.e-btn.e-warning,
865
865
  .e-css.e-btn-group .e-btn:focus.e-warning,
866
866
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
867
- background-color: #ffca2c;
867
+ background: #ffca2c;
868
868
  border-color: #ffc107;
869
869
  color: #000;
870
870
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
@@ -875,7 +875,7 @@
875
875
  .e-btn-group input:focus + label.e-btn.e-danger,
876
876
  .e-css.e-btn-group .e-btn:focus.e-danger,
877
877
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
878
- background-color: #bb2d3b;
878
+ background: #bb2d3b;
879
879
  border-color: #dc3545;
880
880
  color: #fff;
881
881
  box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
@@ -942,7 +942,7 @@
942
942
  .e-css.e-btn-group .e-btn:active,
943
943
  .e-css.e-btn-group input:active + label.e-btn,
944
944
  .e-css.e-btn-group input:checked + label.e-btn {
945
- background-color: #565e64;
945
+ background: #565e64;
946
946
  border-color: #51585e;
947
947
  color: #fff;
948
948
  outline: #6c757d 0 solid;
@@ -954,7 +954,7 @@
954
954
  .e-css.e-btn-group .e-btn:active.e-primary,
955
955
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
956
956
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
957
- background-color: #0a58ca;
957
+ background: #0a58ca;
958
958
  border-color: #0a53be;
959
959
  color: #fff;
960
960
  outline: #6c757d 0 solid;
@@ -965,7 +965,7 @@
965
965
  .e-css.e-btn-group .e-btn:active.e-success,
966
966
  .e-css.e-btn-group input:active + label.e-btn.e-success,
967
967
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
968
- background-color: #146c43;
968
+ background: #146c43;
969
969
  border-color: #13653f;
970
970
  color: #fff;
971
971
  }
@@ -975,7 +975,7 @@
975
975
  .e-css.e-btn-group .e-btn:active.e-info,
976
976
  .e-css.e-btn-group input:active + label.e-btn.e-info,
977
977
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
978
- background-color: #3dd5f3;
978
+ background: #3dd5f3;
979
979
  color: #000;
980
980
  border-color: #25cff2;
981
981
  }
@@ -985,7 +985,7 @@
985
985
  .e-css.e-btn-group .e-btn:active.e-warning,
986
986
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
987
987
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
988
- background-color: #ffcd39;
988
+ background: #ffcd39;
989
989
  border-color: #ffc720;
990
990
  color: #000;
991
991
  }
@@ -995,7 +995,7 @@
995
995
  .e-css.e-btn-group .e-btn:active.e-danger,
996
996
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
997
997
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
998
- background-color: #b02a37;
998
+ background: #b02a37;
999
999
  border-color: #a52834;
1000
1000
  color: #fff;
1001
1001
  }
@@ -1005,7 +1005,7 @@
1005
1005
  .e-css.e-btn-group .e-btn:active.e-outline,
1006
1006
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
1007
1007
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1008
- background-color: #565e64;
1008
+ background: #565e64;
1009
1009
  border-color: #51585e;
1010
1010
  color: #fff;
1011
1011
  }
@@ -1015,7 +1015,7 @@
1015
1015
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1016
1016
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1017
1017
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1018
- background-color: #0d6efd;
1018
+ background: #0d6efd;
1019
1019
  color: #fff;
1020
1020
  }
1021
1021
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1024,7 +1024,7 @@
1024
1024
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1025
1025
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1026
1026
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1027
- background-color: #146c43;
1027
+ background: #146c43;
1028
1028
  border-color: #13653f;
1029
1029
  color: #fff;
1030
1030
  }
@@ -1034,7 +1034,7 @@
1034
1034
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1035
1035
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1036
1036
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1037
- background-color: #0dcaf0;
1037
+ background: #0dcaf0;
1038
1038
  color: #000;
1039
1039
  }
1040
1040
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1043,7 +1043,7 @@
1043
1043
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1044
1044
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1045
1045
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1046
- background-color: #ffcd39;
1046
+ background: #ffcd39;
1047
1047
  border-color: #ffc720;
1048
1048
  color: #000;
1049
1049
  }
@@ -1053,7 +1053,7 @@
1053
1053
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1054
1054
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1055
1055
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1056
- background-color: #b02a37;
1056
+ background: #b02a37;
1057
1057
  border-color: #a52834;
1058
1058
  color: #fff;
1059
1059
  }
@@ -1071,7 +1071,7 @@
1071
1071
  .e-btn-group input:disabled + label.e-btn.e-primary,
1072
1072
  .e-css.e-btn-group .e-btn:disabled.e-primary,
1073
1073
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1074
- background-color: rgba(13, 110, 253, 0.65);
1074
+ background: rgba(13, 110, 253, 0.65);
1075
1075
  border-color: rgba(13, 110, 253, 0.65);
1076
1076
  box-shadow: none;
1077
1077
  color: rgba(255, 255, 255, 0.65);
@@ -1081,7 +1081,7 @@
1081
1081
  .e-btn-group input:disabled + label.e-btn.e-success,
1082
1082
  .e-css.e-btn-group .e-btn:disabled.e-success,
1083
1083
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1084
- background-color: rgba(25, 135, 84, 0.65);
1084
+ background: rgba(25, 135, 84, 0.65);
1085
1085
  border-color: rgba(25, 135, 84, 0.65);
1086
1086
  box-shadow: none;
1087
1087
  color: rgba(255, 255, 255, 0.65);
@@ -1091,7 +1091,7 @@
1091
1091
  .e-btn-group input:disabled + label.e-btn.e-info,
1092
1092
  .e-css.e-btn-group .e-btn:disabled.e-info,
1093
1093
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1094
- background-color: rgba(13, 202, 240, 0.65);
1094
+ background: rgba(13, 202, 240, 0.65);
1095
1095
  border-color: rgba(13, 202, 240, 0.65);
1096
1096
  box-shadow: none;
1097
1097
  color: rgba(0, 0, 0, 0.65);
@@ -1101,7 +1101,7 @@
1101
1101
  .e-btn-group input:disabled + label.e-btn.e-warning,
1102
1102
  .e-css.e-btn-group .e-btn:disabled.e-warning,
1103
1103
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1104
- background-color: rgba(255, 193, 7, 0.65);
1104
+ background: rgba(255, 193, 7, 0.65);
1105
1105
  border-color: rgba(255, 193, 7, 0.65);
1106
1106
  box-shadow: none;
1107
1107
  color: rgba(0, 0, 0, 0.65);
@@ -1111,7 +1111,7 @@
1111
1111
  .e-btn-group input:disabled + label.e-btn.e-danger,
1112
1112
  .e-css.e-btn-group .e-btn:disabled.e-danger,
1113
1113
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1114
- background-color: rgba(220, 53, 69, 0.65);
1114
+ background: rgba(220, 53, 69, 0.65);
1115
1115
  border-color: rgba(220, 53, 69, 0.65);
1116
1116
  box-shadow: none;
1117
1117
  color: rgba(0, 0, 0, 0.65);
@@ -1123,7 +1123,7 @@
1123
1123
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1124
1124
  color: rgba(108, 117, 125, 0.65);
1125
1125
  text-decoration: underline;
1126
- background-color: transparent;
1126
+ background: transparent;
1127
1127
  box-shadow: none;
1128
1128
  text-decoration: none;
1129
1129
  border-color: transparent;
@@ -1132,7 +1132,7 @@
1132
1132
  .e-btn-group input:disabled + label.e-btn.e-outline,
1133
1133
  .e-css.e-btn-group .e-btn:disabled.e-outline,
1134
1134
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1135
- background-color: transparent;
1135
+ background: transparent;
1136
1136
  border-color: rgba(108, 117, 125, 0.65);
1137
1137
  color: #565e64;
1138
1138
  border-color: #6c757d;
@@ -1141,7 +1141,7 @@
1141
1141
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1142
1142
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1143
1143
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1144
- background-color: rgba(13, 110, 253, 0.65);
1144
+ background: rgba(13, 110, 253, 0.65);
1145
1145
  border-color: rgba(13, 110, 253, 0.65);
1146
1146
  box-shadow: none;
1147
1147
  color: rgba(255, 255, 255, 0.65);
@@ -1151,7 +1151,7 @@
1151
1151
  .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1152
1152
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1153
1153
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1154
- background-color: rgba(25, 135, 84, 0.65);
1154
+ background: rgba(25, 135, 84, 0.65);
1155
1155
  border-color: rgba(25, 135, 84, 0.65);
1156
1156
  box-shadow: none;
1157
1157
  color: rgba(255, 255, 255, 0.65);
@@ -1161,7 +1161,7 @@
1161
1161
  .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1162
1162
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1163
1163
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1164
- background-color: rgba(13, 202, 240, 0.65);
1164
+ background: rgba(13, 202, 240, 0.65);
1165
1165
  border-color: rgba(13, 202, 240, 0.65);
1166
1166
  box-shadow: none;
1167
1167
  color: rgba(0, 0, 0, 0.65);
@@ -1171,7 +1171,7 @@
1171
1171
  .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1172
1172
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1173
1173
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1174
- background-color: rgba(255, 193, 7, 0.65);
1174
+ background: rgba(255, 193, 7, 0.65);
1175
1175
  border-color: rgba(255, 193, 7, 0.65);
1176
1176
  box-shadow: none;
1177
1177
  color: rgba(0, 0, 0, 0.65);
@@ -1181,7 +1181,7 @@
1181
1181
  .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1182
1182
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1183
1183
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1184
- background-color: rgba(220, 53, 69, 0.65);
1184
+ background: rgba(220, 53, 69, 0.65);
1185
1185
  border-color: rgba(220, 53, 69, 0.65);
1186
1186
  box-shadow: none;
1187
1187
  color: rgba(255, 255, 255, 0.65);
@@ -1795,64 +1795,64 @@
1795
1795
  }
1796
1796
 
1797
1797
  .e-progress {
1798
- background-color: rgba(255, 255, 255, 0.2);
1798
+ background: rgba(255, 255, 255, 0.2);
1799
1799
  }
1800
1800
 
1801
1801
  *.e-primary .e-progress,
1802
1802
  *.e-success .e-progress,
1803
1803
  *.e-danger .e-progress,
1804
1804
  *.e-info .e-progress {
1805
- background-color: rgba(173, 181, 189, 0.2);
1805
+ background: rgba(173, 181, 189, 0.2);
1806
1806
  }
1807
1807
 
1808
1808
  *.e-warning .e-progress {
1809
- background-color: rgba(173, 181, 189, 0.2);
1809
+ background: rgba(173, 181, 189, 0.2);
1810
1810
  }
1811
1811
 
1812
1812
  *.e-flat.e-primary .e-progress {
1813
- background-color: rgba(255, 255, 255, 0.2);
1813
+ background: rgba(255, 255, 255, 0.2);
1814
1814
  }
1815
1815
  *.e-flat.e-success .e-progress {
1816
- background-color: rgba(255, 255, 255, 0.2);
1816
+ background: rgba(255, 255, 255, 0.2);
1817
1817
  }
1818
1818
  *.e-flat.e-info .e-progress {
1819
- background-color: rgba(0, 0, 0, 0.2);
1819
+ background: rgba(0, 0, 0, 0.2);
1820
1820
  }
1821
1821
  *.e-flat.e-warning .e-progress {
1822
- background-color: rgba(0, 0, 0, 0.2);
1822
+ background: rgba(0, 0, 0, 0.2);
1823
1823
  }
1824
1824
  *.e-flat.e-danger .e-progress {
1825
- background-color: rgba(255, 255, 255, 0.2);
1825
+ background: rgba(255, 255, 255, 0.2);
1826
1826
  }
1827
1827
 
1828
1828
  *.e-outline:not(:focus).e-primary .e-progress {
1829
- background-color: rgba(13, 110, 253, 0.2);
1829
+ background: rgba(13, 110, 253, 0.2);
1830
1830
  }
1831
1831
  *.e-outline:not(:focus).e-success .e-progress {
1832
- background-color: rgba(25, 135, 84, 0.2);
1832
+ background: rgba(25, 135, 84, 0.2);
1833
1833
  }
1834
1834
  *.e-outline:not(:focus).e-info .e-progress {
1835
- background-color: rgba(13, 202, 240, 0.2);
1835
+ background: rgba(13, 202, 240, 0.2);
1836
1836
  }
1837
1837
  *.e-outline:not(:focus).e-warning .e-progress {
1838
- background-color: rgba(255, 193, 7, 0.2);
1838
+ background: rgba(255, 193, 7, 0.2);
1839
1839
  }
1840
1840
  *.e-outline:not(:focus).e-danger .e-progress {
1841
- background-color: rgba(220, 53, 69, 0.2);
1841
+ background: rgba(220, 53, 69, 0.2);
1842
1842
  }
1843
1843
 
1844
1844
  *.e-flat:not(:focus).e-primary .e-progress {
1845
- background-color: rgba(13, 110, 253, 0.2);
1845
+ background: rgba(13, 110, 253, 0.2);
1846
1846
  }
1847
1847
  *.e-flat:not(:focus).e-success .e-progress {
1848
- background-color: rgba(25, 135, 84, 0.2);
1848
+ background: rgba(25, 135, 84, 0.2);
1849
1849
  }
1850
1850
  *.e-flat:not(:focus).e-info .e-progress {
1851
- background-color: rgba(13, 202, 240, 0.2);
1851
+ background: rgba(13, 202, 240, 0.2);
1852
1852
  }
1853
1853
  *.e-flat:not(:focus).e-warning .e-progress {
1854
- background-color: rgba(255, 193, 7, 0.2);
1854
+ background: rgba(255, 193, 7, 0.2);
1855
1855
  }
1856
1856
  *.e-flat:not(:focus).e-danger .e-progress {
1857
- background-color: rgba(220, 53, 69, 0.2);
1857
+ background: rgba(220, 53, 69, 0.2);
1858
1858
  }
package/styles/bootstrap5.css CHANGED
@@ -817,7 +817,7 @@
817
817
  .e-btn-group input:focus + label.e-btn,
818
818
  .e-css.e-btn-group .e-btn:focus,
819
819
  .e-css.e-btn-group input:focus + label.e-btn {
820
- background-color: #5c636a;
820
+ background: #5c636a;
821
821
  border-color: #6c757d;
822
822
  color: #fff;
823
823
  outline: #6c757d 0 solid;
@@ -830,7 +830,7 @@
830
830
  .e-btn-group input:focus + label.e-btn.e-primary,
831
831
  .e-css.e-btn-group .e-btn:focus.e-primary,
832
832
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
833
- background-color: #0b5ed7;
833
+ background: #0b5ed7;
834
834
  border-color: #0d6efd;
835
835
  color: #fff;
836
836
  outline: #6c757d 0 solid;
@@ -842,7 +842,7 @@
842
842
  .e-btn-group input:focus + label.e-btn.e-success,
843
843
  .e-css.e-btn-group .e-btn:focus.e-success,
844
844
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
845
- background-color: #157347;
845
+ background: #157347;
846
846
  border-color: #198754;
847
847
  color: #fff;
848
848
  box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
@@ -853,7 +853,7 @@
853
853
  .e-btn-group input:focus + label.e-btn.e-info,
854
854
  .e-css.e-btn-group .e-btn:focus.e-info,
855
855
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
856
- background-color: #31d2f2;
856
+ background: #31d2f2;
857
857
  border-color: #0dcaf0;
858
858
  color: #000;
859
859
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
@@ -864,7 +864,7 @@
864
864
  .e-btn-group input:focus + label.e-btn.e-warning,
865
865
  .e-css.e-btn-group .e-btn:focus.e-warning,
866
866
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
867
- background-color: #ffca2c;
867
+ background: #ffca2c;
868
868
  border-color: #ffc107;
869
869
  color: #000;
870
870
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
@@ -875,7 +875,7 @@
875
875
  .e-btn-group input:focus + label.e-btn.e-danger,
876
876
  .e-css.e-btn-group .e-btn:focus.e-danger,
877
877
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
878
- background-color: #bb2d3b;
878
+ background: #bb2d3b;
879
879
  border-color: #dc3545;
880
880
  color: #fff;
881
881
  box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
@@ -942,7 +942,7 @@
942
942
  .e-css.e-btn-group .e-btn:active,
943
943
  .e-css.e-btn-group input:active + label.e-btn,
944
944
  .e-css.e-btn-group input:checked + label.e-btn {
945
- background-color: #565e64;
945
+ background: #565e64;
946
946
  border-color: #51585e;
947
947
  color: #fff;
948
948
  outline: #6c757d 0 solid;
@@ -954,7 +954,7 @@
954
954
  .e-css.e-btn-group .e-btn:active.e-primary,
955
955
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
956
956
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
957
- background-color: #0a58ca;
957
+ background: #0a58ca;
958
958
  border-color: #0a53be;
959
959
  color: #fff;
960
960
  outline: #6c757d 0 solid;
@@ -965,7 +965,7 @@
965
965
  .e-css.e-btn-group .e-btn:active.e-success,
966
966
  .e-css.e-btn-group input:active + label.e-btn.e-success,
967
967
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
968
- background-color: #146c43;
968
+ background: #146c43;
969
969
  border-color: #13653f;
970
970
  color: #fff;
971
971
  }
@@ -975,7 +975,7 @@
975
975
  .e-css.e-btn-group .e-btn:active.e-info,
976
976
  .e-css.e-btn-group input:active + label.e-btn.e-info,
977
977
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
978
- background-color: #3dd5f3;
978
+ background: #3dd5f3;
979
979
  color: #000;
980
980
  border-color: #25cff2;
981
981
  }
@@ -985,7 +985,7 @@
985
985
  .e-css.e-btn-group .e-btn:active.e-warning,
986
986
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
987
987
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
988
- background-color: #ffcd39;
988
+ background: #ffcd39;
989
989
  border-color: #ffc720;
990
990
  color: #000;
991
991
  }
@@ -995,7 +995,7 @@
995
995
  .e-css.e-btn-group .e-btn:active.e-danger,
996
996
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
997
997
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
998
- background-color: #b02a37;
998
+ background: #b02a37;
999
999
  border-color: #a52834;
1000
1000
  color: #fff;
1001
1001
  }
@@ -1005,7 +1005,7 @@
1005
1005
  .e-css.e-btn-group .e-btn:active.e-outline,
1006
1006
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
1007
1007
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1008
- background-color: #565e64;
1008
+ background: #565e64;
1009
1009
  border-color: #51585e;
1010
1010
  color: #fff;
1011
1011
  }
@@ -1015,7 +1015,7 @@
1015
1015
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1016
1016
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1017
1017
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1018
- background-color: #0d6efd;
1018
+ background: #0d6efd;
1019
1019
  color: #fff;
1020
1020
  }
1021
1021
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1024,7 +1024,7 @@
1024
1024
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1025
1025
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1026
1026
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1027
- background-color: #146c43;
1027
+ background: #146c43;
1028
1028
  border-color: #13653f;
1029
1029
  color: #fff;
1030
1030
  }
@@ -1034,7 +1034,7 @@
1034
1034
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1035
1035
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1036
1036
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1037
- background-color: #0dcaf0;
1037
+ background: #0dcaf0;
1038
1038
  color: #000;
1039
1039
  }
1040
1040
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1043,7 +1043,7 @@
1043
1043
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1044
1044
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1045
1045
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1046
- background-color: #ffcd39;
1046
+ background: #ffcd39;
1047
1047
  border-color: #ffc720;
1048
1048
  color: #000;
1049
1049
  }
@@ -1053,7 +1053,7 @@
1053
1053
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1054
1054
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1055
1055
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1056
- background-color: #b02a37;
1056
+ background: #b02a37;
1057
1057
  border-color: #a52834;
1058
1058
  color: #fff;
1059
1059
  }
@@ -1071,7 +1071,7 @@
1071
1071
  .e-btn-group input:disabled + label.e-btn.e-primary,
1072
1072
  .e-css.e-btn-group .e-btn:disabled.e-primary,
1073
1073
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1074
- background-color: rgba(13, 110, 253, 0.65);
1074
+ background: rgba(13, 110, 253, 0.65);
1075
1075
  border-color: rgba(13, 110, 253, 0.65);
1076
1076
  box-shadow: none;
1077
1077
  color: rgba(255, 255, 255, 0.65);
@@ -1081,7 +1081,7 @@
1081
1081
  .e-btn-group input:disabled + label.e-btn.e-success,
1082
1082
  .e-css.e-btn-group .e-btn:disabled.e-success,
1083
1083
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1084
- background-color: rgba(25, 135, 84, 0.65);
1084
+ background: rgba(25, 135, 84, 0.65);
1085
1085
  border-color: rgba(25, 135, 84, 0.65);
1086
1086
  box-shadow: none;
1087
1087
  color: rgba(255, 255, 255, 0.65);
@@ -1091,7 +1091,7 @@
1091
1091
  .e-btn-group input:disabled + label.e-btn.e-info,
1092
1092
  .e-css.e-btn-group .e-btn:disabled.e-info,
1093
1093
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1094
- background-color: rgba(13, 202, 240, 0.65);
1094
+ background: rgba(13, 202, 240, 0.65);
1095
1095
  border-color: rgba(13, 202, 240, 0.65);
1096
1096
  box-shadow: none;
1097
1097
  color: rgba(0, 0, 0, 0.65);
@@ -1101,7 +1101,7 @@
1101
1101
  .e-btn-group input:disabled + label.e-btn.e-warning,
1102
1102
  .e-css.e-btn-group .e-btn:disabled.e-warning,
1103
1103
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1104
- background-color: rgba(255, 193, 7, 0.65);
1104
+ background: rgba(255, 193, 7, 0.65);
1105
1105
  border-color: rgba(255, 193, 7, 0.65);
1106
1106
  box-shadow: none;
1107
1107
  color: rgba(0, 0, 0, 0.65);
@@ -1111,7 +1111,7 @@
1111
1111
  .e-btn-group input:disabled + label.e-btn.e-danger,
1112
1112
  .e-css.e-btn-group .e-btn:disabled.e-danger,
1113
1113
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1114
- background-color: rgba(220, 53, 69, 0.65);
1114
+ background: rgba(220, 53, 69, 0.65);
1115
1115
  border-color: rgba(220, 53, 69, 0.65);
1116
1116
  box-shadow: none;
1117
1117
  color: rgba(0, 0, 0, 0.65);
@@ -1123,7 +1123,7 @@
1123
1123
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1124
1124
  color: rgba(108, 117, 125, 0.65);
1125
1125
  text-decoration: underline;
1126
- background-color: transparent;
1126
+ background: transparent;
1127
1127
  box-shadow: none;
1128
1128
  text-decoration: none;
1129
1129
  border-color: transparent;
@@ -1132,7 +1132,7 @@
1132
1132
  .e-btn-group input:disabled + label.e-btn.e-outline,
1133
1133
  .e-css.e-btn-group .e-btn:disabled.e-outline,
1134
1134
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1135
- background-color: transparent;
1135
+ background: transparent;
1136
1136
  border-color: rgba(108, 117, 125, 0.65);
1137
1137
  color: #565e64;
1138
1138
  border-color: #6c757d;
@@ -1141,7 +1141,7 @@
1141
1141
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1142
1142
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1143
1143
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1144
- background-color: rgba(13, 110, 253, 0.65);
1144
+ background: rgba(13, 110, 253, 0.65);
1145
1145
  border-color: rgba(13, 110, 253, 0.65);
1146
1146
  box-shadow: none;
1147
1147
  color: rgba(255, 255, 255, 0.65);
@@ -1151,7 +1151,7 @@
1151
1151
  .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1152
1152
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1153
1153
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1154
- background-color: rgba(25, 135, 84, 0.65);
1154
+ background: rgba(25, 135, 84, 0.65);
1155
1155
  border-color: rgba(25, 135, 84, 0.65);
1156
1156
  box-shadow: none;
1157
1157
  color: rgba(255, 255, 255, 0.65);
@@ -1161,7 +1161,7 @@
1161
1161
  .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1162
1162
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1163
1163
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1164
- background-color: rgba(13, 202, 240, 0.65);
1164
+ background: rgba(13, 202, 240, 0.65);
1165
1165
  border-color: rgba(13, 202, 240, 0.65);
1166
1166
  box-shadow: none;
1167
1167
  color: rgba(0, 0, 0, 0.65);
@@ -1171,7 +1171,7 @@
1171
1171
  .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1172
1172
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1173
1173
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1174
- background-color: rgba(255, 193, 7, 0.65);
1174
+ background: rgba(255, 193, 7, 0.65);
1175
1175
  border-color: rgba(255, 193, 7, 0.65);
1176
1176
  box-shadow: none;
1177
1177
  color: rgba(0, 0, 0, 0.65);
@@ -1181,7 +1181,7 @@
1181
1181
  .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1182
1182
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1183
1183
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1184
- background-color: rgba(220, 53, 69, 0.65);
1184
+ background: rgba(220, 53, 69, 0.65);
1185
1185
  border-color: rgba(220, 53, 69, 0.65);
1186
1186
  box-shadow: none;
1187
1187
  color: rgba(255, 255, 255, 0.65);
@@ -1795,64 +1795,64 @@
1795
1795
  }
1796
1796
 
1797
1797
  .e-progress {
1798
- background-color: rgba(255, 255, 255, 0.2);
1798
+ background: rgba(255, 255, 255, 0.2);
1799
1799
  }
1800
1800
 
1801
1801
  *.e-primary .e-progress,
1802
1802
  *.e-success .e-progress,
1803
1803
  *.e-danger .e-progress,
1804
1804
  *.e-info .e-progress {
1805
- background-color: rgba(108, 117, 125, 0.2);
1805
+ background: rgba(108, 117, 125, 0.2);
1806
1806
  }
1807
1807
 
1808
1808
  *.e-warning .e-progress {
1809
- background-color: rgba(108, 117, 125, 0.2);
1809
+ background: rgba(108, 117, 125, 0.2);
1810
1810
  }
1811
1811
 
1812
1812
  *.e-flat.e-primary .e-progress {
1813
- background-color: rgba(255, 255, 255, 0.2);
1813
+ background: rgba(255, 255, 255, 0.2);
1814
1814
  }
1815
1815
  *.e-flat.e-success .e-progress {
1816
- background-color: rgba(255, 255, 255, 0.2);
1816
+ background: rgba(255, 255, 255, 0.2);
1817
1817
  }
1818
1818
  *.e-flat.e-info .e-progress {
1819
- background-color: rgba(0, 0, 0, 0.2);
1819
+ background: rgba(0, 0, 0, 0.2);
1820
1820
  }
1821
1821
  *.e-flat.e-warning .e-progress {
1822
- background-color: rgba(0, 0, 0, 0.2);
1822
+ background: rgba(0, 0, 0, 0.2);
1823
1823
  }
1824
1824
  *.e-flat.e-danger .e-progress {
1825
- background-color: rgba(255, 255, 255, 0.2);
1825
+ background: rgba(255, 255, 255, 0.2);
1826
1826
  }
1827
1827
 
1828
1828
  *.e-outline:not(:focus).e-primary .e-progress {
1829
- background-color: rgba(13, 110, 253, 0.2);
1829
+ background: rgba(13, 110, 253, 0.2);
1830
1830
  }
1831
1831
  *.e-outline:not(:focus).e-success .e-progress {
1832
- background-color: rgba(25, 135, 84, 0.2);
1832
+ background: rgba(25, 135, 84, 0.2);
1833
1833
  }
1834
1834
  *.e-outline:not(:focus).e-info .e-progress {
1835
- background-color: rgba(13, 202, 240, 0.2);
1835
+ background: rgba(13, 202, 240, 0.2);
1836
1836
  }
1837
1837
  *.e-outline:not(:focus).e-warning .e-progress {
1838
- background-color: rgba(255, 193, 7, 0.2);
1838
+ background: rgba(255, 193, 7, 0.2);
1839
1839
  }
1840
1840
  *.e-outline:not(:focus).e-danger .e-progress {
1841
- background-color: rgba(220, 53, 69, 0.2);
1841
+ background: rgba(220, 53, 69, 0.2);
1842
1842
  }
1843
1843
 
1844
1844
  *.e-flat:not(:focus).e-primary .e-progress {
1845
- background-color: rgba(13, 110, 253, 0.2);
1845
+ background: rgba(13, 110, 253, 0.2);
1846
1846
  }
1847
1847
  *.e-flat:not(:focus).e-success .e-progress {
1848
- background-color: rgba(25, 135, 84, 0.2);
1848
+ background: rgba(25, 135, 84, 0.2);
1849
1849
  }
1850
1850
  *.e-flat:not(:focus).e-info .e-progress {
1851
- background-color: rgba(13, 202, 240, 0.2);
1851
+ background: rgba(13, 202, 240, 0.2);
1852
1852
  }
1853
1853
  *.e-flat:not(:focus).e-warning .e-progress {
1854
- background-color: rgba(255, 193, 7, 0.2);
1854
+ background: rgba(255, 193, 7, 0.2);
1855
1855
  }
1856
1856
  *.e-flat:not(:focus).e-danger .e-progress {
1857
- background-color: rgba(220, 53, 69, 0.2);
1857
+ background: rgba(220, 53, 69, 0.2);
1858
1858
  }
package/styles/button-group/_bootstrap5-definition.scss CHANGED
@@ -3,8 +3,8 @@ $btn-grp-margin: -1px !default;
3
3
  $btn-grp-margin-left: -1px !default;
4
4
  $btn-grp-wrapper-border: 4px !default;
5
5
  $btn-grp-round-radius: 20px !default;
6
- $btn-grp-icon-font-size: 16px !default;
7
- $btn-grp-icon-font-size-bigger: 20px !default;
6
+ $btn-grp-icon-font-size: $text-base !default;
7
+ $btn-grp-icon-font-size-bigger: $text-xl !default;
8
8
 
9
9
  //Normal Outline GroupButton
10
10
  $btn-grp-outline-focus-border-color: $secondary-border-color !default;