@syncfusion/ej2-react-splitbuttons 23.2.4 → 24.1.44

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