@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/ej2-splitbuttons.min.js +2 -2
  2. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-splitbuttons.es2015.js +15 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +15 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-splitbuttons.min.js +2 -2
  9. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +3 -3
  12. package/src/drop-down-button/drop-down-button.js +9 -1
  13. package/src/split-button/split-button.js +6 -0
  14. package/styles/bds-lite.css +702 -702
  15. package/styles/bds.css +702 -702
  16. package/styles/bootstrap-dark-lite.css +227 -227
  17. package/styles/bootstrap-dark.css +227 -227
  18. package/styles/bootstrap-lite.css +227 -227
  19. package/styles/bootstrap.css +227 -227
  20. package/styles/bootstrap4-lite.css +235 -235
  21. package/styles/bootstrap4.css +235 -235
  22. package/styles/bootstrap5-dark-lite.css +235 -235
  23. package/styles/bootstrap5-dark.css +235 -235
  24. package/styles/bootstrap5-lite.css +235 -235
  25. package/styles/bootstrap5.3-lite.css +708 -708
  26. package/styles/bootstrap5.3.css +708 -708
  27. package/styles/bootstrap5.css +235 -235
  28. package/styles/button-group/_all.bds.scss +1 -1
  29. package/styles/button-group/_all.bootstrap-dark.scss +1 -1
  30. package/styles/button-group/_all.bootstrap.scss +1 -1
  31. package/styles/button-group/_all.bootstrap4.scss +1 -1
  32. package/styles/button-group/_all.bootstrap5-dark.scss +1 -1
  33. package/styles/button-group/_all.bootstrap5.3.scss +1 -1
  34. package/styles/button-group/_all.bootstrap5.scss +1 -1
  35. package/styles/button-group/_all.fabric-dark.scss +1 -1
  36. package/styles/button-group/_all.fabric.scss +1 -1
  37. package/styles/button-group/_all.fluent-dark.scss +1 -1
  38. package/styles/button-group/_all.fluent.scss +1 -1
  39. package/styles/button-group/_all.fluent2.scss +1 -1
  40. package/styles/button-group/_all.highcontrast-light.scss +1 -1
  41. package/styles/button-group/_all.highcontrast.scss +1 -1
  42. package/styles/button-group/_all.material-dark.scss +1 -1
  43. package/styles/button-group/_all.material.scss +1 -1
  44. package/styles/button-group/_all.material3-dark.scss +1 -1
  45. package/styles/button-group/_all.material3.scss +1 -1
  46. package/styles/button-group/_all.tailwind-dark.scss +1 -1
  47. package/styles/button-group/_all.tailwind.scss +1 -1
  48. package/styles/button-group/_all.tailwind3.scss +1 -1
  49. package/styles/button-group/_bigger.scss +1 -0
  50. package/styles/button-group/_layout.scss +1 -0
  51. package/styles/button-group/_theme.scss +1 -0
  52. package/styles/button-group/bds.css +702 -702
  53. package/styles/button-group/bootstrap-dark.css +227 -227
  54. package/styles/button-group/bootstrap.css +227 -227
  55. package/styles/button-group/bootstrap4.css +235 -235
  56. package/styles/button-group/bootstrap5-dark.css +235 -235
  57. package/styles/button-group/bootstrap5.3.css +708 -708
  58. package/styles/button-group/bootstrap5.css +235 -235
  59. package/styles/button-group/fabric-dark.css +227 -227
  60. package/styles/button-group/fabric.css +227 -227
  61. package/styles/button-group/fluent-dark.css +227 -227
  62. package/styles/button-group/fluent.css +227 -227
  63. package/styles/button-group/fluent2.css +729 -729
  64. package/styles/button-group/highcontrast-light.css +227 -227
  65. package/styles/button-group/highcontrast.css +227 -227
  66. package/styles/button-group/material-dark.css +227 -227
  67. package/styles/button-group/material.css +227 -227
  68. package/styles/button-group/material3-dark.css +850 -850
  69. package/styles/button-group/material3.css +850 -850
  70. package/styles/button-group/tailwind-dark.css +235 -235
  71. package/styles/button-group/tailwind.css +235 -235
  72. package/styles/button-group/tailwind3.css +745 -745
  73. package/styles/drop-down-button/_bigger.scss +1 -0
  74. package/styles/drop-down-button/_layout.scss +1 -0
  75. package/styles/drop-down-button/_theme.scss +1 -0
  76. package/styles/fabric-dark-lite.css +227 -227
  77. package/styles/fabric-dark.css +227 -227
  78. package/styles/fabric-lite.css +227 -227
  79. package/styles/fabric.css +227 -227
  80. package/styles/fluent-dark-lite.css +227 -227
  81. package/styles/fluent-dark.css +227 -227
  82. package/styles/fluent-lite.css +227 -227
  83. package/styles/fluent.css +227 -227
  84. package/styles/fluent2-lite.css +729 -729
  85. package/styles/fluent2.css +729 -729
  86. package/styles/highcontrast-light-lite.css +227 -227
  87. package/styles/highcontrast-light.css +227 -227
  88. package/styles/highcontrast-lite.css +227 -227
  89. package/styles/highcontrast.css +227 -227
  90. package/styles/material-dark-lite.css +227 -227
  91. package/styles/material-dark.css +227 -227
  92. package/styles/material-lite.css +227 -227
  93. package/styles/material.css +227 -227
  94. package/styles/material3-dark-lite.css +850 -850
  95. package/styles/material3-dark.css +850 -850
  96. package/styles/material3-lite.css +850 -850
  97. package/styles/material3.css +850 -850
  98. package/styles/progress-button/_bigger.scss +1 -0
  99. package/styles/split-button/_bigger.scss +1 -0
  100. package/styles/split-button/_layout.scss +1 -0
  101. package/styles/split-button/_theme.scss +1 -0
  102. package/styles/tailwind-dark-lite.css +235 -235
  103. package/styles/tailwind-dark.css +235 -235
  104. package/styles/tailwind-lite.css +235 -235
  105. package/styles/tailwind.css +235 -235
  106. package/styles/tailwind3-lite.css +745 -745
  107. package/styles/tailwind3.css +745 -745
@@ -1344,716 +1344,229 @@
1344
1344
 
1345
1345
 
1346
1346
  /* stylelint-disable */
1347
- .e-btn-group .e-btn,
1348
- .e-css.e-btn-group .e-btn {
1349
- -webkit-box-shadow: none;
1350
- box-shadow: none;
1347
+ *.e-btn-group,
1348
+ *.e-css.e-btn-group {
1349
+ display: -webkit-inline-box;
1350
+ display: -ms-inline-flexbox;
1351
+ display: inline-flex;
1352
+ border-radius: 4px;
1353
+ -webkit-box-orient: horizontal;
1354
+ -webkit-box-direction: normal;
1355
+ -ms-flex-direction: row;
1356
+ flex-direction: row;
1357
+ position: relative;
1358
+ border-radius: calc(var(--e-radius) * 0.25);
1359
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1360
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1351
1361
  }
1352
- .e-btn-group .e-btn:hover,
1353
- .e-css.e-btn-group .e-btn:hover {
1354
- -webkit-box-shadow: none;
1355
- box-shadow: none;
1362
+ *.e-btn-group input + label.e-btn,
1363
+ *.e-css.e-btn-group input + label.e-btn {
1364
+ margin-bottom: 0;
1356
1365
  }
1357
- .e-btn-group .e-btn:focus-visible,
1358
- .e-btn-group input:focus-visible + label.e-btn,
1359
- .e-css.e-btn-group .e-btn:focus-visible,
1360
- .e-css.e-btn-group input:focus-visible + label.e-btn {
1361
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1362
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1363
- z-index: 1;
1366
+ *.e-btn-group input,
1367
+ *.e-css.e-btn-group input {
1368
+ -moz-appearance: none;
1369
+ height: 1px;
1370
+ margin: 0 0 0 -1px;
1371
+ opacity: 0;
1372
+ position: absolute;
1373
+ width: 1px;
1364
1374
  }
1365
- .e-btn-group .e-btn:focus-visible.e-primary, .e-btn-group .e-btn:focus-visible.e-success, .e-btn-group .e-btn:focus-visible.e-info, .e-btn-group .e-btn:focus-visible.e-warning, .e-btn-group .e-btn:focus-visible.e-danger,
1366
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
1367
- .e-btn-group input:focus-visible + label.e-btn.e-success,
1368
- .e-btn-group input:focus-visible + label.e-btn.e-info,
1369
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1370
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1371
- .e-css.e-btn-group .e-btn:focus-visible.e-primary,
1372
- .e-css.e-btn-group .e-btn:focus-visible.e-success,
1373
- .e-css.e-btn-group .e-btn:focus-visible.e-info,
1374
- .e-css.e-btn-group .e-btn:focus-visible.e-warning,
1375
- .e-css.e-btn-group .e-btn:focus-visible.e-danger,
1376
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1377
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1378
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1379
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1380
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1381
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1382
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1383
- z-index: 1;
1375
+ *.e-btn-group input:disabled + label.e-btn,
1376
+ *.e-btn-group :disabled,
1377
+ *.e-css.e-btn-group input:disabled + label.e-btn,
1378
+ *.e-css.e-btn-group :disabled {
1379
+ cursor: default;
1380
+ pointer-events: none;
1384
1381
  }
1385
- .e-btn-group .e-btn:focus-visible.e-outline,
1386
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1387
- .e-css.e-btn-group .e-btn:focus-visible.e-outline,
1388
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1389
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1390
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1391
- z-index: 1;
1382
+ *.e-btn-group .e-btn-icon,
1383
+ *.e-css.e-btn-group .e-btn-icon {
1384
+ font-size: 16px;
1392
1385
  }
1393
- .e-btn-group .e-btn:focus-visible.e-outline.e-primary, .e-btn-group .e-btn:focus-visible.e-outline.e-success, .e-btn-group .e-btn:focus-visible.e-outline.e-info, .e-btn-group .e-btn:focus-visible.e-outline.e-warning, .e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1394
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1395
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1396
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1397
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1398
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1399
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-primary,
1400
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-success,
1401
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-info,
1402
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-warning,
1403
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1404
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1405
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1406
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1407
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1408
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1409
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1410
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1411
- z-index: 1;
1386
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
1387
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
1388
+ border-radius: calc(var(--e-radius) * 0);
1412
1389
  }
1413
- .e-btn-group .e-btn:focus,
1414
- .e-btn-group input:focus-visible + label.e-btn,
1415
- .e-btn-group input:focus + label.e-btn,
1416
- .e-css.e-btn-group .e-btn:focus,
1417
- .e-css.e-btn-group input:focus-visible + label.e-btn,
1418
- .e-css.e-btn-group input:focus + label.e-btn {
1419
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1420
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1421
- -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1422
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1423
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1424
- color: rgba(var(--color-sf-on-surface));
1425
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1426
- outline-offset: 0;
1427
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1428
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1429
- -webkit-box-shadow: none;
1430
- box-shadow: none;
1431
- outline-color: inherit;
1390
+ *.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),
1391
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
1392
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
1393
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1394
+ border-top-right-radius: calc(var(--e-radius) * 0);
1432
1395
  }
1433
- .e-btn-group .e-btn:focus.e-primary,
1434
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
1435
- .e-btn-group input:focus + label.e-btn.e-primary,
1436
- .e-css.e-btn-group .e-btn:focus.e-primary,
1437
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1438
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1439
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1440
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1441
- border-color: rgba(var(--color-sf-primary));
1442
- color: rgba(var(--color-sf-on-primary));
1443
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1444
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1445
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1446
- -webkit-box-shadow: none;
1447
- box-shadow: none;
1448
- outline-color: inherit;
1396
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
1397
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1398
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1399
+ border-top-left-radius: calc(var(--e-radius) * 0);
1449
1400
  }
1450
- .e-btn-group .e-btn:focus.e-success,
1451
- .e-btn-group input:focus-visible + label.e-btn.e-success,
1452
- .e-btn-group input:focus + label.e-btn.e-success,
1453
- .e-css.e-btn-group .e-btn:focus.e-success,
1454
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1455
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
1456
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1457
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1458
- border-color: rgba(var(--color-sf-success));
1459
- color: rgba(var(--color-sf-success-text));
1460
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1461
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1462
- -webkit-box-shadow: none;
1463
- box-shadow: none;
1464
- outline-color: inherit;
1401
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1402
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1403
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1404
+ border-top-left-radius: calc(var(--e-radius) * 0);
1465
1405
  }
1466
- .e-btn-group .e-btn:focus.e-info,
1467
- .e-btn-group input:focus-visible + label.e-btn.e-info,
1468
- .e-btn-group input:focus + label.e-btn.e-info,
1469
- .e-css.e-btn-group .e-btn:focus.e-info,
1470
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1471
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
1472
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1473
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1474
- border-color: rgba(var(--color-sf-info));
1475
- color: rgba(var(--color-sf-info-text));
1476
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1477
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1478
- -webkit-box-shadow: none;
1479
- box-shadow: none;
1480
- outline-color: inherit;
1406
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1407
+ *.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 {
1408
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1409
+ border-top-right-radius: calc(var(--e-radius) * 0);
1481
1410
  }
1482
- .e-btn-group .e-btn:focus.e-warning,
1483
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1484
- .e-btn-group input:focus + label.e-btn.e-warning,
1485
- .e-css.e-btn-group .e-btn:focus.e-warning,
1486
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1487
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1488
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1489
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1490
- border-color: rgba(var(--color-sf-warning));
1491
- color: rgba(var(--color-sf-warning-text));
1492
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1493
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none;
1496
- outline-color: inherit;
1411
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1412
+ *.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 {
1413
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1414
+ border-top-left-radius: calc(var(--e-radius) * 0);
1497
1415
  }
1498
- .e-btn-group .e-btn:focus.e-danger,
1499
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1500
- .e-btn-group input:focus + label.e-btn.e-danger,
1501
- .e-css.e-btn-group .e-btn:focus.e-danger,
1502
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1503
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1504
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1505
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1506
- border-color: rgba(var(--color-sf-error));
1507
- color: rgba(var(--color-sf-danger-text));
1508
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1509
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1510
- -webkit-box-shadow: none;
1511
- box-shadow: none;
1512
- outline-color: inherit;
1416
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1417
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1418
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1419
+ border-top-right-radius: calc(var(--e-radius) * 0);
1513
1420
  }
1514
- .e-btn-group .e-btn:focus.e-link,
1515
- .e-btn-group input:focus-visible + label.e-btn.e-link,
1516
- .e-btn-group input:focus + label.e-btn.e-link,
1517
- .e-css.e-btn-group .e-btn:focus.e-link,
1518
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1519
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
1520
- border-radius: 0;
1521
- text-decoration: underline;
1522
- color: rgba(var(--color-sf-info));
1523
- background-color: transparent;
1524
- border-color: transparent;
1525
- -webkit-box-shadow: none;
1526
- box-shadow: none;
1527
- outline: none;
1421
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1422
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1423
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1424
+ border-top-left-radius: calc(var(--e-radius) * 0);
1528
1425
  }
1529
- .e-btn-group .e-btn:focus.e-outline,
1530
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1531
- .e-btn-group input:focus + label.e-btn.e-outline,
1532
- .e-css.e-btn-group .e-btn:focus.e-outline,
1533
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1534
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1535
- background: rgba(var(--color-sf-on-surface), 0.12);
1536
- border: 1px solid rgba(var(--color-sf-outline));
1537
- color: rgba(var(--color-sf-on-surface));
1538
- -webkit-box-shadow: none;
1539
- box-shadow: none;
1426
+ *.e-btn-group.e-rtl .e-btn,
1427
+ *.e-css.e-btn-group.e-rtl .e-btn {
1428
+ margin-left: -1px;
1540
1429
  }
1541
- .e-btn-group .e-btn:focus.e-outline.e-primary,
1542
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1543
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1544
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1545
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1546
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1547
- background: rgba(var(--color-sf-primary), 0.12);
1548
- border: 1px solid rgba(var(--color-sf-outline));
1549
- color: rgba(var(--color-sf-primary));
1550
- -webkit-box-shadow: none;
1551
- box-shadow: none;
1552
- }
1553
- .e-btn-group .e-btn:focus.e-outline.e-success,
1554
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1555
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1556
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1557
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1558
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1559
- background: rgba(var(--color-sf-success), 0.12);
1560
- border: 1px solid rgba(var(--color-sf-outline));
1561
- color: rgba(var(--color-sf-success));
1562
- -webkit-box-shadow: none;
1563
- box-shadow: none;
1430
+ *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1431
+ *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1432
+ border-radius: calc(var(--e-radius) * 0);
1564
1433
  }
1565
- .e-btn-group .e-btn:focus.e-outline.e-info,
1566
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1567
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1568
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1569
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1570
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1571
- background: rgba(var(--color-sf-info), 0.12);
1572
- border: 1px solid rgba(var(--color-sf-outline));
1573
- color: rgba(var(--color-sf-info));
1574
- -webkit-box-shadow: none;
1575
- box-shadow: none;
1434
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1435
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1436
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1437
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1438
+ border-top-left-radius: calc(var(--e-radius) * 0);
1576
1439
  }
1577
- .e-btn-group .e-btn:focus.e-outline.e-warning,
1578
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1579
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1580
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1581
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1582
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1583
- background: rgba(var(--color-sf-warning), 0.12);
1584
- border: 1px solid rgba(var(--color-sf-outline));
1585
- color: rgba(var(--color-sf-warning));
1586
- -webkit-box-shadow: none;
1587
- box-shadow: none;
1440
+ *.e-btn-group.e-rtl .e-btn:last-of-type,
1441
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1442
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1443
+ border-top-right-radius: calc(var(--e-radius) * 0);
1588
1444
  }
1589
- .e-btn-group .e-btn:focus.e-outline.e-danger,
1590
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1591
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1592
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1593
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1594
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1595
- background: rgba(var(--color-sf-error), 0.12);
1596
- border: 1px solid rgba(var(--color-sf-outline));
1597
- color: rgba(var(--color-sf-error));
1598
- -webkit-box-shadow: none;
1599
- box-shadow: none;
1445
+ *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
1446
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
1447
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1448
+ border-top-right-radius: calc(var(--e-radius) * 0);
1600
1449
  }
1601
- .e-btn-group .e-btn:active,
1602
- .e-btn-group input:active + label.e-btn,
1603
- .e-btn-group input:checked + label.e-btn,
1604
- .e-css.e-btn-group .e-btn:active,
1605
- .e-css.e-btn-group input:active + label.e-btn,
1606
- .e-css.e-btn-group input:checked + label.e-btn {
1607
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1608
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1609
- -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1610
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1611
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1612
- color: rgba(var(--color-sf-on-surface));
1613
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1614
- outline-offset: 0;
1615
- -webkit-box-shadow: none;
1616
- box-shadow: none;
1450
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1451
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1452
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1453
+ border-top-left-radius: calc(var(--e-radius) * 0);
1617
1454
  }
1618
- .e-btn-group .e-btn:active.e-primary,
1619
- .e-btn-group input:active + label.e-btn.e-primary,
1620
- .e-btn-group input:checked + label.e-btn.e-primary,
1621
- .e-css.e-btn-group .e-btn:active.e-primary,
1622
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
1623
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1624
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1625
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1626
- border-color: rgba(var(--color-sf-primary));
1627
- color: rgba(var(--color-sf-on-primary));
1628
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1629
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1630
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1631
- -webkit-box-shadow: none;
1632
- box-shadow: none;
1455
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1456
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1457
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1458
+ border-top-right-radius: calc(var(--e-radius) * 0);
1633
1459
  }
1634
- .e-btn-group .e-btn:active.e-success,
1635
- .e-btn-group input:active + label.e-btn.e-success,
1636
- .e-btn-group input:checked + label.e-btn.e-success,
1637
- .e-css.e-btn-group .e-btn:active.e-success,
1638
- .e-css.e-btn-group input:active + label.e-btn.e-success,
1639
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
1640
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1641
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1642
- border-color: rgba(var(--color-sf-success));
1643
- color: rgba(var(--color-sf-success-text));
1644
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1645
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1646
- -webkit-box-shadow: none;
1647
- box-shadow: none;
1460
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
1461
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
1462
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1463
+ border-top-left-radius: calc(var(--e-radius) * 0);
1648
1464
  }
1649
- .e-btn-group .e-btn:active.e-info,
1650
- .e-btn-group input:active + label.e-btn.e-info,
1651
- .e-btn-group input:checked + label.e-btn.e-info,
1652
- .e-css.e-btn-group .e-btn:active.e-info,
1653
- .e-css.e-btn-group input:active + label.e-btn.e-info,
1654
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
1655
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1656
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1657
- color: rgba(var(--color-sf-info-text));
1658
- border-color: rgba(var(--color-sf-info));
1659
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1660
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1661
- -webkit-box-shadow: none;
1662
- box-shadow: none;
1465
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
1466
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
1467
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1468
+ border-top-right-radius: calc(var(--e-radius) * 0);
1663
1469
  }
1664
- .e-btn-group .e-btn:active.e-warning,
1665
- .e-btn-group input:active + label.e-btn.e-warning,
1666
- .e-btn-group input:checked + label.e-btn.e-warning,
1667
- .e-css.e-btn-group .e-btn:active.e-warning,
1668
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
1669
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1670
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1671
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1672
- border-color: rgba(var(--color-sf-warning));
1673
- color: rgba(var(--color-sf-warning-text));
1674
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1675
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1676
- -webkit-box-shadow: none;
1677
- box-shadow: none;
1470
+ *.e-btn-group.e-vertical,
1471
+ *.e-css.e-btn-group.e-vertical {
1472
+ -webkit-box-orient: vertical;
1473
+ -webkit-box-direction: normal;
1474
+ -ms-flex-direction: column;
1475
+ flex-direction: column;
1678
1476
  }
1679
- .e-btn-group .e-btn:active.e-danger,
1680
- .e-btn-group input:active + label.e-btn.e-danger,
1681
- .e-btn-group input:checked + label.e-btn.e-danger,
1682
- .e-css.e-btn-group .e-btn:active.e-danger,
1683
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
1684
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1685
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1686
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1687
- border-color: rgba(var(--color-sf-error));
1688
- color: rgba(var(--color-sf-danger-text));
1689
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1690
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1691
- -webkit-box-shadow: none;
1692
- box-shadow: none;
1477
+ *.e-btn-group.e-vertical input,
1478
+ *.e-css.e-btn-group.e-vertical input {
1479
+ margin: -1px 0 0;
1693
1480
  }
1694
- .e-btn-group .e-btn:active.e-outline,
1695
- .e-btn-group input:active + label.e-btn.e-outline,
1696
- .e-btn-group input:checked + label.e-btn.e-outline,
1697
- .e-css.e-btn-group .e-btn:active.e-outline,
1698
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
1699
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1700
- background: rgba(var(--color-sf-on-surface), 0.12);
1701
- border-color: rgba(var(--color-sf-outline));
1702
- -webkit-box-shadow: none;
1703
- box-shadow: none;
1704
- color: rgba(var(--color-sf-on-surface));
1705
- box-shadow: none;
1481
+ *.e-btn-group.e-vertical .e-btn:not(.e-outline),
1482
+ *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
1483
+ margin-top: -1px;
1706
1484
  }
1707
- .e-btn-group .e-btn:active.e-outline.e-primary,
1708
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1709
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1710
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1711
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1712
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1713
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1714
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1715
- border-color: rgba(var(--color-sf-primary));
1716
- -webkit-box-shadow: none;
1717
- box-shadow: none;
1718
- color: rgba(var(--color-sf-on-primary));
1719
- background: rgba(var(--color-sf-primary), 0.12);
1720
- border: 1px solid rgba(var(--color-sf-outline));
1721
- color: rgba(var(--color-sf-primary));
1722
- box-shadow: none;
1485
+ *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
1486
+ *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
1487
+ border-radius: calc(var(--e-radius) * 0);
1723
1488
  }
1724
- .e-btn-group .e-btn:active.e-outline.e-success,
1725
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
1726
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1727
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1728
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1729
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1730
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1731
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1732
- border-color: rgba(var(--color-sf-success));
1733
- -webkit-box-shadow: none;
1734
- box-shadow: none;
1735
- color: rgba(var(--color-sf-success-text));
1736
- background: rgba(var(--color-sf-success), 0.12);
1737
- border: 1px solid rgba(var(--color-sf-outline));
1738
- color: rgba(var(--color-sf-success));
1739
- box-shadow: none;
1489
+ *.e-btn-group.e-vertical .e-btn:first-of-type,
1490
+ *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
1491
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1492
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1493
+ border-top-left-radius: calc(var(--e-radius) * 0.125);
1494
+ border-top-right-radius: calc(var(--e-radius) * 0.125);
1740
1495
  }
1741
- .e-btn-group .e-btn:active.e-outline.e-info,
1742
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
1743
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1744
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1745
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1746
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1747
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1748
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1749
- border-color: rgba(var(--color-sf-info));
1750
- -webkit-box-shadow: none;
1751
- box-shadow: none;
1752
- color: rgba(var(--color-sf-info-text));
1753
- background: rgba(var(--color-sf-info), 0.12);
1754
- border: 1px solid rgba(var(--color-sf-outline));
1755
- color: rgba(var(--color-sf-info));
1756
- box-shadow: none;
1496
+ *.e-btn-group.e-vertical .e-btn:last-of-type,
1497
+ *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
1498
+ border-bottom-left-radius: calc(var(--e-radius) * 0.125);
1499
+ border-bottom-right-radius: calc(var(--e-radius) * 0.125);
1500
+ border-top-left-radius: calc(var(--e-radius) * 0);
1501
+ border-top-right-radius: calc(var(--e-radius) * 0);
1757
1502
  }
1758
- .e-btn-group .e-btn:active.e-outline.e-warning,
1759
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1760
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1761
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1762
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1763
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1764
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1765
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1766
- border-color: rgba(var(--color-sf-warning));
1767
- -webkit-box-shadow: none;
1768
- box-shadow: none;
1769
- color: rgba(var(--color-sf-warning-text));
1770
- background: rgba(var(--color-sf-warning), 0.12);
1771
- border: 1px solid rgba(var(--color-sf-outline));
1772
- color: rgba(var(--color-sf-warning));
1773
- box-shadow: none;
1774
- }
1775
- .e-btn-group .e-btn:active.e-outline.e-danger,
1776
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1777
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1778
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1779
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1780
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1781
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1782
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1783
- border-color: rgba(var(--color-sf-error));
1784
- -webkit-box-shadow: none;
1785
- box-shadow: none;
1786
- color: rgba(var(--color-sf-danger-text));
1787
- background: rgba(var(--color-sf-error), 0.12);
1788
- border: 1px solid rgba(var(--color-sf-outline));
1789
- color: rgba(var(--color-sf-error));
1790
- box-shadow: none;
1791
- }
1792
- .e-btn-group .e-btn:disabled,
1793
- .e-btn-group input:disabled + label.e-btn,
1794
- .e-css.e-btn-group .e-btn:disabled,
1795
- .e-css.e-btn-group input:disabled + label.e-btn {
1796
- background-color: rgba(var(--color-sf-secondary), 0.12);
1797
- border-color: rgba(var(--color-sf-secondary), 0);
1798
- -webkit-box-shadow: none;
1799
- box-shadow: none;
1800
- color: rgba(var(--color-sf-on-surface), 0.38);
1801
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
1802
- }
1803
- .e-btn-group .e-btn:disabled.e-primary,
1804
- .e-btn-group input:disabled + label.e-btn.e-primary,
1805
- .e-css.e-btn-group .e-btn:disabled.e-primary,
1806
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1807
- background: rgba(var(--color-sf-secondary), 0.12);
1808
- border-color: rgba(var(--color-sf-secondary), 0);
1809
- -webkit-box-shadow: none;
1810
- box-shadow: none;
1811
- color: rgba(var(--color-sf-on-surface), 0.38);
1812
- border-color: rgba(var(--color-sf-primary));
1813
- }
1814
- .e-btn-group .e-btn:disabled.e-success,
1815
- .e-btn-group input:disabled + label.e-btn.e-success,
1816
- .e-css.e-btn-group .e-btn:disabled.e-success,
1817
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1818
- background: rgba(var(--color-sf-secondary), 0.12);
1819
- border-color: rgba(var(--color-sf-secondary), 0);
1820
- -webkit-box-shadow: none;
1821
- box-shadow: none;
1822
- color: rgba(var(--color-sf-on-surface), 0.38);
1823
- border-color: rgba(var(--color-sf-success));
1824
- }
1825
- .e-btn-group .e-btn:disabled.e-info,
1826
- .e-btn-group input:disabled + label.e-btn.e-info,
1827
- .e-css.e-btn-group .e-btn:disabled.e-info,
1828
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1829
- background: rgba(var(--color-sf-secondary), 0.12);
1830
- border-color: rgba(var(--color-sf-secondary), 0);
1831
- -webkit-box-shadow: none;
1832
- box-shadow: none;
1833
- color: rgba(var(--color-sf-on-surface), 0.38);
1834
- border-color: rgba(var(--color-sf-info));
1835
- }
1836
- .e-btn-group .e-btn:disabled.e-warning,
1837
- .e-btn-group input:disabled + label.e-btn.e-warning,
1838
- .e-css.e-btn-group .e-btn:disabled.e-warning,
1839
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1840
- background: rgba(var(--color-sf-secondary), 0.12);
1841
- border-color: rgba(var(--color-sf-secondary), 0);
1842
- -webkit-box-shadow: none;
1843
- box-shadow: none;
1844
- color: rgba(var(--color-sf-on-surface), 0.38);
1845
- border-color: rgba(var(--color-sf-warning));
1846
- }
1847
- .e-btn-group .e-btn:disabled.e-danger,
1848
- .e-btn-group input:disabled + label.e-btn.e-danger,
1849
- .e-css.e-btn-group .e-btn:disabled.e-danger,
1850
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1851
- background: rgba(var(--color-sf-secondary), 0.12);
1852
- border-color: rgba(var(--color-sf-secondary), 0);
1853
- -webkit-box-shadow: none;
1854
- box-shadow: none;
1855
- color: rgba(var(--color-sf-on-surface), 0.38);
1856
- border-color: rgba(var(--color-sf-error));
1503
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
1504
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
1505
+ border-radius: calc(var(--e-radius) * 1.25);
1857
1506
  }
1858
- .e-btn-group .e-btn:disabled.e-link,
1859
- .e-btn-group input:disabled + label.e-btn.e-link,
1860
- .e-css.e-btn-group .e-btn:disabled.e-link,
1861
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1862
- color: rgba(var(--color-sf-on-surface), 0.38);
1863
- background: transparent;
1864
- -webkit-box-shadow: none;
1865
- box-shadow: none;
1866
- text-decoration: none;
1867
- border-color: transparent;
1507
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
1508
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
1509
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1510
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1868
1511
  }
1869
- .e-btn-group .e-btn:disabled.e-outline,
1870
- .e-btn-group input:disabled + label.e-btn.e-outline,
1871
- .e-css.e-btn-group .e-btn:disabled.e-outline,
1872
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1873
- background: transparent;
1874
- border-color: rgba(var(--color-sf-secondary), 0.12);
1875
- -webkit-box-shadow: none;
1876
- box-shadow: none;
1877
- color: rgba(var(--color-sf-on-surface), 0.38);
1878
- border-color: rgba(var(--color-sf-outline));
1512
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
1513
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
1514
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1515
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1879
1516
  }
1880
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
1881
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1882
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1883
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1884
- background: transparent;
1885
- border-color: rgba(var(--color-sf-secondary), 0.12);
1886
- -webkit-box-shadow: none;
1887
- box-shadow: none;
1888
- color: rgba(var(--color-sf-on-surface), 0.38);
1889
- border-color: rgba(var(--color-sf-primary));
1517
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
1518
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
1519
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1520
+ border-top-right-radius: calc(var(--e-radius) * 0);
1890
1521
  }
1891
- .e-btn-group .e-btn:disabled.e-outline.e-success,
1892
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1893
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1894
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1895
- background: transparent;
1896
- border-color: rgba(var(--color-sf-secondary), 0.12);
1897
- -webkit-box-shadow: none;
1898
- box-shadow: none;
1899
- color: rgba(var(--color-sf-on-surface), 0.38);
1900
- border-color: rgba(var(--color-sf-success));
1522
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
1523
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
1524
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1525
+ border-top-left-radius: calc(var(--e-radius) * 0);
1901
1526
  }
1902
- .e-btn-group .e-btn:disabled.e-outline.e-info,
1903
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1904
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1905
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1906
- background: transparent;
1907
- border-color: rgba(var(--color-sf-secondary), 0.12);
1908
- -webkit-box-shadow: none;
1909
- box-shadow: none;
1910
- color: rgba(var(--color-sf-on-surface), 0.38);
1911
- border-color: rgba(var(--color-sf-info));
1527
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
1528
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
1529
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1530
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1912
1531
  }
1913
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
1914
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1915
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1916
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1917
- background: transparent;
1918
- border-color: rgba(var(--color-sf-secondary), 0.12);
1919
- -webkit-box-shadow: none;
1920
- box-shadow: none;
1921
- color: rgba(var(--color-sf-on-surface), 0.38);
1922
- border-color: rgba(var(--color-sf-warning));
1532
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
1533
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
1534
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1535
+ border-top-right-radius: calc(var(--e-radius) * 0);
1923
1536
  }
1924
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
1925
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1926
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1927
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1928
- background: transparent;
1929
- border-color: rgba(var(--color-sf-secondary), 0.12);
1930
- -webkit-box-shadow: none;
1931
- box-shadow: none;
1932
- color: rgba(var(--color-sf-on-surface), 0.38);
1933
- border-color: rgba(var(--color-sf-error));
1537
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
1538
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
1539
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1540
+ border-top-left-radius: calc(var(--e-radius) * 0);
1934
1541
  }
1935
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1936
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1937
- border-left: transparent;
1938
- border-right: transparent;
1542
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
1543
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
1544
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1545
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1939
1546
  }
1940
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1941
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1942
- border-right: transparent;
1547
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
1548
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
1549
+ border-radius: calc(var(--e-radius) * 1.25);
1943
1550
  }
1944
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1945
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1946
- border-left: transparent;
1551
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
1552
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
1553
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1554
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1947
1555
  }
1948
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1949
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1950
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1951
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1952
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
1953
- outline-color: inherit;
1556
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
1557
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
1558
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1559
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1954
1560
  }
1955
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1956
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1957
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1958
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1959
- border-color: rgba(var(--color-sf-primary));
1960
- outline-color: inherit;
1561
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
1562
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
1563
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1564
+ border-top-left-radius: calc(var(--e-radius) * 0);
1961
1565
  }
1962
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1963
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1964
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1965
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1966
- border-color: rgba(var(--color-sf-success));
1967
- outline-color: inherit;
1968
- }
1969
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1970
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1971
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1972
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1973
- border-color: rgba(var(--color-sf-info));
1974
- outline-color: inherit;
1975
- }
1976
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1977
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1978
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1979
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1980
- border-color: rgba(var(--color-sf-warning));
1981
- outline-color: inherit;
1982
- }
1983
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1984
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1985
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1986
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1987
- border-color: rgba(var(--color-sf-error));
1988
- outline-color: inherit;
1989
- }
1990
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1991
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1992
- border-bottom: transparent;
1993
- border-top: transparent;
1994
- }
1995
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1996
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1997
- border-bottom: transparent;
1998
- }
1999
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
2000
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
2001
- border-top: transparent;
2002
- }
2003
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2004
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
2005
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2006
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
2007
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
2008
- outline-color: inherit;
2009
- }
2010
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2011
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2012
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2013
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2014
- border-color: rgba(var(--color-sf-primary));
2015
- outline-color: inherit;
2016
- }
2017
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2018
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2019
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2020
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2021
- border-color: rgba(var(--color-sf-success));
2022
- outline-color: inherit;
2023
- }
2024
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2025
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2026
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2027
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2028
- border-color: rgba(var(--color-sf-info));
2029
- outline-color: inherit;
2030
- }
2031
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2032
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2033
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2034
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2035
- border-color: rgba(var(--color-sf-warning));
2036
- outline-color: inherit;
2037
- }
2038
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2039
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2040
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2041
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2042
- border-color: rgba(var(--color-sf-error));
2043
- outline-color: inherit;
2044
- }
2045
- .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2046
- .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2047
- border-left: transparent;
2048
- border-right: transparent;
2049
- }
2050
- .e-btn-group.e-rtl .e-btn:first-of-type,
2051
- .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
2052
- border-left: transparent;
2053
- }
2054
- .e-btn-group.e-rtl .e-btn:last-of-type,
2055
- .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2056
- border-right: transparent;
1566
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
1567
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
1568
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1569
+ border-top-right-radius: calc(var(--e-radius) * 0);
2057
1570
  }
2058
1571
 
2059
1572
 
@@ -2141,229 +1654,716 @@
2141
1654
 
2142
1655
 
2143
1656
  /* stylelint-disable */
2144
- *.e-btn-group,
2145
- *.e-css.e-btn-group {
2146
- display: -webkit-inline-box;
2147
- display: -ms-inline-flexbox;
2148
- display: inline-flex;
2149
- border-radius: 4px;
2150
- -webkit-box-orient: horizontal;
2151
- -webkit-box-direction: normal;
2152
- -ms-flex-direction: row;
2153
- flex-direction: row;
2154
- position: relative;
2155
- border-radius: calc(var(--e-radius) * 0.25);
1657
+ .e-btn-group .e-btn,
1658
+ .e-css.e-btn-group .e-btn {
1659
+ -webkit-box-shadow: none;
1660
+ box-shadow: none;
1661
+ }
1662
+ .e-btn-group .e-btn:hover,
1663
+ .e-css.e-btn-group .e-btn:hover {
1664
+ -webkit-box-shadow: none;
1665
+ box-shadow: none;
1666
+ }
1667
+ .e-btn-group .e-btn:focus-visible,
1668
+ .e-btn-group input:focus-visible + label.e-btn,
1669
+ .e-css.e-btn-group .e-btn:focus-visible,
1670
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
1671
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1672
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1673
+ z-index: 1;
1674
+ }
1675
+ .e-btn-group .e-btn:focus-visible.e-primary, .e-btn-group .e-btn:focus-visible.e-success, .e-btn-group .e-btn:focus-visible.e-info, .e-btn-group .e-btn:focus-visible.e-warning, .e-btn-group .e-btn:focus-visible.e-danger,
1676
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1677
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1678
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1679
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1680
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1681
+ .e-css.e-btn-group .e-btn:focus-visible.e-primary,
1682
+ .e-css.e-btn-group .e-btn:focus-visible.e-success,
1683
+ .e-css.e-btn-group .e-btn:focus-visible.e-info,
1684
+ .e-css.e-btn-group .e-btn:focus-visible.e-warning,
1685
+ .e-css.e-btn-group .e-btn:focus-visible.e-danger,
1686
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1687
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1688
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1689
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1690
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1691
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1692
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1693
+ z-index: 1;
1694
+ }
1695
+ .e-btn-group .e-btn:focus-visible.e-outline,
1696
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1697
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline,
1698
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1699
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1700
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1701
+ z-index: 1;
1702
+ }
1703
+ .e-btn-group .e-btn:focus-visible.e-outline.e-primary, .e-btn-group .e-btn:focus-visible.e-outline.e-success, .e-btn-group .e-btn:focus-visible.e-outline.e-info, .e-btn-group .e-btn:focus-visible.e-outline.e-warning, .e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1704
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1705
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1706
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1707
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1708
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1709
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-primary,
1710
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-success,
1711
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-info,
1712
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-warning,
1713
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1714
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1715
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1716
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1717
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1718
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1719
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1720
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1721
+ z-index: 1;
1722
+ }
1723
+ .e-btn-group .e-btn:focus,
1724
+ .e-btn-group input:focus-visible + label.e-btn,
1725
+ .e-btn-group input:focus + label.e-btn,
1726
+ .e-css.e-btn-group .e-btn:focus,
1727
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
1728
+ .e-css.e-btn-group input:focus + label.e-btn {
1729
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1730
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1731
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1732
+ border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1733
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1734
+ color: rgba(var(--color-sf-on-surface));
1735
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1736
+ outline-offset: 0;
1737
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1738
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1739
+ -webkit-box-shadow: none;
1740
+ box-shadow: none;
1741
+ outline-color: inherit;
1742
+ }
1743
+ .e-btn-group .e-btn:focus.e-primary,
1744
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1745
+ .e-btn-group input:focus + label.e-btn.e-primary,
1746
+ .e-css.e-btn-group .e-btn:focus.e-primary,
1747
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1748
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1749
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1750
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1751
+ border-color: rgba(var(--color-sf-primary));
1752
+ color: rgba(var(--color-sf-on-primary));
1753
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1754
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1755
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1756
+ -webkit-box-shadow: none;
1757
+ box-shadow: none;
1758
+ outline-color: inherit;
1759
+ }
1760
+ .e-btn-group .e-btn:focus.e-success,
1761
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1762
+ .e-btn-group input:focus + label.e-btn.e-success,
1763
+ .e-css.e-btn-group .e-btn:focus.e-success,
1764
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1765
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
1766
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1767
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1768
+ border-color: rgba(var(--color-sf-success));
1769
+ color: rgba(var(--color-sf-success-text));
1770
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1771
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1772
+ -webkit-box-shadow: none;
1773
+ box-shadow: none;
1774
+ outline-color: inherit;
1775
+ }
1776
+ .e-btn-group .e-btn:focus.e-info,
1777
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1778
+ .e-btn-group input:focus + label.e-btn.e-info,
1779
+ .e-css.e-btn-group .e-btn:focus.e-info,
1780
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1781
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
1782
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1783
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1784
+ border-color: rgba(var(--color-sf-info));
1785
+ color: rgba(var(--color-sf-info-text));
1786
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1787
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1788
+ -webkit-box-shadow: none;
1789
+ box-shadow: none;
1790
+ outline-color: inherit;
1791
+ }
1792
+ .e-btn-group .e-btn:focus.e-warning,
1793
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1794
+ .e-btn-group input:focus + label.e-btn.e-warning,
1795
+ .e-css.e-btn-group .e-btn:focus.e-warning,
1796
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1797
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1798
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1799
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1800
+ border-color: rgba(var(--color-sf-warning));
1801
+ color: rgba(var(--color-sf-warning-text));
1802
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1803
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1804
+ -webkit-box-shadow: none;
1805
+ box-shadow: none;
1806
+ outline-color: inherit;
1807
+ }
1808
+ .e-btn-group .e-btn:focus.e-danger,
1809
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1810
+ .e-btn-group input:focus + label.e-btn.e-danger,
1811
+ .e-css.e-btn-group .e-btn:focus.e-danger,
1812
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1813
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1814
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1815
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1816
+ border-color: rgba(var(--color-sf-error));
1817
+ color: rgba(var(--color-sf-danger-text));
1818
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1819
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1820
+ -webkit-box-shadow: none;
1821
+ box-shadow: none;
1822
+ outline-color: inherit;
1823
+ }
1824
+ .e-btn-group .e-btn:focus.e-link,
1825
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1826
+ .e-btn-group input:focus + label.e-btn.e-link,
1827
+ .e-css.e-btn-group .e-btn:focus.e-link,
1828
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1829
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
1830
+ border-radius: 0;
1831
+ text-decoration: underline;
1832
+ color: rgba(var(--color-sf-info));
1833
+ background-color: transparent;
1834
+ border-color: transparent;
1835
+ -webkit-box-shadow: none;
1836
+ box-shadow: none;
1837
+ outline: none;
1838
+ }
1839
+ .e-btn-group .e-btn:focus.e-outline,
1840
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1841
+ .e-btn-group input:focus + label.e-btn.e-outline,
1842
+ .e-css.e-btn-group .e-btn:focus.e-outline,
1843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1844
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1845
+ background: rgba(var(--color-sf-on-surface), 0.12);
1846
+ border: 1px solid rgba(var(--color-sf-outline));
1847
+ color: rgba(var(--color-sf-on-surface));
1848
+ -webkit-box-shadow: none;
1849
+ box-shadow: none;
1850
+ }
1851
+ .e-btn-group .e-btn:focus.e-outline.e-primary,
1852
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1853
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1854
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1855
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1856
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1857
+ background: rgba(var(--color-sf-primary), 0.12);
1858
+ border: 1px solid rgba(var(--color-sf-outline));
1859
+ color: rgba(var(--color-sf-primary));
1860
+ -webkit-box-shadow: none;
1861
+ box-shadow: none;
1862
+ }
1863
+ .e-btn-group .e-btn:focus.e-outline.e-success,
1864
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1865
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1866
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1867
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1868
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1869
+ background: rgba(var(--color-sf-success), 0.12);
1870
+ border: 1px solid rgba(var(--color-sf-outline));
1871
+ color: rgba(var(--color-sf-success));
1872
+ -webkit-box-shadow: none;
1873
+ box-shadow: none;
1874
+ }
1875
+ .e-btn-group .e-btn:focus.e-outline.e-info,
1876
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1877
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1878
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1879
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1880
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1881
+ background: rgba(var(--color-sf-info), 0.12);
1882
+ border: 1px solid rgba(var(--color-sf-outline));
1883
+ color: rgba(var(--color-sf-info));
1884
+ -webkit-box-shadow: none;
1885
+ box-shadow: none;
1886
+ }
1887
+ .e-btn-group .e-btn:focus.e-outline.e-warning,
1888
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1889
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1890
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1891
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1892
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1893
+ background: rgba(var(--color-sf-warning), 0.12);
1894
+ border: 1px solid rgba(var(--color-sf-outline));
1895
+ color: rgba(var(--color-sf-warning));
1896
+ -webkit-box-shadow: none;
1897
+ box-shadow: none;
1898
+ }
1899
+ .e-btn-group .e-btn:focus.e-outline.e-danger,
1900
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1901
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1902
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1903
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1904
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1905
+ background: rgba(var(--color-sf-error), 0.12);
1906
+ border: 1px solid rgba(var(--color-sf-outline));
1907
+ color: rgba(var(--color-sf-error));
1908
+ -webkit-box-shadow: none;
1909
+ box-shadow: none;
1910
+ }
1911
+ .e-btn-group .e-btn:active,
1912
+ .e-btn-group input:active + label.e-btn,
1913
+ .e-btn-group input:checked + label.e-btn,
1914
+ .e-css.e-btn-group .e-btn:active,
1915
+ .e-css.e-btn-group input:active + label.e-btn,
1916
+ .e-css.e-btn-group input:checked + label.e-btn {
1917
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1918
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1919
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1920
+ border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1921
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1922
+ color: rgba(var(--color-sf-on-surface));
1923
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1924
+ outline-offset: 0;
1925
+ -webkit-box-shadow: none;
1926
+ box-shadow: none;
1927
+ }
1928
+ .e-btn-group .e-btn:active.e-primary,
1929
+ .e-btn-group input:active + label.e-btn.e-primary,
1930
+ .e-btn-group input:checked + label.e-btn.e-primary,
1931
+ .e-css.e-btn-group .e-btn:active.e-primary,
1932
+ .e-css.e-btn-group input:active + label.e-btn.e-primary,
1933
+ .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1934
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1935
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1936
+ border-color: rgba(var(--color-sf-primary));
1937
+ color: rgba(var(--color-sf-on-primary));
1938
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1939
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1940
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1941
+ -webkit-box-shadow: none;
1942
+ box-shadow: none;
1943
+ }
1944
+ .e-btn-group .e-btn:active.e-success,
1945
+ .e-btn-group input:active + label.e-btn.e-success,
1946
+ .e-btn-group input:checked + label.e-btn.e-success,
1947
+ .e-css.e-btn-group .e-btn:active.e-success,
1948
+ .e-css.e-btn-group input:active + label.e-btn.e-success,
1949
+ .e-css.e-btn-group input:checked + label.e-btn.e-success {
1950
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1951
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1952
+ border-color: rgba(var(--color-sf-success));
1953
+ color: rgba(var(--color-sf-success-text));
1954
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1955
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1956
+ -webkit-box-shadow: none;
1957
+ box-shadow: none;
1958
+ }
1959
+ .e-btn-group .e-btn:active.e-info,
1960
+ .e-btn-group input:active + label.e-btn.e-info,
1961
+ .e-btn-group input:checked + label.e-btn.e-info,
1962
+ .e-css.e-btn-group .e-btn:active.e-info,
1963
+ .e-css.e-btn-group input:active + label.e-btn.e-info,
1964
+ .e-css.e-btn-group input:checked + label.e-btn.e-info {
1965
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1966
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1967
+ color: rgba(var(--color-sf-info-text));
1968
+ border-color: rgba(var(--color-sf-info));
1969
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1970
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1971
+ -webkit-box-shadow: none;
1972
+ box-shadow: none;
1973
+ }
1974
+ .e-btn-group .e-btn:active.e-warning,
1975
+ .e-btn-group input:active + label.e-btn.e-warning,
1976
+ .e-btn-group input:checked + label.e-btn.e-warning,
1977
+ .e-css.e-btn-group .e-btn:active.e-warning,
1978
+ .e-css.e-btn-group input:active + label.e-btn.e-warning,
1979
+ .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1980
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1981
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1982
+ border-color: rgba(var(--color-sf-warning));
1983
+ color: rgba(var(--color-sf-warning-text));
2156
1984
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2157
1985
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1986
+ -webkit-box-shadow: none;
1987
+ box-shadow: none;
2158
1988
  }
2159
- *.e-btn-group input + label.e-btn,
2160
- *.e-css.e-btn-group input + label.e-btn {
2161
- margin-bottom: 0;
2162
- }
2163
- *.e-btn-group input,
2164
- *.e-css.e-btn-group input {
2165
- -moz-appearance: none;
2166
- height: 1px;
2167
- margin: 0 0 0 -1px;
2168
- opacity: 0;
2169
- position: absolute;
2170
- width: 1px;
1989
+ .e-btn-group .e-btn:active.e-danger,
1990
+ .e-btn-group input:active + label.e-btn.e-danger,
1991
+ .e-btn-group input:checked + label.e-btn.e-danger,
1992
+ .e-css.e-btn-group .e-btn:active.e-danger,
1993
+ .e-css.e-btn-group input:active + label.e-btn.e-danger,
1994
+ .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1995
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1996
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1997
+ border-color: rgba(var(--color-sf-error));
1998
+ color: rgba(var(--color-sf-danger-text));
1999
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2000
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2001
+ -webkit-box-shadow: none;
2002
+ box-shadow: none;
2171
2003
  }
2172
- *.e-btn-group input:disabled + label.e-btn,
2173
- *.e-btn-group :disabled,
2174
- *.e-css.e-btn-group input:disabled + label.e-btn,
2175
- *.e-css.e-btn-group :disabled {
2176
- cursor: default;
2177
- pointer-events: none;
2004
+ .e-btn-group .e-btn:active.e-outline,
2005
+ .e-btn-group input:active + label.e-btn.e-outline,
2006
+ .e-btn-group input:checked + label.e-btn.e-outline,
2007
+ .e-css.e-btn-group .e-btn:active.e-outline,
2008
+ .e-css.e-btn-group input:active + label.e-btn.e-outline,
2009
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline {
2010
+ background: rgba(var(--color-sf-on-surface), 0.12);
2011
+ border-color: rgba(var(--color-sf-outline));
2012
+ -webkit-box-shadow: none;
2013
+ box-shadow: none;
2014
+ color: rgba(var(--color-sf-on-surface));
2015
+ box-shadow: none;
2178
2016
  }
2179
- *.e-btn-group .e-btn-icon,
2180
- *.e-css.e-btn-group .e-btn-icon {
2181
- font-size: 16px;
2017
+ .e-btn-group .e-btn:active.e-outline.e-primary,
2018
+ .e-btn-group input:active + label.e-btn.e-outline.e-primary,
2019
+ .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
2020
+ .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
2021
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
2022
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
2023
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
2024
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
2025
+ border-color: rgba(var(--color-sf-primary));
2026
+ -webkit-box-shadow: none;
2027
+ box-shadow: none;
2028
+ color: rgba(var(--color-sf-on-primary));
2029
+ background: rgba(var(--color-sf-primary), 0.12);
2030
+ border: 1px solid rgba(var(--color-sf-outline));
2031
+ color: rgba(var(--color-sf-primary));
2032
+ box-shadow: none;
2182
2033
  }
2183
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
2184
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
2185
- border-radius: calc(var(--e-radius) * 0);
2034
+ .e-btn-group .e-btn:active.e-outline.e-success,
2035
+ .e-btn-group input:active + label.e-btn.e-outline.e-success,
2036
+ .e-btn-group input:checked + label.e-btn.e-outline.e-success,
2037
+ .e-css.e-btn-group .e-btn:active.e-outline.e-success,
2038
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
2039
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
2040
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
2041
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
2042
+ border-color: rgba(var(--color-sf-success));
2043
+ -webkit-box-shadow: none;
2044
+ box-shadow: none;
2045
+ color: rgba(var(--color-sf-success-text));
2046
+ background: rgba(var(--color-sf-success), 0.12);
2047
+ border: 1px solid rgba(var(--color-sf-outline));
2048
+ color: rgba(var(--color-sf-success));
2049
+ box-shadow: none;
2186
2050
  }
2187
- *.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),
2188
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
2189
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
2190
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2191
- border-top-right-radius: calc(var(--e-radius) * 0);
2051
+ .e-btn-group .e-btn:active.e-outline.e-info,
2052
+ .e-btn-group input:active + label.e-btn.e-outline.e-info,
2053
+ .e-btn-group input:checked + label.e-btn.e-outline.e-info,
2054
+ .e-css.e-btn-group .e-btn:active.e-outline.e-info,
2055
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
2056
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
2057
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
2058
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
2059
+ border-color: rgba(var(--color-sf-info));
2060
+ -webkit-box-shadow: none;
2061
+ box-shadow: none;
2062
+ color: rgba(var(--color-sf-info-text));
2063
+ background: rgba(var(--color-sf-info), 0.12);
2064
+ border: 1px solid rgba(var(--color-sf-outline));
2065
+ color: rgba(var(--color-sf-info));
2066
+ box-shadow: none;
2192
2067
  }
2193
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
2194
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
2195
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2196
- border-top-left-radius: calc(var(--e-radius) * 0);
2068
+ .e-btn-group .e-btn:active.e-outline.e-warning,
2069
+ .e-btn-group input:active + label.e-btn.e-outline.e-warning,
2070
+ .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
2071
+ .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
2072
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
2073
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
2074
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
2075
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
2076
+ border-color: rgba(var(--color-sf-warning));
2077
+ -webkit-box-shadow: none;
2078
+ box-shadow: none;
2079
+ color: rgba(var(--color-sf-warning-text));
2080
+ background: rgba(var(--color-sf-warning), 0.12);
2081
+ border: 1px solid rgba(var(--color-sf-outline));
2082
+ color: rgba(var(--color-sf-warning));
2083
+ box-shadow: none;
2197
2084
  }
2198
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
2199
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
2200
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2201
- border-top-left-radius: calc(var(--e-radius) * 0);
2085
+ .e-btn-group .e-btn:active.e-outline.e-danger,
2086
+ .e-btn-group input:active + label.e-btn.e-outline.e-danger,
2087
+ .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
2088
+ .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
2089
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
2090
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
2091
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
2092
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
2093
+ border-color: rgba(var(--color-sf-error));
2094
+ -webkit-box-shadow: none;
2095
+ box-shadow: none;
2096
+ color: rgba(var(--color-sf-danger-text));
2097
+ background: rgba(var(--color-sf-error), 0.12);
2098
+ border: 1px solid rgba(var(--color-sf-outline));
2099
+ color: rgba(var(--color-sf-error));
2100
+ box-shadow: none;
2202
2101
  }
2203
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
2204
- *.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 {
2205
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2206
- border-top-right-radius: calc(var(--e-radius) * 0);
2102
+ .e-btn-group .e-btn:disabled,
2103
+ .e-btn-group input:disabled + label.e-btn,
2104
+ .e-css.e-btn-group .e-btn:disabled,
2105
+ .e-css.e-btn-group input:disabled + label.e-btn {
2106
+ background-color: rgba(var(--color-sf-secondary), 0.12);
2107
+ border-color: rgba(var(--color-sf-secondary), 0);
2108
+ -webkit-box-shadow: none;
2109
+ box-shadow: none;
2110
+ color: rgba(var(--color-sf-on-surface), 0.38);
2111
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
2207
2112
  }
2208
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
2209
- *.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 {
2210
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2211
- border-top-left-radius: calc(var(--e-radius) * 0);
2113
+ .e-btn-group .e-btn:disabled.e-primary,
2114
+ .e-btn-group input:disabled + label.e-btn.e-primary,
2115
+ .e-css.e-btn-group .e-btn:disabled.e-primary,
2116
+ .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
2117
+ background: rgba(var(--color-sf-secondary), 0.12);
2118
+ border-color: rgba(var(--color-sf-secondary), 0);
2119
+ -webkit-box-shadow: none;
2120
+ box-shadow: none;
2121
+ color: rgba(var(--color-sf-on-surface), 0.38);
2122
+ border-color: rgba(var(--color-sf-primary));
2212
2123
  }
2213
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
2214
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
2215
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2216
- border-top-right-radius: calc(var(--e-radius) * 0);
2124
+ .e-btn-group .e-btn:disabled.e-success,
2125
+ .e-btn-group input:disabled + label.e-btn.e-success,
2126
+ .e-css.e-btn-group .e-btn:disabled.e-success,
2127
+ .e-css.e-btn-group input:disabled + label.e-btn.e-success {
2128
+ background: rgba(var(--color-sf-secondary), 0.12);
2129
+ border-color: rgba(var(--color-sf-secondary), 0);
2130
+ -webkit-box-shadow: none;
2131
+ box-shadow: none;
2132
+ color: rgba(var(--color-sf-on-surface), 0.38);
2133
+ border-color: rgba(var(--color-sf-success));
2217
2134
  }
2218
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
2219
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
2220
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2221
- border-top-left-radius: calc(var(--e-radius) * 0);
2135
+ .e-btn-group .e-btn:disabled.e-info,
2136
+ .e-btn-group input:disabled + label.e-btn.e-info,
2137
+ .e-css.e-btn-group .e-btn:disabled.e-info,
2138
+ .e-css.e-btn-group input:disabled + label.e-btn.e-info {
2139
+ background: rgba(var(--color-sf-secondary), 0.12);
2140
+ border-color: rgba(var(--color-sf-secondary), 0);
2141
+ -webkit-box-shadow: none;
2142
+ box-shadow: none;
2143
+ color: rgba(var(--color-sf-on-surface), 0.38);
2144
+ border-color: rgba(var(--color-sf-info));
2222
2145
  }
2223
- *.e-btn-group.e-rtl .e-btn,
2224
- *.e-css.e-btn-group.e-rtl .e-btn {
2225
- margin-left: -1px;
2146
+ .e-btn-group .e-btn:disabled.e-warning,
2147
+ .e-btn-group input:disabled + label.e-btn.e-warning,
2148
+ .e-css.e-btn-group .e-btn:disabled.e-warning,
2149
+ .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
2150
+ background: rgba(var(--color-sf-secondary), 0.12);
2151
+ border-color: rgba(var(--color-sf-secondary), 0);
2152
+ -webkit-box-shadow: none;
2153
+ box-shadow: none;
2154
+ color: rgba(var(--color-sf-on-surface), 0.38);
2155
+ border-color: rgba(var(--color-sf-warning));
2226
2156
  }
2227
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2228
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2229
- border-radius: calc(var(--e-radius) * 0);
2157
+ .e-btn-group .e-btn:disabled.e-danger,
2158
+ .e-btn-group input:disabled + label.e-btn.e-danger,
2159
+ .e-css.e-btn-group .e-btn:disabled.e-danger,
2160
+ .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
2161
+ background: rgba(var(--color-sf-secondary), 0.12);
2162
+ border-color: rgba(var(--color-sf-secondary), 0);
2163
+ -webkit-box-shadow: none;
2164
+ box-shadow: none;
2165
+ color: rgba(var(--color-sf-on-surface), 0.38);
2166
+ border-color: rgba(var(--color-sf-error));
2230
2167
  }
2231
- *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
2232
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
2233
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
2234
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2235
- border-top-left-radius: calc(var(--e-radius) * 0);
2168
+ .e-btn-group .e-btn:disabled.e-link,
2169
+ .e-btn-group input:disabled + label.e-btn.e-link,
2170
+ .e-css.e-btn-group .e-btn:disabled.e-link,
2171
+ .e-css.e-btn-group input:disabled + label.e-btn.e-link {
2172
+ color: rgba(var(--color-sf-on-surface), 0.38);
2173
+ background: transparent;
2174
+ -webkit-box-shadow: none;
2175
+ box-shadow: none;
2176
+ text-decoration: none;
2177
+ border-color: transparent;
2236
2178
  }
2237
- *.e-btn-group.e-rtl .e-btn:last-of-type,
2238
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2239
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2240
- border-top-right-radius: calc(var(--e-radius) * 0);
2179
+ .e-btn-group .e-btn:disabled.e-outline,
2180
+ .e-btn-group input:disabled + label.e-btn.e-outline,
2181
+ .e-css.e-btn-group .e-btn:disabled.e-outline,
2182
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
2183
+ background: transparent;
2184
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2185
+ -webkit-box-shadow: none;
2186
+ box-shadow: none;
2187
+ color: rgba(var(--color-sf-on-surface), 0.38);
2188
+ border-color: rgba(var(--color-sf-outline));
2241
2189
  }
2242
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
2243
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
2244
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2245
- border-top-right-radius: calc(var(--e-radius) * 0);
2190
+ .e-btn-group .e-btn:disabled.e-outline.e-primary,
2191
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
2192
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
2193
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
2194
+ background: transparent;
2195
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2196
+ -webkit-box-shadow: none;
2197
+ box-shadow: none;
2198
+ color: rgba(var(--color-sf-on-surface), 0.38);
2199
+ border-color: rgba(var(--color-sf-primary));
2246
2200
  }
2247
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
2248
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
2249
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2250
- border-top-left-radius: calc(var(--e-radius) * 0);
2201
+ .e-btn-group .e-btn:disabled.e-outline.e-success,
2202
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
2203
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
2204
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
2205
+ background: transparent;
2206
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2207
+ -webkit-box-shadow: none;
2208
+ box-shadow: none;
2209
+ color: rgba(var(--color-sf-on-surface), 0.38);
2210
+ border-color: rgba(var(--color-sf-success));
2251
2211
  }
2252
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
2253
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
2254
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2255
- border-top-right-radius: calc(var(--e-radius) * 0);
2212
+ .e-btn-group .e-btn:disabled.e-outline.e-info,
2213
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
2214
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
2215
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
2216
+ background: transparent;
2217
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2218
+ -webkit-box-shadow: none;
2219
+ box-shadow: none;
2220
+ color: rgba(var(--color-sf-on-surface), 0.38);
2221
+ border-color: rgba(var(--color-sf-info));
2256
2222
  }
2257
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
2258
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
2259
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2260
- border-top-left-radius: calc(var(--e-radius) * 0);
2223
+ .e-btn-group .e-btn:disabled.e-outline.e-warning,
2224
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
2225
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
2226
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
2227
+ background: transparent;
2228
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2229
+ -webkit-box-shadow: none;
2230
+ box-shadow: none;
2231
+ color: rgba(var(--color-sf-on-surface), 0.38);
2232
+ border-color: rgba(var(--color-sf-warning));
2261
2233
  }
2262
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
2263
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
2264
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2265
- border-top-right-radius: calc(var(--e-radius) * 0);
2234
+ .e-btn-group .e-btn:disabled.e-outline.e-danger,
2235
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
2236
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
2237
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
2238
+ background: transparent;
2239
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2240
+ -webkit-box-shadow: none;
2241
+ box-shadow: none;
2242
+ color: rgba(var(--color-sf-on-surface), 0.38);
2243
+ border-color: rgba(var(--color-sf-error));
2266
2244
  }
2267
- *.e-btn-group.e-vertical,
2268
- *.e-css.e-btn-group.e-vertical {
2269
- -webkit-box-orient: vertical;
2270
- -webkit-box-direction: normal;
2271
- -ms-flex-direction: column;
2272
- flex-direction: column;
2245
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
2246
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
2247
+ border-left: transparent;
2248
+ border-right: transparent;
2273
2249
  }
2274
- *.e-btn-group.e-vertical input,
2275
- *.e-css.e-btn-group.e-vertical input {
2276
- margin: -1px 0 0;
2250
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
2251
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
2252
+ border-right: transparent;
2277
2253
  }
2278
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
2279
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
2280
- margin-top: -1px;
2254
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
2255
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
2256
+ border-left: transparent;
2281
2257
  }
2282
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
2283
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
2284
- border-radius: calc(var(--e-radius) * 0);
2258
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
2259
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
2260
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
2261
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
2262
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
2263
+ outline-color: inherit;
2285
2264
  }
2286
- *.e-btn-group.e-vertical .e-btn:first-of-type,
2287
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
2288
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2289
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2290
- border-top-left-radius: calc(var(--e-radius) * 0.125);
2291
- border-top-right-radius: calc(var(--e-radius) * 0.125);
2265
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2266
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2267
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2268
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2269
+ border-color: rgba(var(--color-sf-primary));
2270
+ outline-color: inherit;
2292
2271
  }
2293
- *.e-btn-group.e-vertical .e-btn:last-of-type,
2294
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
2295
- border-bottom-left-radius: calc(var(--e-radius) * 0.125);
2296
- border-bottom-right-radius: calc(var(--e-radius) * 0.125);
2297
- border-top-left-radius: calc(var(--e-radius) * 0);
2298
- border-top-right-radius: calc(var(--e-radius) * 0);
2272
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
2273
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2274
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
2275
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2276
+ border-color: rgba(var(--color-sf-success));
2277
+ outline-color: inherit;
2299
2278
  }
2300
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
2301
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
2302
- border-radius: calc(var(--e-radius) * 1.25);
2279
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
2280
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2281
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
2282
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2283
+ border-color: rgba(var(--color-sf-info));
2284
+ outline-color: inherit;
2303
2285
  }
2304
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
2305
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
2306
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2307
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2286
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2287
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2288
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2289
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2290
+ border-color: rgba(var(--color-sf-warning));
2291
+ outline-color: inherit;
2308
2292
  }
2309
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
2310
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
2311
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2312
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2293
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2294
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2295
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2296
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2297
+ border-color: rgba(var(--color-sf-error));
2298
+ outline-color: inherit;
2313
2299
  }
2314
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
2315
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
2316
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2317
- border-top-right-radius: calc(var(--e-radius) * 0);
2300
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
2301
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
2302
+ border-bottom: transparent;
2303
+ border-top: transparent;
2318
2304
  }
2319
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
2320
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
2321
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2322
- border-top-left-radius: calc(var(--e-radius) * 0);
2305
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
2306
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
2307
+ border-bottom: transparent;
2323
2308
  }
2324
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
2325
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
2326
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2327
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2309
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
2310
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
2311
+ border-top: transparent;
2328
2312
  }
2329
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
2330
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
2331
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2332
- border-top-right-radius: calc(var(--e-radius) * 0);
2313
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2314
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
2315
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2316
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
2317
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
2318
+ outline-color: inherit;
2333
2319
  }
2334
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
2335
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
2336
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2337
- border-top-left-radius: calc(var(--e-radius) * 0);
2320
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2321
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2322
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2323
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2324
+ border-color: rgba(var(--color-sf-primary));
2325
+ outline-color: inherit;
2338
2326
  }
2339
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
2340
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
2341
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2342
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2327
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2328
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2329
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2330
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2331
+ border-color: rgba(var(--color-sf-success));
2332
+ outline-color: inherit;
2343
2333
  }
2344
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
2345
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
2346
- border-radius: calc(var(--e-radius) * 1.25);
2334
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2335
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2336
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2337
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2338
+ border-color: rgba(var(--color-sf-info));
2339
+ outline-color: inherit;
2347
2340
  }
2348
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
2349
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
2350
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2351
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2341
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2342
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2343
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2344
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2345
+ border-color: rgba(var(--color-sf-warning));
2346
+ outline-color: inherit;
2352
2347
  }
2353
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
2354
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
2355
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2356
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2348
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2349
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2350
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2351
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2352
+ border-color: rgba(var(--color-sf-error));
2353
+ outline-color: inherit;
2357
2354
  }
2358
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
2359
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
2360
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2361
- border-top-left-radius: calc(var(--e-radius) * 0);
2355
+ .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2356
+ .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2357
+ border-left: transparent;
2358
+ border-right: transparent;
2362
2359
  }
2363
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
2364
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
2365
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2366
- border-top-right-radius: calc(var(--e-radius) * 0);
2360
+ .e-btn-group.e-rtl .e-btn:first-of-type,
2361
+ .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
2362
+ border-left: transparent;
2363
+ }
2364
+ .e-btn-group.e-rtl .e-btn:last-of-type,
2365
+ .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2366
+ border-right: transparent;
2367
2367
  }
2368
2368
 
2369
2369