@syncfusion/ej2-react-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 (102) hide show
  1. package/dist/ej2-react-splitbuttons.min.js +2 -2
  2. package/dist/ej2-react-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-react-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-react-splitbuttons.es2015.js +5 -5
  5. package/dist/es6/ej2-react-splitbuttons.es2015.js.map +1 -1
  6. package/package.json +19 -12
  7. package/styles/bootstrap-dark.css +1966 -1
  8. package/styles/bootstrap.css +2016 -1
  9. package/styles/bootstrap4.css +2004 -1
  10. package/styles/bootstrap5-dark.css +1946 -1
  11. package/styles/bootstrap5.css +1946 -1
  12. package/styles/button-group/bootstrap-dark.css +813 -1
  13. package/styles/button-group/bootstrap.css +787 -1
  14. package/styles/button-group/bootstrap4.css +786 -1
  15. package/styles/button-group/bootstrap5-dark.css +801 -1
  16. package/styles/button-group/bootstrap5.css +801 -1
  17. package/styles/button-group/fabric-dark.css +813 -1
  18. package/styles/button-group/fabric.css +819 -1
  19. package/styles/button-group/fluent-dark.css +825 -1
  20. package/styles/button-group/fluent.css +825 -1
  21. package/styles/button-group/fluent2.css +1849 -0
  22. package/styles/button-group/fluent2.scss +1 -0
  23. package/styles/button-group/highcontrast-light.css +813 -1
  24. package/styles/button-group/highcontrast.css +864 -1
  25. package/styles/button-group/material-dark.css +820 -1
  26. package/styles/button-group/material.css +825 -1
  27. package/styles/button-group/material3-dark.css +1055 -1
  28. package/styles/button-group/material3.css +1167 -1
  29. package/styles/button-group/tailwind-dark.css +799 -1
  30. package/styles/button-group/tailwind.css +799 -1
  31. package/styles/drop-down-button/bootstrap-dark.css +244 -1
  32. package/styles/drop-down-button/bootstrap.css +244 -1
  33. package/styles/drop-down-button/bootstrap4.css +237 -1
  34. package/styles/drop-down-button/bootstrap5-dark.css +247 -1
  35. package/styles/drop-down-button/bootstrap5.css +247 -1
  36. package/styles/drop-down-button/fabric-dark.css +244 -1
  37. package/styles/drop-down-button/fabric.css +244 -1
  38. package/styles/drop-down-button/fluent-dark.css +245 -1
  39. package/styles/drop-down-button/fluent.css +245 -1
  40. package/styles/drop-down-button/fluent2.css +1308 -0
  41. package/styles/drop-down-button/fluent2.scss +1 -0
  42. package/styles/drop-down-button/highcontrast-light.css +244 -1
  43. package/styles/drop-down-button/highcontrast.css +245 -1
  44. package/styles/drop-down-button/material-dark.css +244 -1
  45. package/styles/drop-down-button/material.css +244 -1
  46. package/styles/drop-down-button/material3-dark.css +363 -1
  47. package/styles/drop-down-button/material3.css +475 -1
  48. package/styles/drop-down-button/tailwind-dark.css +254 -1
  49. package/styles/drop-down-button/tailwind.css +254 -1
  50. package/styles/fabric-dark.css +1966 -1
  51. package/styles/fabric.css +2046 -1
  52. package/styles/fluent-dark.css +2061 -1
  53. package/styles/fluent.css +2061 -1
  54. package/styles/fluent2.css +6175 -0
  55. package/styles/fluent2.scss +4 -0
  56. package/styles/highcontrast-light.css +1966 -1
  57. package/styles/highcontrast.css +2018 -1
  58. package/styles/material-dark.css +1973 -1
  59. package/styles/material.css +2052 -1
  60. package/styles/material3-dark.css +2647 -1
  61. package/styles/material3.css +3087 -1
  62. package/styles/progress-button/bootstrap-dark.css +564 -1
  63. package/styles/progress-button/bootstrap.css +641 -1
  64. package/styles/progress-button/bootstrap4.css +644 -1
  65. package/styles/progress-button/bootstrap5-dark.css +564 -1
  66. package/styles/progress-button/bootstrap5.css +564 -1
  67. package/styles/progress-button/fabric-dark.css +564 -1
  68. package/styles/progress-button/fabric.css +641 -1
  69. package/styles/progress-button/fluent-dark.css +657 -1
  70. package/styles/progress-button/fluent.css +657 -1
  71. package/styles/progress-button/fluent2.css +1636 -0
  72. package/styles/progress-button/fluent2.scss +1 -0
  73. package/styles/progress-button/highcontrast-light.css +564 -1
  74. package/styles/progress-button/highcontrast.css +564 -1
  75. package/styles/progress-button/material-dark.css +564 -1
  76. package/styles/progress-button/material.css +641 -1
  77. package/styles/progress-button/material3-dark.css +730 -1
  78. package/styles/progress-button/material3.css +842 -1
  79. package/styles/progress-button/tailwind-dark.css +661 -1
  80. package/styles/progress-button/tailwind.css +661 -1
  81. package/styles/split-button/bootstrap-dark.css +342 -1
  82. package/styles/split-button/bootstrap.css +342 -1
  83. package/styles/split-button/bootstrap4.css +334 -1
  84. package/styles/split-button/bootstrap5-dark.css +331 -1
  85. package/styles/split-button/bootstrap5.css +331 -1
  86. package/styles/split-button/fabric-dark.css +342 -1
  87. package/styles/split-button/fabric.css +339 -1
  88. package/styles/split-button/fluent-dark.css +331 -1
  89. package/styles/split-button/fluent.css +331 -1
  90. package/styles/split-button/fluent2.css +1379 -0
  91. package/styles/split-button/fluent2.scss +1 -0
  92. package/styles/split-button/highcontrast-light.css +342 -1
  93. package/styles/split-button/highcontrast.css +342 -1
  94. package/styles/split-button/material-dark.css +342 -1
  95. package/styles/split-button/material.css +339 -1
  96. package/styles/split-button/material3-dark.css +496 -1
  97. package/styles/split-button/material3.css +600 -1
  98. package/styles/split-button/tailwind-dark.css +356 -1
  99. package/styles/split-button/tailwind.css +356 -1
  100. package/styles/tailwind-dark.css +2072 -1
  101. package/styles/tailwind.css +2072 -1
  102. package/CHANGELOG.md +0 -322
package/styles/split-button/fluent.css CHANGED
@@ -1 +1,331 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/fluent.css';
1
+ /* stylelint-disable-line no-empty-source */
2
+ .e-split-btn-wrapper {
3
+ display: -webkit-inline-box;
4
+ display: -ms-inline-flexbox;
5
+ display: inline-flex;
6
+ white-space: nowrap;
7
+ width: -webkit-min-content;
8
+ width: -moz-min-content;
9
+ width: min-content;
10
+ }
11
+ .e-split-btn-wrapper .e-split-btn {
12
+ border-bottom-right-radius: 0;
13
+ border-top-right-radius: 0;
14
+ text-transform: none;
15
+ z-index: 1;
16
+ padding: 3px 7px;
17
+ padding-left: 10px;
18
+ padding-right: 10px;
19
+ }
20
+ .e-split-btn-wrapper .e-split-btn:focus {
21
+ outline-offset: -3px;
22
+ }
23
+ .e-split-btn-wrapper .e-split-btn:focus {
24
+ -webkit-box-shadow: none;
25
+ box-shadow: none;
26
+ }
27
+ .e-split-btn-wrapper .e-split-btn:active {
28
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
29
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
30
+ z-index: 2;
31
+ }
32
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
33
+ padding-bottom: 10px;
34
+ padding-top: 10px;
35
+ }
36
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
37
+ font-size: 14px;
38
+ margin-left: 0;
39
+ padding-right: 4px;
40
+ width: auto;
41
+ }
42
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
43
+ padding-bottom: 4px;
44
+ padding-right: 0;
45
+ }
46
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
47
+ padding-left: 8px;
48
+ padding-right: 8px;
49
+ }
50
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
51
+ padding-right: 0;
52
+ }
53
+ .e-split-btn-wrapper .e-dropdown-btn {
54
+ border-bottom-left-radius: 0;
55
+ border-top-left-radius: 0;
56
+ margin-left: -1px;
57
+ padding: 4px;
58
+ }
59
+ .e-split-btn-wrapper .e-dropdown-btn:active {
60
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
61
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
62
+ z-index: 2;
63
+ }
64
+ .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 {
65
+ z-index: 0;
66
+ }
67
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
68
+ outline-offset: -3px;
69
+ }
70
+ .e-split-btn-wrapper .e-btn:focus {
71
+ -webkit-box-shadow: none;
72
+ box-shadow: none;
73
+ }
74
+ .e-split-btn-wrapper .e-btn:active {
75
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
76
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
77
+ }
78
+ .e-split-btn-wrapper .e-btn:disabled {
79
+ -webkit-box-shadow: none;
80
+ box-shadow: none;
81
+ outline: 0;
82
+ outline-offset: 0;
83
+ }
84
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
85
+ -webkit-box-shadow: none;
86
+ box-shadow: none;
87
+ }
88
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
89
+ border-bottom-left-radius: 0;
90
+ border-bottom-right-radius: 0;
91
+ border-top-left-radius: 0;
92
+ border-top-right-radius: 0;
93
+ margin-left: -1px;
94
+ padding-left: 8px;
95
+ padding-right: 8px;
96
+ padding-left: 4px;
97
+ padding-right: 10px;
98
+ }
99
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
100
+ margin-right: 0;
101
+ padding-left: 4px;
102
+ padding-right: 0;
103
+ }
104
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
105
+ padding-left: 0;
106
+ }
107
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
108
+ padding-left: 8px;
109
+ padding-right: 8px;
110
+ }
111
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
112
+ padding-left: 0;
113
+ }
114
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
115
+ border-bottom-left-radius: 0;
116
+ border-bottom-right-radius: 0;
117
+ border-top-left-radius: 0;
118
+ border-top-right-radius: 0;
119
+ margin-left: 0;
120
+ }
121
+ .e-split-btn-wrapper.e-vertical {
122
+ display: inline-block;
123
+ }
124
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
125
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
126
+ display: block;
127
+ width: 100%;
128
+ }
129
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
130
+ border-bottom-left-radius: 0;
131
+ border-top-right-radius: 0;
132
+ line-height: 1;
133
+ padding-bottom: 4px;
134
+ padding-right: 10px;
135
+ }
136
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
137
+ padding-bottom: 4px;
138
+ }
139
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
140
+ border-bottom-left-radius: 0;
141
+ border-top-right-radius: 0;
142
+ line-height: 0.334em;
143
+ margin-left: 0;
144
+ margin-top: -1px;
145
+ padding-bottom: 4px;
146
+ padding-top: 4px;
147
+ }
148
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
149
+ padding-top: 0;
150
+ }
151
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
152
+ border-bottom-right-radius: 0;
153
+ border-top-left-radius: 0;
154
+ margin-left: 0;
155
+ }
156
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
157
+ border-bottom-right-radius: 0;
158
+ border-top-left-radius: 0;
159
+ }
160
+
161
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
162
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
163
+ padding-left: 12px;
164
+ padding-right: 12px;
165
+ }
166
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
167
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
168
+ padding-bottom: 12px;
169
+ padding-top: 12px;
170
+ }
171
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
172
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
173
+ font-size: 16px;
174
+ margin-left: 0;
175
+ padding-right: 8px;
176
+ width: auto;
177
+ }
178
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
179
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
180
+ padding-bottom: 6px;
181
+ padding-right: 0;
182
+ }
183
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
184
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
185
+ padding-left: 12px;
186
+ padding-right: 12px;
187
+ }
188
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
189
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
190
+ padding-right: 0;
191
+ }
192
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
193
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
194
+ padding-left: 4px;
195
+ padding-right: 4px;
196
+ }
197
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
198
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
199
+ padding-left: 6px;
200
+ padding-right: 12px;
201
+ }
202
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
203
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
204
+ padding-left: 8px;
205
+ padding-right: 0;
206
+ }
207
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
208
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
209
+ padding-left: 0;
210
+ }
211
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
212
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
213
+ padding-left: 12px;
214
+ padding-right: 12px;
215
+ }
216
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
217
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
218
+ padding-left: 0;
219
+ }
220
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
221
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
222
+ padding-bottom: 6px;
223
+ padding-right: 12px;
224
+ }
225
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
226
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
227
+ padding-bottom: 4px;
228
+ padding-top: 4px;
229
+ }
230
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
231
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
232
+ padding-top: 0;
233
+ }
234
+
235
+ .e-split-btn-wrapper .e-split-btn {
236
+ border-right-color: #8a8886;
237
+ }
238
+ .e-split-btn-wrapper .e-split-btn:focus {
239
+ border-right-color: #8a8886;
240
+ }
241
+ .e-split-btn-wrapper .e-split-btn:active {
242
+ border-right-color: #edebe9;
243
+ }
244
+ .e-split-btn-wrapper .e-split-btn:disabled {
245
+ border-right-color: #f3f2f1;
246
+ }
247
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
248
+ border-color: transparent;
249
+ }
250
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
251
+ border-right-color: #8a8886;
252
+ }
253
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
254
+ border-right-color: #f3f2f1;
255
+ }
256
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
257
+ border-left-color: #8a8886;
258
+ border-right-color: #8a8886;
259
+ }
260
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
261
+ border-left-color: #8a8886;
262
+ border-right-color: #8a8886;
263
+ }
264
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
265
+ border-left-color: #edebe9;
266
+ border-right-color: #edebe9;
267
+ }
268
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
269
+ border-left-color: #f3f2f1;
270
+ border-right-color: #f3f2f1;
271
+ }
272
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
273
+ border-color: transparent;
274
+ }
275
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
276
+ border-left-color: #8a8886;
277
+ border-right-color: #8a8886;
278
+ }
279
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
280
+ border-left-color: #f3f2f1;
281
+ }
282
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
283
+ border-bottom-color: #8a8886;
284
+ border-right-color: #8a8886;
285
+ }
286
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
287
+ border-color: transparent;
288
+ }
289
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
290
+ border-bottom-color: #8a8886;
291
+ border-right-color: #8a8886;
292
+ }
293
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
294
+ border-bottom-color: #edebe9;
295
+ border-right-color: #edebe9;
296
+ }
297
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
298
+ border-bottom-color: #f3f2f1;
299
+ border-right-color: #f3f2f1;
300
+ }
301
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
302
+ border-bottom-color: #8a8886;
303
+ border-right-color: #8a8886;
304
+ }
305
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
306
+ border-color: transparent;
307
+ }
308
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
309
+ border-bottom-color: #f3f2f1;
310
+ }
311
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
312
+ border-left-color: #8a8886;
313
+ }
314
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
315
+ border-color: transparent;
316
+ }
317
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
318
+ border-left-color: #8a8886;
319
+ }
320
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
321
+ border-left-color: #8a8886;
322
+ }
323
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
324
+ border-left-color: #8a8886;
325
+ }
326
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
327
+ border-left-color: #8a8886;
328
+ }
329
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
330
+ border-color: transparent;
331
+ }