@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.3

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 (99) hide show
  1. package/dist/ej2-splitbuttons.min.js +1 -1
  2. package/dist/ej2-splitbuttons.umd.min.js +1 -1
  3. package/dist/global/ej2-splitbuttons.min.js +1 -1
  4. package/dist/global/index.d.ts +1 -1
  5. package/package.json +3 -3
  6. package/styles/bds-lite.css +702 -702
  7. package/styles/bds.css +702 -702
  8. package/styles/bootstrap-dark-lite.css +227 -227
  9. package/styles/bootstrap-dark.css +227 -227
  10. package/styles/bootstrap-lite.css +227 -227
  11. package/styles/bootstrap.css +227 -227
  12. package/styles/bootstrap4-lite.css +235 -235
  13. package/styles/bootstrap4.css +235 -235
  14. package/styles/bootstrap5-dark-lite.css +235 -235
  15. package/styles/bootstrap5-dark.css +235 -235
  16. package/styles/bootstrap5-lite.css +235 -235
  17. package/styles/bootstrap5.3-lite.css +708 -708
  18. package/styles/bootstrap5.3.css +708 -708
  19. package/styles/bootstrap5.css +235 -235
  20. package/styles/button-group/_all.bds.scss +1 -1
  21. package/styles/button-group/_all.bootstrap-dark.scss +1 -1
  22. package/styles/button-group/_all.bootstrap.scss +1 -1
  23. package/styles/button-group/_all.bootstrap4.scss +1 -1
  24. package/styles/button-group/_all.bootstrap5-dark.scss +1 -1
  25. package/styles/button-group/_all.bootstrap5.3.scss +1 -1
  26. package/styles/button-group/_all.bootstrap5.scss +1 -1
  27. package/styles/button-group/_all.fabric-dark.scss +1 -1
  28. package/styles/button-group/_all.fabric.scss +1 -1
  29. package/styles/button-group/_all.fluent-dark.scss +1 -1
  30. package/styles/button-group/_all.fluent.scss +1 -1
  31. package/styles/button-group/_all.fluent2.scss +1 -1
  32. package/styles/button-group/_all.highcontrast-light.scss +1 -1
  33. package/styles/button-group/_all.highcontrast.scss +1 -1
  34. package/styles/button-group/_all.material-dark.scss +1 -1
  35. package/styles/button-group/_all.material.scss +1 -1
  36. package/styles/button-group/_all.material3-dark.scss +1 -1
  37. package/styles/button-group/_all.material3.scss +1 -1
  38. package/styles/button-group/_all.tailwind-dark.scss +1 -1
  39. package/styles/button-group/_all.tailwind.scss +1 -1
  40. package/styles/button-group/_all.tailwind3.scss +1 -1
  41. package/styles/button-group/_bigger.scss +1 -0
  42. package/styles/button-group/_layout.scss +1 -0
  43. package/styles/button-group/_theme.scss +1 -0
  44. package/styles/button-group/bds.css +702 -702
  45. package/styles/button-group/bootstrap-dark.css +227 -227
  46. package/styles/button-group/bootstrap.css +227 -227
  47. package/styles/button-group/bootstrap4.css +235 -235
  48. package/styles/button-group/bootstrap5-dark.css +235 -235
  49. package/styles/button-group/bootstrap5.3.css +708 -708
  50. package/styles/button-group/bootstrap5.css +235 -235
  51. package/styles/button-group/fabric-dark.css +227 -227
  52. package/styles/button-group/fabric.css +227 -227
  53. package/styles/button-group/fluent-dark.css +227 -227
  54. package/styles/button-group/fluent.css +227 -227
  55. package/styles/button-group/fluent2.css +729 -729
  56. package/styles/button-group/highcontrast-light.css +227 -227
  57. package/styles/button-group/highcontrast.css +227 -227
  58. package/styles/button-group/material-dark.css +227 -227
  59. package/styles/button-group/material.css +227 -227
  60. package/styles/button-group/material3-dark.css +850 -850
  61. package/styles/button-group/material3.css +850 -850
  62. package/styles/button-group/tailwind-dark.css +235 -235
  63. package/styles/button-group/tailwind.css +235 -235
  64. package/styles/button-group/tailwind3.css +745 -745
  65. package/styles/drop-down-button/_bigger.scss +1 -0
  66. package/styles/drop-down-button/_layout.scss +1 -0
  67. package/styles/drop-down-button/_theme.scss +1 -0
  68. package/styles/fabric-dark-lite.css +227 -227
  69. package/styles/fabric-dark.css +227 -227
  70. package/styles/fabric-lite.css +227 -227
  71. package/styles/fabric.css +227 -227
  72. package/styles/fluent-dark-lite.css +227 -227
  73. package/styles/fluent-dark.css +227 -227
  74. package/styles/fluent-lite.css +227 -227
  75. package/styles/fluent.css +227 -227
  76. package/styles/fluent2-lite.css +729 -729
  77. package/styles/fluent2.css +729 -729
  78. package/styles/highcontrast-light-lite.css +227 -227
  79. package/styles/highcontrast-light.css +227 -227
  80. package/styles/highcontrast-lite.css +227 -227
  81. package/styles/highcontrast.css +227 -227
  82. package/styles/material-dark-lite.css +227 -227
  83. package/styles/material-dark.css +227 -227
  84. package/styles/material-lite.css +227 -227
  85. package/styles/material.css +227 -227
  86. package/styles/material3-dark-lite.css +850 -850
  87. package/styles/material3-dark.css +850 -850
  88. package/styles/material3-lite.css +850 -850
  89. package/styles/material3.css +850 -850
  90. package/styles/progress-button/_bigger.scss +1 -0
  91. package/styles/split-button/_bigger.scss +1 -0
  92. package/styles/split-button/_layout.scss +1 -0
  93. package/styles/split-button/_theme.scss +1 -0
  94. package/styles/tailwind-dark-lite.css +235 -235
  95. package/styles/tailwind-dark.css +235 -235
  96. package/styles/tailwind-lite.css +235 -235
  97. package/styles/tailwind.css +235 -235
  98. package/styles/tailwind3-lite.css +745 -745
  99. package/styles/tailwind3.css +745 -745
package/styles/tailwind3.css CHANGED
@@ -1218,605 +1218,238 @@
1218
1218
 
1219
1219
 
1220
1220
  /* stylelint-disable */
1221
- .e-btn-group:not(.e-outline),
1222
- .e-css.e-btn-group:not(.e-outline) {
1223
- -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1224
- box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1225
- }
1226
- .e-btn-group .e-btn:hover,
1227
- .e-css.e-btn-group .e-btn:hover {
1228
- -webkit-box-shadow: none;
1229
- box-shadow: none;
1230
- }
1231
- .e-btn-group .e-btn:focus,
1232
- .e-btn-group input:focus-visible + label.e-btn,
1233
- .e-btn-group input:focus + label.e-btn,
1234
- .e-css.e-btn-group .e-btn:focus,
1235
- .e-css.e-btn-group input:focus-visible + label.e-btn,
1236
- .e-css.e-btn-group input:focus + label.e-btn {
1237
- background: var(--color-sf-secondary-bg-color-focus);
1238
- border-color: var(--color-sf-secondary-border-color);
1239
- color: var(--color-sf-secondary-text-color-focus);
1240
- outline: var(--color-sf-secondary-bg-color) 0 solid;
1241
- outline-offset: 0;
1242
- outline-color: inherit;
1243
- background: var(--color-sf-secondary-bg-color);
1244
- color: var(--color-sf-secondary-text-color);
1245
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1246
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1247
- }
1248
- .e-btn-group .e-btn:focus.e-primary,
1249
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
1250
- .e-btn-group input:focus + label.e-btn.e-primary,
1251
- .e-css.e-btn-group .e-btn:focus.e-primary,
1252
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1253
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1254
- background: var(--color-sf-primary-bg-color-focus);
1255
- border-color: var(--color-sf-primary-border-color-focus);
1256
- color: var(--color-sf-primary-text-focus);
1257
- outline: var(--color-sf-secondary-bg-color) 0 solid;
1258
- outline-color: inherit;
1259
- background: var(--color-sf-primary-bg-color);
1260
- color: var(--color-sf-primary-text-color);
1261
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1262
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1263
- }
1264
- .e-btn-group .e-btn:focus.e-success,
1265
- .e-btn-group input:focus-visible + label.e-btn.e-success,
1266
- .e-btn-group input:focus + label.e-btn.e-success,
1267
- .e-css.e-btn-group .e-btn:focus.e-success,
1268
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1269
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
1270
- background: var(--color-sf-success-bg-color-focus);
1271
- border-color: var(--color-sf-success-border-color-focus);
1272
- color: var(--color-sf-success-text-hover);
1273
- outline-color: inherit;
1274
- background: var(--color-sf-success-bg-color);
1275
- color: var(--color-sf-success-text);
1276
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1277
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1278
- }
1279
- .e-btn-group .e-btn:focus.e-info,
1280
- .e-btn-group input:focus-visible + label.e-btn.e-info,
1281
- .e-btn-group input:focus + label.e-btn.e-info,
1282
- .e-css.e-btn-group .e-btn:focus.e-info,
1283
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1284
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
1285
- background: var(--color-sf-info-bg-color-focus);
1286
- border-color: var(--color-sf-info-border-color-focus);
1287
- color: var(--color-sf-info-text-hover);
1288
- outline-color: inherit;
1289
- background: var(--color-sf-info-bg-color);
1290
- color: var(--color-sf-info-text);
1291
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1292
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1293
- }
1294
- .e-btn-group .e-btn:focus.e-warning,
1295
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1296
- .e-btn-group input:focus + label.e-btn.e-warning,
1297
- .e-css.e-btn-group .e-btn:focus.e-warning,
1298
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1299
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1300
- background: var(--color-sf-warning-bg-color-focus);
1301
- border-color: var(--color-sf-warning-border-color-focus);
1302
- color: var(--color-sf-warning-text-hover);
1303
- outline-color: inherit;
1304
- background: var(--color-sf-warning-bg-color);
1305
- color: var(--color-sf-warning-text);
1306
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1307
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1308
- }
1309
- .e-btn-group .e-btn:focus.e-danger,
1310
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1311
- .e-btn-group input:focus + label.e-btn.e-danger,
1312
- .e-css.e-btn-group .e-btn:focus.e-danger,
1313
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1314
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1315
- background: var(--color-sf-danger-bg-color-focus);
1316
- border-color: var(--color-sf-danger-border-color-focus);
1317
- color: var(--color-sf-danger-text-hover);
1318
- outline-color: inherit;
1319
- background: var(--color-sf-danger-bg-color);
1320
- color: var(--color-sf-danger-text);
1321
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1322
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1323
- }
1324
- .e-btn-group .e-btn:focus.e-link,
1325
- .e-btn-group input:focus-visible + label.e-btn.e-link,
1326
- .e-btn-group input:focus + label.e-btn.e-link,
1327
- .e-css.e-btn-group .e-btn:focus.e-link,
1328
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1329
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
1330
- border-radius: 0;
1331
- text-decoration: underline;
1332
- color: var(--color-sf-primary-border-color-hover);
1333
- background-color: transparent;
1334
- border-color: transparent;
1335
- -webkit-box-shadow: none;
1336
- box-shadow: none;
1337
- outline: none;
1338
- }
1339
- .e-btn-group .e-btn:focus.e-outline,
1340
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1341
- .e-btn-group input:focus + label.e-btn.e-outline,
1342
- .e-css.e-btn-group .e-btn:focus.e-outline,
1343
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1345
- background: var(--color-sf-secondary-bg-color-focus);
1346
- border: 1px solid var(--color-sf-secondary-border-color-focus);
1347
- color: var(--color-sf-secondary-text-color-focus);
1348
- background: var(--color-sf-transparent);
1349
- color: var(--color-sf-secondary-text-color);
1350
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1351
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1352
- }
1353
- .e-btn-group .e-btn:focus.e-outline.e-primary,
1354
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1355
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1356
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1357
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1358
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1359
- background: var(--color-sf-primary-bg-color-focus);
1360
- border: 1px solid var(--color-sf-primary-border-color-focus);
1361
- color: var(--color-sf-primary-text-focus);
1362
- background: var(--color-sf-transparent);
1363
- color: var(--color-sf-primary-bg-color);
1364
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1365
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1366
- }
1367
- .e-btn-group .e-btn:focus.e-outline.e-success,
1368
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1369
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1370
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1371
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1372
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1373
- background: var(--color-sf-success-bg-color-focus);
1374
- border: 1px solid var(--color-sf-success-border-color-focus);
1375
- color: var(--color-sf-success-text-focus);
1376
- background: var(--color-sf-transparent);
1377
- color: var(--color-sf-success-bg-color);
1378
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1379
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1380
- }
1381
- .e-btn-group .e-btn:focus.e-outline.e-info,
1382
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1383
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1384
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1385
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1386
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1387
- background: var(--color-sf-info-bg-color-focus);
1388
- border: 1px solid var(--color-sf-info-border-color-focus);
1389
- color: var(--color-sf-info-text-focus);
1390
- background: var(--color-sf-transparent);
1391
- color: var(--color-sf-info-bg-color);
1392
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1393
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1394
- }
1395
- .e-btn-group .e-btn:focus.e-outline.e-warning,
1396
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1397
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1398
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1399
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1400
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1401
- background: var(--color-sf-warning-bg-color-focus);
1402
- border: 1px solid var(--color-sf-warning-border-color-focus);
1403
- color: var(--color-sf-warning-text-focus);
1404
- background: var(--color-sf-transparent);
1405
- color: var(--color-sf-warning-bg-color);
1406
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1407
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1408
- }
1409
- .e-btn-group .e-btn:focus.e-outline.e-danger,
1410
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1411
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1412
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1413
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1414
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1415
- background: var(--color-sf-danger-bg-color-focus);
1416
- border: 1px solid var(--color-sf-danger-border-color-focus);
1417
- color: var(--color-sf-danger-text-focus);
1418
- background: var(--color-sf-transparent);
1419
- color: var(--color-sf-danger-bg-color);
1420
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1421
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1422
- }
1423
- .e-btn-group .e-btn:active,
1424
- .e-btn-group input:active + label.e-btn,
1425
- .e-btn-group input:checked + label.e-btn,
1426
- .e-css.e-btn-group .e-btn:active,
1427
- .e-css.e-btn-group input:active + label.e-btn,
1428
- .e-css.e-btn-group input:checked + label.e-btn {
1429
- background: var(--color-sf-secondary-bg-color-pressed);
1430
- border-color: var(--color-sf-secondary-border-color-pressed);
1431
- color: var(--color-sf-secondary-text-color-pressed);
1432
- outline: var(--color-sf-secondary-bg-color) 0 solid;
1433
- outline-offset: 0;
1434
- }
1435
- .e-btn-group .e-btn:active.e-primary,
1436
- .e-btn-group input:active + label.e-btn.e-primary,
1437
- .e-btn-group input:checked + label.e-btn.e-primary,
1438
- .e-css.e-btn-group .e-btn:active.e-primary,
1439
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
1440
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1441
- background: var(--color-sf-primary-bg-color-pressed);
1442
- border-color: var(--color-sf-primary-border-color-pressed);
1443
- color: var(--color-sf-primary-text-pressed);
1444
- outline: var(--color-sf-secondary-bg-color) 0 solid;
1445
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1446
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1447
- }
1448
- .e-btn-group .e-btn:active.e-success,
1449
- .e-btn-group input:active + label.e-btn.e-success,
1450
- .e-btn-group input:checked + label.e-btn.e-success,
1451
- .e-css.e-btn-group .e-btn:active.e-success,
1452
- .e-css.e-btn-group input:active + label.e-btn.e-success,
1453
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
1454
- background: var(--color-sf-success-bg-color-pressed);
1455
- border-color: var(--color-sf-success-border-color-pressed);
1456
- color: var(--color-sf-success-text);
1457
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1458
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1221
+ *.e-btn-group,
1222
+ *.e-css.e-btn-group {
1223
+ display: -webkit-inline-box;
1224
+ display: -ms-inline-flexbox;
1225
+ display: inline-flex;
1226
+ border-radius: 4px;
1227
+ -webkit-box-orient: horizontal;
1228
+ -webkit-box-direction: normal;
1229
+ -ms-flex-direction: row;
1230
+ flex-direction: row;
1231
+ position: relative;
1459
1232
  }
1460
- .e-btn-group .e-btn:active.e-info,
1461
- .e-btn-group input:active + label.e-btn.e-info,
1462
- .e-btn-group input:checked + label.e-btn.e-info,
1463
- .e-css.e-btn-group .e-btn:active.e-info,
1464
- .e-css.e-btn-group input:active + label.e-btn.e-info,
1465
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
1466
- background: var(--color-sf-info-bg-color-pressed);
1467
- color: var(--color-sf-info-text-pressed);
1468
- border-color: var(--color-sf-info-border-color-pressed);
1469
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1470
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1233
+ *.e-btn-group input:focus + label.e-btn,
1234
+ *.e-btn-group .e-btn:focus,
1235
+ *.e-btn-group .e-btn:hover,
1236
+ *.e-css.e-btn-group input:focus + label.e-btn,
1237
+ *.e-css.e-btn-group .e-btn:focus,
1238
+ *.e-css.e-btn-group .e-btn:hover {
1239
+ z-index: 2;
1471
1240
  }
1472
- .e-btn-group .e-btn:active.e-warning,
1473
- .e-btn-group input:active + label.e-btn.e-warning,
1474
- .e-btn-group input:checked + label.e-btn.e-warning,
1475
- .e-css.e-btn-group .e-btn:active.e-warning,
1476
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
1477
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1478
- background: var(--color-sf-warning-bg-color-pressed);
1479
- border-color: var(--color-sf-warning-border-color-pressed);
1480
- color: var(--color-sf-warning-text-pressed);
1481
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1482
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1241
+ *.e-btn-group input + label.e-btn,
1242
+ *.e-css.e-btn-group input + label.e-btn {
1243
+ margin-bottom: 0;
1483
1244
  }
1484
- .e-btn-group .e-btn:active.e-danger,
1485
- .e-btn-group input:active + label.e-btn.e-danger,
1486
- .e-btn-group input:checked + label.e-btn.e-danger,
1487
- .e-css.e-btn-group .e-btn:active.e-danger,
1488
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
1489
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1490
- background: var(--color-sf-danger-bg-color-pressed);
1491
- border-color: var(--color-sf-danger-border-color-pressed);
1492
- color: var(--color-sf-danger-text-pressed);
1493
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1494
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1245
+ *.e-btn-group input,
1246
+ *.e-css.e-btn-group input {
1247
+ -moz-appearance: none;
1248
+ height: 1px;
1249
+ margin: 0 0 0 -1px;
1250
+ opacity: 0;
1251
+ position: absolute;
1252
+ width: 1px;
1495
1253
  }
1496
- .e-btn-group .e-btn:active.e-outline,
1497
- .e-btn-group input:active + label.e-btn.e-outline,
1498
- .e-btn-group input:checked + label.e-btn.e-outline,
1499
- .e-css.e-btn-group .e-btn:active.e-outline,
1500
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
1501
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1502
- background: var(--color-sf-secondary-bg-color-pressed);
1503
- border-color: var(--color-sf-secondary-border-color-pressed);
1504
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1505
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1506
- color: var(--color-sf-secondary-text-color-pressed);
1254
+ *.e-btn-group input:disabled + label.e-btn,
1255
+ *.e-btn-group :disabled,
1256
+ *.e-css.e-btn-group input:disabled + label.e-btn,
1257
+ *.e-css.e-btn-group :disabled {
1258
+ cursor: default;
1259
+ pointer-events: none;
1507
1260
  }
1508
- .e-btn-group .e-btn:active.e-outline.e-primary,
1509
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1510
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1511
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1512
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1513
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1514
- background: var(--color-sf-primary-bg-color-pressed);
1515
- border-color: var(--color-sf-primary-border-color-pressed);
1516
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1517
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1518
- color: var(--color-sf-primary-text-pressed);
1261
+ *.e-btn-group .e-btn-icon,
1262
+ *.e-css.e-btn-group .e-btn-icon {
1263
+ font-size: 16px;
1519
1264
  }
1520
- .e-btn-group .e-btn:active.e-outline.e-success,
1521
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
1522
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1523
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1524
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1525
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1526
- background: var(--color-sf-success-bg-color-pressed);
1527
- border-color: var(--color-sf-success-border-color-pressed);
1528
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1529
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1530
- color: var(--color-sf-success-text);
1265
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
1266
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
1267
+ margin-left: -1px;
1531
1268
  }
1532
- .e-btn-group .e-btn:active.e-outline.e-info,
1533
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
1534
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1535
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1536
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1537
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1538
- background: var(--color-sf-info-bg-color-pressed);
1539
- border-color: var(--color-sf-info-border-color-pressed);
1540
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1541
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1542
- color: var(--color-sf-info-text-pressed);
1269
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
1270
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
1271
+ border-radius: calc(var(--e-radius) * 0);
1543
1272
  }
1544
- .e-btn-group .e-btn:active.e-outline.e-warning,
1545
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1546
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1547
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1548
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1549
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1550
- background: var(--color-sf-warning-bg-color-pressed);
1551
- border-color: var(--color-sf-warning-border-color-pressed);
1552
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1553
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1554
- color: var(--color-sf-warning-text-pressed);
1273
+ *.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),
1274
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
1275
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
1276
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1277
+ border-top-right-radius: calc(var(--e-radius) * 0);
1555
1278
  }
1556
- .e-btn-group .e-btn:active.e-outline.e-danger,
1557
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1558
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1559
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1560
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1561
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1562
- background: var(--color-sf-danger-bg-color-pressed);
1563
- border-color: var(--color-sf-danger-border-color-pressed);
1564
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1565
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1566
- color: var(--color-sf-danger-text-pressed);
1279
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
1280
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1281
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1282
+ border-top-left-radius: calc(var(--e-radius) * 0);
1567
1283
  }
1568
- .e-btn-group .e-btn:disabled,
1569
- .e-btn-group input:disabled + label.e-btn,
1570
- .e-css.e-btn-group .e-btn:disabled,
1571
- .e-css.e-btn-group input:disabled + label.e-btn {
1572
- background-color: var(--color-sf-secondary-bg-color-disabled);
1573
- border-color: var(--color-sf-secondary-border-color-disabled);
1574
- -webkit-box-shadow: none;
1575
- box-shadow: none;
1576
- color: var(--color-sf-secondary-text-color-disabled);
1577
- border-color: var(--color-sf-secondary-border-color);
1284
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1285
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1286
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1287
+ border-top-left-radius: calc(var(--e-radius) * 0);
1578
1288
  }
1579
- .e-btn-group .e-btn:disabled.e-primary,
1580
- .e-btn-group input:disabled + label.e-btn.e-primary,
1581
- .e-css.e-btn-group .e-btn:disabled.e-primary,
1582
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1583
- background: var(--color-sf-primary-bg-color-disabled);
1584
- border-color: var(--color-sf-primary-border-color-disabled);
1585
- -webkit-box-shadow: none;
1586
- box-shadow: none;
1587
- color: var(--color-sf-primary-text-disabled);
1289
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1290
+ *.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 {
1291
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1292
+ border-top-right-radius: calc(var(--e-radius) * 0);
1588
1293
  }
1589
- .e-btn-group .e-btn:disabled.e-success,
1590
- .e-btn-group input:disabled + label.e-btn.e-success,
1591
- .e-css.e-btn-group .e-btn:disabled.e-success,
1592
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1593
- background: var(--color-sf-success-bg-color-disabled);
1594
- border-color: var(--color-sf-success-border-color-disabled);
1595
- -webkit-box-shadow: none;
1596
- box-shadow: none;
1597
- color: var(--color-sf-success-text-disabled);
1294
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1295
+ *.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 {
1296
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1297
+ border-top-left-radius: calc(var(--e-radius) * 0);
1598
1298
  }
1599
- .e-btn-group .e-btn:disabled.e-info,
1600
- .e-btn-group input:disabled + label.e-btn.e-info,
1601
- .e-css.e-btn-group .e-btn:disabled.e-info,
1602
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1603
- background: var(--color-sf-info-bg-color-disabled);
1604
- border-color: var(--color-sf-content-bg-color);
1605
- -webkit-box-shadow: none;
1606
- box-shadow: none;
1607
- color: var(--color-sf-info-text-disabled);
1299
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1300
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1301
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1302
+ border-top-right-radius: calc(var(--e-radius) * 0);
1608
1303
  }
1609
- .e-btn-group .e-btn:disabled.e-warning,
1610
- .e-btn-group input:disabled + label.e-btn.e-warning,
1611
- .e-css.e-btn-group .e-btn:disabled.e-warning,
1612
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1613
- background: var(--color-sf-warning-bg-color-disabled);
1614
- border-color: var(--color-sf-warning-border-color-disabled);
1615
- -webkit-box-shadow: none;
1616
- box-shadow: none;
1617
- color: var(--color-sf-warning-text-disabled);
1304
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1305
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1306
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1307
+ border-top-left-radius: calc(var(--e-radius) * 0);
1618
1308
  }
1619
- .e-btn-group .e-btn:disabled.e-danger,
1620
- .e-btn-group input:disabled + label.e-btn.e-danger,
1621
- .e-css.e-btn-group .e-btn:disabled.e-danger,
1622
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1623
- background: var(--color-sf-danger-bg-color-disabled);
1624
- border-color: var(--color-sf-danger-border-color-disabled);
1625
- -webkit-box-shadow: none;
1626
- box-shadow: none;
1627
- color: var(--color-sf-warning-text-disabled);
1309
+ *.e-btn-group.e-rtl .e-btn,
1310
+ *.e-css.e-btn-group.e-rtl .e-btn {
1311
+ margin-left: -1px;
1628
1312
  }
1629
- .e-btn-group .e-btn:disabled.e-link,
1630
- .e-btn-group input:disabled + label.e-btn.e-link,
1631
- .e-css.e-btn-group .e-btn:disabled.e-link,
1632
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1633
- color: var(--color-sf-content-bg-color-alt5);
1634
- background: transparent;
1635
- -webkit-box-shadow: none;
1636
- box-shadow: none;
1637
- text-decoration: none;
1313
+ *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1314
+ *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1315
+ border-radius: calc(var(--e-radius) * 0);
1638
1316
  }
1639
- .e-btn-group .e-btn:disabled.e-outline,
1640
- .e-btn-group input:disabled + label.e-btn.e-outline,
1641
- .e-css.e-btn-group .e-btn:disabled.e-outline,
1642
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1643
- background: transparent;
1644
- border: 1px solid var(--color-sf-secondary-border-color-disabled);
1645
- color: var(--color-sf-secondary-text-color-disabled);
1646
- border-color: var(--color-sf-secondary-border-color);
1317
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1318
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1319
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1320
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1321
+ border-top-left-radius: calc(var(--e-radius) * 0);
1647
1322
  }
1648
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
1649
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1650
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1651
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1652
- background: transparent;
1653
- border-color: rgba(var(--color-sf-primary), 0.65);
1654
- -webkit-box-shadow: none;
1655
- box-shadow: none;
1656
- color: var(--color-sf-primary-bg-color-disabled);
1323
+ *.e-btn-group.e-rtl .e-btn:last-of-type,
1324
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1325
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1326
+ border-top-right-radius: calc(var(--e-radius) * 0);
1657
1327
  }
1658
- .e-btn-group .e-btn:disabled.e-outline.e-success,
1659
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1660
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1661
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1662
- background: transparent;
1663
- border-color: rgba(var(--color-sf-success-bg-color), 0.65);
1664
- -webkit-box-shadow: none;
1665
- box-shadow: none;
1666
- color: var(--color-sf-success-bg-color-disabled);
1328
+ *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
1329
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
1330
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1331
+ border-top-right-radius: calc(var(--e-radius) * 0);
1667
1332
  }
1668
- .e-btn-group .e-btn:disabled.e-outline.e-info,
1669
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1670
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1671
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1672
- background: transparent;
1673
- border-color: rgba(var(--color-sf-info-bg-color), 0.65);
1674
- -webkit-box-shadow: none;
1675
- box-shadow: none;
1676
- color: var(--color-sf-info-bg-color-disabled);
1333
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1334
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1335
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1336
+ border-top-left-radius: calc(var(--e-radius) * 0);
1677
1337
  }
1678
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
1679
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1680
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1681
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1682
- background: transparent;
1683
- border-color: rgba(var(--color-sf-warning-bg-color), 0.65);
1684
- -webkit-box-shadow: none;
1685
- box-shadow: none;
1686
- color: var(--color-sf-warning-bg-color-disabled);
1338
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1339
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1340
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1341
+ border-top-right-radius: calc(var(--e-radius) * 0);
1687
1342
  }
1688
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
1689
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1690
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1691
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1692
- background: transparent;
1693
- border-color: rgba(var(--color-sf-danger-bg-color), 0.65);
1694
- -webkit-box-shadow: none;
1695
- box-shadow: none;
1696
- color: var(--color-sf-danger-bg-color-disabled);
1343
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
1344
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
1345
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1346
+ border-top-left-radius: calc(var(--e-radius) * 0);
1697
1347
  }
1698
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1699
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1700
- border-left: transparent;
1701
- border-right: transparent;
1348
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
1349
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
1350
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1351
+ border-top-right-radius: calc(var(--e-radius) * 0);
1702
1352
  }
1703
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1704
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1705
- border-right: transparent;
1353
+ *.e-btn-group.e-vertical,
1354
+ *.e-css.e-btn-group.e-vertical {
1355
+ -webkit-box-orient: vertical;
1356
+ -webkit-box-direction: normal;
1357
+ -ms-flex-direction: column;
1358
+ flex-direction: column;
1706
1359
  }
1707
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1708
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1709
- border-left: transparent;
1360
+ *.e-btn-group.e-vertical input,
1361
+ *.e-css.e-btn-group.e-vertical input {
1362
+ margin: -1px 0 0;
1710
1363
  }
1711
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1712
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1713
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1714
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1715
- border-color: var(--color-sf-secondary-border-color);
1716
- outline-color: inherit;
1364
+ *.e-btn-group.e-vertical .e-btn:not(.e-outline),
1365
+ *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
1366
+ margin-top: -1px;
1717
1367
  }
1718
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1719
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1720
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1721
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1722
- border-color: var(--color-sf-primary);
1723
- outline-color: inherit;
1368
+ *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
1369
+ *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
1370
+ border-radius: calc(var(--e-radius) * 0);
1724
1371
  }
1725
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1726
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1727
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1728
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1729
- border-color: var(--color-sf-success-border-color-focus);
1730
- outline-color: inherit;
1372
+ *.e-btn-group.e-vertical .e-btn:first-of-type,
1373
+ *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
1374
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1375
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1376
+ border-top-left-radius: calc(var(--e-radius) * 0.125);
1377
+ border-top-right-radius: calc(var(--e-radius) * 0.125);
1731
1378
  }
1732
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1733
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1734
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1735
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1736
- border-color: var(--color-sf-info-border-color-focus);
1737
- outline-color: inherit;
1379
+ *.e-btn-group.e-vertical .e-btn:last-of-type,
1380
+ *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
1381
+ border-bottom-left-radius: calc(var(--e-radius) * 0.125);
1382
+ border-bottom-right-radius: calc(var(--e-radius) * 0.125);
1383
+ border-top-left-radius: calc(var(--e-radius) * 0);
1384
+ border-top-right-radius: calc(var(--e-radius) * 0);
1738
1385
  }
1739
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1740
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1741
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1742
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1743
- border-color: var(--color-sf-warning-border-color-focus);
1744
- outline-color: inherit;
1386
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
1387
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
1388
+ border-radius: calc(var(--e-radius) * 1.25);
1745
1389
  }
1746
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1747
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1748
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1749
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1750
- border-color: var(--color-sf-danger-border-color-focus);
1751
- outline-color: inherit;
1390
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
1391
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
1392
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1393
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1752
1394
  }
1753
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1754
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1755
- border-bottom: transparent;
1756
- border-top: transparent;
1395
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
1396
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
1397
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1398
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1757
1399
  }
1758
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1759
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1760
- border-bottom: transparent;
1400
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
1401
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
1402
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1403
+ border-top-right-radius: calc(var(--e-radius) * 0);
1761
1404
  }
1762
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1763
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1764
- border-top: transparent;
1405
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
1406
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
1407
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1408
+ border-top-left-radius: calc(var(--e-radius) * 0);
1765
1409
  }
1766
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1767
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1768
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1769
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1770
- border-color: var(--color-sf-secondary-border-color);
1771
- outline-color: inherit;
1410
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
1411
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
1412
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1413
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1772
1414
  }
1773
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1774
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1775
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1776
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1777
- border-color: var(--color-sf-primary);
1778
- outline-color: inherit;
1415
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
1416
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
1417
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1418
+ border-top-right-radius: calc(var(--e-radius) * 0);
1779
1419
  }
1780
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1781
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1782
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1783
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1784
- border-color: var(--color-sf-success-border-color-focus);
1785
- outline-color: inherit;
1420
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
1421
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
1422
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1423
+ border-top-left-radius: calc(var(--e-radius) * 0);
1786
1424
  }
1787
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1788
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1789
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1790
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1791
- border-color: var(--color-sf-info-border-color-focus);
1792
- outline-color: inherit;
1425
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
1426
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
1427
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1428
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1793
1429
  }
1794
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1795
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1796
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1797
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1798
- border-color: var(--color-sf-warning-border-color-focus);
1799
- outline-color: inherit;
1430
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
1431
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
1432
+ border-radius: calc(var(--e-radius) * 1.25);
1800
1433
  }
1801
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1802
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1803
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1804
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1805
- border-color: var(--color-sf-danger-border-color-focus);
1806
- outline-color: inherit;
1434
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
1435
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
1436
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1437
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1807
1438
  }
1808
- .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1809
- .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1810
- border-left: transparent;
1811
- border-right: transparent;
1439
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
1440
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
1441
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1442
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1812
1443
  }
1813
- .e-btn-group.e-rtl .e-btn:first-of-type,
1814
- .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
1815
- border-left: transparent;
1444
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
1445
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
1446
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1447
+ border-top-left-radius: calc(var(--e-radius) * 0);
1816
1448
  }
1817
- .e-btn-group.e-rtl .e-btn:last-of-type,
1818
- .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1819
- border-right: transparent;
1449
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
1450
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
1451
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1452
+ border-top-right-radius: calc(var(--e-radius) * 0);
1820
1453
  }
1821
1454
 
1822
1455
 
@@ -1894,238 +1527,605 @@
1894
1527
 
1895
1528
 
1896
1529
  /* stylelint-disable */
1897
- *.e-btn-group,
1898
- *.e-css.e-btn-group {
1899
- display: -webkit-inline-box;
1900
- display: -ms-inline-flexbox;
1901
- display: inline-flex;
1902
- border-radius: 4px;
1903
- -webkit-box-orient: horizontal;
1904
- -webkit-box-direction: normal;
1905
- -ms-flex-direction: row;
1906
- flex-direction: row;
1907
- position: relative;
1530
+ .e-btn-group:not(.e-outline),
1531
+ .e-css.e-btn-group:not(.e-outline) {
1532
+ -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1533
+ box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1534
+ }
1535
+ .e-btn-group .e-btn:hover,
1536
+ .e-css.e-btn-group .e-btn:hover {
1537
+ -webkit-box-shadow: none;
1538
+ box-shadow: none;
1539
+ }
1540
+ .e-btn-group .e-btn:focus,
1541
+ .e-btn-group input:focus-visible + label.e-btn,
1542
+ .e-btn-group input:focus + label.e-btn,
1543
+ .e-css.e-btn-group .e-btn:focus,
1544
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
1545
+ .e-css.e-btn-group input:focus + label.e-btn {
1546
+ background: var(--color-sf-secondary-bg-color-focus);
1547
+ border-color: var(--color-sf-secondary-border-color);
1548
+ color: var(--color-sf-secondary-text-color-focus);
1549
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1550
+ outline-offset: 0;
1551
+ outline-color: inherit;
1552
+ background: var(--color-sf-secondary-bg-color);
1553
+ color: var(--color-sf-secondary-text-color);
1554
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1555
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1556
+ }
1557
+ .e-btn-group .e-btn:focus.e-primary,
1558
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1559
+ .e-btn-group input:focus + label.e-btn.e-primary,
1560
+ .e-css.e-btn-group .e-btn:focus.e-primary,
1561
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1562
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1563
+ background: var(--color-sf-primary-bg-color-focus);
1564
+ border-color: var(--color-sf-primary-border-color-focus);
1565
+ color: var(--color-sf-primary-text-focus);
1566
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1567
+ outline-color: inherit;
1568
+ background: var(--color-sf-primary-bg-color);
1569
+ color: var(--color-sf-primary-text-color);
1570
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1571
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1572
+ }
1573
+ .e-btn-group .e-btn:focus.e-success,
1574
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1575
+ .e-btn-group input:focus + label.e-btn.e-success,
1576
+ .e-css.e-btn-group .e-btn:focus.e-success,
1577
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1578
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
1579
+ background: var(--color-sf-success-bg-color-focus);
1580
+ border-color: var(--color-sf-success-border-color-focus);
1581
+ color: var(--color-sf-success-text-hover);
1582
+ outline-color: inherit;
1583
+ background: var(--color-sf-success-bg-color);
1584
+ color: var(--color-sf-success-text);
1585
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1586
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1587
+ }
1588
+ .e-btn-group .e-btn:focus.e-info,
1589
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1590
+ .e-btn-group input:focus + label.e-btn.e-info,
1591
+ .e-css.e-btn-group .e-btn:focus.e-info,
1592
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1593
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
1594
+ background: var(--color-sf-info-bg-color-focus);
1595
+ border-color: var(--color-sf-info-border-color-focus);
1596
+ color: var(--color-sf-info-text-hover);
1597
+ outline-color: inherit;
1598
+ background: var(--color-sf-info-bg-color);
1599
+ color: var(--color-sf-info-text);
1600
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1601
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1602
+ }
1603
+ .e-btn-group .e-btn:focus.e-warning,
1604
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1605
+ .e-btn-group input:focus + label.e-btn.e-warning,
1606
+ .e-css.e-btn-group .e-btn:focus.e-warning,
1607
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1608
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1609
+ background: var(--color-sf-warning-bg-color-focus);
1610
+ border-color: var(--color-sf-warning-border-color-focus);
1611
+ color: var(--color-sf-warning-text-hover);
1612
+ outline-color: inherit;
1613
+ background: var(--color-sf-warning-bg-color);
1614
+ color: var(--color-sf-warning-text);
1615
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1616
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1617
+ }
1618
+ .e-btn-group .e-btn:focus.e-danger,
1619
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1620
+ .e-btn-group input:focus + label.e-btn.e-danger,
1621
+ .e-css.e-btn-group .e-btn:focus.e-danger,
1622
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1623
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1624
+ background: var(--color-sf-danger-bg-color-focus);
1625
+ border-color: var(--color-sf-danger-border-color-focus);
1626
+ color: var(--color-sf-danger-text-hover);
1627
+ outline-color: inherit;
1628
+ background: var(--color-sf-danger-bg-color);
1629
+ color: var(--color-sf-danger-text);
1630
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1631
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1632
+ }
1633
+ .e-btn-group .e-btn:focus.e-link,
1634
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1635
+ .e-btn-group input:focus + label.e-btn.e-link,
1636
+ .e-css.e-btn-group .e-btn:focus.e-link,
1637
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1638
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
1639
+ border-radius: 0;
1640
+ text-decoration: underline;
1641
+ color: var(--color-sf-primary-border-color-hover);
1642
+ background-color: transparent;
1643
+ border-color: transparent;
1644
+ -webkit-box-shadow: none;
1645
+ box-shadow: none;
1646
+ outline: none;
1647
+ }
1648
+ .e-btn-group .e-btn:focus.e-outline,
1649
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1650
+ .e-btn-group input:focus + label.e-btn.e-outline,
1651
+ .e-css.e-btn-group .e-btn:focus.e-outline,
1652
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1653
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1654
+ background: var(--color-sf-secondary-bg-color-focus);
1655
+ border: 1px solid var(--color-sf-secondary-border-color-focus);
1656
+ color: var(--color-sf-secondary-text-color-focus);
1657
+ background: var(--color-sf-transparent);
1658
+ color: var(--color-sf-secondary-text-color);
1659
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1660
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1661
+ }
1662
+ .e-btn-group .e-btn:focus.e-outline.e-primary,
1663
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1664
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1665
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1666
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1667
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1668
+ background: var(--color-sf-primary-bg-color-focus);
1669
+ border: 1px solid var(--color-sf-primary-border-color-focus);
1670
+ color: var(--color-sf-primary-text-focus);
1671
+ background: var(--color-sf-transparent);
1672
+ color: var(--color-sf-primary-bg-color);
1673
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1674
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1675
+ }
1676
+ .e-btn-group .e-btn:focus.e-outline.e-success,
1677
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1678
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1679
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1680
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1681
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1682
+ background: var(--color-sf-success-bg-color-focus);
1683
+ border: 1px solid var(--color-sf-success-border-color-focus);
1684
+ color: var(--color-sf-success-text-focus);
1685
+ background: var(--color-sf-transparent);
1686
+ color: var(--color-sf-success-bg-color);
1687
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1688
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1689
+ }
1690
+ .e-btn-group .e-btn:focus.e-outline.e-info,
1691
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1692
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1693
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1694
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1695
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1696
+ background: var(--color-sf-info-bg-color-focus);
1697
+ border: 1px solid var(--color-sf-info-border-color-focus);
1698
+ color: var(--color-sf-info-text-focus);
1699
+ background: var(--color-sf-transparent);
1700
+ color: var(--color-sf-info-bg-color);
1701
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1702
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1703
+ }
1704
+ .e-btn-group .e-btn:focus.e-outline.e-warning,
1705
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1706
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1707
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1708
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1709
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1710
+ background: var(--color-sf-warning-bg-color-focus);
1711
+ border: 1px solid var(--color-sf-warning-border-color-focus);
1712
+ color: var(--color-sf-warning-text-focus);
1713
+ background: var(--color-sf-transparent);
1714
+ color: var(--color-sf-warning-bg-color);
1715
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1716
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1717
+ }
1718
+ .e-btn-group .e-btn:focus.e-outline.e-danger,
1719
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1720
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1721
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1722
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1723
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1724
+ background: var(--color-sf-danger-bg-color-focus);
1725
+ border: 1px solid var(--color-sf-danger-border-color-focus);
1726
+ color: var(--color-sf-danger-text-focus);
1727
+ background: var(--color-sf-transparent);
1728
+ color: var(--color-sf-danger-bg-color);
1729
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1730
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1731
+ }
1732
+ .e-btn-group .e-btn:active,
1733
+ .e-btn-group input:active + label.e-btn,
1734
+ .e-btn-group input:checked + label.e-btn,
1735
+ .e-css.e-btn-group .e-btn:active,
1736
+ .e-css.e-btn-group input:active + label.e-btn,
1737
+ .e-css.e-btn-group input:checked + label.e-btn {
1738
+ background: var(--color-sf-secondary-bg-color-pressed);
1739
+ border-color: var(--color-sf-secondary-border-color-pressed);
1740
+ color: var(--color-sf-secondary-text-color-pressed);
1741
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1742
+ outline-offset: 0;
1743
+ }
1744
+ .e-btn-group .e-btn:active.e-primary,
1745
+ .e-btn-group input:active + label.e-btn.e-primary,
1746
+ .e-btn-group input:checked + label.e-btn.e-primary,
1747
+ .e-css.e-btn-group .e-btn:active.e-primary,
1748
+ .e-css.e-btn-group input:active + label.e-btn.e-primary,
1749
+ .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1750
+ background: var(--color-sf-primary-bg-color-pressed);
1751
+ border-color: var(--color-sf-primary-border-color-pressed);
1752
+ color: var(--color-sf-primary-text-pressed);
1753
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1754
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1755
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1908
1756
  }
1909
- *.e-btn-group input:focus + label.e-btn,
1910
- *.e-btn-group .e-btn:focus,
1911
- *.e-btn-group .e-btn:hover,
1912
- *.e-css.e-btn-group input:focus + label.e-btn,
1913
- *.e-css.e-btn-group .e-btn:focus,
1914
- *.e-css.e-btn-group .e-btn:hover {
1915
- z-index: 2;
1757
+ .e-btn-group .e-btn:active.e-success,
1758
+ .e-btn-group input:active + label.e-btn.e-success,
1759
+ .e-btn-group input:checked + label.e-btn.e-success,
1760
+ .e-css.e-btn-group .e-btn:active.e-success,
1761
+ .e-css.e-btn-group input:active + label.e-btn.e-success,
1762
+ .e-css.e-btn-group input:checked + label.e-btn.e-success {
1763
+ background: var(--color-sf-success-bg-color-pressed);
1764
+ border-color: var(--color-sf-success-border-color-pressed);
1765
+ color: var(--color-sf-success-text);
1766
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1767
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1916
1768
  }
1917
- *.e-btn-group input + label.e-btn,
1918
- *.e-css.e-btn-group input + label.e-btn {
1919
- margin-bottom: 0;
1769
+ .e-btn-group .e-btn:active.e-info,
1770
+ .e-btn-group input:active + label.e-btn.e-info,
1771
+ .e-btn-group input:checked + label.e-btn.e-info,
1772
+ .e-css.e-btn-group .e-btn:active.e-info,
1773
+ .e-css.e-btn-group input:active + label.e-btn.e-info,
1774
+ .e-css.e-btn-group input:checked + label.e-btn.e-info {
1775
+ background: var(--color-sf-info-bg-color-pressed);
1776
+ color: var(--color-sf-info-text-pressed);
1777
+ border-color: var(--color-sf-info-border-color-pressed);
1778
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1779
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1920
1780
  }
1921
- *.e-btn-group input,
1922
- *.e-css.e-btn-group input {
1923
- -moz-appearance: none;
1924
- height: 1px;
1925
- margin: 0 0 0 -1px;
1926
- opacity: 0;
1927
- position: absolute;
1928
- width: 1px;
1781
+ .e-btn-group .e-btn:active.e-warning,
1782
+ .e-btn-group input:active + label.e-btn.e-warning,
1783
+ .e-btn-group input:checked + label.e-btn.e-warning,
1784
+ .e-css.e-btn-group .e-btn:active.e-warning,
1785
+ .e-css.e-btn-group input:active + label.e-btn.e-warning,
1786
+ .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1787
+ background: var(--color-sf-warning-bg-color-pressed);
1788
+ border-color: var(--color-sf-warning-border-color-pressed);
1789
+ color: var(--color-sf-warning-text-pressed);
1790
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1791
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1929
1792
  }
1930
- *.e-btn-group input:disabled + label.e-btn,
1931
- *.e-btn-group :disabled,
1932
- *.e-css.e-btn-group input:disabled + label.e-btn,
1933
- *.e-css.e-btn-group :disabled {
1934
- cursor: default;
1935
- pointer-events: none;
1793
+ .e-btn-group .e-btn:active.e-danger,
1794
+ .e-btn-group input:active + label.e-btn.e-danger,
1795
+ .e-btn-group input:checked + label.e-btn.e-danger,
1796
+ .e-css.e-btn-group .e-btn:active.e-danger,
1797
+ .e-css.e-btn-group input:active + label.e-btn.e-danger,
1798
+ .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1799
+ background: var(--color-sf-danger-bg-color-pressed);
1800
+ border-color: var(--color-sf-danger-border-color-pressed);
1801
+ color: var(--color-sf-danger-text-pressed);
1802
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1803
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1936
1804
  }
1937
- *.e-btn-group .e-btn-icon,
1938
- *.e-css.e-btn-group .e-btn-icon {
1939
- font-size: 16px;
1805
+ .e-btn-group .e-btn:active.e-outline,
1806
+ .e-btn-group input:active + label.e-btn.e-outline,
1807
+ .e-btn-group input:checked + label.e-btn.e-outline,
1808
+ .e-css.e-btn-group .e-btn:active.e-outline,
1809
+ .e-css.e-btn-group input:active + label.e-btn.e-outline,
1810
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1811
+ background: var(--color-sf-secondary-bg-color-pressed);
1812
+ border-color: var(--color-sf-secondary-border-color-pressed);
1813
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1814
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1815
+ color: var(--color-sf-secondary-text-color-pressed);
1940
1816
  }
1941
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
1942
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
1943
- margin-left: -1px;
1817
+ .e-btn-group .e-btn:active.e-outline.e-primary,
1818
+ .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1819
+ .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1820
+ .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1821
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1822
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1823
+ background: var(--color-sf-primary-bg-color-pressed);
1824
+ border-color: var(--color-sf-primary-border-color-pressed);
1825
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1826
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1827
+ color: var(--color-sf-primary-text-pressed);
1944
1828
  }
1945
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
1946
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
1947
- border-radius: calc(var(--e-radius) * 0);
1829
+ .e-btn-group .e-btn:active.e-outline.e-success,
1830
+ .e-btn-group input:active + label.e-btn.e-outline.e-success,
1831
+ .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1832
+ .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1833
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1834
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1835
+ background: var(--color-sf-success-bg-color-pressed);
1836
+ border-color: var(--color-sf-success-border-color-pressed);
1837
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1838
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1839
+ color: var(--color-sf-success-text);
1948
1840
  }
1949
- *.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),
1950
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
1951
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
1952
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1953
- border-top-right-radius: calc(var(--e-radius) * 0);
1841
+ .e-btn-group .e-btn:active.e-outline.e-info,
1842
+ .e-btn-group input:active + label.e-btn.e-outline.e-info,
1843
+ .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1844
+ .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1845
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1846
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1847
+ background: var(--color-sf-info-bg-color-pressed);
1848
+ border-color: var(--color-sf-info-border-color-pressed);
1849
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1850
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1851
+ color: var(--color-sf-info-text-pressed);
1954
1852
  }
1955
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
1956
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1957
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1958
- border-top-left-radius: calc(var(--e-radius) * 0);
1853
+ .e-btn-group .e-btn:active.e-outline.e-warning,
1854
+ .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1855
+ .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1856
+ .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1857
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1858
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1859
+ background: var(--color-sf-warning-bg-color-pressed);
1860
+ border-color: var(--color-sf-warning-border-color-pressed);
1861
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1862
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1863
+ color: var(--color-sf-warning-text-pressed);
1959
1864
  }
1960
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1961
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1962
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1963
- border-top-left-radius: calc(var(--e-radius) * 0);
1865
+ .e-btn-group .e-btn:active.e-outline.e-danger,
1866
+ .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1867
+ .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1868
+ .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1869
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1870
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1871
+ background: var(--color-sf-danger-bg-color-pressed);
1872
+ border-color: var(--color-sf-danger-border-color-pressed);
1873
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1874
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1875
+ color: var(--color-sf-danger-text-pressed);
1964
1876
  }
1965
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1966
- *.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 {
1967
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1968
- border-top-right-radius: calc(var(--e-radius) * 0);
1877
+ .e-btn-group .e-btn:disabled,
1878
+ .e-btn-group input:disabled + label.e-btn,
1879
+ .e-css.e-btn-group .e-btn:disabled,
1880
+ .e-css.e-btn-group input:disabled + label.e-btn {
1881
+ background-color: var(--color-sf-secondary-bg-color-disabled);
1882
+ border-color: var(--color-sf-secondary-border-color-disabled);
1883
+ -webkit-box-shadow: none;
1884
+ box-shadow: none;
1885
+ color: var(--color-sf-secondary-text-color-disabled);
1886
+ border-color: var(--color-sf-secondary-border-color);
1969
1887
  }
1970
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1971
- *.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 {
1972
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1973
- border-top-left-radius: calc(var(--e-radius) * 0);
1888
+ .e-btn-group .e-btn:disabled.e-primary,
1889
+ .e-btn-group input:disabled + label.e-btn.e-primary,
1890
+ .e-css.e-btn-group .e-btn:disabled.e-primary,
1891
+ .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1892
+ background: var(--color-sf-primary-bg-color-disabled);
1893
+ border-color: var(--color-sf-primary-border-color-disabled);
1894
+ -webkit-box-shadow: none;
1895
+ box-shadow: none;
1896
+ color: var(--color-sf-primary-text-disabled);
1974
1897
  }
1975
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1976
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1977
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1978
- border-top-right-radius: calc(var(--e-radius) * 0);
1898
+ .e-btn-group .e-btn:disabled.e-success,
1899
+ .e-btn-group input:disabled + label.e-btn.e-success,
1900
+ .e-css.e-btn-group .e-btn:disabled.e-success,
1901
+ .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1902
+ background: var(--color-sf-success-bg-color-disabled);
1903
+ border-color: var(--color-sf-success-border-color-disabled);
1904
+ -webkit-box-shadow: none;
1905
+ box-shadow: none;
1906
+ color: var(--color-sf-success-text-disabled);
1979
1907
  }
1980
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1981
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1982
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1983
- border-top-left-radius: calc(var(--e-radius) * 0);
1908
+ .e-btn-group .e-btn:disabled.e-info,
1909
+ .e-btn-group input:disabled + label.e-btn.e-info,
1910
+ .e-css.e-btn-group .e-btn:disabled.e-info,
1911
+ .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1912
+ background: var(--color-sf-info-bg-color-disabled);
1913
+ border-color: var(--color-sf-content-bg-color);
1914
+ -webkit-box-shadow: none;
1915
+ box-shadow: none;
1916
+ color: var(--color-sf-info-text-disabled);
1984
1917
  }
1985
- *.e-btn-group.e-rtl .e-btn,
1986
- *.e-css.e-btn-group.e-rtl .e-btn {
1987
- margin-left: -1px;
1918
+ .e-btn-group .e-btn:disabled.e-warning,
1919
+ .e-btn-group input:disabled + label.e-btn.e-warning,
1920
+ .e-css.e-btn-group .e-btn:disabled.e-warning,
1921
+ .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1922
+ background: var(--color-sf-warning-bg-color-disabled);
1923
+ border-color: var(--color-sf-warning-border-color-disabled);
1924
+ -webkit-box-shadow: none;
1925
+ box-shadow: none;
1926
+ color: var(--color-sf-warning-text-disabled);
1988
1927
  }
1989
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1990
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1991
- border-radius: calc(var(--e-radius) * 0);
1928
+ .e-btn-group .e-btn:disabled.e-danger,
1929
+ .e-btn-group input:disabled + label.e-btn.e-danger,
1930
+ .e-css.e-btn-group .e-btn:disabled.e-danger,
1931
+ .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1932
+ background: var(--color-sf-danger-bg-color-disabled);
1933
+ border-color: var(--color-sf-danger-border-color-disabled);
1934
+ -webkit-box-shadow: none;
1935
+ box-shadow: none;
1936
+ color: var(--color-sf-warning-text-disabled);
1992
1937
  }
1993
- *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1994
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1995
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1996
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1997
- border-top-left-radius: calc(var(--e-radius) * 0);
1938
+ .e-btn-group .e-btn:disabled.e-link,
1939
+ .e-btn-group input:disabled + label.e-btn.e-link,
1940
+ .e-css.e-btn-group .e-btn:disabled.e-link,
1941
+ .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1942
+ color: var(--color-sf-content-bg-color-alt5);
1943
+ background: transparent;
1944
+ -webkit-box-shadow: none;
1945
+ box-shadow: none;
1946
+ text-decoration: none;
1947
+ }
1948
+ .e-btn-group .e-btn:disabled.e-outline,
1949
+ .e-btn-group input:disabled + label.e-btn.e-outline,
1950
+ .e-css.e-btn-group .e-btn:disabled.e-outline,
1951
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1952
+ background: transparent;
1953
+ border: 1px solid var(--color-sf-secondary-border-color-disabled);
1954
+ color: var(--color-sf-secondary-text-color-disabled);
1955
+ border-color: var(--color-sf-secondary-border-color);
1998
1956
  }
1999
- *.e-btn-group.e-rtl .e-btn:last-of-type,
2000
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2001
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2002
- border-top-right-radius: calc(var(--e-radius) * 0);
1957
+ .e-btn-group .e-btn:disabled.e-outline.e-primary,
1958
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1959
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1960
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1961
+ background: transparent;
1962
+ border-color: rgba(var(--color-sf-primary), 0.65);
1963
+ -webkit-box-shadow: none;
1964
+ box-shadow: none;
1965
+ color: var(--color-sf-primary-bg-color-disabled);
2003
1966
  }
2004
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
2005
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
2006
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2007
- border-top-right-radius: calc(var(--e-radius) * 0);
1967
+ .e-btn-group .e-btn:disabled.e-outline.e-success,
1968
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1969
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1970
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1971
+ background: transparent;
1972
+ border-color: rgba(var(--color-sf-success-bg-color), 0.65);
1973
+ -webkit-box-shadow: none;
1974
+ box-shadow: none;
1975
+ color: var(--color-sf-success-bg-color-disabled);
2008
1976
  }
2009
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
2010
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
2011
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2012
- border-top-left-radius: calc(var(--e-radius) * 0);
1977
+ .e-btn-group .e-btn:disabled.e-outline.e-info,
1978
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1979
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1980
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1981
+ background: transparent;
1982
+ border-color: rgba(var(--color-sf-info-bg-color), 0.65);
1983
+ -webkit-box-shadow: none;
1984
+ box-shadow: none;
1985
+ color: var(--color-sf-info-bg-color-disabled);
2013
1986
  }
2014
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
2015
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
2016
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2017
- border-top-right-radius: calc(var(--e-radius) * 0);
1987
+ .e-btn-group .e-btn:disabled.e-outline.e-warning,
1988
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1989
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1990
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1991
+ background: transparent;
1992
+ border-color: rgba(var(--color-sf-warning-bg-color), 0.65);
1993
+ -webkit-box-shadow: none;
1994
+ box-shadow: none;
1995
+ color: var(--color-sf-warning-bg-color-disabled);
2018
1996
  }
2019
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
2020
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
2021
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2022
- border-top-left-radius: calc(var(--e-radius) * 0);
1997
+ .e-btn-group .e-btn:disabled.e-outline.e-danger,
1998
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1999
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
2000
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
2001
+ background: transparent;
2002
+ border-color: rgba(var(--color-sf-danger-bg-color), 0.65);
2003
+ -webkit-box-shadow: none;
2004
+ box-shadow: none;
2005
+ color: var(--color-sf-danger-bg-color-disabled);
2023
2006
  }
2024
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
2025
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
2026
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2027
- border-top-right-radius: calc(var(--e-radius) * 0);
2007
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
2008
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
2009
+ border-left: transparent;
2010
+ border-right: transparent;
2028
2011
  }
2029
- *.e-btn-group.e-vertical,
2030
- *.e-css.e-btn-group.e-vertical {
2031
- -webkit-box-orient: vertical;
2032
- -webkit-box-direction: normal;
2033
- -ms-flex-direction: column;
2034
- flex-direction: column;
2012
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
2013
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
2014
+ border-right: transparent;
2035
2015
  }
2036
- *.e-btn-group.e-vertical input,
2037
- *.e-css.e-btn-group.e-vertical input {
2038
- margin: -1px 0 0;
2016
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
2017
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
2018
+ border-left: transparent;
2039
2019
  }
2040
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
2041
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
2042
- margin-top: -1px;
2020
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
2021
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
2022
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
2023
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
2024
+ border-color: var(--color-sf-secondary-border-color);
2025
+ outline-color: inherit;
2043
2026
  }
2044
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
2045
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
2046
- border-radius: calc(var(--e-radius) * 0);
2027
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2028
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2029
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2030
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2031
+ border-color: var(--color-sf-primary);
2032
+ outline-color: inherit;
2047
2033
  }
2048
- *.e-btn-group.e-vertical .e-btn:first-of-type,
2049
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
2050
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2051
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2052
- border-top-left-radius: calc(var(--e-radius) * 0.125);
2053
- border-top-right-radius: calc(var(--e-radius) * 0.125);
2034
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
2035
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2036
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
2037
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2038
+ border-color: var(--color-sf-success-border-color-focus);
2039
+ outline-color: inherit;
2054
2040
  }
2055
- *.e-btn-group.e-vertical .e-btn:last-of-type,
2056
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
2057
- border-bottom-left-radius: calc(var(--e-radius) * 0.125);
2058
- border-bottom-right-radius: calc(var(--e-radius) * 0.125);
2059
- border-top-left-radius: calc(var(--e-radius) * 0);
2060
- border-top-right-radius: calc(var(--e-radius) * 0);
2041
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
2042
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2043
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
2044
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2045
+ border-color: var(--color-sf-info-border-color-focus);
2046
+ outline-color: inherit;
2061
2047
  }
2062
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
2063
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
2064
- border-radius: calc(var(--e-radius) * 1.25);
2048
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2049
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2050
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2051
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2052
+ border-color: var(--color-sf-warning-border-color-focus);
2053
+ outline-color: inherit;
2065
2054
  }
2066
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
2067
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
2068
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2069
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2055
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2056
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2057
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2058
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2059
+ border-color: var(--color-sf-danger-border-color-focus);
2060
+ outline-color: inherit;
2070
2061
  }
2071
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
2072
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
2073
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2074
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2062
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
2063
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
2064
+ border-bottom: transparent;
2065
+ border-top: transparent;
2075
2066
  }
2076
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
2077
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
2078
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2079
- border-top-right-radius: calc(var(--e-radius) * 0);
2067
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
2068
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
2069
+ border-bottom: transparent;
2080
2070
  }
2081
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
2082
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
2083
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2084
- border-top-left-radius: calc(var(--e-radius) * 0);
2071
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
2072
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
2073
+ border-top: transparent;
2085
2074
  }
2086
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
2087
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
2088
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2089
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2075
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2076
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
2077
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2078
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
2079
+ border-color: var(--color-sf-secondary-border-color);
2080
+ outline-color: inherit;
2090
2081
  }
2091
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
2092
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
2093
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2094
- border-top-right-radius: calc(var(--e-radius) * 0);
2082
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2083
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2084
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2085
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2086
+ border-color: var(--color-sf-primary);
2087
+ outline-color: inherit;
2095
2088
  }
2096
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
2097
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
2098
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2099
- border-top-left-radius: calc(var(--e-radius) * 0);
2089
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2090
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2091
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2092
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2093
+ border-color: var(--color-sf-success-border-color-focus);
2094
+ outline-color: inherit;
2100
2095
  }
2101
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
2102
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
2103
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2104
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2096
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2097
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2098
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2099
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2100
+ border-color: var(--color-sf-info-border-color-focus);
2101
+ outline-color: inherit;
2105
2102
  }
2106
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
2107
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
2108
- border-radius: calc(var(--e-radius) * 1.25);
2103
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2104
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2105
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2106
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2107
+ border-color: var(--color-sf-warning-border-color-focus);
2108
+ outline-color: inherit;
2109
2109
  }
2110
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
2111
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
2112
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2113
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2110
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2111
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2112
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2113
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2114
+ border-color: var(--color-sf-danger-border-color-focus);
2115
+ outline-color: inherit;
2114
2116
  }
2115
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
2116
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
2117
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2118
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2117
+ .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2118
+ .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2119
+ border-left: transparent;
2120
+ border-right: transparent;
2119
2121
  }
2120
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
2121
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
2122
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2123
- border-top-left-radius: calc(var(--e-radius) * 0);
2122
+ .e-btn-group.e-rtl .e-btn:first-of-type,
2123
+ .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
2124
+ border-left: transparent;
2124
2125
  }
2125
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
2126
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
2127
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2128
- border-top-right-radius: calc(var(--e-radius) * 0);
2126
+ .e-btn-group.e-rtl .e-btn:last-of-type,
2127
+ .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2128
+ border-right: transparent;
2129
2129
  }
2130
2130
 
2131
2131