@syncfusion/ej2-react-splitbuttons 20.4.50 → 21.1.37

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 (58) hide show
  1. package/CHANGELOG.md +2 -26
  2. package/dist/ej2-react-splitbuttons.min.js +2 -2
  3. package/dist/ej2-react-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-react-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-react-splitbuttons.es2015.js +3 -0
  6. package/dist/es6/ej2-react-splitbuttons.es2015.js.map +1 -1
  7. package/package.json +9 -9
  8. package/src/drop-down-button/dropdownbutton.component.d.ts +1 -0
  9. package/src/drop-down-button/dropdownbutton.component.js +1 -0
  10. package/src/progress-button/progressbutton.component.d.ts +1 -0
  11. package/src/progress-button/progressbutton.component.js +1 -0
  12. package/src/split-button/splitbutton.component.d.ts +1 -0
  13. package/src/split-button/splitbutton.component.js +1 -0
  14. package/styles/bootstrap-dark.css +44 -44
  15. package/styles/bootstrap.css +44 -44
  16. package/styles/bootstrap4.css +44 -44
  17. package/styles/bootstrap5-dark.css +48 -48
  18. package/styles/bootstrap5.css +48 -48
  19. package/styles/button-group/bootstrap-dark.css +30 -30
  20. package/styles/button-group/bootstrap.css +30 -30
  21. package/styles/button-group/bootstrap4.css +31 -31
  22. package/styles/button-group/bootstrap5-dark.css +30 -30
  23. package/styles/button-group/bootstrap5.css +30 -30
  24. package/styles/button-group/fabric-dark.css +30 -30
  25. package/styles/button-group/fabric.css +30 -30
  26. package/styles/button-group/fluent-dark.css +30 -30
  27. package/styles/button-group/fluent.css +30 -30
  28. package/styles/button-group/highcontrast-light.css +30 -30
  29. package/styles/button-group/highcontrast.css +30 -30
  30. package/styles/button-group/material-dark.css +30 -30
  31. package/styles/button-group/material.css +30 -30
  32. package/styles/button-group/tailwind-dark.css +30 -30
  33. package/styles/button-group/tailwind.css +30 -30
  34. package/styles/fabric-dark.css +44 -44
  35. package/styles/fabric.css +44 -44
  36. package/styles/fluent-dark.css +48 -48
  37. package/styles/fluent.css +48 -48
  38. package/styles/highcontrast-light.css +44 -44
  39. package/styles/highcontrast.css +44 -44
  40. package/styles/material-dark.css +43 -43
  41. package/styles/material.css +43 -43
  42. package/styles/progress-button/bootstrap-dark.css +14 -14
  43. package/styles/progress-button/bootstrap.css +14 -14
  44. package/styles/progress-button/bootstrap4.css +13 -13
  45. package/styles/progress-button/bootstrap5-dark.css +18 -18
  46. package/styles/progress-button/bootstrap5.css +18 -18
  47. package/styles/progress-button/fabric-dark.css +14 -14
  48. package/styles/progress-button/fabric.css +14 -14
  49. package/styles/progress-button/fluent-dark.css +18 -18
  50. package/styles/progress-button/fluent.css +18 -18
  51. package/styles/progress-button/highcontrast-light.css +14 -14
  52. package/styles/progress-button/highcontrast.css +14 -14
  53. package/styles/progress-button/material-dark.css +13 -13
  54. package/styles/progress-button/material.css +13 -13
  55. package/styles/progress-button/tailwind-dark.css +18 -18
  56. package/styles/progress-button/tailwind.css +18 -18
  57. package/styles/tailwind-dark.css +48 -48
  58. package/styles/tailwind.css +48 -48
package/styles/bootstrap-dark.css CHANGED
@@ -811,7 +811,7 @@
811
811
  .e-btn-group input:focus + label.e-btn,
812
812
  .e-css.e-btn-group .e-btn:focus,
813
813
  .e-css.e-btn-group input:focus + label.e-btn {
814
- background-color: #2a2a2a;
814
+ background: #2a2a2a;
815
815
  border-color: #585858;
816
816
  color: #fff;
817
817
  outline: #393939 0 solid;
@@ -824,7 +824,7 @@
824
824
  .e-btn-group input:focus + label.e-btn.e-primary,
825
825
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
826
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
- background-color: #0058bd;
827
+ background: #0058bd;
828
828
  border-color: #0058bd;
829
829
  color: #fff;
830
830
  outline: #393939 0 solid;
@@ -836,7 +836,7 @@
836
836
  .e-btn-group input:focus + label.e-btn.e-success,
837
837
  .e-css.e-btn-group .e-btn:focus.e-success,
838
838
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
- background-color: #265e28;
839
+ background: #265e28;
840
840
  border-color: #265e28;
841
841
  color: #fff;
842
842
  box-shadow: none;
@@ -847,7 +847,7 @@
847
847
  .e-btn-group input:focus + label.e-btn.e-info,
848
848
  .e-css.e-btn-group .e-btn:focus.e-info,
849
849
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
- background-color: #175b66;
850
+ background: #175b66;
851
851
  border-color: #175b66;
852
852
  color: #fff;
853
853
  box-shadow: none;
@@ -858,7 +858,7 @@
858
858
  .e-btn-group input:focus + label.e-btn.e-warning,
859
859
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
860
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
- background-color: #f69807;
861
+ background: #f69807;
862
862
  border-color: #7a4c04;
863
863
  color: #000;
864
864
  box-shadow: none;
@@ -869,7 +869,7 @@
869
869
  .e-btn-group input:focus + label.e-btn.e-danger,
870
870
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
871
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
- background-color: #982525;
872
+ background: #982525;
873
873
  border-color: #982525;
874
874
  color: #fff;
875
875
  box-shadow: none;
@@ -931,7 +931,7 @@
931
931
  .e-css.e-btn-group .e-btn:active,
932
932
  .e-css.e-btn-group input:active + label.e-btn,
933
933
  .e-css.e-btn-group input:checked + label.e-btn {
934
- background-color: #2a2a2a;
934
+ background: #2a2a2a;
935
935
  border-color: #585858;
936
936
  color: #fff;
937
937
  outline: #393939 0 solid;
@@ -944,7 +944,7 @@
944
944
  .e-css.e-btn-group .e-btn:active.e-primary,
945
945
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
946
946
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
947
- background-color: #0058bd;
947
+ background: #0058bd;
948
948
  border-color: #0058bd;
949
949
  color: #fff;
950
950
  outline: #393939 0 solid;
@@ -956,7 +956,7 @@
956
956
  .e-css.e-btn-group .e-btn:active.e-success,
957
957
  .e-css.e-btn-group input:active + label.e-btn.e-success,
958
958
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
959
- background-color: #1f4c21;
959
+ background: #1f4c21;
960
960
  border-color: #265e28;
961
961
  color: #fff;
962
962
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -967,7 +967,7 @@
967
967
  .e-css.e-btn-group .e-btn:active.e-info,
968
968
  .e-css.e-btn-group input:active + label.e-btn.e-info,
969
969
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
970
- background-color: #124851;
970
+ background: #124851;
971
971
  color: #fff;
972
972
  border-color: #175b66;
973
973
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -978,7 +978,7 @@
978
978
  .e-css.e-btn-group .e-btn:active.e-warning,
979
979
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
980
980
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
981
- background-color: #dd8907;
981
+ background: #dd8907;
982
982
  border-color: #ab6a05;
983
983
  color: #000;
984
984
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -989,7 +989,7 @@
989
989
  .e-css.e-btn-group .e-btn:active.e-danger,
990
990
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
991
991
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
992
- background-color: #832020;
992
+ background: #832020;
993
993
  border-color: #982525;
994
994
  color: #fff;
995
995
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -1000,7 +1000,7 @@
1000
1000
  .e-css.e-btn-group .e-btn:active.e-outline,
1001
1001
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
1002
1002
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1003
- background-color: #2a2a2a;
1003
+ background: #2a2a2a;
1004
1004
  border-color: #585858;
1005
1005
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1006
1006
  color: #fff;
@@ -1011,7 +1011,7 @@
1011
1011
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1012
1012
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1013
1013
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1014
- background-color: #0058bd;
1014
+ background: #0058bd;
1015
1015
  border-color: #0058bd;
1016
1016
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1017
1017
  color: #fff;
@@ -1022,7 +1022,7 @@
1022
1022
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1023
1023
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1024
1024
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1025
- background-color: #1f4c21;
1025
+ background: #1f4c21;
1026
1026
  border-color: #265e28;
1027
1027
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1028
1028
  color: #fff;
@@ -1033,7 +1033,7 @@
1033
1033
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1034
1034
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1035
1035
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1036
- background-color: #124851;
1036
+ background: #124851;
1037
1037
  border-color: #175b66;
1038
1038
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1039
1039
  color: #fff;
@@ -1044,7 +1044,7 @@
1044
1044
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1045
1045
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1046
1046
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1047
- background-color: #dd8907;
1047
+ background: #dd8907;
1048
1048
  border-color: #ab6a05;
1049
1049
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1050
1050
  color: #000;
@@ -1055,7 +1055,7 @@
1055
1055
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1056
1056
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1057
1057
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1058
- background-color: #832020;
1058
+ background: #832020;
1059
1059
  border-color: #982525;
1060
1060
  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1061
1061
  color: #fff;
@@ -1074,7 +1074,7 @@
1074
1074
  .e-btn-group input:disabled + label.e-btn.e-primary,
1075
1075
  .e-css.e-btn-group .e-btn:disabled.e-primary,
1076
1076
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1077
- background-color: rgba(0, 112, 240, 0.4);
1077
+ background: rgba(0, 112, 240, 0.4);
1078
1078
  border-color: rgba(0, 112, 240, 0.4);
1079
1079
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1080
1080
  color: rgba(255, 255, 255, 0.4);
@@ -1084,7 +1084,7 @@
1084
1084
  .e-btn-group input:disabled + label.e-btn.e-success,
1085
1085
  .e-css.e-btn-group .e-btn:disabled.e-success,
1086
1086
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1087
- background-color: rgba(72, 177, 76, 0.4);
1087
+ background: rgba(72, 177, 76, 0.4);
1088
1088
  border-color: rgba(88, 88, 88, 0.4);
1089
1089
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1090
1090
  color: rgba(240, 240, 240, 0.4);
@@ -1094,7 +1094,7 @@
1094
1094
  .e-btn-group input:disabled + label.e-btn.e-info,
1095
1095
  .e-css.e-btn-group .e-btn:disabled.e-info,
1096
1096
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1097
- background-color: rgba(42, 170, 192, 0.4);
1097
+ background: rgba(42, 170, 192, 0.4);
1098
1098
  border-color: rgba(88, 88, 88, 0.4);
1099
1099
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1100
1100
  color: rgba(240, 240, 240, 0.4);
@@ -1104,7 +1104,7 @@
1104
1104
  .e-btn-group input:disabled + label.e-btn.e-warning,
1105
1105
  .e-css.e-btn-group .e-btn:disabled.e-warning,
1106
1106
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1107
- background-color: rgba(250, 193, 104, 0.4);
1107
+ background: rgba(250, 193, 104, 0.4);
1108
1108
  border-color: rgba(88, 88, 88, 0.4);
1109
1109
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1110
1110
  color: rgba(240, 240, 240, 0.4);
@@ -1114,7 +1114,7 @@
1114
1114
  .e-btn-group input:disabled + label.e-btn.e-danger,
1115
1115
  .e-css.e-btn-group .e-btn:disabled.e-danger,
1116
1116
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1117
- background-color: rgba(212, 79, 79, 0.4);
1117
+ background: rgba(212, 79, 79, 0.4);
1118
1118
  border-color: rgba(88, 88, 88, 0.4);
1119
1119
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1120
1120
  color: rgba(240, 240, 240, 0.4);
@@ -1125,7 +1125,7 @@
1125
1125
  .e-css.e-btn-group .e-btn:disabled.e-link,
1126
1126
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1127
1127
  color: rgba(240, 240, 240, 0.3);
1128
- background-color: transparent;
1128
+ background: transparent;
1129
1129
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1130
1130
  text-decoration: none;
1131
1131
  border-color: transparent;
@@ -1134,7 +1134,7 @@
1134
1134
  .e-btn-group input:disabled + label.e-btn.e-outline,
1135
1135
  .e-css.e-btn-group .e-btn:disabled.e-outline,
1136
1136
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1137
- background-color: transparent;
1137
+ background: transparent;
1138
1138
  border-color: rgba(88, 88, 88, 0.4);
1139
1139
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1140
1140
  color: rgba(240, 240, 240, 0.4);
@@ -1144,7 +1144,7 @@
1144
1144
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1145
1145
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1146
1146
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1147
- background-color: transparent;
1147
+ background: transparent;
1148
1148
  border-color: rgba(88, 88, 88, 0.4);
1149
1149
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1150
1150
  color: rgba(240, 240, 240, 0.4);
@@ -1154,7 +1154,7 @@
1154
1154
  .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1155
1155
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1156
1156
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1157
- background-color: transparent;
1157
+ background: transparent;
1158
1158
  border-color: rgba(53, 130, 56, 0.4);
1159
1159
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1160
1160
  color: rgba(53, 130, 56, 0.4);
@@ -1164,7 +1164,7 @@
1164
1164
  .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1165
1165
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1166
1166
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1167
- background-color: transparent;
1167
+ background: transparent;
1168
1168
  border-color: rgba(32, 128, 144, 0.4);
1169
1169
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1170
1170
  color: rgba(32, 128, 144, 0.4);
@@ -1174,7 +1174,7 @@
1174
1174
  .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1175
1175
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1176
1176
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1177
- background-color: transparent;
1177
+ background: transparent;
1178
1178
  border-color: rgba(249, 173, 55, 0.4);
1179
1179
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1180
1180
  color: rgba(249, 173, 55, 0.4);
@@ -1184,7 +1184,7 @@
1184
1184
  .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1185
1185
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1186
1186
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1187
- background-color: transparent;
1187
+ background: transparent;
1188
1188
  border-color: rgba(193, 47, 47, 0.4);
1189
1189
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1190
1190
  color: rgba(193, 47, 47, 0.4);
@@ -1711,7 +1711,7 @@
1711
1711
  stroke: #000;
1712
1712
  }
1713
1713
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1714
- stroke: rgba(0, 0, 0, 0);
1714
+ stroke: #000;
1715
1715
  }
1716
1716
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1717
1717
  stroke: #000;
@@ -1798,48 +1798,48 @@
1798
1798
  }
1799
1799
 
1800
1800
  .e-progress {
1801
- background-color: rgba(255, 255, 255, 0.2);
1801
+ background: rgba(255, 255, 255, 0.2);
1802
1802
  }
1803
1803
 
1804
1804
  *.e-primary .e-progress,
1805
1805
  *.e-success .e-progress,
1806
1806
  *.e-danger .e-progress,
1807
1807
  *.e-info .e-progress {
1808
- background-color: rgba(255, 255, 255, 0.3);
1808
+ background: rgba(255, 255, 255, 0.3);
1809
1809
  }
1810
1810
 
1811
1811
  *.e-warning .e-progress {
1812
- background-color: rgba(255, 255, 255, 0.3);
1812
+ background: rgba(255, 255, 255, 0.3);
1813
1813
  }
1814
1814
 
1815
1815
  *.e-flat.e-primary .e-progress {
1816
- background-color: rgba(255, 64, 129, 0.2);
1816
+ background: rgba(255, 64, 129, 0.2);
1817
1817
  }
1818
1818
  *.e-flat.e-success .e-progress {
1819
- background-color: rgba(77, 132, 29, 0.2);
1819
+ background: rgba(77, 132, 29, 0.2);
1820
1820
  }
1821
1821
  *.e-flat.e-info .e-progress {
1822
- background-color: rgba(3, 120, 213, 0.2);
1822
+ background: rgba(3, 120, 213, 0.2);
1823
1823
  }
1824
1824
  *.e-flat.e-warning .e-progress {
1825
- background-color: rgba(193, 87, 0, 0.2);
1825
+ background: rgba(193, 87, 0, 0.2);
1826
1826
  }
1827
1827
  *.e-flat.e-danger .e-progress {
1828
- background-color: rgba(214, 65, 19, 0.2);
1828
+ background: rgba(214, 65, 19, 0.2);
1829
1829
  }
1830
1830
 
1831
1831
  *.e-outline:not(:focus).e-primary .e-progress {
1832
- background-color: rgba(0, 112, 240, 0.2);
1832
+ background: rgba(0, 112, 240, 0.2);
1833
1833
  }
1834
1834
  *.e-outline:not(:focus).e-success .e-progress {
1835
- background-color: rgba(53, 130, 56, 0.2);
1835
+ background: rgba(53, 130, 56, 0.2);
1836
1836
  }
1837
1837
  *.e-outline:not(:focus).e-info .e-progress {
1838
- background-color: rgba(32, 128, 144, 0.2);
1838
+ background: rgba(32, 128, 144, 0.2);
1839
1839
  }
1840
1840
  *.e-outline:not(:focus).e-warning .e-progress {
1841
- background-color: rgba(249, 173, 55, 0.2);
1841
+ background: rgba(249, 173, 55, 0.2);
1842
1842
  }
1843
1843
  *.e-outline:not(:focus).e-danger .e-progress {
1844
- background-color: rgba(193, 47, 47, 0.2);
1844
+ background: rgba(193, 47, 47, 0.2);
1845
1845
  }
package/styles/bootstrap.css CHANGED
@@ -811,7 +811,7 @@
811
811
  .e-btn-group input:focus + label.e-btn,
812
812
  .e-css.e-btn-group .e-btn:focus,
813
813
  .e-css.e-btn-group input:focus + label.e-btn {
814
- background-color: #e6e6e6;
814
+ background: #e6e6e6;
815
815
  border-color: #8c8c8c;
816
816
  color: #333;
817
817
  outline: #fff 0 solid;
@@ -824,7 +824,7 @@
824
824
  .e-btn-group input:focus + label.e-btn.e-primary,
825
825
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
826
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
- background-color: #21527d;
827
+ background: #21527d;
828
828
  border-color: #0c1d2c;
829
829
  color: #fff;
830
830
  outline: #fff 0 solid;
@@ -836,7 +836,7 @@
836
836
  .e-btn-group input:focus + label.e-btn.e-success,
837
837
  .e-css.e-btn-group .e-btn:focus.e-success,
838
838
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
- background-color: #124a1f;
839
+ background: #124a1f;
840
840
  border-color: black;
841
841
  color: #fff;
842
842
  box-shadow: none;
@@ -847,7 +847,7 @@
847
847
  .e-btn-group input:focus + label.e-btn.e-info,
848
848
  .e-css.e-btn-group .e-btn:focus.e-info,
849
849
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
- background-color: #104b5d;
850
+ background: #104b5d;
851
851
  border-color: #010406;
852
852
  color: #fff;
853
853
  box-shadow: none;
@@ -858,7 +858,7 @@
858
858
  .e-btn-group input:focus + label.e-btn.e-warning,
859
859
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
860
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
- background-color: #613b05;
861
+ background: #613b05;
862
862
  border-color: black;
863
863
  color: #fff;
864
864
  box-shadow: none;
@@ -869,7 +869,7 @@
869
869
  .e-btn-group input:focus + label.e-btn.e-danger,
870
870
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
871
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
- background-color: #a51c2a;
872
+ background: #a51c2a;
873
873
  border-color: #4e0d14;
874
874
  color: #fff;
875
875
  box-shadow: none;
@@ -931,7 +931,7 @@
931
931
  .e-css.e-btn-group .e-btn:active,
932
932
  .e-css.e-btn-group input:active + label.e-btn,
933
933
  .e-css.e-btn-group input:checked + label.e-btn {
934
- background-color: #e6e6e6;
934
+ background: #e6e6e6;
935
935
  border-color: #adadad;
936
936
  color: #333;
937
937
  outline: #fff 0 solid;
@@ -944,7 +944,7 @@
944
944
  .e-css.e-btn-group .e-btn:active.e-primary,
945
945
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
946
946
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
947
- background-color: #21527d;
947
+ background: #21527d;
948
948
  border-color: #163854;
949
949
  color: #fff;
950
950
  outline: #fff 0 solid;
@@ -956,7 +956,7 @@
956
956
  .e-css.e-btn-group .e-btn:active.e-success,
957
957
  .e-css.e-btn-group input:active + label.e-btn.e-success,
958
958
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
959
- background-color: #124a1f;
959
+ background: #124a1f;
960
960
  border-color: #08210e;
961
961
  color: #fff;
962
962
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -967,7 +967,7 @@
967
967
  .e-css.e-btn-group .e-btn:active.e-info,
968
968
  .e-css.e-btn-group input:active + label.e-btn.e-info,
969
969
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
970
- background-color: #104b5d;
970
+ background: #104b5d;
971
971
  color: #fff;
972
972
  border-color: #082831;
973
973
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -978,7 +978,7 @@
978
978
  .e-css.e-btn-group .e-btn:active.e-warning,
979
979
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
980
980
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
981
- background-color: #613b05;
981
+ background: #613b05;
982
982
  border-color: #301d02;
983
983
  color: #fff;
984
984
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -989,7 +989,7 @@
989
989
  .e-css.e-btn-group .e-btn:active.e-danger,
990
990
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
991
991
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
992
- background-color: #a51c2a;
992
+ background: #a51c2a;
993
993
  border-color: #7a151f;
994
994
  color: #fff;
995
995
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -1000,7 +1000,7 @@
1000
1000
  .e-css.e-btn-group .e-btn:active.e-outline,
1001
1001
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
1002
1002
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1003
- background-color: #e6e6e6;
1003
+ background: #e6e6e6;
1004
1004
  border-color: #adadad;
1005
1005
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1006
1006
  color: #333;
@@ -1011,7 +1011,7 @@
1011
1011
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1012
1012
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1013
1013
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1014
- background-color: #21527d;
1014
+ background: #21527d;
1015
1015
  border-color: #265f91;
1016
1016
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1017
1017
  color: #fff;
@@ -1022,7 +1022,7 @@
1022
1022
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1023
1023
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1024
1024
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1025
- background-color: #124a1f;
1025
+ background: #124a1f;
1026
1026
  border-color: #08210e;
1027
1027
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1028
1028
  color: #fff;
@@ -1033,7 +1033,7 @@
1033
1033
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1034
1034
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1035
1035
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1036
- background-color: #104b5d;
1036
+ background: #104b5d;
1037
1037
  border-color: #082831;
1038
1038
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1039
1039
  color: #fff;
@@ -1044,7 +1044,7 @@
1044
1044
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1045
1045
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1046
1046
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1047
- background-color: #613b05;
1047
+ background: #613b05;
1048
1048
  border-color: #301d02;
1049
1049
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1050
1050
  color: #fff;
@@ -1055,7 +1055,7 @@
1055
1055
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1056
1056
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1057
1057
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1058
- background-color: #a51c2a;
1058
+ background: #a51c2a;
1059
1059
  border-color: #7a151f;
1060
1060
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1061
1061
  color: #fff;
@@ -1074,7 +1074,7 @@
1074
1074
  .e-btn-group input:disabled + label.e-btn.e-primary,
1075
1075
  .e-css.e-btn-group .e-btn:disabled.e-primary,
1076
1076
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1077
- background-color: rgba(49, 122, 185, 0.65);
1077
+ background: rgba(49, 122, 185, 0.65);
1078
1078
  border-color: rgba(204, 204, 204, 0.65);
1079
1079
  box-shadow: none;
1080
1080
  color: rgba(255, 255, 255, 0.65);
@@ -1084,7 +1084,7 @@
1084
1084
  .e-btn-group input:disabled + label.e-btn.e-success,
1085
1085
  .e-css.e-btn-group .e-btn:disabled.e-success,
1086
1086
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1087
- background-color: rgba(92, 184, 92, 0.65);
1087
+ background: rgba(92, 184, 92, 0.65);
1088
1088
  border-color: rgba(204, 204, 204, 0.65);
1089
1089
  box-shadow: none;
1090
1090
  color: rgba(255, 255, 255, 0.65);
@@ -1094,7 +1094,7 @@
1094
1094
  .e-btn-group input:disabled + label.e-btn.e-info,
1095
1095
  .e-css.e-btn-group .e-btn:disabled.e-info,
1096
1096
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1097
- background-color: rgba(91, 192, 222, 0.65);
1097
+ background: rgba(91, 192, 222, 0.65);
1098
1098
  border-color: rgba(204, 204, 204, 0.65);
1099
1099
  box-shadow: none;
1100
1100
  color: rgba(255, 255, 255, 0.65);
@@ -1104,7 +1104,7 @@
1104
1104
  .e-btn-group input:disabled + label.e-btn.e-warning,
1105
1105
  .e-css.e-btn-group .e-btn:disabled.e-warning,
1106
1106
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1107
- background-color: rgba(240, 173, 78, 0.65);
1107
+ background: rgba(240, 173, 78, 0.65);
1108
1108
  border-color: rgba(204, 204, 204, 0.65);
1109
1109
  box-shadow: none;
1110
1110
  color: rgba(255, 255, 255, 0.65);
@@ -1114,7 +1114,7 @@
1114
1114
  .e-btn-group input:disabled + label.e-btn.e-danger,
1115
1115
  .e-css.e-btn-group .e-btn:disabled.e-danger,
1116
1116
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1117
- background-color: rgba(217, 83, 79, 0.65);
1117
+ background: rgba(217, 83, 79, 0.65);
1118
1118
  border-color: rgba(204, 204, 204, 0.65);
1119
1119
  box-shadow: none;
1120
1120
  color: rgba(255, 255, 255, 0.65);
@@ -1125,7 +1125,7 @@
1125
1125
  .e-css.e-btn-group .e-btn:disabled.e-link,
1126
1126
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1127
1127
  color: rgba(51, 51, 51, 0.65);
1128
- background-color: transparent;
1128
+ background: transparent;
1129
1129
  box-shadow: none;
1130
1130
  text-decoration: none;
1131
1131
  border-color: transparent;
@@ -1134,7 +1134,7 @@
1134
1134
  .e-btn-group input:disabled + label.e-btn.e-outline,
1135
1135
  .e-css.e-btn-group .e-btn:disabled.e-outline,
1136
1136
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1137
- background-color: transparent;
1137
+ background: transparent;
1138
1138
  border-color: rgba(204, 204, 204, 0.65);
1139
1139
  box-shadow: none;
1140
1140
  color: rgba(51, 51, 51, 0.65);
@@ -1144,7 +1144,7 @@
1144
1144
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1145
1145
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1146
1146
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1147
- background-color: transparent;
1147
+ background: transparent;
1148
1148
  border-color: rgba(204, 204, 204, 0.65);
1149
1149
  box-shadow: none;
1150
1150
  color: rgba(51, 51, 51, 0.65);
@@ -1154,7 +1154,7 @@
1154
1154
  .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1155
1155
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1156
1156
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1157
- background-color: transparent;
1157
+ background: transparent;
1158
1158
  border-color: rgba(33, 135, 57, 0.65);
1159
1159
  box-shadow: none;
1160
1160
  color: rgba(33, 135, 57, 0.65);
@@ -1164,7 +1164,7 @@
1164
1164
  .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1165
1165
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1166
1166
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1167
- background-color: transparent;
1167
+ background: transparent;
1168
1168
  border-color: rgba(27, 128, 158, 0.65);
1169
1169
  box-shadow: none;
1170
1170
  color: rgba(27, 128, 158, 0.65);
@@ -1174,7 +1174,7 @@
1174
1174
  .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1175
1175
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1176
1176
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1177
- background-color: transparent;
1177
+ background: transparent;
1178
1178
  border-color: rgba(170, 103, 8, 0.65);
1179
1179
  box-shadow: none;
1180
1180
  color: rgba(170, 103, 8, 0.65);
@@ -1184,7 +1184,7 @@
1184
1184
  .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1185
1185
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1186
1186
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1187
- background-color: transparent;
1187
+ background: transparent;
1188
1188
  border-color: rgba(220, 50, 67, 0.65);
1189
1189
  box-shadow: none;
1190
1190
  color: rgba(220, 50, 67, 0.65);
@@ -1684,7 +1684,7 @@
1684
1684
  stroke: #fff;
1685
1685
  }
1686
1686
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1687
- stroke: rgba(255, 255, 255, 0);
1687
+ stroke: #fff;
1688
1688
  }
1689
1689
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1690
1690
  stroke: #fff;
@@ -1771,48 +1771,48 @@
1771
1771
  }
1772
1772
 
1773
1773
  .e-progress {
1774
- background-color: rgba(0, 0, 0, 0.2);
1774
+ background: rgba(0, 0, 0, 0.2);
1775
1775
  }
1776
1776
 
1777
1777
  *.e-primary .e-progress,
1778
1778
  *.e-success .e-progress,
1779
1779
  *.e-danger .e-progress,
1780
1780
  *.e-info .e-progress {
1781
- background-color: rgba(255, 255, 255, 0.3);
1781
+ background: rgba(255, 255, 255, 0.3);
1782
1782
  }
1783
1783
 
1784
1784
  *.e-warning .e-progress {
1785
- background-color: rgba(255, 255, 255, 0.3);
1785
+ background: rgba(255, 255, 255, 0.3);
1786
1786
  }
1787
1787
 
1788
1788
  *.e-flat.e-primary .e-progress {
1789
- background-color: rgba(255, 255, 255, 0.2);
1789
+ background: rgba(255, 255, 255, 0.2);
1790
1790
  }
1791
1791
  *.e-flat.e-success .e-progress {
1792
- background-color: rgba(255, 255, 255, 0.2);
1792
+ background: rgba(255, 255, 255, 0.2);
1793
1793
  }
1794
1794
  *.e-flat.e-info .e-progress {
1795
- background-color: rgba(255, 255, 255, 0.2);
1795
+ background: rgba(255, 255, 255, 0.2);
1796
1796
  }
1797
1797
  *.e-flat.e-warning .e-progress {
1798
- background-color: rgba(255, 255, 255, 0.2);
1798
+ background: rgba(255, 255, 255, 0.2);
1799
1799
  }
1800
1800
  *.e-flat.e-danger .e-progress {
1801
- background-color: rgba(255, 255, 255, 0.2);
1801
+ background: rgba(255, 255, 255, 0.2);
1802
1802
  }
1803
1803
 
1804
1804
  *.e-outline:not(:focus).e-primary .e-progress {
1805
- background-color: rgba(49, 122, 185, 0.2);
1805
+ background: rgba(49, 122, 185, 0.2);
1806
1806
  }
1807
1807
  *.e-outline:not(:focus).e-success .e-progress {
1808
- background-color: rgba(33, 135, 57, 0.2);
1808
+ background: rgba(33, 135, 57, 0.2);
1809
1809
  }
1810
1810
  *.e-outline:not(:focus).e-info .e-progress {
1811
- background-color: rgba(27, 128, 158, 0.2);
1811
+ background: rgba(27, 128, 158, 0.2);
1812
1812
  }
1813
1813
  *.e-outline:not(:focus).e-warning .e-progress {
1814
- background-color: rgba(170, 103, 8, 0.2);
1814
+ background: rgba(170, 103, 8, 0.2);
1815
1815
  }
1816
1816
  *.e-outline:not(:focus).e-danger .e-progress {
1817
- background-color: rgba(220, 50, 67, 0.2);
1817
+ background: rgba(220, 50, 67, 0.2);
1818
1818
  }