@syncfusion/ej2-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 (117) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/README.md +1 -1
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +9 -2
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +9 -2
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/drop-down-button/drop-down-button.js +9 -2
  14. package/styles/bootstrap-dark.css +49 -375
  15. package/styles/bootstrap.css +49 -370
  16. package/styles/bootstrap4.css +57 -379
  17. package/styles/bootstrap5-dark.css +84 -389
  18. package/styles/bootstrap5.css +82 -387
  19. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  20. package/styles/button-group/bootstrap-dark.css +1 -106
  21. package/styles/button-group/bootstrap.css +1 -100
  22. package/styles/button-group/bootstrap4.css +5 -111
  23. package/styles/button-group/bootstrap5-dark.css +3 -108
  24. package/styles/button-group/bootstrap5.css +1 -106
  25. package/styles/button-group/fabric-dark.css +1 -106
  26. package/styles/button-group/fabric.css +1 -106
  27. package/styles/button-group/fluent-dark.css +761 -0
  28. package/styles/button-group/fluent-dark.scss +4 -0
  29. package/styles/button-group/fluent.css +761 -0
  30. package/styles/button-group/fluent.scss +4 -0
  31. package/styles/button-group/highcontrast-light.css +1 -106
  32. package/styles/button-group/highcontrast.css +1 -118
  33. package/styles/button-group/material-dark.css +1 -106
  34. package/styles/button-group/material.css +1 -107
  35. package/styles/button-group/tailwind-dark.css +1 -102
  36. package/styles/button-group/tailwind.css +1 -102
  37. package/styles/drop-down-button/_bootstrap5-definition.scss +4 -4
  38. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  39. package/styles/drop-down-button/_fluent-definition.scss +5 -5
  40. package/styles/drop-down-button/_layout.scss +1 -1
  41. package/styles/drop-down-button/_tailwind-definition.scss +4 -4
  42. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  43. package/styles/drop-down-button/bootstrap.css +2 -36
  44. package/styles/drop-down-button/bootstrap4.css +3 -36
  45. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  46. package/styles/drop-down-button/bootstrap5.css +10 -43
  47. package/styles/drop-down-button/fabric-dark.css +2 -36
  48. package/styles/drop-down-button/fabric.css +2 -36
  49. package/styles/drop-down-button/fluent-dark.css +213 -0
  50. package/styles/drop-down-button/fluent-dark.scss +6 -0
  51. package/styles/drop-down-button/fluent.css +213 -0
  52. package/styles/drop-down-button/fluent.scss +6 -0
  53. package/styles/drop-down-button/highcontrast-light.css +2 -36
  54. package/styles/drop-down-button/highcontrast.css +2 -36
  55. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  56. package/styles/drop-down-button/icons/_fluent.scss +1 -1
  57. package/styles/drop-down-button/icons/_tailwind-dark.scss +1 -1
  58. package/styles/drop-down-button/icons/_tailwind.scss +1 -1
  59. package/styles/drop-down-button/material-dark.css +2 -36
  60. package/styles/drop-down-button/material.css +2 -36
  61. package/styles/drop-down-button/tailwind-dark.css +9 -43
  62. package/styles/drop-down-button/tailwind.css +9 -43
  63. package/styles/fabric-dark.css +49 -375
  64. package/styles/fabric.css +49 -375
  65. package/styles/fluent-dark.css +1818 -0
  66. package/styles/fluent-dark.scss +4 -0
  67. package/styles/fluent.css +1818 -0
  68. package/styles/fluent.scss +4 -0
  69. package/styles/highcontrast-light.css +49 -375
  70. package/styles/highcontrast.css +49 -387
  71. package/styles/material-dark.css +49 -375
  72. package/styles/material.css +49 -376
  73. package/styles/progress-button/_bootstrap5-definition.scss +6 -6
  74. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  75. package/styles/progress-button/_fluent-definition.scss +2 -2
  76. package/styles/progress-button/_tailwind-definition.scss +5 -5
  77. package/styles/progress-button/_theme.scss +56 -11
  78. package/styles/progress-button/bootstrap-dark.css +48 -165
  79. package/styles/progress-button/bootstrap.css +48 -165
  80. package/styles/progress-button/bootstrap4.css +48 -165
  81. package/styles/progress-button/bootstrap5-dark.css +73 -174
  82. package/styles/progress-button/bootstrap5.css +73 -174
  83. package/styles/progress-button/fabric-dark.css +48 -165
  84. package/styles/progress-button/fabric.css +48 -165
  85. package/styles/progress-button/fluent-dark.css +544 -0
  86. package/styles/progress-button/fluent-dark.scss +5 -0
  87. package/styles/progress-button/fluent.css +544 -0
  88. package/styles/progress-button/fluent.scss +5 -0
  89. package/styles/progress-button/highcontrast-light.css +48 -165
  90. package/styles/progress-button/highcontrast.css +48 -165
  91. package/styles/progress-button/material-dark.css +48 -165
  92. package/styles/progress-button/material.css +48 -165
  93. package/styles/progress-button/tailwind-dark.css +68 -169
  94. package/styles/progress-button/tailwind.css +68 -169
  95. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  96. package/styles/split-button/_fluent-definition.scss +2 -2
  97. package/styles/split-button/_layout.scss +32 -12
  98. package/styles/split-button/_tailwind-definition.scss +1 -1
  99. package/styles/split-button/bootstrap-dark.css +1 -71
  100. package/styles/split-button/bootstrap.css +1 -71
  101. package/styles/split-button/bootstrap4.css +4 -70
  102. package/styles/split-button/bootstrap5-dark.css +1 -67
  103. package/styles/split-button/bootstrap5.css +1 -67
  104. package/styles/split-button/fabric-dark.css +1 -71
  105. package/styles/split-button/fabric.css +1 -71
  106. package/styles/split-button/fluent-dark.css +297 -0
  107. package/styles/split-button/fluent-dark.scss +6 -0
  108. package/styles/split-button/fluent.css +297 -0
  109. package/styles/split-button/fluent.scss +6 -0
  110. package/styles/split-button/highcontrast-light.css +1 -71
  111. package/styles/split-button/highcontrast.css +1 -71
  112. package/styles/split-button/material-dark.css +1 -71
  113. package/styles/split-button/material.css +1 -71
  114. package/styles/split-button/tailwind-dark.css +10 -80
  115. package/styles/split-button/tailwind.css +10 -80
  116. package/styles/tailwind-dark.css +85 -392
  117. package/styles/tailwind.css +85 -392
package/styles/split-button/material-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,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,101 +232,79 @@
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(255, 255, 255, 0.1);
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-left-color: transparent;
306
252
  border-right-color: transparent;
307
253
  }
308
-
309
254
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
310
255
  border-left-color: transparent;
311
256
  border-right-color: transparent;
312
257
  }
313
-
314
258
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
315
259
  border-left-color: transparent;
316
260
  border-right-color: transparent;
317
261
  }
318
-
319
262
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
320
263
  border-left-color: transparent;
321
264
  border-right-color: transparent;
322
265
  }
323
-
324
266
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
325
267
  border-left-color: transparent;
326
268
  border-right-color: transparent;
327
269
  }
328
-
329
270
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
330
271
  border-left-color: transparent;
331
272
  }
332
-
333
273
  .e-split-btn-wrapper.e-vertical .e-split-btn {
334
274
  border-bottom-color: transparent;
335
275
  border-right-color: transparent;
336
276
  }
337
-
338
277
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
339
278
  border-bottom-color: transparent;
340
279
  border-right-color: transparent;
341
280
  }
342
-
343
281
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
344
282
  border-bottom-color: transparent;
345
283
  border-right-color: transparent;
346
284
  }
347
-
348
285
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
349
286
  border-bottom-color: transparent;
350
287
  border-right-color: transparent;
351
288
  }
352
-
353
289
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
354
290
  border-bottom-color: transparent;
355
291
  border-right-color: transparent;
356
292
  }
357
-
358
293
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
359
294
  border-bottom-color: transparent;
360
295
  }
361
-
362
296
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
363
297
  border-left-color: transparent;
364
298
  }
365
-
366
299
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
367
300
  border-left-color: transparent;
368
301
  }
369
-
370
302
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
371
303
  border-left-color: transparent;
372
304
  }
373
-
374
305
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
375
306
  border-left-color: transparent;
376
307
  }
377
-
378
308
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
379
309
  border-left-color: transparent;
380
- }
310
+ }
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
+ }