@syncfusion/ej2-splitbuttons 24.1.46 → 24.2.5

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 (49) hide show
  1. package/CHANGELOG.md +8 -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 +17 -10
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +17 -10
  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 +7 -7
  13. package/src/drop-down-button/drop-down-button.d.ts +1 -0
  14. package/src/drop-down-button/drop-down-button.js +17 -10
  15. package/styles/bootstrap-dark.css +5 -5
  16. package/styles/bootstrap.css +5 -5
  17. package/styles/bootstrap4.css +5 -5
  18. package/styles/bootstrap5-dark.css +5 -5
  19. package/styles/bootstrap5.css +5 -5
  20. package/styles/drop-down-button/_theme.scss +6 -6
  21. package/styles/drop-down-button/bootstrap-dark.css +5 -5
  22. package/styles/drop-down-button/bootstrap.css +5 -5
  23. package/styles/drop-down-button/bootstrap4.css +5 -5
  24. package/styles/drop-down-button/bootstrap5-dark.css +5 -5
  25. package/styles/drop-down-button/bootstrap5.css +5 -5
  26. package/styles/drop-down-button/fabric-dark.css +5 -5
  27. package/styles/drop-down-button/fabric.css +5 -5
  28. package/styles/drop-down-button/fluent-dark.css +4 -4
  29. package/styles/drop-down-button/fluent.css +4 -4
  30. package/styles/drop-down-button/highcontrast-light.css +5 -5
  31. package/styles/drop-down-button/highcontrast.css +5 -5
  32. package/styles/drop-down-button/material-dark.css +5 -5
  33. package/styles/drop-down-button/material.css +5 -5
  34. package/styles/drop-down-button/material3-dark.css +4 -4
  35. package/styles/drop-down-button/material3.css +4 -4
  36. package/styles/drop-down-button/tailwind-dark.css +5 -5
  37. package/styles/drop-down-button/tailwind.css +5 -5
  38. package/styles/fabric-dark.css +5 -5
  39. package/styles/fabric.css +5 -5
  40. package/styles/fluent-dark.css +4 -4
  41. package/styles/fluent.css +4 -4
  42. package/styles/highcontrast-light.css +5 -5
  43. package/styles/highcontrast.css +5 -5
  44. package/styles/material-dark.css +5 -5
  45. package/styles/material.css +5 -5
  46. package/styles/material3-dark.css +4 -4
  47. package/styles/material3.css +4 -4
  48. package/styles/tailwind-dark.css +5 -5
  49. package/styles/tailwind.css +5 -5
package/styles/drop-down-button/highcontrast-light.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #fff;
184
+ background: #fff;
185
185
  color: #000;
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: #000;
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: transparent;
194
+ background: transparent;
195
195
  box-shadow: 0 0 0 1px #000 inset;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: #ecf;
198
+ background: #ecf;
199
199
  color: #000;
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #400074;
202
+ background: #400074;
203
203
  color: #fff;
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/drop-down-button/highcontrast.css CHANGED
@@ -182,7 +182,7 @@
182
182
 
183
183
  /*! drop-down button theme */
184
184
  .e-dropdown-popup {
185
- background-color: #000;
185
+ background: #000;
186
186
  color: #fff;
187
187
  }
188
188
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -192,15 +192,15 @@
192
192
  color: #fff;
193
193
  }
194
194
  .e-dropdown-popup ul .e-item.e-focused {
195
- background-color: transparent;
195
+ background: transparent;
196
196
  box-shadow: 0 0 0 1px #fff inset;
197
197
  }
198
198
  .e-dropdown-popup ul .e-item:hover {
199
- background-color: #685708;
199
+ background: #685708;
200
200
  color: #fff;
201
201
  }
202
202
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
203
- background-color: #ffd939;
203
+ background: #ffd939;
204
204
  color: #000;
205
205
  }
206
206
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -225,7 +225,7 @@
225
225
  .e-dropdown-btn.e-btn.e-inherit:focus,
226
226
  .e-dropdown-btn.e-btn.e-inherit:active,
227
227
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
- background-color: rgba(0, 0, 0, 0.056);
228
+ background: rgba(0, 0, 0, 0.056);
229
229
  border-color: transparent;
230
230
  box-shadow: none;
231
231
  color: inherit;
package/styles/drop-down-button/material-dark.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #424242;
184
+ background: #424242;
185
185
  color: #fff;
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: #fff;
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: rgba(255, 255, 255, 0.1);
194
+ background: rgba(255, 255, 255, 0.1);
195
195
  box-shadow: none;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: rgba(255, 255, 255, 0.1);
198
+ background: rgba(255, 255, 255, 0.1);
199
199
  color: #fff;
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: rgba(255, 255, 255, 0.18);
202
+ background: rgba(255, 255, 255, 0.18);
203
203
  color: #fff;
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/drop-down-button/material.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #fff;
184
+ background: #fff;
185
185
  color: rgba(0, 0, 0, 0.87);
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: rgba(0, 0, 0, 0.87);
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: #e0e0e0;
194
+ background: #e0e0e0;
195
195
  box-shadow: none;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: #e0e0e0;
198
+ background: #e0e0e0;
199
199
  color: rgba(0, 0, 0, 0.87);
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #bdbdbd;
202
+ background: #bdbdbd;
203
203
  color: rgba(0, 0, 0, 0.87);
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/drop-down-button/material3-dark.css CHANGED
@@ -252,15 +252,15 @@
252
252
  color: rgba(var(--color-sf-on-surface-variant));
253
253
  }
254
254
  .e-dropdown-popup ul .e-item.e-focused {
255
- background-color: rgba(var(--color-sf-on-surface), 0.04);
255
+ background: rgba(var(--color-sf-on-surface), 0.04);
256
256
  box-shadow: none;
257
257
  }
258
258
  .e-dropdown-popup ul .e-item:hover {
259
- background-color: rgba(var(--color-sf-on-surface), 0.05);
259
+ background: rgba(var(--color-sf-on-surface), 0.05);
260
260
  color: rgba(var(--color-sf-on-surface));
261
261
  }
262
262
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
263
- background-color: rgba(var(--color-sf-primary-container), 0.65);
263
+ background: rgba(var(--color-sf-primary-container), 0.65);
264
264
  color: rgba(var(--color-sf-on-surface));
265
265
  }
266
266
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -285,7 +285,7 @@
285
285
  .e-dropdown-btn.e-btn.e-inherit:focus,
286
286
  .e-dropdown-btn.e-btn.e-inherit:active,
287
287
  .e-dropdown-btn.e-btn.e-inherit.e-active {
288
- background-color: rgba(0, 0, 0, 0.056);
288
+ background: rgba(0, 0, 0, 0.056);
289
289
  border-color: transparent;
290
290
  box-shadow: none;
291
291
  color: inherit;
package/styles/drop-down-button/material3.css CHANGED
@@ -308,15 +308,15 @@
308
308
  color: rgba(var(--color-sf-on-surface-variant));
309
309
  }
310
310
  .e-dropdown-popup ul .e-item.e-focused {
311
- background-color: rgba(var(--color-sf-on-surface), 0.04);
311
+ background: rgba(var(--color-sf-on-surface), 0.04);
312
312
  box-shadow: none;
313
313
  }
314
314
  .e-dropdown-popup ul .e-item:hover {
315
- background-color: rgba(var(--color-sf-on-surface), 0.05);
315
+ background: rgba(var(--color-sf-on-surface), 0.05);
316
316
  color: rgba(var(--color-sf-on-surface));
317
317
  }
318
318
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
319
- background-color: rgba(var(--color-sf-primary-container), 0.65);
319
+ background: rgba(var(--color-sf-primary-container), 0.65);
320
320
  color: rgba(var(--color-sf-on-surface));
321
321
  }
322
322
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -341,7 +341,7 @@
341
341
  .e-dropdown-btn.e-btn.e-inherit:focus,
342
342
  .e-dropdown-btn.e-btn.e-inherit:active,
343
343
  .e-dropdown-btn.e-btn.e-inherit.e-active {
344
- background-color: rgba(0, 0, 0, 0.056);
344
+ background: rgba(0, 0, 0, 0.056);
345
345
  border-color: transparent;
346
346
  box-shadow: none;
347
347
  color: inherit;
package/styles/drop-down-button/tailwind-dark.css CHANGED
@@ -191,7 +191,7 @@
191
191
 
192
192
  /*! drop-down button theme */
193
193
  .e-dropdown-popup {
194
- background-color: #374151;
194
+ background: #374151;
195
195
  color: #fff;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -201,15 +201,15 @@
201
201
  color: #fff;
202
202
  }
203
203
  .e-dropdown-popup ul .e-item.e-focused {
204
- background-color: #4b5563;
204
+ background: #4b5563;
205
205
  box-shadow: none;
206
206
  }
207
207
  .e-dropdown-popup ul .e-item:hover {
208
- background-color: #4b5563;
208
+ background: #4b5563;
209
209
  color: #fff;
210
210
  }
211
211
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
212
- background-color: #6b7280;
212
+ background: #6b7280;
213
213
  color: #fff;
214
214
  }
215
215
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -234,7 +234,7 @@
234
234
  .e-dropdown-btn.e-btn.e-inherit:focus,
235
235
  .e-dropdown-btn.e-btn.e-inherit:active,
236
236
  .e-dropdown-btn.e-btn.e-inherit.e-active {
237
- background-color: rgba(0, 0, 0, 0.056);
237
+ background: rgba(0, 0, 0, 0.056);
238
238
  border-color: transparent;
239
239
  box-shadow: none;
240
240
  color: inherit;
package/styles/drop-down-button/tailwind.css CHANGED
@@ -191,7 +191,7 @@
191
191
 
192
192
  /*! drop-down button theme */
193
193
  .e-dropdown-popup {
194
- background-color: #fff;
194
+ background: #fff;
195
195
  color: #374151;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -201,15 +201,15 @@
201
201
  color: #374151;
202
202
  }
203
203
  .e-dropdown-popup ul .e-item.e-focused {
204
- background-color: #f3f4f6;
204
+ background: #f3f4f6;
205
205
  box-shadow: none;
206
206
  }
207
207
  .e-dropdown-popup ul .e-item:hover {
208
- background-color: #f3f4f6;
208
+ background: #f3f4f6;
209
209
  color: #111827;
210
210
  }
211
211
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
212
- background-color: #e5e7eb;
212
+ background: #e5e7eb;
213
213
  color: #111827;
214
214
  }
215
215
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -234,7 +234,7 @@
234
234
  .e-dropdown-btn.e-btn.e-inherit:focus,
235
235
  .e-dropdown-btn.e-btn.e-inherit:active,
236
236
  .e-dropdown-btn.e-btn.e-inherit.e-active {
237
- background-color: rgba(0, 0, 0, 0.056);
237
+ background: rgba(0, 0, 0, 0.056);
238
238
  border-color: transparent;
239
239
  box-shadow: none;
240
240
  color: inherit;
package/styles/fabric-dark.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #282727;
184
+ background: #282727;
185
185
  color: #dadada;
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: #dadada;
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: transparent;
194
+ background: transparent;
195
195
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: #414040;
198
+ background: #414040;
199
199
  color: #fff;
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #514f4f;
202
+ background: #514f4f;
203
203
  color: #fff;
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/fabric.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #fff;
184
+ background: #fff;
185
185
  color: #333;
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: #333;
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: transparent;
194
+ background: transparent;
195
195
  box-shadow: 0 0 0 1px #767676 inset;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: #f4f4f4;
198
+ background: #f4f4f4;
199
199
  color: #333;
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #c8c8c8;
202
+ background: #c8c8c8;
203
203
  color: #333;
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/fluent-dark.css CHANGED
@@ -183,7 +183,7 @@
183
183
 
184
184
  /*! drop-down button theme */
185
185
  .e-dropdown-popup {
186
- background-color: #252423;
186
+ background: #252423;
187
187
  color: #fff;
188
188
  }
189
189
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -196,11 +196,11 @@
196
196
  box-shadow: inset 0 0 0 1px #f3f2f1;
197
197
  }
198
198
  .e-dropdown-popup ul .e-item:hover {
199
- background-color: #323130;
199
+ background: #323130;
200
200
  color: #f3f2f1;
201
201
  }
202
202
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
203
- background-color: #3b3a39;
203
+ background: #3b3a39;
204
204
  color: #f3f2f1;
205
205
  }
206
206
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -225,7 +225,7 @@
225
225
  .e-dropdown-btn.e-btn.e-inherit:focus,
226
226
  .e-dropdown-btn.e-btn.e-inherit:active,
227
227
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
- background-color: rgba(0, 0, 0, 0.056);
228
+ background: rgba(0, 0, 0, 0.056);
229
229
  border-color: transparent;
230
230
  box-shadow: none;
231
231
  color: inherit;
package/styles/fluent.css CHANGED
@@ -183,7 +183,7 @@
183
183
 
184
184
  /*! drop-down button theme */
185
185
  .e-dropdown-popup {
186
- background-color: #fff;
186
+ background: #fff;
187
187
  color: #323130;
188
188
  }
189
189
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -196,11 +196,11 @@
196
196
  box-shadow: inset 0 0 0 1px #201f1e;
197
197
  }
198
198
  .e-dropdown-popup ul .e-item:hover {
199
- background-color: #f3f2f1;
199
+ background: #f3f2f1;
200
200
  color: #201f1e;
201
201
  }
202
202
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
203
- background-color: #edebe9;
203
+ background: #edebe9;
204
204
  color: #201f1e;
205
205
  }
206
206
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -225,7 +225,7 @@
225
225
  .e-dropdown-btn.e-btn.e-inherit:focus,
226
226
  .e-dropdown-btn.e-btn.e-inherit:active,
227
227
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
- background-color: rgba(0, 0, 0, 0.056);
228
+ background: rgba(0, 0, 0, 0.056);
229
229
  border-color: transparent;
230
230
  box-shadow: none;
231
231
  color: inherit;
package/styles/highcontrast-light.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #fff;
184
+ background: #fff;
185
185
  color: #000;
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: #000;
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: transparent;
194
+ background: transparent;
195
195
  box-shadow: 0 0 0 1px #000 inset;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: #ecf;
198
+ background: #ecf;
199
199
  color: #000;
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #400074;
202
+ background: #400074;
203
203
  color: #fff;
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/highcontrast.css CHANGED
@@ -182,7 +182,7 @@
182
182
 
183
183
  /*! drop-down button theme */
184
184
  .e-dropdown-popup {
185
- background-color: #000;
185
+ background: #000;
186
186
  color: #fff;
187
187
  }
188
188
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -192,15 +192,15 @@
192
192
  color: #fff;
193
193
  }
194
194
  .e-dropdown-popup ul .e-item.e-focused {
195
- background-color: transparent;
195
+ background: transparent;
196
196
  box-shadow: 0 0 0 1px #fff inset;
197
197
  }
198
198
  .e-dropdown-popup ul .e-item:hover {
199
- background-color: #685708;
199
+ background: #685708;
200
200
  color: #fff;
201
201
  }
202
202
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
203
- background-color: #ffd939;
203
+ background: #ffd939;
204
204
  color: #000;
205
205
  }
206
206
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -225,7 +225,7 @@
225
225
  .e-dropdown-btn.e-btn.e-inherit:focus,
226
226
  .e-dropdown-btn.e-btn.e-inherit:active,
227
227
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
- background-color: rgba(0, 0, 0, 0.056);
228
+ background: rgba(0, 0, 0, 0.056);
229
229
  border-color: transparent;
230
230
  box-shadow: none;
231
231
  color: inherit;
package/styles/material-dark.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #424242;
184
+ background: #424242;
185
185
  color: #fff;
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: #fff;
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: rgba(255, 255, 255, 0.1);
194
+ background: rgba(255, 255, 255, 0.1);
195
195
  box-shadow: none;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: rgba(255, 255, 255, 0.1);
198
+ background: rgba(255, 255, 255, 0.1);
199
199
  color: #fff;
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: rgba(255, 255, 255, 0.18);
202
+ background: rgba(255, 255, 255, 0.18);
203
203
  color: #fff;
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/material.css CHANGED
@@ -181,7 +181,7 @@
181
181
 
182
182
  /*! drop-down button theme */
183
183
  .e-dropdown-popup {
184
- background-color: #fff;
184
+ background: #fff;
185
185
  color: rgba(0, 0, 0, 0.87);
186
186
  }
187
187
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
191
191
  color: rgba(0, 0, 0, 0.87);
192
192
  }
193
193
  .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: #e0e0e0;
194
+ background: #e0e0e0;
195
195
  box-shadow: none;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item:hover {
198
- background-color: #e0e0e0;
198
+ background: #e0e0e0;
199
199
  color: rgba(0, 0, 0, 0.87);
200
200
  }
201
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: #bdbdbd;
202
+ background: #bdbdbd;
203
203
  color: rgba(0, 0, 0, 0.87);
204
204
  }
205
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
224
224
  .e-dropdown-btn.e-btn.e-inherit:focus,
225
225
  .e-dropdown-btn.e-btn.e-inherit:active,
226
226
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
- background-color: rgba(0, 0, 0, 0.056);
227
+ background: rgba(0, 0, 0, 0.056);
228
228
  border-color: transparent;
229
229
  box-shadow: none;
230
230
  color: inherit;
package/styles/material3-dark.css CHANGED
@@ -252,15 +252,15 @@
252
252
  color: rgba(var(--color-sf-on-surface-variant));
253
253
  }
254
254
  .e-dropdown-popup ul .e-item.e-focused {
255
- background-color: rgba(var(--color-sf-on-surface), 0.04);
255
+ background: rgba(var(--color-sf-on-surface), 0.04);
256
256
  box-shadow: none;
257
257
  }
258
258
  .e-dropdown-popup ul .e-item:hover {
259
- background-color: rgba(var(--color-sf-on-surface), 0.05);
259
+ background: rgba(var(--color-sf-on-surface), 0.05);
260
260
  color: rgba(var(--color-sf-on-surface));
261
261
  }
262
262
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
263
- background-color: rgba(var(--color-sf-primary-container), 0.65);
263
+ background: rgba(var(--color-sf-primary-container), 0.65);
264
264
  color: rgba(var(--color-sf-on-surface));
265
265
  }
266
266
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -285,7 +285,7 @@
285
285
  .e-dropdown-btn.e-btn.e-inherit:focus,
286
286
  .e-dropdown-btn.e-btn.e-inherit:active,
287
287
  .e-dropdown-btn.e-btn.e-inherit.e-active {
288
- background-color: rgba(0, 0, 0, 0.056);
288
+ background: rgba(0, 0, 0, 0.056);
289
289
  border-color: transparent;
290
290
  box-shadow: none;
291
291
  color: inherit;
package/styles/material3.css CHANGED
@@ -308,15 +308,15 @@
308
308
  color: rgba(var(--color-sf-on-surface-variant));
309
309
  }
310
310
  .e-dropdown-popup ul .e-item.e-focused {
311
- background-color: rgba(var(--color-sf-on-surface), 0.04);
311
+ background: rgba(var(--color-sf-on-surface), 0.04);
312
312
  box-shadow: none;
313
313
  }
314
314
  .e-dropdown-popup ul .e-item:hover {
315
- background-color: rgba(var(--color-sf-on-surface), 0.05);
315
+ background: rgba(var(--color-sf-on-surface), 0.05);
316
316
  color: rgba(var(--color-sf-on-surface));
317
317
  }
318
318
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
319
- background-color: rgba(var(--color-sf-primary-container), 0.65);
319
+ background: rgba(var(--color-sf-primary-container), 0.65);
320
320
  color: rgba(var(--color-sf-on-surface));
321
321
  }
322
322
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -341,7 +341,7 @@
341
341
  .e-dropdown-btn.e-btn.e-inherit:focus,
342
342
  .e-dropdown-btn.e-btn.e-inherit:active,
343
343
  .e-dropdown-btn.e-btn.e-inherit.e-active {
344
- background-color: rgba(0, 0, 0, 0.056);
344
+ background: rgba(0, 0, 0, 0.056);
345
345
  border-color: transparent;
346
346
  box-shadow: none;
347
347
  color: inherit;
package/styles/tailwind-dark.css CHANGED
@@ -191,7 +191,7 @@
191
191
 
192
192
  /*! drop-down button theme */
193
193
  .e-dropdown-popup {
194
- background-color: #374151;
194
+ background: #374151;
195
195
  color: #fff;
196
196
  }
197
197
  .e-dropdown-popup ul .e-item .e-menu-url {
@@ -201,15 +201,15 @@
201
201
  color: #fff;
202
202
  }
203
203
  .e-dropdown-popup ul .e-item.e-focused {
204
- background-color: #4b5563;
204
+ background: #4b5563;
205
205
  box-shadow: none;
206
206
  }
207
207
  .e-dropdown-popup ul .e-item:hover {
208
- background-color: #4b5563;
208
+ background: #4b5563;
209
209
  color: #fff;
210
210
  }
211
211
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
212
- background-color: #6b7280;
212
+ background: #6b7280;
213
213
  color: #fff;
214
214
  }
215
215
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -234,7 +234,7 @@
234
234
  .e-dropdown-btn.e-btn.e-inherit:focus,
235
235
  .e-dropdown-btn.e-btn.e-inherit:active,
236
236
  .e-dropdown-btn.e-btn.e-inherit.e-active {
237
- background-color: rgba(0, 0, 0, 0.056);
237
+ background: rgba(0, 0, 0, 0.056);
238
238
  border-color: transparent;
239
239
  box-shadow: none;
240
240
  color: inherit;