@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/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
  }