@syncfusion/ej2-react-splitbuttons 19.4.48 → 20.1.55

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 (91) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/README.md +1 -1
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/src/drop-down-button/items-directive.d.ts +3 -1
  6. package/src/split-button/items-directive.d.ts +3 -1
  7. package/styles/bootstrap-dark.css +49 -375
  8. package/styles/bootstrap.css +49 -370
  9. package/styles/bootstrap4.css +57 -379
  10. package/styles/bootstrap5-dark.css +84 -389
  11. package/styles/bootstrap5.css +82 -387
  12. package/styles/button-group/bootstrap-dark.css +1 -106
  13. package/styles/button-group/bootstrap.css +1 -100
  14. package/styles/button-group/bootstrap4.css +5 -111
  15. package/styles/button-group/bootstrap5-dark.css +3 -108
  16. package/styles/button-group/bootstrap5.css +1 -106
  17. package/styles/button-group/fabric-dark.css +1 -106
  18. package/styles/button-group/fabric.css +1 -106
  19. package/styles/button-group/fluent-dark.css +761 -0
  20. package/styles/button-group/fluent-dark.scss +1 -0
  21. package/styles/button-group/fluent.css +761 -0
  22. package/styles/button-group/fluent.scss +1 -0
  23. package/styles/button-group/highcontrast-light.css +1 -106
  24. package/styles/button-group/highcontrast.css +1 -118
  25. package/styles/button-group/material-dark.css +1 -106
  26. package/styles/button-group/material.css +1 -107
  27. package/styles/button-group/tailwind-dark.css +1 -102
  28. package/styles/button-group/tailwind.css +1 -102
  29. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  30. package/styles/drop-down-button/bootstrap.css +2 -36
  31. package/styles/drop-down-button/bootstrap4.css +3 -36
  32. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  33. package/styles/drop-down-button/bootstrap5.css +10 -43
  34. package/styles/drop-down-button/fabric-dark.css +2 -36
  35. package/styles/drop-down-button/fabric.css +2 -36
  36. package/styles/drop-down-button/fluent-dark.css +213 -0
  37. package/styles/drop-down-button/fluent-dark.scss +1 -0
  38. package/styles/drop-down-button/fluent.css +213 -0
  39. package/styles/drop-down-button/fluent.scss +1 -0
  40. package/styles/drop-down-button/highcontrast-light.css +2 -36
  41. package/styles/drop-down-button/highcontrast.css +2 -36
  42. package/styles/drop-down-button/material-dark.css +2 -36
  43. package/styles/drop-down-button/material.css +2 -36
  44. package/styles/drop-down-button/tailwind-dark.css +9 -43
  45. package/styles/drop-down-button/tailwind.css +9 -43
  46. package/styles/fabric-dark.css +49 -375
  47. package/styles/fabric.css +49 -375
  48. package/styles/fluent-dark.css +1818 -0
  49. package/styles/fluent-dark.scss +4 -0
  50. package/styles/fluent.css +1818 -0
  51. package/styles/fluent.scss +4 -0
  52. package/styles/highcontrast-light.css +49 -375
  53. package/styles/highcontrast.css +49 -387
  54. package/styles/material-dark.css +49 -375
  55. package/styles/material.css +49 -376
  56. package/styles/progress-button/bootstrap-dark.css +48 -165
  57. package/styles/progress-button/bootstrap.css +48 -165
  58. package/styles/progress-button/bootstrap4.css +48 -165
  59. package/styles/progress-button/bootstrap5-dark.css +73 -174
  60. package/styles/progress-button/bootstrap5.css +73 -174
  61. package/styles/progress-button/fabric-dark.css +48 -165
  62. package/styles/progress-button/fabric.css +48 -165
  63. package/styles/progress-button/fluent-dark.css +544 -0
  64. package/styles/progress-button/fluent-dark.scss +1 -0
  65. package/styles/progress-button/fluent.css +544 -0
  66. package/styles/progress-button/fluent.scss +1 -0
  67. package/styles/progress-button/highcontrast-light.css +48 -165
  68. package/styles/progress-button/highcontrast.css +48 -165
  69. package/styles/progress-button/material-dark.css +48 -165
  70. package/styles/progress-button/material.css +48 -165
  71. package/styles/progress-button/tailwind-dark.css +68 -169
  72. package/styles/progress-button/tailwind.css +68 -169
  73. package/styles/split-button/bootstrap-dark.css +1 -71
  74. package/styles/split-button/bootstrap.css +1 -71
  75. package/styles/split-button/bootstrap4.css +4 -70
  76. package/styles/split-button/bootstrap5-dark.css +1 -67
  77. package/styles/split-button/bootstrap5.css +1 -67
  78. package/styles/split-button/fabric-dark.css +1 -71
  79. package/styles/split-button/fabric.css +1 -71
  80. package/styles/split-button/fluent-dark.css +297 -0
  81. package/styles/split-button/fluent-dark.scss +1 -0
  82. package/styles/split-button/fluent.css +297 -0
  83. package/styles/split-button/fluent.scss +1 -0
  84. package/styles/split-button/highcontrast-light.css +1 -71
  85. package/styles/split-button/highcontrast.css +1 -71
  86. package/styles/split-button/material-dark.css +1 -71
  87. package/styles/split-button/material.css +1 -71
  88. package/styles/split-button/tailwind-dark.css +10 -80
  89. package/styles/split-button/tailwind.css +10 -80
  90. package/styles/tailwind-dark.css +85 -392
  91. package/styles/tailwind.css +85 -392
@@ -6,7 +6,6 @@
6
6
  white-space: nowrap;
7
7
  width: min-content;
8
8
  }
9
-
10
9
  .e-split-btn-wrapper .e-split-btn {
11
10
  border-bottom-right-radius: 0;
12
11
  border-top-right-radius: 0;
@@ -15,50 +14,40 @@
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
18
-
19
17
  .e-split-btn-wrapper .e-split-btn:focus {
20
18
  outline-offset: 0;
21
19
  }
22
-
23
20
  .e-split-btn-wrapper .e-split-btn:hover {
24
21
  box-shadow: none;
25
22
  }
26
-
27
23
  .e-split-btn-wrapper .e-split-btn:focus {
28
24
  box-shadow: none;
29
25
  }
30
-
31
26
  .e-split-btn-wrapper .e-split-btn:active {
32
27
  box-shadow: none;
33
28
  z-index: 0;
34
29
  }
35
-
36
30
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
37
31
  padding-bottom: 10px;
38
32
  padding-top: 10px;
39
33
  }
40
-
41
34
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
42
35
  font-size: 14px;
43
36
  margin-left: 0;
44
37
  padding-right: 8px;
45
38
  width: auto;
46
39
  }
47
-
48
40
  .e-split-btn-wrapper .e-split-btn .e-icon-top {
49
41
  padding-bottom: 4px;
50
42
  padding-right: 0;
51
43
  }
52
-
53
44
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
54
45
  padding-left: 6px;
55
46
  padding-right: 6px;
56
47
  }
57
-
58
48
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
59
49
  padding-right: 0;
60
50
  }
61
-
62
51
  .e-split-btn-wrapper .e-dropdown-btn {
63
52
  border-bottom-left-radius: 0;
64
53
  border-top-left-radius: 0;
@@ -66,44 +55,34 @@
66
55
  padding-left: 4px;
67
56
  padding-right: 4px;
68
57
  }
69
-
70
58
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
71
59
  box-shadow: none;
72
60
  }
73
-
74
61
  .e-split-btn-wrapper .e-dropdown-btn:active {
75
62
  box-shadow: none;
76
63
  z-index: 0;
77
64
  }
78
-
79
65
  .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
80
66
  z-index: 0;
81
67
  }
82
-
83
68
  .e-split-btn-wrapper .e-dropdown-btn:focus {
84
69
  outline-offset: 0;
85
70
  }
86
-
87
71
  .e-split-btn-wrapper .e-btn {
88
72
  box-shadow: none;
89
73
  }
90
-
91
74
  .e-split-btn-wrapper .e-btn:hover {
92
75
  box-shadow: none;
93
76
  }
94
-
95
77
  .e-split-btn-wrapper .e-btn:focus {
96
78
  box-shadow: none;
97
79
  }
98
-
99
80
  .e-split-btn-wrapper .e-btn:active {
100
81
  box-shadow: none;
101
82
  }
102
-
103
83
  .e-split-btn-wrapper .e-btn:disabled {
104
84
  box-shadow: none;
105
85
  }
106
-
107
86
  .e-split-btn-wrapper.e-rtl .e-split-btn {
108
87
  border-bottom-left-radius: 0;
109
88
  border-bottom-right-radius: 2px;
@@ -113,26 +92,21 @@
113
92
  padding-left: 4px;
114
93
  padding-right: 10px;
115
94
  }
116
-
117
95
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
118
96
  margin-right: 0;
119
97
  padding-left: 8px;
120
98
  padding-right: 0;
121
99
  }
122
-
123
100
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
124
101
  padding-left: 0;
125
102
  }
126
-
127
103
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
128
104
  padding-left: 6px;
129
105
  padding-right: 6px;
130
106
  }
131
-
132
107
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
133
108
  padding-left: 0;
134
109
  }
135
-
136
110
  .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
137
111
  border-bottom-left-radius: 2px;
138
112
  border-bottom-right-radius: 0;
@@ -140,17 +114,14 @@
140
114
  border-top-right-radius: 0;
141
115
  margin-left: 0;
142
116
  }
143
-
144
117
  .e-split-btn-wrapper.e-vertical {
145
118
  display: inline-block;
146
119
  }
147
-
148
120
  .e-split-btn-wrapper.e-vertical .e-split-btn,
149
121
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
150
122
  display: block;
151
123
  width: 100%;
152
124
  }
153
-
154
125
  .e-split-btn-wrapper.e-vertical .e-split-btn {
155
126
  border-bottom-left-radius: 0;
156
127
  border-top-right-radius: 2px;
@@ -158,11 +129,9 @@
158
129
  padding-bottom: 4px;
159
130
  padding-right: 10px;
160
131
  }
161
-
162
132
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
163
133
  padding-bottom: 4px;
164
134
  }
165
-
166
135
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
167
136
  border-bottom-left-radius: 2px;
168
137
  border-top-right-radius: 0;
@@ -172,17 +141,14 @@
172
141
  padding-bottom: 4px;
173
142
  padding-top: 4px;
174
143
  }
175
-
176
144
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
177
145
  padding-top: 0;
178
146
  }
179
-
180
147
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
181
148
  border-bottom-right-radius: 0;
182
149
  border-top-left-radius: 2px;
183
150
  margin-left: 0;
184
151
  }
185
-
186
152
  .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
187
153
  border-bottom-right-radius: 2px;
188
154
  border-top-left-radius: 0;
@@ -193,13 +159,11 @@
193
159
  padding-left: 12px;
194
160
  padding-right: 6px;
195
161
  }
196
-
197
162
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
198
163
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
199
164
  padding-bottom: 12px;
200
165
  padding-top: 12px;
201
166
  }
202
-
203
167
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
204
168
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
205
169
  font-size: 16px;
@@ -207,70 +171,58 @@
207
171
  padding-right: 10px;
208
172
  width: auto;
209
173
  }
210
-
211
174
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
212
175
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
213
176
  padding-bottom: 6px;
214
177
  padding-right: 0;
215
178
  }
216
-
217
179
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
218
180
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
219
181
  padding-left: 9px;
220
182
  padding-right: 9px;
221
183
  }
222
-
223
184
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
224
185
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
225
186
  padding-right: 0;
226
187
  }
227
-
228
188
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
229
189
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
230
190
  padding-left: 4px;
231
191
  padding-right: 4px;
232
192
  }
233
-
234
193
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
235
194
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
236
195
  padding-left: 6px;
237
196
  padding-right: 12px;
238
197
  }
239
-
240
198
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
241
199
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
242
200
  padding-left: 10px;
243
201
  padding-right: 0;
244
202
  }
245
-
246
203
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
247
204
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
248
205
  padding-left: 0;
249
206
  }
250
-
251
207
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
252
208
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
253
209
  padding-left: 9px;
254
210
  padding-right: 9px;
255
211
  }
256
-
257
212
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
258
213
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
259
214
  padding-left: 0;
260
215
  }
261
-
262
216
  .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
263
217
  .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
264
218
  padding-bottom: 6px;
265
219
  padding-right: 12px;
266
220
  }
267
-
268
221
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
269
222
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
270
223
  padding-bottom: 4px;
271
224
  padding-top: 4px;
272
225
  }
273
-
274
226
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
275
227
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
276
228
  padding-top: 0;
@@ -280,98 +232,76 @@
280
232
  .e-split-btn-wrapper .e-split-btn {
281
233
  border-right-color: transparent;
282
234
  }
283
-
284
235
  .e-split-btn-wrapper .e-split-btn:focus {
285
236
  border-right-color: transparent;
286
237
  }
287
-
288
238
  .e-split-btn-wrapper .e-split-btn:active {
289
239
  border-right-color: transparent;
290
240
  }
291
-
292
241
  .e-split-btn-wrapper .e-split-btn:disabled {
293
242
  border-right-color: rgba(0, 0, 0, 0.12);
294
243
  }
295
-
296
244
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
297
245
  border-right-color: transparent;
298
246
  }
299
-
300
247
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
301
248
  border-right-color: transparent;
302
249
  }
303
-
304
250
  .e-split-btn-wrapper.e-rtl .e-split-btn {
305
251
  border-color: transparent;
306
252
  }
307
-
308
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
309
254
  border-color: transparent;
310
255
  }
311
-
312
256
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
313
257
  border-color: transparent;
314
258
  }
315
-
316
259
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
317
260
  border-left-color: transparent;
318
261
  border-right-color: transparent;
319
262
  }
320
-
321
263
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
322
264
  border-left-color: transparent;
323
265
  border-right-color: transparent;
324
266
  }
325
-
326
267
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
327
268
  border-left-color: transparent;
328
269
  }
329
-
330
270
  .e-split-btn-wrapper.e-vertical .e-split-btn {
331
271
  border-bottom-color: transparent;
332
272
  border-right-color: transparent;
333
273
  }
334
-
335
274
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
336
275
  border-bottom-color: transparent;
337
276
  border-right-color: transparent;
338
277
  }
339
-
340
278
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
341
279
  border-bottom-color: transparent;
342
280
  border-right-color: transparent;
343
281
  }
344
-
345
282
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
346
283
  border-bottom-color: transparent;
347
284
  border-right-color: transparent;
348
285
  }
349
-
350
286
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
351
287
  border-bottom-color: transparent;
352
288
  border-right-color: transparent;
353
289
  }
354
-
355
290
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
356
291
  border-bottom-color: transparent;
357
292
  }
358
-
359
293
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
360
294
  border-left-color: transparent;
361
295
  }
362
-
363
296
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
364
297
  border-left-color: transparent;
365
298
  }
366
-
367
299
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
368
300
  border-left-color: transparent;
369
301
  }
370
-
371
302
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
372
303
  border-left-color: transparent;
373
304
  }
374
-
375
305
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
376
306
  border-left-color: transparent;
377
- }
307
+ }