@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
@@ -1035,716 +1035,229 @@
1035
1035
 
1036
1036
 
1037
1037
  /* stylelint-disable */
1038
- .e-btn-group .e-btn,
1039
- .e-css.e-btn-group .e-btn {
1040
- -webkit-box-shadow: none;
1041
- box-shadow: none;
1038
+ *.e-btn-group,
1039
+ *.e-css.e-btn-group {
1040
+ display: -webkit-inline-box;
1041
+ display: -ms-inline-flexbox;
1042
+ display: inline-flex;
1043
+ border-radius: 4px;
1044
+ -webkit-box-orient: horizontal;
1045
+ -webkit-box-direction: normal;
1046
+ -ms-flex-direction: row;
1047
+ flex-direction: row;
1048
+ position: relative;
1049
+ border-radius: calc(var(--e-radius) * 0.25);
1050
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1051
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1042
1052
  }
1043
- .e-btn-group .e-btn:hover,
1044
- .e-css.e-btn-group .e-btn:hover {
1045
- -webkit-box-shadow: none;
1046
- box-shadow: none;
1053
+ *.e-btn-group input + label.e-btn,
1054
+ *.e-css.e-btn-group input + label.e-btn {
1055
+ margin-bottom: 0;
1047
1056
  }
1048
- .e-btn-group .e-btn:focus-visible,
1049
- .e-btn-group input:focus-visible + label.e-btn,
1050
- .e-css.e-btn-group .e-btn:focus-visible,
1051
- .e-css.e-btn-group input:focus-visible + label.e-btn {
1052
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1053
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1054
- z-index: 1;
1057
+ *.e-btn-group input,
1058
+ *.e-css.e-btn-group input {
1059
+ -moz-appearance: none;
1060
+ height: 1px;
1061
+ margin: 0 0 0 -1px;
1062
+ opacity: 0;
1063
+ position: absolute;
1064
+ width: 1px;
1055
1065
  }
1056
- .e-btn-group .e-btn:focus-visible.e-primary, .e-btn-group .e-btn:focus-visible.e-success, .e-btn-group .e-btn:focus-visible.e-info, .e-btn-group .e-btn:focus-visible.e-warning, .e-btn-group .e-btn:focus-visible.e-danger,
1057
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
1058
- .e-btn-group input:focus-visible + label.e-btn.e-success,
1059
- .e-btn-group input:focus-visible + label.e-btn.e-info,
1060
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1061
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1062
- .e-css.e-btn-group .e-btn:focus-visible.e-primary,
1063
- .e-css.e-btn-group .e-btn:focus-visible.e-success,
1064
- .e-css.e-btn-group .e-btn:focus-visible.e-info,
1065
- .e-css.e-btn-group .e-btn:focus-visible.e-warning,
1066
- .e-css.e-btn-group .e-btn:focus-visible.e-danger,
1067
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1068
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1069
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1070
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1071
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1072
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1073
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1074
- z-index: 1;
1066
+ *.e-btn-group input:disabled + label.e-btn,
1067
+ *.e-btn-group :disabled,
1068
+ *.e-css.e-btn-group input:disabled + label.e-btn,
1069
+ *.e-css.e-btn-group :disabled {
1070
+ cursor: default;
1071
+ pointer-events: none;
1075
1072
  }
1076
- .e-btn-group .e-btn:focus-visible.e-outline,
1077
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1078
- .e-css.e-btn-group .e-btn:focus-visible.e-outline,
1079
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1080
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1081
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1082
- z-index: 1;
1073
+ *.e-btn-group .e-btn-icon,
1074
+ *.e-css.e-btn-group .e-btn-icon {
1075
+ font-size: 16px;
1083
1076
  }
1084
- .e-btn-group .e-btn:focus-visible.e-outline.e-primary, .e-btn-group .e-btn:focus-visible.e-outline.e-success, .e-btn-group .e-btn:focus-visible.e-outline.e-info, .e-btn-group .e-btn:focus-visible.e-outline.e-warning, .e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1085
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1086
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1087
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1088
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1089
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1090
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-primary,
1091
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-success,
1092
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-info,
1093
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-warning,
1094
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1095
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1096
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1097
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1098
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1099
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1100
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1101
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1102
- z-index: 1;
1077
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
1078
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
1079
+ border-radius: calc(var(--e-radius) * 0);
1103
1080
  }
1104
- .e-btn-group .e-btn:focus,
1105
- .e-btn-group input:focus-visible + label.e-btn,
1106
- .e-btn-group input:focus + label.e-btn,
1107
- .e-css.e-btn-group .e-btn:focus,
1108
- .e-css.e-btn-group input:focus-visible + label.e-btn,
1109
- .e-css.e-btn-group input:focus + label.e-btn {
1110
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1111
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1112
- -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1113
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1114
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1115
- color: rgba(var(--color-sf-on-surface));
1116
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1117
- outline-offset: 0;
1118
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1119
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1120
- -webkit-box-shadow: none;
1121
- box-shadow: none;
1122
- outline-color: inherit;
1081
+ *.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),
1082
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
1083
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
1084
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1085
+ border-top-right-radius: calc(var(--e-radius) * 0);
1123
1086
  }
1124
- .e-btn-group .e-btn:focus.e-primary,
1125
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
1126
- .e-btn-group input:focus + label.e-btn.e-primary,
1127
- .e-css.e-btn-group .e-btn:focus.e-primary,
1128
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1129
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1130
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1131
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1132
- border-color: rgba(var(--color-sf-primary));
1133
- color: rgba(var(--color-sf-on-primary));
1134
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1135
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1136
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1137
- -webkit-box-shadow: none;
1138
- box-shadow: none;
1139
- outline-color: inherit;
1087
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
1088
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1089
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1090
+ border-top-left-radius: calc(var(--e-radius) * 0);
1140
1091
  }
1141
- .e-btn-group .e-btn:focus.e-success,
1142
- .e-btn-group input:focus-visible + label.e-btn.e-success,
1143
- .e-btn-group input:focus + label.e-btn.e-success,
1144
- .e-css.e-btn-group .e-btn:focus.e-success,
1145
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1146
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
1147
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1148
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1149
- border-color: rgba(var(--color-sf-success));
1150
- color: rgba(var(--color-sf-success-text));
1151
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1152
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1153
- -webkit-box-shadow: none;
1154
- box-shadow: none;
1155
- outline-color: inherit;
1092
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1093
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1094
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1095
+ border-top-left-radius: calc(var(--e-radius) * 0);
1156
1096
  }
1157
- .e-btn-group .e-btn:focus.e-info,
1158
- .e-btn-group input:focus-visible + label.e-btn.e-info,
1159
- .e-btn-group input:focus + label.e-btn.e-info,
1160
- .e-css.e-btn-group .e-btn:focus.e-info,
1161
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1162
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
1163
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1164
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1165
- border-color: rgba(var(--color-sf-info));
1166
- color: rgba(var(--color-sf-info-text));
1167
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1168
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1169
- -webkit-box-shadow: none;
1170
- box-shadow: none;
1171
- outline-color: inherit;
1097
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1098
+ *.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 {
1099
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1100
+ border-top-right-radius: calc(var(--e-radius) * 0);
1172
1101
  }
1173
- .e-btn-group .e-btn:focus.e-warning,
1174
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1175
- .e-btn-group input:focus + label.e-btn.e-warning,
1176
- .e-css.e-btn-group .e-btn:focus.e-warning,
1177
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1178
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1179
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1180
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1181
- border-color: rgba(var(--color-sf-warning));
1182
- color: rgba(var(--color-sf-warning-text));
1183
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1184
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1185
- -webkit-box-shadow: none;
1186
- box-shadow: none;
1187
- outline-color: inherit;
1102
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1103
+ *.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 {
1104
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1105
+ border-top-left-radius: calc(var(--e-radius) * 0);
1188
1106
  }
1189
- .e-btn-group .e-btn:focus.e-danger,
1190
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1191
- .e-btn-group input:focus + label.e-btn.e-danger,
1192
- .e-css.e-btn-group .e-btn:focus.e-danger,
1193
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1194
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1195
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1196
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1197
- border-color: rgba(var(--color-sf-error));
1198
- color: rgba(var(--color-sf-danger-text));
1199
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1200
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1201
- -webkit-box-shadow: none;
1202
- box-shadow: none;
1203
- outline-color: inherit;
1107
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1108
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1109
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1110
+ border-top-right-radius: calc(var(--e-radius) * 0);
1204
1111
  }
1205
- .e-btn-group .e-btn:focus.e-link,
1206
- .e-btn-group input:focus-visible + label.e-btn.e-link,
1207
- .e-btn-group input:focus + label.e-btn.e-link,
1208
- .e-css.e-btn-group .e-btn:focus.e-link,
1209
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1210
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
1211
- border-radius: 0;
1212
- text-decoration: underline;
1213
- color: rgba(var(--color-sf-info));
1214
- background-color: transparent;
1215
- border-color: transparent;
1216
- -webkit-box-shadow: none;
1217
- box-shadow: none;
1218
- outline: none;
1112
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1113
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1114
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1115
+ border-top-left-radius: calc(var(--e-radius) * 0);
1219
1116
  }
1220
- .e-btn-group .e-btn:focus.e-outline,
1221
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1222
- .e-btn-group input:focus + label.e-btn.e-outline,
1223
- .e-css.e-btn-group .e-btn:focus.e-outline,
1224
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1225
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1226
- background: rgba(var(--color-sf-on-surface), 0.12);
1227
- border: 1px solid rgba(var(--color-sf-outline));
1228
- color: rgba(var(--color-sf-on-surface));
1229
- -webkit-box-shadow: none;
1230
- box-shadow: none;
1117
+ *.e-btn-group.e-rtl .e-btn,
1118
+ *.e-css.e-btn-group.e-rtl .e-btn {
1119
+ margin-left: -1px;
1231
1120
  }
1232
- .e-btn-group .e-btn:focus.e-outline.e-primary,
1233
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1234
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1235
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1236
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1237
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1238
- background: rgba(var(--color-sf-primary), 0.12);
1239
- border: 1px solid rgba(var(--color-sf-outline));
1240
- color: rgba(var(--color-sf-primary));
1241
- -webkit-box-shadow: none;
1242
- box-shadow: none;
1243
- }
1244
- .e-btn-group .e-btn:focus.e-outline.e-success,
1245
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1246
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1247
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1248
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1249
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1250
- background: rgba(var(--color-sf-success), 0.12);
1251
- border: 1px solid rgba(var(--color-sf-outline));
1252
- color: rgba(var(--color-sf-success));
1253
- -webkit-box-shadow: none;
1254
- box-shadow: none;
1121
+ *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1122
+ *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1123
+ border-radius: calc(var(--e-radius) * 0);
1255
1124
  }
1256
- .e-btn-group .e-btn:focus.e-outline.e-info,
1257
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1258
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1259
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1260
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1261
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1262
- background: rgba(var(--color-sf-info), 0.12);
1263
- border: 1px solid rgba(var(--color-sf-outline));
1264
- color: rgba(var(--color-sf-info));
1265
- -webkit-box-shadow: none;
1266
- box-shadow: none;
1125
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1126
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1127
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1128
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1129
+ border-top-left-radius: calc(var(--e-radius) * 0);
1267
1130
  }
1268
- .e-btn-group .e-btn:focus.e-outline.e-warning,
1269
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1270
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1271
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1272
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1273
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1274
- background: rgba(var(--color-sf-warning), 0.12);
1275
- border: 1px solid rgba(var(--color-sf-outline));
1276
- color: rgba(var(--color-sf-warning));
1277
- -webkit-box-shadow: none;
1278
- box-shadow: none;
1131
+ *.e-btn-group.e-rtl .e-btn:last-of-type,
1132
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1133
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1134
+ border-top-right-radius: calc(var(--e-radius) * 0);
1279
1135
  }
1280
- .e-btn-group .e-btn:focus.e-outline.e-danger,
1281
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1282
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1283
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1284
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1285
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1286
- background: rgba(var(--color-sf-error), 0.12);
1287
- border: 1px solid rgba(var(--color-sf-outline));
1288
- color: rgba(var(--color-sf-error));
1289
- -webkit-box-shadow: none;
1290
- box-shadow: none;
1136
+ *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
1137
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
1138
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1139
+ border-top-right-radius: calc(var(--e-radius) * 0);
1291
1140
  }
1292
- .e-btn-group .e-btn:active,
1293
- .e-btn-group input:active + label.e-btn,
1294
- .e-btn-group input:checked + label.e-btn,
1295
- .e-css.e-btn-group .e-btn:active,
1296
- .e-css.e-btn-group input:active + label.e-btn,
1297
- .e-css.e-btn-group input:checked + label.e-btn {
1298
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1299
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1300
- -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1301
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1302
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1303
- color: rgba(var(--color-sf-on-surface));
1304
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1305
- outline-offset: 0;
1306
- -webkit-box-shadow: none;
1307
- box-shadow: none;
1141
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1142
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1143
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1144
+ border-top-left-radius: calc(var(--e-radius) * 0);
1308
1145
  }
1309
- .e-btn-group .e-btn:active.e-primary,
1310
- .e-btn-group input:active + label.e-btn.e-primary,
1311
- .e-btn-group input:checked + label.e-btn.e-primary,
1312
- .e-css.e-btn-group .e-btn:active.e-primary,
1313
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
1314
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1315
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1316
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1317
- border-color: rgba(var(--color-sf-primary));
1318
- color: rgba(var(--color-sf-on-primary));
1319
- outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1320
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1321
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1322
- -webkit-box-shadow: none;
1323
- box-shadow: none;
1146
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1147
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1148
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1149
+ border-top-right-radius: calc(var(--e-radius) * 0);
1324
1150
  }
1325
- .e-btn-group .e-btn:active.e-success,
1326
- .e-btn-group input:active + label.e-btn.e-success,
1327
- .e-btn-group input:checked + label.e-btn.e-success,
1328
- .e-css.e-btn-group .e-btn:active.e-success,
1329
- .e-css.e-btn-group input:active + label.e-btn.e-success,
1330
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
1331
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1332
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1333
- border-color: rgba(var(--color-sf-success));
1334
- color: rgba(var(--color-sf-success-text));
1335
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1336
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1337
- -webkit-box-shadow: none;
1338
- box-shadow: none;
1151
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
1152
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
1153
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1154
+ border-top-left-radius: calc(var(--e-radius) * 0);
1339
1155
  }
1340
- .e-btn-group .e-btn:active.e-info,
1341
- .e-btn-group input:active + label.e-btn.e-info,
1342
- .e-btn-group input:checked + label.e-btn.e-info,
1343
- .e-css.e-btn-group .e-btn:active.e-info,
1344
- .e-css.e-btn-group input:active + label.e-btn.e-info,
1345
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
1346
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1347
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1348
- color: rgba(var(--color-sf-info-text));
1349
- border-color: rgba(var(--color-sf-info));
1350
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1351
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1352
- -webkit-box-shadow: none;
1353
- box-shadow: none;
1156
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
1157
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
1158
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1159
+ border-top-right-radius: calc(var(--e-radius) * 0);
1354
1160
  }
1355
- .e-btn-group .e-btn:active.e-warning,
1356
- .e-btn-group input:active + label.e-btn.e-warning,
1357
- .e-btn-group input:checked + label.e-btn.e-warning,
1358
- .e-css.e-btn-group .e-btn:active.e-warning,
1359
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
1360
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1361
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1362
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1363
- border-color: rgba(var(--color-sf-warning));
1364
- color: rgba(var(--color-sf-warning-text));
1365
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1366
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1367
- -webkit-box-shadow: none;
1368
- box-shadow: none;
1161
+ *.e-btn-group.e-vertical,
1162
+ *.e-css.e-btn-group.e-vertical {
1163
+ -webkit-box-orient: vertical;
1164
+ -webkit-box-direction: normal;
1165
+ -ms-flex-direction: column;
1166
+ flex-direction: column;
1369
1167
  }
1370
- .e-btn-group .e-btn:active.e-danger,
1371
- .e-btn-group input:active + label.e-btn.e-danger,
1372
- .e-btn-group input:checked + label.e-btn.e-danger,
1373
- .e-css.e-btn-group .e-btn:active.e-danger,
1374
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
1375
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1376
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1377
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1378
- border-color: rgba(var(--color-sf-error));
1379
- color: rgba(var(--color-sf-danger-text));
1380
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1381
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1382
- -webkit-box-shadow: none;
1383
- box-shadow: none;
1168
+ *.e-btn-group.e-vertical input,
1169
+ *.e-css.e-btn-group.e-vertical input {
1170
+ margin: -1px 0 0;
1384
1171
  }
1385
- .e-btn-group .e-btn:active.e-outline,
1386
- .e-btn-group input:active + label.e-btn.e-outline,
1387
- .e-btn-group input:checked + label.e-btn.e-outline,
1388
- .e-css.e-btn-group .e-btn:active.e-outline,
1389
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
1390
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1391
- background: rgba(var(--color-sf-on-surface), 0.12);
1392
- border-color: rgba(var(--color-sf-outline));
1393
- -webkit-box-shadow: none;
1394
- box-shadow: none;
1395
- color: rgba(var(--color-sf-on-surface));
1396
- box-shadow: none;
1172
+ *.e-btn-group.e-vertical .e-btn:not(.e-outline),
1173
+ *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
1174
+ margin-top: -1px;
1397
1175
  }
1398
- .e-btn-group .e-btn:active.e-outline.e-primary,
1399
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1400
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1401
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1402
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1403
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1404
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1405
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1406
- border-color: rgba(var(--color-sf-primary));
1407
- -webkit-box-shadow: none;
1408
- box-shadow: none;
1409
- color: rgba(var(--color-sf-on-primary));
1410
- background: rgba(var(--color-sf-primary), 0.12);
1411
- border: 1px solid rgba(var(--color-sf-outline));
1412
- color: rgba(var(--color-sf-primary));
1413
- box-shadow: none;
1176
+ *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
1177
+ *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
1178
+ border-radius: calc(var(--e-radius) * 0);
1414
1179
  }
1415
- .e-btn-group .e-btn:active.e-outline.e-success,
1416
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
1417
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1418
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1419
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1420
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1421
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1422
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1423
- border-color: rgba(var(--color-sf-success));
1424
- -webkit-box-shadow: none;
1425
- box-shadow: none;
1426
- color: rgba(var(--color-sf-success-text));
1427
- background: rgba(var(--color-sf-success), 0.12);
1428
- border: 1px solid rgba(var(--color-sf-outline));
1429
- color: rgba(var(--color-sf-success));
1430
- box-shadow: none;
1180
+ *.e-btn-group.e-vertical .e-btn:first-of-type,
1181
+ *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
1182
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1183
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1184
+ border-top-left-radius: calc(var(--e-radius) * 0.125);
1185
+ border-top-right-radius: calc(var(--e-radius) * 0.125);
1431
1186
  }
1432
- .e-btn-group .e-btn:active.e-outline.e-info,
1433
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
1434
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1435
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1436
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1437
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1438
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1439
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1440
- border-color: rgba(var(--color-sf-info));
1441
- -webkit-box-shadow: none;
1442
- box-shadow: none;
1443
- color: rgba(var(--color-sf-info-text));
1444
- background: rgba(var(--color-sf-info), 0.12);
1445
- border: 1px solid rgba(var(--color-sf-outline));
1446
- color: rgba(var(--color-sf-info));
1447
- box-shadow: none;
1187
+ *.e-btn-group.e-vertical .e-btn:last-of-type,
1188
+ *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
1189
+ border-bottom-left-radius: calc(var(--e-radius) * 0.125);
1190
+ border-bottom-right-radius: calc(var(--e-radius) * 0.125);
1191
+ border-top-left-radius: calc(var(--e-radius) * 0);
1192
+ border-top-right-radius: calc(var(--e-radius) * 0);
1448
1193
  }
1449
- .e-btn-group .e-btn:active.e-outline.e-warning,
1450
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1451
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1452
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1453
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1454
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1455
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1456
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1457
- border-color: rgba(var(--color-sf-warning));
1458
- -webkit-box-shadow: none;
1459
- box-shadow: none;
1460
- color: rgba(var(--color-sf-warning-text));
1461
- background: rgba(var(--color-sf-warning), 0.12);
1462
- border: 1px solid rgba(var(--color-sf-outline));
1463
- color: rgba(var(--color-sf-warning));
1464
- box-shadow: none;
1465
- }
1466
- .e-btn-group .e-btn:active.e-outline.e-danger,
1467
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1468
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1469
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1470
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1471
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1472
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1473
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1474
- border-color: rgba(var(--color-sf-error));
1475
- -webkit-box-shadow: none;
1476
- box-shadow: none;
1477
- color: rgba(var(--color-sf-danger-text));
1478
- background: rgba(var(--color-sf-error), 0.12);
1479
- border: 1px solid rgba(var(--color-sf-outline));
1480
- color: rgba(var(--color-sf-error));
1481
- box-shadow: none;
1482
- }
1483
- .e-btn-group .e-btn:disabled,
1484
- .e-btn-group input:disabled + label.e-btn,
1485
- .e-css.e-btn-group .e-btn:disabled,
1486
- .e-css.e-btn-group input:disabled + label.e-btn {
1487
- background-color: rgba(var(--color-sf-secondary), 0.12);
1488
- border-color: rgba(var(--color-sf-secondary), 0);
1489
- -webkit-box-shadow: none;
1490
- box-shadow: none;
1491
- color: rgba(var(--color-sf-on-surface), 0.38);
1492
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
1493
- }
1494
- .e-btn-group .e-btn:disabled.e-primary,
1495
- .e-btn-group input:disabled + label.e-btn.e-primary,
1496
- .e-css.e-btn-group .e-btn:disabled.e-primary,
1497
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1498
- background: rgba(var(--color-sf-secondary), 0.12);
1499
- border-color: rgba(var(--color-sf-secondary), 0);
1500
- -webkit-box-shadow: none;
1501
- box-shadow: none;
1502
- color: rgba(var(--color-sf-on-surface), 0.38);
1503
- border-color: rgba(var(--color-sf-primary));
1504
- }
1505
- .e-btn-group .e-btn:disabled.e-success,
1506
- .e-btn-group input:disabled + label.e-btn.e-success,
1507
- .e-css.e-btn-group .e-btn:disabled.e-success,
1508
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1509
- background: rgba(var(--color-sf-secondary), 0.12);
1510
- border-color: rgba(var(--color-sf-secondary), 0);
1511
- -webkit-box-shadow: none;
1512
- box-shadow: none;
1513
- color: rgba(var(--color-sf-on-surface), 0.38);
1514
- border-color: rgba(var(--color-sf-success));
1515
- }
1516
- .e-btn-group .e-btn:disabled.e-info,
1517
- .e-btn-group input:disabled + label.e-btn.e-info,
1518
- .e-css.e-btn-group .e-btn:disabled.e-info,
1519
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1520
- background: rgba(var(--color-sf-secondary), 0.12);
1521
- border-color: rgba(var(--color-sf-secondary), 0);
1522
- -webkit-box-shadow: none;
1523
- box-shadow: none;
1524
- color: rgba(var(--color-sf-on-surface), 0.38);
1525
- border-color: rgba(var(--color-sf-info));
1526
- }
1527
- .e-btn-group .e-btn:disabled.e-warning,
1528
- .e-btn-group input:disabled + label.e-btn.e-warning,
1529
- .e-css.e-btn-group .e-btn:disabled.e-warning,
1530
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1531
- background: rgba(var(--color-sf-secondary), 0.12);
1532
- border-color: rgba(var(--color-sf-secondary), 0);
1533
- -webkit-box-shadow: none;
1534
- box-shadow: none;
1535
- color: rgba(var(--color-sf-on-surface), 0.38);
1536
- border-color: rgba(var(--color-sf-warning));
1537
- }
1538
- .e-btn-group .e-btn:disabled.e-danger,
1539
- .e-btn-group input:disabled + label.e-btn.e-danger,
1540
- .e-css.e-btn-group .e-btn:disabled.e-danger,
1541
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1542
- background: rgba(var(--color-sf-secondary), 0.12);
1543
- border-color: rgba(var(--color-sf-secondary), 0);
1544
- -webkit-box-shadow: none;
1545
- box-shadow: none;
1546
- color: rgba(var(--color-sf-on-surface), 0.38);
1547
- border-color: rgba(var(--color-sf-error));
1194
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
1195
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
1196
+ border-radius: calc(var(--e-radius) * 1.25);
1548
1197
  }
1549
- .e-btn-group .e-btn:disabled.e-link,
1550
- .e-btn-group input:disabled + label.e-btn.e-link,
1551
- .e-css.e-btn-group .e-btn:disabled.e-link,
1552
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1553
- color: rgba(var(--color-sf-on-surface), 0.38);
1554
- background: transparent;
1555
- -webkit-box-shadow: none;
1556
- box-shadow: none;
1557
- text-decoration: none;
1558
- border-color: transparent;
1198
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
1199
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
1200
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1201
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1559
1202
  }
1560
- .e-btn-group .e-btn:disabled.e-outline,
1561
- .e-btn-group input:disabled + label.e-btn.e-outline,
1562
- .e-css.e-btn-group .e-btn:disabled.e-outline,
1563
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1564
- background: transparent;
1565
- border-color: rgba(var(--color-sf-secondary), 0.12);
1566
- -webkit-box-shadow: none;
1567
- box-shadow: none;
1568
- color: rgba(var(--color-sf-on-surface), 0.38);
1569
- border-color: rgba(var(--color-sf-outline));
1203
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
1204
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
1205
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1206
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1570
1207
  }
1571
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
1572
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1573
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1574
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1575
- background: transparent;
1576
- border-color: rgba(var(--color-sf-secondary), 0.12);
1577
- -webkit-box-shadow: none;
1578
- box-shadow: none;
1579
- color: rgba(var(--color-sf-on-surface), 0.38);
1580
- border-color: rgba(var(--color-sf-primary));
1208
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
1209
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
1210
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1211
+ border-top-right-radius: calc(var(--e-radius) * 0);
1581
1212
  }
1582
- .e-btn-group .e-btn:disabled.e-outline.e-success,
1583
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1584
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1585
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1586
- background: transparent;
1587
- border-color: rgba(var(--color-sf-secondary), 0.12);
1588
- -webkit-box-shadow: none;
1589
- box-shadow: none;
1590
- color: rgba(var(--color-sf-on-surface), 0.38);
1591
- border-color: rgba(var(--color-sf-success));
1213
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
1214
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
1215
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1216
+ border-top-left-radius: calc(var(--e-radius) * 0);
1592
1217
  }
1593
- .e-btn-group .e-btn:disabled.e-outline.e-info,
1594
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1595
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1596
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1597
- background: transparent;
1598
- border-color: rgba(var(--color-sf-secondary), 0.12);
1599
- -webkit-box-shadow: none;
1600
- box-shadow: none;
1601
- color: rgba(var(--color-sf-on-surface), 0.38);
1602
- border-color: rgba(var(--color-sf-info));
1218
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
1219
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
1220
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1221
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1603
1222
  }
1604
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
1605
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1606
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1607
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1608
- background: transparent;
1609
- border-color: rgba(var(--color-sf-secondary), 0.12);
1610
- -webkit-box-shadow: none;
1611
- box-shadow: none;
1612
- color: rgba(var(--color-sf-on-surface), 0.38);
1613
- border-color: rgba(var(--color-sf-warning));
1223
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
1224
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
1225
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1226
+ border-top-right-radius: calc(var(--e-radius) * 0);
1614
1227
  }
1615
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
1616
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1617
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1618
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1619
- background: transparent;
1620
- border-color: rgba(var(--color-sf-secondary), 0.12);
1621
- -webkit-box-shadow: none;
1622
- box-shadow: none;
1623
- color: rgba(var(--color-sf-on-surface), 0.38);
1624
- border-color: rgba(var(--color-sf-error));
1228
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
1229
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
1230
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1231
+ border-top-left-radius: calc(var(--e-radius) * 0);
1625
1232
  }
1626
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1627
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1628
- border-left: transparent;
1629
- border-right: transparent;
1233
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
1234
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
1235
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1236
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1630
1237
  }
1631
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1632
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1633
- border-right: transparent;
1238
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
1239
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
1240
+ border-radius: calc(var(--e-radius) * 1.25);
1634
1241
  }
1635
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1636
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1637
- border-left: transparent;
1242
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
1243
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
1244
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1245
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1638
1246
  }
1639
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1640
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1641
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1642
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1643
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
1644
- outline-color: inherit;
1247
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
1248
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
1249
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1250
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1645
1251
  }
1646
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1647
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1648
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1649
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1650
- border-color: rgba(var(--color-sf-primary));
1651
- outline-color: inherit;
1252
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
1253
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
1254
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1255
+ border-top-left-radius: calc(var(--e-radius) * 0);
1652
1256
  }
1653
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1654
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1655
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1656
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1657
- border-color: rgba(var(--color-sf-success));
1658
- outline-color: inherit;
1659
- }
1660
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1661
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1662
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1663
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1664
- border-color: rgba(var(--color-sf-info));
1665
- outline-color: inherit;
1666
- }
1667
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1668
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1669
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1670
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1671
- border-color: rgba(var(--color-sf-warning));
1672
- outline-color: inherit;
1673
- }
1674
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1675
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1676
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1677
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1678
- border-color: rgba(var(--color-sf-error));
1679
- outline-color: inherit;
1680
- }
1681
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1682
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1683
- border-bottom: transparent;
1684
- border-top: transparent;
1685
- }
1686
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1687
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1688
- border-bottom: transparent;
1689
- }
1690
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1691
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1692
- border-top: transparent;
1693
- }
1694
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1695
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1696
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1697
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1698
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
1699
- outline-color: inherit;
1700
- }
1701
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1702
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1703
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1704
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1705
- border-color: rgba(var(--color-sf-primary));
1706
- outline-color: inherit;
1707
- }
1708
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1709
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1710
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1711
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1712
- border-color: rgba(var(--color-sf-success));
1713
- outline-color: inherit;
1714
- }
1715
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1716
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1717
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1718
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1719
- border-color: rgba(var(--color-sf-info));
1720
- outline-color: inherit;
1721
- }
1722
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1723
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1724
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1725
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1726
- border-color: rgba(var(--color-sf-warning));
1727
- outline-color: inherit;
1728
- }
1729
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1730
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1731
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1732
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1733
- border-color: rgba(var(--color-sf-error));
1734
- outline-color: inherit;
1735
- }
1736
- .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1737
- .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1738
- border-left: transparent;
1739
- border-right: transparent;
1740
- }
1741
- .e-btn-group.e-rtl .e-btn:first-of-type,
1742
- .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
1743
- border-left: transparent;
1744
- }
1745
- .e-btn-group.e-rtl .e-btn:last-of-type,
1746
- .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1747
- border-right: transparent;
1257
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
1258
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
1259
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1260
+ border-top-right-radius: calc(var(--e-radius) * 0);
1748
1261
  }
1749
1262
 
1750
1263
 
@@ -1832,229 +1345,716 @@
1832
1345
 
1833
1346
 
1834
1347
  /* stylelint-disable */
1835
- *.e-btn-group,
1836
- *.e-css.e-btn-group {
1837
- display: -webkit-inline-box;
1838
- display: -ms-inline-flexbox;
1839
- display: inline-flex;
1840
- border-radius: 4px;
1841
- -webkit-box-orient: horizontal;
1842
- -webkit-box-direction: normal;
1843
- -ms-flex-direction: row;
1844
- flex-direction: row;
1845
- position: relative;
1846
- border-radius: calc(var(--e-radius) * 0.25);
1348
+ .e-btn-group .e-btn,
1349
+ .e-css.e-btn-group .e-btn {
1350
+ -webkit-box-shadow: none;
1351
+ box-shadow: none;
1352
+ }
1353
+ .e-btn-group .e-btn:hover,
1354
+ .e-css.e-btn-group .e-btn:hover {
1355
+ -webkit-box-shadow: none;
1356
+ box-shadow: none;
1357
+ }
1358
+ .e-btn-group .e-btn:focus-visible,
1359
+ .e-btn-group input:focus-visible + label.e-btn,
1360
+ .e-css.e-btn-group .e-btn:focus-visible,
1361
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
1362
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1363
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1364
+ z-index: 1;
1365
+ }
1366
+ .e-btn-group .e-btn:focus-visible.e-primary, .e-btn-group .e-btn:focus-visible.e-success, .e-btn-group .e-btn:focus-visible.e-info, .e-btn-group .e-btn:focus-visible.e-warning, .e-btn-group .e-btn:focus-visible.e-danger,
1367
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1368
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1369
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1370
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1371
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1372
+ .e-css.e-btn-group .e-btn:focus-visible.e-primary,
1373
+ .e-css.e-btn-group .e-btn:focus-visible.e-success,
1374
+ .e-css.e-btn-group .e-btn:focus-visible.e-info,
1375
+ .e-css.e-btn-group .e-btn:focus-visible.e-warning,
1376
+ .e-css.e-btn-group .e-btn:focus-visible.e-danger,
1377
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1378
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1380
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1381
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1382
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1383
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1384
+ z-index: 1;
1385
+ }
1386
+ .e-btn-group .e-btn:focus-visible.e-outline,
1387
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1388
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline,
1389
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1390
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1391
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1392
+ z-index: 1;
1393
+ }
1394
+ .e-btn-group .e-btn:focus-visible.e-outline.e-primary, .e-btn-group .e-btn:focus-visible.e-outline.e-success, .e-btn-group .e-btn:focus-visible.e-outline.e-info, .e-btn-group .e-btn:focus-visible.e-outline.e-warning, .e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1395
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1396
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1397
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1398
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1399
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1400
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-primary,
1401
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-success,
1402
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-info,
1403
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-warning,
1404
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1405
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1406
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1407
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1408
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1409
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1410
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1411
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
1412
+ z-index: 1;
1413
+ }
1414
+ .e-btn-group .e-btn:focus,
1415
+ .e-btn-group input:focus-visible + label.e-btn,
1416
+ .e-btn-group input:focus + label.e-btn,
1417
+ .e-css.e-btn-group .e-btn:focus,
1418
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
1419
+ .e-css.e-btn-group input:focus + label.e-btn {
1420
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1421
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1422
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1423
+ border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1424
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1425
+ color: rgba(var(--color-sf-on-surface));
1426
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1427
+ outline-offset: 0;
1428
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1429
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1430
+ -webkit-box-shadow: none;
1431
+ box-shadow: none;
1432
+ outline-color: inherit;
1433
+ }
1434
+ .e-btn-group .e-btn:focus.e-primary,
1435
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1436
+ .e-btn-group input:focus + label.e-btn.e-primary,
1437
+ .e-css.e-btn-group .e-btn:focus.e-primary,
1438
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1439
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1440
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1441
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1442
+ border-color: rgba(var(--color-sf-primary));
1443
+ color: rgba(var(--color-sf-on-primary));
1444
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1445
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1446
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1447
+ -webkit-box-shadow: none;
1448
+ box-shadow: none;
1449
+ outline-color: inherit;
1450
+ }
1451
+ .e-btn-group .e-btn:focus.e-success,
1452
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1453
+ .e-btn-group input:focus + label.e-btn.e-success,
1454
+ .e-css.e-btn-group .e-btn:focus.e-success,
1455
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1456
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
1457
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1458
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1459
+ border-color: rgba(var(--color-sf-success));
1460
+ color: rgba(var(--color-sf-success-text));
1461
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1462
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1463
+ -webkit-box-shadow: none;
1464
+ box-shadow: none;
1465
+ outline-color: inherit;
1466
+ }
1467
+ .e-btn-group .e-btn:focus.e-info,
1468
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1469
+ .e-btn-group input:focus + label.e-btn.e-info,
1470
+ .e-css.e-btn-group .e-btn:focus.e-info,
1471
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1472
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
1473
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1474
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1475
+ border-color: rgba(var(--color-sf-info));
1476
+ color: rgba(var(--color-sf-info-text));
1477
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1478
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1479
+ -webkit-box-shadow: none;
1480
+ box-shadow: none;
1481
+ outline-color: inherit;
1482
+ }
1483
+ .e-btn-group .e-btn:focus.e-warning,
1484
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1485
+ .e-btn-group input:focus + label.e-btn.e-warning,
1486
+ .e-css.e-btn-group .e-btn:focus.e-warning,
1487
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1488
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1489
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1490
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1491
+ border-color: rgba(var(--color-sf-warning));
1492
+ color: rgba(var(--color-sf-warning-text));
1493
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1494
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1495
+ -webkit-box-shadow: none;
1496
+ box-shadow: none;
1497
+ outline-color: inherit;
1498
+ }
1499
+ .e-btn-group .e-btn:focus.e-danger,
1500
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1501
+ .e-btn-group input:focus + label.e-btn.e-danger,
1502
+ .e-css.e-btn-group .e-btn:focus.e-danger,
1503
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1504
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1505
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1506
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1507
+ border-color: rgba(var(--color-sf-error));
1508
+ color: rgba(var(--color-sf-danger-text));
1509
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1510
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1511
+ -webkit-box-shadow: none;
1512
+ box-shadow: none;
1513
+ outline-color: inherit;
1514
+ }
1515
+ .e-btn-group .e-btn:focus.e-link,
1516
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1517
+ .e-btn-group input:focus + label.e-btn.e-link,
1518
+ .e-css.e-btn-group .e-btn:focus.e-link,
1519
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1520
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
1521
+ border-radius: 0;
1522
+ text-decoration: underline;
1523
+ color: rgba(var(--color-sf-info));
1524
+ background-color: transparent;
1525
+ border-color: transparent;
1526
+ -webkit-box-shadow: none;
1527
+ box-shadow: none;
1528
+ outline: none;
1529
+ }
1530
+ .e-btn-group .e-btn:focus.e-outline,
1531
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1532
+ .e-btn-group input:focus + label.e-btn.e-outline,
1533
+ .e-css.e-btn-group .e-btn:focus.e-outline,
1534
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1535
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1536
+ background: rgba(var(--color-sf-on-surface), 0.12);
1537
+ border: 1px solid rgba(var(--color-sf-outline));
1538
+ color: rgba(var(--color-sf-on-surface));
1539
+ -webkit-box-shadow: none;
1540
+ box-shadow: none;
1541
+ }
1542
+ .e-btn-group .e-btn:focus.e-outline.e-primary,
1543
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1544
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1545
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1546
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1547
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1548
+ background: rgba(var(--color-sf-primary), 0.12);
1549
+ border: 1px solid rgba(var(--color-sf-outline));
1550
+ color: rgba(var(--color-sf-primary));
1551
+ -webkit-box-shadow: none;
1552
+ box-shadow: none;
1553
+ }
1554
+ .e-btn-group .e-btn:focus.e-outline.e-success,
1555
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1556
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1557
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1558
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1559
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1560
+ background: rgba(var(--color-sf-success), 0.12);
1561
+ border: 1px solid rgba(var(--color-sf-outline));
1562
+ color: rgba(var(--color-sf-success));
1563
+ -webkit-box-shadow: none;
1564
+ box-shadow: none;
1565
+ }
1566
+ .e-btn-group .e-btn:focus.e-outline.e-info,
1567
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1568
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1569
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1570
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1571
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1572
+ background: rgba(var(--color-sf-info), 0.12);
1573
+ border: 1px solid rgba(var(--color-sf-outline));
1574
+ color: rgba(var(--color-sf-info));
1575
+ -webkit-box-shadow: none;
1576
+ box-shadow: none;
1577
+ }
1578
+ .e-btn-group .e-btn:focus.e-outline.e-warning,
1579
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1580
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1581
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1582
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1583
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1584
+ background: rgba(var(--color-sf-warning), 0.12);
1585
+ border: 1px solid rgba(var(--color-sf-outline));
1586
+ color: rgba(var(--color-sf-warning));
1587
+ -webkit-box-shadow: none;
1588
+ box-shadow: none;
1589
+ }
1590
+ .e-btn-group .e-btn:focus.e-outline.e-danger,
1591
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1592
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1593
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1594
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1595
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1596
+ background: rgba(var(--color-sf-error), 0.12);
1597
+ border: 1px solid rgba(var(--color-sf-outline));
1598
+ color: rgba(var(--color-sf-error));
1599
+ -webkit-box-shadow: none;
1600
+ box-shadow: none;
1601
+ }
1602
+ .e-btn-group .e-btn:active,
1603
+ .e-btn-group input:active + label.e-btn,
1604
+ .e-btn-group input:checked + label.e-btn,
1605
+ .e-css.e-btn-group .e-btn:active,
1606
+ .e-css.e-btn-group input:active + label.e-btn,
1607
+ .e-css.e-btn-group input:checked + label.e-btn {
1608
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1609
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1610
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1611
+ border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1612
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1613
+ color: rgba(var(--color-sf-on-surface));
1614
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1615
+ outline-offset: 0;
1616
+ -webkit-box-shadow: none;
1617
+ box-shadow: none;
1618
+ }
1619
+ .e-btn-group .e-btn:active.e-primary,
1620
+ .e-btn-group input:active + label.e-btn.e-primary,
1621
+ .e-btn-group input:checked + label.e-btn.e-primary,
1622
+ .e-css.e-btn-group .e-btn:active.e-primary,
1623
+ .e-css.e-btn-group input:active + label.e-btn.e-primary,
1624
+ .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1625
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1626
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1627
+ border-color: rgba(var(--color-sf-primary));
1628
+ color: rgba(var(--color-sf-on-primary));
1629
+ outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
1630
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1631
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1632
+ -webkit-box-shadow: none;
1633
+ box-shadow: none;
1634
+ }
1635
+ .e-btn-group .e-btn:active.e-success,
1636
+ .e-btn-group input:active + label.e-btn.e-success,
1637
+ .e-btn-group input:checked + label.e-btn.e-success,
1638
+ .e-css.e-btn-group .e-btn:active.e-success,
1639
+ .e-css.e-btn-group input:active + label.e-btn.e-success,
1640
+ .e-css.e-btn-group input:checked + label.e-btn.e-success {
1641
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1642
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1643
+ border-color: rgba(var(--color-sf-success));
1644
+ color: rgba(var(--color-sf-success-text));
1645
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1646
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1647
+ -webkit-box-shadow: none;
1648
+ box-shadow: none;
1649
+ }
1650
+ .e-btn-group .e-btn:active.e-info,
1651
+ .e-btn-group input:active + label.e-btn.e-info,
1652
+ .e-btn-group input:checked + label.e-btn.e-info,
1653
+ .e-css.e-btn-group .e-btn:active.e-info,
1654
+ .e-css.e-btn-group input:active + label.e-btn.e-info,
1655
+ .e-css.e-btn-group input:checked + label.e-btn.e-info {
1656
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1657
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1658
+ color: rgba(var(--color-sf-info-text));
1659
+ border-color: rgba(var(--color-sf-info));
1660
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1661
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1662
+ -webkit-box-shadow: none;
1663
+ box-shadow: none;
1664
+ }
1665
+ .e-btn-group .e-btn:active.e-warning,
1666
+ .e-btn-group input:active + label.e-btn.e-warning,
1667
+ .e-btn-group input:checked + label.e-btn.e-warning,
1668
+ .e-css.e-btn-group .e-btn:active.e-warning,
1669
+ .e-css.e-btn-group input:active + label.e-btn.e-warning,
1670
+ .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1671
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1672
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1673
+ border-color: rgba(var(--color-sf-warning));
1674
+ color: rgba(var(--color-sf-warning-text));
1847
1675
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1848
1676
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1677
+ -webkit-box-shadow: none;
1678
+ box-shadow: none;
1849
1679
  }
1850
- *.e-btn-group input + label.e-btn,
1851
- *.e-css.e-btn-group input + label.e-btn {
1852
- margin-bottom: 0;
1853
- }
1854
- *.e-btn-group input,
1855
- *.e-css.e-btn-group input {
1856
- -moz-appearance: none;
1857
- height: 1px;
1858
- margin: 0 0 0 -1px;
1859
- opacity: 0;
1860
- position: absolute;
1861
- width: 1px;
1680
+ .e-btn-group .e-btn:active.e-danger,
1681
+ .e-btn-group input:active + label.e-btn.e-danger,
1682
+ .e-btn-group input:checked + label.e-btn.e-danger,
1683
+ .e-css.e-btn-group .e-btn:active.e-danger,
1684
+ .e-css.e-btn-group input:active + label.e-btn.e-danger,
1685
+ .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1686
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1687
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1688
+ border-color: rgba(var(--color-sf-error));
1689
+ color: rgba(var(--color-sf-danger-text));
1690
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1691
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1692
+ -webkit-box-shadow: none;
1693
+ box-shadow: none;
1862
1694
  }
1863
- *.e-btn-group input:disabled + label.e-btn,
1864
- *.e-btn-group :disabled,
1865
- *.e-css.e-btn-group input:disabled + label.e-btn,
1866
- *.e-css.e-btn-group :disabled {
1867
- cursor: default;
1868
- pointer-events: none;
1695
+ .e-btn-group .e-btn:active.e-outline,
1696
+ .e-btn-group input:active + label.e-btn.e-outline,
1697
+ .e-btn-group input:checked + label.e-btn.e-outline,
1698
+ .e-css.e-btn-group .e-btn:active.e-outline,
1699
+ .e-css.e-btn-group input:active + label.e-btn.e-outline,
1700
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1701
+ background: rgba(var(--color-sf-on-surface), 0.12);
1702
+ border-color: rgba(var(--color-sf-outline));
1703
+ -webkit-box-shadow: none;
1704
+ box-shadow: none;
1705
+ color: rgba(var(--color-sf-on-surface));
1706
+ box-shadow: none;
1869
1707
  }
1870
- *.e-btn-group .e-btn-icon,
1871
- *.e-css.e-btn-group .e-btn-icon {
1872
- font-size: 16px;
1708
+ .e-btn-group .e-btn:active.e-outline.e-primary,
1709
+ .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1710
+ .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1711
+ .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1712
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1713
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1714
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1715
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1716
+ border-color: rgba(var(--color-sf-primary));
1717
+ -webkit-box-shadow: none;
1718
+ box-shadow: none;
1719
+ color: rgba(var(--color-sf-on-primary));
1720
+ background: rgba(var(--color-sf-primary), 0.12);
1721
+ border: 1px solid rgba(var(--color-sf-outline));
1722
+ color: rgba(var(--color-sf-primary));
1723
+ box-shadow: none;
1873
1724
  }
1874
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
1875
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
1876
- border-radius: calc(var(--e-radius) * 0);
1725
+ .e-btn-group .e-btn:active.e-outline.e-success,
1726
+ .e-btn-group input:active + label.e-btn.e-outline.e-success,
1727
+ .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1728
+ .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1729
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1730
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1731
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1732
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1733
+ border-color: rgba(var(--color-sf-success));
1734
+ -webkit-box-shadow: none;
1735
+ box-shadow: none;
1736
+ color: rgba(var(--color-sf-success-text));
1737
+ background: rgba(var(--color-sf-success), 0.12);
1738
+ border: 1px solid rgba(var(--color-sf-outline));
1739
+ color: rgba(var(--color-sf-success));
1740
+ box-shadow: none;
1877
1741
  }
1878
- *.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),
1879
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
1880
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
1881
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1882
- border-top-right-radius: calc(var(--e-radius) * 0);
1742
+ .e-btn-group .e-btn:active.e-outline.e-info,
1743
+ .e-btn-group input:active + label.e-btn.e-outline.e-info,
1744
+ .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1745
+ .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1746
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1747
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1748
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1749
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1750
+ border-color: rgba(var(--color-sf-info));
1751
+ -webkit-box-shadow: none;
1752
+ box-shadow: none;
1753
+ color: rgba(var(--color-sf-info-text));
1754
+ background: rgba(var(--color-sf-info), 0.12);
1755
+ border: 1px solid rgba(var(--color-sf-outline));
1756
+ color: rgba(var(--color-sf-info));
1757
+ box-shadow: none;
1883
1758
  }
1884
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
1885
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1886
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1887
- border-top-left-radius: calc(var(--e-radius) * 0);
1759
+ .e-btn-group .e-btn:active.e-outline.e-warning,
1760
+ .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1761
+ .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1762
+ .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1763
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1764
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1765
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1766
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1767
+ border-color: rgba(var(--color-sf-warning));
1768
+ -webkit-box-shadow: none;
1769
+ box-shadow: none;
1770
+ color: rgba(var(--color-sf-warning-text));
1771
+ background: rgba(var(--color-sf-warning), 0.12);
1772
+ border: 1px solid rgba(var(--color-sf-outline));
1773
+ color: rgba(var(--color-sf-warning));
1774
+ box-shadow: none;
1888
1775
  }
1889
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1890
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1891
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1892
- border-top-left-radius: calc(var(--e-radius) * 0);
1776
+ .e-btn-group .e-btn:active.e-outline.e-danger,
1777
+ .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1778
+ .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1779
+ .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1780
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1781
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1782
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1783
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1784
+ border-color: rgba(var(--color-sf-error));
1785
+ -webkit-box-shadow: none;
1786
+ box-shadow: none;
1787
+ color: rgba(var(--color-sf-danger-text));
1788
+ background: rgba(var(--color-sf-error), 0.12);
1789
+ border: 1px solid rgba(var(--color-sf-outline));
1790
+ color: rgba(var(--color-sf-error));
1791
+ box-shadow: none;
1893
1792
  }
1894
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1895
- *.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 {
1896
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1897
- border-top-right-radius: calc(var(--e-radius) * 0);
1793
+ .e-btn-group .e-btn:disabled,
1794
+ .e-btn-group input:disabled + label.e-btn,
1795
+ .e-css.e-btn-group .e-btn:disabled,
1796
+ .e-css.e-btn-group input:disabled + label.e-btn {
1797
+ background-color: rgba(var(--color-sf-secondary), 0.12);
1798
+ border-color: rgba(var(--color-sf-secondary), 0);
1799
+ -webkit-box-shadow: none;
1800
+ box-shadow: none;
1801
+ color: rgba(var(--color-sf-on-surface), 0.38);
1802
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
1898
1803
  }
1899
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1900
- *.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 {
1901
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1902
- border-top-left-radius: calc(var(--e-radius) * 0);
1804
+ .e-btn-group .e-btn:disabled.e-primary,
1805
+ .e-btn-group input:disabled + label.e-btn.e-primary,
1806
+ .e-css.e-btn-group .e-btn:disabled.e-primary,
1807
+ .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1808
+ background: rgba(var(--color-sf-secondary), 0.12);
1809
+ border-color: rgba(var(--color-sf-secondary), 0);
1810
+ -webkit-box-shadow: none;
1811
+ box-shadow: none;
1812
+ color: rgba(var(--color-sf-on-surface), 0.38);
1813
+ border-color: rgba(var(--color-sf-primary));
1903
1814
  }
1904
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1905
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1906
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1907
- border-top-right-radius: calc(var(--e-radius) * 0);
1815
+ .e-btn-group .e-btn:disabled.e-success,
1816
+ .e-btn-group input:disabled + label.e-btn.e-success,
1817
+ .e-css.e-btn-group .e-btn:disabled.e-success,
1818
+ .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1819
+ background: rgba(var(--color-sf-secondary), 0.12);
1820
+ border-color: rgba(var(--color-sf-secondary), 0);
1821
+ -webkit-box-shadow: none;
1822
+ box-shadow: none;
1823
+ color: rgba(var(--color-sf-on-surface), 0.38);
1824
+ border-color: rgba(var(--color-sf-success));
1908
1825
  }
1909
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1910
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1911
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1912
- border-top-left-radius: calc(var(--e-radius) * 0);
1826
+ .e-btn-group .e-btn:disabled.e-info,
1827
+ .e-btn-group input:disabled + label.e-btn.e-info,
1828
+ .e-css.e-btn-group .e-btn:disabled.e-info,
1829
+ .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1830
+ background: rgba(var(--color-sf-secondary), 0.12);
1831
+ border-color: rgba(var(--color-sf-secondary), 0);
1832
+ -webkit-box-shadow: none;
1833
+ box-shadow: none;
1834
+ color: rgba(var(--color-sf-on-surface), 0.38);
1835
+ border-color: rgba(var(--color-sf-info));
1913
1836
  }
1914
- *.e-btn-group.e-rtl .e-btn,
1915
- *.e-css.e-btn-group.e-rtl .e-btn {
1916
- margin-left: -1px;
1837
+ .e-btn-group .e-btn:disabled.e-warning,
1838
+ .e-btn-group input:disabled + label.e-btn.e-warning,
1839
+ .e-css.e-btn-group .e-btn:disabled.e-warning,
1840
+ .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1841
+ background: rgba(var(--color-sf-secondary), 0.12);
1842
+ border-color: rgba(var(--color-sf-secondary), 0);
1843
+ -webkit-box-shadow: none;
1844
+ box-shadow: none;
1845
+ color: rgba(var(--color-sf-on-surface), 0.38);
1846
+ border-color: rgba(var(--color-sf-warning));
1917
1847
  }
1918
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1919
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1920
- border-radius: calc(var(--e-radius) * 0);
1848
+ .e-btn-group .e-btn:disabled.e-danger,
1849
+ .e-btn-group input:disabled + label.e-btn.e-danger,
1850
+ .e-css.e-btn-group .e-btn:disabled.e-danger,
1851
+ .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1852
+ background: rgba(var(--color-sf-secondary), 0.12);
1853
+ border-color: rgba(var(--color-sf-secondary), 0);
1854
+ -webkit-box-shadow: none;
1855
+ box-shadow: none;
1856
+ color: rgba(var(--color-sf-on-surface), 0.38);
1857
+ border-color: rgba(var(--color-sf-error));
1921
1858
  }
1922
- *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1923
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1924
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1925
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1926
- border-top-left-radius: calc(var(--e-radius) * 0);
1859
+ .e-btn-group .e-btn:disabled.e-link,
1860
+ .e-btn-group input:disabled + label.e-btn.e-link,
1861
+ .e-css.e-btn-group .e-btn:disabled.e-link,
1862
+ .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1863
+ color: rgba(var(--color-sf-on-surface), 0.38);
1864
+ background: transparent;
1865
+ -webkit-box-shadow: none;
1866
+ box-shadow: none;
1867
+ text-decoration: none;
1868
+ border-color: transparent;
1927
1869
  }
1928
- *.e-btn-group.e-rtl .e-btn:last-of-type,
1929
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1930
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1931
- border-top-right-radius: calc(var(--e-radius) * 0);
1870
+ .e-btn-group .e-btn:disabled.e-outline,
1871
+ .e-btn-group input:disabled + label.e-btn.e-outline,
1872
+ .e-css.e-btn-group .e-btn:disabled.e-outline,
1873
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1874
+ background: transparent;
1875
+ border-color: rgba(var(--color-sf-secondary), 0.12);
1876
+ -webkit-box-shadow: none;
1877
+ box-shadow: none;
1878
+ color: rgba(var(--color-sf-on-surface), 0.38);
1879
+ border-color: rgba(var(--color-sf-outline));
1932
1880
  }
1933
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
1934
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
1935
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1936
- border-top-right-radius: calc(var(--e-radius) * 0);
1881
+ .e-btn-group .e-btn:disabled.e-outline.e-primary,
1882
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1883
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1884
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1885
+ background: transparent;
1886
+ border-color: rgba(var(--color-sf-secondary), 0.12);
1887
+ -webkit-box-shadow: none;
1888
+ box-shadow: none;
1889
+ color: rgba(var(--color-sf-on-surface), 0.38);
1890
+ border-color: rgba(var(--color-sf-primary));
1937
1891
  }
1938
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1939
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1940
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1941
- border-top-left-radius: calc(var(--e-radius) * 0);
1892
+ .e-btn-group .e-btn:disabled.e-outline.e-success,
1893
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1894
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1895
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1896
+ background: transparent;
1897
+ border-color: rgba(var(--color-sf-secondary), 0.12);
1898
+ -webkit-box-shadow: none;
1899
+ box-shadow: none;
1900
+ color: rgba(var(--color-sf-on-surface), 0.38);
1901
+ border-color: rgba(var(--color-sf-success));
1942
1902
  }
1943
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1944
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1945
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1946
- border-top-right-radius: calc(var(--e-radius) * 0);
1903
+ .e-btn-group .e-btn:disabled.e-outline.e-info,
1904
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1905
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1906
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1907
+ background: transparent;
1908
+ border-color: rgba(var(--color-sf-secondary), 0.12);
1909
+ -webkit-box-shadow: none;
1910
+ box-shadow: none;
1911
+ color: rgba(var(--color-sf-on-surface), 0.38);
1912
+ border-color: rgba(var(--color-sf-info));
1947
1913
  }
1948
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
1949
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
1950
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1951
- border-top-left-radius: calc(var(--e-radius) * 0);
1914
+ .e-btn-group .e-btn:disabled.e-outline.e-warning,
1915
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1916
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1917
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1918
+ background: transparent;
1919
+ border-color: rgba(var(--color-sf-secondary), 0.12);
1920
+ -webkit-box-shadow: none;
1921
+ box-shadow: none;
1922
+ color: rgba(var(--color-sf-on-surface), 0.38);
1923
+ border-color: rgba(var(--color-sf-warning));
1952
1924
  }
1953
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
1954
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
1955
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1956
- border-top-right-radius: calc(var(--e-radius) * 0);
1925
+ .e-btn-group .e-btn:disabled.e-outline.e-danger,
1926
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1927
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1928
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1929
+ background: transparent;
1930
+ border-color: rgba(var(--color-sf-secondary), 0.12);
1931
+ -webkit-box-shadow: none;
1932
+ box-shadow: none;
1933
+ color: rgba(var(--color-sf-on-surface), 0.38);
1934
+ border-color: rgba(var(--color-sf-error));
1957
1935
  }
1958
- *.e-btn-group.e-vertical,
1959
- *.e-css.e-btn-group.e-vertical {
1960
- -webkit-box-orient: vertical;
1961
- -webkit-box-direction: normal;
1962
- -ms-flex-direction: column;
1963
- flex-direction: column;
1936
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1937
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1938
+ border-left: transparent;
1939
+ border-right: transparent;
1964
1940
  }
1965
- *.e-btn-group.e-vertical input,
1966
- *.e-css.e-btn-group.e-vertical input {
1967
- margin: -1px 0 0;
1941
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1942
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1943
+ border-right: transparent;
1968
1944
  }
1969
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
1970
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
1971
- margin-top: -1px;
1945
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1946
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1947
+ border-left: transparent;
1972
1948
  }
1973
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
1974
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
1975
- border-radius: calc(var(--e-radius) * 0);
1949
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1950
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1951
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1952
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1953
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
1954
+ outline-color: inherit;
1976
1955
  }
1977
- *.e-btn-group.e-vertical .e-btn:first-of-type,
1978
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
1979
- border-bottom-left-radius: calc(var(--e-radius) * 0);
1980
- border-bottom-right-radius: calc(var(--e-radius) * 0);
1981
- border-top-left-radius: calc(var(--e-radius) * 0.125);
1982
- border-top-right-radius: calc(var(--e-radius) * 0.125);
1956
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1957
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1958
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1959
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1960
+ border-color: rgba(var(--color-sf-primary));
1961
+ outline-color: inherit;
1983
1962
  }
1984
- *.e-btn-group.e-vertical .e-btn:last-of-type,
1985
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
1986
- border-bottom-left-radius: calc(var(--e-radius) * 0.125);
1987
- border-bottom-right-radius: calc(var(--e-radius) * 0.125);
1988
- border-top-left-radius: calc(var(--e-radius) * 0);
1989
- border-top-right-radius: calc(var(--e-radius) * 0);
1963
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1964
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1965
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1966
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1967
+ border-color: rgba(var(--color-sf-success));
1968
+ outline-color: inherit;
1990
1969
  }
1991
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
1992
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
1993
- border-radius: calc(var(--e-radius) * 1.25);
1970
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1971
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1972
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1973
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1974
+ border-color: rgba(var(--color-sf-info));
1975
+ outline-color: inherit;
1994
1976
  }
1995
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
1996
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
1997
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1998
- border-top-left-radius: calc(var(--e-radius) * 1.25);
1977
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1978
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1979
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1980
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1981
+ border-color: rgba(var(--color-sf-warning));
1982
+ outline-color: inherit;
1999
1983
  }
2000
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
2001
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
2002
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2003
- border-top-right-radius: calc(var(--e-radius) * 1.25);
1984
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1985
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1986
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1987
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1988
+ border-color: rgba(var(--color-sf-error));
1989
+ outline-color: inherit;
2004
1990
  }
2005
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
2006
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
2007
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2008
- border-top-right-radius: calc(var(--e-radius) * 0);
1991
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1992
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1993
+ border-bottom: transparent;
1994
+ border-top: transparent;
2009
1995
  }
2010
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
2011
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
2012
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2013
- border-top-left-radius: calc(var(--e-radius) * 0);
1996
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1997
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1998
+ border-bottom: transparent;
2014
1999
  }
2015
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
2016
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
2017
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2018
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2000
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
2001
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
2002
+ border-top: transparent;
2019
2003
  }
2020
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
2021
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
2022
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2023
- border-top-right-radius: calc(var(--e-radius) * 0);
2004
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2005
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
2006
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2007
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
2008
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
2009
+ outline-color: inherit;
2024
2010
  }
2025
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
2026
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
2027
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2028
- border-top-left-radius: calc(var(--e-radius) * 0);
2011
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2012
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2013
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2014
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2015
+ border-color: rgba(var(--color-sf-primary));
2016
+ outline-color: inherit;
2029
2017
  }
2030
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
2031
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
2032
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2033
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2018
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2019
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2020
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2021
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2022
+ border-color: rgba(var(--color-sf-success));
2023
+ outline-color: inherit;
2034
2024
  }
2035
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
2036
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
2037
- border-radius: calc(var(--e-radius) * 1.25);
2025
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2026
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2027
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2028
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2029
+ border-color: rgba(var(--color-sf-info));
2030
+ outline-color: inherit;
2038
2031
  }
2039
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
2040
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
2041
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2042
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2032
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2033
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2034
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2035
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2036
+ border-color: rgba(var(--color-sf-warning));
2037
+ outline-color: inherit;
2043
2038
  }
2044
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
2045
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
2046
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2047
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2039
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2040
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2041
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2042
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2043
+ border-color: rgba(var(--color-sf-error));
2044
+ outline-color: inherit;
2048
2045
  }
2049
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
2050
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
2051
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2052
- border-top-left-radius: calc(var(--e-radius) * 0);
2046
+ .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2047
+ .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2048
+ border-left: transparent;
2049
+ border-right: transparent;
2053
2050
  }
2054
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
2055
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
2056
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2057
- border-top-right-radius: calc(var(--e-radius) * 0);
2051
+ .e-btn-group.e-rtl .e-btn:first-of-type,
2052
+ .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
2053
+ border-left: transparent;
2054
+ }
2055
+ .e-btn-group.e-rtl .e-btn:last-of-type,
2056
+ .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2057
+ border-right: transparent;
2058
2058
  }
2059
2059
 
2060
2060
  /* stylelint-disable property-no-vendor-prefix */