@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
package/styles/button-group/material3.css CHANGED
@@ -100,7 +100,7 @@
100
100
  --color-sf-on-warning: 99, 52, 0;
101
101
  --color-sf-on-warning-container: 255, 220, 193;
102
102
  --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
104
  --color-sf-success-text: 0, 0, 0;
105
105
  --color-sf-warning-text: 0, 0, 0;
106
106
  --color-sf-info-text: 0, 0, 0;
@@ -112,14 +112,18 @@
112
112
  /* stylelint-disable */
113
113
  *.e-btn-group,
114
114
  *.e-css.e-btn-group {
115
+ display: -webkit-inline-box;
115
116
  display: -ms-inline-flexbox;
116
117
  display: inline-flex;
117
118
  border-radius: 4px;
118
- -ms-flex-direction: row;
119
- flex-direction: row;
119
+ -webkit-box-orient: horizontal;
120
+ -webkit-box-direction: normal;
121
+ -ms-flex-direction: row;
122
+ flex-direction: row;
120
123
  position: relative;
121
124
  border-radius: 4px;
122
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
125
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
126
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
123
127
  }
124
128
  *.e-btn-group input + label.e-btn,
125
129
  *.e-css.e-btn-group input + label.e-btn {
@@ -149,8 +153,9 @@
149
153
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
150
154
  border-radius: 0;
151
155
  }
152
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
153
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
156
+ *.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),
157
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
158
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
154
159
  border-bottom-right-radius: 0;
155
160
  border-top-right-radius: 0;
156
161
  }
@@ -159,11 +164,6 @@
159
164
  border-bottom-left-radius: 0;
160
165
  border-top-left-radius: 0;
161
166
  }
162
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
163
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
164
- border-bottom-right-radius: 0;
165
- border-top-right-radius: 0;
166
- }
167
167
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
168
168
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
169
169
  border-bottom-left-radius: 0;
@@ -197,8 +197,9 @@
197
197
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
198
198
  border-radius: 0;
199
199
  }
200
- *.e-btn-group.e-rtl .e-btn:first-of-type,
201
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
200
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
201
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
202
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
202
203
  border-bottom-left-radius: 0;
203
204
  border-top-left-radius: 0;
204
205
  }
@@ -207,11 +208,6 @@
207
208
  border-bottom-right-radius: 0;
208
209
  border-top-right-radius: 0;
209
210
  }
210
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
211
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
212
- border-bottom-left-radius: 0;
213
- border-top-left-radius: 0;
214
- }
215
211
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
216
212
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
217
213
  border-bottom-right-radius: 0;
@@ -239,8 +235,10 @@
239
235
  }
240
236
  *.e-btn-group.e-vertical,
241
237
  *.e-css.e-btn-group.e-vertical {
242
- -ms-flex-direction: column;
243
- flex-direction: column;
238
+ -webkit-box-orient: vertical;
239
+ -webkit-box-direction: normal;
240
+ -ms-flex-direction: column;
241
+ flex-direction: column;
244
242
  }
245
243
  *.e-btn-group.e-vertical input,
246
244
  *.e-css.e-btn-group.e-vertical input {
@@ -347,17 +345,20 @@
347
345
  /* stylelint-disable */
348
346
  .e-btn-group .e-btn,
349
347
  .e-css.e-btn-group .e-btn {
350
- box-shadow: none;
348
+ -webkit-box-shadow: none;
349
+ box-shadow: none;
351
350
  }
352
351
  .e-btn-group .e-btn:hover,
353
352
  .e-css.e-btn-group .e-btn:hover {
354
- box-shadow: none;
353
+ -webkit-box-shadow: none;
354
+ box-shadow: none;
355
355
  }
356
356
  .e-btn-group .e-btn:focus-visible,
357
357
  .e-btn-group input:focus-visible + label.e-btn,
358
358
  .e-css.e-btn-group .e-btn:focus-visible,
359
359
  .e-css.e-btn-group input:focus-visible + label.e-btn {
360
- box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
360
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
361
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
361
362
  z-index: 1;
362
363
  }
363
364
  .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,
@@ -376,14 +377,16 @@
376
377
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
377
378
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
378
379
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
379
- box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
380
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
381
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
380
382
  z-index: 1;
381
383
  }
382
384
  .e-btn-group .e-btn:focus-visible.e-outline,
383
385
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
384
386
  .e-css.e-btn-group .e-btn:focus-visible.e-outline,
385
387
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
386
- box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
388
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
389
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
387
390
  z-index: 1;
388
391
  }
389
392
  .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,
@@ -402,143 +405,197 @@
402
405
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
403
406
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
404
407
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
405
- box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000 !important;
408
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
409
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important;
406
410
  z-index: 1;
407
411
  }
408
412
  .e-btn-group .e-btn:focus,
409
413
  .e-btn-group input:focus-visible + label.e-btn,
414
+ .e-btn-group input:focus + label.e-btn,
410
415
  .e-css.e-btn-group .e-btn:focus,
411
- .e-css.e-btn-group input:focus-visible + label.e-btn {
416
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
417
+ .e-css.e-btn-group input:focus + label.e-btn {
418
+ 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));
412
419
  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));
413
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
420
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
421
+ 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)));
422
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
414
423
  color: rgba(var(--color-sf-on-surface));
415
424
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
416
425
  outline-offset: 0;
417
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
418
- box-shadow: none;
426
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
427
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
428
+ -webkit-box-shadow: none;
429
+ box-shadow: none;
419
430
  outline-color: inherit;
420
431
  }
421
432
  .e-btn-group .e-btn:focus.e-primary,
422
433
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
434
+ .e-btn-group input:focus + label.e-btn.e-primary,
423
435
  .e-css.e-btn-group .e-btn:focus.e-primary,
424
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
436
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
437
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
438
+ 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));
425
439
  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));
426
440
  border-color: rgba(var(--color-sf-primary));
427
441
  color: rgba(var(--color-sf-on-primary));
428
442
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
429
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
430
- box-shadow: none;
443
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
444
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
445
+ -webkit-box-shadow: none;
446
+ box-shadow: none;
431
447
  outline-color: inherit;
432
448
  }
433
449
  .e-btn-group .e-btn:focus.e-success,
434
450
  .e-btn-group input:focus-visible + label.e-btn.e-success,
451
+ .e-btn-group input:focus + label.e-btn.e-success,
435
452
  .e-css.e-btn-group .e-btn:focus.e-success,
436
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
453
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
454
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
455
+ 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));
437
456
  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));
438
457
  border-color: rgba(var(--color-sf-success));
439
458
  color: rgba(var(--color-sf-success-text));
440
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
441
- box-shadow: none;
459
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
460
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
461
+ -webkit-box-shadow: none;
462
+ box-shadow: none;
442
463
  outline-color: inherit;
443
464
  }
444
465
  .e-btn-group .e-btn:focus.e-info,
445
466
  .e-btn-group input:focus-visible + label.e-btn.e-info,
467
+ .e-btn-group input:focus + label.e-btn.e-info,
446
468
  .e-css.e-btn-group .e-btn:focus.e-info,
447
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
469
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
470
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
471
+ 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));
448
472
  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));
449
473
  border-color: rgba(var(--color-sf-info));
450
474
  color: rgba(var(--color-sf-info-text));
451
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
452
- box-shadow: none;
475
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
476
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
477
+ -webkit-box-shadow: none;
478
+ box-shadow: none;
453
479
  outline-color: inherit;
454
480
  }
455
481
  .e-btn-group .e-btn:focus.e-warning,
456
482
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
483
+ .e-btn-group input:focus + label.e-btn.e-warning,
457
484
  .e-css.e-btn-group .e-btn:focus.e-warning,
458
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
485
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
486
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
487
+ 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));
459
488
  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));
460
489
  border-color: rgba(var(--color-sf-warning));
461
490
  color: rgba(var(--color-sf-warning-text));
462
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
463
- box-shadow: none;
491
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
492
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
493
+ -webkit-box-shadow: none;
494
+ box-shadow: none;
464
495
  outline-color: inherit;
465
496
  }
466
497
  .e-btn-group .e-btn:focus.e-danger,
467
498
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
499
+ .e-btn-group input:focus + label.e-btn.e-danger,
468
500
  .e-css.e-btn-group .e-btn:focus.e-danger,
469
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
501
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
502
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
503
+ 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));
470
504
  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));
471
505
  border-color: rgba(var(--color-sf-error));
472
506
  color: rgba(var(--color-sf-danger-text));
473
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
474
- box-shadow: none;
507
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
508
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
509
+ -webkit-box-shadow: none;
510
+ box-shadow: none;
475
511
  outline-color: inherit;
476
512
  }
477
513
  .e-btn-group .e-btn:focus.e-link,
478
514
  .e-btn-group input:focus-visible + label.e-btn.e-link,
515
+ .e-btn-group input:focus + label.e-btn.e-link,
479
516
  .e-css.e-btn-group .e-btn:focus.e-link,
480
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
517
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
518
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
481
519
  border-radius: 0;
482
520
  text-decoration: underline;
483
521
  color: rgba(var(--color-sf-info));
484
522
  background-color: transparent;
485
523
  border-color: transparent;
486
- box-shadow: none;
524
+ -webkit-box-shadow: none;
525
+ box-shadow: none;
487
526
  outline: none;
488
527
  }
489
528
  .e-btn-group .e-btn:focus.e-outline,
490
529
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
530
+ .e-btn-group input:focus + label.e-btn.e-outline,
491
531
  .e-css.e-btn-group .e-btn:focus.e-outline,
492
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
532
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
533
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
493
534
  background: rgba(var(--color-sf-on-surface), 0.12);
494
535
  border: 1px solid rgba(var(--color-sf-outline));
495
536
  color: rgba(var(--color-sf-on-surface));
496
- box-shadow: none;
537
+ -webkit-box-shadow: none;
538
+ box-shadow: none;
497
539
  }
498
540
  .e-btn-group .e-btn:focus.e-outline.e-primary,
499
541
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
542
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
500
543
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
501
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
544
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
545
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
502
546
  background: rgba(var(--color-sf-primary), 0.12);
503
547
  border: 1px solid rgba(var(--color-sf-outline));
504
548
  color: rgba(var(--color-sf-primary));
505
- box-shadow: none;
549
+ -webkit-box-shadow: none;
550
+ box-shadow: none;
506
551
  }
507
552
  .e-btn-group .e-btn:focus.e-outline.e-success,
508
553
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
554
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
509
555
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
510
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
556
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
557
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
511
558
  background: rgba(var(--color-sf-success), 0.12);
512
559
  border: 1px solid rgba(var(--color-sf-outline));
513
560
  color: rgba(var(--color-sf-success));
514
- box-shadow: none;
561
+ -webkit-box-shadow: none;
562
+ box-shadow: none;
515
563
  }
516
564
  .e-btn-group .e-btn:focus.e-outline.e-info,
517
565
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
566
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
518
567
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
519
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
568
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
569
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
520
570
  background: rgba(var(--color-sf-info), 0.12);
521
571
  border: 1px solid rgba(var(--color-sf-outline));
522
572
  color: rgba(var(--color-sf-info));
523
- box-shadow: none;
573
+ -webkit-box-shadow: none;
574
+ box-shadow: none;
524
575
  }
525
576
  .e-btn-group .e-btn:focus.e-outline.e-warning,
526
577
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
578
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
527
579
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
528
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
580
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
581
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
529
582
  background: rgba(var(--color-sf-warning), 0.12);
530
583
  border: 1px solid rgba(var(--color-sf-outline));
531
584
  color: rgba(var(--color-sf-warning));
532
- box-shadow: none;
585
+ -webkit-box-shadow: none;
586
+ box-shadow: none;
533
587
  }
534
588
  .e-btn-group .e-btn:focus.e-outline.e-danger,
535
589
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
590
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
536
591
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
537
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
592
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
593
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
538
594
  background: rgba(var(--color-sf-error), 0.12);
539
595
  border: 1px solid rgba(var(--color-sf-outline));
540
596
  color: rgba(var(--color-sf-error));
541
- box-shadow: none;
597
+ -webkit-box-shadow: none;
598
+ box-shadow: none;
542
599
  }
543
600
  .e-btn-group .e-btn:active,
544
601
  .e-btn-group input:active + label.e-btn,
@@ -546,12 +603,16 @@
546
603
  .e-css.e-btn-group .e-btn:active,
547
604
  .e-css.e-btn-group input:active + label.e-btn,
548
605
  .e-css.e-btn-group input:checked + label.e-btn {
606
+ 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));
549
607
  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));
550
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
608
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
609
+ 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)));
610
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
551
611
  color: rgba(var(--color-sf-on-surface));
552
612
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
553
613
  outline-offset: 0;
554
- box-shadow: none;
614
+ -webkit-box-shadow: none;
615
+ box-shadow: none;
555
616
  }
556
617
  .e-btn-group .e-btn:active.e-primary,
557
618
  .e-btn-group input:active + label.e-btn.e-primary,
@@ -559,12 +620,15 @@
559
620
  .e-css.e-btn-group .e-btn:active.e-primary,
560
621
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
561
622
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
623
+ 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));
562
624
  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));
563
625
  border-color: rgba(var(--color-sf-primary));
564
626
  color: rgba(var(--color-sf-on-primary));
565
627
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
566
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
567
- box-shadow: none;
628
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
629
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
630
+ -webkit-box-shadow: none;
631
+ box-shadow: none;
568
632
  }
569
633
  .e-btn-group .e-btn:active.e-success,
570
634
  .e-btn-group input:active + label.e-btn.e-success,
@@ -572,11 +636,14 @@
572
636
  .e-css.e-btn-group .e-btn:active.e-success,
573
637
  .e-css.e-btn-group input:active + label.e-btn.e-success,
574
638
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
639
+ 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));
575
640
  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));
576
641
  border-color: rgba(var(--color-sf-success));
577
642
  color: rgba(var(--color-sf-success-text));
578
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
579
- box-shadow: none;
643
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
644
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
645
+ -webkit-box-shadow: none;
646
+ box-shadow: none;
580
647
  }
581
648
  .e-btn-group .e-btn:active.e-info,
582
649
  .e-btn-group input:active + label.e-btn.e-info,
@@ -584,11 +651,14 @@
584
651
  .e-css.e-btn-group .e-btn:active.e-info,
585
652
  .e-css.e-btn-group input:active + label.e-btn.e-info,
586
653
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
654
+ 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));
587
655
  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));
588
656
  color: rgba(var(--color-sf-info-text));
589
657
  border-color: rgba(var(--color-sf-info));
590
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
591
- box-shadow: none;
658
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
659
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
660
+ -webkit-box-shadow: none;
661
+ box-shadow: none;
592
662
  }
593
663
  .e-btn-group .e-btn:active.e-warning,
594
664
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -596,11 +666,14 @@
596
666
  .e-css.e-btn-group .e-btn:active.e-warning,
597
667
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
598
668
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
669
+ 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));
599
670
  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));
600
671
  border-color: rgba(var(--color-sf-warning));
601
672
  color: rgba(var(--color-sf-warning-text));
602
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
603
- box-shadow: none;
673
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
674
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
675
+ -webkit-box-shadow: none;
676
+ box-shadow: none;
604
677
  }
605
678
  .e-btn-group .e-btn:active.e-danger,
606
679
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -608,11 +681,14 @@
608
681
  .e-css.e-btn-group .e-btn:active.e-danger,
609
682
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
610
683
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
684
+ 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));
611
685
  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));
612
686
  border-color: rgba(var(--color-sf-error));
613
687
  color: rgba(var(--color-sf-danger-text));
614
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
615
- box-shadow: none;
688
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
689
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
690
+ -webkit-box-shadow: none;
691
+ box-shadow: none;
616
692
  }
617
693
  .e-btn-group .e-btn:active.e-outline,
618
694
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -622,7 +698,8 @@
622
698
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
623
699
  background: rgba(var(--color-sf-on-surface), 0.12);
624
700
  border-color: rgba(var(--color-sf-outline));
625
- box-shadow: none;
701
+ -webkit-box-shadow: none;
702
+ box-shadow: none;
626
703
  color: rgba(var(--color-sf-on-surface));
627
704
  box-shadow: none;
628
705
  }
@@ -632,9 +709,11 @@
632
709
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
633
710
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
634
711
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
712
+ 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));
635
713
  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));
636
714
  border-color: rgba(var(--color-sf-primary));
637
- box-shadow: none;
715
+ -webkit-box-shadow: none;
716
+ box-shadow: none;
638
717
  color: rgba(var(--color-sf-on-primary));
639
718
  background: rgba(var(--color-sf-primary), 0.12);
640
719
  border: 1px solid rgba(var(--color-sf-outline));
@@ -647,9 +726,11 @@
647
726
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
648
727
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
649
728
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
729
+ 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));
650
730
  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));
651
731
  border-color: rgba(var(--color-sf-success));
652
- box-shadow: none;
732
+ -webkit-box-shadow: none;
733
+ box-shadow: none;
653
734
  color: rgba(var(--color-sf-success-text));
654
735
  background: rgba(var(--color-sf-success), 0.12);
655
736
  border: 1px solid rgba(var(--color-sf-outline));
@@ -662,9 +743,11 @@
662
743
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
663
744
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
664
745
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
746
+ 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));
665
747
  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));
666
748
  border-color: rgba(var(--color-sf-info));
667
- box-shadow: none;
749
+ -webkit-box-shadow: none;
750
+ box-shadow: none;
668
751
  color: rgba(var(--color-sf-info-text));
669
752
  background: rgba(var(--color-sf-info), 0.12);
670
753
  border: 1px solid rgba(var(--color-sf-outline));
@@ -677,9 +760,11 @@
677
760
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
678
761
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
679
762
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
763
+ 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));
680
764
  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));
681
765
  border-color: rgba(var(--color-sf-warning));
682
- box-shadow: none;
766
+ -webkit-box-shadow: none;
767
+ box-shadow: none;
683
768
  color: rgba(var(--color-sf-warning-text));
684
769
  background: rgba(var(--color-sf-warning), 0.12);
685
770
  border: 1px solid rgba(var(--color-sf-outline));
@@ -692,9 +777,11 @@
692
777
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
693
778
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
694
779
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
780
+ 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));
695
781
  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));
696
782
  border-color: rgba(var(--color-sf-error));
697
- box-shadow: none;
783
+ -webkit-box-shadow: none;
784
+ box-shadow: none;
698
785
  color: rgba(var(--color-sf-danger-text));
699
786
  background: rgba(var(--color-sf-error), 0.12);
700
787
  border: 1px solid rgba(var(--color-sf-outline));
@@ -707,7 +794,8 @@
707
794
  .e-css.e-btn-group input:disabled + label.e-btn {
708
795
  background-color: rgba(var(--color-sf-secondary), 0.12);
709
796
  border-color: rgba(var(--color-sf-secondary), 0);
710
- box-shadow: none;
797
+ -webkit-box-shadow: none;
798
+ box-shadow: none;
711
799
  color: rgba(var(--color-sf-on-surface), 0.38);
712
800
  border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
713
801
  }
@@ -717,7 +805,8 @@
717
805
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
718
806
  background: rgba(var(--color-sf-secondary), 0.12);
719
807
  border-color: rgba(var(--color-sf-secondary), 0);
720
- box-shadow: none;
808
+ -webkit-box-shadow: none;
809
+ box-shadow: none;
721
810
  color: rgba(var(--color-sf-on-surface), 0.38);
722
811
  border-color: rgba(var(--color-sf-primary));
723
812
  }
@@ -727,7 +816,8 @@
727
816
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
728
817
  background: rgba(var(--color-sf-secondary), 0.12);
729
818
  border-color: rgba(var(--color-sf-secondary), 0);
730
- box-shadow: none;
819
+ -webkit-box-shadow: none;
820
+ box-shadow: none;
731
821
  color: rgba(var(--color-sf-on-surface), 0.38);
732
822
  border-color: rgba(var(--color-sf-success));
733
823
  }
@@ -737,7 +827,8 @@
737
827
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
738
828
  background: rgba(var(--color-sf-secondary), 0.12);
739
829
  border-color: rgba(var(--color-sf-secondary), 0);
740
- box-shadow: none;
830
+ -webkit-box-shadow: none;
831
+ box-shadow: none;
741
832
  color: rgba(var(--color-sf-on-surface), 0.38);
742
833
  border-color: rgba(var(--color-sf-info));
743
834
  }
@@ -747,7 +838,8 @@
747
838
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
748
839
  background: rgba(var(--color-sf-secondary), 0.12);
749
840
  border-color: rgba(var(--color-sf-secondary), 0);
750
- box-shadow: none;
841
+ -webkit-box-shadow: none;
842
+ box-shadow: none;
751
843
  color: rgba(var(--color-sf-on-surface), 0.38);
752
844
  border-color: rgba(var(--color-sf-warning));
753
845
  }
@@ -757,7 +849,8 @@
757
849
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
758
850
  background: rgba(var(--color-sf-secondary), 0.12);
759
851
  border-color: rgba(var(--color-sf-secondary), 0);
760
- box-shadow: none;
852
+ -webkit-box-shadow: none;
853
+ box-shadow: none;
761
854
  color: rgba(var(--color-sf-on-surface), 0.38);
762
855
  border-color: rgba(var(--color-sf-error));
763
856
  }
@@ -767,7 +860,8 @@
767
860
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
768
861
  color: rgba(var(--color-sf-on-surface), 0.38);
769
862
  background: transparent;
770
- box-shadow: none;
863
+ -webkit-box-shadow: none;
864
+ box-shadow: none;
771
865
  text-decoration: none;
772
866
  border-color: transparent;
773
867
  }
@@ -777,7 +871,8 @@
777
871
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
778
872
  background: transparent;
779
873
  border-color: rgba(var(--color-sf-secondary), 0.12);
780
- box-shadow: none;
874
+ -webkit-box-shadow: none;
875
+ box-shadow: none;
781
876
  color: rgba(var(--color-sf-on-surface), 0.38);
782
877
  border-color: rgba(var(--color-sf-outline));
783
878
  }
@@ -787,7 +882,8 @@
787
882
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
788
883
  background: transparent;
789
884
  border-color: rgba(var(--color-sf-secondary), 0.12);
790
- box-shadow: none;
885
+ -webkit-box-shadow: none;
886
+ box-shadow: none;
791
887
  color: rgba(var(--color-sf-on-surface), 0.38);
792
888
  border-color: rgba(var(--color-sf-primary));
793
889
  }
@@ -797,7 +893,8 @@
797
893
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
798
894
  background: transparent;
799
895
  border-color: rgba(var(--color-sf-secondary), 0.12);
800
- box-shadow: none;
896
+ -webkit-box-shadow: none;
897
+ box-shadow: none;
801
898
  color: rgba(var(--color-sf-on-surface), 0.38);
802
899
  border-color: rgba(var(--color-sf-success));
803
900
  }
@@ -807,7 +904,8 @@
807
904
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
808
905
  background: transparent;
809
906
  border-color: rgba(var(--color-sf-secondary), 0.12);
810
- box-shadow: none;
907
+ -webkit-box-shadow: none;
908
+ box-shadow: none;
811
909
  color: rgba(var(--color-sf-on-surface), 0.38);
812
910
  border-color: rgba(var(--color-sf-info));
813
911
  }
@@ -817,7 +915,8 @@
817
915
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
818
916
  background: transparent;
819
917
  border-color: rgba(var(--color-sf-secondary), 0.12);
820
- box-shadow: none;
918
+ -webkit-box-shadow: none;
919
+ box-shadow: none;
821
920
  color: rgba(var(--color-sf-on-surface), 0.38);
822
921
  border-color: rgba(var(--color-sf-warning));
823
922
  }
@@ -827,7 +926,8 @@
827
926
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
828
927
  background: transparent;
829
928
  border-color: rgba(var(--color-sf-secondary), 0.12);
830
- box-shadow: none;
929
+ -webkit-box-shadow: none;
930
+ box-shadow: none;
831
931
  color: rgba(var(--color-sf-on-surface), 0.38);
832
932
  border-color: rgba(var(--color-sf-error));
833
933
  }