@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35

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 (177) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +29 -48
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +30 -45
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/drop-down-button/drop-down-button.js +6 -1
  14. package/src/progress-button/progress-button.js +3 -3
  15. package/src/split-button/split-button.js +2 -1
  16. package/styles/bootstrap-dark.css +302 -110
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +302 -110
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +266 -93
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +266 -187
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +266 -187
  25. package/styles/bootstrap5.scss +14 -4
  26. package/styles/button-group/_bootstrap-dark-definition.scss +0 -2
  27. package/styles/button-group/_bootstrap5.3-definition.scss +31 -0
  28. package/styles/button-group/_fabric-dark-definition.scss +0 -2
  29. package/styles/button-group/_fluent2-definition.scss +31 -0
  30. package/styles/button-group/_group-button-mixin.scss +21 -0
  31. package/styles/button-group/_highcontrast-light-definition.scss +0 -2
  32. package/styles/button-group/_layout.scss +5 -13
  33. package/styles/button-group/_material-dark-definition.scss +0 -2
  34. package/styles/button-group/_theme.scss +32 -85
  35. package/styles/button-group/bootstrap-dark.css +132 -70
  36. package/styles/button-group/bootstrap.css +132 -70
  37. package/styles/button-group/bootstrap4.css +108 -59
  38. package/styles/button-group/bootstrap5-dark.css +108 -59
  39. package/styles/button-group/bootstrap5.css +108 -59
  40. package/styles/button-group/fabric-dark.css +132 -70
  41. package/styles/button-group/fabric.css +137 -75
  42. package/styles/button-group/fluent-dark.css +148 -78
  43. package/styles/button-group/fluent.css +148 -78
  44. package/styles/button-group/fluent2.css +1849 -0
  45. package/styles/button-group/fluent2.scss +4 -0
  46. package/styles/button-group/highcontrast-light.css +132 -70
  47. package/styles/button-group/highcontrast.css +132 -70
  48. package/styles/button-group/material-dark.css +146 -77
  49. package/styles/button-group/material.css +148 -78
  50. package/styles/button-group/material3-dark.css +190 -90
  51. package/styles/button-group/material3.css +190 -90
  52. package/styles/button-group/tailwind-dark.css +130 -70
  53. package/styles/button-group/tailwind.css +130 -70
  54. package/styles/drop-down-button/_bds-definition.scss +5 -5
  55. package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -3
  56. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
  57. package/styles/drop-down-button/_bootstrap5.3-definition.scss +49 -0
  58. package/styles/drop-down-button/_fabric-dark-definition.scss +0 -3
  59. package/styles/drop-down-button/_fluent-definition.scss +0 -1
  60. package/styles/drop-down-button/_fluent2-definition.scss +48 -0
  61. package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
  62. package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -3
  63. package/styles/drop-down-button/_layout.scss +51 -6
  64. package/styles/drop-down-button/_material-dark-definition.scss +0 -3
  65. package/styles/drop-down-button/_material3-definition.scss +0 -1
  66. package/styles/drop-down-button/_tailwind-definition.scss +0 -1
  67. package/styles/drop-down-button/_theme.scss +8 -8
  68. package/styles/drop-down-button/bootstrap-dark.css +27 -14
  69. package/styles/drop-down-button/bootstrap.css +27 -14
  70. package/styles/drop-down-button/bootstrap4.css +23 -12
  71. package/styles/drop-down-button/bootstrap5-dark.css +23 -12
  72. package/styles/drop-down-button/bootstrap5.css +23 -12
  73. package/styles/drop-down-button/fabric-dark.css +27 -14
  74. package/styles/drop-down-button/fabric.css +27 -14
  75. package/styles/drop-down-button/fluent-dark.css +27 -14
  76. package/styles/drop-down-button/fluent.css +27 -14
  77. package/styles/drop-down-button/fluent2.css +1308 -0
  78. package/styles/drop-down-button/fluent2.scss +6 -0
  79. package/styles/drop-down-button/highcontrast-light.css +27 -14
  80. package/styles/drop-down-button/highcontrast.css +27 -14
  81. package/styles/drop-down-button/icons/_bootstrap5.3.scss +10 -0
  82. package/styles/drop-down-button/icons/_fluent2.scss +10 -0
  83. package/styles/drop-down-button/material-dark.css +27 -14
  84. package/styles/drop-down-button/material.css +27 -14
  85. package/styles/drop-down-button/material3-dark.css +33 -17
  86. package/styles/drop-down-button/material3.css +33 -17
  87. package/styles/drop-down-button/tailwind-dark.css +27 -14
  88. package/styles/drop-down-button/tailwind.css +27 -14
  89. package/styles/fabric-dark.css +302 -110
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +307 -115
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +310 -115
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +310 -115
  96. package/styles/fluent.scss +14 -4
  97. package/styles/fluent2.css +3072 -0
  98. package/styles/fluent2.scss +14 -0
  99. package/styles/highcontrast-light.css +302 -110
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +302 -110
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +316 -117
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +318 -118
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +396 -147
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +392 -145
  110. package/styles/material3.scss +14 -4
  111. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
  112. package/styles/progress-button/_bootstrap5-definition.scss +0 -1
  113. package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
  114. package/styles/progress-button/_fabric-dark-definition.scss +0 -3
  115. package/styles/progress-button/_fluent-definition.scss +0 -1
  116. package/styles/progress-button/_fluent2-definition.scss +26 -0
  117. package/styles/progress-button/_fusionnew-definition.scss +0 -1
  118. package/styles/progress-button/_layout.scss +0 -2
  119. package/styles/progress-button/_material-dark-definition.scss +0 -3
  120. package/styles/progress-button/_material3-definition.scss +0 -1
  121. package/styles/progress-button/_tailwind-definition.scss +0 -1
  122. package/styles/progress-button/_theme.scss +115 -50
  123. package/styles/progress-button/bootstrap-dark.css +118 -13
  124. package/styles/progress-button/bootstrap.css +118 -13
  125. package/styles/progress-button/bootstrap4.css +118 -13
  126. package/styles/progress-button/bootstrap5-dark.css +118 -106
  127. package/styles/progress-button/bootstrap5.css +118 -106
  128. package/styles/progress-button/fabric-dark.css +118 -13
  129. package/styles/progress-button/fabric.css +118 -13
  130. package/styles/progress-button/fluent-dark.css +118 -13
  131. package/styles/progress-button/fluent.css +118 -13
  132. package/styles/progress-button/fluent2.css +1636 -0
  133. package/styles/progress-button/fluent2.scss +5 -0
  134. package/styles/progress-button/highcontrast-light.css +118 -13
  135. package/styles/progress-button/highcontrast.css +118 -13
  136. package/styles/progress-button/material-dark.css +118 -13
  137. package/styles/progress-button/material.css +118 -13
  138. package/styles/progress-button/material3-dark.css +119 -14
  139. package/styles/progress-button/material3.css +119 -14
  140. package/styles/progress-button/tailwind-dark.css +118 -13
  141. package/styles/progress-button/tailwind.css +118 -13
  142. package/styles/split-button/_bds-definition.scss +0 -1
  143. package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
  144. package/styles/split-button/_bootstrap4-definition.scss +0 -3
  145. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  146. package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
  147. package/styles/split-button/_fabric-dark-definition.scss +0 -3
  148. package/styles/split-button/_fluent-definition.scss +0 -1
  149. package/styles/split-button/_fluent2-definition.scss +23 -0
  150. package/styles/split-button/_fusionnew-definition.scss +0 -1
  151. package/styles/split-button/_highcontrast-light-definition.scss +0 -3
  152. package/styles/split-button/_layout.scss +16 -4
  153. package/styles/split-button/_theme.scss +0 -2
  154. package/styles/split-button/bootstrap-dark.css +25 -13
  155. package/styles/split-button/bootstrap.css +25 -13
  156. package/styles/split-button/bootstrap4.css +17 -9
  157. package/styles/split-button/bootstrap5-dark.css +17 -9
  158. package/styles/split-button/bootstrap5.css +17 -9
  159. package/styles/split-button/fabric-dark.css +25 -13
  160. package/styles/split-button/fabric.css +25 -13
  161. package/styles/split-button/fluent-dark.css +17 -9
  162. package/styles/split-button/fluent.css +17 -9
  163. package/styles/split-button/fluent2.css +1379 -0
  164. package/styles/split-button/fluent2.scss +6 -0
  165. package/styles/split-button/highcontrast-light.css +25 -13
  166. package/styles/split-button/highcontrast.css +25 -13
  167. package/styles/split-button/material-dark.css +25 -13
  168. package/styles/split-button/material.css +25 -13
  169. package/styles/split-button/material3-dark.css +57 -28
  170. package/styles/split-button/material3.css +53 -26
  171. package/styles/split-button/tailwind-dark.css +25 -13
  172. package/styles/split-button/tailwind.css +25 -13
  173. package/styles/tailwind-dark.css +300 -111
  174. package/styles/tailwind-dark.scss +14 -4
  175. package/styles/tailwind.css +300 -111
  176. package/styles/tailwind.scss +14 -4
  177. package/CHANGELOG.md +0 -367
@@ -1,11 +1,14 @@
1
1
  /* stylelint-disable */
2
2
  *.e-btn-group,
3
3
  *.e-css.e-btn-group {
4
+ display: -webkit-inline-box;
4
5
  display: -ms-inline-flexbox;
5
6
  display: inline-flex;
6
7
  border-radius: 2px;
7
- -ms-flex-direction: row;
8
- flex-direction: row;
8
+ -webkit-box-orient: horizontal;
9
+ -webkit-box-direction: normal;
10
+ -ms-flex-direction: row;
11
+ flex-direction: row;
9
12
  position: relative;
10
13
  }
11
14
  *.e-btn-group input + label.e-btn,
@@ -40,8 +43,9 @@
40
43
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
41
44
  border-radius: 0;
42
45
  }
43
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
44
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
46
+ *.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),
47
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
48
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
45
49
  border-bottom-right-radius: 0;
46
50
  border-top-right-radius: 0;
47
51
  }
@@ -50,11 +54,6 @@
50
54
  border-bottom-left-radius: 0;
51
55
  border-top-left-radius: 0;
52
56
  }
53
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
54
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
55
- border-bottom-right-radius: 0;
56
- border-top-right-radius: 0;
57
- }
58
57
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
59
58
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
60
59
  border-bottom-left-radius: 0;
@@ -88,8 +87,9 @@
88
87
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
89
88
  border-radius: 0;
90
89
  }
91
- *.e-btn-group.e-rtl .e-btn:first-of-type,
92
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
90
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
91
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
92
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
93
93
  border-bottom-left-radius: 0;
94
94
  border-top-left-radius: 0;
95
95
  }
@@ -98,11 +98,6 @@
98
98
  border-bottom-right-radius: 0;
99
99
  border-top-right-radius: 0;
100
100
  }
101
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
102
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
103
- border-bottom-left-radius: 0;
104
- border-top-left-radius: 0;
105
- }
106
101
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
107
102
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
108
103
  border-bottom-right-radius: 0;
@@ -130,8 +125,10 @@
130
125
  }
131
126
  *.e-btn-group.e-vertical,
132
127
  *.e-css.e-btn-group.e-vertical {
133
- -ms-flex-direction: column;
134
- flex-direction: column;
128
+ -webkit-box-orient: vertical;
129
+ -webkit-box-direction: normal;
130
+ -ms-flex-direction: column;
131
+ flex-direction: column;
135
132
  }
136
133
  *.e-btn-group.e-vertical input,
137
134
  *.e-css.e-btn-group.e-vertical input {
@@ -238,129 +235,177 @@
238
235
  /* stylelint-disable */
239
236
  .e-btn-group:not(.e-outline),
240
237
  .e-css.e-btn-group:not(.e-outline) {
241
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
238
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
239
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
242
240
  }
243
241
  .e-btn-group .e-btn:hover,
244
242
  .e-css.e-btn-group .e-btn:hover {
245
- box-shadow: none;
243
+ -webkit-box-shadow: none;
244
+ box-shadow: none;
246
245
  }
247
246
  .e-btn-group .e-btn:focus,
248
247
  .e-btn-group input:focus-visible + label.e-btn,
248
+ .e-btn-group input:focus + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus-visible + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
251
+ .e-css.e-btn-group input:focus + label.e-btn {
251
252
  background: #878787;
252
253
  border-color: transparent;
253
254
  color: #fff;
254
255
  outline: #616161 0 solid;
255
256
  outline-offset: 0;
256
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
257
- box-shadow: none;
257
+ -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
258
+ box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
259
+ -webkit-box-shadow: none;
260
+ box-shadow: none;
258
261
  outline-color: inherit;
259
262
  }
260
263
  .e-btn-group .e-btn:focus.e-primary,
261
264
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
265
+ .e-btn-group input:focus + label.e-btn.e-primary,
262
266
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
267
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
268
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
269
  background: #0086c2;
265
270
  border-color: transparent;
266
271
  color: #000;
267
272
  outline: #616161 0 solid;
268
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
269
- box-shadow: none;
273
+ -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
274
+ box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
275
+ -webkit-box-shadow: none;
276
+ box-shadow: none;
270
277
  outline-color: inherit;
271
278
  }
272
279
  .e-btn-group .e-btn:focus.e-success,
273
280
  .e-btn-group input:focus-visible + label.e-btn.e-success,
281
+ .e-btn-group input:focus + label.e-btn.e-success,
274
282
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
283
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
284
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
285
  background: #77c27a;
277
286
  border-color: transparent;
278
287
  color: #fff;
279
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
280
- box-shadow: none;
288
+ -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
289
+ box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
290
+ -webkit-box-shadow: none;
291
+ box-shadow: none;
281
292
  outline-color: inherit;
282
293
  }
283
294
  .e-btn-group .e-btn:focus.e-info,
284
295
  .e-btn-group input:focus-visible + label.e-btn.e-info,
296
+ .e-btn-group input:focus + label.e-btn.e-info,
285
297
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
299
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
300
  background: #3fbef7;
288
301
  border-color: transparent;
289
302
  color: #fff;
290
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
291
- box-shadow: none;
303
+ -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
304
+ box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
305
+ -webkit-box-shadow: none;
306
+ box-shadow: none;
292
307
  outline-color: inherit;
293
308
  }
294
309
  .e-btn-group .e-btn:focus.e-warning,
295
310
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
311
+ .e-btn-group input:focus + label.e-btn.e-warning,
296
312
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
313
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
314
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
315
  background: #ffb13d;
299
316
  border-color: transparent;
300
317
  color: #fff;
301
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
302
- box-shadow: none;
318
+ -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
319
+ box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
320
+ -webkit-box-shadow: none;
321
+ box-shadow: none;
303
322
  outline-color: inherit;
304
323
  }
305
324
  .e-btn-group .e-btn:focus.e-danger,
306
325
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
326
+ .e-btn-group input:focus + label.e-btn.e-danger,
307
327
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
328
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
329
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
330
  background: #ff8b7c;
310
331
  border-color: transparent;
311
332
  color: #fff;
312
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
313
- box-shadow: none;
333
+ -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
334
+ box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
335
+ -webkit-box-shadow: none;
336
+ box-shadow: none;
314
337
  outline-color: inherit;
315
338
  }
316
339
  .e-btn-group .e-btn:focus.e-link,
317
340
  .e-btn-group input:focus-visible + label.e-btn.e-link,
341
+ .e-btn-group input:focus + label.e-btn.e-link,
318
342
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
343
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
344
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
345
  border-radius: 0;
321
346
  text-decoration: underline;
322
347
  color: #20b0e9;
323
348
  background-color: transparent;
324
349
  border-color: transparent;
325
- box-shadow: none;
350
+ -webkit-box-shadow: none;
351
+ box-shadow: none;
326
352
  outline: none;
327
353
  }
328
354
  .e-btn-group .e-btn:focus.e-outline,
329
355
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
356
+ .e-btn-group input:focus + label.e-btn.e-outline,
330
357
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
333
- box-shadow: none;
358
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
359
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
360
+ -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
361
+ box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
362
+ -webkit-box-shadow: none;
363
+ box-shadow: none;
334
364
  }
335
365
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
366
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
367
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
337
368
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
- box-shadow: none;
369
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
370
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
371
+ -webkit-box-shadow: none;
372
+ box-shadow: none;
340
373
  }
341
374
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
375
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
376
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
377
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
- box-shadow: none;
378
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
379
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
380
+ -webkit-box-shadow: none;
381
+ box-shadow: none;
346
382
  }
347
383
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
384
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
385
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
349
386
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
- box-shadow: none;
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
388
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
389
+ -webkit-box-shadow: none;
390
+ box-shadow: none;
352
391
  }
353
392
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
393
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
394
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
355
395
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
- box-shadow: none;
396
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
397
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
398
+ -webkit-box-shadow: none;
399
+ box-shadow: none;
358
400
  }
359
401
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
402
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
403
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
361
404
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
- box-shadow: none;
405
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
406
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
407
+ -webkit-box-shadow: none;
408
+ box-shadow: none;
364
409
  }
365
410
  .e-btn-group .e-btn:active,
366
411
  .e-btn-group input:active + label.e-btn,
@@ -384,7 +429,8 @@
384
429
  border-color: transparent;
385
430
  color: #000;
386
431
  outline: #616161 0 solid;
387
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
432
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
433
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
388
434
  }
389
435
  .e-btn-group .e-btn:active.e-success,
390
436
  .e-btn-group input:active + label.e-btn.e-success,
@@ -395,7 +441,8 @@
395
441
  background: #85c988;
396
442
  border-color: transparent;
397
443
  color: #fff;
398
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
444
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
445
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
399
446
  }
400
447
  .e-btn-group .e-btn:active.e-info,
401
448
  .e-btn-group input:active + label.e-btn.e-info,
@@ -406,7 +453,8 @@
406
453
  background: #54c5f8;
407
454
  color: #fff;
408
455
  border-color: transparent;
409
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
456
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
457
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
410
458
  }
411
459
  .e-btn-group .e-btn:active.e-warning,
412
460
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -417,7 +465,8 @@
417
465
  background: #ffb952;
418
466
  border-color: transparent;
419
467
  color: #fff;
420
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
468
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
469
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
421
470
  }
422
471
  .e-btn-group .e-btn:active.e-danger,
423
472
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -428,7 +477,8 @@
428
477
  background: #ff9789;
429
478
  border-color: transparent;
430
479
  color: #fff;
431
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
480
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
481
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
432
482
  }
433
483
  .e-btn-group .e-btn:active.e-outline,
434
484
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -438,7 +488,8 @@
438
488
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
439
489
  background: rgba(255, 255, 255, 0.24);
440
490
  border-color: #616161;
441
- box-shadow: none;
491
+ -webkit-box-shadow: none;
492
+ box-shadow: none;
442
493
  color: #fff;
443
494
  }
444
495
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -449,7 +500,8 @@
449
500
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
450
501
  background: #0078ad;
451
502
  border-color: transparent;
452
- box-shadow: none;
503
+ -webkit-box-shadow: none;
504
+ box-shadow: none;
453
505
  color: #000;
454
506
  }
455
507
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -460,7 +512,8 @@
460
512
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
461
513
  background: #85c988;
462
514
  border-color: transparent;
463
- box-shadow: none;
515
+ -webkit-box-shadow: none;
516
+ box-shadow: none;
464
517
  color: #fff;
465
518
  }
466
519
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -471,7 +524,8 @@
471
524
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
472
525
  background: #54c5f8;
473
526
  border-color: transparent;
474
- box-shadow: none;
527
+ -webkit-box-shadow: none;
528
+ box-shadow: none;
475
529
  color: #fff;
476
530
  }
477
531
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -482,7 +536,8 @@
482
536
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
483
537
  background: #ffb952;
484
538
  border-color: transparent;
485
- box-shadow: none;
539
+ -webkit-box-shadow: none;
540
+ box-shadow: none;
486
541
  color: #fff;
487
542
  }
488
543
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -493,7 +548,8 @@
493
548
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
494
549
  background: #ff9789;
495
550
  border-color: transparent;
496
- box-shadow: none;
551
+ -webkit-box-shadow: none;
552
+ box-shadow: none;
497
553
  color: #fff;
498
554
  }
499
555
  .e-btn-group .e-btn:disabled,
@@ -502,7 +558,8 @@
502
558
  .e-css.e-btn-group input:disabled + label.e-btn {
503
559
  background-color: rgba(255, 255, 255, 0.1);
504
560
  border-color: transparent;
505
- box-shadow: none;
561
+ -webkit-box-shadow: none;
562
+ box-shadow: none;
506
563
  color: rgba(255, 255, 255, 0.3);
507
564
  border-color: transparent;
508
565
  }
@@ -512,7 +569,8 @@
512
569
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
513
570
  background: rgba(255, 255, 255, 0.1);
514
571
  border-color: transparent;
515
- box-shadow: none;
572
+ -webkit-box-shadow: none;
573
+ box-shadow: none;
516
574
  color: rgba(255, 255, 255, 0.3);
517
575
  border-color: transparent;
518
576
  }
@@ -522,7 +580,8 @@
522
580
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
523
581
  background: rgba(255, 255, 255, 0.1);
524
582
  border-color: transparent;
525
- box-shadow: none;
583
+ -webkit-box-shadow: none;
584
+ box-shadow: none;
526
585
  color: rgba(255, 255, 255, 0.3);
527
586
  border-color: transparent;
528
587
  }
@@ -532,7 +591,8 @@
532
591
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
533
592
  background: rgba(255, 255, 255, 0.1);
534
593
  border-color: transparent;
535
- box-shadow: none;
594
+ -webkit-box-shadow: none;
595
+ box-shadow: none;
536
596
  color: rgba(255, 255, 255, 0.3);
537
597
  border-color: transparent;
538
598
  }
@@ -542,7 +602,8 @@
542
602
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
543
603
  background: rgba(255, 255, 255, 0.1);
544
604
  border-color: transparent;
545
- box-shadow: none;
605
+ -webkit-box-shadow: none;
606
+ box-shadow: none;
546
607
  color: rgba(255, 255, 255, 0.3);
547
608
  border-color: transparent;
548
609
  }
@@ -552,7 +613,8 @@
552
613
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
553
614
  background: rgba(255, 255, 255, 0.1);
554
615
  border-color: transparent;
555
- box-shadow: none;
616
+ -webkit-box-shadow: none;
617
+ box-shadow: none;
556
618
  color: rgba(255, 255, 255, 0.3);
557
619
  border-color: transparent;
558
620
  }
@@ -562,7 +624,8 @@
562
624
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
563
625
  color: rgba(255, 255, 255, 0.3);
564
626
  background: transparent;
565
- box-shadow: none;
627
+ -webkit-box-shadow: none;
628
+ box-shadow: none;
566
629
  text-decoration: none;
567
630
  border-color: transparent;
568
631
  }
@@ -572,7 +635,8 @@
572
635
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
573
636
  background: transparent;
574
637
  border-color: rgba(97, 97, 97, 0.3);
575
- box-shadow: none;
638
+ -webkit-box-shadow: none;
639
+ box-shadow: none;
576
640
  color: rgba(255, 255, 255, 0.3);
577
641
  border-color: #616161;
578
642
  }
@@ -582,7 +646,8 @@
582
646
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
583
647
  background: transparent;
584
648
  border-color: rgba(97, 97, 97, 0.3);
585
- box-shadow: none;
649
+ -webkit-box-shadow: none;
650
+ box-shadow: none;
586
651
  color: rgba(255, 255, 255, 0.3);
587
652
  border-color: #00b0ff;
588
653
  }
@@ -592,7 +657,8 @@
592
657
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
593
658
  background: transparent;
594
659
  border-color: rgba(97, 97, 97, 0.3);
595
- box-shadow: none;
660
+ -webkit-box-shadow: none;
661
+ box-shadow: none;
596
662
  color: rgba(255, 255, 255, 0.3);
597
663
  border-color: #4caf50;
598
664
  }
@@ -602,7 +668,8 @@
602
668
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
603
669
  background: transparent;
604
670
  border-color: rgba(97, 97, 97, 0.3);
605
- box-shadow: none;
671
+ -webkit-box-shadow: none;
672
+ box-shadow: none;
606
673
  color: rgba(255, 255, 255, 0.3);
607
674
  border-color: #03a9f4;
608
675
  }
@@ -612,7 +679,8 @@
612
679
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
613
680
  background: transparent;
614
681
  border-color: rgba(97, 97, 97, 0.3);
615
- box-shadow: none;
682
+ -webkit-box-shadow: none;
683
+ box-shadow: none;
616
684
  color: rgba(255, 255, 255, 0.3);
617
685
  border-color: #ff9800;
618
686
  }
@@ -622,7 +690,8 @@
622
690
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
623
691
  background: transparent;
624
692
  border-color: rgba(97, 97, 97, 0.3);
625
- box-shadow: none;
693
+ -webkit-box-shadow: none;
694
+ box-shadow: none;
626
695
  color: rgba(255, 255, 255, 0.3);
627
696
  border-color: #ff6652;
628
697
  }