@syncfusion/ej2-splitbuttons 19.2.62 → 19.3.47

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 (97) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +1 -1
  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 +39 -8
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +38 -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/helpers/e2e/dropdownbuttonHelper.d.ts +42 -0
  13. package/helpers/e2e/dropdownbuttonHelper.js +39 -0
  14. package/helpers/e2e/index.d.ts +3 -0
  15. package/helpers/e2e/index.js +8 -0
  16. package/helpers/e2e/progressbuttonHelper.d.ts +37 -0
  17. package/helpers/e2e/progressbuttonHelper.js +36 -0
  18. package/helpers/e2e/splitbuttonHelper.d.ts +45 -0
  19. package/helpers/e2e/splitbuttonHelper.js +42 -0
  20. package/package.json +7 -7
  21. package/src/drop-down-button/drop-down-button.d.ts +2 -0
  22. package/src/drop-down-button/drop-down-button.js +37 -6
  23. package/src/split-button/split-button.d.ts +1 -1
  24. package/src/split-button/split-button.js +1 -1
  25. package/styles/bootstrap-dark.css +1 -31
  26. package/styles/bootstrap.css +1 -19
  27. package/styles/bootstrap4.css +1 -31
  28. package/styles/bootstrap5-dark.css +2105 -0
  29. package/styles/bootstrap5-dark.scss +4 -0
  30. package/styles/bootstrap5.css +2105 -0
  31. package/styles/bootstrap5.scss +4 -0
  32. package/styles/button-group/_bootstrap5-dark-definition.scss +1 -0
  33. package/styles/button-group/_bootstrap5-definition.scss +31 -0
  34. package/styles/button-group/_tailwind-dark-definition.scss +1 -30
  35. package/styles/button-group/_tailwind-definition.scss +1 -0
  36. package/styles/button-group/_theme.scss +35 -47
  37. package/styles/button-group/bootstrap-dark.css +1 -31
  38. package/styles/button-group/bootstrap.css +1 -19
  39. package/styles/button-group/bootstrap4.css +1 -31
  40. package/styles/button-group/bootstrap5-dark.css +842 -0
  41. package/styles/button-group/bootstrap5-dark.scss +4 -0
  42. package/styles/button-group/bootstrap5.css +842 -0
  43. package/styles/button-group/bootstrap5.scss +4 -0
  44. package/styles/button-group/fabric-dark.css +1 -31
  45. package/styles/button-group/fabric.css +1 -31
  46. package/styles/button-group/highcontrast-light.css +1 -31
  47. package/styles/button-group/highcontrast.css +1 -31
  48. package/styles/button-group/material-dark.css +5 -35
  49. package/styles/button-group/material.css +1 -31
  50. package/styles/button-group/tailwind-dark.css +1 -31
  51. package/styles/button-group/tailwind.css +1 -31
  52. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +1 -0
  53. package/styles/drop-down-button/_bootstrap5-definition.scss +51 -0
  54. package/styles/drop-down-button/_layout.scss +12 -5
  55. package/styles/drop-down-button/_tailwind-dark-definition.scss +1 -48
  56. package/styles/drop-down-button/_tailwind-definition.scss +19 -17
  57. package/styles/drop-down-button/_theme.scss +6 -1
  58. package/styles/drop-down-button/bootstrap5-dark.css +248 -0
  59. package/styles/drop-down-button/bootstrap5-dark.scss +6 -0
  60. package/styles/drop-down-button/bootstrap5.css +248 -0
  61. package/styles/drop-down-button/bootstrap5.scss +6 -0
  62. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +1 -0
  63. package/styles/drop-down-button/icons/_bootstrap5.scss +10 -0
  64. package/styles/drop-down-button/tailwind-dark.css +5 -0
  65. package/styles/drop-down-button/tailwind.css +5 -0
  66. package/styles/fabric-dark.css +1 -31
  67. package/styles/fabric.css +1 -31
  68. package/styles/highcontrast-light.css +1 -31
  69. package/styles/highcontrast.css +1 -31
  70. package/styles/material-dark.css +15 -45
  71. package/styles/material.css +2 -32
  72. package/styles/progress-button/_bootstrap5-dark-definition.scss +1 -0
  73. package/styles/progress-button/_bootstrap5-definition.scss +21 -0
  74. package/styles/progress-button/_tailwind-dark-definition.scss +1 -24
  75. package/styles/progress-button/_tailwind-definition.scss +6 -9
  76. package/styles/progress-button/_theme.scss +2 -2
  77. package/styles/progress-button/bootstrap5-dark.css +645 -0
  78. package/styles/progress-button/bootstrap5-dark.scss +5 -0
  79. package/styles/progress-button/bootstrap5.css +645 -0
  80. package/styles/progress-button/bootstrap5.scss +5 -0
  81. package/styles/progress-button/material-dark.css +9 -9
  82. package/styles/progress-button/tailwind-dark.css +10 -10
  83. package/styles/split-button/_bootstrap5-dark-definition.scss +1 -0
  84. package/styles/split-button/_bootstrap5-definition.scss +25 -0
  85. package/styles/split-button/_layout.scss +13 -9
  86. package/styles/split-button/_tailwind-dark-definition.scss +1 -23
  87. package/styles/split-button/_tailwind-definition.scss +7 -5
  88. package/styles/split-button/bootstrap5-dark.css +367 -0
  89. package/styles/split-button/bootstrap5-dark.scss +6 -0
  90. package/styles/split-button/bootstrap5.css +367 -0
  91. package/styles/split-button/bootstrap5.scss +6 -0
  92. package/styles/split-button/material-dark.css +1 -1
  93. package/styles/split-button/material.css +1 -1
  94. package/styles/split-button/tailwind-dark.css +2 -0
  95. package/styles/split-button/tailwind.css +2 -0
  96. package/styles/tailwind-dark.css +18 -41
  97. package/styles/tailwind.css +8 -31
package/styles/tailwind.css CHANGED
@@ -177,6 +177,10 @@
177
177
  margin-right: 0;
178
178
  }
179
179
 
180
+ *.e-bigger .e-dropdown-popup {
181
+ background-color: transparent;
182
+ }
183
+
180
184
  *.e-bigger .e-dropdown-popup ul,
181
185
  *.e-bigger.e-dropdown-popup ul {
182
186
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
@@ -184,6 +188,7 @@
184
188
  max-width: 202px;
185
189
  min-width: 112px;
186
190
  padding: 8px 0;
191
+ background-color: #fff;
187
192
  margin-top: 4px;
188
193
  }
189
194
 
@@ -349,10 +354,12 @@
349
354
 
350
355
  .e-split-btn-wrapper .e-btn:focus {
351
356
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
357
+ z-index: 2;
352
358
  }
353
359
 
354
360
  .e-split-btn-wrapper .e-btn:active {
355
361
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
362
+ z-index: 2;
356
363
  }
357
364
 
358
365
  .e-split-btn-wrapper .e-btn:disabled {
@@ -1019,9 +1026,6 @@
1019
1026
  .e-btn-group input:focus + label.e-btn.e-outline,
1020
1027
  .e-css.e-btn-group .e-btn:focus.e-outline,
1021
1028
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1022
- background-color: #f3f4f6;
1023
- border-color: #d1d5db;
1024
- color: #374151;
1025
1029
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1026
1030
  box-shadow: none;
1027
1031
  }
@@ -1030,9 +1034,6 @@
1030
1034
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1031
1035
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1032
1036
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1033
- background-color: #4f46e5;
1034
- border-color: #4f46e5;
1035
- color: #fff;
1036
1037
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1037
1038
  box-shadow: none;
1038
1039
  }
@@ -1041,9 +1042,6 @@
1041
1042
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1042
1043
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1043
1044
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1044
- background-color: #166534;
1045
- border-color: #15803d;
1046
- color: #fff;
1047
1045
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1048
1046
  box-shadow: none;
1049
1047
  }
@@ -1052,9 +1050,6 @@
1052
1050
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1053
1051
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1054
1052
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1055
- background-color: #155e75;
1056
- border-color: #0e7490;
1057
- color: #fff;
1058
1053
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1059
1054
  box-shadow: none;
1060
1055
  }
@@ -1063,9 +1058,6 @@
1063
1058
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1064
1059
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1065
1060
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1066
- background-color: #9a3412;
1067
- border-color: #c2410c;
1068
- color: #fff;
1069
1061
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1070
1062
  box-shadow: none;
1071
1063
  }
@@ -1074,9 +1066,6 @@
1074
1066
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1075
1067
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1076
1068
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1077
- background-color: #b91c1c;
1078
- border-color: #dc2626;
1079
- color: #fff;
1080
1069
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1081
1070
  box-shadow: none;
1082
1071
  }
@@ -1093,7 +1082,6 @@
1093
1082
  outline: #fff 0 solid;
1094
1083
  outline-offset: 0;
1095
1084
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1096
- box-shadow: none;
1097
1085
  }
1098
1086
 
1099
1087
  .e-btn-group .e-btn:active.e-primary,
@@ -1107,7 +1095,6 @@
1107
1095
  color: #fff;
1108
1096
  outline: #fff 0 solid;
1109
1097
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1110
- box-shadow: none;
1111
1098
  }
1112
1099
 
1113
1100
  .e-btn-group .e-btn:active.e-success,
@@ -1120,7 +1107,6 @@
1120
1107
  border-color: #14532d;
1121
1108
  color: #fff;
1122
1109
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1123
- box-shadow: none;
1124
1110
  }
1125
1111
 
1126
1112
  .e-btn-group .e-btn:active.e-info,
@@ -1130,10 +1116,9 @@
1130
1116
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1131
1117
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1132
1118
  background-color: #164e63;
1133
- border-color: #164e63;
1134
1119
  color: #fff;
1120
+ border-color: #164e63;
1135
1121
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1136
- box-shadow: none;
1137
1122
  }
1138
1123
 
1139
1124
  .e-btn-group .e-btn:active.e-warning,
@@ -1146,7 +1131,6 @@
1146
1131
  border-color: #7c2d12;
1147
1132
  color: #fff;
1148
1133
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1149
- box-shadow: none;
1150
1134
  }
1151
1135
 
1152
1136
  .e-btn-group .e-btn:active.e-danger,
@@ -1159,7 +1143,6 @@
1159
1143
  border-color: #991b1b;
1160
1144
  color: #fff;
1161
1145
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1162
- box-shadow: none;
1163
1146
  }
1164
1147
 
1165
1148
  .e-btn-group .e-btn:active.e-outline,
@@ -1172,7 +1155,6 @@
1172
1155
  border-color: #d1d5db;
1173
1156
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1174
1157
  color: #374151;
1175
- box-shadow: none;
1176
1158
  }
1177
1159
 
1178
1160
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -1185,7 +1167,6 @@
1185
1167
  border-color: #4f46e5;
1186
1168
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1187
1169
  color: #fff;
1188
- box-shadow: none;
1189
1170
  }
1190
1171
 
1191
1172
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1198,7 +1179,6 @@
1198
1179
  border-color: #14532d;
1199
1180
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1200
1181
  color: #fff;
1201
- box-shadow: none;
1202
1182
  }
1203
1183
 
1204
1184
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1211,7 +1191,6 @@
1211
1191
  border-color: #164e63;
1212
1192
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1213
1193
  color: #fff;
1214
- box-shadow: none;
1215
1194
  }
1216
1195
 
1217
1196
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1224,7 +1203,6 @@
1224
1203
  border-color: #7c2d12;
1225
1204
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1226
1205
  color: #fff;
1227
- box-shadow: none;
1228
1206
  }
1229
1207
 
1230
1208
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1237,7 +1215,6 @@
1237
1215
  border-color: #991b1b;
1238
1216
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1239
1217
  color: #fff;
1240
- box-shadow: none;
1241
1218
  }
1242
1219
 
1243
1220
  .e-btn-group .e-btn:disabled,