@syncfusion/ej2-splitbuttons 19.4.52 → 20.1.57

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