@syncfusion/ej2-react-splitbuttons 20.2.45 → 20.3.47

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 (70) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/ej2-react-splitbuttons.min.js +10 -0
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +26 -5
  6. package/styles/bootstrap.css +21 -0
  7. package/styles/bootstrap4.css +22 -1
  8. package/styles/bootstrap5-dark.css +23 -0
  9. package/styles/bootstrap5.css +23 -0
  10. package/styles/button-group/bootstrap-dark.css +2 -0
  11. package/styles/button-group/bootstrap.css +2 -0
  12. package/styles/button-group/bootstrap4.css +2 -0
  13. package/styles/button-group/bootstrap5-dark.css +2 -0
  14. package/styles/button-group/bootstrap5.css +2 -0
  15. package/styles/button-group/fabric-dark.css +2 -0
  16. package/styles/button-group/fabric.css +2 -0
  17. package/styles/button-group/fluent-dark.css +2 -0
  18. package/styles/button-group/fluent.css +2 -0
  19. package/styles/button-group/highcontrast-light.css +2 -0
  20. package/styles/button-group/highcontrast.css +2 -0
  21. package/styles/button-group/material-dark.css +2 -0
  22. package/styles/button-group/material.css +2 -0
  23. package/styles/button-group/tailwind-dark.css +2 -0
  24. package/styles/button-group/tailwind.css +2 -0
  25. package/styles/drop-down-button/bootstrap-dark.css +18 -0
  26. package/styles/drop-down-button/bootstrap.css +18 -0
  27. package/styles/drop-down-button/bootstrap4.css +18 -0
  28. package/styles/drop-down-button/bootstrap5-dark.css +19 -0
  29. package/styles/drop-down-button/bootstrap5.css +19 -0
  30. package/styles/drop-down-button/fabric-dark.css +18 -0
  31. package/styles/drop-down-button/fabric.css +18 -0
  32. package/styles/drop-down-button/fluent-dark.css +19 -0
  33. package/styles/drop-down-button/fluent.css +19 -0
  34. package/styles/drop-down-button/highcontrast-light.css +18 -0
  35. package/styles/drop-down-button/highcontrast.css +18 -0
  36. package/styles/drop-down-button/material-dark.css +18 -0
  37. package/styles/drop-down-button/material.css +18 -0
  38. package/styles/drop-down-button/tailwind-dark.css +19 -0
  39. package/styles/drop-down-button/tailwind.css +19 -0
  40. package/styles/fabric-dark.css +21 -0
  41. package/styles/fabric.css +21 -0
  42. package/styles/fluent-dark.css +23 -0
  43. package/styles/fluent.css +23 -0
  44. package/styles/highcontrast-light.css +21 -0
  45. package/styles/highcontrast.css +23 -2
  46. package/styles/material-dark.css +21 -0
  47. package/styles/material.css +21 -0
  48. package/styles/progress-button/bootstrap-dark.css +6 -5
  49. package/styles/progress-button/bootstrap.css +1 -0
  50. package/styles/progress-button/bootstrap4.css +2 -1
  51. package/styles/progress-button/bootstrap5-dark.css +1 -0
  52. package/styles/progress-button/bootstrap5.css +1 -0
  53. package/styles/progress-button/fabric-dark.css +1 -0
  54. package/styles/progress-button/fabric.css +1 -0
  55. package/styles/progress-button/fluent-dark.css +1 -0
  56. package/styles/progress-button/fluent.css +1 -0
  57. package/styles/progress-button/highcontrast-light.css +1 -0
  58. package/styles/progress-button/highcontrast.css +3 -2
  59. package/styles/progress-button/material-dark.css +1 -0
  60. package/styles/progress-button/material.css +1 -0
  61. package/styles/progress-button/tailwind-dark.css +1 -0
  62. package/styles/progress-button/tailwind.css +1 -0
  63. package/styles/split-button/bootstrap5-dark.css +1 -0
  64. package/styles/split-button/bootstrap5.css +1 -0
  65. package/styles/split-button/fluent-dark.css +1 -0
  66. package/styles/split-button/fluent.css +1 -0
  67. package/styles/split-button/tailwind-dark.css +1 -0
  68. package/styles/split-button/tailwind.css +1 -0
  69. package/styles/tailwind-dark.css +23 -0
  70. package/styles/tailwind.css +23 -0
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  .e-dropdown-btn .e-caret::before,
2
3
  .e-dropdown-btn.e-btn .e-caret::before {
3
4
  content: "\e70d";
@@ -214,4 +215,22 @@
214
215
  }
215
216
  .e-dropdown-popup ul .e-separator {
216
217
  border-bottom-color: #444c54;
218
+ }
219
+
220
+ .e-dropdown-btn.e-inherit,
221
+ .e-dropdown-btn.e-btn.e-inherit {
222
+ background: inherit;
223
+ border-color: transparent;
224
+ box-shadow: none;
225
+ color: inherit;
226
+ }
227
+ .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,
228
+ .e-dropdown-btn.e-btn.e-inherit:hover,
229
+ .e-dropdown-btn.e-btn.e-inherit:focus,
230
+ .e-dropdown-btn.e-btn.e-inherit:active,
231
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
232
+ background-color: rgba(0, 0, 0, 0.056);
233
+ border-color: transparent;
234
+ box-shadow: none;
235
+ color: inherit;
217
236
  }
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  .e-dropdown-btn .e-caret::before,
2
3
  .e-dropdown-btn.e-btn .e-caret::before {
3
4
  content: "\e70d";
@@ -214,4 +215,22 @@
214
215
  }
215
216
  .e-dropdown-popup ul .e-separator {
216
217
  border-bottom-color: #dee2e6;
218
+ }
219
+
220
+ .e-dropdown-btn.e-inherit,
221
+ .e-dropdown-btn.e-btn.e-inherit {
222
+ background: inherit;
223
+ border-color: transparent;
224
+ box-shadow: none;
225
+ color: inherit;
226
+ }
227
+ .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,
228
+ .e-dropdown-btn.e-btn.e-inherit:hover,
229
+ .e-dropdown-btn.e-btn.e-inherit:focus,
230
+ .e-dropdown-btn.e-btn.e-inherit:active,
231
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
232
+ background-color: rgba(0, 0, 0, 0.056);
233
+ border-color: transparent;
234
+ box-shadow: none;
235
+ color: inherit;
217
236
  }
@@ -210,4 +210,22 @@
210
210
  }
211
211
  .e-dropdown-popup ul .e-separator {
212
212
  border-bottom-color: #414040;
213
+ }
214
+
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
213
231
  }
@@ -210,4 +210,22 @@
210
210
  }
211
211
  .e-dropdown-popup ul .e-separator {
212
212
  border-bottom-color: #eaeaea;
213
+ }
214
+
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
213
231
  }
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  .e-dropdown-btn .e-caret::before,
2
3
  .e-dropdown-btn.e-btn .e-caret::before {
3
4
  content: "\e729";
@@ -210,4 +211,22 @@
210
211
  }
211
212
  .e-dropdown-popup ul .e-separator {
212
213
  border-bottom-color: #292827;
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .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,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
213
232
  }
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  .e-dropdown-btn .e-caret::before,
2
3
  .e-dropdown-btn.e-btn .e-caret::before {
3
4
  content: "\e729";
@@ -210,4 +211,22 @@
210
211
  }
211
212
  .e-dropdown-popup ul .e-separator {
212
213
  border-bottom-color: #edebe9;
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .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,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
213
232
  }
@@ -210,4 +210,22 @@
210
210
  }
211
211
  .e-dropdown-popup ul .e-separator {
212
212
  border-bottom-color: #000;
213
+ }
214
+
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
213
231
  }
@@ -210,4 +210,22 @@
210
210
  }
211
211
  .e-dropdown-popup ul .e-separator {
212
212
  border-bottom-color: #fff;
213
+ }
214
+
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
213
231
  }
@@ -211,4 +211,22 @@
211
211
  }
212
212
  .e-dropdown-popup ul .e-separator {
213
213
  border-bottom-color: rgba(255, 255, 255, 0.12);
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .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,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
214
232
  }
@@ -211,4 +211,22 @@
211
211
  }
212
212
  .e-dropdown-popup ul .e-separator {
213
213
  border-bottom-color: rgba(0, 0, 0, 0.12);
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .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,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
214
232
  }
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable-line no-empty-source */
2
3
  .e-dropdown-btn .e-caret::before,
3
4
  .e-dropdown-btn.e-btn .e-caret::before {
4
5
  content: "\e70d";
@@ -220,4 +221,22 @@
220
221
  }
221
222
  .e-dropdown-popup ul .e-separator {
222
223
  border-bottom-color: #4b5563;
224
+ }
225
+
226
+ .e-dropdown-btn.e-inherit,
227
+ .e-dropdown-btn.e-btn.e-inherit {
228
+ background: inherit;
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
232
+ }
233
+ .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,
234
+ .e-dropdown-btn.e-btn.e-inherit:hover,
235
+ .e-dropdown-btn.e-btn.e-inherit:focus,
236
+ .e-dropdown-btn.e-btn.e-inherit:active,
237
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
238
+ background-color: rgba(0, 0, 0, 0.056);
239
+ border-color: transparent;
240
+ box-shadow: none;
241
+ color: inherit;
223
242
  }
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable-line no-empty-source */
2
3
  .e-dropdown-btn .e-caret::before,
3
4
  .e-dropdown-btn.e-btn .e-caret::before {
4
5
  content: "\e729";
@@ -220,4 +221,22 @@
220
221
  }
221
222
  .e-dropdown-popup ul .e-separator {
222
223
  border-bottom-color: #e5e7eb;
224
+ }
225
+
226
+ .e-dropdown-btn.e-inherit,
227
+ .e-dropdown-btn.e-btn.e-inherit {
228
+ background: inherit;
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
232
+ }
233
+ .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,
234
+ .e-dropdown-btn.e-btn.e-inherit:hover,
235
+ .e-dropdown-btn.e-btn.e-inherit:focus,
236
+ .e-dropdown-btn.e-btn.e-inherit:active,
237
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
238
+ background-color: rgba(0, 0, 0, 0.056);
239
+ border-color: transparent;
240
+ box-shadow: none;
241
+ color: inherit;
223
242
  }
@@ -212,6 +212,24 @@
212
212
  border-bottom-color: #414040;
213
213
  }
214
214
 
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
231
+ }
232
+
215
233
  /*! splitbutton layout */
216
234
  .e-split-btn-wrapper {
217
235
  display: -ms-inline-flexbox;
@@ -522,6 +540,7 @@
522
540
  border-left-color: transparent;
523
541
  }
524
542
 
543
+ /* stylelint-disable */
525
544
  *.e-btn-group,
526
545
  *.e-css.e-btn-group {
527
546
  display: -ms-inline-flexbox;
@@ -758,6 +777,7 @@
758
777
  font-size: 16px;
759
778
  }
760
779
 
780
+ /* stylelint-disable */
761
781
  .e-btn-group:not(.e-outline),
762
782
  .e-css.e-btn-group:not(.e-outline) {
763
783
  box-shadow: none;
@@ -1273,6 +1293,7 @@
1273
1293
  border-right: transparent;
1274
1294
  }
1275
1295
 
1296
+ /* stylelint-disable property-no-vendor-prefix */
1276
1297
  @keyframes material-spinner-rotate {
1277
1298
  0% {
1278
1299
  transform: rotate(0);
package/styles/fabric.css CHANGED
@@ -212,6 +212,24 @@
212
212
  border-bottom-color: #eaeaea;
213
213
  }
214
214
 
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
231
+ }
232
+
215
233
  /*! splitbutton layout */
216
234
  .e-split-btn-wrapper {
217
235
  display: -ms-inline-flexbox;
@@ -519,6 +537,7 @@
519
537
  border-left-color: transparent;
520
538
  }
521
539
 
540
+ /* stylelint-disable */
522
541
  *.e-btn-group,
523
542
  *.e-css.e-btn-group {
524
543
  display: -ms-inline-flexbox;
@@ -755,6 +774,7 @@
755
774
  font-size: 16px;
756
775
  }
757
776
 
777
+ /* stylelint-disable */
758
778
  .e-btn-group:not(.e-outline),
759
779
  .e-css.e-btn-group:not(.e-outline) {
760
780
  box-shadow: none;
@@ -1276,6 +1296,7 @@
1276
1296
  border-right: transparent;
1277
1297
  }
1278
1298
 
1299
+ /* stylelint-disable property-no-vendor-prefix */
1279
1300
  @keyframes material-spinner-rotate {
1280
1301
  0% {
1281
1302
  transform: rotate(0);
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  .e-dropdown-btn .e-caret::before,
2
3
  .e-dropdown-btn.e-btn .e-caret::before {
3
4
  content: "\e729";
@@ -212,6 +213,25 @@
212
213
  border-bottom-color: #292827;
213
214
  }
214
215
 
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .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,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
232
+ }
233
+
234
+ /* stylelint-disable-line no-empty-source */
215
235
  /*! splitbutton layout */
216
236
  .e-split-btn-wrapper {
217
237
  display: -ms-inline-flexbox;
@@ -510,6 +530,7 @@
510
530
  border-left-color: #8a8886;
511
531
  }
512
532
 
533
+ /* stylelint-disable */
513
534
  *.e-btn-group,
514
535
  *.e-css.e-btn-group {
515
536
  display: -ms-inline-flexbox;
@@ -746,6 +767,7 @@
746
767
  font-size: 20px;
747
768
  }
748
769
 
770
+ /* stylelint-disable */
749
771
  .e-btn-group:not(.e-outline),
750
772
  .e-css.e-btn-group:not(.e-outline) {
751
773
  box-shadow: none;
@@ -1264,6 +1286,7 @@
1264
1286
  border-right: transparent;
1265
1287
  }
1266
1288
 
1289
+ /* stylelint-disable property-no-vendor-prefix */
1267
1290
  @keyframes material-spinner-rotate {
1268
1291
  0% {
1269
1292
  transform: rotate(0);
package/styles/fluent.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  .e-dropdown-btn .e-caret::before,
2
3
  .e-dropdown-btn.e-btn .e-caret::before {
3
4
  content: "\e729";
@@ -212,6 +213,25 @@
212
213
  border-bottom-color: #edebe9;
213
214
  }
214
215
 
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .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,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
232
+ }
233
+
234
+ /* stylelint-disable-line no-empty-source */
215
235
  /*! splitbutton layout */
216
236
  .e-split-btn-wrapper {
217
237
  display: -ms-inline-flexbox;
@@ -510,6 +530,7 @@
510
530
  border-left-color: #8a8886;
511
531
  }
512
532
 
533
+ /* stylelint-disable */
513
534
  *.e-btn-group,
514
535
  *.e-css.e-btn-group {
515
536
  display: -ms-inline-flexbox;
@@ -746,6 +767,7 @@
746
767
  font-size: 20px;
747
768
  }
748
769
 
770
+ /* stylelint-disable */
749
771
  .e-btn-group:not(.e-outline),
750
772
  .e-css.e-btn-group:not(.e-outline) {
751
773
  box-shadow: none;
@@ -1264,6 +1286,7 @@
1264
1286
  border-right: transparent;
1265
1287
  }
1266
1288
 
1289
+ /* stylelint-disable property-no-vendor-prefix */
1267
1290
  @keyframes material-spinner-rotate {
1268
1291
  0% {
1269
1292
  transform: rotate(0);
@@ -212,6 +212,24 @@
212
212
  border-bottom-color: #000;
213
213
  }
214
214
 
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
231
+ }
232
+
215
233
  /*! splitbutton layout */
216
234
  .e-split-btn-wrapper {
217
235
  display: -ms-inline-flexbox;
@@ -522,6 +540,7 @@
522
540
  border-left-color: #000;
523
541
  }
524
542
 
543
+ /* stylelint-disable */
525
544
  *.e-btn-group,
526
545
  *.e-css.e-btn-group {
527
546
  display: -ms-inline-flexbox;
@@ -758,6 +777,7 @@
758
777
  font-size: 16px;
759
778
  }
760
779
 
780
+ /* stylelint-disable */
761
781
  .e-btn-group:not(.e-outline),
762
782
  .e-css.e-btn-group:not(.e-outline) {
763
783
  box-shadow: none;
@@ -1273,6 +1293,7 @@
1273
1293
  border-right: transparent;
1274
1294
  }
1275
1295
 
1296
+ /* stylelint-disable property-no-vendor-prefix */
1276
1297
  @keyframes material-spinner-rotate {
1277
1298
  0% {
1278
1299
  transform: rotate(0);
@@ -212,6 +212,24 @@
212
212
  border-bottom-color: #fff;
213
213
  }
214
214
 
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .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,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
231
+ }
232
+
215
233
  /*! splitbutton layout */
216
234
  .e-split-btn-wrapper {
217
235
  display: -ms-inline-flexbox;
@@ -522,6 +540,7 @@
522
540
  border-left-color: #fff;
523
541
  }
524
542
 
543
+ /* stylelint-disable */
525
544
  *.e-btn-group,
526
545
  *.e-css.e-btn-group {
527
546
  display: -ms-inline-flexbox;
@@ -758,6 +777,7 @@
758
777
  font-size: 16px;
759
778
  }
760
779
 
780
+ /* stylelint-disable */
761
781
  .e-btn-group:not(.e-outline),
762
782
  .e-css.e-btn-group:not(.e-outline) {
763
783
  box-shadow: none;
@@ -1324,6 +1344,7 @@
1324
1344
  border-right: transparent;
1325
1345
  }
1326
1346
 
1347
+ /* stylelint-disable property-no-vendor-prefix */
1327
1348
  @keyframes material-spinner-rotate {
1328
1349
  0% {
1329
1350
  transform: rotate(0);
@@ -1814,11 +1835,11 @@
1814
1835
  *.e-success .e-progress,
1815
1836
  *.e-danger .e-progress,
1816
1837
  *.e-info .e-progress {
1817
- background-color: rgba(255, 255, 255, 0.2);
1838
+ background-color: rgba(0, 0, 0, 0.3);
1818
1839
  }
1819
1840
 
1820
1841
  *.e-warning .e-progress {
1821
- background-color: rgba(255, 255, 255, 0.2);
1842
+ background-color: rgba(0, 0, 0, 0.3);
1822
1843
  }
1823
1844
 
1824
1845
  *.e-flat.e-primary .e-progress {
@@ -213,6 +213,24 @@
213
213
  border-bottom-color: rgba(255, 255, 255, 0.12);
214
214
  }
215
215
 
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .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,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
232
+ }
233
+
216
234
  /*! splitbutton layout */
217
235
  .e-split-btn-wrapper {
218
236
  display: -ms-inline-flexbox;
@@ -523,6 +541,7 @@
523
541
  border-left-color: transparent;
524
542
  }
525
543
 
544
+ /* stylelint-disable */
526
545
  *.e-btn-group,
527
546
  *.e-css.e-btn-group {
528
547
  display: -ms-inline-flexbox;
@@ -759,6 +778,7 @@
759
778
  font-size: 16px;
760
779
  }
761
780
 
781
+ /* stylelint-disable */
762
782
  .e-btn-group:not(.e-outline),
763
783
  .e-css.e-btn-group:not(.e-outline) {
764
784
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
@@ -1274,6 +1294,7 @@
1274
1294
  border-right: transparent;
1275
1295
  }
1276
1296
 
1297
+ /* stylelint-disable property-no-vendor-prefix */
1277
1298
  @keyframes material-spinner-rotate {
1278
1299
  0% {
1279
1300
  transform: rotate(0deg);