@syncfusion/ej2-vue-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 (64) hide show
  1. package/CHANGELOG.md +3 -13
  2. package/dist/ej2-vue-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-vue-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-splitbuttons.es2015.js +303 -434
  5. package/dist/es6/ej2-vue-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-splitbuttons.es5.js +343 -513
  7. package/dist/es6/ej2-vue-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  9. package/package.json +9 -9
  10. package/src/drop-down-button/dropdownbutton.component.d.ts +2 -26
  11. package/src/drop-down-button/dropdownbutton.component.js +95 -124
  12. package/src/drop-down-button/items.directive.d.ts +2 -12
  13. package/src/drop-down-button/items.directive.js +22 -71
  14. package/src/progress-button/progressbutton.component.d.ts +2 -27
  15. package/src/progress-button/progressbutton.component.js +98 -127
  16. package/src/split-button/items.directive.d.ts +2 -12
  17. package/src/split-button/items.directive.js +22 -71
  18. package/src/split-button/splitbutton.component.d.ts +2 -26
  19. package/src/split-button/splitbutton.component.js +95 -124
  20. package/styles/bootstrap-dark.css +44 -44
  21. package/styles/bootstrap.css +44 -44
  22. package/styles/bootstrap4.css +44 -44
  23. package/styles/bootstrap5-dark.css +48 -48
  24. package/styles/bootstrap5.css +48 -48
  25. package/styles/button-group/bootstrap-dark.css +30 -30
  26. package/styles/button-group/bootstrap.css +30 -30
  27. package/styles/button-group/bootstrap4.css +31 -31
  28. package/styles/button-group/bootstrap5-dark.css +30 -30
  29. package/styles/button-group/bootstrap5.css +30 -30
  30. package/styles/button-group/fabric-dark.css +30 -30
  31. package/styles/button-group/fabric.css +30 -30
  32. package/styles/button-group/fluent-dark.css +30 -30
  33. package/styles/button-group/fluent.css +30 -30
  34. package/styles/button-group/highcontrast-light.css +30 -30
  35. package/styles/button-group/highcontrast.css +30 -30
  36. package/styles/button-group/material-dark.css +30 -30
  37. package/styles/button-group/material.css +30 -30
  38. package/styles/button-group/tailwind-dark.css +30 -30
  39. package/styles/button-group/tailwind.css +30 -30
  40. package/styles/fabric-dark.css +44 -44
  41. package/styles/fabric.css +44 -44
  42. package/styles/fluent-dark.css +48 -48
  43. package/styles/fluent.css +48 -48
  44. package/styles/highcontrast-light.css +44 -44
  45. package/styles/highcontrast.css +44 -44
  46. package/styles/material-dark.css +43 -43
  47. package/styles/material.css +43 -43
  48. package/styles/progress-button/bootstrap-dark.css +14 -14
  49. package/styles/progress-button/bootstrap.css +14 -14
  50. package/styles/progress-button/bootstrap4.css +13 -13
  51. package/styles/progress-button/bootstrap5-dark.css +18 -18
  52. package/styles/progress-button/bootstrap5.css +18 -18
  53. package/styles/progress-button/fabric-dark.css +14 -14
  54. package/styles/progress-button/fabric.css +14 -14
  55. package/styles/progress-button/fluent-dark.css +18 -18
  56. package/styles/progress-button/fluent.css +18 -18
  57. package/styles/progress-button/highcontrast-light.css +14 -14
  58. package/styles/progress-button/highcontrast.css +14 -14
  59. package/styles/progress-button/material-dark.css +13 -13
  60. package/styles/progress-button/material.css +13 -13
  61. package/styles/progress-button/tailwind-dark.css +18 -18
  62. package/styles/progress-button/tailwind.css +18 -18
  63. package/styles/tailwind-dark.css +48 -48
  64. package/styles/tailwind.css +48 -48
@@ -813,7 +813,7 @@
813
813
  .e-btn-group input:focus + label.e-btn,
814
814
  .e-css.e-btn-group .e-btn:focus,
815
815
  .e-css.e-btn-group input:focus + label.e-btn {
816
- background-color: rgba(0, 0, 0, 0.18);
816
+ background: rgba(0, 0, 0, 0.18);
817
817
  border-color: transparent;
818
818
  color: rgba(0, 0, 0, 0.87);
819
819
  outline: #fafafa 0 solid;
@@ -826,7 +826,7 @@
826
826
  .e-btn-group input:focus + label.e-btn.e-primary,
827
827
  .e-css.e-btn-group .e-btn:focus.e-primary,
828
828
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
829
- background-color: #ea4e82;
829
+ background: #ea4e82;
830
830
  border-color: transparent;
831
831
  color: #fff;
832
832
  outline: #fafafa 0 solid;
@@ -838,7 +838,7 @@
838
838
  .e-btn-group input:focus + label.e-btn.e-success,
839
839
  .e-css.e-btn-group .e-btn:focus.e-success,
840
840
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
841
- background-color: #78a253;
841
+ background: #78a253;
842
842
  border-color: transparent;
843
843
  color: #fff;
844
844
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -849,7 +849,7 @@
849
849
  .e-btn-group input:focus + label.e-btn.e-info,
850
850
  .e-css.e-btn-group .e-btn:focus.e-info,
851
851
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
852
- background-color: #3f98df;
852
+ background: #3f98df;
853
853
  border-color: transparent;
854
854
  color: #fff;
855
855
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -860,7 +860,7 @@
860
860
  .e-btn-group input:focus + label.e-btn.e-warning,
861
861
  .e-css.e-btn-group .e-btn:focus.e-warning,
862
862
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
863
- background-color: #d07f3d;
863
+ background: #d07f3d;
864
864
  border-color: transparent;
865
865
  color: #fff;
866
866
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -871,7 +871,7 @@
871
871
  .e-btn-group input:focus + label.e-btn.e-danger,
872
872
  .e-css.e-btn-group .e-btn:focus.e-danger,
873
873
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
874
- background-color: #e06f4c;
874
+ background: #e06f4c;
875
875
  border-color: transparent;
876
876
  color: #fff;
877
877
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -933,7 +933,7 @@
933
933
  .e-css.e-btn-group .e-btn:active,
934
934
  .e-css.e-btn-group input:active + label.e-btn,
935
935
  .e-css.e-btn-group input:checked + label.e-btn {
936
- background-color: rgba(184, 184, 184, 0.9584);
936
+ background: rgba(184, 184, 184, 0.9584);
937
937
  border-color: transparent;
938
938
  color: rgba(0, 0, 0, 0.87);
939
939
  outline: #fafafa 0 solid;
@@ -946,7 +946,7 @@
946
946
  .e-css.e-btn-group .e-btn:active.e-primary,
947
947
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
948
948
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
949
- background-color: #ec618f;
949
+ background: #ec618f;
950
950
  border-color: transparent;
951
951
  color: #fff;
952
952
  outline: #fafafa 0 solid;
@@ -958,7 +958,7 @@
958
958
  .e-css.e-btn-group .e-btn:active.e-success,
959
959
  .e-css.e-btn-group input:active + label.e-btn.e-success,
960
960
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
961
- background-color: #86ab65;
961
+ background: #86ab65;
962
962
  border-color: transparent;
963
963
  color: #fff;
964
964
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -969,7 +969,7 @@
969
969
  .e-css.e-btn-group .e-btn:active.e-info,
970
970
  .e-css.e-btn-group input:active + label.e-btn.e-info,
971
971
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
972
- background-color: #54a3e2;
972
+ background: #54a3e2;
973
973
  color: #fff;
974
974
  border-color: transparent;
975
975
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -980,7 +980,7 @@
980
980
  .e-css.e-btn-group .e-btn:active.e-warning,
981
981
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
982
982
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
983
- background-color: #d58d52;
983
+ background: #d58d52;
984
984
  border-color: transparent;
985
985
  color: #fff;
986
986
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -991,7 +991,7 @@
991
991
  .e-css.e-btn-group .e-btn:active.e-danger,
992
992
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
993
993
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
994
- background-color: #e37e5f;
994
+ background: #e37e5f;
995
995
  border-color: transparent;
996
996
  color: #fff;
997
997
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -1002,7 +1002,7 @@
1002
1002
  .e-css.e-btn-group .e-btn:active.e-outline,
1003
1003
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
1004
1004
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1005
- background-color: rgba(0, 0, 0, 0.32);
1005
+ background: rgba(0, 0, 0, 0.32);
1006
1006
  border-color: #adadad;
1007
1007
  box-shadow: none;
1008
1008
  color: rgba(0, 0, 0, 0.87);
@@ -1013,7 +1013,7 @@
1013
1013
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1014
1014
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1015
1015
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1016
- background-color: #ec618f;
1016
+ background: #ec618f;
1017
1017
  border-color: transparent;
1018
1018
  box-shadow: none;
1019
1019
  color: #fff;
@@ -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: #86ab65;
1027
+ background: #86ab65;
1028
1028
  border-color: transparent;
1029
1029
  box-shadow: none;
1030
1030
  color: #fff;
@@ -1035,7 +1035,7 @@
1035
1035
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1036
1036
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1037
1037
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1038
- background-color: #54a3e2;
1038
+ background: #54a3e2;
1039
1039
  border-color: transparent;
1040
1040
  box-shadow: none;
1041
1041
  color: #fff;
@@ -1046,7 +1046,7 @@
1046
1046
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1047
1047
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1048
1048
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1049
- background-color: #d58d52;
1049
+ background: #d58d52;
1050
1050
  border-color: transparent;
1051
1051
  box-shadow: none;
1052
1052
  color: #fff;
@@ -1057,7 +1057,7 @@
1057
1057
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1058
1058
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1059
1059
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1060
- background-color: #e37e5f;
1060
+ background: #e37e5f;
1061
1061
  border-color: transparent;
1062
1062
  box-shadow: none;
1063
1063
  color: #fff;
@@ -1076,7 +1076,7 @@
1076
1076
  .e-btn-group input:disabled + label.e-btn.e-primary,
1077
1077
  .e-css.e-btn-group .e-btn:disabled.e-primary,
1078
1078
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1079
- background-color: rgba(0, 0, 0, 0.12);
1079
+ background: rgba(0, 0, 0, 0.12);
1080
1080
  border-color: transparent;
1081
1081
  box-shadow: none;
1082
1082
  color: rgba(0, 0, 0, 0.26);
@@ -1086,7 +1086,7 @@
1086
1086
  .e-btn-group input:disabled + label.e-btn.e-success,
1087
1087
  .e-css.e-btn-group .e-btn:disabled.e-success,
1088
1088
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1089
- background-color: rgba(0, 0, 0, 0.12);
1089
+ background: rgba(0, 0, 0, 0.12);
1090
1090
  border-color: transparent;
1091
1091
  box-shadow: none;
1092
1092
  color: rgba(0, 0, 0, 0.26);
@@ -1096,7 +1096,7 @@
1096
1096
  .e-btn-group input:disabled + label.e-btn.e-info,
1097
1097
  .e-css.e-btn-group .e-btn:disabled.e-info,
1098
1098
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1099
- background-color: rgba(0, 0, 0, 0.12);
1099
+ background: rgba(0, 0, 0, 0.12);
1100
1100
  border-color: transparent;
1101
1101
  box-shadow: none;
1102
1102
  color: rgba(0, 0, 0, 0.26);
@@ -1106,7 +1106,7 @@
1106
1106
  .e-btn-group input:disabled + label.e-btn.e-warning,
1107
1107
  .e-css.e-btn-group .e-btn:disabled.e-warning,
1108
1108
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1109
- background-color: rgba(0, 0, 0, 0.12);
1109
+ background: rgba(0, 0, 0, 0.12);
1110
1110
  border-color: transparent;
1111
1111
  box-shadow: none;
1112
1112
  color: rgba(0, 0, 0, 0.26);
@@ -1116,7 +1116,7 @@
1116
1116
  .e-btn-group input:disabled + label.e-btn.e-danger,
1117
1117
  .e-css.e-btn-group .e-btn:disabled.e-danger,
1118
1118
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1119
- background-color: rgba(0, 0, 0, 0.12);
1119
+ background: rgba(0, 0, 0, 0.12);
1120
1120
  border-color: transparent;
1121
1121
  box-shadow: none;
1122
1122
  color: rgba(0, 0, 0, 0.26);
@@ -1127,7 +1127,7 @@
1127
1127
  .e-css.e-btn-group .e-btn:disabled.e-link,
1128
1128
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1129
1129
  color: rgba(0, 0, 0, 0.26);
1130
- background-color: transparent;
1130
+ background: transparent;
1131
1131
  box-shadow: none;
1132
1132
  text-decoration: none;
1133
1133
  border-color: transparent;
@@ -1136,7 +1136,7 @@
1136
1136
  .e-btn-group input:disabled + label.e-btn.e-outline,
1137
1137
  .e-css.e-btn-group .e-btn:disabled.e-outline,
1138
1138
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1139
- background-color: transparent;
1139
+ background: transparent;
1140
1140
  border-color: rgba(0, 0, 0, 0.26);
1141
1141
  box-shadow: none;
1142
1142
  color: rgba(0, 0, 0, 0.26);
@@ -1146,7 +1146,7 @@
1146
1146
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1147
1147
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1148
1148
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1149
- background-color: transparent;
1149
+ background: transparent;
1150
1150
  border-color: rgba(0, 0, 0, 0.26);
1151
1151
  box-shadow: none;
1152
1152
  color: rgba(0, 0, 0, 0.26);
@@ -1156,7 +1156,7 @@
1156
1156
  .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1157
1157
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1158
1158
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1159
- background-color: transparent;
1159
+ background: transparent;
1160
1160
  border-color: rgba(0, 0, 0, 0.26);
1161
1161
  box-shadow: none;
1162
1162
  color: rgba(0, 0, 0, 0.26);
@@ -1166,7 +1166,7 @@
1166
1166
  .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1167
1167
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1168
1168
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1169
- background-color: transparent;
1169
+ background: transparent;
1170
1170
  border-color: rgba(0, 0, 0, 0.26);
1171
1171
  box-shadow: none;
1172
1172
  color: rgba(0, 0, 0, 0.26);
@@ -1176,7 +1176,7 @@
1176
1176
  .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1177
1177
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1178
1178
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1179
- background-color: transparent;
1179
+ background: transparent;
1180
1180
  border-color: rgba(0, 0, 0, 0.26);
1181
1181
  box-shadow: none;
1182
1182
  color: rgba(0, 0, 0, 0.26);
@@ -1186,7 +1186,7 @@
1186
1186
  .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1187
1187
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1188
1188
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1189
- background-color: transparent;
1189
+ background: transparent;
1190
1190
  border-color: rgba(0, 0, 0, 0.26);
1191
1191
  box-shadow: none;
1192
1192
  color: rgba(0, 0, 0, 0.26);
@@ -1800,48 +1800,48 @@
1800
1800
  }
1801
1801
 
1802
1802
  .e-progress {
1803
- background-color: rgba(0, 0, 0, 0.2);
1803
+ background: rgba(0, 0, 0, 0.2);
1804
1804
  }
1805
1805
 
1806
1806
  *.e-primary .e-progress,
1807
1807
  *.e-success .e-progress,
1808
1808
  *.e-danger .e-progress,
1809
1809
  *.e-info .e-progress {
1810
- background-color: rgba(0, 0, 0, 0.2);
1810
+ background: rgba(0, 0, 0, 0.2);
1811
1811
  }
1812
1812
 
1813
1813
  *.e-warning .e-progress {
1814
- background-color: rgba(0, 0, 0, 0.2);
1814
+ background: rgba(0, 0, 0, 0.2);
1815
1815
  }
1816
1816
 
1817
1817
  *.e-flat.e-primary .e-progress {
1818
- background-color: rgba(227, 22, 91, 0.2);
1818
+ background: rgba(227, 22, 91, 0.2);
1819
1819
  }
1820
1820
  *.e-flat.e-success .e-progress {
1821
- background-color: rgba(77, 132, 29, 0.2);
1821
+ background: rgba(77, 132, 29, 0.2);
1822
1822
  }
1823
1823
  *.e-flat.e-info .e-progress {
1824
- background-color: rgba(3, 120, 213, 0.2);
1824
+ background: rgba(3, 120, 213, 0.2);
1825
1825
  }
1826
1826
  *.e-flat.e-warning .e-progress {
1827
- background-color: rgba(193, 87, 0, 0.2);
1827
+ background: rgba(193, 87, 0, 0.2);
1828
1828
  }
1829
1829
  *.e-flat.e-danger .e-progress {
1830
- background-color: rgba(214, 65, 19, 0.2);
1830
+ background: rgba(214, 65, 19, 0.2);
1831
1831
  }
1832
1832
 
1833
1833
  *.e-outline:not(:focus).e-primary .e-progress {
1834
- background-color: rgba(227, 22, 91, 0.2);
1834
+ background: rgba(227, 22, 91, 0.2);
1835
1835
  }
1836
1836
  *.e-outline:not(:focus).e-success .e-progress {
1837
- background-color: rgba(77, 132, 29, 0.2);
1837
+ background: rgba(77, 132, 29, 0.2);
1838
1838
  }
1839
1839
  *.e-outline:not(:focus).e-info .e-progress {
1840
- background-color: rgba(3, 120, 213, 0.2);
1840
+ background: rgba(3, 120, 213, 0.2);
1841
1841
  }
1842
1842
  *.e-outline:not(:focus).e-warning .e-progress {
1843
- background-color: rgba(193, 87, 0, 0.2);
1843
+ background: rgba(193, 87, 0, 0.2);
1844
1844
  }
1845
1845
  *.e-outline:not(:focus).e-danger .e-progress {
1846
- background-color: rgba(214, 65, 19, 0.2);
1846
+ background: rgba(214, 65, 19, 0.2);
1847
1847
  }
@@ -395,7 +395,7 @@
395
395
  stroke: #000;
396
396
  }
397
397
  .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 {
398
- stroke: rgba(0, 0, 0, 0);
398
+ stroke: #000;
399
399
  }
400
400
  .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 {
401
401
  stroke: #000;
@@ -482,48 +482,48 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(255, 255, 255, 0.2);
485
+ background: rgba(255, 255, 255, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(255, 255, 255, 0.3);
492
+ background: rgba(255, 255, 255, 0.3);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(255, 255, 255, 0.3);
496
+ background: rgba(255, 255, 255, 0.3);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 64, 129, 0.2);
500
+ background: rgba(255, 64, 129, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(77, 132, 29, 0.2);
503
+ background: rgba(77, 132, 29, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(3, 120, 213, 0.2);
506
+ background: rgba(3, 120, 213, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(193, 87, 0, 0.2);
509
+ background: rgba(193, 87, 0, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(214, 65, 19, 0.2);
512
+ background: rgba(214, 65, 19, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(0, 112, 240, 0.2);
516
+ background: rgba(0, 112, 240, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(53, 130, 56, 0.2);
519
+ background: rgba(53, 130, 56, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(32, 128, 144, 0.2);
522
+ background: rgba(32, 128, 144, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(249, 173, 55, 0.2);
525
+ background: rgba(249, 173, 55, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(193, 47, 47, 0.2);
528
+ background: rgba(193, 47, 47, 0.2);
529
529
  }
@@ -395,7 +395,7 @@
395
395
  stroke: #fff;
396
396
  }
397
397
  .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 {
398
- stroke: rgba(255, 255, 255, 0);
398
+ stroke: #fff;
399
399
  }
400
400
  .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 {
401
401
  stroke: #fff;
@@ -482,48 +482,48 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(0, 0, 0, 0.2);
485
+ background: rgba(0, 0, 0, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(255, 255, 255, 0.3);
492
+ background: rgba(255, 255, 255, 0.3);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(255, 255, 255, 0.3);
496
+ background: rgba(255, 255, 255, 0.3);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 255, 255, 0.2);
500
+ background: rgba(255, 255, 255, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(255, 255, 255, 0.2);
503
+ background: rgba(255, 255, 255, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(255, 255, 255, 0.2);
506
+ background: rgba(255, 255, 255, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(255, 255, 255, 0.2);
509
+ background: rgba(255, 255, 255, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(255, 255, 255, 0.2);
512
+ background: rgba(255, 255, 255, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(49, 122, 185, 0.2);
516
+ background: rgba(49, 122, 185, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(33, 135, 57, 0.2);
519
+ background: rgba(33, 135, 57, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(27, 128, 158, 0.2);
522
+ background: rgba(27, 128, 158, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(170, 103, 8, 0.2);
525
+ background: rgba(170, 103, 8, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(220, 50, 67, 0.2);
528
+ background: rgba(220, 50, 67, 0.2);
529
529
  }
@@ -483,48 +483,48 @@
483
483
  }
484
484
 
485
485
  .e-progress {
486
- background-color: rgba(255, 255, 255, 0.25);
486
+ background: rgba(255, 255, 255, 0.25);
487
487
  }
488
488
 
489
489
  *.e-primary .e-progress,
490
490
  *.e-success .e-progress,
491
491
  *.e-danger .e-progress,
492
492
  *.e-info .e-progress {
493
- background-color: rgba(255, 255, 255, 0.25);
493
+ background: rgba(255, 255, 255, 0.25);
494
494
  }
495
495
 
496
496
  *.e-warning .e-progress {
497
- background-color: rgba(33, 37, 41, 0.25);
497
+ background: rgba(33, 37, 41, 0.25);
498
498
  }
499
499
 
500
500
  *.e-flat.e-primary .e-progress {
501
- background-color: rgba(255, 255, 255, 0.2);
501
+ background: rgba(255, 255, 255, 0.2);
502
502
  }
503
503
  *.e-flat.e-success .e-progress {
504
- background-color: rgba(255, 255, 255, 0.2);
504
+ background: rgba(255, 255, 255, 0.2);
505
505
  }
506
506
  *.e-flat.e-info .e-progress {
507
- background-color: rgba(255, 255, 255, 0.2);
507
+ background: rgba(255, 255, 255, 0.2);
508
508
  }
509
509
  *.e-flat.e-warning .e-progress {
510
- background-color: rgba(33, 37, 41, 0.2);
510
+ background: rgba(33, 37, 41, 0.2);
511
511
  }
512
512
  *.e-flat.e-danger .e-progress {
513
- background-color: rgba(255, 255, 255, 0.2);
513
+ background: rgba(255, 255, 255, 0.2);
514
514
  }
515
515
 
516
516
  *.e-outline:not(:focus).e-primary .e-progress {
517
- background-color: rgba(0, 123, 255, 0.2);
517
+ background: rgba(0, 123, 255, 0.2);
518
518
  }
519
519
  *.e-outline:not(:focus).e-success .e-progress {
520
- background-color: rgba(40, 167, 69, 0.2);
520
+ background: rgba(40, 167, 69, 0.2);
521
521
  }
522
522
  *.e-outline:not(:focus).e-info .e-progress {
523
- background-color: rgba(23, 162, 184, 0.2);
523
+ background: rgba(23, 162, 184, 0.2);
524
524
  }
525
525
  *.e-outline:not(:focus).e-warning .e-progress {
526
- background-color: rgba(255, 193, 7, 0.2);
526
+ background: rgba(255, 193, 7, 0.2);
527
527
  }
528
528
  *.e-outline:not(:focus).e-danger .e-progress {
529
- background-color: rgba(220, 53, 69, 0.2);
529
+ background: rgba(220, 53, 69, 0.2);
530
530
  }
@@ -482,64 +482,64 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(255, 255, 255, 0.2);
485
+ background: rgba(255, 255, 255, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(173, 181, 189, 0.2);
492
+ background: rgba(173, 181, 189, 0.2);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(173, 181, 189, 0.2);
496
+ background: rgba(173, 181, 189, 0.2);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 255, 255, 0.2);
500
+ background: rgba(255, 255, 255, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(255, 255, 255, 0.2);
503
+ background: rgba(255, 255, 255, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(0, 0, 0, 0.2);
506
+ background: rgba(0, 0, 0, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(0, 0, 0, 0.2);
509
+ background: rgba(0, 0, 0, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(255, 255, 255, 0.2);
512
+ background: rgba(255, 255, 255, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(13, 110, 253, 0.2);
516
+ background: rgba(13, 110, 253, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(25, 135, 84, 0.2);
519
+ background: rgba(25, 135, 84, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(13, 202, 240, 0.2);
522
+ background: rgba(13, 202, 240, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(255, 193, 7, 0.2);
525
+ background: rgba(255, 193, 7, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(220, 53, 69, 0.2);
528
+ background: rgba(220, 53, 69, 0.2);
529
529
  }
530
530
 
531
531
  *.e-flat:not(:focus).e-primary .e-progress {
532
- background-color: rgba(13, 110, 253, 0.2);
532
+ background: rgba(13, 110, 253, 0.2);
533
533
  }
534
534
  *.e-flat:not(:focus).e-success .e-progress {
535
- background-color: rgba(25, 135, 84, 0.2);
535
+ background: rgba(25, 135, 84, 0.2);
536
536
  }
537
537
  *.e-flat:not(:focus).e-info .e-progress {
538
- background-color: rgba(13, 202, 240, 0.2);
538
+ background: rgba(13, 202, 240, 0.2);
539
539
  }
540
540
  *.e-flat:not(:focus).e-warning .e-progress {
541
- background-color: rgba(255, 193, 7, 0.2);
541
+ background: rgba(255, 193, 7, 0.2);
542
542
  }
543
543
  *.e-flat:not(:focus).e-danger .e-progress {
544
- background-color: rgba(220, 53, 69, 0.2);
544
+ background: rgba(220, 53, 69, 0.2);
545
545
  }