@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/ej2-splitbuttons.min.js +2 -2
  2. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-splitbuttons.es2015.js +15 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +15 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-splitbuttons.min.js +2 -2
  9. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +3 -3
  12. package/src/drop-down-button/drop-down-button.js +9 -1
  13. package/src/split-button/split-button.js +6 -0
  14. package/styles/bds-lite.css +702 -702
  15. package/styles/bds.css +702 -702
  16. package/styles/bootstrap-dark-lite.css +227 -227
  17. package/styles/bootstrap-dark.css +227 -227
  18. package/styles/bootstrap-lite.css +227 -227
  19. package/styles/bootstrap.css +227 -227
  20. package/styles/bootstrap4-lite.css +235 -235
  21. package/styles/bootstrap4.css +235 -235
  22. package/styles/bootstrap5-dark-lite.css +235 -235
  23. package/styles/bootstrap5-dark.css +235 -235
  24. package/styles/bootstrap5-lite.css +235 -235
  25. package/styles/bootstrap5.3-lite.css +708 -708
  26. package/styles/bootstrap5.3.css +708 -708
  27. package/styles/bootstrap5.css +235 -235
  28. package/styles/button-group/_all.bds.scss +1 -1
  29. package/styles/button-group/_all.bootstrap-dark.scss +1 -1
  30. package/styles/button-group/_all.bootstrap.scss +1 -1
  31. package/styles/button-group/_all.bootstrap4.scss +1 -1
  32. package/styles/button-group/_all.bootstrap5-dark.scss +1 -1
  33. package/styles/button-group/_all.bootstrap5.3.scss +1 -1
  34. package/styles/button-group/_all.bootstrap5.scss +1 -1
  35. package/styles/button-group/_all.fabric-dark.scss +1 -1
  36. package/styles/button-group/_all.fabric.scss +1 -1
  37. package/styles/button-group/_all.fluent-dark.scss +1 -1
  38. package/styles/button-group/_all.fluent.scss +1 -1
  39. package/styles/button-group/_all.fluent2.scss +1 -1
  40. package/styles/button-group/_all.highcontrast-light.scss +1 -1
  41. package/styles/button-group/_all.highcontrast.scss +1 -1
  42. package/styles/button-group/_all.material-dark.scss +1 -1
  43. package/styles/button-group/_all.material.scss +1 -1
  44. package/styles/button-group/_all.material3-dark.scss +1 -1
  45. package/styles/button-group/_all.material3.scss +1 -1
  46. package/styles/button-group/_all.tailwind-dark.scss +1 -1
  47. package/styles/button-group/_all.tailwind.scss +1 -1
  48. package/styles/button-group/_all.tailwind3.scss +1 -1
  49. package/styles/button-group/_bigger.scss +1 -0
  50. package/styles/button-group/_layout.scss +1 -0
  51. package/styles/button-group/_theme.scss +1 -0
  52. package/styles/button-group/bds.css +702 -702
  53. package/styles/button-group/bootstrap-dark.css +227 -227
  54. package/styles/button-group/bootstrap.css +227 -227
  55. package/styles/button-group/bootstrap4.css +235 -235
  56. package/styles/button-group/bootstrap5-dark.css +235 -235
  57. package/styles/button-group/bootstrap5.3.css +708 -708
  58. package/styles/button-group/bootstrap5.css +235 -235
  59. package/styles/button-group/fabric-dark.css +227 -227
  60. package/styles/button-group/fabric.css +227 -227
  61. package/styles/button-group/fluent-dark.css +227 -227
  62. package/styles/button-group/fluent.css +227 -227
  63. package/styles/button-group/fluent2.css +729 -729
  64. package/styles/button-group/highcontrast-light.css +227 -227
  65. package/styles/button-group/highcontrast.css +227 -227
  66. package/styles/button-group/material-dark.css +227 -227
  67. package/styles/button-group/material.css +227 -227
  68. package/styles/button-group/material3-dark.css +850 -850
  69. package/styles/button-group/material3.css +850 -850
  70. package/styles/button-group/tailwind-dark.css +235 -235
  71. package/styles/button-group/tailwind.css +235 -235
  72. package/styles/button-group/tailwind3.css +745 -745
  73. package/styles/drop-down-button/_bigger.scss +1 -0
  74. package/styles/drop-down-button/_layout.scss +1 -0
  75. package/styles/drop-down-button/_theme.scss +1 -0
  76. package/styles/fabric-dark-lite.css +227 -227
  77. package/styles/fabric-dark.css +227 -227
  78. package/styles/fabric-lite.css +227 -227
  79. package/styles/fabric.css +227 -227
  80. package/styles/fluent-dark-lite.css +227 -227
  81. package/styles/fluent-dark.css +227 -227
  82. package/styles/fluent-lite.css +227 -227
  83. package/styles/fluent.css +227 -227
  84. package/styles/fluent2-lite.css +729 -729
  85. package/styles/fluent2.css +729 -729
  86. package/styles/highcontrast-light-lite.css +227 -227
  87. package/styles/highcontrast-light.css +227 -227
  88. package/styles/highcontrast-lite.css +227 -227
  89. package/styles/highcontrast.css +227 -227
  90. package/styles/material-dark-lite.css +227 -227
  91. package/styles/material-dark.css +227 -227
  92. package/styles/material-lite.css +227 -227
  93. package/styles/material.css +227 -227
  94. package/styles/material3-dark-lite.css +850 -850
  95. package/styles/material3-dark.css +850 -850
  96. package/styles/material3-lite.css +850 -850
  97. package/styles/material3.css +850 -850
  98. package/styles/progress-button/_bigger.scss +1 -0
  99. package/styles/split-button/_bigger.scss +1 -0
  100. package/styles/split-button/_layout.scss +1 -0
  101. package/styles/split-button/_theme.scss +1 -0
  102. package/styles/tailwind-dark-lite.css +235 -235
  103. package/styles/tailwind-dark.css +235 -235
  104. package/styles/tailwind-lite.css +235 -235
  105. package/styles/tailwind.css +235 -235
  106. package/styles/tailwind3-lite.css +745 -745
  107. package/styles/tailwind3.css +745 -745
package/styles/tailwind3-lite.css CHANGED
@@ -933,605 +933,238 @@
933
933
 
934
934
 
935
935
  /* stylelint-disable */
936
- .e-btn-group:not(.e-outline),
937
- .e-css.e-btn-group:not(.e-outline) {
938
- -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
939
- box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
940
- }
941
- .e-btn-group .e-btn:hover,
942
- .e-css.e-btn-group .e-btn:hover {
943
- -webkit-box-shadow: none;
944
- box-shadow: none;
945
- }
946
- .e-btn-group .e-btn:focus,
947
- .e-btn-group input:focus-visible + label.e-btn,
948
- .e-btn-group input:focus + label.e-btn,
949
- .e-css.e-btn-group .e-btn:focus,
950
- .e-css.e-btn-group input:focus-visible + label.e-btn,
951
- .e-css.e-btn-group input:focus + label.e-btn {
952
- background: var(--color-sf-secondary-bg-color-focus);
953
- border-color: var(--color-sf-secondary-border-color);
954
- color: var(--color-sf-secondary-text-color-focus);
955
- outline: var(--color-sf-secondary-bg-color) 0 solid;
956
- outline-offset: 0;
957
- outline-color: inherit;
958
- background: var(--color-sf-secondary-bg-color);
959
- color: var(--color-sf-secondary-text-color);
960
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
961
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
962
- }
963
- .e-btn-group .e-btn:focus.e-primary,
964
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
965
- .e-btn-group input:focus + label.e-btn.e-primary,
966
- .e-css.e-btn-group .e-btn:focus.e-primary,
967
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
968
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
969
- background: var(--color-sf-primary-bg-color-focus);
970
- border-color: var(--color-sf-primary-border-color-focus);
971
- color: var(--color-sf-primary-text-focus);
972
- outline: var(--color-sf-secondary-bg-color) 0 solid;
973
- outline-color: inherit;
974
- background: var(--color-sf-primary-bg-color);
975
- color: var(--color-sf-primary-text-color);
976
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
977
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
978
- }
979
- .e-btn-group .e-btn:focus.e-success,
980
- .e-btn-group input:focus-visible + label.e-btn.e-success,
981
- .e-btn-group input:focus + label.e-btn.e-success,
982
- .e-css.e-btn-group .e-btn:focus.e-success,
983
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
984
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
985
- background: var(--color-sf-success-bg-color-focus);
986
- border-color: var(--color-sf-success-border-color-focus);
987
- color: var(--color-sf-success-text-hover);
988
- outline-color: inherit;
989
- background: var(--color-sf-success-bg-color);
990
- color: var(--color-sf-success-text);
991
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
992
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
993
- }
994
- .e-btn-group .e-btn:focus.e-info,
995
- .e-btn-group input:focus-visible + label.e-btn.e-info,
996
- .e-btn-group input:focus + label.e-btn.e-info,
997
- .e-css.e-btn-group .e-btn:focus.e-info,
998
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
999
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
1000
- background: var(--color-sf-info-bg-color-focus);
1001
- border-color: var(--color-sf-info-border-color-focus);
1002
- color: var(--color-sf-info-text-hover);
1003
- outline-color: inherit;
1004
- background: var(--color-sf-info-bg-color);
1005
- color: var(--color-sf-info-text);
1006
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1007
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1008
- }
1009
- .e-btn-group .e-btn:focus.e-warning,
1010
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1011
- .e-btn-group input:focus + label.e-btn.e-warning,
1012
- .e-css.e-btn-group .e-btn:focus.e-warning,
1013
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1014
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1015
- background: var(--color-sf-warning-bg-color-focus);
1016
- border-color: var(--color-sf-warning-border-color-focus);
1017
- color: var(--color-sf-warning-text-hover);
1018
- outline-color: inherit;
1019
- background: var(--color-sf-warning-bg-color);
1020
- color: var(--color-sf-warning-text);
1021
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1022
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1023
- }
1024
- .e-btn-group .e-btn:focus.e-danger,
1025
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1026
- .e-btn-group input:focus + label.e-btn.e-danger,
1027
- .e-css.e-btn-group .e-btn:focus.e-danger,
1028
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1029
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1030
- background: var(--color-sf-danger-bg-color-focus);
1031
- border-color: var(--color-sf-danger-border-color-focus);
1032
- color: var(--color-sf-danger-text-hover);
1033
- outline-color: inherit;
1034
- background: var(--color-sf-danger-bg-color);
1035
- color: var(--color-sf-danger-text);
1036
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1037
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1038
- }
1039
- .e-btn-group .e-btn:focus.e-link,
1040
- .e-btn-group input:focus-visible + label.e-btn.e-link,
1041
- .e-btn-group input:focus + label.e-btn.e-link,
1042
- .e-css.e-btn-group .e-btn:focus.e-link,
1043
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1044
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
1045
- border-radius: 0;
1046
- text-decoration: underline;
1047
- color: var(--color-sf-primary-border-color-hover);
1048
- background-color: transparent;
1049
- border-color: transparent;
1050
- -webkit-box-shadow: none;
1051
- box-shadow: none;
1052
- outline: none;
1053
- }
1054
- .e-btn-group .e-btn:focus.e-outline,
1055
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1056
- .e-btn-group input:focus + label.e-btn.e-outline,
1057
- .e-css.e-btn-group .e-btn:focus.e-outline,
1058
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1059
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1060
- background: var(--color-sf-secondary-bg-color-focus);
1061
- border: 1px solid var(--color-sf-secondary-border-color-focus);
1062
- color: var(--color-sf-secondary-text-color-focus);
1063
- background: var(--color-sf-transparent);
1064
- color: var(--color-sf-secondary-text-color);
1065
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1066
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1067
- }
1068
- .e-btn-group .e-btn:focus.e-outline.e-primary,
1069
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1070
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1071
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1072
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1073
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1074
- background: var(--color-sf-primary-bg-color-focus);
1075
- border: 1px solid var(--color-sf-primary-border-color-focus);
1076
- color: var(--color-sf-primary-text-focus);
1077
- background: var(--color-sf-transparent);
1078
- color: var(--color-sf-primary-bg-color);
1079
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1080
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1081
- }
1082
- .e-btn-group .e-btn:focus.e-outline.e-success,
1083
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1084
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1085
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1086
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1087
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1088
- background: var(--color-sf-success-bg-color-focus);
1089
- border: 1px solid var(--color-sf-success-border-color-focus);
1090
- color: var(--color-sf-success-text-focus);
1091
- background: var(--color-sf-transparent);
1092
- color: var(--color-sf-success-bg-color);
1093
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1094
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1095
- }
1096
- .e-btn-group .e-btn:focus.e-outline.e-info,
1097
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1098
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1099
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1100
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1101
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1102
- background: var(--color-sf-info-bg-color-focus);
1103
- border: 1px solid var(--color-sf-info-border-color-focus);
1104
- color: var(--color-sf-info-text-focus);
1105
- background: var(--color-sf-transparent);
1106
- color: var(--color-sf-info-bg-color);
1107
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1108
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1109
- }
1110
- .e-btn-group .e-btn:focus.e-outline.e-warning,
1111
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1112
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1113
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1114
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1115
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1116
- background: var(--color-sf-warning-bg-color-focus);
1117
- border: 1px solid var(--color-sf-warning-border-color-focus);
1118
- color: var(--color-sf-warning-text-focus);
1119
- background: var(--color-sf-transparent);
1120
- color: var(--color-sf-warning-bg-color);
1121
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1122
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1123
- }
1124
- .e-btn-group .e-btn:focus.e-outline.e-danger,
1125
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1126
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1127
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1128
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1129
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1130
- background: var(--color-sf-danger-bg-color-focus);
1131
- border: 1px solid var(--color-sf-danger-border-color-focus);
1132
- color: var(--color-sf-danger-text-focus);
1133
- background: var(--color-sf-transparent);
1134
- color: var(--color-sf-danger-bg-color);
1135
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1136
- box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1137
- }
1138
- .e-btn-group .e-btn:active,
1139
- .e-btn-group input:active + label.e-btn,
1140
- .e-btn-group input:checked + label.e-btn,
1141
- .e-css.e-btn-group .e-btn:active,
1142
- .e-css.e-btn-group input:active + label.e-btn,
1143
- .e-css.e-btn-group input:checked + label.e-btn {
1144
- background: var(--color-sf-secondary-bg-color-pressed);
1145
- border-color: var(--color-sf-secondary-border-color-pressed);
1146
- color: var(--color-sf-secondary-text-color-pressed);
1147
- outline: var(--color-sf-secondary-bg-color) 0 solid;
1148
- outline-offset: 0;
1149
- }
1150
- .e-btn-group .e-btn:active.e-primary,
1151
- .e-btn-group input:active + label.e-btn.e-primary,
1152
- .e-btn-group input:checked + label.e-btn.e-primary,
1153
- .e-css.e-btn-group .e-btn:active.e-primary,
1154
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
1155
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1156
- background: var(--color-sf-primary-bg-color-pressed);
1157
- border-color: var(--color-sf-primary-border-color-pressed);
1158
- color: var(--color-sf-primary-text-pressed);
1159
- outline: var(--color-sf-secondary-bg-color) 0 solid;
1160
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1161
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1162
- }
1163
- .e-btn-group .e-btn:active.e-success,
1164
- .e-btn-group input:active + label.e-btn.e-success,
1165
- .e-btn-group input:checked + label.e-btn.e-success,
1166
- .e-css.e-btn-group .e-btn:active.e-success,
1167
- .e-css.e-btn-group input:active + label.e-btn.e-success,
1168
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
1169
- background: var(--color-sf-success-bg-color-pressed);
1170
- border-color: var(--color-sf-success-border-color-pressed);
1171
- color: var(--color-sf-success-text);
1172
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1173
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
936
+ *.e-btn-group,
937
+ *.e-css.e-btn-group {
938
+ display: -webkit-inline-box;
939
+ display: -ms-inline-flexbox;
940
+ display: inline-flex;
941
+ border-radius: 4px;
942
+ -webkit-box-orient: horizontal;
943
+ -webkit-box-direction: normal;
944
+ -ms-flex-direction: row;
945
+ flex-direction: row;
946
+ position: relative;
1174
947
  }
1175
- .e-btn-group .e-btn:active.e-info,
1176
- .e-btn-group input:active + label.e-btn.e-info,
1177
- .e-btn-group input:checked + label.e-btn.e-info,
1178
- .e-css.e-btn-group .e-btn:active.e-info,
1179
- .e-css.e-btn-group input:active + label.e-btn.e-info,
1180
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
1181
- background: var(--color-sf-info-bg-color-pressed);
1182
- color: var(--color-sf-info-text-pressed);
1183
- border-color: var(--color-sf-info-border-color-pressed);
1184
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1185
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
948
+ *.e-btn-group input:focus + label.e-btn,
949
+ *.e-btn-group .e-btn:focus,
950
+ *.e-btn-group .e-btn:hover,
951
+ *.e-css.e-btn-group input:focus + label.e-btn,
952
+ *.e-css.e-btn-group .e-btn:focus,
953
+ *.e-css.e-btn-group .e-btn:hover {
954
+ z-index: 2;
1186
955
  }
1187
- .e-btn-group .e-btn:active.e-warning,
1188
- .e-btn-group input:active + label.e-btn.e-warning,
1189
- .e-btn-group input:checked + label.e-btn.e-warning,
1190
- .e-css.e-btn-group .e-btn:active.e-warning,
1191
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
1192
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1193
- background: var(--color-sf-warning-bg-color-pressed);
1194
- border-color: var(--color-sf-warning-border-color-pressed);
1195
- color: var(--color-sf-warning-text-pressed);
1196
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1197
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
956
+ *.e-btn-group input + label.e-btn,
957
+ *.e-css.e-btn-group input + label.e-btn {
958
+ margin-bottom: 0;
1198
959
  }
1199
- .e-btn-group .e-btn:active.e-danger,
1200
- .e-btn-group input:active + label.e-btn.e-danger,
1201
- .e-btn-group input:checked + label.e-btn.e-danger,
1202
- .e-css.e-btn-group .e-btn:active.e-danger,
1203
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
1204
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1205
- background: var(--color-sf-danger-bg-color-pressed);
1206
- border-color: var(--color-sf-danger-border-color-pressed);
1207
- color: var(--color-sf-danger-text-pressed);
1208
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1209
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
960
+ *.e-btn-group input,
961
+ *.e-css.e-btn-group input {
962
+ -moz-appearance: none;
963
+ height: 1px;
964
+ margin: 0 0 0 -1px;
965
+ opacity: 0;
966
+ position: absolute;
967
+ width: 1px;
1210
968
  }
1211
- .e-btn-group .e-btn:active.e-outline,
1212
- .e-btn-group input:active + label.e-btn.e-outline,
1213
- .e-btn-group input:checked + label.e-btn.e-outline,
1214
- .e-css.e-btn-group .e-btn:active.e-outline,
1215
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
1216
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1217
- background: var(--color-sf-secondary-bg-color-pressed);
1218
- border-color: var(--color-sf-secondary-border-color-pressed);
1219
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1220
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1221
- color: var(--color-sf-secondary-text-color-pressed);
969
+ *.e-btn-group input:disabled + label.e-btn,
970
+ *.e-btn-group :disabled,
971
+ *.e-css.e-btn-group input:disabled + label.e-btn,
972
+ *.e-css.e-btn-group :disabled {
973
+ cursor: default;
974
+ pointer-events: none;
1222
975
  }
1223
- .e-btn-group .e-btn:active.e-outline.e-primary,
1224
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1225
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1226
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1227
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1228
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1229
- background: var(--color-sf-primary-bg-color-pressed);
1230
- border-color: var(--color-sf-primary-border-color-pressed);
1231
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1232
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1233
- color: var(--color-sf-primary-text-pressed);
976
+ *.e-btn-group .e-btn-icon,
977
+ *.e-css.e-btn-group .e-btn-icon {
978
+ font-size: 16px;
1234
979
  }
1235
- .e-btn-group .e-btn:active.e-outline.e-success,
1236
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
1237
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1238
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1239
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1240
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1241
- background: var(--color-sf-success-bg-color-pressed);
1242
- border-color: var(--color-sf-success-border-color-pressed);
1243
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1244
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1245
- color: var(--color-sf-success-text);
980
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
981
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
982
+ margin-left: -1px;
1246
983
  }
1247
- .e-btn-group .e-btn:active.e-outline.e-info,
1248
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
1249
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1250
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1251
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1252
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1253
- background: var(--color-sf-info-bg-color-pressed);
1254
- border-color: var(--color-sf-info-border-color-pressed);
1255
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1256
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1257
- color: var(--color-sf-info-text-pressed);
984
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
985
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
986
+ border-radius: calc(var(--e-radius) * 0);
1258
987
  }
1259
- .e-btn-group .e-btn:active.e-outline.e-warning,
1260
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1261
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1262
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1263
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1264
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1265
- background: var(--color-sf-warning-bg-color-pressed);
1266
- border-color: var(--color-sf-warning-border-color-pressed);
1267
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1268
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1269
- color: var(--color-sf-warning-text-pressed);
988
+ *.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),
989
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
990
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
991
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
992
+ border-top-right-radius: calc(var(--e-radius) * 0);
1270
993
  }
1271
- .e-btn-group .e-btn:active.e-outline.e-danger,
1272
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1273
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1274
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1275
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1276
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1277
- background: var(--color-sf-danger-bg-color-pressed);
1278
- border-color: var(--color-sf-danger-border-color-pressed);
1279
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1280
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1281
- color: var(--color-sf-danger-text-pressed);
994
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
995
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
996
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
997
+ border-top-left-radius: calc(var(--e-radius) * 0);
1282
998
  }
1283
- .e-btn-group .e-btn:disabled,
1284
- .e-btn-group input:disabled + label.e-btn,
1285
- .e-css.e-btn-group .e-btn:disabled,
1286
- .e-css.e-btn-group input:disabled + label.e-btn {
1287
- background-color: var(--color-sf-secondary-bg-color-disabled);
1288
- border-color: var(--color-sf-secondary-border-color-disabled);
1289
- -webkit-box-shadow: none;
1290
- box-shadow: none;
1291
- color: var(--color-sf-secondary-text-color-disabled);
1292
- border-color: var(--color-sf-secondary-border-color);
999
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1000
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1001
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1002
+ border-top-left-radius: calc(var(--e-radius) * 0);
1293
1003
  }
1294
- .e-btn-group .e-btn:disabled.e-primary,
1295
- .e-btn-group input:disabled + label.e-btn.e-primary,
1296
- .e-css.e-btn-group .e-btn:disabled.e-primary,
1297
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1298
- background: var(--color-sf-primary-bg-color-disabled);
1299
- border-color: var(--color-sf-primary-border-color-disabled);
1300
- -webkit-box-shadow: none;
1301
- box-shadow: none;
1302
- color: var(--color-sf-primary-text-disabled);
1004
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1005
+ *.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 {
1006
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1007
+ border-top-right-radius: calc(var(--e-radius) * 0);
1303
1008
  }
1304
- .e-btn-group .e-btn:disabled.e-success,
1305
- .e-btn-group input:disabled + label.e-btn.e-success,
1306
- .e-css.e-btn-group .e-btn:disabled.e-success,
1307
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1308
- background: var(--color-sf-success-bg-color-disabled);
1309
- border-color: var(--color-sf-success-border-color-disabled);
1310
- -webkit-box-shadow: none;
1311
- box-shadow: none;
1312
- color: var(--color-sf-success-text-disabled);
1009
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1010
+ *.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 {
1011
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1012
+ border-top-left-radius: calc(var(--e-radius) * 0);
1313
1013
  }
1314
- .e-btn-group .e-btn:disabled.e-info,
1315
- .e-btn-group input:disabled + label.e-btn.e-info,
1316
- .e-css.e-btn-group .e-btn:disabled.e-info,
1317
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1318
- background: var(--color-sf-info-bg-color-disabled);
1319
- border-color: var(--color-sf-content-bg-color);
1320
- -webkit-box-shadow: none;
1321
- box-shadow: none;
1322
- color: var(--color-sf-info-text-disabled);
1014
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1015
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1016
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1017
+ border-top-right-radius: calc(var(--e-radius) * 0);
1323
1018
  }
1324
- .e-btn-group .e-btn:disabled.e-warning,
1325
- .e-btn-group input:disabled + label.e-btn.e-warning,
1326
- .e-css.e-btn-group .e-btn:disabled.e-warning,
1327
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1328
- background: var(--color-sf-warning-bg-color-disabled);
1329
- border-color: var(--color-sf-warning-border-color-disabled);
1330
- -webkit-box-shadow: none;
1331
- box-shadow: none;
1332
- color: var(--color-sf-warning-text-disabled);
1019
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1020
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1021
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1022
+ border-top-left-radius: calc(var(--e-radius) * 0);
1333
1023
  }
1334
- .e-btn-group .e-btn:disabled.e-danger,
1335
- .e-btn-group input:disabled + label.e-btn.e-danger,
1336
- .e-css.e-btn-group .e-btn:disabled.e-danger,
1337
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1338
- background: var(--color-sf-danger-bg-color-disabled);
1339
- border-color: var(--color-sf-danger-border-color-disabled);
1340
- -webkit-box-shadow: none;
1341
- box-shadow: none;
1342
- color: var(--color-sf-warning-text-disabled);
1024
+ *.e-btn-group.e-rtl .e-btn,
1025
+ *.e-css.e-btn-group.e-rtl .e-btn {
1026
+ margin-left: -1px;
1343
1027
  }
1344
- .e-btn-group .e-btn:disabled.e-link,
1345
- .e-btn-group input:disabled + label.e-btn.e-link,
1346
- .e-css.e-btn-group .e-btn:disabled.e-link,
1347
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1348
- color: var(--color-sf-content-bg-color-alt5);
1349
- background: transparent;
1350
- -webkit-box-shadow: none;
1351
- box-shadow: none;
1352
- text-decoration: none;
1028
+ *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1029
+ *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1030
+ border-radius: calc(var(--e-radius) * 0);
1353
1031
  }
1354
- .e-btn-group .e-btn:disabled.e-outline,
1355
- .e-btn-group input:disabled + label.e-btn.e-outline,
1356
- .e-css.e-btn-group .e-btn:disabled.e-outline,
1357
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1358
- background: transparent;
1359
- border: 1px solid var(--color-sf-secondary-border-color-disabled);
1360
- color: var(--color-sf-secondary-text-color-disabled);
1361
- border-color: var(--color-sf-secondary-border-color);
1032
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1033
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1034
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1035
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1036
+ border-top-left-radius: calc(var(--e-radius) * 0);
1362
1037
  }
1363
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
1364
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1365
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1366
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1367
- background: transparent;
1368
- border-color: rgba(var(--color-sf-primary), 0.65);
1369
- -webkit-box-shadow: none;
1370
- box-shadow: none;
1371
- color: var(--color-sf-primary-bg-color-disabled);
1038
+ *.e-btn-group.e-rtl .e-btn:last-of-type,
1039
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1040
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1041
+ border-top-right-radius: calc(var(--e-radius) * 0);
1372
1042
  }
1373
- .e-btn-group .e-btn:disabled.e-outline.e-success,
1374
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1375
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1376
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1377
- background: transparent;
1378
- border-color: rgba(var(--color-sf-success-bg-color), 0.65);
1379
- -webkit-box-shadow: none;
1380
- box-shadow: none;
1381
- color: var(--color-sf-success-bg-color-disabled);
1043
+ *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
1044
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
1045
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1046
+ border-top-right-radius: calc(var(--e-radius) * 0);
1382
1047
  }
1383
- .e-btn-group .e-btn:disabled.e-outline.e-info,
1384
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1385
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1386
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1387
- background: transparent;
1388
- border-color: rgba(var(--color-sf-info-bg-color), 0.65);
1389
- -webkit-box-shadow: none;
1390
- box-shadow: none;
1391
- color: var(--color-sf-info-bg-color-disabled);
1048
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1049
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1050
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1051
+ border-top-left-radius: calc(var(--e-radius) * 0);
1392
1052
  }
1393
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
1394
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1395
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1396
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1397
- background: transparent;
1398
- border-color: rgba(var(--color-sf-warning-bg-color), 0.65);
1399
- -webkit-box-shadow: none;
1400
- box-shadow: none;
1401
- color: var(--color-sf-warning-bg-color-disabled);
1053
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1054
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1055
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1056
+ border-top-right-radius: calc(var(--e-radius) * 0);
1402
1057
  }
1403
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
1404
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1405
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1406
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1407
- background: transparent;
1408
- border-color: rgba(var(--color-sf-danger-bg-color), 0.65);
1409
- -webkit-box-shadow: none;
1410
- box-shadow: none;
1411
- color: var(--color-sf-danger-bg-color-disabled);
1058
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
1059
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
1060
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1061
+ border-top-left-radius: calc(var(--e-radius) * 0);
1412
1062
  }
1413
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1414
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1415
- border-left: transparent;
1416
- border-right: transparent;
1063
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
1064
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
1065
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1066
+ border-top-right-radius: calc(var(--e-radius) * 0);
1417
1067
  }
1418
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1419
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1420
- border-right: transparent;
1068
+ *.e-btn-group.e-vertical,
1069
+ *.e-css.e-btn-group.e-vertical {
1070
+ -webkit-box-orient: vertical;
1071
+ -webkit-box-direction: normal;
1072
+ -ms-flex-direction: column;
1073
+ flex-direction: column;
1421
1074
  }
1422
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1423
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1424
- border-left: transparent;
1075
+ *.e-btn-group.e-vertical input,
1076
+ *.e-css.e-btn-group.e-vertical input {
1077
+ margin: -1px 0 0;
1425
1078
  }
1426
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1427
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1428
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1429
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1430
- border-color: var(--color-sf-secondary-border-color);
1431
- outline-color: inherit;
1079
+ *.e-btn-group.e-vertical .e-btn:not(.e-outline),
1080
+ *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
1081
+ margin-top: -1px;
1432
1082
  }
1433
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1434
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1435
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1436
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1437
- border-color: var(--color-sf-primary);
1438
- outline-color: inherit;
1083
+ *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
1084
+ *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
1085
+ border-radius: calc(var(--e-radius) * 0);
1439
1086
  }
1440
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1441
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1442
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1443
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1444
- border-color: var(--color-sf-success-border-color-focus);
1445
- outline-color: inherit;
1087
+ *.e-btn-group.e-vertical .e-btn:first-of-type,
1088
+ *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
1089
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1090
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1091
+ border-top-left-radius: calc(var(--e-radius) * 0.125);
1092
+ border-top-right-radius: calc(var(--e-radius) * 0.125);
1446
1093
  }
1447
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1448
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1449
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1450
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1451
- border-color: var(--color-sf-info-border-color-focus);
1452
- outline-color: inherit;
1094
+ *.e-btn-group.e-vertical .e-btn:last-of-type,
1095
+ *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
1096
+ border-bottom-left-radius: calc(var(--e-radius) * 0.125);
1097
+ border-bottom-right-radius: calc(var(--e-radius) * 0.125);
1098
+ border-top-left-radius: calc(var(--e-radius) * 0);
1099
+ border-top-right-radius: calc(var(--e-radius) * 0);
1453
1100
  }
1454
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1455
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1456
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1457
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1458
- border-color: var(--color-sf-warning-border-color-focus);
1459
- outline-color: inherit;
1101
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
1102
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
1103
+ border-radius: calc(var(--e-radius) * 1.25);
1460
1104
  }
1461
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1462
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1463
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1464
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1465
- border-color: var(--color-sf-danger-border-color-focus);
1466
- outline-color: inherit;
1105
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
1106
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
1107
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1108
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1467
1109
  }
1468
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1469
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1470
- border-bottom: transparent;
1471
- border-top: transparent;
1110
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
1111
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
1112
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1113
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1472
1114
  }
1473
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1474
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1475
- border-bottom: transparent;
1115
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
1116
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
1117
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1118
+ border-top-right-radius: calc(var(--e-radius) * 0);
1476
1119
  }
1477
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1478
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1479
- border-top: transparent;
1120
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
1121
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
1122
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1123
+ border-top-left-radius: calc(var(--e-radius) * 0);
1480
1124
  }
1481
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1482
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1483
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1484
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1485
- border-color: var(--color-sf-secondary-border-color);
1486
- outline-color: inherit;
1125
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
1126
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
1127
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1128
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1487
1129
  }
1488
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1489
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1490
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1491
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1492
- border-color: var(--color-sf-primary);
1493
- outline-color: inherit;
1130
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
1131
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
1132
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1133
+ border-top-right-radius: calc(var(--e-radius) * 0);
1494
1134
  }
1495
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1496
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1497
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1498
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1499
- border-color: var(--color-sf-success-border-color-focus);
1500
- outline-color: inherit;
1135
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
1136
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
1137
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1138
+ border-top-left-radius: calc(var(--e-radius) * 0);
1501
1139
  }
1502
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1503
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1504
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1505
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1506
- border-color: var(--color-sf-info-border-color-focus);
1507
- outline-color: inherit;
1140
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
1141
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
1142
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1143
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1508
1144
  }
1509
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1510
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1511
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1512
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1513
- border-color: var(--color-sf-warning-border-color-focus);
1514
- outline-color: inherit;
1145
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
1146
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
1147
+ border-radius: calc(var(--e-radius) * 1.25);
1515
1148
  }
1516
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1517
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1518
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1519
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1520
- border-color: var(--color-sf-danger-border-color-focus);
1521
- outline-color: inherit;
1149
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
1150
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
1151
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1152
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1522
1153
  }
1523
- .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1524
- .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1525
- border-left: transparent;
1526
- border-right: transparent;
1154
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
1155
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
1156
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1157
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1527
1158
  }
1528
- .e-btn-group.e-rtl .e-btn:first-of-type,
1529
- .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
1530
- border-left: transparent;
1159
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
1160
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
1161
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1162
+ border-top-left-radius: calc(var(--e-radius) * 0);
1531
1163
  }
1532
- .e-btn-group.e-rtl .e-btn:last-of-type,
1533
- .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1534
- border-right: transparent;
1164
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
1165
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
1166
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1167
+ border-top-right-radius: calc(var(--e-radius) * 0);
1535
1168
  }
1536
1169
 
1537
1170
 
@@ -1609,238 +1242,605 @@
1609
1242
 
1610
1243
 
1611
1244
  /* stylelint-disable */
1612
- *.e-btn-group,
1613
- *.e-css.e-btn-group {
1614
- display: -webkit-inline-box;
1615
- display: -ms-inline-flexbox;
1616
- display: inline-flex;
1617
- border-radius: 4px;
1618
- -webkit-box-orient: horizontal;
1619
- -webkit-box-direction: normal;
1620
- -ms-flex-direction: row;
1621
- flex-direction: row;
1622
- position: relative;
1245
+ .e-btn-group:not(.e-outline),
1246
+ .e-css.e-btn-group:not(.e-outline) {
1247
+ -webkit-box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1248
+ box-shadow: 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
1249
+ }
1250
+ .e-btn-group .e-btn:hover,
1251
+ .e-css.e-btn-group .e-btn:hover {
1252
+ -webkit-box-shadow: none;
1253
+ box-shadow: none;
1254
+ }
1255
+ .e-btn-group .e-btn:focus,
1256
+ .e-btn-group input:focus-visible + label.e-btn,
1257
+ .e-btn-group input:focus + label.e-btn,
1258
+ .e-css.e-btn-group .e-btn:focus,
1259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
1260
+ .e-css.e-btn-group input:focus + label.e-btn {
1261
+ background: var(--color-sf-secondary-bg-color-focus);
1262
+ border-color: var(--color-sf-secondary-border-color);
1263
+ color: var(--color-sf-secondary-text-color-focus);
1264
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1265
+ outline-offset: 0;
1266
+ outline-color: inherit;
1267
+ background: var(--color-sf-secondary-bg-color);
1268
+ color: var(--color-sf-secondary-text-color);
1269
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1270
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1271
+ }
1272
+ .e-btn-group .e-btn:focus.e-primary,
1273
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1274
+ .e-btn-group input:focus + label.e-btn.e-primary,
1275
+ .e-css.e-btn-group .e-btn:focus.e-primary,
1276
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1277
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1278
+ background: var(--color-sf-primary-bg-color-focus);
1279
+ border-color: var(--color-sf-primary-border-color-focus);
1280
+ color: var(--color-sf-primary-text-focus);
1281
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1282
+ outline-color: inherit;
1283
+ background: var(--color-sf-primary-bg-color);
1284
+ color: var(--color-sf-primary-text-color);
1285
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1286
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1287
+ }
1288
+ .e-btn-group .e-btn:focus.e-success,
1289
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1290
+ .e-btn-group input:focus + label.e-btn.e-success,
1291
+ .e-css.e-btn-group .e-btn:focus.e-success,
1292
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1293
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
1294
+ background: var(--color-sf-success-bg-color-focus);
1295
+ border-color: var(--color-sf-success-border-color-focus);
1296
+ color: var(--color-sf-success-text-hover);
1297
+ outline-color: inherit;
1298
+ background: var(--color-sf-success-bg-color);
1299
+ color: var(--color-sf-success-text);
1300
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1301
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1302
+ }
1303
+ .e-btn-group .e-btn:focus.e-info,
1304
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1305
+ .e-btn-group input:focus + label.e-btn.e-info,
1306
+ .e-css.e-btn-group .e-btn:focus.e-info,
1307
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1308
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
1309
+ background: var(--color-sf-info-bg-color-focus);
1310
+ border-color: var(--color-sf-info-border-color-focus);
1311
+ color: var(--color-sf-info-text-hover);
1312
+ outline-color: inherit;
1313
+ background: var(--color-sf-info-bg-color);
1314
+ color: var(--color-sf-info-text);
1315
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1316
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1317
+ }
1318
+ .e-btn-group .e-btn:focus.e-warning,
1319
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1320
+ .e-btn-group input:focus + label.e-btn.e-warning,
1321
+ .e-css.e-btn-group .e-btn:focus.e-warning,
1322
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1323
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1324
+ background: var(--color-sf-warning-bg-color-focus);
1325
+ border-color: var(--color-sf-warning-border-color-focus);
1326
+ color: var(--color-sf-warning-text-hover);
1327
+ outline-color: inherit;
1328
+ background: var(--color-sf-warning-bg-color);
1329
+ color: var(--color-sf-warning-text);
1330
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1331
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1332
+ }
1333
+ .e-btn-group .e-btn:focus.e-danger,
1334
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1335
+ .e-btn-group input:focus + label.e-btn.e-danger,
1336
+ .e-css.e-btn-group .e-btn:focus.e-danger,
1337
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1338
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1339
+ background: var(--color-sf-danger-bg-color-focus);
1340
+ border-color: var(--color-sf-danger-border-color-focus);
1341
+ color: var(--color-sf-danger-text-hover);
1342
+ outline-color: inherit;
1343
+ background: var(--color-sf-danger-bg-color);
1344
+ color: var(--color-sf-danger-text);
1345
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1346
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1347
+ }
1348
+ .e-btn-group .e-btn:focus.e-link,
1349
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1350
+ .e-btn-group input:focus + label.e-btn.e-link,
1351
+ .e-css.e-btn-group .e-btn:focus.e-link,
1352
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1353
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
1354
+ border-radius: 0;
1355
+ text-decoration: underline;
1356
+ color: var(--color-sf-primary-border-color-hover);
1357
+ background-color: transparent;
1358
+ border-color: transparent;
1359
+ -webkit-box-shadow: none;
1360
+ box-shadow: none;
1361
+ outline: none;
1362
+ }
1363
+ .e-btn-group .e-btn:focus.e-outline,
1364
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1365
+ .e-btn-group input:focus + label.e-btn.e-outline,
1366
+ .e-css.e-btn-group .e-btn:focus.e-outline,
1367
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1368
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1369
+ background: var(--color-sf-secondary-bg-color-focus);
1370
+ border: 1px solid var(--color-sf-secondary-border-color-focus);
1371
+ color: var(--color-sf-secondary-text-color-focus);
1372
+ background: var(--color-sf-transparent);
1373
+ color: var(--color-sf-secondary-text-color);
1374
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1375
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1376
+ }
1377
+ .e-btn-group .e-btn:focus.e-outline.e-primary,
1378
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1379
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1380
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1381
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1382
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1383
+ background: var(--color-sf-primary-bg-color-focus);
1384
+ border: 1px solid var(--color-sf-primary-border-color-focus);
1385
+ color: var(--color-sf-primary-text-focus);
1386
+ background: var(--color-sf-transparent);
1387
+ color: var(--color-sf-primary-bg-color);
1388
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1389
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1390
+ }
1391
+ .e-btn-group .e-btn:focus.e-outline.e-success,
1392
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1393
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1394
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1395
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1396
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1397
+ background: var(--color-sf-success-bg-color-focus);
1398
+ border: 1px solid var(--color-sf-success-border-color-focus);
1399
+ color: var(--color-sf-success-text-focus);
1400
+ background: var(--color-sf-transparent);
1401
+ color: var(--color-sf-success-bg-color);
1402
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1403
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1404
+ }
1405
+ .e-btn-group .e-btn:focus.e-outline.e-info,
1406
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1407
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1408
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1409
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1410
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1411
+ background: var(--color-sf-info-bg-color-focus);
1412
+ border: 1px solid var(--color-sf-info-border-color-focus);
1413
+ color: var(--color-sf-info-text-focus);
1414
+ background: var(--color-sf-transparent);
1415
+ color: var(--color-sf-info-bg-color);
1416
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1417
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1418
+ }
1419
+ .e-btn-group .e-btn:focus.e-outline.e-warning,
1420
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1421
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1422
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1423
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1424
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1425
+ background: var(--color-sf-warning-bg-color-focus);
1426
+ border: 1px solid var(--color-sf-warning-border-color-focus);
1427
+ color: var(--color-sf-warning-text-focus);
1428
+ background: var(--color-sf-transparent);
1429
+ color: var(--color-sf-warning-bg-color);
1430
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1431
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1432
+ }
1433
+ .e-btn-group .e-btn:focus.e-outline.e-danger,
1434
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1435
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1436
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1437
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1438
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1439
+ background: var(--color-sf-danger-bg-color-focus);
1440
+ border: 1px solid var(--color-sf-danger-border-color-focus);
1441
+ color: var(--color-sf-danger-text-focus);
1442
+ background: var(--color-sf-transparent);
1443
+ color: var(--color-sf-danger-bg-color);
1444
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1445
+ box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary);
1446
+ }
1447
+ .e-btn-group .e-btn:active,
1448
+ .e-btn-group input:active + label.e-btn,
1449
+ .e-btn-group input:checked + label.e-btn,
1450
+ .e-css.e-btn-group .e-btn:active,
1451
+ .e-css.e-btn-group input:active + label.e-btn,
1452
+ .e-css.e-btn-group input:checked + label.e-btn {
1453
+ background: var(--color-sf-secondary-bg-color-pressed);
1454
+ border-color: var(--color-sf-secondary-border-color-pressed);
1455
+ color: var(--color-sf-secondary-text-color-pressed);
1456
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1457
+ outline-offset: 0;
1458
+ }
1459
+ .e-btn-group .e-btn:active.e-primary,
1460
+ .e-btn-group input:active + label.e-btn.e-primary,
1461
+ .e-btn-group input:checked + label.e-btn.e-primary,
1462
+ .e-css.e-btn-group .e-btn:active.e-primary,
1463
+ .e-css.e-btn-group input:active + label.e-btn.e-primary,
1464
+ .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1465
+ background: var(--color-sf-primary-bg-color-pressed);
1466
+ border-color: var(--color-sf-primary-border-color-pressed);
1467
+ color: var(--color-sf-primary-text-pressed);
1468
+ outline: var(--color-sf-secondary-bg-color) 0 solid;
1469
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1470
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1623
1471
  }
1624
- *.e-btn-group input:focus + label.e-btn,
1625
- *.e-btn-group .e-btn:focus,
1626
- *.e-btn-group .e-btn:hover,
1627
- *.e-css.e-btn-group input:focus + label.e-btn,
1628
- *.e-css.e-btn-group .e-btn:focus,
1629
- *.e-css.e-btn-group .e-btn:hover {
1630
- z-index: 2;
1472
+ .e-btn-group .e-btn:active.e-success,
1473
+ .e-btn-group input:active + label.e-btn.e-success,
1474
+ .e-btn-group input:checked + label.e-btn.e-success,
1475
+ .e-css.e-btn-group .e-btn:active.e-success,
1476
+ .e-css.e-btn-group input:active + label.e-btn.e-success,
1477
+ .e-css.e-btn-group input:checked + label.e-btn.e-success {
1478
+ background: var(--color-sf-success-bg-color-pressed);
1479
+ border-color: var(--color-sf-success-border-color-pressed);
1480
+ color: var(--color-sf-success-text);
1481
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1482
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1631
1483
  }
1632
- *.e-btn-group input + label.e-btn,
1633
- *.e-css.e-btn-group input + label.e-btn {
1634
- margin-bottom: 0;
1484
+ .e-btn-group .e-btn:active.e-info,
1485
+ .e-btn-group input:active + label.e-btn.e-info,
1486
+ .e-btn-group input:checked + label.e-btn.e-info,
1487
+ .e-css.e-btn-group .e-btn:active.e-info,
1488
+ .e-css.e-btn-group input:active + label.e-btn.e-info,
1489
+ .e-css.e-btn-group input:checked + label.e-btn.e-info {
1490
+ background: var(--color-sf-info-bg-color-pressed);
1491
+ color: var(--color-sf-info-text-pressed);
1492
+ border-color: var(--color-sf-info-border-color-pressed);
1493
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1494
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1635
1495
  }
1636
- *.e-btn-group input,
1637
- *.e-css.e-btn-group input {
1638
- -moz-appearance: none;
1639
- height: 1px;
1640
- margin: 0 0 0 -1px;
1641
- opacity: 0;
1642
- position: absolute;
1643
- width: 1px;
1496
+ .e-btn-group .e-btn:active.e-warning,
1497
+ .e-btn-group input:active + label.e-btn.e-warning,
1498
+ .e-btn-group input:checked + label.e-btn.e-warning,
1499
+ .e-css.e-btn-group .e-btn:active.e-warning,
1500
+ .e-css.e-btn-group input:active + label.e-btn.e-warning,
1501
+ .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1502
+ background: var(--color-sf-warning-bg-color-pressed);
1503
+ border-color: var(--color-sf-warning-border-color-pressed);
1504
+ color: var(--color-sf-warning-text-pressed);
1505
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1506
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1644
1507
  }
1645
- *.e-btn-group input:disabled + label.e-btn,
1646
- *.e-btn-group :disabled,
1647
- *.e-css.e-btn-group input:disabled + label.e-btn,
1648
- *.e-css.e-btn-group :disabled {
1649
- cursor: default;
1650
- pointer-events: none;
1508
+ .e-btn-group .e-btn:active.e-danger,
1509
+ .e-btn-group input:active + label.e-btn.e-danger,
1510
+ .e-btn-group input:checked + label.e-btn.e-danger,
1511
+ .e-css.e-btn-group .e-btn:active.e-danger,
1512
+ .e-css.e-btn-group input:active + label.e-btn.e-danger,
1513
+ .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1514
+ background: var(--color-sf-danger-bg-color-pressed);
1515
+ border-color: var(--color-sf-danger-border-color-pressed);
1516
+ color: var(--color-sf-danger-text-pressed);
1517
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1518
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1651
1519
  }
1652
- *.e-btn-group .e-btn-icon,
1653
- *.e-css.e-btn-group .e-btn-icon {
1654
- font-size: 16px;
1520
+ .e-btn-group .e-btn:active.e-outline,
1521
+ .e-btn-group input:active + label.e-btn.e-outline,
1522
+ .e-btn-group input:checked + label.e-btn.e-outline,
1523
+ .e-css.e-btn-group .e-btn:active.e-outline,
1524
+ .e-css.e-btn-group input:active + label.e-btn.e-outline,
1525
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1526
+ background: var(--color-sf-secondary-bg-color-pressed);
1527
+ border-color: var(--color-sf-secondary-border-color-pressed);
1528
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1529
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1530
+ color: var(--color-sf-secondary-text-color-pressed);
1655
1531
  }
1656
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
1657
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
1658
- margin-left: -1px;
1532
+ .e-btn-group .e-btn:active.e-outline.e-primary,
1533
+ .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1534
+ .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1535
+ .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1536
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1537
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1538
+ background: var(--color-sf-primary-bg-color-pressed);
1539
+ border-color: var(--color-sf-primary-border-color-pressed);
1540
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1541
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1542
+ color: var(--color-sf-primary-text-pressed);
1659
1543
  }
1660
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
1661
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
1662
- border-radius: calc(var(--e-radius) * 0);
1544
+ .e-btn-group .e-btn:active.e-outline.e-success,
1545
+ .e-btn-group input:active + label.e-btn.e-outline.e-success,
1546
+ .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1547
+ .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1548
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1549
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1550
+ background: var(--color-sf-success-bg-color-pressed);
1551
+ border-color: var(--color-sf-success-border-color-pressed);
1552
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1553
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1554
+ color: var(--color-sf-success-text);
1663
1555
  }
1664
- *.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),
1665
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
1666
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
1667
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1668
- border-top-right-radius: calc(var(--e-radius) * 0);
1556
+ .e-btn-group .e-btn:active.e-outline.e-info,
1557
+ .e-btn-group input:active + label.e-btn.e-outline.e-info,
1558
+ .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1559
+ .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1560
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1561
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1562
+ background: var(--color-sf-info-bg-color-pressed);
1563
+ border-color: var(--color-sf-info-border-color-pressed);
1564
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1565
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1566
+ color: var(--color-sf-info-text-pressed);
1669
1567
  }
1670
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
1671
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1672
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1673
- border-top-left-radius: calc(var(--e-radius) * 0);
1568
+ .e-btn-group .e-btn:active.e-outline.e-warning,
1569
+ .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1570
+ .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1571
+ .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1572
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1573
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1574
+ background: var(--color-sf-warning-bg-color-pressed);
1575
+ border-color: var(--color-sf-warning-border-color-pressed);
1576
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1577
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1578
+ color: var(--color-sf-warning-text-pressed);
1674
1579
  }
1675
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1676
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1677
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1678
- border-top-left-radius: calc(var(--e-radius) * 0);
1580
+ .e-btn-group .e-btn:active.e-outline.e-danger,
1581
+ .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1582
+ .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1583
+ .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1584
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1585
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1586
+ background: var(--color-sf-danger-bg-color-pressed);
1587
+ border-color: var(--color-sf-danger-border-color-pressed);
1588
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1589
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
1590
+ color: var(--color-sf-danger-text-pressed);
1679
1591
  }
1680
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1681
- *.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 {
1682
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1683
- border-top-right-radius: calc(var(--e-radius) * 0);
1592
+ .e-btn-group .e-btn:disabled,
1593
+ .e-btn-group input:disabled + label.e-btn,
1594
+ .e-css.e-btn-group .e-btn:disabled,
1595
+ .e-css.e-btn-group input:disabled + label.e-btn {
1596
+ background-color: var(--color-sf-secondary-bg-color-disabled);
1597
+ border-color: var(--color-sf-secondary-border-color-disabled);
1598
+ -webkit-box-shadow: none;
1599
+ box-shadow: none;
1600
+ color: var(--color-sf-secondary-text-color-disabled);
1601
+ border-color: var(--color-sf-secondary-border-color);
1684
1602
  }
1685
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1686
- *.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 {
1687
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1688
- border-top-left-radius: calc(var(--e-radius) * 0);
1603
+ .e-btn-group .e-btn:disabled.e-primary,
1604
+ .e-btn-group input:disabled + label.e-btn.e-primary,
1605
+ .e-css.e-btn-group .e-btn:disabled.e-primary,
1606
+ .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1607
+ background: var(--color-sf-primary-bg-color-disabled);
1608
+ border-color: var(--color-sf-primary-border-color-disabled);
1609
+ -webkit-box-shadow: none;
1610
+ box-shadow: none;
1611
+ color: var(--color-sf-primary-text-disabled);
1689
1612
  }
1690
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1691
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1692
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1693
- border-top-right-radius: calc(var(--e-radius) * 0);
1613
+ .e-btn-group .e-btn:disabled.e-success,
1614
+ .e-btn-group input:disabled + label.e-btn.e-success,
1615
+ .e-css.e-btn-group .e-btn:disabled.e-success,
1616
+ .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1617
+ background: var(--color-sf-success-bg-color-disabled);
1618
+ border-color: var(--color-sf-success-border-color-disabled);
1619
+ -webkit-box-shadow: none;
1620
+ box-shadow: none;
1621
+ color: var(--color-sf-success-text-disabled);
1694
1622
  }
1695
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1696
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1697
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1698
- border-top-left-radius: calc(var(--e-radius) * 0);
1623
+ .e-btn-group .e-btn:disabled.e-info,
1624
+ .e-btn-group input:disabled + label.e-btn.e-info,
1625
+ .e-css.e-btn-group .e-btn:disabled.e-info,
1626
+ .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1627
+ background: var(--color-sf-info-bg-color-disabled);
1628
+ border-color: var(--color-sf-content-bg-color);
1629
+ -webkit-box-shadow: none;
1630
+ box-shadow: none;
1631
+ color: var(--color-sf-info-text-disabled);
1699
1632
  }
1700
- *.e-btn-group.e-rtl .e-btn,
1701
- *.e-css.e-btn-group.e-rtl .e-btn {
1702
- margin-left: -1px;
1633
+ .e-btn-group .e-btn:disabled.e-warning,
1634
+ .e-btn-group input:disabled + label.e-btn.e-warning,
1635
+ .e-css.e-btn-group .e-btn:disabled.e-warning,
1636
+ .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1637
+ background: var(--color-sf-warning-bg-color-disabled);
1638
+ border-color: var(--color-sf-warning-border-color-disabled);
1639
+ -webkit-box-shadow: none;
1640
+ box-shadow: none;
1641
+ color: var(--color-sf-warning-text-disabled);
1703
1642
  }
1704
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1705
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1706
- border-radius: calc(var(--e-radius) * 0);
1643
+ .e-btn-group .e-btn:disabled.e-danger,
1644
+ .e-btn-group input:disabled + label.e-btn.e-danger,
1645
+ .e-css.e-btn-group .e-btn:disabled.e-danger,
1646
+ .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1647
+ background: var(--color-sf-danger-bg-color-disabled);
1648
+ border-color: var(--color-sf-danger-border-color-disabled);
1649
+ -webkit-box-shadow: none;
1650
+ box-shadow: none;
1651
+ color: var(--color-sf-warning-text-disabled);
1707
1652
  }
1708
- *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1709
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1710
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1711
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1712
- border-top-left-radius: calc(var(--e-radius) * 0);
1653
+ .e-btn-group .e-btn:disabled.e-link,
1654
+ .e-btn-group input:disabled + label.e-btn.e-link,
1655
+ .e-css.e-btn-group .e-btn:disabled.e-link,
1656
+ .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1657
+ color: var(--color-sf-content-bg-color-alt5);
1658
+ background: transparent;
1659
+ -webkit-box-shadow: none;
1660
+ box-shadow: none;
1661
+ text-decoration: none;
1662
+ }
1663
+ .e-btn-group .e-btn:disabled.e-outline,
1664
+ .e-btn-group input:disabled + label.e-btn.e-outline,
1665
+ .e-css.e-btn-group .e-btn:disabled.e-outline,
1666
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1667
+ background: transparent;
1668
+ border: 1px solid var(--color-sf-secondary-border-color-disabled);
1669
+ color: var(--color-sf-secondary-text-color-disabled);
1670
+ border-color: var(--color-sf-secondary-border-color);
1713
1671
  }
1714
- *.e-btn-group.e-rtl .e-btn:last-of-type,
1715
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1716
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1717
- border-top-right-radius: calc(var(--e-radius) * 0);
1672
+ .e-btn-group .e-btn:disabled.e-outline.e-primary,
1673
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1674
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1675
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1676
+ background: transparent;
1677
+ border-color: rgba(var(--color-sf-primary), 0.65);
1678
+ -webkit-box-shadow: none;
1679
+ box-shadow: none;
1680
+ color: var(--color-sf-primary-bg-color-disabled);
1718
1681
  }
1719
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
1720
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
1721
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1722
- border-top-right-radius: calc(var(--e-radius) * 0);
1682
+ .e-btn-group .e-btn:disabled.e-outline.e-success,
1683
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1684
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1685
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1686
+ background: transparent;
1687
+ border-color: rgba(var(--color-sf-success-bg-color), 0.65);
1688
+ -webkit-box-shadow: none;
1689
+ box-shadow: none;
1690
+ color: var(--color-sf-success-bg-color-disabled);
1723
1691
  }
1724
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1725
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1726
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1727
- border-top-left-radius: calc(var(--e-radius) * 0);
1692
+ .e-btn-group .e-btn:disabled.e-outline.e-info,
1693
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1694
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1695
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1696
+ background: transparent;
1697
+ border-color: rgba(var(--color-sf-info-bg-color), 0.65);
1698
+ -webkit-box-shadow: none;
1699
+ box-shadow: none;
1700
+ color: var(--color-sf-info-bg-color-disabled);
1728
1701
  }
1729
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1730
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1731
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1732
- border-top-right-radius: calc(var(--e-radius) * 0);
1702
+ .e-btn-group .e-btn:disabled.e-outline.e-warning,
1703
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1704
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1705
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1706
+ background: transparent;
1707
+ border-color: rgba(var(--color-sf-warning-bg-color), 0.65);
1708
+ -webkit-box-shadow: none;
1709
+ box-shadow: none;
1710
+ color: var(--color-sf-warning-bg-color-disabled);
1733
1711
  }
1734
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
1735
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
1736
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1737
- border-top-left-radius: calc(var(--e-radius) * 0);
1712
+ .e-btn-group .e-btn:disabled.e-outline.e-danger,
1713
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1714
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1715
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1716
+ background: transparent;
1717
+ border-color: rgba(var(--color-sf-danger-bg-color), 0.65);
1718
+ -webkit-box-shadow: none;
1719
+ box-shadow: none;
1720
+ color: var(--color-sf-danger-bg-color-disabled);
1738
1721
  }
1739
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
1740
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
1741
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1742
- border-top-right-radius: calc(var(--e-radius) * 0);
1722
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1723
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1724
+ border-left: transparent;
1725
+ border-right: transparent;
1743
1726
  }
1744
- *.e-btn-group.e-vertical,
1745
- *.e-css.e-btn-group.e-vertical {
1746
- -webkit-box-orient: vertical;
1747
- -webkit-box-direction: normal;
1748
- -ms-flex-direction: column;
1749
- flex-direction: column;
1727
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1728
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1729
+ border-right: transparent;
1750
1730
  }
1751
- *.e-btn-group.e-vertical input,
1752
- *.e-css.e-btn-group.e-vertical input {
1753
- margin: -1px 0 0;
1731
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1732
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1733
+ border-left: transparent;
1754
1734
  }
1755
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
1756
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
1757
- margin-top: -1px;
1735
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1736
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1737
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1738
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1739
+ border-color: var(--color-sf-secondary-border-color);
1740
+ outline-color: inherit;
1758
1741
  }
1759
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
1760
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
1761
- border-radius: calc(var(--e-radius) * 0);
1742
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1743
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1744
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1745
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1746
+ border-color: var(--color-sf-primary);
1747
+ outline-color: inherit;
1762
1748
  }
1763
- *.e-btn-group.e-vertical .e-btn:first-of-type,
1764
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
1765
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1766
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1767
- border-top-left-radius: calc(var(--e-radius) * 0.125);
1768
- border-top-right-radius: calc(var(--e-radius) * 0.125);
1749
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1750
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1751
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1752
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1753
+ border-color: var(--color-sf-success-border-color-focus);
1754
+ outline-color: inherit;
1769
1755
  }
1770
- *.e-btn-group.e-vertical .e-btn:last-of-type,
1771
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
1772
- border-bottom-left-radius: calc(var(--e-radius) * 0.125);
1773
- border-bottom-right-radius: calc(var(--e-radius) * 0.125);
1774
- border-top-left-radius: calc(var(--e-radius) * 0);
1775
- border-top-right-radius: calc(var(--e-radius) * 0);
1756
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1757
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1758
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1759
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1760
+ border-color: var(--color-sf-info-border-color-focus);
1761
+ outline-color: inherit;
1776
1762
  }
1777
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
1778
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
1779
- border-radius: calc(var(--e-radius) * 1.25);
1763
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1764
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1765
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1766
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1767
+ border-color: var(--color-sf-warning-border-color-focus);
1768
+ outline-color: inherit;
1780
1769
  }
1781
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
1782
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
1783
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1784
- border-top-left-radius: calc(var(--e-radius) * 1.25);
1770
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1771
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1772
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1773
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1774
+ border-color: var(--color-sf-danger-border-color-focus);
1775
+ outline-color: inherit;
1785
1776
  }
1786
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
1787
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
1788
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1789
- border-top-right-radius: calc(var(--e-radius) * 1.25);
1777
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1778
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1779
+ border-bottom: transparent;
1780
+ border-top: transparent;
1790
1781
  }
1791
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
1792
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
1793
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1794
- border-top-right-radius: calc(var(--e-radius) * 0);
1782
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1783
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1784
+ border-bottom: transparent;
1795
1785
  }
1796
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
1797
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
1798
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1799
- border-top-left-radius: calc(var(--e-radius) * 0);
1786
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1787
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1788
+ border-top: transparent;
1800
1789
  }
1801
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
1802
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
1803
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1804
- border-top-left-radius: calc(var(--e-radius) * 1.25);
1790
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1791
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1792
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1793
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1794
+ border-color: var(--color-sf-secondary-border-color);
1795
+ outline-color: inherit;
1805
1796
  }
1806
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
1807
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
1808
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1809
- border-top-right-radius: calc(var(--e-radius) * 0);
1797
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1798
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1799
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1800
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1801
+ border-color: var(--color-sf-primary);
1802
+ outline-color: inherit;
1810
1803
  }
1811
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
1812
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
1813
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1814
- border-top-left-radius: calc(var(--e-radius) * 0);
1804
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1805
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1806
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1807
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1808
+ border-color: var(--color-sf-success-border-color-focus);
1809
+ outline-color: inherit;
1815
1810
  }
1816
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
1817
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
1818
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1819
- border-top-right-radius: calc(var(--e-radius) * 1.25);
1811
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1812
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1813
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1814
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1815
+ border-color: var(--color-sf-info-border-color-focus);
1816
+ outline-color: inherit;
1820
1817
  }
1821
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
1822
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
1823
- border-radius: calc(var(--e-radius) * 1.25);
1818
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1819
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1820
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1821
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1822
+ border-color: var(--color-sf-warning-border-color-focus);
1823
+ outline-color: inherit;
1824
1824
  }
1825
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
1826
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
1827
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1828
- border-top-right-radius: calc(var(--e-radius) * 1.25);
1825
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1826
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1827
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1828
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1829
+ border-color: var(--color-sf-danger-border-color-focus);
1830
+ outline-color: inherit;
1829
1831
  }
1830
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
1831
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
1832
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1833
- border-top-left-radius: calc(var(--e-radius) * 1.25);
1832
+ .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1833
+ .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1834
+ border-left: transparent;
1835
+ border-right: transparent;
1834
1836
  }
1835
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
1836
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
1837
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1838
- border-top-left-radius: calc(var(--e-radius) * 0);
1837
+ .e-btn-group.e-rtl .e-btn:first-of-type,
1838
+ .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
1839
+ border-left: transparent;
1839
1840
  }
1840
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
1841
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
1842
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1843
- border-top-right-radius: calc(var(--e-radius) * 0);
1841
+ .e-btn-group.e-rtl .e-btn:last-of-type,
1842
+ .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1843
+ border-right: transparent;
1844
1844
  }
1845
1845
 
1846
1846
  /* stylelint-disable property-no-vendor-prefix */