@syncfusion/ej2-react-splitbuttons 23.2.4 → 24.1.41

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 (89) hide show
  1. package/CHANGELOG.md +0 -18
  2. package/dist/ej2-react-splitbuttons.min.js +1 -1
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +1 -1761
  6. package/styles/bootstrap.css +1 -1811
  7. package/styles/bootstrap4.css +1 -1836
  8. package/styles/bootstrap5-dark.css +1 -1851
  9. package/styles/bootstrap5.css +1 -1851
  10. package/styles/button-group/bootstrap-dark.css +1 -752
  11. package/styles/button-group/bootstrap.css +1 -726
  12. package/styles/button-group/bootstrap4.css +1 -756
  13. package/styles/button-group/bootstrap5-dark.css +1 -751
  14. package/styles/button-group/bootstrap5.css +1 -751
  15. package/styles/button-group/fabric-dark.css +1 -752
  16. package/styles/button-group/fabric.css +1 -758
  17. package/styles/button-group/fluent-dark.css +1 -755
  18. package/styles/button-group/fluent.css +1 -755
  19. package/styles/button-group/highcontrast-light.css +1 -752
  20. package/styles/button-group/highcontrast.css +1 -803
  21. package/styles/button-group/material-dark.css +1 -752
  22. package/styles/button-group/material.css +1 -756
  23. package/styles/button-group/material3-dark.css +1 -901
  24. package/styles/button-group/material3.css +1 -957
  25. package/styles/button-group/tailwind-dark.css +1 -739
  26. package/styles/button-group/tailwind.css +1 -739
  27. package/styles/drop-down-button/bootstrap-dark.css +1 -231
  28. package/styles/drop-down-button/bootstrap.css +1 -231
  29. package/styles/drop-down-button/bootstrap4.css +1 -226
  30. package/styles/drop-down-button/bootstrap5-dark.css +1 -236
  31. package/styles/drop-down-button/bootstrap5.css +1 -236
  32. package/styles/drop-down-button/fabric-dark.css +1 -231
  33. package/styles/drop-down-button/fabric.css +1 -231
  34. package/styles/drop-down-button/fluent-dark.css +1 -233
  35. package/styles/drop-down-button/fluent.css +1 -233
  36. package/styles/drop-down-button/highcontrast-light.css +1 -231
  37. package/styles/drop-down-button/highcontrast.css +1 -232
  38. package/styles/drop-down-button/material-dark.css +1 -231
  39. package/styles/drop-down-button/material.css +1 -231
  40. package/styles/drop-down-button/material3-dark.css +1 -292
  41. package/styles/drop-down-button/material3.css +1 -348
  42. package/styles/drop-down-button/tailwind-dark.css +1 -241
  43. package/styles/drop-down-button/tailwind.css +1 -241
  44. package/styles/fabric-dark.css +1 -1761
  45. package/styles/fabric.css +1 -1841
  46. package/styles/fluent-dark.css +1 -1852
  47. package/styles/fluent.css +1 -1852
  48. package/styles/highcontrast-light.css +1 -1761
  49. package/styles/highcontrast.css +1 -1813
  50. package/styles/material-dark.css +1 -1761
  51. package/styles/material.css +1 -1839
  52. package/styles/material3-dark.css +1 -2164
  53. package/styles/material3.css +1 -2382
  54. package/styles/progress-button/bootstrap-dark.css +1 -445
  55. package/styles/progress-button/bootstrap.css +1 -522
  56. package/styles/progress-button/bootstrap4.css +1 -525
  57. package/styles/progress-button/bootstrap5-dark.css +1 -538
  58. package/styles/progress-button/bootstrap5.css +1 -538
  59. package/styles/progress-button/fabric-dark.css +1 -445
  60. package/styles/progress-button/fabric.css +1 -522
  61. package/styles/progress-button/fluent-dark.css +1 -538
  62. package/styles/progress-button/fluent.css +1 -538
  63. package/styles/progress-button/highcontrast-light.css +1 -445
  64. package/styles/progress-button/highcontrast.css +1 -445
  65. package/styles/progress-button/material-dark.css +1 -445
  66. package/styles/progress-button/material.css +1 -522
  67. package/styles/progress-button/material3-dark.css +1 -556
  68. package/styles/progress-button/material3.css +1 -612
  69. package/styles/progress-button/tailwind-dark.css +1 -542
  70. package/styles/progress-button/tailwind.css +1 -542
  71. package/styles/split-button/bootstrap-dark.css +1 -330
  72. package/styles/split-button/bootstrap.css +1 -330
  73. package/styles/split-button/bootstrap4.css +1 -326
  74. package/styles/split-button/bootstrap5-dark.css +1 -323
  75. package/styles/split-button/bootstrap5.css +1 -323
  76. package/styles/split-button/fabric-dark.css +1 -330
  77. package/styles/split-button/fabric.css +1 -327
  78. package/styles/split-button/fluent-dark.css +1 -323
  79. package/styles/split-button/fluent.css +1 -323
  80. package/styles/split-button/highcontrast-light.css +1 -330
  81. package/styles/split-button/highcontrast.css +1 -330
  82. package/styles/split-button/material-dark.css +1 -330
  83. package/styles/split-button/material.css +1 -327
  84. package/styles/split-button/material3-dark.css +1 -412
  85. package/styles/split-button/material3.css +1 -462
  86. package/styles/split-button/tailwind-dark.css +1 -344
  87. package/styles/split-button/tailwind.css +1 -344
  88. package/styles/tailwind-dark.css +1 -1868
  89. package/styles/tailwind.css +1 -1868
package/styles/split-button/fabric.css CHANGED
@@ -1,327 +1 @@
1
- /*! splitbutton layout */
2
- .e-split-btn-wrapper {
3
- display: -ms-inline-flexbox;
4
- display: inline-flex;
5
- white-space: nowrap;
6
- width: min-content;
7
- }
8
- .e-split-btn-wrapper .e-split-btn {
9
- border-bottom-right-radius: 0;
10
- border-top-right-radius: 0;
11
- text-transform: none;
12
- z-index: 1;
13
- padding-left: 10px;
14
- padding-right: 10px;
15
- }
16
- .e-split-btn-wrapper .e-split-btn:focus {
17
- outline-offset: -4px;
18
- }
19
- .e-split-btn-wrapper .e-split-btn:hover {
20
- box-shadow: none;
21
- }
22
- .e-split-btn-wrapper .e-split-btn:focus {
23
- box-shadow: none;
24
- }
25
- .e-split-btn-wrapper .e-split-btn:active {
26
- box-shadow: none;
27
- z-index: 2;
28
- }
29
- .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
30
- padding-bottom: 10px;
31
- padding-top: 10px;
32
- }
33
- .e-split-btn-wrapper .e-split-btn .e-btn-icon {
34
- font-size: 14px;
35
- margin-left: 0;
36
- padding-right: 8px;
37
- width: auto;
38
- }
39
- .e-split-btn-wrapper .e-split-btn .e-icon-top {
40
- padding-bottom: 4px;
41
- padding-right: 0;
42
- }
43
- .e-split-btn-wrapper .e-split-btn.e-icon-btn {
44
- padding-left: 8px;
45
- padding-right: 8px;
46
- }
47
- .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
48
- padding-right: 0;
49
- }
50
- .e-split-btn-wrapper .e-dropdown-btn {
51
- border-bottom-left-radius: 0;
52
- border-top-left-radius: 0;
53
- margin-left: 0;
54
- padding-left: 4px;
55
- padding-right: 4px;
56
- }
57
- .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
- box-shadow: none;
59
- }
60
- .e-split-btn-wrapper .e-dropdown-btn:active {
61
- box-shadow: none;
62
- z-index: 2;
63
- }
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 {
65
- z-index: 0;
66
- }
67
- .e-split-btn-wrapper .e-dropdown-btn:focus {
68
- outline-offset: -4px;
69
- }
70
- .e-split-btn-wrapper .e-btn {
71
- box-shadow: none;
72
- }
73
- .e-split-btn-wrapper .e-btn:hover {
74
- box-shadow: none;
75
- }
76
- .e-split-btn-wrapper .e-btn:focus {
77
- box-shadow: none;
78
- }
79
- .e-split-btn-wrapper .e-btn:active {
80
- box-shadow: none;
81
- }
82
- .e-split-btn-wrapper .e-btn:disabled {
83
- box-shadow: none;
84
- }
85
- .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
- box-shadow: none;
87
- }
88
- .e-split-btn-wrapper.e-rtl .e-split-btn {
89
- border-bottom-left-radius: 0;
90
- border-bottom-right-radius: 0;
91
- border-top-left-radius: 0;
92
- border-top-right-radius: 0;
93
- margin-left: 0;
94
- padding-left: 4px;
95
- padding-right: 10px;
96
- }
97
- .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
98
- margin-right: 0;
99
- padding-left: 8px;
100
- padding-right: 0;
101
- }
102
- .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
103
- padding-left: 0;
104
- }
105
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
106
- padding-left: 8px;
107
- padding-right: 8px;
108
- }
109
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
110
- padding-left: 0;
111
- }
112
- .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
113
- border-bottom-left-radius: 0;
114
- border-bottom-right-radius: 0;
115
- border-top-left-radius: 0;
116
- border-top-right-radius: 0;
117
- margin-left: 0;
118
- }
119
- .e-split-btn-wrapper.e-vertical {
120
- display: inline-block;
121
- }
122
- .e-split-btn-wrapper.e-vertical .e-split-btn,
123
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
124
- display: block;
125
- width: 100%;
126
- }
127
- .e-split-btn-wrapper.e-vertical .e-split-btn {
128
- border-bottom-left-radius: 0;
129
- border-top-right-radius: 0;
130
- line-height: 1;
131
- padding-bottom: 4px;
132
- padding-right: 10px;
133
- }
134
- .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
135
- padding-bottom: 4px;
136
- }
137
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
138
- border-bottom-left-radius: 0;
139
- border-top-right-radius: 0;
140
- line-height: 0.213em;
141
- margin-left: 0;
142
- margin-top: 0;
143
- padding-bottom: 4px;
144
- padding-top: 4px;
145
- }
146
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
147
- padding-top: 0;
148
- }
149
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
150
- border-bottom-right-radius: 0;
151
- border-top-left-radius: 0;
152
- margin-left: 0;
153
- }
154
- .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
155
- border-bottom-right-radius: 0;
156
- border-top-left-radius: 0;
157
- }
158
-
159
- .e-bigger .e-split-btn-wrapper .e-split-btn,
160
- .e-bigger.e-split-btn-wrapper .e-split-btn {
161
- padding-left: 12px;
162
- padding-right: 6px;
163
- }
164
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
165
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
166
- padding-bottom: 12px;
167
- padding-top: 12px;
168
- }
169
- .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
170
- .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
171
- font-size: 16px;
172
- margin-left: 0;
173
- padding-right: 10px;
174
- width: auto;
175
- }
176
- .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
177
- .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
178
- padding-bottom: 6px;
179
- padding-right: 0;
180
- }
181
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
182
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
183
- padding-left: 11px;
184
- padding-right: 11px;
185
- }
186
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
187
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
188
- padding-right: 0;
189
- }
190
- .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
191
- .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
192
- padding-left: 4px;
193
- padding-right: 4px;
194
- }
195
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
196
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
197
- padding-left: 6px;
198
- padding-right: 12px;
199
- }
200
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
201
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
202
- padding-left: 10px;
203
- padding-right: 0;
204
- }
205
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
206
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
207
- padding-left: 0;
208
- }
209
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
210
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
211
- padding-left: 11px;
212
- padding-right: 11px;
213
- }
214
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
215
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
216
- padding-left: 0;
217
- }
218
- .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
219
- .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
220
- padding-bottom: 6px;
221
- padding-right: 12px;
222
- }
223
- .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
224
- .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
225
- padding-bottom: 4px;
226
- padding-top: 4px;
227
- }
228
- .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
229
- .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
230
- padding-top: 0;
231
- }
232
-
233
- /*! splitbutton theme */
234
- .e-split-btn-wrapper .e-split-btn {
235
- border-right-color: transparent;
236
- }
237
- .e-split-btn-wrapper .e-split-btn:focus {
238
- border-right-color: #c8c8c8;
239
- }
240
- .e-split-btn-wrapper .e-split-btn:active {
241
- border-right-color: #c8c8c8;
242
- }
243
- .e-split-btn-wrapper .e-split-btn:disabled {
244
- border-right-color: #f4f4f4;
245
- }
246
- .e-split-btn-wrapper .e-split-btn.e-inherit {
247
- border-color: transparent;
248
- }
249
- .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
250
- border-right-color: #c8c8c8;
251
- }
252
- .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
253
- border-right-color: #f4f4f4;
254
- }
255
- .e-split-btn-wrapper.e-rtl .e-split-btn {
256
- border-color: transparent;
257
- }
258
- .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
259
- border-color: transparent;
260
- }
261
- .e-split-btn-wrapper.e-rtl .e-split-btn:active {
262
- border-color: transparent;
263
- }
264
- .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
265
- border-left-color: #f4f4f4;
266
- border-right-color: transparent;
267
- }
268
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
269
- border-color: transparent;
270
- }
271
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
272
- border-left-color: #c8c8c8;
273
- border-right-color: #eaeaea;
274
- }
275
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
276
- border-left-color: #f4f4f4;
277
- }
278
- .e-split-btn-wrapper.e-vertical .e-split-btn {
279
- border-bottom-color: transparent;
280
- border-right-color: transparent;
281
- }
282
- .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
283
- border-color: transparent;
284
- }
285
- .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
286
- border-bottom-color: #c8c8c8;
287
- border-right-color: transparent;
288
- }
289
- .e-split-btn-wrapper.e-vertical .e-split-btn:active {
290
- border-bottom-color: #c8c8c8;
291
- border-right-color: #c8c8c8;
292
- }
293
- .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
294
- border-bottom-color: #f4f4f4;
295
- border-right-color: transparent;
296
- }
297
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
298
- border-bottom-color: #c8c8c8;
299
- border-right-color: #eaeaea;
300
- }
301
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
302
- border-color: transparent;
303
- }
304
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
305
- border-bottom-color: #f4f4f4;
306
- }
307
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
308
- border-left-color: transparent;
309
- }
310
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
311
- border-color: transparent;
312
- }
313
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
314
- border-left-color: transparent;
315
- }
316
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
317
- border-left-color: transparent;
318
- }
319
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
320
- border-left-color: transparent;
321
- }
322
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
323
- border-left-color: transparent;
324
- }
325
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
326
- border-color: transparent;
327
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/split-button/fabric.css';
package/styles/split-button/fluent-dark.css CHANGED
@@ -1,323 +1 @@
1
- /* stylelint-disable-line no-empty-source */
2
- /*! splitbutton layout */
3
- .e-split-btn-wrapper {
4
- display: -ms-inline-flexbox;
5
- display: inline-flex;
6
- white-space: nowrap;
7
- width: min-content;
8
- }
9
- .e-split-btn-wrapper .e-split-btn {
10
- border-bottom-right-radius: 0;
11
- border-top-right-radius: 0;
12
- text-transform: none;
13
- z-index: 1;
14
- padding: 3px 7px;
15
- padding-left: 10px;
16
- padding-right: 10px;
17
- }
18
- .e-split-btn-wrapper .e-split-btn:focus {
19
- outline-offset: -3px;
20
- }
21
- .e-split-btn-wrapper .e-split-btn:focus {
22
- box-shadow: none;
23
- }
24
- .e-split-btn-wrapper .e-split-btn:active {
25
- box-shadow: 0 0 rgba(0, 0, 0, 0);
26
- z-index: 2;
27
- }
28
- .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
29
- padding-bottom: 10px;
30
- padding-top: 10px;
31
- }
32
- .e-split-btn-wrapper .e-split-btn .e-btn-icon {
33
- font-size: 14px;
34
- margin-left: 0;
35
- padding-right: 4px;
36
- width: auto;
37
- }
38
- .e-split-btn-wrapper .e-split-btn .e-icon-top {
39
- padding-bottom: 4px;
40
- padding-right: 0;
41
- }
42
- .e-split-btn-wrapper .e-split-btn.e-icon-btn {
43
- padding-left: 8px;
44
- padding-right: 8px;
45
- }
46
- .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
47
- padding-right: 0;
48
- }
49
- .e-split-btn-wrapper .e-dropdown-btn {
50
- border-bottom-left-radius: 0;
51
- border-top-left-radius: 0;
52
- margin-left: -1px;
53
- padding: 4px;
54
- }
55
- .e-split-btn-wrapper .e-dropdown-btn:active {
56
- box-shadow: 0 0 rgba(0, 0, 0, 0);
57
- z-index: 2;
58
- }
59
- .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 {
60
- z-index: 0;
61
- }
62
- .e-split-btn-wrapper .e-dropdown-btn:focus {
63
- outline-offset: -3px;
64
- }
65
- .e-split-btn-wrapper .e-btn:focus {
66
- box-shadow: none;
67
- }
68
- .e-split-btn-wrapper .e-btn:active {
69
- box-shadow: 0 0 rgba(0, 0, 0, 0);
70
- }
71
- .e-split-btn-wrapper .e-btn:disabled {
72
- box-shadow: none;
73
- outline: 0;
74
- outline-offset: 0;
75
- }
76
- .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
77
- box-shadow: none;
78
- }
79
- .e-split-btn-wrapper.e-rtl .e-split-btn {
80
- border-bottom-left-radius: 0;
81
- border-bottom-right-radius: 0;
82
- border-top-left-radius: 0;
83
- border-top-right-radius: 0;
84
- margin-left: -1px;
85
- padding-left: 8px;
86
- padding-right: 8px;
87
- padding-left: 4px;
88
- padding-right: 10px;
89
- }
90
- .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
91
- margin-right: 0;
92
- padding-left: 4px;
93
- padding-right: 0;
94
- }
95
- .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
96
- padding-left: 0;
97
- }
98
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
99
- padding-left: 8px;
100
- padding-right: 8px;
101
- }
102
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
103
- padding-left: 0;
104
- }
105
- .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
106
- border-bottom-left-radius: 0;
107
- border-bottom-right-radius: 0;
108
- border-top-left-radius: 0;
109
- border-top-right-radius: 0;
110
- margin-left: 0;
111
- }
112
- .e-split-btn-wrapper.e-vertical {
113
- display: inline-block;
114
- }
115
- .e-split-btn-wrapper.e-vertical .e-split-btn,
116
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
117
- display: block;
118
- width: 100%;
119
- }
120
- .e-split-btn-wrapper.e-vertical .e-split-btn {
121
- border-bottom-left-radius: 0;
122
- border-top-right-radius: 0;
123
- line-height: 1;
124
- padding-bottom: 4px;
125
- padding-right: 10px;
126
- }
127
- .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
128
- padding-bottom: 4px;
129
- }
130
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
131
- border-bottom-left-radius: 0;
132
- border-top-right-radius: 0;
133
- line-height: 0.334em;
134
- margin-left: 0;
135
- margin-top: -1px;
136
- padding-bottom: 4px;
137
- padding-top: 4px;
138
- }
139
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
140
- padding-top: 0;
141
- }
142
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
143
- border-bottom-right-radius: 0;
144
- border-top-left-radius: 0;
145
- margin-left: 0;
146
- }
147
- .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
148
- border-bottom-right-radius: 0;
149
- border-top-left-radius: 0;
150
- }
151
-
152
- .e-bigger .e-split-btn-wrapper .e-split-btn,
153
- .e-bigger.e-split-btn-wrapper .e-split-btn {
154
- padding-left: 12px;
155
- padding-right: 12px;
156
- }
157
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
158
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
159
- padding-bottom: 12px;
160
- padding-top: 12px;
161
- }
162
- .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
163
- .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
164
- font-size: 16px;
165
- margin-left: 0;
166
- padding-right: 8px;
167
- width: auto;
168
- }
169
- .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
170
- .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
171
- padding-bottom: 6px;
172
- padding-right: 0;
173
- }
174
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
175
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
176
- padding-left: 12px;
177
- padding-right: 12px;
178
- }
179
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
180
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
181
- padding-right: 0;
182
- }
183
- .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
184
- .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
185
- padding-left: 4px;
186
- padding-right: 4px;
187
- }
188
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
189
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
190
- padding-left: 6px;
191
- padding-right: 12px;
192
- }
193
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
194
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
195
- padding-left: 8px;
196
- padding-right: 0;
197
- }
198
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
199
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
200
- padding-left: 0;
201
- }
202
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
203
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
204
- padding-left: 12px;
205
- padding-right: 12px;
206
- }
207
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
208
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
209
- padding-left: 0;
210
- }
211
- .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
212
- .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
213
- padding-bottom: 6px;
214
- padding-right: 12px;
215
- }
216
- .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
217
- .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
218
- padding-bottom: 4px;
219
- padding-top: 4px;
220
- }
221
- .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
222
- .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
223
- padding-top: 0;
224
- }
225
-
226
- /*! splitbutton theme */
227
- .e-split-btn-wrapper .e-split-btn {
228
- border-right-color: #8a8886;
229
- }
230
- .e-split-btn-wrapper .e-split-btn:focus {
231
- border-right-color: #8a8886;
232
- }
233
- .e-split-btn-wrapper .e-split-btn:active {
234
- border-right-color: #292827;
235
- }
236
- .e-split-btn-wrapper .e-split-btn:disabled {
237
- border-right-color: #252423;
238
- }
239
- .e-split-btn-wrapper .e-split-btn.e-inherit {
240
- border-color: transparent;
241
- }
242
- .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
243
- border-right-color: #8a8886;
244
- }
245
- .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
246
- border-right-color: #323130;
247
- }
248
- .e-split-btn-wrapper.e-rtl .e-split-btn {
249
- border-left-color: #8a8886;
250
- border-right-color: #8a8886;
251
- }
252
- .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
253
- border-left-color: #8a8886;
254
- border-right-color: #8a8886;
255
- }
256
- .e-split-btn-wrapper.e-rtl .e-split-btn:active {
257
- border-left-color: #292827;
258
- border-right-color: #292827;
259
- }
260
- .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
261
- border-left-color: #323130;
262
- border-right-color: #323130;
263
- }
264
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
265
- border-color: transparent;
266
- }
267
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
268
- border-left-color: #8a8886;
269
- border-right-color: #8a8886;
270
- }
271
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
272
- border-left-color: #323130;
273
- }
274
- .e-split-btn-wrapper.e-vertical .e-split-btn {
275
- border-bottom-color: #8a8886;
276
- border-right-color: #8a8886;
277
- }
278
- .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
279
- border-color: transparent;
280
- }
281
- .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
282
- border-bottom-color: #8a8886;
283
- border-right-color: #8a8886;
284
- }
285
- .e-split-btn-wrapper.e-vertical .e-split-btn:active {
286
- border-bottom-color: #292827;
287
- border-right-color: #292827;
288
- }
289
- .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
290
- border-bottom-color: #323130;
291
- border-right-color: #323130;
292
- }
293
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
294
- border-bottom-color: #8a8886;
295
- border-right-color: #8a8886;
296
- }
297
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
298
- border-color: transparent;
299
- }
300
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
301
- border-bottom-color: #323130;
302
- }
303
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
304
- border-left-color: #8a8886;
305
- }
306
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
307
- border-color: transparent;
308
- }
309
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
310
- border-left-color: #8a8886;
311
- }
312
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
313
- border-left-color: #8a8886;
314
- }
315
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
316
- border-left-color: #8a8886;
317
- }
318
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
319
- border-left-color: #8a8886;
320
- }
321
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
322
- border-color: transparent;
323
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/split-button/fluent-dark.css';