@syncfusion/ej2-react-splitbuttons 23.2.4 → 24.1.41

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