@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
@@ -4,7 +4,6 @@
4
4
  content: "\e70d";
5
5
  }
6
6
 
7
- /*! drop-down button layout */
8
7
  .e-dropdown-btn,
9
8
  .e-dropdown-btn.e-btn {
10
9
  text-transform: none;
@@ -12,11 +11,13 @@
12
11
  }
13
12
  .e-dropdown-btn:focus,
14
13
  .e-dropdown-btn.e-btn:focus {
15
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
14
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
15
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
16
16
  }
17
17
  .e-dropdown-btn:active,
18
18
  .e-dropdown-btn.e-btn:active {
19
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
19
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
21
  }
21
22
  .e-dropdown-btn .e-btn-icon,
22
23
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -48,7 +49,6 @@
48
49
  line-height: 1;
49
50
  padding: 6px 12px;
50
51
  }
51
-
52
52
  .e-bigger .e-dropdown-btn .e-btn-icon,
53
53
  .e-bigger.e-dropdown-btn .e-btn-icon {
54
54
  font-size: 16px;
@@ -76,8 +76,10 @@
76
76
  .e-dropdown-popup ul {
77
77
  border: 1px solid #dee2e6;
78
78
  border-radius: 4px;
79
- box-shadow: none;
80
- box-sizing: border-box;
79
+ -webkit-box-shadow: none;
80
+ box-shadow: none;
81
+ -webkit-box-sizing: border-box;
82
+ box-sizing: border-box;
81
83
  font-size: 14px;
82
84
  font-weight: 400;
83
85
  list-style-image: none;
@@ -88,18 +90,23 @@
88
90
  overflow: hidden;
89
91
  padding: 4px 0;
90
92
  -webkit-user-select: none;
93
+ -moz-user-select: none;
91
94
  -ms-user-select: none;
92
95
  user-select: none;
93
96
  white-space: nowrap;
94
97
  }
95
98
  .e-dropdown-popup ul .e-item {
96
99
  cursor: pointer;
100
+ display: -webkit-box;
97
101
  display: -ms-flexbox;
98
102
  display: flex;
99
103
  height: 30px;
100
104
  line-height: 30px;
101
105
  padding: 0 12px;
102
106
  }
107
+ .e-dropdown-popup ul .e-item.e-separator {
108
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
109
+ }
103
110
  .e-dropdown-popup ul .e-item.e-url {
104
111
  padding: 0;
105
112
  }
@@ -132,7 +139,8 @@
132
139
  }
133
140
  .e-dropdown-popup.e-transparent {
134
141
  background: transparent;
135
- box-shadow: none;
142
+ -webkit-box-shadow: none;
143
+ box-shadow: none;
136
144
  }
137
145
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
138
146
  border: 0;
@@ -155,7 +163,8 @@
155
163
 
156
164
  *.e-bigger .e-dropdown-popup ul,
157
165
  *.e-bigger.e-dropdown-popup ul {
158
- box-shadow: none;
166
+ -webkit-box-shadow: none;
167
+ box-shadow: none;
159
168
  font-size: 16px;
160
169
  max-width: 202px;
161
170
  min-width: 112px;
@@ -184,7 +193,6 @@
184
193
  line-height: normal;
185
194
  }
186
195
 
187
- /*! drop-down button theme */
188
196
  .e-dropdown-popup {
189
197
  background: #fff;
190
198
  color: #212529;
@@ -197,7 +205,8 @@
197
205
  }
198
206
  .e-dropdown-popup ul .e-item.e-focused {
199
207
  background: #e9ecef;
200
- box-shadow: none;
208
+ -webkit-box-shadow: none;
209
+ box-shadow: none;
201
210
  }
202
211
  .e-dropdown-popup ul .e-item:hover {
203
212
  background: #e9ecef;
@@ -221,7 +230,8 @@
221
230
  .e-dropdown-btn.e-btn.e-inherit {
222
231
  background: inherit;
223
232
  border-color: transparent;
224
- box-shadow: none;
233
+ -webkit-box-shadow: none;
234
+ box-shadow: none;
225
235
  color: inherit;
226
236
  }
227
237
  .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
@@ -231,6 +241,7 @@
231
241
  .e-dropdown-btn.e-btn.e-inherit.e-active {
232
242
  background: rgba(0, 0, 0, 0.056);
233
243
  border-color: transparent;
234
- box-shadow: none;
244
+ -webkit-box-shadow: none;
245
+ box-shadow: none;
235
246
  color: inherit;
236
247
  }
@@ -3,24 +3,27 @@
3
3
  content: "\e36a";
4
4
  }
5
5
 
6
- /*! drop-down button layout */
7
6
  .e-dropdown-btn,
8
7
  .e-dropdown-btn.e-btn {
9
- box-shadow: none;
8
+ -webkit-box-shadow: none;
9
+ box-shadow: none;
10
10
  text-transform: none;
11
11
  white-space: normal;
12
12
  }
13
13
  .e-dropdown-btn:hover,
14
14
  .e-dropdown-btn.e-btn:hover {
15
- box-shadow: none;
15
+ -webkit-box-shadow: none;
16
+ box-shadow: none;
16
17
  }
17
18
  .e-dropdown-btn:focus,
18
19
  .e-dropdown-btn.e-btn:focus {
19
- box-shadow: none;
20
+ -webkit-box-shadow: none;
21
+ box-shadow: none;
20
22
  }
21
23
  .e-dropdown-btn:active,
22
24
  .e-dropdown-btn.e-btn:active {
23
- box-shadow: none;
25
+ -webkit-box-shadow: none;
26
+ box-shadow: none;
24
27
  }
25
28
  .e-dropdown-btn .e-btn-icon,
26
29
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -52,7 +55,6 @@
52
55
  line-height: 1;
53
56
  padding: 8px 20px;
54
57
  }
55
-
56
58
  .e-bigger .e-dropdown-btn .e-btn-icon,
57
59
  .e-bigger.e-dropdown-btn .e-btn-icon {
58
60
  font-size: 16px;
@@ -78,8 +80,10 @@
78
80
  .e-dropdown-popup ul {
79
81
  border: 1px solid #414040;
80
82
  border-radius: 0;
81
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
82
- box-sizing: border-box;
83
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
84
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
85
+ -webkit-box-sizing: border-box;
86
+ box-sizing: border-box;
83
87
  font-size: 14px;
84
88
  font-weight: normal;
85
89
  list-style-image: none;
@@ -90,18 +94,23 @@
90
94
  overflow: hidden;
91
95
  padding: 0;
92
96
  -webkit-user-select: none;
97
+ -moz-user-select: none;
93
98
  -ms-user-select: none;
94
99
  user-select: none;
95
100
  white-space: nowrap;
96
101
  }
97
102
  .e-dropdown-popup ul .e-item {
98
103
  cursor: pointer;
104
+ display: -webkit-box;
99
105
  display: -ms-flexbox;
100
106
  display: flex;
101
107
  height: 36px;
102
108
  line-height: 36px;
103
109
  padding: 0 10px;
104
110
  }
111
+ .e-dropdown-popup ul .e-item.e-separator {
112
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
113
+ }
105
114
  .e-dropdown-popup ul .e-item.e-url {
106
115
  padding: 0;
107
116
  }
@@ -134,7 +143,8 @@
134
143
  }
135
144
  .e-dropdown-popup.e-transparent {
136
145
  background: transparent;
137
- box-shadow: none;
146
+ -webkit-box-shadow: none;
147
+ box-shadow: none;
138
148
  }
139
149
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
140
150
  border: 0;
@@ -152,7 +162,8 @@
152
162
 
153
163
  *.e-bigger .e-dropdown-popup ul,
154
164
  *.e-bigger.e-dropdown-popup ul {
155
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
165
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
166
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
156
167
  font-size: 15px;
157
168
  max-width: 280px;
158
169
  min-width: 112px;
@@ -179,7 +190,6 @@
179
190
  line-height: normal;
180
191
  }
181
192
 
182
- /*! drop-down button theme */
183
193
  .e-dropdown-popup {
184
194
  background: #282727;
185
195
  color: #dadada;
@@ -192,7 +202,8 @@
192
202
  }
193
203
  .e-dropdown-popup ul .e-item.e-focused {
194
204
  background: transparent;
195
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
205
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
206
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
196
207
  }
197
208
  .e-dropdown-popup ul .e-item:hover {
198
209
  background: #414040;
@@ -216,7 +227,8 @@
216
227
  .e-dropdown-btn.e-btn.e-inherit {
217
228
  background: inherit;
218
229
  border-color: transparent;
219
- box-shadow: none;
230
+ -webkit-box-shadow: none;
231
+ box-shadow: none;
220
232
  color: inherit;
221
233
  }
222
234
  .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
@@ -226,6 +238,7 @@
226
238
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
239
  background: rgba(0, 0, 0, 0.056);
228
240
  border-color: transparent;
229
- box-shadow: none;
241
+ -webkit-box-shadow: none;
242
+ box-shadow: none;
230
243
  color: inherit;
231
244
  }
@@ -3,24 +3,27 @@
3
3
  content: "\e36a";
4
4
  }
5
5
 
6
- /*! drop-down button layout */
7
6
  .e-dropdown-btn,
8
7
  .e-dropdown-btn.e-btn {
9
- box-shadow: none;
8
+ -webkit-box-shadow: none;
9
+ box-shadow: none;
10
10
  text-transform: none;
11
11
  white-space: normal;
12
12
  }
13
13
  .e-dropdown-btn:hover,
14
14
  .e-dropdown-btn.e-btn:hover {
15
- box-shadow: none;
15
+ -webkit-box-shadow: none;
16
+ box-shadow: none;
16
17
  }
17
18
  .e-dropdown-btn:focus,
18
19
  .e-dropdown-btn.e-btn:focus {
19
- box-shadow: none;
20
+ -webkit-box-shadow: none;
21
+ box-shadow: none;
20
22
  }
21
23
  .e-dropdown-btn:active,
22
24
  .e-dropdown-btn.e-btn:active {
23
- box-shadow: none;
25
+ -webkit-box-shadow: none;
26
+ box-shadow: none;
24
27
  }
25
28
  .e-dropdown-btn .e-btn-icon,
26
29
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -52,7 +55,6 @@
52
55
  line-height: 1;
53
56
  padding: 8px 20px;
54
57
  }
55
-
56
58
  .e-bigger .e-dropdown-btn .e-btn-icon,
57
59
  .e-bigger.e-dropdown-btn .e-btn-icon {
58
60
  font-size: 16px;
@@ -78,8 +80,10 @@
78
80
  .e-dropdown-popup ul {
79
81
  border: 1px solid #eaeaea;
80
82
  border-radius: 0;
81
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
82
- box-sizing: border-box;
83
+ -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
84
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
85
+ -webkit-box-sizing: border-box;
86
+ box-sizing: border-box;
83
87
  font-size: 14px;
84
88
  font-weight: normal;
85
89
  list-style-image: none;
@@ -90,18 +94,23 @@
90
94
  overflow: hidden;
91
95
  padding: 0;
92
96
  -webkit-user-select: none;
97
+ -moz-user-select: none;
93
98
  -ms-user-select: none;
94
99
  user-select: none;
95
100
  white-space: nowrap;
96
101
  }
97
102
  .e-dropdown-popup ul .e-item {
98
103
  cursor: pointer;
104
+ display: -webkit-box;
99
105
  display: -ms-flexbox;
100
106
  display: flex;
101
107
  height: 36px;
102
108
  line-height: 36px;
103
109
  padding: 0 10px;
104
110
  }
111
+ .e-dropdown-popup ul .e-item.e-separator {
112
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
113
+ }
105
114
  .e-dropdown-popup ul .e-item.e-url {
106
115
  padding: 0;
107
116
  }
@@ -134,7 +143,8 @@
134
143
  }
135
144
  .e-dropdown-popup.e-transparent {
136
145
  background: transparent;
137
- box-shadow: none;
146
+ -webkit-box-shadow: none;
147
+ box-shadow: none;
138
148
  }
139
149
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
140
150
  border: 0;
@@ -152,7 +162,8 @@
152
162
 
153
163
  *.e-bigger .e-dropdown-popup ul,
154
164
  *.e-bigger.e-dropdown-popup ul {
155
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
165
+ -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
166
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
156
167
  font-size: 15px;
157
168
  max-width: 280px;
158
169
  min-width: 112px;
@@ -179,7 +190,6 @@
179
190
  line-height: normal;
180
191
  }
181
192
 
182
- /*! drop-down button theme */
183
193
  .e-dropdown-popup {
184
194
  background: #fff;
185
195
  color: #333;
@@ -192,7 +202,8 @@
192
202
  }
193
203
  .e-dropdown-popup ul .e-item.e-focused {
194
204
  background: transparent;
195
- box-shadow: 0 0 0 1px #767676 inset;
205
+ -webkit-box-shadow: 0 0 0 1px #767676 inset;
206
+ box-shadow: 0 0 0 1px #767676 inset;
196
207
  }
197
208
  .e-dropdown-popup ul .e-item:hover {
198
209
  background: #f4f4f4;
@@ -216,7 +227,8 @@
216
227
  .e-dropdown-btn.e-btn.e-inherit {
217
228
  background: inherit;
218
229
  border-color: transparent;
219
- box-shadow: none;
230
+ -webkit-box-shadow: none;
231
+ box-shadow: none;
220
232
  color: inherit;
221
233
  }
222
234
  .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
@@ -226,6 +238,7 @@
226
238
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
239
  background: rgba(0, 0, 0, 0.056);
228
240
  border-color: transparent;
229
- box-shadow: none;
241
+ -webkit-box-shadow: none;
242
+ box-shadow: none;
230
243
  color: inherit;
231
244
  }
@@ -4,24 +4,27 @@
4
4
  content: "\e729";
5
5
  }
6
6
 
7
- /*! drop-down button layout */
8
7
  .e-dropdown-btn,
9
8
  .e-dropdown-btn.e-btn {
10
- box-shadow: none;
9
+ -webkit-box-shadow: none;
10
+ box-shadow: none;
11
11
  text-transform: none;
12
12
  white-space: normal;
13
13
  }
14
14
  .e-dropdown-btn:hover,
15
15
  .e-dropdown-btn.e-btn:hover {
16
- box-shadow: none;
16
+ -webkit-box-shadow: none;
17
+ box-shadow: none;
17
18
  }
18
19
  .e-dropdown-btn:focus,
19
20
  .e-dropdown-btn.e-btn:focus {
20
- box-shadow: none;
21
+ -webkit-box-shadow: none;
22
+ box-shadow: none;
21
23
  }
22
24
  .e-dropdown-btn:active,
23
25
  .e-dropdown-btn.e-btn:active {
24
- box-shadow: none;
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
25
28
  }
26
29
  .e-dropdown-btn .e-btn-icon,
27
30
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -54,7 +57,6 @@
54
57
  line-height: 1;
55
58
  padding: 6px 12px;
56
59
  }
57
-
58
60
  .e-bigger .e-dropdown-btn .e-btn-icon,
59
61
  .e-bigger.e-dropdown-btn .e-btn-icon {
60
62
  font-size: 16px;
@@ -80,8 +82,10 @@
80
82
  .e-dropdown-popup ul {
81
83
  border: 0 solid #292827;
82
84
  border-radius: 2px;
83
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
84
- box-sizing: border-box;
85
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
86
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
87
+ -webkit-box-sizing: border-box;
88
+ box-sizing: border-box;
85
89
  font-size: 14px;
86
90
  font-weight: 400;
87
91
  list-style-image: none;
@@ -92,18 +96,23 @@
92
96
  overflow: hidden;
93
97
  padding: 0 0;
94
98
  -webkit-user-select: none;
99
+ -moz-user-select: none;
95
100
  -ms-user-select: none;
96
101
  user-select: none;
97
102
  white-space: nowrap;
98
103
  }
99
104
  .e-dropdown-popup ul .e-item {
100
105
  cursor: pointer;
106
+ display: -webkit-box;
101
107
  display: -ms-flexbox;
102
108
  display: flex;
103
109
  height: 36px;
104
110
  line-height: 36px;
105
111
  padding: 0 12px;
106
112
  }
113
+ .e-dropdown-popup ul .e-item.e-separator {
114
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
115
+ }
107
116
  .e-dropdown-popup ul .e-item.e-url {
108
117
  padding: 0;
109
118
  }
@@ -136,7 +145,8 @@
136
145
  }
137
146
  .e-dropdown-popup.e-transparent {
138
147
  background: transparent;
139
- box-shadow: none;
148
+ -webkit-box-shadow: none;
149
+ box-shadow: none;
140
150
  }
141
151
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
142
152
  border: 0;
@@ -154,7 +164,8 @@
154
164
 
155
165
  *.e-bigger .e-dropdown-popup ul,
156
166
  *.e-bigger.e-dropdown-popup ul {
157
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
167
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
168
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
158
169
  font-size: 16px;
159
170
  max-width: 202px;
160
171
  min-width: 112px;
@@ -181,7 +192,6 @@
181
192
  line-height: normal;
182
193
  }
183
194
 
184
- /*! drop-down button theme */
185
195
  .e-dropdown-popup {
186
196
  background: #252423;
187
197
  color: #fff;
@@ -193,7 +203,8 @@
193
203
  color: #a19f9d;
194
204
  }
195
205
  .e-dropdown-popup ul .e-item.e-focused {
196
- box-shadow: inset 0 0 0 1px #f3f2f1;
206
+ -webkit-box-shadow: inset 0 0 0 1px #f3f2f1;
207
+ box-shadow: inset 0 0 0 1px #f3f2f1;
197
208
  }
198
209
  .e-dropdown-popup ul .e-item:hover {
199
210
  background: #323130;
@@ -217,7 +228,8 @@
217
228
  .e-dropdown-btn.e-btn.e-inherit {
218
229
  background: inherit;
219
230
  border-color: transparent;
220
- box-shadow: none;
231
+ -webkit-box-shadow: none;
232
+ box-shadow: none;
221
233
  color: inherit;
222
234
  }
223
235
  .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
@@ -227,6 +239,7 @@
227
239
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
240
  background: rgba(0, 0, 0, 0.056);
229
241
  border-color: transparent;
230
- box-shadow: none;
242
+ -webkit-box-shadow: none;
243
+ box-shadow: none;
231
244
  color: inherit;
232
245
  }
@@ -4,24 +4,27 @@
4
4
  content: "\e729";
5
5
  }
6
6
 
7
- /*! drop-down button layout */
8
7
  .e-dropdown-btn,
9
8
  .e-dropdown-btn.e-btn {
10
- box-shadow: none;
9
+ -webkit-box-shadow: none;
10
+ box-shadow: none;
11
11
  text-transform: none;
12
12
  white-space: normal;
13
13
  }
14
14
  .e-dropdown-btn:hover,
15
15
  .e-dropdown-btn.e-btn:hover {
16
- box-shadow: none;
16
+ -webkit-box-shadow: none;
17
+ box-shadow: none;
17
18
  }
18
19
  .e-dropdown-btn:focus,
19
20
  .e-dropdown-btn.e-btn:focus {
20
- box-shadow: none;
21
+ -webkit-box-shadow: none;
22
+ box-shadow: none;
21
23
  }
22
24
  .e-dropdown-btn:active,
23
25
  .e-dropdown-btn.e-btn:active {
24
- box-shadow: none;
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
25
28
  }
26
29
  .e-dropdown-btn .e-btn-icon,
27
30
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -54,7 +57,6 @@
54
57
  line-height: 1;
55
58
  padding: 6px 12px;
56
59
  }
57
-
58
60
  .e-bigger .e-dropdown-btn .e-btn-icon,
59
61
  .e-bigger.e-dropdown-btn .e-btn-icon {
60
62
  font-size: 16px;
@@ -80,8 +82,10 @@
80
82
  .e-dropdown-popup ul {
81
83
  border: 0 solid #edebe9;
82
84
  border-radius: 2px;
83
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
84
- box-sizing: border-box;
85
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
86
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
87
+ -webkit-box-sizing: border-box;
88
+ box-sizing: border-box;
85
89
  font-size: 14px;
86
90
  font-weight: 400;
87
91
  list-style-image: none;
@@ -92,18 +96,23 @@
92
96
  overflow: hidden;
93
97
  padding: 0 0;
94
98
  -webkit-user-select: none;
99
+ -moz-user-select: none;
95
100
  -ms-user-select: none;
96
101
  user-select: none;
97
102
  white-space: nowrap;
98
103
  }
99
104
  .e-dropdown-popup ul .e-item {
100
105
  cursor: pointer;
106
+ display: -webkit-box;
101
107
  display: -ms-flexbox;
102
108
  display: flex;
103
109
  height: 36px;
104
110
  line-height: 36px;
105
111
  padding: 0 12px;
106
112
  }
113
+ .e-dropdown-popup ul .e-item.e-separator {
114
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
115
+ }
107
116
  .e-dropdown-popup ul .e-item.e-url {
108
117
  padding: 0;
109
118
  }
@@ -136,7 +145,8 @@
136
145
  }
137
146
  .e-dropdown-popup.e-transparent {
138
147
  background: transparent;
139
- box-shadow: none;
148
+ -webkit-box-shadow: none;
149
+ box-shadow: none;
140
150
  }
141
151
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
142
152
  border: 0;
@@ -154,7 +164,8 @@
154
164
 
155
165
  *.e-bigger .e-dropdown-popup ul,
156
166
  *.e-bigger.e-dropdown-popup ul {
157
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
167
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
168
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
158
169
  font-size: 16px;
159
170
  max-width: 202px;
160
171
  min-width: 112px;
@@ -181,7 +192,6 @@
181
192
  line-height: normal;
182
193
  }
183
194
 
184
- /*! drop-down button theme */
185
195
  .e-dropdown-popup {
186
196
  background: #fff;
187
197
  color: #323130;
@@ -193,7 +203,8 @@
193
203
  color: #605e5c;
194
204
  }
195
205
  .e-dropdown-popup ul .e-item.e-focused {
196
- box-shadow: inset 0 0 0 1px #201f1e;
206
+ -webkit-box-shadow: inset 0 0 0 1px #201f1e;
207
+ box-shadow: inset 0 0 0 1px #201f1e;
197
208
  }
198
209
  .e-dropdown-popup ul .e-item:hover {
199
210
  background: #f3f2f1;
@@ -217,7 +228,8 @@
217
228
  .e-dropdown-btn.e-btn.e-inherit {
218
229
  background: inherit;
219
230
  border-color: transparent;
220
- box-shadow: none;
231
+ -webkit-box-shadow: none;
232
+ box-shadow: none;
221
233
  color: inherit;
222
234
  }
223
235
  .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
@@ -227,6 +239,7 @@
227
239
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
240
  background: rgba(0, 0, 0, 0.056);
229
241
  border-color: transparent;
230
- box-shadow: none;
242
+ -webkit-box-shadow: none;
243
+ box-shadow: none;
231
244
  color: inherit;
232
245
  }