@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.7

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 (107) hide show
  1. package/dist/ej2-splitbuttons.min.js +2 -2
  2. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-splitbuttons.es2015.js +15 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +15 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-splitbuttons.min.js +2 -2
  9. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +3 -3
  12. package/src/drop-down-button/drop-down-button.js +9 -1
  13. package/src/split-button/split-button.js +6 -0
  14. package/styles/bds-lite.css +702 -702
  15. package/styles/bds.css +702 -702
  16. package/styles/bootstrap-dark-lite.css +227 -227
  17. package/styles/bootstrap-dark.css +227 -227
  18. package/styles/bootstrap-lite.css +227 -227
  19. package/styles/bootstrap.css +227 -227
  20. package/styles/bootstrap4-lite.css +235 -235
  21. package/styles/bootstrap4.css +235 -235
  22. package/styles/bootstrap5-dark-lite.css +235 -235
  23. package/styles/bootstrap5-dark.css +235 -235
  24. package/styles/bootstrap5-lite.css +235 -235
  25. package/styles/bootstrap5.3-lite.css +708 -708
  26. package/styles/bootstrap5.3.css +708 -708
  27. package/styles/bootstrap5.css +235 -235
  28. package/styles/button-group/_all.bds.scss +1 -1
  29. package/styles/button-group/_all.bootstrap-dark.scss +1 -1
  30. package/styles/button-group/_all.bootstrap.scss +1 -1
  31. package/styles/button-group/_all.bootstrap4.scss +1 -1
  32. package/styles/button-group/_all.bootstrap5-dark.scss +1 -1
  33. package/styles/button-group/_all.bootstrap5.3.scss +1 -1
  34. package/styles/button-group/_all.bootstrap5.scss +1 -1
  35. package/styles/button-group/_all.fabric-dark.scss +1 -1
  36. package/styles/button-group/_all.fabric.scss +1 -1
  37. package/styles/button-group/_all.fluent-dark.scss +1 -1
  38. package/styles/button-group/_all.fluent.scss +1 -1
  39. package/styles/button-group/_all.fluent2.scss +1 -1
  40. package/styles/button-group/_all.highcontrast-light.scss +1 -1
  41. package/styles/button-group/_all.highcontrast.scss +1 -1
  42. package/styles/button-group/_all.material-dark.scss +1 -1
  43. package/styles/button-group/_all.material.scss +1 -1
  44. package/styles/button-group/_all.material3-dark.scss +1 -1
  45. package/styles/button-group/_all.material3.scss +1 -1
  46. package/styles/button-group/_all.tailwind-dark.scss +1 -1
  47. package/styles/button-group/_all.tailwind.scss +1 -1
  48. package/styles/button-group/_all.tailwind3.scss +1 -1
  49. package/styles/button-group/_bigger.scss +1 -0
  50. package/styles/button-group/_layout.scss +1 -0
  51. package/styles/button-group/_theme.scss +1 -0
  52. package/styles/button-group/bds.css +702 -702
  53. package/styles/button-group/bootstrap-dark.css +227 -227
  54. package/styles/button-group/bootstrap.css +227 -227
  55. package/styles/button-group/bootstrap4.css +235 -235
  56. package/styles/button-group/bootstrap5-dark.css +235 -235
  57. package/styles/button-group/bootstrap5.3.css +708 -708
  58. package/styles/button-group/bootstrap5.css +235 -235
  59. package/styles/button-group/fabric-dark.css +227 -227
  60. package/styles/button-group/fabric.css +227 -227
  61. package/styles/button-group/fluent-dark.css +227 -227
  62. package/styles/button-group/fluent.css +227 -227
  63. package/styles/button-group/fluent2.css +729 -729
  64. package/styles/button-group/highcontrast-light.css +227 -227
  65. package/styles/button-group/highcontrast.css +227 -227
  66. package/styles/button-group/material-dark.css +227 -227
  67. package/styles/button-group/material.css +227 -227
  68. package/styles/button-group/material3-dark.css +850 -850
  69. package/styles/button-group/material3.css +850 -850
  70. package/styles/button-group/tailwind-dark.css +235 -235
  71. package/styles/button-group/tailwind.css +235 -235
  72. package/styles/button-group/tailwind3.css +745 -745
  73. package/styles/drop-down-button/_bigger.scss +1 -0
  74. package/styles/drop-down-button/_layout.scss +1 -0
  75. package/styles/drop-down-button/_theme.scss +1 -0
  76. package/styles/fabric-dark-lite.css +227 -227
  77. package/styles/fabric-dark.css +227 -227
  78. package/styles/fabric-lite.css +227 -227
  79. package/styles/fabric.css +227 -227
  80. package/styles/fluent-dark-lite.css +227 -227
  81. package/styles/fluent-dark.css +227 -227
  82. package/styles/fluent-lite.css +227 -227
  83. package/styles/fluent.css +227 -227
  84. package/styles/fluent2-lite.css +729 -729
  85. package/styles/fluent2.css +729 -729
  86. package/styles/highcontrast-light-lite.css +227 -227
  87. package/styles/highcontrast-light.css +227 -227
  88. package/styles/highcontrast-lite.css +227 -227
  89. package/styles/highcontrast.css +227 -227
  90. package/styles/material-dark-lite.css +227 -227
  91. package/styles/material-dark.css +227 -227
  92. package/styles/material-lite.css +227 -227
  93. package/styles/material.css +227 -227
  94. package/styles/material3-dark-lite.css +850 -850
  95. package/styles/material3-dark.css +850 -850
  96. package/styles/material3-lite.css +850 -850
  97. package/styles/material3.css +850 -850
  98. package/styles/progress-button/_bigger.scss +1 -0
  99. package/styles/split-button/_bigger.scss +1 -0
  100. package/styles/split-button/_layout.scss +1 -0
  101. package/styles/split-button/_theme.scss +1 -0
  102. package/styles/tailwind-dark-lite.css +235 -235
  103. package/styles/tailwind-dark.css +235 -235
  104. package/styles/tailwind-lite.css +235 -235
  105. package/styles/tailwind.css +235 -235
  106. package/styles/tailwind3-lite.css +745 -745
  107. package/styles/tailwind3.css +745 -745
package/styles/button-group/tailwind3.css CHANGED
@@ -147,605 +147,238 @@
147
147
 
148
148
 
149
149
  /* stylelint-disable */
150
- .e-btn-group:not(.e-outline),
151
- .e-css.e-btn-group:not(.e-outline) {
152
- -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
153
- box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
154
- }
155
- .e-btn-group .e-btn:hover,
156
- .e-css.e-btn-group .e-btn:hover {
157
- -webkit-box-shadow: none;
158
- box-shadow: none;
159
- }
160
- .e-btn-group .e-btn:focus,
161
- .e-btn-group input:focus-visible + label.e-btn,
162
- .e-btn-group input:focus + label.e-btn,
163
- .e-css.e-btn-group .e-btn:focus,
164
- .e-css.e-btn-group input:focus-visible + label.e-btn,
165
- .e-css.e-btn-group input:focus + label.e-btn {
166
- background: var(--color-sf-secondary-bg-color-focus);
167
- border-color: var(--color-sf-secondary-border-color);
168
- color: var(--color-sf-secondary-text-color-focus);
169
- outline: var(--color-sf-secondary-bg-color) 0 solid;
170
- outline-offset: 0;
171
- outline-color: inherit;
172
- background: var(--color-sf-secondary-bg-color);
173
- color: var(--color-sf-secondary-text-color);
174
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
175
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
176
- }
177
- .e-btn-group .e-btn:focus.e-primary,
178
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
179
- .e-btn-group input:focus + label.e-btn.e-primary,
180
- .e-css.e-btn-group .e-btn:focus.e-primary,
181
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
182
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
183
- background: var(--color-sf-primary-bg-color-focus);
184
- border-color: var(--color-sf-primary-border-color-focus);
185
- color: var(--color-sf-primary-text-focus);
186
- outline: var(--color-sf-secondary-bg-color) 0 solid;
187
- outline-color: inherit;
188
- background: var(--color-sf-primary-bg-color);
189
- color: var(--color-sf-primary-text-color);
190
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
191
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
192
- }
193
- .e-btn-group .e-btn:focus.e-success,
194
- .e-btn-group input:focus-visible + label.e-btn.e-success,
195
- .e-btn-group input:focus + label.e-btn.e-success,
196
- .e-css.e-btn-group .e-btn:focus.e-success,
197
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
198
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
199
- background: var(--color-sf-success-bg-color-focus);
200
- border-color: var(--color-sf-success-border-color-focus);
201
- color: var(--color-sf-success-text-hover);
202
- outline-color: inherit;
203
- background: var(--color-sf-success-bg-color);
204
- color: var(--color-sf-success-text);
205
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
206
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
207
- }
208
- .e-btn-group .e-btn:focus.e-info,
209
- .e-btn-group input:focus-visible + label.e-btn.e-info,
210
- .e-btn-group input:focus + label.e-btn.e-info,
211
- .e-css.e-btn-group .e-btn:focus.e-info,
212
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
213
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
214
- background: var(--color-sf-info-bg-color-focus);
215
- border-color: var(--color-sf-info-border-color-focus);
216
- color: var(--color-sf-info-text-hover);
217
- outline-color: inherit;
218
- background: var(--color-sf-info-bg-color);
219
- color: var(--color-sf-info-text);
220
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
221
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
222
- }
223
- .e-btn-group .e-btn:focus.e-warning,
224
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
225
- .e-btn-group input:focus + label.e-btn.e-warning,
226
- .e-css.e-btn-group .e-btn:focus.e-warning,
227
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
228
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
229
- background: var(--color-sf-warning-bg-color-focus);
230
- border-color: var(--color-sf-warning-border-color-focus);
231
- color: var(--color-sf-warning-text-hover);
232
- outline-color: inherit;
233
- background: var(--color-sf-warning-bg-color);
234
- color: var(--color-sf-warning-text);
235
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
236
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
237
- }
238
- .e-btn-group .e-btn:focus.e-danger,
239
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
240
- .e-btn-group input:focus + label.e-btn.e-danger,
241
- .e-css.e-btn-group .e-btn:focus.e-danger,
242
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
243
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
244
- background: var(--color-sf-danger-bg-color-focus);
245
- border-color: var(--color-sf-danger-border-color-focus);
246
- color: var(--color-sf-danger-text-hover);
247
- outline-color: inherit;
248
- background: var(--color-sf-danger-bg-color);
249
- color: var(--color-sf-danger-text);
250
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
251
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
252
- }
253
- .e-btn-group .e-btn:focus.e-link,
254
- .e-btn-group input:focus-visible + label.e-btn.e-link,
255
- .e-btn-group input:focus + label.e-btn.e-link,
256
- .e-css.e-btn-group .e-btn:focus.e-link,
257
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
258
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
259
- border-radius: 0;
260
- text-decoration: underline;
261
- color: var(--color-sf-primary-border-color-hover);
262
- background-color: transparent;
263
- border-color: transparent;
264
- -webkit-box-shadow: none;
265
- box-shadow: none;
266
- outline: none;
267
- }
268
- .e-btn-group .e-btn:focus.e-outline,
269
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
270
- .e-btn-group input:focus + label.e-btn.e-outline,
271
- .e-css.e-btn-group .e-btn:focus.e-outline,
272
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
273
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
274
- background: var(--color-sf-secondary-bg-color-focus);
275
- border: 1px solid var(--color-sf-secondary-border-color-focus);
276
- color: var(--color-sf-secondary-text-color-focus);
277
- background: var(--color-sf-transparent);
278
- color: var(--color-sf-secondary-text-color);
279
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
280
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
281
- }
282
- .e-btn-group .e-btn:focus.e-outline.e-primary,
283
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
284
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
285
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
286
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
287
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
288
- background: var(--color-sf-primary-bg-color-focus);
289
- border: 1px solid var(--color-sf-primary-border-color-focus);
290
- color: var(--color-sf-primary-text-focus);
291
- background: var(--color-sf-transparent);
292
- color: var(--color-sf-primary-bg-color);
293
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
294
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
295
- }
296
- .e-btn-group .e-btn:focus.e-outline.e-success,
297
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
298
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
299
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
300
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
301
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
302
- background: var(--color-sf-success-bg-color-focus);
303
- border: 1px solid var(--color-sf-success-border-color-focus);
304
- color: var(--color-sf-success-text-focus);
305
- background: var(--color-sf-transparent);
306
- color: var(--color-sf-success-bg-color);
307
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
308
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
309
- }
310
- .e-btn-group .e-btn:focus.e-outline.e-info,
311
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
312
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
313
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
314
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
315
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
316
- background: var(--color-sf-info-bg-color-focus);
317
- border: 1px solid var(--color-sf-info-border-color-focus);
318
- color: var(--color-sf-info-text-focus);
319
- background: var(--color-sf-transparent);
320
- color: var(--color-sf-info-bg-color);
321
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
322
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
323
- }
324
- .e-btn-group .e-btn:focus.e-outline.e-warning,
325
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
326
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
327
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
328
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
329
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
330
- background: var(--color-sf-warning-bg-color-focus);
331
- border: 1px solid var(--color-sf-warning-border-color-focus);
332
- color: var(--color-sf-warning-text-focus);
333
- background: var(--color-sf-transparent);
334
- color: var(--color-sf-warning-bg-color);
335
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
336
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
337
- }
338
- .e-btn-group .e-btn:focus.e-outline.e-danger,
339
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
340
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
341
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
342
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
343
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
344
- background: var(--color-sf-danger-bg-color-focus);
345
- border: 1px solid var(--color-sf-danger-border-color-focus);
346
- color: var(--color-sf-danger-text-focus);
347
- background: var(--color-sf-transparent);
348
- color: var(--color-sf-danger-bg-color);
349
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
350
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
351
- }
352
- .e-btn-group .e-btn:active,
353
- .e-btn-group input:active + label.e-btn,
354
- .e-btn-group input:checked + label.e-btn,
355
- .e-css.e-btn-group .e-btn:active,
356
- .e-css.e-btn-group input:active + label.e-btn,
357
- .e-css.e-btn-group input:checked + label.e-btn {
358
- background: var(--color-sf-secondary-bg-color-pressed);
359
- border-color: var(--color-sf-secondary-border-color-pressed);
360
- color: var(--color-sf-secondary-text-color-pressed);
361
- outline: var(--color-sf-secondary-bg-color) 0 solid;
362
- outline-offset: 0;
363
- }
364
- .e-btn-group .e-btn:active.e-primary,
365
- .e-btn-group input:active + label.e-btn.e-primary,
366
- .e-btn-group input:checked + label.e-btn.e-primary,
367
- .e-css.e-btn-group .e-btn:active.e-primary,
368
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
369
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
370
- background: var(--color-sf-primary-bg-color-pressed);
371
- border-color: var(--color-sf-primary-border-color-pressed);
372
- color: var(--color-sf-primary-text-pressed);
373
- outline: var(--color-sf-secondary-bg-color) 0 solid;
374
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
375
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
376
- }
377
- .e-btn-group .e-btn:active.e-success,
378
- .e-btn-group input:active + label.e-btn.e-success,
379
- .e-btn-group input:checked + label.e-btn.e-success,
380
- .e-css.e-btn-group .e-btn:active.e-success,
381
- .e-css.e-btn-group input:active + label.e-btn.e-success,
382
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
383
- background: var(--color-sf-success-bg-color-pressed);
384
- border-color: var(--color-sf-success-border-color-pressed);
385
- color: var(--color-sf-success-text);
386
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
387
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
150
+ *.e-btn-group,
151
+ *.e-css.e-btn-group {
152
+ display: -webkit-inline-box;
153
+ display: -ms-inline-flexbox;
154
+ display: inline-flex;
155
+ border-radius: 4px;
156
+ -webkit-box-orient: horizontal;
157
+ -webkit-box-direction: normal;
158
+ -ms-flex-direction: row;
159
+ flex-direction: row;
160
+ position: relative;
388
161
  }
389
- .e-btn-group .e-btn:active.e-info,
390
- .e-btn-group input:active + label.e-btn.e-info,
391
- .e-btn-group input:checked + label.e-btn.e-info,
392
- .e-css.e-btn-group .e-btn:active.e-info,
393
- .e-css.e-btn-group input:active + label.e-btn.e-info,
394
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
395
- background: var(--color-sf-info-bg-color-pressed);
396
- color: var(--color-sf-info-text-pressed);
397
- border-color: var(--color-sf-info-border-color-pressed);
398
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
399
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
162
+ *.e-btn-group input:focus + label.e-btn,
163
+ *.e-btn-group .e-btn:focus,
164
+ *.e-btn-group .e-btn:hover,
165
+ *.e-css.e-btn-group input:focus + label.e-btn,
166
+ *.e-css.e-btn-group .e-btn:focus,
167
+ *.e-css.e-btn-group .e-btn:hover {
168
+ z-index: 2;
400
169
  }
401
- .e-btn-group .e-btn:active.e-warning,
402
- .e-btn-group input:active + label.e-btn.e-warning,
403
- .e-btn-group input:checked + label.e-btn.e-warning,
404
- .e-css.e-btn-group .e-btn:active.e-warning,
405
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
406
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
407
- background: var(--color-sf-warning-bg-color-pressed);
408
- border-color: var(--color-sf-warning-border-color-pressed);
409
- color: var(--color-sf-warning-text-pressed);
410
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
411
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
170
+ *.e-btn-group input + label.e-btn,
171
+ *.e-css.e-btn-group input + label.e-btn {
172
+ margin-bottom: 0;
412
173
  }
413
- .e-btn-group .e-btn:active.e-danger,
414
- .e-btn-group input:active + label.e-btn.e-danger,
415
- .e-btn-group input:checked + label.e-btn.e-danger,
416
- .e-css.e-btn-group .e-btn:active.e-danger,
417
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
418
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
419
- background: var(--color-sf-danger-bg-color-pressed);
420
- border-color: var(--color-sf-danger-border-color-pressed);
421
- color: var(--color-sf-danger-text-pressed);
422
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
423
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
174
+ *.e-btn-group input,
175
+ *.e-css.e-btn-group input {
176
+ -moz-appearance: none;
177
+ height: 1px;
178
+ margin: 0 0 0 -1px;
179
+ opacity: 0;
180
+ position: absolute;
181
+ width: 1px;
424
182
  }
425
- .e-btn-group .e-btn:active.e-outline,
426
- .e-btn-group input:active + label.e-btn.e-outline,
427
- .e-btn-group input:checked + label.e-btn.e-outline,
428
- .e-css.e-btn-group .e-btn:active.e-outline,
429
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
430
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
431
- background: var(--color-sf-secondary-bg-color-pressed);
432
- border-color: var(--color-sf-secondary-border-color-pressed);
433
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
434
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
435
- color: var(--color-sf-secondary-text-color-pressed);
183
+ *.e-btn-group input:disabled + label.e-btn,
184
+ *.e-btn-group :disabled,
185
+ *.e-css.e-btn-group input:disabled + label.e-btn,
186
+ *.e-css.e-btn-group :disabled {
187
+ cursor: default;
188
+ pointer-events: none;
436
189
  }
437
- .e-btn-group .e-btn:active.e-outline.e-primary,
438
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
439
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
440
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
441
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
442
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
443
- background: var(--color-sf-primary-bg-color-pressed);
444
- border-color: var(--color-sf-primary-border-color-pressed);
445
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
446
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
447
- color: var(--color-sf-primary-text-pressed);
190
+ *.e-btn-group .e-btn-icon,
191
+ *.e-css.e-btn-group .e-btn-icon {
192
+ font-size: 16px;
448
193
  }
449
- .e-btn-group .e-btn:active.e-outline.e-success,
450
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
451
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
452
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
453
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
454
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
455
- background: var(--color-sf-success-bg-color-pressed);
456
- border-color: var(--color-sf-success-border-color-pressed);
457
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
458
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
459
- color: var(--color-sf-success-text);
194
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
195
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
196
+ margin-left: -1px;
460
197
  }
461
- .e-btn-group .e-btn:active.e-outline.e-info,
462
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
463
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
464
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
465
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
466
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
467
- background: var(--color-sf-info-bg-color-pressed);
468
- border-color: var(--color-sf-info-border-color-pressed);
469
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
470
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
471
- color: var(--color-sf-info-text-pressed);
198
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
199
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
200
+ border-radius: calc(var(--e-radius) * 0);
472
201
  }
473
- .e-btn-group .e-btn:active.e-outline.e-warning,
474
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
475
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
476
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
477
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
478
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
479
- background: var(--color-sf-warning-bg-color-pressed);
480
- border-color: var(--color-sf-warning-border-color-pressed);
481
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
482
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
483
- color: var(--color-sf-warning-text-pressed);
202
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
203
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
204
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
205
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
206
+ border-top-right-radius: calc(var(--e-radius) * 0);
484
207
  }
485
- .e-btn-group .e-btn:active.e-outline.e-danger,
486
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
487
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
488
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
489
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
490
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
491
- background: var(--color-sf-danger-bg-color-pressed);
492
- border-color: var(--color-sf-danger-border-color-pressed);
493
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
494
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
495
- color: var(--color-sf-danger-text-pressed);
208
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
209
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
210
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
211
+ border-top-left-radius: calc(var(--e-radius) * 0);
496
212
  }
497
- .e-btn-group .e-btn:disabled,
498
- .e-btn-group input:disabled + label.e-btn,
499
- .e-css.e-btn-group .e-btn:disabled,
500
- .e-css.e-btn-group input:disabled + label.e-btn {
501
- background-color: var(--color-sf-secondary-bg-color-disabled);
502
- border-color: var(--color-sf-secondary-border-color-disabled);
503
- -webkit-box-shadow: none;
504
- box-shadow: none;
505
- color: var(--color-sf-secondary-text-color-disabled);
506
- border-color: var(--color-sf-secondary-border-color);
213
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
214
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
215
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
216
+ border-top-left-radius: calc(var(--e-radius) * 0);
507
217
  }
508
- .e-btn-group .e-btn:disabled.e-primary,
509
- .e-btn-group input:disabled + label.e-btn.e-primary,
510
- .e-css.e-btn-group .e-btn:disabled.e-primary,
511
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
512
- background: var(--color-sf-primary-bg-color-disabled);
513
- border-color: var(--color-sf-primary-border-color-disabled);
514
- -webkit-box-shadow: none;
515
- box-shadow: none;
516
- color: var(--color-sf-primary-text-disabled);
218
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
219
+ *.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 {
220
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
221
+ border-top-right-radius: calc(var(--e-radius) * 0);
517
222
  }
518
- .e-btn-group .e-btn:disabled.e-success,
519
- .e-btn-group input:disabled + label.e-btn.e-success,
520
- .e-css.e-btn-group .e-btn:disabled.e-success,
521
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
522
- background: var(--color-sf-success-bg-color-disabled);
523
- border-color: var(--color-sf-success-border-color-disabled);
524
- -webkit-box-shadow: none;
525
- box-shadow: none;
526
- color: var(--color-sf-success-text-disabled);
223
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
224
+ *.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 {
225
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
226
+ border-top-left-radius: calc(var(--e-radius) * 0);
527
227
  }
528
- .e-btn-group .e-btn:disabled.e-info,
529
- .e-btn-group input:disabled + label.e-btn.e-info,
530
- .e-css.e-btn-group .e-btn:disabled.e-info,
531
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
532
- background: var(--color-sf-info-bg-color-disabled);
533
- border-color: var(--color-sf-content-bg-color);
534
- -webkit-box-shadow: none;
535
- box-shadow: none;
536
- color: var(--color-sf-info-text-disabled);
228
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
229
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
230
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
231
+ border-top-right-radius: calc(var(--e-radius) * 0);
537
232
  }
538
- .e-btn-group .e-btn:disabled.e-warning,
539
- .e-btn-group input:disabled + label.e-btn.e-warning,
540
- .e-css.e-btn-group .e-btn:disabled.e-warning,
541
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
542
- background: var(--color-sf-warning-bg-color-disabled);
543
- border-color: var(--color-sf-warning-border-color-disabled);
544
- -webkit-box-shadow: none;
545
- box-shadow: none;
546
- color: var(--color-sf-warning-text-disabled);
233
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
234
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
235
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
236
+ border-top-left-radius: calc(var(--e-radius) * 0);
547
237
  }
548
- .e-btn-group .e-btn:disabled.e-danger,
549
- .e-btn-group input:disabled + label.e-btn.e-danger,
550
- .e-css.e-btn-group .e-btn:disabled.e-danger,
551
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
552
- background: var(--color-sf-danger-bg-color-disabled);
553
- border-color: var(--color-sf-danger-border-color-disabled);
554
- -webkit-box-shadow: none;
555
- box-shadow: none;
556
- color: var(--color-sf-warning-text-disabled);
238
+ *.e-btn-group.e-rtl .e-btn,
239
+ *.e-css.e-btn-group.e-rtl .e-btn {
240
+ margin-left: -1px;
557
241
  }
558
- .e-btn-group .e-btn:disabled.e-link,
559
- .e-btn-group input:disabled + label.e-btn.e-link,
560
- .e-css.e-btn-group .e-btn:disabled.e-link,
561
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
562
- color: var(--color-sf-content-bg-color-alt5);
563
- background: transparent;
564
- -webkit-box-shadow: none;
565
- box-shadow: none;
566
- text-decoration: none;
242
+ *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
243
+ *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
244
+ border-radius: calc(var(--e-radius) * 0);
567
245
  }
568
- .e-btn-group .e-btn:disabled.e-outline,
569
- .e-btn-group input:disabled + label.e-btn.e-outline,
570
- .e-css.e-btn-group .e-btn:disabled.e-outline,
571
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
572
- background: transparent;
573
- border: 1px solid var(--color-sf-secondary-border-color-disabled);
574
- color: var(--color-sf-secondary-text-color-disabled);
575
- border-color: var(--color-sf-secondary-border-color);
246
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
247
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
248
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
249
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
250
+ border-top-left-radius: calc(var(--e-radius) * 0);
576
251
  }
577
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
578
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
579
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
580
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
581
- background: transparent;
582
- border-color: rgba(var(--color-sf-primary), 0.65);
583
- -webkit-box-shadow: none;
584
- box-shadow: none;
585
- color: var(--color-sf-primary-bg-color-disabled);
252
+ *.e-btn-group.e-rtl .e-btn:last-of-type,
253
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
254
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
255
+ border-top-right-radius: calc(var(--e-radius) * 0);
586
256
  }
587
- .e-btn-group .e-btn:disabled.e-outline.e-success,
588
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
589
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
590
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
591
- background: transparent;
592
- border-color: rgba(var(--color-sf-success-bg-color), 0.65);
593
- -webkit-box-shadow: none;
594
- box-shadow: none;
595
- color: var(--color-sf-success-bg-color-disabled);
257
+ *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
258
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
259
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
260
+ border-top-right-radius: calc(var(--e-radius) * 0);
596
261
  }
597
- .e-btn-group .e-btn:disabled.e-outline.e-info,
598
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
599
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
600
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
601
- background: transparent;
602
- border-color: rgba(var(--color-sf-info-bg-color), 0.65);
603
- -webkit-box-shadow: none;
604
- box-shadow: none;
605
- color: var(--color-sf-info-bg-color-disabled);
262
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
263
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
264
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
265
+ border-top-left-radius: calc(var(--e-radius) * 0);
606
266
  }
607
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
608
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
609
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
610
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
611
- background: transparent;
612
- border-color: rgba(var(--color-sf-warning-bg-color), 0.65);
613
- -webkit-box-shadow: none;
614
- box-shadow: none;
615
- color: var(--color-sf-warning-bg-color-disabled);
267
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
268
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
269
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
270
+ border-top-right-radius: calc(var(--e-radius) * 0);
616
271
  }
617
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
618
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
619
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
620
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
621
- background: transparent;
622
- border-color: rgba(var(--color-sf-danger-bg-color), 0.65);
623
- -webkit-box-shadow: none;
624
- box-shadow: none;
625
- color: var(--color-sf-danger-bg-color-disabled);
272
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
273
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
274
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
275
+ border-top-left-radius: calc(var(--e-radius) * 0);
626
276
  }
627
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
628
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
629
- border-left: transparent;
630
- border-right: transparent;
277
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
278
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
279
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
280
+ border-top-right-radius: calc(var(--e-radius) * 0);
631
281
  }
632
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
633
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
634
- border-right: transparent;
282
+ *.e-btn-group.e-vertical,
283
+ *.e-css.e-btn-group.e-vertical {
284
+ -webkit-box-orient: vertical;
285
+ -webkit-box-direction: normal;
286
+ -ms-flex-direction: column;
287
+ flex-direction: column;
635
288
  }
636
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
637
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
638
- border-left: transparent;
289
+ *.e-btn-group.e-vertical input,
290
+ *.e-css.e-btn-group.e-vertical input {
291
+ margin: -1px 0 0;
639
292
  }
640
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
641
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
642
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
643
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
644
- border-color: var(--color-sf-secondary-border-color);
645
- outline-color: inherit;
293
+ *.e-btn-group.e-vertical .e-btn:not(.e-outline),
294
+ *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
295
+ margin-top: -1px;
646
296
  }
647
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
648
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
649
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
650
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
651
- border-color: var(--color-sf-primary);
652
- outline-color: inherit;
297
+ *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
298
+ *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
299
+ border-radius: calc(var(--e-radius) * 0);
653
300
  }
654
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
655
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
656
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
657
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
658
- border-color: var(--color-sf-success-border-color-focus);
659
- outline-color: inherit;
301
+ *.e-btn-group.e-vertical .e-btn:first-of-type,
302
+ *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
303
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
304
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
305
+ border-top-left-radius: calc(var(--e-radius) * 0.125);
306
+ border-top-right-radius: calc(var(--e-radius) * 0.125);
660
307
  }
661
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
662
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
663
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
664
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
665
- border-color: var(--color-sf-info-border-color-focus);
666
- outline-color: inherit;
308
+ *.e-btn-group.e-vertical .e-btn:last-of-type,
309
+ *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
310
+ border-bottom-left-radius: calc(var(--e-radius) * 0.125);
311
+ border-bottom-right-radius: calc(var(--e-radius) * 0.125);
312
+ border-top-left-radius: calc(var(--e-radius) * 0);
313
+ border-top-right-radius: calc(var(--e-radius) * 0);
667
314
  }
668
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
669
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
670
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
671
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
672
- border-color: var(--color-sf-warning-border-color-focus);
673
- outline-color: inherit;
315
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
316
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
317
+ border-radius: calc(var(--e-radius) * 1.25);
674
318
  }
675
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
676
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
677
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
678
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
679
- border-color: var(--color-sf-danger-border-color-focus);
680
- outline-color: inherit;
319
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
320
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
321
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
322
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
681
323
  }
682
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
683
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
684
- border-bottom: transparent;
685
- border-top: transparent;
324
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
325
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
326
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
327
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
686
328
  }
687
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
688
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
689
- border-bottom: transparent;
329
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
330
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
331
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
332
+ border-top-right-radius: calc(var(--e-radius) * 0);
690
333
  }
691
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
692
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
693
- border-top: transparent;
334
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
335
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
336
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
337
+ border-top-left-radius: calc(var(--e-radius) * 0);
694
338
  }
695
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
696
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
697
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
698
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
699
- border-color: var(--color-sf-secondary-border-color);
700
- outline-color: inherit;
339
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
340
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
341
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
342
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
701
343
  }
702
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
703
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
704
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
705
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
706
- border-color: var(--color-sf-primary);
707
- outline-color: inherit;
344
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
345
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
346
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
347
+ border-top-right-radius: calc(var(--e-radius) * 0);
708
348
  }
709
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
710
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
711
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
712
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
713
- border-color: var(--color-sf-success-border-color-focus);
714
- outline-color: inherit;
349
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
350
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
351
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
352
+ border-top-left-radius: calc(var(--e-radius) * 0);
715
353
  }
716
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
717
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
718
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
719
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
720
- border-color: var(--color-sf-info-border-color-focus);
721
- outline-color: inherit;
354
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
355
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
356
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
357
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
722
358
  }
723
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
724
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
725
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
726
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
727
- border-color: var(--color-sf-warning-border-color-focus);
728
- outline-color: inherit;
359
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
360
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
361
+ border-radius: calc(var(--e-radius) * 1.25);
729
362
  }
730
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
731
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
732
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
733
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
734
- border-color: var(--color-sf-danger-border-color-focus);
735
- outline-color: inherit;
363
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
364
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
365
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
366
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
736
367
  }
737
- .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
738
- .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
739
- border-left: transparent;
740
- border-right: transparent;
368
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
369
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
370
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
371
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
741
372
  }
742
- .e-btn-group.e-rtl .e-btn:first-of-type,
743
- .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
744
- border-left: transparent;
373
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
374
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
375
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
376
+ border-top-left-radius: calc(var(--e-radius) * 0);
745
377
  }
746
- .e-btn-group.e-rtl .e-btn:last-of-type,
747
- .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
748
- border-right: transparent;
378
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
379
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
380
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
381
+ border-top-right-radius: calc(var(--e-radius) * 0);
749
382
  }
750
383
 
751
384
 
@@ -823,238 +456,605 @@
823
456
 
824
457
 
825
458
  /* stylelint-disable */
826
- *.e-btn-group,
827
- *.e-css.e-btn-group {
828
- display: -webkit-inline-box;
829
- display: -ms-inline-flexbox;
830
- display: inline-flex;
831
- border-radius: 4px;
832
- -webkit-box-orient: horizontal;
833
- -webkit-box-direction: normal;
834
- -ms-flex-direction: row;
835
- flex-direction: row;
836
- position: relative;
459
+ .e-btn-group:not(.e-outline),
460
+ .e-css.e-btn-group:not(.e-outline) {
461
+ -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
462
+ box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
463
+ }
464
+ .e-btn-group .e-btn:hover,
465
+ .e-css.e-btn-group .e-btn:hover {
466
+ -webkit-box-shadow: none;
467
+ box-shadow: none;
468
+ }
469
+ .e-btn-group .e-btn:focus,
470
+ .e-btn-group input:focus-visible + label.e-btn,
471
+ .e-btn-group input:focus + label.e-btn,
472
+ .e-css.e-btn-group .e-btn:focus,
473
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
474
+ .e-css.e-btn-group input:focus + label.e-btn {
475
+ background: var(--color-sf-secondary-bg-color-focus);
476
+ border-color: var(--color-sf-secondary-border-color);
477
+ color: var(--color-sf-secondary-text-color-focus);
478
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
479
+ outline-offset: 0;
480
+ outline-color: inherit;
481
+ background: var(--color-sf-secondary-bg-color);
482
+ color: var(--color-sf-secondary-text-color);
483
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
484
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
485
+ }
486
+ .e-btn-group .e-btn:focus.e-primary,
487
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
488
+ .e-btn-group input:focus + label.e-btn.e-primary,
489
+ .e-css.e-btn-group .e-btn:focus.e-primary,
490
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
491
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
492
+ background: var(--color-sf-primary-bg-color-focus);
493
+ border-color: var(--color-sf-primary-border-color-focus);
494
+ color: var(--color-sf-primary-text-focus);
495
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
496
+ outline-color: inherit;
497
+ background: var(--color-sf-primary-bg-color);
498
+ color: var(--color-sf-primary-text-color);
499
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
500
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
501
+ }
502
+ .e-btn-group .e-btn:focus.e-success,
503
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
504
+ .e-btn-group input:focus + label.e-btn.e-success,
505
+ .e-css.e-btn-group .e-btn:focus.e-success,
506
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
507
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
508
+ background: var(--color-sf-success-bg-color-focus);
509
+ border-color: var(--color-sf-success-border-color-focus);
510
+ color: var(--color-sf-success-text-hover);
511
+ outline-color: inherit;
512
+ background: var(--color-sf-success-bg-color);
513
+ color: var(--color-sf-success-text);
514
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
515
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
516
+ }
517
+ .e-btn-group .e-btn:focus.e-info,
518
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
519
+ .e-btn-group input:focus + label.e-btn.e-info,
520
+ .e-css.e-btn-group .e-btn:focus.e-info,
521
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
522
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
523
+ background: var(--color-sf-info-bg-color-focus);
524
+ border-color: var(--color-sf-info-border-color-focus);
525
+ color: var(--color-sf-info-text-hover);
526
+ outline-color: inherit;
527
+ background: var(--color-sf-info-bg-color);
528
+ color: var(--color-sf-info-text);
529
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
530
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
531
+ }
532
+ .e-btn-group .e-btn:focus.e-warning,
533
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
534
+ .e-btn-group input:focus + label.e-btn.e-warning,
535
+ .e-css.e-btn-group .e-btn:focus.e-warning,
536
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
537
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
538
+ background: var(--color-sf-warning-bg-color-focus);
539
+ border-color: var(--color-sf-warning-border-color-focus);
540
+ color: var(--color-sf-warning-text-hover);
541
+ outline-color: inherit;
542
+ background: var(--color-sf-warning-bg-color);
543
+ color: var(--color-sf-warning-text);
544
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
545
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
546
+ }
547
+ .e-btn-group .e-btn:focus.e-danger,
548
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
549
+ .e-btn-group input:focus + label.e-btn.e-danger,
550
+ .e-css.e-btn-group .e-btn:focus.e-danger,
551
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
552
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
553
+ background: var(--color-sf-danger-bg-color-focus);
554
+ border-color: var(--color-sf-danger-border-color-focus);
555
+ color: var(--color-sf-danger-text-hover);
556
+ outline-color: inherit;
557
+ background: var(--color-sf-danger-bg-color);
558
+ color: var(--color-sf-danger-text);
559
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
560
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
561
+ }
562
+ .e-btn-group .e-btn:focus.e-link,
563
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
564
+ .e-btn-group input:focus + label.e-btn.e-link,
565
+ .e-css.e-btn-group .e-btn:focus.e-link,
566
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
567
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
568
+ border-radius: 0;
569
+ text-decoration: underline;
570
+ color: var(--color-sf-primary-border-color-hover);
571
+ background-color: transparent;
572
+ border-color: transparent;
573
+ -webkit-box-shadow: none;
574
+ box-shadow: none;
575
+ outline: none;
576
+ }
577
+ .e-btn-group .e-btn:focus.e-outline,
578
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
579
+ .e-btn-group input:focus + label.e-btn.e-outline,
580
+ .e-css.e-btn-group .e-btn:focus.e-outline,
581
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
582
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
583
+ background: var(--color-sf-secondary-bg-color-focus);
584
+ border: 1px solid var(--color-sf-secondary-border-color-focus);
585
+ color: var(--color-sf-secondary-text-color-focus);
586
+ background: var(--color-sf-transparent);
587
+ color: var(--color-sf-secondary-text-color);
588
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
589
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
590
+ }
591
+ .e-btn-group .e-btn:focus.e-outline.e-primary,
592
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
593
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
594
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
595
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
596
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
597
+ background: var(--color-sf-primary-bg-color-focus);
598
+ border: 1px solid var(--color-sf-primary-border-color-focus);
599
+ color: var(--color-sf-primary-text-focus);
600
+ background: var(--color-sf-transparent);
601
+ color: var(--color-sf-primary-bg-color);
602
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
603
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
604
+ }
605
+ .e-btn-group .e-btn:focus.e-outline.e-success,
606
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
607
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
608
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
609
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
610
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
611
+ background: var(--color-sf-success-bg-color-focus);
612
+ border: 1px solid var(--color-sf-success-border-color-focus);
613
+ color: var(--color-sf-success-text-focus);
614
+ background: var(--color-sf-transparent);
615
+ color: var(--color-sf-success-bg-color);
616
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
617
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
618
+ }
619
+ .e-btn-group .e-btn:focus.e-outline.e-info,
620
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
621
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
622
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
623
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
624
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
625
+ background: var(--color-sf-info-bg-color-focus);
626
+ border: 1px solid var(--color-sf-info-border-color-focus);
627
+ color: var(--color-sf-info-text-focus);
628
+ background: var(--color-sf-transparent);
629
+ color: var(--color-sf-info-bg-color);
630
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
631
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
632
+ }
633
+ .e-btn-group .e-btn:focus.e-outline.e-warning,
634
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
635
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
636
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
637
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
638
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
639
+ background: var(--color-sf-warning-bg-color-focus);
640
+ border: 1px solid var(--color-sf-warning-border-color-focus);
641
+ color: var(--color-sf-warning-text-focus);
642
+ background: var(--color-sf-transparent);
643
+ color: var(--color-sf-warning-bg-color);
644
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
645
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
646
+ }
647
+ .e-btn-group .e-btn:focus.e-outline.e-danger,
648
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
649
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
650
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
651
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
652
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
653
+ background: var(--color-sf-danger-bg-color-focus);
654
+ border: 1px solid var(--color-sf-danger-border-color-focus);
655
+ color: var(--color-sf-danger-text-focus);
656
+ background: var(--color-sf-transparent);
657
+ color: var(--color-sf-danger-bg-color);
658
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
659
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
660
+ }
661
+ .e-btn-group .e-btn:active,
662
+ .e-btn-group input:active + label.e-btn,
663
+ .e-btn-group input:checked + label.e-btn,
664
+ .e-css.e-btn-group .e-btn:active,
665
+ .e-css.e-btn-group input:active + label.e-btn,
666
+ .e-css.e-btn-group input:checked + label.e-btn {
667
+ background: var(--color-sf-secondary-bg-color-pressed);
668
+ border-color: var(--color-sf-secondary-border-color-pressed);
669
+ color: var(--color-sf-secondary-text-color-pressed);
670
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
671
+ outline-offset: 0;
672
+ }
673
+ .e-btn-group .e-btn:active.e-primary,
674
+ .e-btn-group input:active + label.e-btn.e-primary,
675
+ .e-btn-group input:checked + label.e-btn.e-primary,
676
+ .e-css.e-btn-group .e-btn:active.e-primary,
677
+ .e-css.e-btn-group input:active + label.e-btn.e-primary,
678
+ .e-css.e-btn-group input:checked + label.e-btn.e-primary {
679
+ background: var(--color-sf-primary-bg-color-pressed);
680
+ border-color: var(--color-sf-primary-border-color-pressed);
681
+ color: var(--color-sf-primary-text-pressed);
682
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
683
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
684
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
837
685
  }
838
- *.e-btn-group input:focus + label.e-btn,
839
- *.e-btn-group .e-btn:focus,
840
- *.e-btn-group .e-btn:hover,
841
- *.e-css.e-btn-group input:focus + label.e-btn,
842
- *.e-css.e-btn-group .e-btn:focus,
843
- *.e-css.e-btn-group .e-btn:hover {
844
- z-index: 2;
686
+ .e-btn-group .e-btn:active.e-success,
687
+ .e-btn-group input:active + label.e-btn.e-success,
688
+ .e-btn-group input:checked + label.e-btn.e-success,
689
+ .e-css.e-btn-group .e-btn:active.e-success,
690
+ .e-css.e-btn-group input:active + label.e-btn.e-success,
691
+ .e-css.e-btn-group input:checked + label.e-btn.e-success {
692
+ background: var(--color-sf-success-bg-color-pressed);
693
+ border-color: var(--color-sf-success-border-color-pressed);
694
+ color: var(--color-sf-success-text);
695
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
696
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
845
697
  }
846
- *.e-btn-group input + label.e-btn,
847
- *.e-css.e-btn-group input + label.e-btn {
848
- margin-bottom: 0;
698
+ .e-btn-group .e-btn:active.e-info,
699
+ .e-btn-group input:active + label.e-btn.e-info,
700
+ .e-btn-group input:checked + label.e-btn.e-info,
701
+ .e-css.e-btn-group .e-btn:active.e-info,
702
+ .e-css.e-btn-group input:active + label.e-btn.e-info,
703
+ .e-css.e-btn-group input:checked + label.e-btn.e-info {
704
+ background: var(--color-sf-info-bg-color-pressed);
705
+ color: var(--color-sf-info-text-pressed);
706
+ border-color: var(--color-sf-info-border-color-pressed);
707
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
708
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
849
709
  }
850
- *.e-btn-group input,
851
- *.e-css.e-btn-group input {
852
- -moz-appearance: none;
853
- height: 1px;
854
- margin: 0 0 0 -1px;
855
- opacity: 0;
856
- position: absolute;
857
- width: 1px;
710
+ .e-btn-group .e-btn:active.e-warning,
711
+ .e-btn-group input:active + label.e-btn.e-warning,
712
+ .e-btn-group input:checked + label.e-btn.e-warning,
713
+ .e-css.e-btn-group .e-btn:active.e-warning,
714
+ .e-css.e-btn-group input:active + label.e-btn.e-warning,
715
+ .e-css.e-btn-group input:checked + label.e-btn.e-warning {
716
+ background: var(--color-sf-warning-bg-color-pressed);
717
+ border-color: var(--color-sf-warning-border-color-pressed);
718
+ color: var(--color-sf-warning-text-pressed);
719
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
720
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
858
721
  }
859
- *.e-btn-group input:disabled + label.e-btn,
860
- *.e-btn-group :disabled,
861
- *.e-css.e-btn-group input:disabled + label.e-btn,
862
- *.e-css.e-btn-group :disabled {
863
- cursor: default;
864
- pointer-events: none;
722
+ .e-btn-group .e-btn:active.e-danger,
723
+ .e-btn-group input:active + label.e-btn.e-danger,
724
+ .e-btn-group input:checked + label.e-btn.e-danger,
725
+ .e-css.e-btn-group .e-btn:active.e-danger,
726
+ .e-css.e-btn-group input:active + label.e-btn.e-danger,
727
+ .e-css.e-btn-group input:checked + label.e-btn.e-danger {
728
+ background: var(--color-sf-danger-bg-color-pressed);
729
+ border-color: var(--color-sf-danger-border-color-pressed);
730
+ color: var(--color-sf-danger-text-pressed);
731
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
732
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
865
733
  }
866
- *.e-btn-group .e-btn-icon,
867
- *.e-css.e-btn-group .e-btn-icon {
868
- font-size: 16px;
734
+ .e-btn-group .e-btn:active.e-outline,
735
+ .e-btn-group input:active + label.e-btn.e-outline,
736
+ .e-btn-group input:checked + label.e-btn.e-outline,
737
+ .e-css.e-btn-group .e-btn:active.e-outline,
738
+ .e-css.e-btn-group input:active + label.e-btn.e-outline,
739
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline {
740
+ background: var(--color-sf-secondary-bg-color-pressed);
741
+ border-color: var(--color-sf-secondary-border-color-pressed);
742
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
743
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
744
+ color: var(--color-sf-secondary-text-color-pressed);
869
745
  }
870
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
871
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
872
- margin-left: -1px;
746
+ .e-btn-group .e-btn:active.e-outline.e-primary,
747
+ .e-btn-group input:active + label.e-btn.e-outline.e-primary,
748
+ .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
749
+ .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
750
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
751
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
752
+ background: var(--color-sf-primary-bg-color-pressed);
753
+ border-color: var(--color-sf-primary-border-color-pressed);
754
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
755
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
756
+ color: var(--color-sf-primary-text-pressed);
873
757
  }
874
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
875
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
876
- border-radius: calc(var(--e-radius) * 0);
758
+ .e-btn-group .e-btn:active.e-outline.e-success,
759
+ .e-btn-group input:active + label.e-btn.e-outline.e-success,
760
+ .e-btn-group input:checked + label.e-btn.e-outline.e-success,
761
+ .e-css.e-btn-group .e-btn:active.e-outline.e-success,
762
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
763
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
764
+ background: var(--color-sf-success-bg-color-pressed);
765
+ border-color: var(--color-sf-success-border-color-pressed);
766
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
767
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
768
+ color: var(--color-sf-success-text);
877
769
  }
878
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
879
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
880
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
881
- border-bottom-right-radius: calc(var(--e-radius) * 0);
882
- border-top-right-radius: calc(var(--e-radius) * 0);
770
+ .e-btn-group .e-btn:active.e-outline.e-info,
771
+ .e-btn-group input:active + label.e-btn.e-outline.e-info,
772
+ .e-btn-group input:checked + label.e-btn.e-outline.e-info,
773
+ .e-css.e-btn-group .e-btn:active.e-outline.e-info,
774
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
775
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
776
+ background: var(--color-sf-info-bg-color-pressed);
777
+ border-color: var(--color-sf-info-border-color-pressed);
778
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
779
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
780
+ color: var(--color-sf-info-text-pressed);
883
781
  }
884
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
885
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
886
- border-bottom-left-radius: calc(var(--e-radius) * 0);
887
- border-top-left-radius: calc(var(--e-radius) * 0);
782
+ .e-btn-group .e-btn:active.e-outline.e-warning,
783
+ .e-btn-group input:active + label.e-btn.e-outline.e-warning,
784
+ .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
785
+ .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
786
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
787
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
788
+ background: var(--color-sf-warning-bg-color-pressed);
789
+ border-color: var(--color-sf-warning-border-color-pressed);
790
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
791
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
792
+ color: var(--color-sf-warning-text-pressed);
888
793
  }
889
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
890
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
891
- border-bottom-left-radius: calc(var(--e-radius) * 0);
892
- border-top-left-radius: calc(var(--e-radius) * 0);
794
+ .e-btn-group .e-btn:active.e-outline.e-danger,
795
+ .e-btn-group input:active + label.e-btn.e-outline.e-danger,
796
+ .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
797
+ .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
798
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
799
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
800
+ background: var(--color-sf-danger-bg-color-pressed);
801
+ border-color: var(--color-sf-danger-border-color-pressed);
802
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
803
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
804
+ color: var(--color-sf-danger-text-pressed);
893
805
  }
894
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
895
- *.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 {
896
- border-bottom-right-radius: calc(var(--e-radius) * 0);
897
- border-top-right-radius: calc(var(--e-radius) * 0);
806
+ .e-btn-group .e-btn:disabled,
807
+ .e-btn-group input:disabled + label.e-btn,
808
+ .e-css.e-btn-group .e-btn:disabled,
809
+ .e-css.e-btn-group input:disabled + label.e-btn {
810
+ background-color: var(--color-sf-secondary-bg-color-disabled);
811
+ border-color: var(--color-sf-secondary-border-color-disabled);
812
+ -webkit-box-shadow: none;
813
+ box-shadow: none;
814
+ color: var(--color-sf-secondary-text-color-disabled);
815
+ border-color: var(--color-sf-secondary-border-color);
898
816
  }
899
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
900
- *.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 {
901
- border-bottom-left-radius: calc(var(--e-radius) * 0);
902
- border-top-left-radius: calc(var(--e-radius) * 0);
817
+ .e-btn-group .e-btn:disabled.e-primary,
818
+ .e-btn-group input:disabled + label.e-btn.e-primary,
819
+ .e-css.e-btn-group .e-btn:disabled.e-primary,
820
+ .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
821
+ background: var(--color-sf-primary-bg-color-disabled);
822
+ border-color: var(--color-sf-primary-border-color-disabled);
823
+ -webkit-box-shadow: none;
824
+ box-shadow: none;
825
+ color: var(--color-sf-primary-text-disabled);
903
826
  }
904
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
905
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
906
- border-bottom-right-radius: calc(var(--e-radius) * 0);
907
- border-top-right-radius: calc(var(--e-radius) * 0);
827
+ .e-btn-group .e-btn:disabled.e-success,
828
+ .e-btn-group input:disabled + label.e-btn.e-success,
829
+ .e-css.e-btn-group .e-btn:disabled.e-success,
830
+ .e-css.e-btn-group input:disabled + label.e-btn.e-success {
831
+ background: var(--color-sf-success-bg-color-disabled);
832
+ border-color: var(--color-sf-success-border-color-disabled);
833
+ -webkit-box-shadow: none;
834
+ box-shadow: none;
835
+ color: var(--color-sf-success-text-disabled);
908
836
  }
909
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
910
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
911
- border-bottom-left-radius: calc(var(--e-radius) * 0);
912
- border-top-left-radius: calc(var(--e-radius) * 0);
837
+ .e-btn-group .e-btn:disabled.e-info,
838
+ .e-btn-group input:disabled + label.e-btn.e-info,
839
+ .e-css.e-btn-group .e-btn:disabled.e-info,
840
+ .e-css.e-btn-group input:disabled + label.e-btn.e-info {
841
+ background: var(--color-sf-info-bg-color-disabled);
842
+ border-color: var(--color-sf-content-bg-color);
843
+ -webkit-box-shadow: none;
844
+ box-shadow: none;
845
+ color: var(--color-sf-info-text-disabled);
913
846
  }
914
- *.e-btn-group.e-rtl .e-btn,
915
- *.e-css.e-btn-group.e-rtl .e-btn {
916
- margin-left: -1px;
847
+ .e-btn-group .e-btn:disabled.e-warning,
848
+ .e-btn-group input:disabled + label.e-btn.e-warning,
849
+ .e-css.e-btn-group .e-btn:disabled.e-warning,
850
+ .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
851
+ background: var(--color-sf-warning-bg-color-disabled);
852
+ border-color: var(--color-sf-warning-border-color-disabled);
853
+ -webkit-box-shadow: none;
854
+ box-shadow: none;
855
+ color: var(--color-sf-warning-text-disabled);
917
856
  }
918
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
919
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
920
- border-radius: calc(var(--e-radius) * 0);
857
+ .e-btn-group .e-btn:disabled.e-danger,
858
+ .e-btn-group input:disabled + label.e-btn.e-danger,
859
+ .e-css.e-btn-group .e-btn:disabled.e-danger,
860
+ .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
861
+ background: var(--color-sf-danger-bg-color-disabled);
862
+ border-color: var(--color-sf-danger-border-color-disabled);
863
+ -webkit-box-shadow: none;
864
+ box-shadow: none;
865
+ color: var(--color-sf-warning-text-disabled);
921
866
  }
922
- *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
923
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
924
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
925
- border-bottom-left-radius: calc(var(--e-radius) * 0);
926
- border-top-left-radius: calc(var(--e-radius) * 0);
867
+ .e-btn-group .e-btn:disabled.e-link,
868
+ .e-btn-group input:disabled + label.e-btn.e-link,
869
+ .e-css.e-btn-group .e-btn:disabled.e-link,
870
+ .e-css.e-btn-group input:disabled + label.e-btn.e-link {
871
+ color: var(--color-sf-content-bg-color-alt5);
872
+ background: transparent;
873
+ -webkit-box-shadow: none;
874
+ box-shadow: none;
875
+ text-decoration: none;
876
+ }
877
+ .e-btn-group .e-btn:disabled.e-outline,
878
+ .e-btn-group input:disabled + label.e-btn.e-outline,
879
+ .e-css.e-btn-group .e-btn:disabled.e-outline,
880
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
881
+ background: transparent;
882
+ border: 1px solid var(--color-sf-secondary-border-color-disabled);
883
+ color: var(--color-sf-secondary-text-color-disabled);
884
+ border-color: var(--color-sf-secondary-border-color);
927
885
  }
928
- *.e-btn-group.e-rtl .e-btn:last-of-type,
929
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
930
- border-bottom-right-radius: calc(var(--e-radius) * 0);
931
- border-top-right-radius: calc(var(--e-radius) * 0);
886
+ .e-btn-group .e-btn:disabled.e-outline.e-primary,
887
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
888
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
889
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
890
+ background: transparent;
891
+ border-color: rgba(var(--color-sf-primary), 0.65);
892
+ -webkit-box-shadow: none;
893
+ box-shadow: none;
894
+ color: var(--color-sf-primary-bg-color-disabled);
932
895
  }
933
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
934
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
935
- border-bottom-right-radius: calc(var(--e-radius) * 0);
936
- border-top-right-radius: calc(var(--e-radius) * 0);
896
+ .e-btn-group .e-btn:disabled.e-outline.e-success,
897
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
898
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
899
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
900
+ background: transparent;
901
+ border-color: rgba(var(--color-sf-success-bg-color), 0.65);
902
+ -webkit-box-shadow: none;
903
+ box-shadow: none;
904
+ color: var(--color-sf-success-bg-color-disabled);
937
905
  }
938
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
939
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
940
- border-bottom-left-radius: calc(var(--e-radius) * 0);
941
- border-top-left-radius: calc(var(--e-radius) * 0);
906
+ .e-btn-group .e-btn:disabled.e-outline.e-info,
907
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
908
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
909
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
910
+ background: transparent;
911
+ border-color: rgba(var(--color-sf-info-bg-color), 0.65);
912
+ -webkit-box-shadow: none;
913
+ box-shadow: none;
914
+ color: var(--color-sf-info-bg-color-disabled);
942
915
  }
943
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
944
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
945
- border-bottom-right-radius: calc(var(--e-radius) * 0);
946
- border-top-right-radius: calc(var(--e-radius) * 0);
916
+ .e-btn-group .e-btn:disabled.e-outline.e-warning,
917
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
918
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
919
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
920
+ background: transparent;
921
+ border-color: rgba(var(--color-sf-warning-bg-color), 0.65);
922
+ -webkit-box-shadow: none;
923
+ box-shadow: none;
924
+ color: var(--color-sf-warning-bg-color-disabled);
947
925
  }
948
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
949
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
950
- border-bottom-left-radius: calc(var(--e-radius) * 0);
951
- border-top-left-radius: calc(var(--e-radius) * 0);
926
+ .e-btn-group .e-btn:disabled.e-outline.e-danger,
927
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
928
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
929
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
930
+ background: transparent;
931
+ border-color: rgba(var(--color-sf-danger-bg-color), 0.65);
932
+ -webkit-box-shadow: none;
933
+ box-shadow: none;
934
+ color: var(--color-sf-danger-bg-color-disabled);
952
935
  }
953
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
954
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
955
- border-bottom-right-radius: calc(var(--e-radius) * 0);
956
- border-top-right-radius: calc(var(--e-radius) * 0);
936
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
937
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
938
+ border-left: transparent;
939
+ border-right: transparent;
957
940
  }
958
- *.e-btn-group.e-vertical,
959
- *.e-css.e-btn-group.e-vertical {
960
- -webkit-box-orient: vertical;
961
- -webkit-box-direction: normal;
962
- -ms-flex-direction: column;
963
- flex-direction: column;
941
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
942
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
943
+ border-right: transparent;
964
944
  }
965
- *.e-btn-group.e-vertical input,
966
- *.e-css.e-btn-group.e-vertical input {
967
- margin: -1px 0 0;
945
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
946
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
947
+ border-left: transparent;
968
948
  }
969
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
970
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
971
- margin-top: -1px;
949
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
950
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
951
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
952
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
953
+ border-color: var(--color-sf-secondary-border-color);
954
+ outline-color: inherit;
972
955
  }
973
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
974
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
975
- border-radius: calc(var(--e-radius) * 0);
956
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
957
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
958
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
959
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
960
+ border-color: var(--color-sf-primary);
961
+ outline-color: inherit;
976
962
  }
977
- *.e-btn-group.e-vertical .e-btn:first-of-type,
978
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
979
- border-bottom-left-radius: calc(var(--e-radius) * 0);
980
- border-bottom-right-radius: calc(var(--e-radius) * 0);
981
- border-top-left-radius: calc(var(--e-radius) * 0.125);
982
- border-top-right-radius: calc(var(--e-radius) * 0.125);
963
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
964
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
965
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
966
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
967
+ border-color: var(--color-sf-success-border-color-focus);
968
+ outline-color: inherit;
983
969
  }
984
- *.e-btn-group.e-vertical .e-btn:last-of-type,
985
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
986
- border-bottom-left-radius: calc(var(--e-radius) * 0.125);
987
- border-bottom-right-radius: calc(var(--e-radius) * 0.125);
988
- border-top-left-radius: calc(var(--e-radius) * 0);
989
- border-top-right-radius: calc(var(--e-radius) * 0);
970
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
971
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
972
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
973
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
974
+ border-color: var(--color-sf-info-border-color-focus);
975
+ outline-color: inherit;
990
976
  }
991
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
992
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
993
- border-radius: calc(var(--e-radius) * 1.25);
977
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
978
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
979
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
980
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
981
+ border-color: var(--color-sf-warning-border-color-focus);
982
+ outline-color: inherit;
994
983
  }
995
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
996
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
997
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
998
- border-top-left-radius: calc(var(--e-radius) * 1.25);
984
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
985
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
986
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
987
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
988
+ border-color: var(--color-sf-danger-border-color-focus);
989
+ outline-color: inherit;
999
990
  }
1000
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
1001
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
1002
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1003
- border-top-right-radius: calc(var(--e-radius) * 1.25);
991
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
992
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
993
+ border-bottom: transparent;
994
+ border-top: transparent;
1004
995
  }
1005
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
1006
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
1007
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1008
- border-top-right-radius: calc(var(--e-radius) * 0);
996
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
997
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
998
+ border-bottom: transparent;
1009
999
  }
1010
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
1011
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
1012
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1013
- border-top-left-radius: calc(var(--e-radius) * 0);
1000
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1001
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1002
+ border-top: transparent;
1014
1003
  }
1015
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
1016
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
1017
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1018
- border-top-left-radius: calc(var(--e-radius) * 1.25);
1004
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1005
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1006
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1007
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1008
+ border-color: var(--color-sf-secondary-border-color);
1009
+ outline-color: inherit;
1019
1010
  }
1020
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
1021
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
1022
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1023
- border-top-right-radius: calc(var(--e-radius) * 0);
1011
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1012
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1013
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1014
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1015
+ border-color: var(--color-sf-primary);
1016
+ outline-color: inherit;
1024
1017
  }
1025
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
1026
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
1027
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1028
- border-top-left-radius: calc(var(--e-radius) * 0);
1018
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1019
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1020
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1021
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1022
+ border-color: var(--color-sf-success-border-color-focus);
1023
+ outline-color: inherit;
1029
1024
  }
1030
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
1031
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
1032
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1033
- border-top-right-radius: calc(var(--e-radius) * 1.25);
1025
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1026
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1027
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1028
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1029
+ border-color: var(--color-sf-info-border-color-focus);
1030
+ outline-color: inherit;
1034
1031
  }
1035
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
1036
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
1037
- border-radius: calc(var(--e-radius) * 1.25);
1032
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1033
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1034
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1035
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1036
+ border-color: var(--color-sf-warning-border-color-focus);
1037
+ outline-color: inherit;
1038
1038
  }
1039
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
1040
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
1041
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1042
- border-top-right-radius: calc(var(--e-radius) * 1.25);
1039
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1040
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1041
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1042
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1043
+ border-color: var(--color-sf-danger-border-color-focus);
1044
+ outline-color: inherit;
1043
1045
  }
1044
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
1045
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
1046
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1047
- border-top-left-radius: calc(var(--e-radius) * 1.25);
1046
+ .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1047
+ .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1048
+ border-left: transparent;
1049
+ border-right: transparent;
1048
1050
  }
1049
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
1050
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
1051
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1052
- border-top-left-radius: calc(var(--e-radius) * 0);
1051
+ .e-btn-group.e-rtl .e-btn:first-of-type,
1052
+ .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
1053
+ border-left: transparent;
1053
1054
  }
1054
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
1055
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
1056
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1057
- border-top-right-radius: calc(var(--e-radius) * 0);
1055
+ .e-btn-group.e-rtl .e-btn:last-of-type,
1056
+ .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1057
+ border-right: transparent;
1058
1058
  }
1059
1059
 
1060
1060