@syncfusion/ej2-react-splitbuttons 19.4.48 → 20.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/README.md +1 -1
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/src/drop-down-button/items-directive.d.ts +3 -1
  6. package/src/split-button/items-directive.d.ts +3 -1
  7. package/styles/bootstrap-dark.css +49 -375
  8. package/styles/bootstrap.css +49 -370
  9. package/styles/bootstrap4.css +57 -379
  10. package/styles/bootstrap5-dark.css +84 -389
  11. package/styles/bootstrap5.css +82 -387
  12. package/styles/button-group/bootstrap-dark.css +1 -106
  13. package/styles/button-group/bootstrap.css +1 -100
  14. package/styles/button-group/bootstrap4.css +5 -111
  15. package/styles/button-group/bootstrap5-dark.css +3 -108
  16. package/styles/button-group/bootstrap5.css +1 -106
  17. package/styles/button-group/fabric-dark.css +1 -106
  18. package/styles/button-group/fabric.css +1 -106
  19. package/styles/button-group/fluent-dark.css +761 -0
  20. package/styles/button-group/fluent-dark.scss +1 -0
  21. package/styles/button-group/fluent.css +761 -0
  22. package/styles/button-group/fluent.scss +1 -0
  23. package/styles/button-group/highcontrast-light.css +1 -106
  24. package/styles/button-group/highcontrast.css +1 -118
  25. package/styles/button-group/material-dark.css +1 -106
  26. package/styles/button-group/material.css +1 -107
  27. package/styles/button-group/tailwind-dark.css +1 -102
  28. package/styles/button-group/tailwind.css +1 -102
  29. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  30. package/styles/drop-down-button/bootstrap.css +2 -36
  31. package/styles/drop-down-button/bootstrap4.css +3 -36
  32. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  33. package/styles/drop-down-button/bootstrap5.css +10 -43
  34. package/styles/drop-down-button/fabric-dark.css +2 -36
  35. package/styles/drop-down-button/fabric.css +2 -36
  36. package/styles/drop-down-button/fluent-dark.css +213 -0
  37. package/styles/drop-down-button/fluent-dark.scss +1 -0
  38. package/styles/drop-down-button/fluent.css +213 -0
  39. package/styles/drop-down-button/fluent.scss +1 -0
  40. package/styles/drop-down-button/highcontrast-light.css +2 -36
  41. package/styles/drop-down-button/highcontrast.css +2 -36
  42. package/styles/drop-down-button/material-dark.css +2 -36
  43. package/styles/drop-down-button/material.css +2 -36
  44. package/styles/drop-down-button/tailwind-dark.css +9 -43
  45. package/styles/drop-down-button/tailwind.css +9 -43
  46. package/styles/fabric-dark.css +49 -375
  47. package/styles/fabric.css +49 -375
  48. package/styles/fluent-dark.css +1818 -0
  49. package/styles/fluent-dark.scss +4 -0
  50. package/styles/fluent.css +1818 -0
  51. package/styles/fluent.scss +4 -0
  52. package/styles/highcontrast-light.css +49 -375
  53. package/styles/highcontrast.css +49 -387
  54. package/styles/material-dark.css +49 -375
  55. package/styles/material.css +49 -376
  56. package/styles/progress-button/bootstrap-dark.css +48 -165
  57. package/styles/progress-button/bootstrap.css +48 -165
  58. package/styles/progress-button/bootstrap4.css +48 -165
  59. package/styles/progress-button/bootstrap5-dark.css +73 -174
  60. package/styles/progress-button/bootstrap5.css +73 -174
  61. package/styles/progress-button/fabric-dark.css +48 -165
  62. package/styles/progress-button/fabric.css +48 -165
  63. package/styles/progress-button/fluent-dark.css +544 -0
  64. package/styles/progress-button/fluent-dark.scss +1 -0
  65. package/styles/progress-button/fluent.css +544 -0
  66. package/styles/progress-button/fluent.scss +1 -0
  67. package/styles/progress-button/highcontrast-light.css +48 -165
  68. package/styles/progress-button/highcontrast.css +48 -165
  69. package/styles/progress-button/material-dark.css +48 -165
  70. package/styles/progress-button/material.css +48 -165
  71. package/styles/progress-button/tailwind-dark.css +68 -169
  72. package/styles/progress-button/tailwind.css +68 -169
  73. package/styles/split-button/bootstrap-dark.css +1 -71
  74. package/styles/split-button/bootstrap.css +1 -71
  75. package/styles/split-button/bootstrap4.css +4 -70
  76. package/styles/split-button/bootstrap5-dark.css +1 -67
  77. package/styles/split-button/bootstrap5.css +1 -67
  78. package/styles/split-button/fabric-dark.css +1 -71
  79. package/styles/split-button/fabric.css +1 -71
  80. package/styles/split-button/fluent-dark.css +297 -0
  81. package/styles/split-button/fluent-dark.scss +1 -0
  82. package/styles/split-button/fluent.css +297 -0
  83. package/styles/split-button/fluent.scss +1 -0
  84. package/styles/split-button/highcontrast-light.css +1 -71
  85. package/styles/split-button/highcontrast.css +1 -71
  86. package/styles/split-button/material-dark.css +1 -71
  87. package/styles/split-button/material.css +1 -71
  88. package/styles/split-button/tailwind-dark.css +10 -80
  89. package/styles/split-button/tailwind.css +10 -80
  90. package/styles/tailwind-dark.css +85 -392
  91. package/styles/tailwind.css +85 -392
package/styles/split-button/bootstrap-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;
@@ -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: 0;
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: inset 0 3px 5px rgba(26, 26, 26, 0.125);
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: 10px;
54
45
  padding-right: 10px;
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: inset 0 3px 5px rgba(26, 26, 26, 0.125);
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: 0;
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: inset 0 3px 5px rgba(26, 26, 26, 0.125);
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: 4px;
@@ -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: 10px;
128
104
  padding-right: 10px;
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: 4px;
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: 4px;
@@ -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: 4px;
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: 4px;
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: 4px;
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: 12px;
219
181
  padding-right: 12px;
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: 12px;
253
209
  padding-right: 12px;
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,101 +231,79 @@
279
231
  .e-split-btn-wrapper .e-split-btn {
280
232
  border-right-color: #585858;
281
233
  }
282
-
283
234
  .e-split-btn-wrapper .e-split-btn:focus {
284
235
  border-right-color: #585858;
285
236
  }
286
-
287
237
  .e-split-btn-wrapper .e-split-btn:active {
288
238
  border-right-color: #676767;
289
239
  }
290
-
291
240
  .e-split-btn-wrapper .e-split-btn:disabled {
292
241
  border-right-color: rgba(57, 57, 57, 0.4);
293
242
  }
294
-
295
243
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
296
244
  border-right-color: #676767;
297
245
  }
298
-
299
246
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
300
247
  border-right-color: rgba(88, 88, 88, 0.4);
301
248
  }
302
-
303
249
  .e-split-btn-wrapper.e-rtl .e-split-btn {
304
250
  border-left-color: #585858;
305
251
  border-right-color: #585858;
306
252
  }
307
-
308
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
309
254
  border-left-color: #585858;
310
255
  border-right-color: #585858;
311
256
  }
312
-
313
257
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
314
258
  border-left-color: #676767;
315
259
  border-right-color: #676767;
316
260
  }
317
-
318
261
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
319
262
  border-left-color: rgba(88, 88, 88, 0.4);
320
263
  border-right-color: rgba(172, 172, 172, 0.65);
321
264
  }
322
-
323
265
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
324
266
  border-left-color: #676767;
325
267
  border-right-color: #676767;
326
268
  }
327
-
328
269
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
329
270
  border-left-color: rgba(88, 88, 88, 0.4);
330
271
  }
331
-
332
272
  .e-split-btn-wrapper.e-vertical .e-split-btn {
333
273
  border-bottom-color: #585858;
334
274
  border-right-color: #585858;
335
275
  }
336
-
337
276
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
338
277
  border-bottom-color: #585858;
339
278
  border-right-color: #585858;
340
279
  }
341
-
342
280
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
343
281
  border-bottom-color: #676767;
344
282
  border-right-color: #676767;
345
283
  }
346
-
347
284
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
348
285
  border-bottom-color: rgba(88, 88, 88, 0.4);
349
286
  border-right-color: rgba(172, 172, 172, 0.65);
350
287
  }
351
-
352
288
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
353
289
  border-bottom-color: #676767;
354
290
  border-right-color: #676767;
355
291
  }
356
-
357
292
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
358
293
  border-bottom-color: rgba(88, 88, 88, 0.4);
359
294
  }
360
-
361
295
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
362
296
  border-left-color: #585858;
363
297
  }
364
-
365
298
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
366
299
  border-left-color: #585858;
367
300
  }
368
-
369
301
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
370
302
  border-left-color: #676767;
371
303
  }
372
-
373
304
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
374
305
  border-left-color: #acacac;
375
306
  }
376
-
377
307
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
378
308
  border-left-color: #676767;
379
- }
309
+ }
package/styles/split-button/bootstrap.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: 0;
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: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: 10px;
54
45
  padding-right: 10px;
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: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: 0;
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: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: 4px;
@@ -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: 10px;
128
104
  padding-right: 10px;
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: 4px;
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: 4px;
@@ -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: 4px;
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: 4px;
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: 4px;
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: 12px;
219
181
  padding-right: 12px;
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: 12px;
253
209
  padding-right: 12px;
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,101 +231,79 @@
279
231
  .e-split-btn-wrapper .e-split-btn {
280
232
  border-right-color: #ccc;
281
233
  }
282
-
283
234
  .e-split-btn-wrapper .e-split-btn:focus {
284
235
  border-right-color: #8c8c8c;
285
236
  }
286
-
287
237
  .e-split-btn-wrapper .e-split-btn:active {
288
238
  border-right-color: #adadad;
289
239
  }
290
-
291
240
  .e-split-btn-wrapper .e-split-btn:disabled {
292
241
  border-right-color: rgba(255, 255, 255, 0.65);
293
242
  }
294
-
295
243
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
296
244
  border-right-color: #adadad;
297
245
  }
298
-
299
246
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
300
247
  border-right-color: rgba(204, 204, 204, 0.65);
301
248
  }
302
-
303
249
  .e-split-btn-wrapper.e-rtl .e-split-btn {
304
250
  border-left-color: #ccc;
305
251
  border-right-color: #ccc;
306
252
  }
307
-
308
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
309
254
  border-left-color: #8c8c8c;
310
255
  border-right-color: #8c8c8c;
311
256
  }
312
-
313
257
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
314
258
  border-left-color: #adadad;
315
259
  border-right-color: #adadad;
316
260
  }
317
-
318
261
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
319
262
  border-left-color: rgba(204, 204, 204, 0.65);
320
263
  border-right-color: rgba(204, 204, 204, 0.65);
321
264
  }
322
-
323
265
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
324
266
  border-left-color: #adadad;
325
267
  border-right-color: #adadad;
326
268
  }
327
-
328
269
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
329
270
  border-left-color: rgba(204, 204, 204, 0.65);
330
271
  }
331
-
332
272
  .e-split-btn-wrapper.e-vertical .e-split-btn {
333
273
  border-bottom-color: #ccc;
334
274
  border-right-color: #ccc;
335
275
  }
336
-
337
276
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
338
277
  border-bottom-color: #8c8c8c;
339
278
  border-right-color: #8c8c8c;
340
279
  }
341
-
342
280
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
343
281
  border-bottom-color: #adadad;
344
282
  border-right-color: #adadad;
345
283
  }
346
-
347
284
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
348
285
  border-bottom-color: rgba(204, 204, 204, 0.65);
349
286
  border-right-color: rgba(204, 204, 204, 0.65);
350
287
  }
351
-
352
288
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
353
289
  border-bottom-color: #adadad;
354
290
  border-right-color: #adadad;
355
291
  }
356
-
357
292
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
358
293
  border-bottom-color: rgba(204, 204, 204, 0.65);
359
294
  }
360
-
361
295
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
362
296
  border-left-color: #ccc;
363
297
  }
364
-
365
298
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
366
299
  border-left-color: #8c8c8c;
367
300
  }
368
-
369
301
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
370
302
  border-left-color: #adadad;
371
303
  }
372
-
373
304
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
374
305
  border-left-color: #ccc;
375
306
  }
376
-
377
307
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
378
308
  border-left-color: #adadad;
379
- }
309
+ }