@syncfusion/ej2-vue-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-vue-splitbuttons.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  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
@@ -1,739 +1 @@
1
- /* stylelint-disable */
2
- *.e-btn-group,
3
- *.e-css.e-btn-group {
4
- display: -ms-inline-flexbox;
5
- display: inline-flex;
6
- border-radius: 4px;
7
- -ms-flex-direction: row;
8
- flex-direction: row;
9
- position: relative;
10
- }
11
- *.e-btn-group input:focus + label.e-btn,
12
- *.e-btn-group .e-btn:focus,
13
- *.e-btn-group .e-btn:hover,
14
- *.e-css.e-btn-group input:focus + label.e-btn,
15
- *.e-css.e-btn-group .e-btn:focus,
16
- *.e-css.e-btn-group .e-btn:hover {
17
- z-index: 2;
18
- }
19
- *.e-btn-group input + label.e-btn,
20
- *.e-css.e-btn-group input + label.e-btn {
21
- margin-bottom: 0;
22
- }
23
- *.e-btn-group input,
24
- *.e-css.e-btn-group input {
25
- -moz-appearance: none;
26
- height: 1px;
27
- margin: 0 0 0 -1px;
28
- opacity: 0;
29
- position: absolute;
30
- width: 1px;
31
- }
32
- *.e-btn-group input:disabled + label.e-btn,
33
- *.e-btn-group :disabled,
34
- *.e-css.e-btn-group input:disabled + label.e-btn,
35
- *.e-css.e-btn-group :disabled {
36
- cursor: default;
37
- pointer-events: none;
38
- }
39
- *.e-btn-group .e-btn-icon,
40
- *.e-css.e-btn-group .e-btn-icon {
41
- font-size: 18px;
42
- }
43
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
44
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
45
- margin-left: -1px;
46
- }
47
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
48
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
49
- border-radius: 0;
50
- }
51
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
52
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
53
- border-bottom-right-radius: 0;
54
- border-top-right-radius: 0;
55
- }
56
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
57
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
58
- border-bottom-left-radius: 0;
59
- border-top-left-radius: 0;
60
- }
61
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
62
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
63
- border-bottom-right-radius: 0;
64
- border-top-right-radius: 0;
65
- }
66
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
67
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
68
- border-bottom-left-radius: 0;
69
- border-top-left-radius: 0;
70
- }
71
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
72
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
73
- border-bottom-right-radius: 0;
74
- border-top-right-radius: 0;
75
- }
76
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
77
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
78
- border-bottom-left-radius: 0;
79
- border-top-left-radius: 0;
80
- }
81
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
82
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
83
- border-bottom-right-radius: 0;
84
- border-top-right-radius: 0;
85
- }
86
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
87
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
88
- border-bottom-left-radius: 0;
89
- border-top-left-radius: 0;
90
- }
91
- *.e-btn-group.e-rtl .e-btn,
92
- *.e-css.e-btn-group.e-rtl .e-btn {
93
- margin-left: -1px;
94
- }
95
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
96
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
97
- border-radius: 0;
98
- }
99
- *.e-btn-group.e-rtl .e-btn:first-of-type,
100
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
101
- border-bottom-left-radius: 0;
102
- border-top-left-radius: 0;
103
- }
104
- *.e-btn-group.e-rtl .e-btn:last-of-type,
105
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
106
- border-bottom-right-radius: 0;
107
- border-top-right-radius: 0;
108
- }
109
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
110
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
111
- border-bottom-left-radius: 0;
112
- border-top-left-radius: 0;
113
- }
114
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
115
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
116
- border-bottom-right-radius: 0;
117
- border-top-right-radius: 0;
118
- }
119
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
120
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
121
- border-bottom-left-radius: 0;
122
- border-top-left-radius: 0;
123
- }
124
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
125
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
126
- border-bottom-right-radius: 0;
127
- border-top-right-radius: 0;
128
- }
129
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
130
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
131
- border-bottom-left-radius: 0;
132
- border-top-left-radius: 0;
133
- }
134
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
135
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
136
- border-bottom-right-radius: 0;
137
- border-top-right-radius: 0;
138
- }
139
- *.e-btn-group.e-vertical,
140
- *.e-css.e-btn-group.e-vertical {
141
- -ms-flex-direction: column;
142
- flex-direction: column;
143
- }
144
- *.e-btn-group.e-vertical input,
145
- *.e-css.e-btn-group.e-vertical input {
146
- margin: -1px 0 0;
147
- }
148
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
149
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
150
- margin-top: -1px;
151
- }
152
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
153
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
154
- border-radius: 0;
155
- }
156
- *.e-btn-group.e-vertical .e-btn:first-of-type,
157
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
158
- border-bottom-left-radius: 0;
159
- border-bottom-right-radius: 0;
160
- border-top-left-radius: 2px;
161
- border-top-right-radius: 2px;
162
- }
163
- *.e-btn-group.e-vertical .e-btn:last-of-type,
164
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
165
- border-bottom-left-radius: 2px;
166
- border-bottom-right-radius: 2px;
167
- border-top-left-radius: 0;
168
- border-top-right-radius: 0;
169
- }
170
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
171
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
172
- border-radius: 20px;
173
- }
174
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
175
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
176
- border-bottom-left-radius: 20px;
177
- border-top-left-radius: 20px;
178
- }
179
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
180
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
181
- border-bottom-right-radius: 20px;
182
- border-top-right-radius: 20px;
183
- }
184
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
185
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
186
- border-bottom-right-radius: 0;
187
- border-top-right-radius: 0;
188
- }
189
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
190
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
191
- border-bottom-left-radius: 0;
192
- border-top-left-radius: 0;
193
- }
194
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
195
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
196
- border-bottom-left-radius: 20px;
197
- border-top-left-radius: 20px;
198
- }
199
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
200
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
201
- border-bottom-right-radius: 0;
202
- border-top-right-radius: 0;
203
- }
204
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
205
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
206
- border-bottom-left-radius: 0;
207
- border-top-left-radius: 0;
208
- }
209
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
210
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
211
- border-bottom-right-radius: 20px;
212
- border-top-right-radius: 20px;
213
- }
214
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
215
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
216
- border-radius: 20px;
217
- }
218
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
219
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
220
- border-bottom-right-radius: 20px;
221
- border-top-right-radius: 20px;
222
- }
223
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
224
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
225
- border-bottom-left-radius: 20px;
226
- border-top-left-radius: 20px;
227
- }
228
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
229
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
230
- border-bottom-left-radius: 0;
231
- border-top-left-radius: 0;
232
- }
233
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
234
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
235
- border-bottom-right-radius: 0;
236
- border-top-right-radius: 0;
237
- }
238
-
239
- .e-bigger .e-btn-group .e-btn-icon,
240
- .e-bigger.e-btn-group .e-btn-icon,
241
- .e-bigger .e-css.e-btn-group .e-btn-icon,
242
- .e-bigger.e-css.e-btn-group .e-btn-icon {
243
- font-size: 22px;
244
- }
245
-
246
- /* stylelint-disable */
247
- .e-btn-group:not(.e-outline),
248
- .e-css.e-btn-group:not(.e-outline) {
249
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
250
- }
251
- .e-btn-group .e-btn:hover,
252
- .e-css.e-btn-group .e-btn:hover {
253
- box-shadow: none;
254
- }
255
- .e-btn-group .e-btn:focus,
256
- .e-btn-group input:focus + label.e-btn,
257
- .e-css.e-btn-group .e-btn:focus,
258
- .e-css.e-btn-group input:focus + label.e-btn {
259
- background: #374151;
260
- border-color: #6b7280;
261
- color: #fff;
262
- outline: #1f2937 0 solid;
263
- outline-offset: 0;
264
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
265
- outline-color: inherit;
266
- }
267
- .e-btn-group .e-btn:focus.e-primary,
268
- .e-btn-group input:focus + label.e-btn.e-primary,
269
- .e-css.e-btn-group .e-btn:focus.e-primary,
270
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
- background: #06b6d4;
272
- border-color: #22d3ee;
273
- color: #000;
274
- outline: #1f2937 0 solid;
275
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
276
- outline-color: inherit;
277
- }
278
- .e-btn-group .e-btn:focus.e-success,
279
- .e-btn-group input:focus + label.e-btn.e-success,
280
- .e-css.e-btn-group .e-btn:focus.e-success,
281
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
282
- background: #16a34a;
283
- border-color: #22c55e;
284
- color: #000;
285
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
286
- outline-color: inherit;
287
- }
288
- .e-btn-group .e-btn:focus.e-info,
289
- .e-btn-group input:focus + label.e-btn.e-info,
290
- .e-css.e-btn-group .e-btn:focus.e-info,
291
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
- background: #0284c7;
293
- border-color: #0ea5e9;
294
- color: #fff;
295
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
296
- outline-color: inherit;
297
- }
298
- .e-btn-group .e-btn:focus.e-warning,
299
- .e-btn-group input:focus + label.e-btn.e-warning,
300
- .e-css.e-btn-group .e-btn:focus.e-warning,
301
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
302
- background: #c2410c;
303
- border-color: #ea580c;
304
- color: #fff;
305
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
306
- outline-color: inherit;
307
- }
308
- .e-btn-group .e-btn:focus.e-danger,
309
- .e-btn-group input:focus + label.e-btn.e-danger,
310
- .e-css.e-btn-group .e-btn:focus.e-danger,
311
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
312
- background: #ef4444;
313
- border-color: #f87171;
314
- color: #000;
315
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
316
- outline-color: inherit;
317
- }
318
- .e-btn-group .e-btn:focus.e-link,
319
- .e-btn-group input:focus + label.e-btn.e-link,
320
- .e-css.e-btn-group .e-btn:focus.e-link,
321
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
322
- border-radius: 0;
323
- text-decoration: underline;
324
- color: #67e8f9;
325
- background-color: transparent;
326
- border-color: transparent;
327
- box-shadow: none;
328
- outline: none;
329
- }
330
- .e-btn-group .e-btn:focus.e-outline,
331
- .e-btn-group input:focus + label.e-btn.e-outline,
332
- .e-css.e-btn-group .e-btn:focus.e-outline,
333
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
334
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
335
- }
336
- .e-btn-group .e-btn:focus.e-outline.e-primary,
337
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
338
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
339
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
340
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
341
- }
342
- .e-btn-group .e-btn:focus.e-outline.e-success,
343
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
344
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
345
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
346
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
347
- }
348
- .e-btn-group .e-btn:focus.e-outline.e-info,
349
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
350
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
351
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
352
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
353
- }
354
- .e-btn-group .e-btn:focus.e-outline.e-warning,
355
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
356
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
357
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
358
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
359
- }
360
- .e-btn-group .e-btn:focus.e-outline.e-danger,
361
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
362
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
363
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
364
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
365
- }
366
- .e-btn-group .e-btn:active,
367
- .e-btn-group input:active + label.e-btn,
368
- .e-btn-group input:checked + label.e-btn,
369
- .e-css.e-btn-group .e-btn:active,
370
- .e-css.e-btn-group input:active + label.e-btn,
371
- .e-css.e-btn-group input:checked + label.e-btn {
372
- background: #4b5563;
373
- border-color: #6b7280;
374
- color: #fff;
375
- outline: #1f2937 0 solid;
376
- outline-offset: 0;
377
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
378
- }
379
- .e-btn-group .e-btn:active.e-primary,
380
- .e-btn-group input:active + label.e-btn.e-primary,
381
- .e-btn-group input:checked + label.e-btn.e-primary,
382
- .e-css.e-btn-group .e-btn:active.e-primary,
383
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
384
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
385
- background: #67e8f9;
386
- border-color: #67e8f9;
387
- color: #000;
388
- outline: #1f2937 0 solid;
389
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
390
- }
391
- .e-btn-group .e-btn:active.e-success,
392
- .e-btn-group input:active + label.e-btn.e-success,
393
- .e-btn-group input:checked + label.e-btn.e-success,
394
- .e-css.e-btn-group .e-btn:active.e-success,
395
- .e-css.e-btn-group input:active + label.e-btn.e-success,
396
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
397
- background: #4ade80;
398
- border-color: #4ade80;
399
- color: #000;
400
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
401
- }
402
- .e-btn-group .e-btn:active.e-info,
403
- .e-btn-group input:active + label.e-btn.e-info,
404
- .e-btn-group input:checked + label.e-btn.e-info,
405
- .e-css.e-btn-group .e-btn:active.e-info,
406
- .e-css.e-btn-group input:active + label.e-btn.e-info,
407
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
408
- background: #38bdf8;
409
- color: #000;
410
- border-color: #38bdf8;
411
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
412
- }
413
- .e-btn-group .e-btn:active.e-warning,
414
- .e-btn-group input:active + label.e-btn.e-warning,
415
- .e-btn-group input:checked + label.e-btn.e-warning,
416
- .e-css.e-btn-group .e-btn:active.e-warning,
417
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
418
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
419
- background: #f97316;
420
- border-color: #f97316;
421
- color: #000;
422
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
423
- }
424
- .e-btn-group .e-btn:active.e-danger,
425
- .e-btn-group input:active + label.e-btn.e-danger,
426
- .e-btn-group input:checked + label.e-btn.e-danger,
427
- .e-css.e-btn-group .e-btn:active.e-danger,
428
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
429
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
430
- background: #dc2626;
431
- border-color: #dc2626;
432
- color: #fff;
433
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
434
- }
435
- .e-btn-group .e-btn:active.e-outline,
436
- .e-btn-group input:active + label.e-btn.e-outline,
437
- .e-btn-group input:checked + label.e-btn.e-outline,
438
- .e-css.e-btn-group .e-btn:active.e-outline,
439
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
440
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
441
- background: #4b5563;
442
- border-color: #6b7280;
443
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
444
- color: #fff;
445
- }
446
- .e-btn-group .e-btn:active.e-outline.e-primary,
447
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
448
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
449
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
450
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
451
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
452
- background: #67e8f9;
453
- border-color: #22d3ee;
454
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
455
- color: #000;
456
- }
457
- .e-btn-group .e-btn:active.e-outline.e-success,
458
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
459
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
460
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
461
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
462
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
463
- background: #4ade80;
464
- border-color: #4ade80;
465
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
466
- color: #000;
467
- }
468
- .e-btn-group .e-btn:active.e-outline.e-info,
469
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
470
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
471
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
472
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
473
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
474
- background: #38bdf8;
475
- border-color: #38bdf8;
476
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
477
- color: #000;
478
- }
479
- .e-btn-group .e-btn:active.e-outline.e-warning,
480
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
481
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
482
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
483
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
484
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
485
- background: #f97316;
486
- border-color: #f97316;
487
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
488
- color: #000;
489
- }
490
- .e-btn-group .e-btn:active.e-outline.e-danger,
491
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
492
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
493
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
494
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
495
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
496
- background: #dc2626;
497
- border-color: #dc2626;
498
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
499
- color: #fff;
500
- }
501
- .e-btn-group .e-btn:disabled,
502
- .e-btn-group input:disabled + label.e-btn,
503
- .e-css.e-btn-group .e-btn:disabled,
504
- .e-css.e-btn-group input:disabled + label.e-btn {
505
- background-color: #1f2937;
506
- border-color: #374151;
507
- box-shadow: none;
508
- color: #6b7280;
509
- border-color: #6b7280;
510
- }
511
- .e-btn-group .e-btn:disabled.e-primary,
512
- .e-btn-group input:disabled + label.e-btn.e-primary,
513
- .e-css.e-btn-group .e-btn:disabled.e-primary,
514
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
515
- background: #155e75;
516
- border-color: #155e75;
517
- box-shadow: none;
518
- color: #000;
519
- border-color: #22d3ee;
520
- }
521
- .e-btn-group .e-btn:disabled.e-success,
522
- .e-btn-group input:disabled + label.e-btn.e-success,
523
- .e-css.e-btn-group .e-btn:disabled.e-success,
524
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
525
- background: #15803d;
526
- border-color: #15803d;
527
- box-shadow: none;
528
- color: #000;
529
- border-color: #22c55e;
530
- }
531
- .e-btn-group .e-btn:disabled.e-info,
532
- .e-btn-group input:disabled + label.e-btn.e-info,
533
- .e-css.e-btn-group .e-btn:disabled.e-info,
534
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
535
- background: #075985;
536
- border-color: #075985;
537
- box-shadow: none;
538
- color: #000;
539
- border-color: #0ea5e9;
540
- }
541
- .e-btn-group .e-btn:disabled.e-warning,
542
- .e-btn-group input:disabled + label.e-btn.e-warning,
543
- .e-css.e-btn-group .e-btn:disabled.e-warning,
544
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
545
- background: #9a3412;
546
- border-color: #9a3412;
547
- box-shadow: none;
548
- color: #000;
549
- border-color: #ea580c;
550
- }
551
- .e-btn-group .e-btn:disabled.e-danger,
552
- .e-btn-group input:disabled + label.e-btn.e-danger,
553
- .e-css.e-btn-group .e-btn:disabled.e-danger,
554
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
555
- background: #991b1b;
556
- border-color: #991b1b;
557
- box-shadow: none;
558
- color: #000;
559
- border-color: #f87171;
560
- }
561
- .e-btn-group .e-btn:disabled.e-link,
562
- .e-btn-group input:disabled + label.e-btn.e-link,
563
- .e-css.e-btn-group .e-btn:disabled.e-link,
564
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
565
- color: #6b7280;
566
- background: transparent;
567
- box-shadow: none;
568
- text-decoration: none;
569
- border-color: transparent;
570
- }
571
- .e-btn-group .e-btn:disabled.e-outline,
572
- .e-btn-group input:disabled + label.e-btn.e-outline,
573
- .e-css.e-btn-group .e-btn:disabled.e-outline,
574
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
575
- background: transparent;
576
- border-color: #374151;
577
- color: #6b7280;
578
- border-color: #6b7280;
579
- }
580
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
581
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
582
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
583
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
584
- background: transparent;
585
- border-color: rgba(34, 211, 238, 0.65);
586
- box-shadow: none;
587
- color: rgba(34, 211, 238, 0.65);
588
- border-color: #22d3ee;
589
- }
590
- .e-btn-group .e-btn:disabled.e-outline.e-success,
591
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
592
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
593
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
594
- background: transparent;
595
- border-color: rgba(34, 197, 94, 0.65);
596
- box-shadow: none;
597
- color: rgba(34, 197, 94, 0.65);
598
- border-color: #22c55e;
599
- }
600
- .e-btn-group .e-btn:disabled.e-outline.e-info,
601
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
602
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
603
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
604
- background: transparent;
605
- border-color: rgba(14, 165, 233, 0.65);
606
- box-shadow: none;
607
- color: rgba(56, 189, 248, 0.65);
608
- border-color: #0ea5e9;
609
- }
610
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
611
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
612
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
613
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
614
- background: transparent;
615
- border-color: rgba(234, 88, 12, 0.65);
616
- box-shadow: none;
617
- color: rgba(249, 115, 22, 0.65);
618
- border-color: #ea580c;
619
- }
620
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
621
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
622
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
623
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
624
- background: transparent;
625
- border-color: rgba(248, 113, 113, 0.65);
626
- box-shadow: none;
627
- color: rgba(248, 113, 113, 0.65);
628
- border-color: #f87171;
629
- }
630
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
631
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
632
- border-left: transparent;
633
- border-right: transparent;
634
- }
635
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
636
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
637
- border-right: transparent;
638
- }
639
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
640
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
641
- border-left: transparent;
642
- }
643
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
644
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
645
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
646
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
647
- border-color: #6b7280;
648
- outline-color: inherit;
649
- }
650
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
651
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
652
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
653
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
654
- border-color: #22d3ee;
655
- outline-color: inherit;
656
- }
657
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
658
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
659
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
660
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
661
- border-color: #22c55e;
662
- outline-color: inherit;
663
- }
664
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
665
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
666
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
667
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
668
- border-color: #0ea5e9;
669
- outline-color: inherit;
670
- }
671
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
672
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
673
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
674
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
675
- border-color: #ea580c;
676
- outline-color: inherit;
677
- }
678
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
679
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
680
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
681
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
682
- border-color: #f87171;
683
- outline-color: inherit;
684
- }
685
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
686
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
687
- border-bottom: transparent;
688
- border-top: transparent;
689
- }
690
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
691
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
692
- border-bottom: transparent;
693
- }
694
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
695
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
696
- border-top: transparent;
697
- }
698
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
699
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
700
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
701
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
702
- border-color: #6b7280;
703
- outline-color: inherit;
704
- }
705
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
706
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
707
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
708
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
709
- border-color: #22d3ee;
710
- outline-color: inherit;
711
- }
712
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
713
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
714
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
715
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
716
- border-color: #22c55e;
717
- outline-color: inherit;
718
- }
719
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
720
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
721
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
722
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
723
- border-color: #0ea5e9;
724
- outline-color: inherit;
725
- }
726
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
727
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
728
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
729
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
730
- border-color: #ea580c;
731
- outline-color: inherit;
732
- }
733
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
734
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
735
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
736
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
737
- border-color: #f87171;
738
- outline-color: inherit;
739
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/button-group/tailwind-dark.css';