@syncfusion/ej2-splitbuttons 25.2.4 → 26.2.4

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 (178) 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 +263 -97
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +263 -97
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +227 -80
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +227 -174
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +227 -174
  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 +30 -84
  35. package/styles/button-group/bootstrap-dark.css +93 -57
  36. package/styles/button-group/bootstrap.css +93 -57
  37. package/styles/button-group/bootstrap4.css +69 -46
  38. package/styles/button-group/bootstrap5-dark.css +69 -46
  39. package/styles/button-group/bootstrap5.css +69 -46
  40. package/styles/button-group/fabric-dark.css +93 -57
  41. package/styles/button-group/fabric.css +98 -62
  42. package/styles/button-group/fluent-dark.css +109 -65
  43. package/styles/button-group/fluent.css +109 -65
  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 +93 -57
  47. package/styles/button-group/highcontrast.css +93 -57
  48. package/styles/button-group/material-dark.css +107 -64
  49. package/styles/button-group/material.css +109 -65
  50. package/styles/button-group/material3-dark.css +151 -77
  51. package/styles/button-group/material3.css +151 -77
  52. package/styles/button-group/tailwind-dark.css +91 -57
  53. package/styles/button-group/tailwind.css +91 -57
  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 +263 -97
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +268 -102
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +271 -102
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +271 -102
  96. package/styles/fluent.scss +14 -4
  97. package/styles/fluent2.css +3068 -0
  98. package/styles/fluent2.scss +14 -0
  99. package/styles/highcontrast-light.css +263 -97
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +263 -97
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +277 -104
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +279 -105
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +357 -134
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +353 -132
  110. package/styles/material3.scss +14 -4
  111. package/styles/progress-button/_bds-definition.scss +0 -5
  112. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
  113. package/styles/progress-button/_bootstrap5-definition.scss +0 -1
  114. package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
  115. package/styles/progress-button/_fabric-dark-definition.scss +0 -3
  116. package/styles/progress-button/_fluent-definition.scss +0 -1
  117. package/styles/progress-button/_fluent2-definition.scss +21 -0
  118. package/styles/progress-button/_fusionnew-definition.scss +0 -1
  119. package/styles/progress-button/_layout.scss +0 -2
  120. package/styles/progress-button/_material-dark-definition.scss +0 -3
  121. package/styles/progress-button/_material3-definition.scss +0 -1
  122. package/styles/progress-button/_tailwind-definition.scss +0 -1
  123. package/styles/progress-button/_theme.scss +115 -50
  124. package/styles/progress-button/bootstrap-dark.css +118 -13
  125. package/styles/progress-button/bootstrap.css +118 -13
  126. package/styles/progress-button/bootstrap4.css +118 -13
  127. package/styles/progress-button/bootstrap5-dark.css +118 -106
  128. package/styles/progress-button/bootstrap5.css +118 -106
  129. package/styles/progress-button/fabric-dark.css +118 -13
  130. package/styles/progress-button/fabric.css +118 -13
  131. package/styles/progress-button/fluent-dark.css +118 -13
  132. package/styles/progress-button/fluent.css +118 -13
  133. package/styles/progress-button/fluent2.css +1632 -0
  134. package/styles/progress-button/fluent2.scss +5 -0
  135. package/styles/progress-button/highcontrast-light.css +118 -13
  136. package/styles/progress-button/highcontrast.css +118 -13
  137. package/styles/progress-button/material-dark.css +118 -13
  138. package/styles/progress-button/material.css +118 -13
  139. package/styles/progress-button/material3-dark.css +119 -14
  140. package/styles/progress-button/material3.css +119 -14
  141. package/styles/progress-button/tailwind-dark.css +118 -13
  142. package/styles/progress-button/tailwind.css +118 -13
  143. package/styles/split-button/_bds-definition.scss +0 -1
  144. package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
  145. package/styles/split-button/_bootstrap4-definition.scss +0 -3
  146. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  147. package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
  148. package/styles/split-button/_fabric-dark-definition.scss +0 -3
  149. package/styles/split-button/_fluent-definition.scss +0 -1
  150. package/styles/split-button/_fluent2-definition.scss +23 -0
  151. package/styles/split-button/_fusionnew-definition.scss +0 -1
  152. package/styles/split-button/_highcontrast-light-definition.scss +0 -3
  153. package/styles/split-button/_layout.scss +16 -4
  154. package/styles/split-button/_theme.scss +0 -2
  155. package/styles/split-button/bootstrap-dark.css +25 -13
  156. package/styles/split-button/bootstrap.css +25 -13
  157. package/styles/split-button/bootstrap4.css +17 -9
  158. package/styles/split-button/bootstrap5-dark.css +17 -9
  159. package/styles/split-button/bootstrap5.css +17 -9
  160. package/styles/split-button/fabric-dark.css +25 -13
  161. package/styles/split-button/fabric.css +25 -13
  162. package/styles/split-button/fluent-dark.css +17 -9
  163. package/styles/split-button/fluent.css +17 -9
  164. package/styles/split-button/fluent2.css +1379 -0
  165. package/styles/split-button/fluent2.scss +6 -0
  166. package/styles/split-button/highcontrast-light.css +25 -13
  167. package/styles/split-button/highcontrast.css +25 -13
  168. package/styles/split-button/material-dark.css +25 -13
  169. package/styles/split-button/material.css +25 -13
  170. package/styles/split-button/material3-dark.css +57 -28
  171. package/styles/split-button/material3.css +53 -26
  172. package/styles/split-button/tailwind-dark.css +25 -13
  173. package/styles/split-button/tailwind.css +25 -13
  174. package/styles/tailwind-dark.css +261 -98
  175. package/styles/tailwind-dark.scss +14 -4
  176. package/styles/tailwind.css +261 -98
  177. package/styles/tailwind.scss +14 -4
  178. package/CHANGELOG.md +0 -373
package/styles/split-button/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;
@@ -110,36 +110,44 @@
110
110
  }
111
111
 
112
112
  /* stylelint-disable-line no-empty-source */
113
- /*! splitbutton layout */
114
113
  .e-split-btn-wrapper {
114
+ display: -webkit-inline-box;
115
115
  display: -ms-inline-flexbox;
116
116
  display: inline-flex;
117
117
  white-space: nowrap;
118
+ width: -webkit-min-content;
119
+ width: -moz-min-content;
118
120
  width: min-content;
119
121
  border-radius: 4px;
120
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
122
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
123
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
121
124
  }
122
125
  .e-split-btn-wrapper .e-split-btn {
123
126
  border-bottom-right-radius: 0;
124
127
  border-top-right-radius: 0;
125
128
  text-transform: none;
126
129
  z-index: 1;
127
- box-shadow: none;
130
+ -webkit-box-shadow: none;
131
+ box-shadow: none;
128
132
  }
129
133
  .e-split-btn-wrapper .e-split-btn:focus {
130
134
  outline-offset: 0;
131
135
  }
132
136
  .e-split-btn-wrapper .e-split-btn:hover {
133
- box-shadow: none;
137
+ -webkit-box-shadow: none;
138
+ box-shadow: none;
134
139
  }
135
140
  .e-split-btn-wrapper .e-split-btn:focus {
136
- box-shadow: none;
141
+ -webkit-box-shadow: none;
142
+ box-shadow: none;
137
143
  }
138
144
  .e-split-btn-wrapper .e-split-btn:focus-visible {
139
- box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
145
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
146
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
140
147
  }
141
148
  .e-split-btn-wrapper .e-split-btn:active {
142
- box-shadow: none;
149
+ -webkit-box-shadow: none;
150
+ box-shadow: none;
143
151
  z-index: 2;
144
152
  }
145
153
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -168,12 +176,14 @@
168
176
  border-bottom-left-radius: 0;
169
177
  border-top-left-radius: 0;
170
178
  margin-left: -1px;
171
- box-shadow: none;
179
+ -webkit-box-shadow: none;
180
+ box-shadow: none;
172
181
  padding-left: 4px;
173
182
  padding-right: 4px;
174
183
  }
175
184
  .e-split-btn-wrapper .e-dropdown-btn:active {
176
- box-shadow: none;
185
+ -webkit-box-shadow: none;
186
+ box-shadow: none;
177
187
  z-index: 2;
178
188
  }
179
189
  .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
@@ -183,22 +193,28 @@
183
193
  outline-offset: 0;
184
194
  }
185
195
  .e-split-btn-wrapper .e-btn:hover {
186
- box-shadow: none;
196
+ -webkit-box-shadow: none;
197
+ box-shadow: none;
187
198
  }
188
199
  .e-split-btn-wrapper .e-btn:focus {
189
- box-shadow: none;
200
+ -webkit-box-shadow: none;
201
+ box-shadow: none;
190
202
  }
191
203
  .e-split-btn-wrapper .e-btn:focus-visible {
192
- box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
204
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
205
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
193
206
  }
194
207
  .e-split-btn-wrapper .e-btn:active {
195
- box-shadow: none;
208
+ -webkit-box-shadow: none;
209
+ box-shadow: none;
196
210
  }
197
211
  .e-split-btn-wrapper .e-btn:disabled {
198
- box-shadow: none;
212
+ -webkit-box-shadow: none;
213
+ box-shadow: none;
199
214
  }
200
215
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
201
- box-shadow: none;
216
+ -webkit-box-shadow: none;
217
+ box-shadow: none;
202
218
  }
203
219
  .e-split-btn-wrapper.e-rtl .e-split-btn {
204
220
  border-bottom-left-radius: 0;
@@ -231,7 +247,8 @@
231
247
  border-top-right-radius: 0;
232
248
  margin-left: 0;
233
249
  border-radius: 4px;
234
- box-shadow: none;
250
+ -webkit-box-shadow: none;
251
+ box-shadow: none;
235
252
  }
236
253
  .e-split-btn-wrapper.e-vertical {
237
254
  display: inline-block;
@@ -246,7 +263,8 @@
246
263
  border-top-right-radius: 100px;
247
264
  line-height: 1;
248
265
  border-radius: 4px;
249
- box-shadow: none;
266
+ -webkit-box-shadow: none;
267
+ box-shadow: none;
250
268
  }
251
269
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
252
270
  padding-bottom: 4px;
@@ -258,7 +276,8 @@
258
276
  margin-left: 0;
259
277
  margin-top: -1px;
260
278
  border-radius: 4px;
261
- box-shadow: none;
279
+ -webkit-box-shadow: none;
280
+ box-shadow: none;
262
281
  }
263
282
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
264
283
  padding-top: 0;
@@ -276,12 +295,14 @@
276
295
  .e-bigger .e-split-btn-wrapper,
277
296
  .e-bigger.e-split-btn-wrapper {
278
297
  border-radius: 4px;
279
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
298
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
299
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
280
300
  }
281
301
  .e-bigger .e-split-btn-wrapper .e-split-btn,
282
302
  .e-bigger.e-split-btn-wrapper .e-split-btn {
283
303
  border-radius: 4px;
284
- box-shadow: none;
304
+ -webkit-box-shadow: none;
305
+ box-shadow: none;
285
306
  padding-left: 12px;
286
307
  padding-right: 6px;
287
308
  }
@@ -356,9 +377,10 @@
356
377
  padding-top: 0;
357
378
  }
358
379
 
359
- /*! splitbutton theme */
360
380
  .e-split-btn-wrapper .e-split-btn {
361
- border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
381
+ -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
382
+ border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
383
+ border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
362
384
  border-width: 0 1px 0 0;
363
385
  }
364
386
  .e-split-btn-wrapper .e-split-btn:focus {
@@ -374,7 +396,8 @@
374
396
  border-color: transparent;
375
397
  }
376
398
  .e-split-btn-wrapper.e-splitbtn-disabled {
377
- box-shadow: none;
399
+ -webkit-box-shadow: none;
400
+ box-shadow: none;
378
401
  }
379
402
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
380
403
  border-right-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
@@ -383,7 +406,9 @@
383
406
  border-right-color: rgba(var(--color-sf-secondary), 0);
384
407
  }
385
408
  .e-split-btn-wrapper.e-rtl .e-split-btn {
386
- border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
409
+ -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
410
+ border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
411
+ border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
387
412
  border-width: 0 0 0 1px;
388
413
  }
389
414
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
@@ -409,7 +434,9 @@
409
434
  border-left-color: rgba(var(--color-sf-secondary), 0);
410
435
  }
411
436
  .e-split-btn-wrapper.e-vertical .e-split-btn {
412
- border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
437
+ -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
438
+ border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
439
+ border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
413
440
  border-width: 0 0 2px;
414
441
  border-bottom-color: rgba(var(--color-sf-outline-variant));
415
442
  border-right-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1));
package/styles/split-button/tailwind-dark.css CHANGED
@@ -1,9 +1,11 @@
1
1
  /* stylelint-disable-line no-empty-source */
2
- /*! splitbutton layout */
3
2
  .e-split-btn-wrapper {
3
+ display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
5
5
  display: inline-flex;
6
6
  white-space: nowrap;
7
+ width: -webkit-min-content;
8
+ width: -moz-min-content;
7
9
  width: min-content;
8
10
  }
9
11
  .e-split-btn-wrapper .e-split-btn {
@@ -20,14 +22,17 @@
20
22
  outline-offset: 0;
21
23
  }
22
24
  .e-split-btn-wrapper .e-split-btn:hover {
23
- box-shadow: none;
25
+ -webkit-box-shadow: none;
26
+ box-shadow: none;
24
27
  }
25
28
  .e-split-btn-wrapper .e-split-btn:focus {
26
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
29
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
30
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
27
31
  z-index: 2;
28
32
  }
29
33
  .e-split-btn-wrapper .e-split-btn:active {
30
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
34
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
35
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
31
36
  z-index: 2;
32
37
  }
33
38
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -60,10 +65,12 @@
60
65
  z-index: 1;
61
66
  }
62
67
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
63
- box-shadow: none;
68
+ -webkit-box-shadow: none;
69
+ box-shadow: none;
64
70
  }
65
71
  .e-split-btn-wrapper .e-dropdown-btn:active {
66
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
72
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
73
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
67
74
  z-index: 2;
68
75
  }
69
76
  .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
@@ -73,24 +80,30 @@
73
80
  outline-offset: 0;
74
81
  }
75
82
  .e-split-btn-wrapper .e-btn {
76
- box-shadow: none;
83
+ -webkit-box-shadow: none;
84
+ box-shadow: none;
77
85
  }
78
86
  .e-split-btn-wrapper .e-btn:hover {
79
- box-shadow: none;
87
+ -webkit-box-shadow: none;
88
+ box-shadow: none;
80
89
  }
81
90
  .e-split-btn-wrapper .e-btn:focus {
82
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
91
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
92
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
83
93
  z-index: 2;
84
94
  }
85
95
  .e-split-btn-wrapper .e-btn:active {
86
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
96
+ -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
97
+ box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
87
98
  z-index: 2;
88
99
  }
89
100
  .e-split-btn-wrapper .e-btn:disabled {
90
- box-shadow: none;
101
+ -webkit-box-shadow: none;
102
+ box-shadow: none;
91
103
  }
92
104
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
93
- box-shadow: none;
105
+ -webkit-box-shadow: none;
106
+ box-shadow: none;
94
107
  }
95
108
  .e-split-btn-wrapper.e-rtl .e-split-btn {
96
109
  border-bottom-left-radius: 0;
@@ -244,7 +257,6 @@
244
257
  padding-top: 0;
245
258
  }
246
259
 
247
- /*! splitbutton theme */
248
260
  .e-split-btn-wrapper .e-split-btn {
249
261
  border-right-color: #6b7280;
250
262
  }
package/styles/split-button/tailwind.css CHANGED
@@ -1,9 +1,11 @@
1
1
  /* stylelint-disable-line no-empty-source */
2
- /*! splitbutton layout */
3
2
  .e-split-btn-wrapper {
3
+ display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
5
5
  display: inline-flex;
6
6
  white-space: nowrap;
7
+ width: -webkit-min-content;
8
+ width: -moz-min-content;
7
9
  width: min-content;
8
10
  }
9
11
  .e-split-btn-wrapper .e-split-btn {
@@ -20,14 +22,17 @@
20
22
  outline-offset: 0;
21
23
  }
22
24
  .e-split-btn-wrapper .e-split-btn:hover {
23
- box-shadow: none;
25
+ -webkit-box-shadow: none;
26
+ box-shadow: none;
24
27
  }
25
28
  .e-split-btn-wrapper .e-split-btn:focus {
26
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
29
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
30
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
27
31
  z-index: 2;
28
32
  }
29
33
  .e-split-btn-wrapper .e-split-btn:active {
30
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
34
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
35
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
31
36
  z-index: 2;
32
37
  }
33
38
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -60,10 +65,12 @@
60
65
  z-index: 1;
61
66
  }
62
67
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
63
- box-shadow: none;
68
+ -webkit-box-shadow: none;
69
+ box-shadow: none;
64
70
  }
65
71
  .e-split-btn-wrapper .e-dropdown-btn:active {
66
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
72
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
73
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
67
74
  z-index: 2;
68
75
  }
69
76
  .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
@@ -73,24 +80,30 @@
73
80
  outline-offset: 0;
74
81
  }
75
82
  .e-split-btn-wrapper .e-btn {
76
- box-shadow: none;
83
+ -webkit-box-shadow: none;
84
+ box-shadow: none;
77
85
  }
78
86
  .e-split-btn-wrapper .e-btn:hover {
79
- box-shadow: none;
87
+ -webkit-box-shadow: none;
88
+ box-shadow: none;
80
89
  }
81
90
  .e-split-btn-wrapper .e-btn:focus {
82
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
91
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
92
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
83
93
  z-index: 2;
84
94
  }
85
95
  .e-split-btn-wrapper .e-btn:active {
86
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
96
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
97
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
87
98
  z-index: 2;
88
99
  }
89
100
  .e-split-btn-wrapper .e-btn:disabled {
90
- box-shadow: none;
101
+ -webkit-box-shadow: none;
102
+ box-shadow: none;
91
103
  }
92
104
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
93
- box-shadow: none;
105
+ -webkit-box-shadow: none;
106
+ box-shadow: none;
94
107
  }
95
108
  .e-split-btn-wrapper.e-rtl .e-split-btn {
96
109
  border-bottom-left-radius: 0;
@@ -244,7 +257,6 @@
244
257
  padding-top: 0;
245
258
  }
246
259
 
247
- /*! splitbutton theme */
248
260
  .e-split-btn-wrapper .e-split-btn {
249
261
  border-right-color: #d1d5db;
250
262
  }