@syncfusion/ej2-splitbuttons 20.1.47 → 20.2.36

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 (109) hide show
  1. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  2. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-splitbuttons.es2015.js +11 -3
  4. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es5.js +11 -3
  6. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  7. package/dist/global/ej2-splitbuttons.min.js +2 -2
  8. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/dist/ts/button-group/button-group.ts +84 -0
  11. package/dist/ts/common/common.ts +203 -0
  12. package/dist/ts/drop-down-button/drop-down-button.ts +806 -0
  13. package/dist/ts/progress-button/progress-button.ts +689 -0
  14. package/dist/ts/split-button/split-button.ts +501 -0
  15. package/helpers/e2e/dropdownbuttonHelper.js +55 -38
  16. package/helpers/e2e/index.js +10 -8
  17. package/helpers/e2e/progressbuttonHelper.js +52 -35
  18. package/helpers/e2e/splitbuttonHelper.js +58 -41
  19. package/package.json +7 -7
  20. package/src/drop-down-button/drop-down-button.js +11 -3
  21. package/styles/bootstrap-dark.css +4 -338
  22. package/styles/bootstrap.css +4 -333
  23. package/styles/bootstrap4.css +12 -342
  24. package/styles/bootstrap5-dark.css +20 -331
  25. package/styles/bootstrap5.css +18 -329
  26. package/styles/button-group/_fusionnew-definition.scss +31 -0
  27. package/styles/button-group/_layout.scss +1 -1
  28. package/styles/button-group/_material3-definition.scss +31 -0
  29. package/styles/button-group/_theme.scss +48 -12
  30. package/styles/button-group/bootstrap-dark.css +1 -114
  31. package/styles/button-group/bootstrap.css +1 -108
  32. package/styles/button-group/bootstrap4.css +5 -119
  33. package/styles/button-group/bootstrap5-dark.css +15 -108
  34. package/styles/button-group/bootstrap5.css +13 -106
  35. package/styles/button-group/fabric-dark.css +1 -114
  36. package/styles/button-group/fabric.css +1 -114
  37. package/styles/button-group/fluent-dark.css +1 -114
  38. package/styles/button-group/fluent.css +1 -114
  39. package/styles/button-group/highcontrast-light.css +1 -114
  40. package/styles/button-group/highcontrast.css +1 -126
  41. package/styles/button-group/material-dark.css +1 -114
  42. package/styles/button-group/material.css +1 -115
  43. package/styles/button-group/tailwind-dark.css +9 -114
  44. package/styles/button-group/tailwind.css +9 -114
  45. package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
  46. package/styles/drop-down-button/_layout.scss +4 -2
  47. package/styles/drop-down-button/_material3-definition.scss +51 -0
  48. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  49. package/styles/drop-down-button/bootstrap.css +2 -36
  50. package/styles/drop-down-button/bootstrap4.css +3 -36
  51. package/styles/drop-down-button/bootstrap5-dark.css +4 -35
  52. package/styles/drop-down-button/bootstrap5.css +4 -35
  53. package/styles/drop-down-button/fabric-dark.css +2 -36
  54. package/styles/drop-down-button/fabric.css +2 -36
  55. package/styles/drop-down-button/fluent-dark.css +2 -36
  56. package/styles/drop-down-button/fluent.css +2 -36
  57. package/styles/drop-down-button/highcontrast-light.css +2 -36
  58. package/styles/drop-down-button/highcontrast.css +2 -36
  59. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  60. package/styles/drop-down-button/icons/_material3.scss +10 -0
  61. package/styles/drop-down-button/material-dark.css +2 -36
  62. package/styles/drop-down-button/material.css +2 -36
  63. package/styles/drop-down-button/tailwind-dark.css +4 -36
  64. package/styles/drop-down-button/tailwind.css +4 -36
  65. package/styles/fabric-dark.css +4 -338
  66. package/styles/fabric.css +4 -338
  67. package/styles/fluent-dark.css +5 -339
  68. package/styles/fluent.css +5 -339
  69. package/styles/highcontrast-light.css +4 -338
  70. package/styles/highcontrast.css +4 -350
  71. package/styles/material-dark.css +4 -338
  72. package/styles/material.css +4 -339
  73. package/styles/progress-button/_fluent-definition.scss +1 -1
  74. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  75. package/styles/progress-button/_material3-definition.scss +21 -0
  76. package/styles/progress-button/bootstrap-dark.css +3 -120
  77. package/styles/progress-button/bootstrap.css +3 -120
  78. package/styles/progress-button/bootstrap4.css +3 -120
  79. package/styles/progress-button/bootstrap5-dark.css +3 -124
  80. package/styles/progress-button/bootstrap5.css +3 -124
  81. package/styles/progress-button/fabric-dark.css +3 -120
  82. package/styles/progress-button/fabric.css +3 -120
  83. package/styles/progress-button/fluent-dark.css +4 -125
  84. package/styles/progress-button/fluent.css +4 -125
  85. package/styles/progress-button/highcontrast-light.css +3 -120
  86. package/styles/progress-button/highcontrast.css +3 -120
  87. package/styles/progress-button/material-dark.css +3 -120
  88. package/styles/progress-button/material.css +3 -120
  89. package/styles/progress-button/tailwind-dark.css +3 -124
  90. package/styles/progress-button/tailwind.css +3 -124
  91. package/styles/split-button/_fusionnew-definition.scss +25 -0
  92. package/styles/split-button/_material3-definition.scss +25 -0
  93. package/styles/split-button/bootstrap-dark.css +1 -71
  94. package/styles/split-button/bootstrap.css +1 -71
  95. package/styles/split-button/bootstrap4.css +4 -70
  96. package/styles/split-button/bootstrap5-dark.css +1 -67
  97. package/styles/split-button/bootstrap5.css +1 -67
  98. package/styles/split-button/fabric-dark.css +1 -71
  99. package/styles/split-button/fabric.css +1 -71
  100. package/styles/split-button/fluent-dark.css +1 -67
  101. package/styles/split-button/fluent.css +1 -67
  102. package/styles/split-button/highcontrast-light.css +1 -71
  103. package/styles/split-button/highcontrast.css +1 -71
  104. package/styles/split-button/material-dark.css +1 -71
  105. package/styles/split-button/material.css +1 -71
  106. package/styles/split-button/tailwind-dark.css +1 -71
  107. package/styles/split-button/tailwind.css +1 -71
  108. package/styles/tailwind-dark.css +14 -343
  109. package/styles/tailwind.css +14 -343
package/styles/split-button/material.css CHANGED
@@ -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
+ }
package/styles/split-button/tailwind-dark.css CHANGED
@@ -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,51 +14,41 @@
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
46
  padding-left: 8px;
56
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;
@@ -68,46 +57,36 @@
68
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
108
  padding-left: 8px;
133
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,17 +119,14 @@
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;
@@ -163,11 +134,9 @@
163
134
  padding-bottom: 8px;
164
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
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
+ }