@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35-7502

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-dark.css CHANGED
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -56,14 +56,18 @@
56
56
  /* stylelint-disable */
57
57
  *.e-btn-group,
58
58
  *.e-css.e-btn-group {
59
+ display: -webkit-inline-box;
59
60
  display: -ms-inline-flexbox;
60
61
  display: inline-flex;
61
62
  border-radius: 4px;
62
- -ms-flex-direction: row;
63
- flex-direction: row;
63
+ -webkit-box-orient: horizontal;
64
+ -webkit-box-direction: normal;
65
+ -ms-flex-direction: row;
66
+ flex-direction: row;
64
67
  position: relative;
65
68
  border-radius: 4px;
66
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
69
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
70
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
67
71
  }
68
72
  *.e-btn-group input + label.e-btn,
69
73
  *.e-css.e-btn-group input + label.e-btn {
@@ -93,8 +97,9 @@
93
97
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
94
98
  border-radius: 0;
95
99
  }
96
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
97
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
100
+ *.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),
101
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
102
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
98
103
  border-bottom-right-radius: 0;
99
104
  border-top-right-radius: 0;
100
105
  }
@@ -103,11 +108,6 @@
103
108
  border-bottom-left-radius: 0;
104
109
  border-top-left-radius: 0;
105
110
  }
106
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
107
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
108
- border-bottom-right-radius: 0;
109
- border-top-right-radius: 0;
110
- }
111
111
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
112
112
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
113
113
  border-bottom-left-radius: 0;
@@ -141,8 +141,9 @@
141
141
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
142
142
  border-radius: 0;
143
143
  }
144
- *.e-btn-group.e-rtl .e-btn:first-of-type,
145
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
144
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
145
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
146
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
146
147
  border-bottom-left-radius: 0;
147
148
  border-top-left-radius: 0;
148
149
  }
@@ -151,11 +152,6 @@
151
152
  border-bottom-right-radius: 0;
152
153
  border-top-right-radius: 0;
153
154
  }
154
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
155
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
156
- border-bottom-left-radius: 0;
157
- border-top-left-radius: 0;
158
- }
159
155
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
160
156
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
161
157
  border-bottom-right-radius: 0;
@@ -183,8 +179,10 @@
183
179
  }
184
180
  *.e-btn-group.e-vertical,
185
181
  *.e-css.e-btn-group.e-vertical {
186
- -ms-flex-direction: column;
187
- flex-direction: column;
182
+ -webkit-box-orient: vertical;
183
+ -webkit-box-direction: normal;
184
+ -ms-flex-direction: column;
185
+ flex-direction: column;
188
186
  }
189
187
  *.e-btn-group.e-vertical input,
190
188
  *.e-css.e-btn-group.e-vertical input {
@@ -291,17 +289,20 @@
291
289
  /* stylelint-disable */
292
290
  .e-btn-group .e-btn,
293
291
  .e-css.e-btn-group .e-btn {
294
- box-shadow: none;
292
+ -webkit-box-shadow: none;
293
+ box-shadow: none;
295
294
  }
296
295
  .e-btn-group .e-btn:hover,
297
296
  .e-css.e-btn-group .e-btn:hover {
298
- box-shadow: none;
297
+ -webkit-box-shadow: none;
298
+ box-shadow: none;
299
299
  }
300
300
  .e-btn-group .e-btn:focus-visible,
301
301
  .e-btn-group input:focus-visible + label.e-btn,
302
302
  .e-css.e-btn-group .e-btn:focus-visible,
303
303
  .e-css.e-btn-group input:focus-visible + label.e-btn {
304
- box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
304
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
305
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
305
306
  z-index: 1;
306
307
  }
307
308
  .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,
@@ -320,14 +321,16 @@
320
321
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
321
322
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
322
323
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
323
- box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
324
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
325
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
324
326
  z-index: 1;
325
327
  }
326
328
  .e-btn-group .e-btn:focus-visible.e-outline,
327
329
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
328
330
  .e-css.e-btn-group .e-btn:focus-visible.e-outline,
329
331
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
330
- box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
332
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
333
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
331
334
  z-index: 1;
332
335
  }
333
336
  .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,
@@ -346,143 +349,197 @@
346
349
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
347
350
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
348
351
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
349
- box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff !important;
352
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
353
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
350
354
  z-index: 1;
351
355
  }
352
356
  .e-btn-group .e-btn:focus,
353
357
  .e-btn-group input:focus-visible + label.e-btn,
358
+ .e-btn-group input:focus + label.e-btn,
354
359
  .e-css.e-btn-group .e-btn:focus,
355
- .e-css.e-btn-group input:focus-visible + label.e-btn {
360
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
361
+ .e-css.e-btn-group input:focus + label.e-btn {
362
+ 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));
356
363
  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));
357
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
364
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
365
+ 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)));
366
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
358
367
  color: rgba(var(--color-sf-on-surface));
359
368
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
360
369
  outline-offset: 0;
361
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
362
- box-shadow: none;
370
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
371
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
372
+ -webkit-box-shadow: none;
373
+ box-shadow: none;
363
374
  outline-color: inherit;
364
375
  }
365
376
  .e-btn-group .e-btn:focus.e-primary,
366
377
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
378
+ .e-btn-group input:focus + label.e-btn.e-primary,
367
379
  .e-css.e-btn-group .e-btn:focus.e-primary,
368
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
380
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
381
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
382
+ 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));
369
383
  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));
370
384
  border-color: rgba(var(--color-sf-primary));
371
385
  color: rgba(var(--color-sf-on-primary));
372
386
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
373
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
374
- box-shadow: none;
387
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
388
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
389
+ -webkit-box-shadow: none;
390
+ box-shadow: none;
375
391
  outline-color: inherit;
376
392
  }
377
393
  .e-btn-group .e-btn:focus.e-success,
378
394
  .e-btn-group input:focus-visible + label.e-btn.e-success,
395
+ .e-btn-group input:focus + label.e-btn.e-success,
379
396
  .e-css.e-btn-group .e-btn:focus.e-success,
380
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
397
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
398
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
399
+ 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));
381
400
  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));
382
401
  border-color: rgba(var(--color-sf-success));
383
402
  color: rgba(var(--color-sf-success-text));
384
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
385
- box-shadow: none;
403
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
404
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
405
+ -webkit-box-shadow: none;
406
+ box-shadow: none;
386
407
  outline-color: inherit;
387
408
  }
388
409
  .e-btn-group .e-btn:focus.e-info,
389
410
  .e-btn-group input:focus-visible + label.e-btn.e-info,
411
+ .e-btn-group input:focus + label.e-btn.e-info,
390
412
  .e-css.e-btn-group .e-btn:focus.e-info,
391
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
413
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
414
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
415
+ 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));
392
416
  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));
393
417
  border-color: rgba(var(--color-sf-info));
394
418
  color: rgba(var(--color-sf-info-text));
395
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
396
- box-shadow: none;
419
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
420
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
421
+ -webkit-box-shadow: none;
422
+ box-shadow: none;
397
423
  outline-color: inherit;
398
424
  }
399
425
  .e-btn-group .e-btn:focus.e-warning,
400
426
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
427
+ .e-btn-group input:focus + label.e-btn.e-warning,
401
428
  .e-css.e-btn-group .e-btn:focus.e-warning,
402
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
429
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
430
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
431
+ 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));
403
432
  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));
404
433
  border-color: rgba(var(--color-sf-warning));
405
434
  color: rgba(var(--color-sf-warning-text));
406
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
407
- box-shadow: none;
435
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
436
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
437
+ -webkit-box-shadow: none;
438
+ box-shadow: none;
408
439
  outline-color: inherit;
409
440
  }
410
441
  .e-btn-group .e-btn:focus.e-danger,
411
442
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
443
+ .e-btn-group input:focus + label.e-btn.e-danger,
412
444
  .e-css.e-btn-group .e-btn:focus.e-danger,
413
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
445
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
446
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
447
+ 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));
414
448
  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));
415
449
  border-color: rgba(var(--color-sf-error));
416
450
  color: rgba(var(--color-sf-danger-text));
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;
451
+ -webkit-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: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
453
+ -webkit-box-shadow: none;
454
+ box-shadow: none;
419
455
  outline-color: inherit;
420
456
  }
421
457
  .e-btn-group .e-btn:focus.e-link,
422
458
  .e-btn-group input:focus-visible + label.e-btn.e-link,
459
+ .e-btn-group input:focus + label.e-btn.e-link,
423
460
  .e-css.e-btn-group .e-btn:focus.e-link,
424
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
461
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
462
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
425
463
  border-radius: 0;
426
464
  text-decoration: underline;
427
465
  color: rgba(var(--color-sf-info));
428
466
  background-color: transparent;
429
467
  border-color: transparent;
430
- box-shadow: none;
468
+ -webkit-box-shadow: none;
469
+ box-shadow: none;
431
470
  outline: none;
432
471
  }
433
472
  .e-btn-group .e-btn:focus.e-outline,
434
473
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
474
+ .e-btn-group input:focus + label.e-btn.e-outline,
435
475
  .e-css.e-btn-group .e-btn:focus.e-outline,
436
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
476
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
477
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
437
478
  background: rgba(var(--color-sf-on-surface), 0.12);
438
479
  border: 1px solid rgba(var(--color-sf-outline));
439
480
  color: rgba(var(--color-sf-on-surface));
440
- box-shadow: none;
481
+ -webkit-box-shadow: none;
482
+ box-shadow: none;
441
483
  }
442
484
  .e-btn-group .e-btn:focus.e-outline.e-primary,
443
485
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
486
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
444
487
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
445
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
488
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
489
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
446
490
  background: rgba(var(--color-sf-primary), 0.12);
447
491
  border: 1px solid rgba(var(--color-sf-outline));
448
492
  color: rgba(var(--color-sf-primary));
449
- box-shadow: none;
493
+ -webkit-box-shadow: none;
494
+ box-shadow: none;
450
495
  }
451
496
  .e-btn-group .e-btn:focus.e-outline.e-success,
452
497
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
498
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
453
499
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
454
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
500
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
501
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
455
502
  background: rgba(var(--color-sf-success), 0.12);
456
503
  border: 1px solid rgba(var(--color-sf-outline));
457
504
  color: rgba(var(--color-sf-success));
458
- box-shadow: none;
505
+ -webkit-box-shadow: none;
506
+ box-shadow: none;
459
507
  }
460
508
  .e-btn-group .e-btn:focus.e-outline.e-info,
461
509
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
510
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
462
511
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
463
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
512
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
513
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
464
514
  background: rgba(var(--color-sf-info), 0.12);
465
515
  border: 1px solid rgba(var(--color-sf-outline));
466
516
  color: rgba(var(--color-sf-info));
467
- box-shadow: none;
517
+ -webkit-box-shadow: none;
518
+ box-shadow: none;
468
519
  }
469
520
  .e-btn-group .e-btn:focus.e-outline.e-warning,
470
521
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
522
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
471
523
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
472
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
524
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
525
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
473
526
  background: rgba(var(--color-sf-warning), 0.12);
474
527
  border: 1px solid rgba(var(--color-sf-outline));
475
528
  color: rgba(var(--color-sf-warning));
476
- box-shadow: none;
529
+ -webkit-box-shadow: none;
530
+ box-shadow: none;
477
531
  }
478
532
  .e-btn-group .e-btn:focus.e-outline.e-danger,
479
533
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
534
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
480
535
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
481
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
536
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
537
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
482
538
  background: rgba(var(--color-sf-error), 0.12);
483
539
  border: 1px solid rgba(var(--color-sf-outline));
484
540
  color: rgba(var(--color-sf-error));
485
- box-shadow: none;
541
+ -webkit-box-shadow: none;
542
+ box-shadow: none;
486
543
  }
487
544
  .e-btn-group .e-btn:active,
488
545
  .e-btn-group input:active + label.e-btn,
@@ -490,12 +547,16 @@
490
547
  .e-css.e-btn-group .e-btn:active,
491
548
  .e-css.e-btn-group input:active + label.e-btn,
492
549
  .e-css.e-btn-group input:checked + label.e-btn {
550
+ 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));
493
551
  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));
494
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
552
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
553
+ 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)));
554
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
495
555
  color: rgba(var(--color-sf-on-surface));
496
556
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
497
557
  outline-offset: 0;
498
- box-shadow: none;
558
+ -webkit-box-shadow: none;
559
+ box-shadow: none;
499
560
  }
500
561
  .e-btn-group .e-btn:active.e-primary,
501
562
  .e-btn-group input:active + label.e-btn.e-primary,
@@ -503,12 +564,15 @@
503
564
  .e-css.e-btn-group .e-btn:active.e-primary,
504
565
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
505
566
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
567
+ 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));
506
568
  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));
507
569
  border-color: rgba(var(--color-sf-primary));
508
570
  color: rgba(var(--color-sf-on-primary));
509
571
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
510
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
511
- box-shadow: none;
572
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
573
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
574
+ -webkit-box-shadow: none;
575
+ box-shadow: none;
512
576
  }
513
577
  .e-btn-group .e-btn:active.e-success,
514
578
  .e-btn-group input:active + label.e-btn.e-success,
@@ -516,11 +580,14 @@
516
580
  .e-css.e-btn-group .e-btn:active.e-success,
517
581
  .e-css.e-btn-group input:active + label.e-btn.e-success,
518
582
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
583
+ 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));
519
584
  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));
520
585
  border-color: rgba(var(--color-sf-success));
521
586
  color: rgba(var(--color-sf-success-text));
522
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
523
- box-shadow: none;
587
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
588
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
589
+ -webkit-box-shadow: none;
590
+ box-shadow: none;
524
591
  }
525
592
  .e-btn-group .e-btn:active.e-info,
526
593
  .e-btn-group input:active + label.e-btn.e-info,
@@ -528,11 +595,14 @@
528
595
  .e-css.e-btn-group .e-btn:active.e-info,
529
596
  .e-css.e-btn-group input:active + label.e-btn.e-info,
530
597
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
598
+ 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));
531
599
  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));
532
600
  color: rgba(var(--color-sf-info-text));
533
601
  border-color: rgba(var(--color-sf-info));
534
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
535
- box-shadow: none;
602
+ -webkit-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: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
604
+ -webkit-box-shadow: none;
605
+ box-shadow: none;
536
606
  }
537
607
  .e-btn-group .e-btn:active.e-warning,
538
608
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -540,11 +610,14 @@
540
610
  .e-css.e-btn-group .e-btn:active.e-warning,
541
611
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
542
612
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
613
+ 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));
543
614
  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));
544
615
  border-color: rgba(var(--color-sf-warning));
545
616
  color: rgba(var(--color-sf-warning-text));
546
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
547
- box-shadow: none;
617
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
618
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
619
+ -webkit-box-shadow: none;
620
+ box-shadow: none;
548
621
  }
549
622
  .e-btn-group .e-btn:active.e-danger,
550
623
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -552,11 +625,14 @@
552
625
  .e-css.e-btn-group .e-btn:active.e-danger,
553
626
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
554
627
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
628
+ 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));
555
629
  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));
556
630
  border-color: rgba(var(--color-sf-error));
557
631
  color: rgba(var(--color-sf-danger-text));
558
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
559
- box-shadow: none;
632
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
633
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
634
+ -webkit-box-shadow: none;
635
+ box-shadow: none;
560
636
  }
561
637
  .e-btn-group .e-btn:active.e-outline,
562
638
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -566,7 +642,8 @@
566
642
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
567
643
  background: rgba(var(--color-sf-on-surface), 0.12);
568
644
  border-color: rgba(var(--color-sf-outline));
569
- box-shadow: none;
645
+ -webkit-box-shadow: none;
646
+ box-shadow: none;
570
647
  color: rgba(var(--color-sf-on-surface));
571
648
  box-shadow: none;
572
649
  }
@@ -576,9 +653,11 @@
576
653
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
577
654
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
578
655
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
656
+ 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));
579
657
  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));
580
658
  border-color: rgba(var(--color-sf-primary));
581
- box-shadow: none;
659
+ -webkit-box-shadow: none;
660
+ box-shadow: none;
582
661
  color: rgba(var(--color-sf-on-primary));
583
662
  background: rgba(var(--color-sf-primary), 0.12);
584
663
  border: 1px solid rgba(var(--color-sf-outline));
@@ -591,9 +670,11 @@
591
670
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
592
671
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
593
672
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
673
+ 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));
594
674
  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));
595
675
  border-color: rgba(var(--color-sf-success));
596
- box-shadow: none;
676
+ -webkit-box-shadow: none;
677
+ box-shadow: none;
597
678
  color: rgba(var(--color-sf-success-text));
598
679
  background: rgba(var(--color-sf-success), 0.12);
599
680
  border: 1px solid rgba(var(--color-sf-outline));
@@ -606,9 +687,11 @@
606
687
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
607
688
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
608
689
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
690
+ 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));
609
691
  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));
610
692
  border-color: rgba(var(--color-sf-info));
611
- box-shadow: none;
693
+ -webkit-box-shadow: none;
694
+ box-shadow: none;
612
695
  color: rgba(var(--color-sf-info-text));
613
696
  background: rgba(var(--color-sf-info), 0.12);
614
697
  border: 1px solid rgba(var(--color-sf-outline));
@@ -621,9 +704,11 @@
621
704
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
622
705
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
623
706
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
707
+ 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));
624
708
  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));
625
709
  border-color: rgba(var(--color-sf-warning));
626
- box-shadow: none;
710
+ -webkit-box-shadow: none;
711
+ box-shadow: none;
627
712
  color: rgba(var(--color-sf-warning-text));
628
713
  background: rgba(var(--color-sf-warning), 0.12);
629
714
  border: 1px solid rgba(var(--color-sf-outline));
@@ -636,9 +721,11 @@
636
721
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
637
722
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
638
723
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
724
+ 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));
639
725
  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));
640
726
  border-color: rgba(var(--color-sf-error));
641
- box-shadow: none;
727
+ -webkit-box-shadow: none;
728
+ box-shadow: none;
642
729
  color: rgba(var(--color-sf-danger-text));
643
730
  background: rgba(var(--color-sf-error), 0.12);
644
731
  border: 1px solid rgba(var(--color-sf-outline));
@@ -651,7 +738,8 @@
651
738
  .e-css.e-btn-group input:disabled + label.e-btn {
652
739
  background-color: rgba(var(--color-sf-secondary), 0.12);
653
740
  border-color: rgba(var(--color-sf-secondary), 0);
654
- box-shadow: none;
741
+ -webkit-box-shadow: none;
742
+ box-shadow: none;
655
743
  color: rgba(var(--color-sf-on-surface), 0.38);
656
744
  border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
657
745
  }
@@ -661,7 +749,8 @@
661
749
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
662
750
  background: rgba(var(--color-sf-secondary), 0.12);
663
751
  border-color: rgba(var(--color-sf-secondary), 0);
664
- box-shadow: none;
752
+ -webkit-box-shadow: none;
753
+ box-shadow: none;
665
754
  color: rgba(var(--color-sf-on-surface), 0.38);
666
755
  border-color: rgba(var(--color-sf-primary));
667
756
  }
@@ -671,7 +760,8 @@
671
760
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
672
761
  background: rgba(var(--color-sf-secondary), 0.12);
673
762
  border-color: rgba(var(--color-sf-secondary), 0);
674
- box-shadow: none;
763
+ -webkit-box-shadow: none;
764
+ box-shadow: none;
675
765
  color: rgba(var(--color-sf-on-surface), 0.38);
676
766
  border-color: rgba(var(--color-sf-success));
677
767
  }
@@ -681,7 +771,8 @@
681
771
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
682
772
  background: rgba(var(--color-sf-secondary), 0.12);
683
773
  border-color: rgba(var(--color-sf-secondary), 0);
684
- box-shadow: none;
774
+ -webkit-box-shadow: none;
775
+ box-shadow: none;
685
776
  color: rgba(var(--color-sf-on-surface), 0.38);
686
777
  border-color: rgba(var(--color-sf-info));
687
778
  }
@@ -691,7 +782,8 @@
691
782
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
692
783
  background: rgba(var(--color-sf-secondary), 0.12);
693
784
  border-color: rgba(var(--color-sf-secondary), 0);
694
- box-shadow: none;
785
+ -webkit-box-shadow: none;
786
+ box-shadow: none;
695
787
  color: rgba(var(--color-sf-on-surface), 0.38);
696
788
  border-color: rgba(var(--color-sf-warning));
697
789
  }
@@ -701,7 +793,8 @@
701
793
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
702
794
  background: rgba(var(--color-sf-secondary), 0.12);
703
795
  border-color: rgba(var(--color-sf-secondary), 0);
704
- box-shadow: none;
796
+ -webkit-box-shadow: none;
797
+ box-shadow: none;
705
798
  color: rgba(var(--color-sf-on-surface), 0.38);
706
799
  border-color: rgba(var(--color-sf-error));
707
800
  }
@@ -711,7 +804,8 @@
711
804
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
712
805
  color: rgba(var(--color-sf-on-surface), 0.38);
713
806
  background: transparent;
714
- box-shadow: none;
807
+ -webkit-box-shadow: none;
808
+ box-shadow: none;
715
809
  text-decoration: none;
716
810
  border-color: transparent;
717
811
  }
@@ -721,7 +815,8 @@
721
815
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
722
816
  background: transparent;
723
817
  border-color: rgba(var(--color-sf-secondary), 0.12);
724
- box-shadow: none;
818
+ -webkit-box-shadow: none;
819
+ box-shadow: none;
725
820
  color: rgba(var(--color-sf-on-surface), 0.38);
726
821
  border-color: rgba(var(--color-sf-outline));
727
822
  }
@@ -731,7 +826,8 @@
731
826
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
732
827
  background: transparent;
733
828
  border-color: rgba(var(--color-sf-secondary), 0.12);
734
- box-shadow: none;
829
+ -webkit-box-shadow: none;
830
+ box-shadow: none;
735
831
  color: rgba(var(--color-sf-on-surface), 0.38);
736
832
  border-color: rgba(var(--color-sf-primary));
737
833
  }
@@ -741,7 +837,8 @@
741
837
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
742
838
  background: transparent;
743
839
  border-color: rgba(var(--color-sf-secondary), 0.12);
744
- box-shadow: none;
840
+ -webkit-box-shadow: none;
841
+ box-shadow: none;
745
842
  color: rgba(var(--color-sf-on-surface), 0.38);
746
843
  border-color: rgba(var(--color-sf-success));
747
844
  }
@@ -751,7 +848,8 @@
751
848
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
752
849
  background: transparent;
753
850
  border-color: rgba(var(--color-sf-secondary), 0.12);
754
- box-shadow: none;
851
+ -webkit-box-shadow: none;
852
+ box-shadow: none;
755
853
  color: rgba(var(--color-sf-on-surface), 0.38);
756
854
  border-color: rgba(var(--color-sf-info));
757
855
  }
@@ -761,7 +859,8 @@
761
859
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
762
860
  background: transparent;
763
861
  border-color: rgba(var(--color-sf-secondary), 0.12);
764
- box-shadow: none;
862
+ -webkit-box-shadow: none;
863
+ box-shadow: none;
765
864
  color: rgba(var(--color-sf-on-surface), 0.38);
766
865
  border-color: rgba(var(--color-sf-warning));
767
866
  }
@@ -771,7 +870,8 @@
771
870
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
772
871
  background: transparent;
773
872
  border-color: rgba(var(--color-sf-secondary), 0.12);
774
- box-shadow: none;
873
+ -webkit-box-shadow: none;
874
+ box-shadow: none;
775
875
  color: rgba(var(--color-sf-on-surface), 0.38);
776
876
  border-color: rgba(var(--color-sf-error));
777
877
  }