@syncfusion/ej2-splitbuttons 29.2.4 → 30.1.39

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 (82) hide show
  1. package/.eslintrc.json +2 -0
  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 +1 -1
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +1 -1
  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 +13 -58
  13. package/src/drop-down-button/drop-down-button.js +1 -1
  14. package/styles/bds-lite.css +1 -7
  15. package/styles/bds.css +2 -7
  16. package/styles/bootstrap-dark-lite.css +0 -1
  17. package/styles/bootstrap-dark.css +0 -1
  18. package/styles/bootstrap-lite.css +0 -1
  19. package/styles/bootstrap.css +0 -1
  20. package/styles/bootstrap4-lite.css +0 -1
  21. package/styles/bootstrap4.css +3 -1
  22. package/styles/bootstrap5-dark-lite.css +2 -4
  23. package/styles/bootstrap5-dark.css +2 -4
  24. package/styles/bootstrap5-lite.css +2 -4
  25. package/styles/bootstrap5.3-lite.css +0 -2
  26. package/styles/bootstrap5.3.css +0 -2
  27. package/styles/bootstrap5.css +2 -4
  28. package/styles/drop-down-button/_layout.scss +0 -1
  29. package/styles/drop-down-button/material3-dark.css +0 -1
  30. package/styles/drop-down-button/material3.css +0 -1
  31. package/styles/fabric-dark-lite.css +0 -1
  32. package/styles/fabric-dark.css +0 -1
  33. package/styles/fabric-lite.css +0 -1
  34. package/styles/fabric.css +0 -1
  35. package/styles/fluent-dark-lite.css +0 -1
  36. package/styles/fluent-dark.css +1 -1
  37. package/styles/fluent-lite.css +0 -1
  38. package/styles/fluent.css +1 -1
  39. package/styles/fluent2-lite.css +1 -3
  40. package/styles/fluent2.css +1 -3
  41. package/styles/highcontrast-light-lite.css +0 -1
  42. package/styles/highcontrast-light.css +0 -1
  43. package/styles/highcontrast-lite.css +0 -1
  44. package/styles/highcontrast.css +0 -1
  45. package/styles/material-dark-lite.css +0 -1
  46. package/styles/material-dark.css +0 -1
  47. package/styles/material-lite.css +0 -1
  48. package/styles/material.css +0 -1
  49. package/styles/material3-dark-lite.css +4 -2
  50. package/styles/material3-dark.css +6 -4
  51. package/styles/material3-lite.css +4 -2
  52. package/styles/material3.css +6 -4
  53. package/styles/split-button/_bigger.scss +7 -1
  54. package/styles/split-button/_layout.scss +8 -13
  55. package/styles/split-button/_theme.scss +4 -6
  56. package/styles/split-button/bds.css +2 -7
  57. package/styles/split-button/bootstrap-dark.css +0 -1
  58. package/styles/split-button/bootstrap.css +0 -1
  59. package/styles/split-button/bootstrap4.css +3 -1
  60. package/styles/split-button/bootstrap5-dark.css +2 -4
  61. package/styles/split-button/bootstrap5.3.css +0 -2
  62. package/styles/split-button/bootstrap5.css +2 -4
  63. package/styles/split-button/fabric-dark.css +0 -1
  64. package/styles/split-button/fabric.css +0 -1
  65. package/styles/split-button/fluent-dark.css +1 -1
  66. package/styles/split-button/fluent.css +1 -1
  67. package/styles/split-button/fluent2.css +1 -3
  68. package/styles/split-button/highcontrast-light.css +0 -1
  69. package/styles/split-button/highcontrast.css +0 -1
  70. package/styles/split-button/material-dark.css +0 -1
  71. package/styles/split-button/material.css +0 -1
  72. package/styles/split-button/material3-dark.css +6 -3
  73. package/styles/split-button/material3.css +6 -3
  74. package/styles/split-button/tailwind-dark.css +2 -7
  75. package/styles/split-button/tailwind.css +2 -7
  76. package/styles/split-button/tailwind3.css +1 -3
  77. package/styles/tailwind-dark-lite.css +1 -7
  78. package/styles/tailwind-dark.css +2 -7
  79. package/styles/tailwind-lite.css +1 -7
  80. package/styles/tailwind.css +2 -7
  81. package/styles/tailwind3-lite.css +1 -3
  82. package/styles/tailwind3.css +1 -3
package/styles/material3-dark.css CHANGED
@@ -15,7 +15,6 @@
15
15
  border-radius: 4px;
16
16
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
17
17
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
18
- padding: 7px 16px;
19
18
  }
20
19
  .e-dropdown-btn:focus,
21
20
  .e-dropdown-btn.e-btn:focus {
@@ -300,9 +299,11 @@
300
299
  border-bottom-right-radius: 0;
301
300
  border-top-right-radius: 0;
302
301
  text-transform: none;
303
- z-index: 1;
304
302
  -webkit-box-shadow: none;
305
303
  box-shadow: none;
304
+ z-index: 1;
305
+ padding-left: 10px;
306
+ padding-right: 10px;
306
307
  }
307
308
  .e-split-btn-wrapper .e-split-btn:focus {
308
309
  outline-offset: 0;
@@ -475,6 +476,7 @@
475
476
  }
476
477
 
477
478
  .e-split-btn-wrapper .e-split-btn {
479
+ border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
478
480
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
479
481
  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;
480
482
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
@@ -596,6 +598,7 @@
596
598
  border-radius: 4px;
597
599
  -webkit-box-shadow: none;
598
600
  box-shadow: none;
601
+ padding: 9px 4px;
599
602
  padding-left: 12px;
600
603
  padding-right: 6px;
601
604
  }
@@ -628,8 +631,7 @@
628
631
  }
629
632
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
630
633
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
631
- padding-left: 4px;
632
- padding-right: 4px;
634
+ padding: 9px 4px;
633
635
  }
634
636
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
635
637
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
package/styles/material3-lite.css CHANGED
@@ -17,7 +17,6 @@
17
17
  border-radius: 4px;
18
18
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
19
19
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
20
- padding: 7px 16px;
21
20
  }
22
21
  .e-dropdown-btn:focus,
23
22
  .e-dropdown-btn.e-btn:focus {
@@ -246,9 +245,11 @@
246
245
  border-bottom-right-radius: 0;
247
246
  border-top-right-radius: 0;
248
247
  text-transform: none;
249
- z-index: 1;
250
248
  -webkit-box-shadow: none;
251
249
  box-shadow: none;
250
+ z-index: 1;
251
+ padding-left: 10px;
252
+ padding-right: 10px;
252
253
  }
253
254
  .e-split-btn-wrapper .e-split-btn:focus {
254
255
  outline-offset: 0;
@@ -413,6 +414,7 @@
413
414
  }
414
415
 
415
416
  .e-split-btn-wrapper .e-split-btn {
417
+ border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
416
418
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
417
419
  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;
418
420
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
package/styles/material3.css CHANGED
@@ -17,7 +17,6 @@
17
17
  border-radius: 4px;
18
18
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
19
19
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
20
- padding: 7px 16px;
21
20
  }
22
21
  .e-dropdown-btn:focus,
23
22
  .e-dropdown-btn.e-btn:focus {
@@ -302,9 +301,11 @@
302
301
  border-bottom-right-radius: 0;
303
302
  border-top-right-radius: 0;
304
303
  text-transform: none;
305
- z-index: 1;
306
304
  -webkit-box-shadow: none;
307
305
  box-shadow: none;
306
+ z-index: 1;
307
+ padding-left: 10px;
308
+ padding-right: 10px;
308
309
  }
309
310
  .e-split-btn-wrapper .e-split-btn:focus {
310
311
  outline-offset: 0;
@@ -469,6 +470,7 @@
469
470
  }
470
471
 
471
472
  .e-split-btn-wrapper .e-split-btn {
473
+ border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
472
474
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
473
475
  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;
474
476
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
@@ -590,6 +592,7 @@
590
592
  border-radius: 4px;
591
593
  -webkit-box-shadow: none;
592
594
  box-shadow: none;
595
+ padding: 9px 4px;
593
596
  padding-left: 12px;
594
597
  padding-right: 6px;
595
598
  }
@@ -622,8 +625,7 @@
622
625
  }
623
626
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
624
627
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
625
- padding-left: 4px;
626
- padding-right: 4px;
628
+ padding: 9px 4px;
627
629
  }
628
630
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
629
631
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
package/styles/split-button/_bigger.scss CHANGED
@@ -6,17 +6,20 @@
6
6
  box-shadow: $btn-box-shadow;
7
7
  }
8
8
  .e-split-btn {
9
- @if $skin-name == 'Material3' {
9
+ @if $skin-name == 'Material3' or $skin-name == 'Material3-dark' {
10
10
  border-radius: 4px;
11
11
  box-shadow: none;
12
+ padding: 9px 4px;
12
13
  }
13
14
  @if $skin-name == 'bootstrap4'or $skin-name == 'FluentUI' {
15
+ padding: 7px 4px;
14
16
  padding-left: $split-btn-icon-btn-padding-bigger;
15
17
  padding-right: $split-btn-icon-btn-padding-bigger;
16
18
  }
17
19
  @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
18
20
  padding-left: 16px;
19
21
  padding-right: 16px;
22
+ line-height: 1.781em;
20
23
  }
21
24
  @else {
22
25
  padding-left: 12px;
@@ -63,6 +66,9 @@
63
66
  padding-left: 10px;
64
67
  padding-right: 10px;
65
68
  }
69
+ @if $skin-name == 'Material3' or $skin-name == 'Material3-dark' {
70
+ padding: 9px 4px;
71
+ }
66
72
  @else {
67
73
  padding-left: 4px;
68
74
  padding-right: 4px;
package/styles/split-button/_layout.scss CHANGED
@@ -12,20 +12,19 @@
12
12
  border-bottom-right-radius: 0;
13
13
  border-top-right-radius: 0;
14
14
  text-transform: none;
15
- z-index: 1;
16
15
  @if $skin-name == 'bootstrap4' {
17
16
  padding-left: $split-btn-icon-btn-padding;
18
17
  padding-right: $split-btn-icon-btn-padding;
19
18
  }
20
- @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
21
- padding-left: 12px;
22
- padding-right: 12px;
23
- }
24
19
  @else if $skin-name == 'FluentUI' {
25
20
  padding: 3px 7px;
26
21
  }
27
- @if $skin-name == 'Material3' {
22
+ @if $skin-name == 'Material3' or $skin-name == 'Material3-dark' {
28
23
  box-shadow: none;
24
+ z-index: 1;
25
+ }
26
+ @if $skin-name == 'bootstrap5' or $skin-name == 'fluent2' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
27
+ padding: 3.75px 11px;
29
28
  }
30
29
  @else {
31
30
  padding-left: 10px;
@@ -98,7 +97,9 @@
98
97
  &.e-icon-btn {
99
98
  padding-left: $split-btn-icon-btn-padding;
100
99
  padding-right: $split-btn-icon-btn-padding;
101
-
100
+ @if $skin-name == 'bootstrap5' {
101
+ padding: 3.75px 11px;
102
+ }
102
103
  .e-btn-icon {
103
104
  padding-right: 0;
104
105
  }
@@ -123,9 +124,6 @@
123
124
  padding-left: 4px;
124
125
  padding-right: 4px;
125
126
  }
126
- @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
127
- z-index: 1;
128
- }
129
127
 
130
128
  &:focus,
131
129
  &:hover {
@@ -270,9 +268,6 @@
270
268
  border-radius: 4px;
271
269
  box-shadow: none;
272
270
  }
273
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
274
- z-index: 1;
275
- }
276
271
  }
277
272
  }
278
273
 
package/styles/split-button/_theme.scss CHANGED
@@ -1,15 +1,13 @@
1
1
  @include export-module('split-button-theme') {
2
2
  .e-split-btn-wrapper {
3
3
  .e-split-btn {
4
- @if $skin-name == 'Material3' {
4
+ @if $skin-name != 'tailwind3' {
5
+ border-right-color: $split-btn-seperator-border-color;
6
+ }
7
+ @if $skin-name == 'Material3' or $skin-name == 'Material3-dark' {
5
8
  border-image: $split-btn-seperator-border-color;
6
9
  border-width: 0 1px 0 0;
7
10
  }
8
- @else {
9
- @if $skin-name != 'tailwind3' {
10
- border-right-color: $split-btn-seperator-border-color;
11
- }
12
- }
13
11
 
14
12
  &:focus {
15
13
  border-right-color: $split-btn-focus-border-color;
package/styles/split-button/bds.css CHANGED
@@ -117,11 +117,7 @@
117
117
  border-bottom-right-radius: 0;
118
118
  border-top-right-radius: 0;
119
119
  text-transform: none;
120
- z-index: 1;
121
- padding-left: 12px;
122
- padding-right: 12px;
123
- padding-left: 10px;
124
- padding-right: 10px;
120
+ padding: 3.75px 11px;
125
121
  }
126
122
  .e-split-btn-wrapper .e-split-btn:focus {
127
123
  outline-offset: 0;
@@ -167,7 +163,6 @@
167
163
  margin-left: -1px;
168
164
  padding-left: 10px;
169
165
  padding-right: 10px;
170
- z-index: 1;
171
166
  }
172
167
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
173
168
  -webkit-box-shadow: none;
@@ -242,7 +237,6 @@
242
237
  border-top-left-radius: 8px;
243
238
  border-top-right-radius: 0;
244
239
  margin-left: 0;
245
- z-index: 1;
246
240
  }
247
241
  .e-split-btn-wrapper.e-vertical {
248
242
  display: inline-block;
@@ -388,6 +382,7 @@
388
382
  .e-bigger.e-split-btn-wrapper .e-split-btn {
389
383
  padding-left: 16px;
390
384
  padding-right: 16px;
385
+ line-height: 1.781em;
391
386
  }
392
387
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
393
388
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
package/styles/split-button/bootstrap-dark.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/bootstrap.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/bootstrap4.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 8px;
16
15
  padding-right: 8px;
17
16
  padding-left: 10px;
@@ -261,6 +260,7 @@
261
260
 
262
261
  .e-bigger .e-split-btn-wrapper .e-split-btn,
263
262
  .e-bigger.e-split-btn-wrapper .e-split-btn {
263
+ padding: 7px 4px;
264
264
  padding-left: 12px;
265
265
  padding-right: 12px;
266
266
  }
@@ -294,6 +294,8 @@
294
294
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
295
295
  padding-left: 10px;
296
296
  padding-right: 10px;
297
+ padding-left: 4px;
298
+ padding-right: 4px;
297
299
  }
298
300
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
299
301
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
package/styles/split-button/bootstrap5-dark.css CHANGED
@@ -12,9 +12,7 @@
12
12
  border-bottom-right-radius: 0;
13
13
  border-top-right-radius: 0;
14
14
  text-transform: none;
15
- z-index: 1;
16
- padding-left: 10px;
17
- padding-right: 10px;
15
+ padding: 3.75px 11px;
18
16
  }
19
17
  .e-split-btn-wrapper .e-split-btn:focus {
20
18
  outline-offset: 0;
@@ -46,6 +44,7 @@
46
44
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
47
45
  padding-left: 10px;
48
46
  padding-right: 10px;
47
+ padding: 3.75px 11px;
49
48
  }
50
49
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
51
50
  padding-right: 0;
@@ -56,7 +55,6 @@
56
55
  margin-left: -1px;
57
56
  padding-left: 4px;
58
57
  padding-right: 4px;
59
- z-index: 1;
60
58
  }
61
59
  .e-split-btn-wrapper .e-dropdown-btn:active {
62
60
  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
package/styles/split-button/bootstrap5.3.css CHANGED
@@ -16,7 +16,6 @@
16
16
  border-bottom-right-radius: 0;
17
17
  border-top-right-radius: 0;
18
18
  text-transform: none;
19
- z-index: 1;
20
19
  padding-left: 10px;
21
20
  padding-right: 10px;
22
21
  }
@@ -60,7 +59,6 @@
60
59
  margin-left: -1px;
61
60
  padding-left: 4px;
62
61
  padding-right: 4px;
63
- z-index: 1;
64
62
  }
65
63
  .e-split-btn-wrapper .e-dropdown-btn:active {
66
64
  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
package/styles/split-button/bootstrap5.css CHANGED
@@ -12,9 +12,7 @@
12
12
  border-bottom-right-radius: 0;
13
13
  border-top-right-radius: 0;
14
14
  text-transform: none;
15
- z-index: 1;
16
- padding-left: 10px;
17
- padding-right: 10px;
15
+ padding: 3.75px 11px;
18
16
  }
19
17
  .e-split-btn-wrapper .e-split-btn:focus {
20
18
  outline-offset: 0;
@@ -46,6 +44,7 @@
46
44
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
47
45
  padding-left: 10px;
48
46
  padding-right: 10px;
47
+ padding: 3.75px 11px;
49
48
  }
50
49
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
51
50
  padding-right: 0;
@@ -56,7 +55,6 @@
56
55
  margin-left: -1px;
57
56
  padding-left: 4px;
58
57
  padding-right: 4px;
59
- z-index: 1;
60
58
  }
61
59
  .e-split-btn-wrapper .e-dropdown-btn:active {
62
60
  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
package/styles/split-button/fabric-dark.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/fabric.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/fluent-dark.css CHANGED
@@ -12,7 +12,6 @@
12
12
  border-bottom-right-radius: 0;
13
13
  border-top-right-radius: 0;
14
14
  text-transform: none;
15
- z-index: 1;
16
15
  padding: 3px 7px;
17
16
  padding-left: 10px;
18
17
  padding-right: 10px;
@@ -258,6 +257,7 @@
258
257
 
259
258
  .e-bigger .e-split-btn-wrapper .e-split-btn,
260
259
  .e-bigger.e-split-btn-wrapper .e-split-btn {
260
+ padding: 7px 4px;
261
261
  padding-left: 12px;
262
262
  padding-right: 12px;
263
263
  }
package/styles/split-button/fluent.css CHANGED
@@ -12,7 +12,6 @@
12
12
  border-bottom-right-radius: 0;
13
13
  border-top-right-radius: 0;
14
14
  text-transform: none;
15
- z-index: 1;
16
15
  padding: 3px 7px;
17
16
  padding-left: 10px;
18
17
  padding-right: 10px;
@@ -258,6 +257,7 @@
258
257
 
259
258
  .e-bigger .e-split-btn-wrapper .e-split-btn,
260
259
  .e-bigger.e-split-btn-wrapper .e-split-btn {
260
+ padding: 7px 4px;
261
261
  padding-left: 12px;
262
262
  padding-right: 12px;
263
263
  }
package/styles/split-button/fluent2.css CHANGED
@@ -18,9 +18,7 @@
18
18
  border-bottom-right-radius: 0;
19
19
  border-top-right-radius: 0;
20
20
  text-transform: none;
21
- z-index: 1;
22
- padding-left: 10px;
23
- padding-right: 10px;
21
+ padding: 3.75px 11px;
24
22
  }
25
23
  .e-split-btn-wrapper .e-split-btn:focus {
26
24
  outline-offset: 0;
package/styles/split-button/highcontrast-light.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/highcontrast.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/material-dark.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/material.css CHANGED
@@ -11,7 +11,6 @@
11
11
  border-bottom-right-radius: 0;
12
12
  border-top-right-radius: 0;
13
13
  text-transform: none;
14
- z-index: 1;
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
package/styles/split-button/material3-dark.css CHANGED
@@ -17,9 +17,11 @@
17
17
  border-bottom-right-radius: 0;
18
18
  border-top-right-radius: 0;
19
19
  text-transform: none;
20
- z-index: 1;
21
20
  -webkit-box-shadow: none;
22
21
  box-shadow: none;
22
+ z-index: 1;
23
+ padding-left: 10px;
24
+ padding-right: 10px;
23
25
  }
24
26
  .e-split-btn-wrapper .e-split-btn:focus {
25
27
  outline-offset: 0;
@@ -192,6 +194,7 @@
192
194
  }
193
195
 
194
196
  .e-split-btn-wrapper .e-split-btn {
197
+ border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
195
198
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
196
199
  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;
197
200
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
@@ -313,6 +316,7 @@
313
316
  border-radius: 4px;
314
317
  -webkit-box-shadow: none;
315
318
  box-shadow: none;
319
+ padding: 9px 4px;
316
320
  padding-left: 12px;
317
321
  padding-right: 6px;
318
322
  }
@@ -345,8 +349,7 @@
345
349
  }
346
350
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
347
351
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
348
- padding-left: 4px;
349
- padding-right: 4px;
352
+ padding: 9px 4px;
350
353
  }
351
354
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
352
355
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
package/styles/split-button/material3.css CHANGED
@@ -19,9 +19,11 @@
19
19
  border-bottom-right-radius: 0;
20
20
  border-top-right-radius: 0;
21
21
  text-transform: none;
22
- z-index: 1;
23
22
  -webkit-box-shadow: none;
24
23
  box-shadow: none;
24
+ z-index: 1;
25
+ padding-left: 10px;
26
+ padding-right: 10px;
25
27
  }
26
28
  .e-split-btn-wrapper .e-split-btn:focus {
27
29
  outline-offset: 0;
@@ -186,6 +188,7 @@
186
188
  }
187
189
 
188
190
  .e-split-btn-wrapper .e-split-btn {
191
+ border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
189
192
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
190
193
  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;
191
194
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
@@ -307,6 +310,7 @@
307
310
  border-radius: 4px;
308
311
  -webkit-box-shadow: none;
309
312
  box-shadow: none;
313
+ padding: 9px 4px;
310
314
  padding-left: 12px;
311
315
  padding-right: 6px;
312
316
  }
@@ -339,8 +343,7 @@
339
343
  }
340
344
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
341
345
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
342
- padding-left: 4px;
343
- padding-right: 4px;
346
+ padding: 9px 4px;
344
347
  }
345
348
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
346
349
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
package/styles/split-button/tailwind-dark.css CHANGED
@@ -12,11 +12,7 @@
12
12
  border-bottom-right-radius: 0;
13
13
  border-top-right-radius: 0;
14
14
  text-transform: none;
15
- z-index: 1;
16
- padding-left: 12px;
17
- padding-right: 12px;
18
- padding-left: 10px;
19
- padding-right: 10px;
15
+ padding: 3.75px 11px;
20
16
  }
21
17
  .e-split-btn-wrapper .e-split-btn:focus {
22
18
  outline-offset: 0;
@@ -62,7 +58,6 @@
62
58
  margin-left: -1px;
63
59
  padding-left: 8px;
64
60
  padding-right: 8px;
65
- z-index: 1;
66
61
  }
67
62
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
68
63
  -webkit-box-shadow: none;
@@ -137,7 +132,6 @@
137
132
  border-top-left-radius: 4px;
138
133
  border-top-right-radius: 0;
139
134
  margin-left: 0;
140
- z-index: 1;
141
135
  }
142
136
  .e-split-btn-wrapper.e-vertical {
143
137
  display: inline-block;
@@ -283,6 +277,7 @@
283
277
  .e-bigger.e-split-btn-wrapper .e-split-btn {
284
278
  padding-left: 16px;
285
279
  padding-right: 16px;
280
+ line-height: 1.781em;
286
281
  }
287
282
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
288
283
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
package/styles/split-button/tailwind.css CHANGED
@@ -12,11 +12,7 @@
12
12
  border-bottom-right-radius: 0;
13
13
  border-top-right-radius: 0;
14
14
  text-transform: none;
15
- z-index: 1;
16
- padding-left: 12px;
17
- padding-right: 12px;
18
- padding-left: 10px;
19
- padding-right: 10px;
15
+ padding: 3.75px 11px;
20
16
  }
21
17
  .e-split-btn-wrapper .e-split-btn:focus {
22
18
  outline-offset: 0;
@@ -62,7 +58,6 @@
62
58
  margin-left: -1px;
63
59
  padding-left: 8px;
64
60
  padding-right: 8px;
65
- z-index: 1;
66
61
  }
67
62
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
68
63
  -webkit-box-shadow: none;
@@ -137,7 +132,6 @@
137
132
  border-top-left-radius: 4px;
138
133
  border-top-right-radius: 0;
139
134
  margin-left: 0;
140
- z-index: 1;
141
135
  }
142
136
  .e-split-btn-wrapper.e-vertical {
143
137
  display: inline-block;
@@ -283,6 +277,7 @@
283
277
  .e-bigger.e-split-btn-wrapper .e-split-btn {
284
278
  padding-left: 16px;
285
279
  padding-right: 16px;
280
+ line-height: 1.781em;
286
281
  }
287
282
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
288
283
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
package/styles/split-button/tailwind3.css CHANGED
@@ -16,9 +16,7 @@
16
16
  border-bottom-right-radius: 0;
17
17
  border-top-right-radius: 0;
18
18
  text-transform: none;
19
- z-index: 1;
20
- padding-left: 10px;
21
- padding-right: 10px;
19
+ padding: 3.75px 11px;
22
20
  }
23
21
  .e-split-btn-wrapper .e-split-btn:focus {
24
22
  outline-offset: 0;
package/styles/tailwind-dark-lite.css CHANGED
@@ -233,11 +233,7 @@
233
233
  border-bottom-right-radius: 0;
234
234
  border-top-right-radius: 0;
235
235
  text-transform: none;
236
- z-index: 1;
237
- padding-left: 12px;
238
- padding-right: 12px;
239
- padding-left: 10px;
240
- padding-right: 10px;
236
+ padding: 3.75px 11px;
241
237
  }
242
238
  .e-split-btn-wrapper .e-split-btn:focus {
243
239
  outline-offset: 0;
@@ -283,7 +279,6 @@
283
279
  margin-left: -1px;
284
280
  padding-left: 8px;
285
281
  padding-right: 8px;
286
- z-index: 1;
287
282
  }
288
283
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
289
284
  -webkit-box-shadow: none;
@@ -358,7 +353,6 @@
358
353
  border-top-left-radius: 4px;
359
354
  border-top-right-radius: 0;
360
355
  margin-left: 0;
361
- z-index: 1;
362
356
  }
363
357
  .e-split-btn-wrapper.e-vertical {
364
358
  display: inline-block;