@syncfusion/ej2-vue-splitbuttons 25.2.3 → 26.1.35-7502

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 (104) hide show
  1. package/dist/ej2-vue-splitbuttons.umd.min.js +2 -2
  2. package/dist/ej2-vue-splitbuttons.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-splitbuttons.es2015.js +8 -14
  4. package/dist/es6/ej2-vue-splitbuttons.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-splitbuttons.es5.js +8 -14
  6. package/dist/es6/ej2-vue-splitbuttons.es5.js.map +1 -1
  7. package/package.json +9 -9
  8. package/styles/bootstrap-dark.css +1966 -1
  9. package/styles/bootstrap.css +2016 -1
  10. package/styles/bootstrap4.css +2004 -1
  11. package/styles/bootstrap5-dark.css +1946 -1
  12. package/styles/bootstrap5.css +1946 -1
  13. package/styles/button-group/bootstrap-dark.css +813 -1
  14. package/styles/button-group/bootstrap.css +787 -1
  15. package/styles/button-group/bootstrap4.css +786 -1
  16. package/styles/button-group/bootstrap5-dark.css +801 -1
  17. package/styles/button-group/bootstrap5.css +801 -1
  18. package/styles/button-group/fabric-dark.css +813 -1
  19. package/styles/button-group/fabric.css +819 -1
  20. package/styles/button-group/fluent-dark.css +825 -1
  21. package/styles/button-group/fluent.css +825 -1
  22. package/styles/button-group/fluent2.css +1849 -0
  23. package/styles/button-group/fluent2.scss +1 -0
  24. package/styles/button-group/highcontrast-light.css +813 -1
  25. package/styles/button-group/highcontrast.css +864 -1
  26. package/styles/button-group/material-dark.css +820 -1
  27. package/styles/button-group/material.css +825 -1
  28. package/styles/button-group/material3-dark.css +1055 -1
  29. package/styles/button-group/material3.css +1167 -1
  30. package/styles/button-group/tailwind-dark.css +799 -1
  31. package/styles/button-group/tailwind.css +799 -1
  32. package/styles/drop-down-button/bootstrap-dark.css +244 -1
  33. package/styles/drop-down-button/bootstrap.css +244 -1
  34. package/styles/drop-down-button/bootstrap4.css +237 -1
  35. package/styles/drop-down-button/bootstrap5-dark.css +247 -1
  36. package/styles/drop-down-button/bootstrap5.css +247 -1
  37. package/styles/drop-down-button/fabric-dark.css +244 -1
  38. package/styles/drop-down-button/fabric.css +244 -1
  39. package/styles/drop-down-button/fluent-dark.css +245 -1
  40. package/styles/drop-down-button/fluent.css +245 -1
  41. package/styles/drop-down-button/fluent2.css +1308 -0
  42. package/styles/drop-down-button/fluent2.scss +1 -0
  43. package/styles/drop-down-button/highcontrast-light.css +244 -1
  44. package/styles/drop-down-button/highcontrast.css +245 -1
  45. package/styles/drop-down-button/material-dark.css +244 -1
  46. package/styles/drop-down-button/material.css +244 -1
  47. package/styles/drop-down-button/material3-dark.css +363 -1
  48. package/styles/drop-down-button/material3.css +475 -1
  49. package/styles/drop-down-button/tailwind-dark.css +254 -1
  50. package/styles/drop-down-button/tailwind.css +254 -1
  51. package/styles/fabric-dark.css +1966 -1
  52. package/styles/fabric.css +2046 -1
  53. package/styles/fluent-dark.css +2061 -1
  54. package/styles/fluent.css +2061 -1
  55. package/styles/fluent2.css +6175 -0
  56. package/styles/fluent2.scss +4 -0
  57. package/styles/highcontrast-light.css +1966 -1
  58. package/styles/highcontrast.css +2018 -1
  59. package/styles/material-dark.css +1973 -1
  60. package/styles/material.css +2052 -1
  61. package/styles/material3-dark.css +2647 -1
  62. package/styles/material3.css +3087 -1
  63. package/styles/progress-button/bootstrap-dark.css +564 -1
  64. package/styles/progress-button/bootstrap.css +641 -1
  65. package/styles/progress-button/bootstrap4.css +644 -1
  66. package/styles/progress-button/bootstrap5-dark.css +564 -1
  67. package/styles/progress-button/bootstrap5.css +564 -1
  68. package/styles/progress-button/fabric-dark.css +564 -1
  69. package/styles/progress-button/fabric.css +641 -1
  70. package/styles/progress-button/fluent-dark.css +657 -1
  71. package/styles/progress-button/fluent.css +657 -1
  72. package/styles/progress-button/fluent2.css +1636 -0
  73. package/styles/progress-button/fluent2.scss +1 -0
  74. package/styles/progress-button/highcontrast-light.css +564 -1
  75. package/styles/progress-button/highcontrast.css +564 -1
  76. package/styles/progress-button/material-dark.css +564 -1
  77. package/styles/progress-button/material.css +641 -1
  78. package/styles/progress-button/material3-dark.css +730 -1
  79. package/styles/progress-button/material3.css +842 -1
  80. package/styles/progress-button/tailwind-dark.css +661 -1
  81. package/styles/progress-button/tailwind.css +661 -1
  82. package/styles/split-button/bootstrap-dark.css +342 -1
  83. package/styles/split-button/bootstrap.css +342 -1
  84. package/styles/split-button/bootstrap4.css +334 -1
  85. package/styles/split-button/bootstrap5-dark.css +331 -1
  86. package/styles/split-button/bootstrap5.css +331 -1
  87. package/styles/split-button/fabric-dark.css +342 -1
  88. package/styles/split-button/fabric.css +339 -1
  89. package/styles/split-button/fluent-dark.css +331 -1
  90. package/styles/split-button/fluent.css +331 -1
  91. package/styles/split-button/fluent2.css +1379 -0
  92. package/styles/split-button/fluent2.scss +1 -0
  93. package/styles/split-button/highcontrast-light.css +342 -1
  94. package/styles/split-button/highcontrast.css +342 -1
  95. package/styles/split-button/material-dark.css +342 -1
  96. package/styles/split-button/material.css +339 -1
  97. package/styles/split-button/material3-dark.css +496 -1
  98. package/styles/split-button/material3.css +600 -1
  99. package/styles/split-button/tailwind-dark.css +356 -1
  100. package/styles/split-button/tailwind.css +356 -1
  101. package/styles/tailwind-dark.css +2072 -1
  102. package/styles/tailwind.css +2072 -1
  103. package/CHANGELOG.md +0 -350
  104. package/dist/global/ej2-vue-splitbuttons.min.js +0 -10
@@ -1 +1,356 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/tailwind-dark.css';
1
+ /* stylelint-disable-line no-empty-source */
2
+ .e-split-btn-wrapper {
3
+ display: -webkit-inline-box;
4
+ display: -ms-inline-flexbox;
5
+ display: inline-flex;
6
+ white-space: nowrap;
7
+ width: -webkit-min-content;
8
+ width: -moz-min-content;
9
+ width: min-content;
10
+ }
11
+ .e-split-btn-wrapper .e-split-btn {
12
+ border-bottom-right-radius: 0;
13
+ border-top-right-radius: 0;
14
+ text-transform: none;
15
+ z-index: 1;
16
+ padding-left: 12px;
17
+ padding-right: 12px;
18
+ padding-left: 10px;
19
+ padding-right: 10px;
20
+ }
21
+ .e-split-btn-wrapper .e-split-btn:focus {
22
+ outline-offset: 0;
23
+ }
24
+ .e-split-btn-wrapper .e-split-btn:hover {
25
+ -webkit-box-shadow: none;
26
+ box-shadow: none;
27
+ }
28
+ .e-split-btn-wrapper .e-split-btn:focus {
29
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
30
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
31
+ z-index: 2;
32
+ }
33
+ .e-split-btn-wrapper .e-split-btn:active {
34
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
35
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
36
+ z-index: 2;
37
+ }
38
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
39
+ padding-bottom: 10px;
40
+ padding-top: 10px;
41
+ }
42
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
43
+ font-size: 14px;
44
+ margin-left: 0;
45
+ padding-right: 8px;
46
+ width: auto;
47
+ }
48
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
49
+ padding-bottom: 4px;
50
+ padding-right: 0;
51
+ }
52
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
53
+ padding-left: 8px;
54
+ padding-right: 8px;
55
+ }
56
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
57
+ padding-right: 0;
58
+ }
59
+ .e-split-btn-wrapper .e-dropdown-btn {
60
+ border-bottom-left-radius: 0;
61
+ border-top-left-radius: 0;
62
+ margin-left: -1px;
63
+ padding-left: 8px;
64
+ padding-right: 8px;
65
+ z-index: 1;
66
+ }
67
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
68
+ -webkit-box-shadow: none;
69
+ box-shadow: none;
70
+ }
71
+ .e-split-btn-wrapper .e-dropdown-btn:active {
72
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
73
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
74
+ z-index: 2;
75
+ }
76
+ .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 {
77
+ z-index: 0;
78
+ }
79
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
80
+ outline-offset: 0;
81
+ }
82
+ .e-split-btn-wrapper .e-btn {
83
+ -webkit-box-shadow: none;
84
+ box-shadow: none;
85
+ }
86
+ .e-split-btn-wrapper .e-btn:hover {
87
+ -webkit-box-shadow: none;
88
+ box-shadow: none;
89
+ }
90
+ .e-split-btn-wrapper .e-btn:focus {
91
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
92
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
93
+ z-index: 2;
94
+ }
95
+ .e-split-btn-wrapper .e-btn:active {
96
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
97
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
98
+ z-index: 2;
99
+ }
100
+ .e-split-btn-wrapper .e-btn:disabled {
101
+ -webkit-box-shadow: none;
102
+ box-shadow: none;
103
+ }
104
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
105
+ -webkit-box-shadow: none;
106
+ box-shadow: none;
107
+ }
108
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
109
+ border-bottom-left-radius: 0;
110
+ border-bottom-right-radius: 4px;
111
+ border-top-left-radius: 0;
112
+ border-top-right-radius: 4px;
113
+ margin-left: -1px;
114
+ padding-left: 12px;
115
+ padding-right: 12px;
116
+ padding-left: 4px;
117
+ padding-right: 10px;
118
+ }
119
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
120
+ margin-right: 0;
121
+ padding-left: 8px;
122
+ padding-right: 0;
123
+ }
124
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
125
+ padding-left: 0;
126
+ }
127
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
128
+ padding-left: 8px;
129
+ padding-right: 8px;
130
+ }
131
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
132
+ padding-left: 0;
133
+ }
134
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
135
+ border-bottom-left-radius: 4px;
136
+ border-bottom-right-radius: 0;
137
+ border-top-left-radius: 4px;
138
+ border-top-right-radius: 0;
139
+ margin-left: 0;
140
+ z-index: 1;
141
+ }
142
+ .e-split-btn-wrapper.e-vertical {
143
+ display: inline-block;
144
+ }
145
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
146
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
147
+ display: block;
148
+ width: 100%;
149
+ }
150
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
151
+ border-bottom-left-radius: 0;
152
+ border-top-right-radius: 4px;
153
+ line-height: 1;
154
+ padding-bottom: 8px;
155
+ padding-right: 8px;
156
+ padding-bottom: 4px;
157
+ padding-right: 10px;
158
+ }
159
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
160
+ padding-bottom: 4px;
161
+ }
162
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
163
+ border-bottom-left-radius: 4px;
164
+ border-top-right-radius: 0;
165
+ line-height: 0.334em;
166
+ margin-left: 0;
167
+ margin-top: -1px;
168
+ padding-bottom: 4px;
169
+ padding-top: 4px;
170
+ }
171
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
172
+ padding-top: 0;
173
+ }
174
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
175
+ border-bottom-right-radius: 0;
176
+ border-top-left-radius: 4px;
177
+ margin-left: 0;
178
+ }
179
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
180
+ border-bottom-right-radius: 4px;
181
+ border-top-left-radius: 0;
182
+ }
183
+
184
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
185
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
186
+ padding-left: 16px;
187
+ padding-right: 16px;
188
+ }
189
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
190
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
191
+ padding-bottom: 12px;
192
+ padding-top: 12px;
193
+ }
194
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
195
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
196
+ font-size: 16px;
197
+ margin-left: 0;
198
+ padding-right: 10px;
199
+ width: auto;
200
+ }
201
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
202
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
203
+ padding-bottom: 6px;
204
+ padding-right: 0;
205
+ }
206
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
207
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
208
+ padding-left: 12px;
209
+ padding-right: 12px;
210
+ }
211
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
212
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
213
+ padding-right: 0;
214
+ }
215
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
216
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
217
+ padding-left: 4px;
218
+ padding-right: 4px;
219
+ z-index: 1;
220
+ }
221
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
222
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
223
+ padding-left: 12px;
224
+ padding-right: 12px;
225
+ }
226
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
227
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
228
+ padding-left: 10px;
229
+ padding-right: 0;
230
+ }
231
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
232
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
233
+ padding-left: 0;
234
+ }
235
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
236
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
237
+ padding-left: 12px;
238
+ padding-right: 12px;
239
+ }
240
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
241
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
242
+ padding-left: 0;
243
+ }
244
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
245
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
246
+ padding-bottom: 12px;
247
+ padding-right: 12px;
248
+ }
249
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
250
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
251
+ padding-bottom: 4px;
252
+ padding-top: 4px;
253
+ z-index: 1;
254
+ }
255
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
256
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
257
+ padding-top: 0;
258
+ }
259
+
260
+ .e-split-btn-wrapper .e-split-btn {
261
+ border-right-color: #6b7280;
262
+ }
263
+ .e-split-btn-wrapper .e-split-btn:focus {
264
+ border-right-color: #6b7280;
265
+ }
266
+ .e-split-btn-wrapper .e-split-btn:active {
267
+ border-right-color: #4b5563;
268
+ }
269
+ .e-split-btn-wrapper .e-split-btn:disabled {
270
+ border-right-color: #1f2937;
271
+ }
272
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
273
+ border-color: transparent;
274
+ }
275
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
276
+ border-right-color: #6b7280;
277
+ }
278
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
279
+ border-right-color: #374151;
280
+ }
281
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
282
+ border-left-color: #6b7280;
283
+ border-right-color: #6b7280;
284
+ }
285
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
286
+ border-left-color: #6b7280;
287
+ border-right-color: #6b7280;
288
+ }
289
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
290
+ border-left-color: #4b5563;
291
+ border-right-color: #4b5563;
292
+ }
293
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
294
+ border-left-color: #374151;
295
+ border-right-color: #6b7280;
296
+ }
297
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
298
+ border-color: transparent;
299
+ }
300
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
301
+ border-left-color: #6b7280;
302
+ border-right-color: #6b7280;
303
+ }
304
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
305
+ border-left-color: #374151;
306
+ }
307
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
308
+ border-bottom-color: #6b7280;
309
+ border-right-color: #6b7280;
310
+ }
311
+ .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 {
312
+ border-color: transparent;
313
+ }
314
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
315
+ border-bottom-color: #6b7280;
316
+ border-right-color: #6b7280;
317
+ }
318
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
319
+ border-bottom-color: #4b5563;
320
+ border-right-color: #4b5563;
321
+ }
322
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
323
+ border-bottom-color: #374151;
324
+ border-right-color: #6b7280;
325
+ }
326
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
327
+ border-bottom-color: #6b7280;
328
+ border-right-color: #6b7280;
329
+ }
330
+ .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 {
331
+ border-color: transparent;
332
+ }
333
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
334
+ border-bottom-color: #374151;
335
+ }
336
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
337
+ border-left-color: #6b7280;
338
+ }
339
+ .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 {
340
+ border-color: transparent;
341
+ }
342
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
343
+ border-left-color: #6b7280;
344
+ }
345
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
346
+ border-left-color: #6b7280;
347
+ }
348
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
349
+ border-left-color: #6b7280;
350
+ }
351
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
352
+ border-left-color: #6b7280;
353
+ }
354
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
355
+ border-color: transparent;
356
+ }
@@ -1 +1,356 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/tailwind.css';
1
+ /* stylelint-disable-line no-empty-source */
2
+ .e-split-btn-wrapper {
3
+ display: -webkit-inline-box;
4
+ display: -ms-inline-flexbox;
5
+ display: inline-flex;
6
+ white-space: nowrap;
7
+ width: -webkit-min-content;
8
+ width: -moz-min-content;
9
+ width: min-content;
10
+ }
11
+ .e-split-btn-wrapper .e-split-btn {
12
+ border-bottom-right-radius: 0;
13
+ border-top-right-radius: 0;
14
+ text-transform: none;
15
+ z-index: 1;
16
+ padding-left: 12px;
17
+ padding-right: 12px;
18
+ padding-left: 10px;
19
+ padding-right: 10px;
20
+ }
21
+ .e-split-btn-wrapper .e-split-btn:focus {
22
+ outline-offset: 0;
23
+ }
24
+ .e-split-btn-wrapper .e-split-btn:hover {
25
+ -webkit-box-shadow: none;
26
+ box-shadow: none;
27
+ }
28
+ .e-split-btn-wrapper .e-split-btn:focus {
29
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
30
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
31
+ z-index: 2;
32
+ }
33
+ .e-split-btn-wrapper .e-split-btn:active {
34
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
35
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
36
+ z-index: 2;
37
+ }
38
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
39
+ padding-bottom: 10px;
40
+ padding-top: 10px;
41
+ }
42
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
43
+ font-size: 14px;
44
+ margin-left: 0;
45
+ padding-right: 8px;
46
+ width: auto;
47
+ }
48
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
49
+ padding-bottom: 4px;
50
+ padding-right: 0;
51
+ }
52
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
53
+ padding-left: 8px;
54
+ padding-right: 8px;
55
+ }
56
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
57
+ padding-right: 0;
58
+ }
59
+ .e-split-btn-wrapper .e-dropdown-btn {
60
+ border-bottom-left-radius: 0;
61
+ border-top-left-radius: 0;
62
+ margin-left: -1px;
63
+ padding-left: 8px;
64
+ padding-right: 8px;
65
+ z-index: 1;
66
+ }
67
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
68
+ -webkit-box-shadow: none;
69
+ box-shadow: none;
70
+ }
71
+ .e-split-btn-wrapper .e-dropdown-btn:active {
72
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
73
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
74
+ z-index: 2;
75
+ }
76
+ .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 {
77
+ z-index: 0;
78
+ }
79
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
80
+ outline-offset: 0;
81
+ }
82
+ .e-split-btn-wrapper .e-btn {
83
+ -webkit-box-shadow: none;
84
+ box-shadow: none;
85
+ }
86
+ .e-split-btn-wrapper .e-btn:hover {
87
+ -webkit-box-shadow: none;
88
+ box-shadow: none;
89
+ }
90
+ .e-split-btn-wrapper .e-btn:focus {
91
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
92
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
93
+ z-index: 2;
94
+ }
95
+ .e-split-btn-wrapper .e-btn:active {
96
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
97
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
98
+ z-index: 2;
99
+ }
100
+ .e-split-btn-wrapper .e-btn:disabled {
101
+ -webkit-box-shadow: none;
102
+ box-shadow: none;
103
+ }
104
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
105
+ -webkit-box-shadow: none;
106
+ box-shadow: none;
107
+ }
108
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
109
+ border-bottom-left-radius: 0;
110
+ border-bottom-right-radius: 4px;
111
+ border-top-left-radius: 0;
112
+ border-top-right-radius: 4px;
113
+ margin-left: -1px;
114
+ padding-left: 12px;
115
+ padding-right: 12px;
116
+ padding-left: 4px;
117
+ padding-right: 10px;
118
+ }
119
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
120
+ margin-right: 0;
121
+ padding-left: 8px;
122
+ padding-right: 0;
123
+ }
124
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
125
+ padding-left: 0;
126
+ }
127
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
128
+ padding-left: 8px;
129
+ padding-right: 8px;
130
+ }
131
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
132
+ padding-left: 0;
133
+ }
134
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
135
+ border-bottom-left-radius: 4px;
136
+ border-bottom-right-radius: 0;
137
+ border-top-left-radius: 4px;
138
+ border-top-right-radius: 0;
139
+ margin-left: 0;
140
+ z-index: 1;
141
+ }
142
+ .e-split-btn-wrapper.e-vertical {
143
+ display: inline-block;
144
+ }
145
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
146
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
147
+ display: block;
148
+ width: 100%;
149
+ }
150
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
151
+ border-bottom-left-radius: 0;
152
+ border-top-right-radius: 4px;
153
+ line-height: 1;
154
+ padding-bottom: 8px;
155
+ padding-right: 8px;
156
+ padding-bottom: 4px;
157
+ padding-right: 10px;
158
+ }
159
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
160
+ padding-bottom: 4px;
161
+ }
162
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
163
+ border-bottom-left-radius: 4px;
164
+ border-top-right-radius: 0;
165
+ line-height: 0.334em;
166
+ margin-left: 0;
167
+ margin-top: -1px;
168
+ padding-bottom: 4px;
169
+ padding-top: 4px;
170
+ }
171
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
172
+ padding-top: 0;
173
+ }
174
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
175
+ border-bottom-right-radius: 0;
176
+ border-top-left-radius: 4px;
177
+ margin-left: 0;
178
+ }
179
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
180
+ border-bottom-right-radius: 4px;
181
+ border-top-left-radius: 0;
182
+ }
183
+
184
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
185
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
186
+ padding-left: 16px;
187
+ padding-right: 16px;
188
+ }
189
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
190
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
191
+ padding-bottom: 12px;
192
+ padding-top: 12px;
193
+ }
194
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
195
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
196
+ font-size: 16px;
197
+ margin-left: 0;
198
+ padding-right: 10px;
199
+ width: auto;
200
+ }
201
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
202
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
203
+ padding-bottom: 6px;
204
+ padding-right: 0;
205
+ }
206
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
207
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
208
+ padding-left: 12px;
209
+ padding-right: 12px;
210
+ }
211
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
212
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
213
+ padding-right: 0;
214
+ }
215
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
216
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
217
+ padding-left: 4px;
218
+ padding-right: 4px;
219
+ z-index: 1;
220
+ }
221
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
222
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
223
+ padding-left: 12px;
224
+ padding-right: 12px;
225
+ }
226
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
227
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
228
+ padding-left: 10px;
229
+ padding-right: 0;
230
+ }
231
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
232
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
233
+ padding-left: 0;
234
+ }
235
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
236
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
237
+ padding-left: 12px;
238
+ padding-right: 12px;
239
+ }
240
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
241
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
242
+ padding-left: 0;
243
+ }
244
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
245
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
246
+ padding-bottom: 12px;
247
+ padding-right: 12px;
248
+ }
249
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
250
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
251
+ padding-bottom: 4px;
252
+ padding-top: 4px;
253
+ z-index: 1;
254
+ }
255
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
256
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
257
+ padding-top: 0;
258
+ }
259
+
260
+ .e-split-btn-wrapper .e-split-btn {
261
+ border-right-color: #d1d5db;
262
+ }
263
+ .e-split-btn-wrapper .e-split-btn:focus {
264
+ border-right-color: #d1d5db;
265
+ }
266
+ .e-split-btn-wrapper .e-split-btn:active {
267
+ border-right-color: #e5e7eb;
268
+ }
269
+ .e-split-btn-wrapper .e-split-btn:disabled {
270
+ border-right-color: #fff;
271
+ }
272
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
273
+ border-color: transparent;
274
+ }
275
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
276
+ border-right-color: #d1d5db;
277
+ }
278
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
279
+ border-right-color: #e5e7eb;
280
+ }
281
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
282
+ border-left-color: #d1d5db;
283
+ border-right-color: #d1d5db;
284
+ }
285
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
286
+ border-left-color: #d1d5db;
287
+ border-right-color: #d1d5db;
288
+ }
289
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
290
+ border-left-color: #e5e7eb;
291
+ border-right-color: #e5e7eb;
292
+ }
293
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
294
+ border-left-color: #e5e7eb;
295
+ border-right-color: #d1d5db;
296
+ }
297
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
298
+ border-color: transparent;
299
+ }
300
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
301
+ border-left-color: #d1d5db;
302
+ border-right-color: #d1d5db;
303
+ }
304
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
305
+ border-left-color: #e5e7eb;
306
+ }
307
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
308
+ border-bottom-color: #d1d5db;
309
+ border-right-color: #d1d5db;
310
+ }
311
+ .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 {
312
+ border-color: transparent;
313
+ }
314
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
315
+ border-bottom-color: #d1d5db;
316
+ border-right-color: #d1d5db;
317
+ }
318
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
319
+ border-bottom-color: #e5e7eb;
320
+ border-right-color: #e5e7eb;
321
+ }
322
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
323
+ border-bottom-color: #e5e7eb;
324
+ border-right-color: #d1d5db;
325
+ }
326
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
327
+ border-bottom-color: #d1d5db;
328
+ border-right-color: #d1d5db;
329
+ }
330
+ .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 {
331
+ border-color: transparent;
332
+ }
333
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
334
+ border-bottom-color: #e5e7eb;
335
+ }
336
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
337
+ border-left-color: #d1d5db;
338
+ }
339
+ .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 {
340
+ border-color: transparent;
341
+ }
342
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
343
+ border-left-color: #d1d5db;
344
+ }
345
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
346
+ border-left-color: #d1d5db;
347
+ }
348
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
349
+ border-left-color: #d1d5db;
350
+ }
351
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
352
+ border-left-color: #d1d5db;
353
+ }
354
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
355
+ border-color: transparent;
356
+ }