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