@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35-750253

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/fluent2.scss ADDED
@@ -0,0 +1,6 @@
1
+ @import 'ej2-base/styles/definition/fluent2.scss';
2
+ @import 'ej2-buttons/styles/button/fluent2-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fluent2-definition.scss';
4
+ @import './../drop-down-button/fluent2-definition.scss';
5
+ @import 'fluent2-definition.scss';
6
+ @import 'all.scss';
package/styles/split-button/highcontrast-light.css CHANGED
@@ -1,8 +1,10 @@
1
- /*! splitbutton layout */
2
1
  .e-split-btn-wrapper {
2
+ display: -webkit-inline-box;
3
3
  display: -ms-inline-flexbox;
4
4
  display: inline-flex;
5
5
  white-space: nowrap;
6
+ width: -webkit-min-content;
7
+ width: -moz-min-content;
6
8
  width: min-content;
7
9
  }
8
10
  .e-split-btn-wrapper .e-split-btn {
@@ -17,13 +19,16 @@
17
19
  outline-offset: -4px;
18
20
  }
19
21
  .e-split-btn-wrapper .e-split-btn:hover {
20
- box-shadow: none;
22
+ -webkit-box-shadow: none;
23
+ box-shadow: none;
21
24
  }
22
25
  .e-split-btn-wrapper .e-split-btn:focus {
23
- box-shadow: none;
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
24
28
  }
25
29
  .e-split-btn-wrapper .e-split-btn:active {
26
- box-shadow: none;
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
27
32
  z-index: 2;
28
33
  }
29
34
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -55,10 +60,12 @@
55
60
  padding-right: 4px;
56
61
  }
57
62
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
- box-shadow: none;
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
59
65
  }
60
66
  .e-split-btn-wrapper .e-dropdown-btn:active {
61
- box-shadow: none;
67
+ -webkit-box-shadow: none;
68
+ box-shadow: none;
62
69
  z-index: 2;
63
70
  }
64
71
  .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 {
@@ -68,22 +75,28 @@
68
75
  outline-offset: -4px;
69
76
  }
70
77
  .e-split-btn-wrapper .e-btn {
71
- box-shadow: none;
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
72
80
  }
73
81
  .e-split-btn-wrapper .e-btn:hover {
74
- box-shadow: none;
82
+ -webkit-box-shadow: none;
83
+ box-shadow: none;
75
84
  }
76
85
  .e-split-btn-wrapper .e-btn:focus {
77
- box-shadow: none;
86
+ -webkit-box-shadow: none;
87
+ box-shadow: none;
78
88
  }
79
89
  .e-split-btn-wrapper .e-btn:active {
80
- box-shadow: none;
90
+ -webkit-box-shadow: none;
91
+ box-shadow: none;
81
92
  }
82
93
  .e-split-btn-wrapper .e-btn:disabled {
83
- box-shadow: none;
94
+ -webkit-box-shadow: none;
95
+ box-shadow: none;
84
96
  }
85
97
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
- box-shadow: none;
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
87
100
  }
88
101
  .e-split-btn-wrapper.e-rtl .e-split-btn {
89
102
  border-bottom-left-radius: 0;
@@ -230,7 +243,6 @@
230
243
  padding-top: 0;
231
244
  }
232
245
 
233
- /*! splitbutton theme */
234
246
  .e-split-btn-wrapper .e-split-btn {
235
247
  border-right-color: #000;
236
248
  }
package/styles/split-button/highcontrast.css CHANGED
@@ -1,8 +1,10 @@
1
- /*! splitbutton layout */
2
1
  .e-split-btn-wrapper {
2
+ display: -webkit-inline-box;
3
3
  display: -ms-inline-flexbox;
4
4
  display: inline-flex;
5
5
  white-space: nowrap;
6
+ width: -webkit-min-content;
7
+ width: -moz-min-content;
6
8
  width: min-content;
7
9
  }
8
10
  .e-split-btn-wrapper .e-split-btn {
@@ -17,13 +19,16 @@
17
19
  outline-offset: -4px;
18
20
  }
19
21
  .e-split-btn-wrapper .e-split-btn:hover {
20
- box-shadow: none;
22
+ -webkit-box-shadow: none;
23
+ box-shadow: none;
21
24
  }
22
25
  .e-split-btn-wrapper .e-split-btn:focus {
23
- box-shadow: none;
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
24
28
  }
25
29
  .e-split-btn-wrapper .e-split-btn:active {
26
- box-shadow: none;
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
27
32
  z-index: 2;
28
33
  }
29
34
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -55,10 +60,12 @@
55
60
  padding-right: 4px;
56
61
  }
57
62
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
- box-shadow: none;
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
59
65
  }
60
66
  .e-split-btn-wrapper .e-dropdown-btn:active {
61
- box-shadow: none;
67
+ -webkit-box-shadow: none;
68
+ box-shadow: none;
62
69
  z-index: 2;
63
70
  }
64
71
  .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 {
@@ -68,22 +75,28 @@
68
75
  outline-offset: -4px;
69
76
  }
70
77
  .e-split-btn-wrapper .e-btn {
71
- box-shadow: none;
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
72
80
  }
73
81
  .e-split-btn-wrapper .e-btn:hover {
74
- box-shadow: none;
82
+ -webkit-box-shadow: none;
83
+ box-shadow: none;
75
84
  }
76
85
  .e-split-btn-wrapper .e-btn:focus {
77
- box-shadow: none;
86
+ -webkit-box-shadow: none;
87
+ box-shadow: none;
78
88
  }
79
89
  .e-split-btn-wrapper .e-btn:active {
80
- box-shadow: none;
90
+ -webkit-box-shadow: none;
91
+ box-shadow: none;
81
92
  }
82
93
  .e-split-btn-wrapper .e-btn:disabled {
83
- box-shadow: none;
94
+ -webkit-box-shadow: none;
95
+ box-shadow: none;
84
96
  }
85
97
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
- box-shadow: none;
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
87
100
  }
88
101
  .e-split-btn-wrapper.e-rtl .e-split-btn {
89
102
  border-bottom-left-radius: 0;
@@ -230,7 +243,6 @@
230
243
  padding-top: 0;
231
244
  }
232
245
 
233
- /*! splitbutton theme */
234
246
  .e-split-btn-wrapper .e-split-btn {
235
247
  border-right-color: #fff;
236
248
  }
package/styles/split-button/material-dark.css CHANGED
@@ -1,8 +1,10 @@
1
- /*! splitbutton layout */
2
1
  .e-split-btn-wrapper {
2
+ display: -webkit-inline-box;
3
3
  display: -ms-inline-flexbox;
4
4
  display: inline-flex;
5
5
  white-space: nowrap;
6
+ width: -webkit-min-content;
7
+ width: -moz-min-content;
6
8
  width: min-content;
7
9
  }
8
10
  .e-split-btn-wrapper .e-split-btn {
@@ -17,13 +19,16 @@
17
19
  outline-offset: 0;
18
20
  }
19
21
  .e-split-btn-wrapper .e-split-btn:hover {
20
- box-shadow: none;
22
+ -webkit-box-shadow: none;
23
+ box-shadow: none;
21
24
  }
22
25
  .e-split-btn-wrapper .e-split-btn:focus {
23
- box-shadow: none;
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
24
28
  }
25
29
  .e-split-btn-wrapper .e-split-btn:active {
26
- box-shadow: none;
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
27
32
  z-index: 0;
28
33
  }
29
34
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -55,10 +60,12 @@
55
60
  padding-right: 4px;
56
61
  }
57
62
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
- box-shadow: none;
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
59
65
  }
60
66
  .e-split-btn-wrapper .e-dropdown-btn:active {
61
- box-shadow: none;
67
+ -webkit-box-shadow: none;
68
+ box-shadow: none;
62
69
  z-index: 0;
63
70
  }
64
71
  .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 {
@@ -68,22 +75,28 @@
68
75
  outline-offset: 0;
69
76
  }
70
77
  .e-split-btn-wrapper .e-btn {
71
- box-shadow: none;
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
72
80
  }
73
81
  .e-split-btn-wrapper .e-btn:hover {
74
- box-shadow: none;
82
+ -webkit-box-shadow: none;
83
+ box-shadow: none;
75
84
  }
76
85
  .e-split-btn-wrapper .e-btn:focus {
77
- box-shadow: none;
86
+ -webkit-box-shadow: none;
87
+ box-shadow: none;
78
88
  }
79
89
  .e-split-btn-wrapper .e-btn:active {
80
- box-shadow: none;
90
+ -webkit-box-shadow: none;
91
+ box-shadow: none;
81
92
  }
82
93
  .e-split-btn-wrapper .e-btn:disabled {
83
- box-shadow: none;
94
+ -webkit-box-shadow: none;
95
+ box-shadow: none;
84
96
  }
85
97
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
- box-shadow: none;
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
87
100
  }
88
101
  .e-split-btn-wrapper.e-rtl .e-split-btn {
89
102
  border-bottom-left-radius: 0;
@@ -230,7 +243,6 @@
230
243
  padding-top: 0;
231
244
  }
232
245
 
233
- /*! splitbutton theme */
234
246
  .e-split-btn-wrapper .e-split-btn {
235
247
  border-right-color: transparent;
236
248
  }
package/styles/split-button/material.css CHANGED
@@ -1,8 +1,10 @@
1
- /*! splitbutton layout */
2
1
  .e-split-btn-wrapper {
2
+ display: -webkit-inline-box;
3
3
  display: -ms-inline-flexbox;
4
4
  display: inline-flex;
5
5
  white-space: nowrap;
6
+ width: -webkit-min-content;
7
+ width: -moz-min-content;
6
8
  width: min-content;
7
9
  }
8
10
  .e-split-btn-wrapper .e-split-btn {
@@ -17,13 +19,16 @@
17
19
  outline-offset: 0;
18
20
  }
19
21
  .e-split-btn-wrapper .e-split-btn:hover {
20
- box-shadow: none;
22
+ -webkit-box-shadow: none;
23
+ box-shadow: none;
21
24
  }
22
25
  .e-split-btn-wrapper .e-split-btn:focus {
23
- box-shadow: none;
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
24
28
  }
25
29
  .e-split-btn-wrapper .e-split-btn:active {
26
- box-shadow: none;
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
27
32
  z-index: 0;
28
33
  }
29
34
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -55,10 +60,12 @@
55
60
  padding-right: 4px;
56
61
  }
57
62
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
- box-shadow: none;
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
59
65
  }
60
66
  .e-split-btn-wrapper .e-dropdown-btn:active {
61
- box-shadow: none;
67
+ -webkit-box-shadow: none;
68
+ box-shadow: none;
62
69
  z-index: 0;
63
70
  }
64
71
  .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 {
@@ -68,22 +75,28 @@
68
75
  outline-offset: 0;
69
76
  }
70
77
  .e-split-btn-wrapper .e-btn {
71
- box-shadow: none;
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
72
80
  }
73
81
  .e-split-btn-wrapper .e-btn:hover {
74
- box-shadow: none;
82
+ -webkit-box-shadow: none;
83
+ box-shadow: none;
75
84
  }
76
85
  .e-split-btn-wrapper .e-btn:focus {
77
- box-shadow: none;
86
+ -webkit-box-shadow: none;
87
+ box-shadow: none;
78
88
  }
79
89
  .e-split-btn-wrapper .e-btn:active {
80
- box-shadow: none;
90
+ -webkit-box-shadow: none;
91
+ box-shadow: none;
81
92
  }
82
93
  .e-split-btn-wrapper .e-btn:disabled {
83
- box-shadow: none;
94
+ -webkit-box-shadow: none;
95
+ box-shadow: none;
84
96
  }
85
97
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
- box-shadow: none;
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
87
100
  }
88
101
  .e-split-btn-wrapper.e-rtl .e-split-btn {
89
102
  border-bottom-left-radius: 0;
@@ -230,7 +243,6 @@
230
243
  padding-top: 0;
231
244
  }
232
245
 
233
- /*! splitbutton theme */
234
246
  .e-split-btn-wrapper .e-split-btn {
235
247
  border-right-color: transparent;
236
248
  }
package/styles/split-button/material3-dark.css CHANGED
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -54,36 +54,44 @@
54
54
  }
55
55
 
56
56
  /* stylelint-disable-line no-empty-source */
57
- /*! splitbutton layout */
58
57
  .e-split-btn-wrapper {
58
+ display: -webkit-inline-box;
59
59
  display: -ms-inline-flexbox;
60
60
  display: inline-flex;
61
61
  white-space: nowrap;
62
+ width: -webkit-min-content;
63
+ width: -moz-min-content;
62
64
  width: min-content;
63
65
  border-radius: 4px;
64
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
66
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
67
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
65
68
  }
66
69
  .e-split-btn-wrapper .e-split-btn {
67
70
  border-bottom-right-radius: 0;
68
71
  border-top-right-radius: 0;
69
72
  text-transform: none;
70
73
  z-index: 1;
71
- box-shadow: none;
74
+ -webkit-box-shadow: none;
75
+ box-shadow: none;
72
76
  }
73
77
  .e-split-btn-wrapper .e-split-btn:focus {
74
78
  outline-offset: 0;
75
79
  }
76
80
  .e-split-btn-wrapper .e-split-btn:hover {
77
- box-shadow: none;
81
+ -webkit-box-shadow: none;
82
+ box-shadow: none;
78
83
  }
79
84
  .e-split-btn-wrapper .e-split-btn:focus {
80
- box-shadow: none;
85
+ -webkit-box-shadow: none;
86
+ box-shadow: none;
81
87
  }
82
88
  .e-split-btn-wrapper .e-split-btn:focus-visible {
83
- box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
89
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
90
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
84
91
  }
85
92
  .e-split-btn-wrapper .e-split-btn:active {
86
- box-shadow: none;
93
+ -webkit-box-shadow: none;
94
+ box-shadow: none;
87
95
  z-index: 2;
88
96
  }
89
97
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -112,15 +120,18 @@
112
120
  border-bottom-left-radius: 0;
113
121
  border-top-left-radius: 0;
114
122
  margin-left: -1px;
115
- box-shadow: none;
123
+ -webkit-box-shadow: none;
124
+ box-shadow: none;
116
125
  padding-left: 4px;
117
126
  padding-right: 4px;
118
127
  }
119
128
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
120
- box-shadow: none;
129
+ -webkit-box-shadow: none;
130
+ box-shadow: none;
121
131
  }
122
132
  .e-split-btn-wrapper .e-dropdown-btn:active {
123
- box-shadow: none;
133
+ -webkit-box-shadow: none;
134
+ box-shadow: none;
124
135
  z-index: 2;
125
136
  }
126
137
  .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 {
@@ -130,25 +141,32 @@
130
141
  outline-offset: 0;
131
142
  }
132
143
  .e-split-btn-wrapper .e-btn {
133
- box-shadow: none;
144
+ -webkit-box-shadow: none;
145
+ box-shadow: none;
134
146
  }
135
147
  .e-split-btn-wrapper .e-btn:hover {
136
- box-shadow: none;
148
+ -webkit-box-shadow: none;
149
+ box-shadow: none;
137
150
  }
138
151
  .e-split-btn-wrapper .e-btn:focus {
139
- box-shadow: none;
152
+ -webkit-box-shadow: none;
153
+ box-shadow: none;
140
154
  }
141
155
  .e-split-btn-wrapper .e-btn:focus-visible {
142
- box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
156
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
157
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
143
158
  }
144
159
  .e-split-btn-wrapper .e-btn:active {
145
- box-shadow: none;
160
+ -webkit-box-shadow: none;
161
+ box-shadow: none;
146
162
  }
147
163
  .e-split-btn-wrapper .e-btn:disabled {
148
- box-shadow: none;
164
+ -webkit-box-shadow: none;
165
+ box-shadow: none;
149
166
  }
150
167
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
151
- box-shadow: none;
168
+ -webkit-box-shadow: none;
169
+ box-shadow: none;
152
170
  }
153
171
  .e-split-btn-wrapper.e-rtl .e-split-btn {
154
172
  border-bottom-left-radius: 0;
@@ -181,7 +199,8 @@
181
199
  border-top-right-radius: 0;
182
200
  margin-left: 0;
183
201
  border-radius: 4px;
184
- box-shadow: none;
202
+ -webkit-box-shadow: none;
203
+ box-shadow: none;
185
204
  }
186
205
  .e-split-btn-wrapper.e-vertical {
187
206
  display: inline-block;
@@ -196,7 +215,8 @@
196
215
  border-top-right-radius: 100px;
197
216
  line-height: 1;
198
217
  border-radius: 4px;
199
- box-shadow: none;
218
+ -webkit-box-shadow: none;
219
+ box-shadow: none;
200
220
  }
201
221
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
202
222
  padding-bottom: 4px;
@@ -208,7 +228,8 @@
208
228
  margin-left: 0;
209
229
  margin-top: -1px;
210
230
  border-radius: 4px;
211
- box-shadow: none;
231
+ -webkit-box-shadow: none;
232
+ box-shadow: none;
212
233
  }
213
234
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
214
235
  padding-top: 0;
@@ -226,12 +247,14 @@
226
247
  .e-bigger .e-split-btn-wrapper,
227
248
  .e-bigger.e-split-btn-wrapper {
228
249
  border-radius: 4px;
229
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
250
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
251
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
230
252
  }
231
253
  .e-bigger .e-split-btn-wrapper .e-split-btn,
232
254
  .e-bigger.e-split-btn-wrapper .e-split-btn {
233
255
  border-radius: 4px;
234
- box-shadow: none;
256
+ -webkit-box-shadow: none;
257
+ box-shadow: none;
235
258
  padding-left: 12px;
236
259
  padding-right: 6px;
237
260
  }
@@ -306,9 +329,10 @@
306
329
  padding-top: 0;
307
330
  }
308
331
 
309
- /*! splitbutton theme */
310
332
  .e-split-btn-wrapper .e-split-btn {
311
- border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
333
+ -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
334
+ 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;
335
+ border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
312
336
  border-width: 0 1px 0 0;
313
337
  }
314
338
  .e-split-btn-wrapper .e-split-btn:focus {
@@ -324,7 +348,8 @@
324
348
  border-color: transparent;
325
349
  }
326
350
  .e-split-btn-wrapper.e-splitbtn-disabled {
327
- box-shadow: none;
351
+ -webkit-box-shadow: none;
352
+ box-shadow: none;
328
353
  }
329
354
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
330
355
  border-right-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
@@ -333,7 +358,9 @@
333
358
  border-right-color: rgba(var(--color-sf-secondary), 0);
334
359
  }
335
360
  .e-split-btn-wrapper.e-rtl .e-split-btn {
336
- border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
361
+ -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
362
+ 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;
363
+ border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
337
364
  border-width: 0 0 0 1px;
338
365
  }
339
366
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
@@ -359,7 +386,9 @@
359
386
  border-left-color: rgba(var(--color-sf-secondary), 0);
360
387
  }
361
388
  .e-split-btn-wrapper.e-vertical .e-split-btn {
362
- border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
389
+ -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
390
+ 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;
391
+ border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
363
392
  border-width: 0 0 2px;
364
393
  border-bottom-color: rgba(var(--color-sf-outline-variant));
365
394
  border-right-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));