@syncfusion/ej2-splitbuttons 28.1.41 → 29.1.33

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 (127) hide show
  1. package/README.md +2 -6
  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 +22 -4
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +22 -4
  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 +21 -3
  14. package/styles/bds-lite.css +10 -1
  15. package/styles/bds.css +22 -4
  16. package/styles/bootstrap-dark-lite.css +47 -38
  17. package/styles/bootstrap-dark.css +58 -40
  18. package/styles/bootstrap-lite.css +54 -45
  19. package/styles/bootstrap.css +65 -47
  20. package/styles/bootstrap4-lite.css +89 -80
  21. package/styles/bootstrap4.css +100 -82
  22. package/styles/bootstrap5-dark-lite.css +111 -102
  23. package/styles/bootstrap5-dark.css +121 -103
  24. package/styles/bootstrap5-lite.css +92 -83
  25. package/styles/bootstrap5.3-lite.css +10 -1
  26. package/styles/bootstrap5.3.css +20 -2
  27. package/styles/bootstrap5.css +102 -84
  28. package/styles/button-group/bootstrap-dark.css +36 -36
  29. package/styles/button-group/bootstrap.css +43 -43
  30. package/styles/button-group/bootstrap4.css +57 -57
  31. package/styles/button-group/bootstrap5-dark.css +63 -63
  32. package/styles/button-group/bootstrap5.css +63 -63
  33. package/styles/button-group/fabric-dark.css +16 -16
  34. package/styles/button-group/fabric.css +3 -3
  35. package/styles/button-group/fluent-dark.css +25 -25
  36. package/styles/button-group/fluent.css +25 -25
  37. package/styles/button-group/material-dark.css +17 -17
  38. package/styles/button-group/material.css +16 -16
  39. package/styles/drop-down-button/_bds-definition.scss +7 -3
  40. package/styles/drop-down-button/_bigger.scss +7 -2
  41. package/styles/drop-down-button/_bootstrap-dark-definition.scss +6 -2
  42. package/styles/drop-down-button/_bootstrap-definition.scss +6 -2
  43. package/styles/drop-down-button/_bootstrap4-definition.scss +10 -4
  44. package/styles/drop-down-button/_bootstrap5-definition.scss +6 -2
  45. package/styles/drop-down-button/_bootstrap5.3-definition.scss +6 -2
  46. package/styles/drop-down-button/_fabric-dark-definition.scss +7 -3
  47. package/styles/drop-down-button/_fabric-definition.scss +7 -3
  48. package/styles/drop-down-button/_fluent-definition.scss +8 -4
  49. package/styles/drop-down-button/_fluent2-definition.scss +1 -0
  50. package/styles/drop-down-button/_highcontrast-definition.scss +7 -3
  51. package/styles/drop-down-button/_highcontrast-light-definition.scss +7 -3
  52. package/styles/drop-down-button/_layout.scss +4 -1
  53. package/styles/drop-down-button/_material-dark-definition.scss +7 -3
  54. package/styles/drop-down-button/_material-definition.scss +7 -3
  55. package/styles/drop-down-button/_material3-definition.scss +6 -2
  56. package/styles/drop-down-button/_tailwind-definition.scss +8 -4
  57. package/styles/drop-down-button/_tailwind3-definition.scss +1 -0
  58. package/styles/drop-down-button/bds.css +21 -3
  59. package/styles/drop-down-button/bootstrap-dark.css +20 -2
  60. package/styles/drop-down-button/bootstrap.css +20 -2
  61. package/styles/drop-down-button/bootstrap4.css +24 -6
  62. package/styles/drop-down-button/bootstrap5-dark.css +28 -10
  63. package/styles/drop-down-button/bootstrap5.3.css +20 -2
  64. package/styles/drop-down-button/bootstrap5.css +24 -6
  65. package/styles/drop-down-button/fabric-dark.css +22 -4
  66. package/styles/drop-down-button/fabric.css +22 -4
  67. package/styles/drop-down-button/fluent-dark.css +22 -4
  68. package/styles/drop-down-button/fluent.css +22 -4
  69. package/styles/drop-down-button/fluent2.css +5 -0
  70. package/styles/drop-down-button/highcontrast-light.css +13 -4
  71. package/styles/drop-down-button/highcontrast.css +22 -4
  72. package/styles/drop-down-button/icons/_fabric-dark.scss +1 -1
  73. package/styles/drop-down-button/icons/_fabric.scss +1 -1
  74. package/styles/drop-down-button/icons/_highcontrast-light.scss +1 -1
  75. package/styles/drop-down-button/icons/_highcontrast.scss +1 -1
  76. package/styles/drop-down-button/material-dark.css +21 -3
  77. package/styles/drop-down-button/material.css +21 -3
  78. package/styles/drop-down-button/material3-dark.css +20 -2
  79. package/styles/drop-down-button/material3.css +20 -2
  80. package/styles/drop-down-button/tailwind-dark.css +22 -4
  81. package/styles/drop-down-button/tailwind.css +22 -4
  82. package/styles/drop-down-button/tailwind3.css +0 -1
  83. package/styles/fabric-dark-lite.css +27 -18
  84. package/styles/fabric-dark.css +39 -21
  85. package/styles/fabric-lite.css +14 -5
  86. package/styles/fabric.css +26 -8
  87. package/styles/fluent-dark-lite.css +37 -28
  88. package/styles/fluent-dark.css +49 -31
  89. package/styles/fluent-lite.css +37 -28
  90. package/styles/fluent.css +49 -31
  91. package/styles/fluent2.css +5 -0
  92. package/styles/highcontrast-light-lite.css +11 -2
  93. package/styles/highcontrast-light.css +14 -5
  94. package/styles/highcontrast-lite.css +11 -2
  95. package/styles/highcontrast.css +23 -5
  96. package/styles/material-dark-lite.css +27 -18
  97. package/styles/material-dark.css +39 -21
  98. package/styles/material-lite.css +26 -17
  99. package/styles/material.css +38 -20
  100. package/styles/material3-dark-lite.css +10 -1
  101. package/styles/material3-dark.css +20 -2
  102. package/styles/material3-lite.css +10 -1
  103. package/styles/material3.css +20 -2
  104. package/styles/progress-button/_theme.scss +44 -42
  105. package/styles/progress-button/bootstrap5-dark.css +15 -15
  106. package/styles/split-button/_bootstrap4-definition.scss +7 -5
  107. package/styles/split-button/bds.css +1 -1
  108. package/styles/split-button/bootstrap-dark.css +2 -2
  109. package/styles/split-button/bootstrap.css +2 -2
  110. package/styles/split-button/bootstrap4.css +19 -19
  111. package/styles/split-button/bootstrap5-dark.css +15 -15
  112. package/styles/split-button/bootstrap5.css +15 -15
  113. package/styles/split-button/fabric-dark.css +1 -1
  114. package/styles/split-button/fabric.css +1 -1
  115. package/styles/split-button/fluent-dark.css +2 -2
  116. package/styles/split-button/fluent.css +2 -2
  117. package/styles/split-button/highcontrast-light.css +1 -1
  118. package/styles/split-button/highcontrast.css +1 -1
  119. package/styles/split-button/material-dark.css +1 -1
  120. package/styles/split-button/material.css +1 -1
  121. package/styles/split-button/tailwind-dark.css +2 -2
  122. package/styles/split-button/tailwind.css +2 -2
  123. package/styles/tailwind-dark-lite.css +12 -3
  124. package/styles/tailwind-dark.css +24 -6
  125. package/styles/tailwind-lite.css +12 -3
  126. package/styles/tailwind.css +24 -6
  127. package/styles/tailwind3.css +0 -1
package/styles/highcontrast-light-lite.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e966";
3
+ content: "\eb05";
4
4
  }
5
5
 
6
6
  .e-dropdown-btn,
@@ -31,7 +31,7 @@
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
34
+ font-size: 14px;
35
35
  }
36
36
  .e-dropdown-btn.e-vertical,
37
37
  .e-dropdown-btn.e-btn.e-vertical {
@@ -55,6 +55,15 @@
55
55
  line-height: 1;
56
56
  padding: 8px 20px;
57
57
  }
58
+ .e-dropdown-btn.e-small .e-btn-icon,
59
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
60
+ font-size: 12px;
61
+ }
62
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
63
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
64
+ font-size: 12px;
65
+ }
66
+
58
67
  .e-dropdown-popup {
59
68
  position: absolute;
60
69
  }
package/styles/highcontrast-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e966";
3
+ content: "\eb05";
4
4
  }
5
5
 
6
6
  .e-dropdown-btn,
@@ -31,7 +31,7 @@
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
34
+ font-size: 14px;
35
35
  }
36
36
  .e-dropdown-btn.e-vertical,
37
37
  .e-dropdown-btn.e-btn.e-vertical {
@@ -55,6 +55,15 @@
55
55
  line-height: 1;
56
56
  padding: 8px 20px;
57
57
  }
58
+ .e-dropdown-btn.e-small .e-btn-icon,
59
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
60
+ font-size: 12px;
61
+ }
62
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
63
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
64
+ font-size: 12px;
65
+ }
66
+
58
67
  .e-dropdown-popup {
59
68
  position: absolute;
60
69
  }
@@ -210,11 +219,11 @@
210
219
 
211
220
  .e-bigger .e-dropdown-btn .e-btn-icon,
212
221
  .e-bigger.e-dropdown-btn .e-btn-icon {
213
- font-size: 16px;
222
+ font-size: 18px;
214
223
  }
215
224
  .e-bigger .e-dropdown-btn .e-caret,
216
225
  .e-bigger.e-dropdown-btn .e-caret {
217
- font-size: 10px;
226
+ font-size: 18px;
218
227
  }
219
228
  .e-bigger .e-dropdown-btn.e-vertical,
220
229
  .e-bigger.e-dropdown-btn.e-vertical {
@@ -536,7 +545,7 @@
536
545
  }
537
546
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
538
547
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
539
- font-size: 16px;
548
+ font-size: 18px;
540
549
  margin-left: 0;
541
550
  padding-right: 10px;
542
551
  width: auto;
package/styles/highcontrast-lite.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e966";
3
+ content: "\eb05";
4
4
  }
5
5
 
6
6
  .e-dropdown-btn,
@@ -31,7 +31,7 @@
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
34
+ font-size: 14px;
35
35
  margin-top: 0;
36
36
  }
37
37
  .e-dropdown-btn.e-vertical,
@@ -56,6 +56,15 @@
56
56
  line-height: 1;
57
57
  padding: 8px 20px;
58
58
  }
59
+ .e-dropdown-btn.e-small .e-btn-icon,
60
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
61
+ font-size: 12px;
62
+ }
63
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
64
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
65
+ font-size: 12px;
66
+ }
67
+
59
68
  .e-dropdown-popup {
60
69
  position: absolute;
61
70
  }
package/styles/highcontrast.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e966";
3
+ content: "\eb05";
4
4
  }
5
5
 
6
6
  .e-dropdown-btn,
@@ -31,7 +31,7 @@
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
34
+ font-size: 14px;
35
35
  margin-top: 0;
36
36
  }
37
37
  .e-dropdown-btn.e-vertical,
@@ -56,6 +56,15 @@
56
56
  line-height: 1;
57
57
  padding: 8px 20px;
58
58
  }
59
+ .e-dropdown-btn.e-small .e-btn-icon,
60
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
61
+ font-size: 12px;
62
+ }
63
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
64
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
65
+ font-size: 12px;
66
+ }
67
+
59
68
  .e-dropdown-popup {
60
69
  position: absolute;
61
70
  }
@@ -211,11 +220,11 @@
211
220
 
212
221
  .e-bigger .e-dropdown-btn .e-btn-icon,
213
222
  .e-bigger.e-dropdown-btn .e-btn-icon {
214
- font-size: 16px;
223
+ font-size: 18px;
215
224
  }
216
225
  .e-bigger .e-dropdown-btn .e-caret,
217
226
  .e-bigger.e-dropdown-btn .e-caret {
218
- font-size: 10px;
227
+ font-size: 18px;
219
228
  }
220
229
  .e-bigger .e-dropdown-btn.e-vertical,
221
230
  .e-bigger.e-dropdown-btn.e-vertical {
@@ -227,6 +236,15 @@
227
236
  line-height: 1;
228
237
  padding: 10px 24px;
229
238
  }
239
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon,
240
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
241
+ font-size: 16px;
242
+ }
243
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
244
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
245
+ font-size: 16px;
246
+ }
247
+
230
248
  *.e-bigger .e-dropdown-popup ul,
231
249
  *.e-bigger.e-dropdown-popup ul {
232
250
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
@@ -537,7 +555,7 @@
537
555
  }
538
556
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
539
557
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
540
- font-size: 16px;
558
+ font-size: 18px;
541
559
  margin-left: 0;
542
560
  padding-right: 10px;
543
561
  width: auto;
package/styles/material-dark-lite.css CHANGED
@@ -31,7 +31,7 @@
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
34
+ font-size: 14px;
35
35
  }
36
36
  .e-dropdown-btn.e-vertical,
37
37
  .e-dropdown-btn.e-btn.e-vertical {
@@ -55,6 +55,15 @@
55
55
  line-height: 1;
56
56
  padding: 12px 12px;
57
57
  }
58
+ .e-dropdown-btn.e-small .e-btn-icon,
59
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
60
+ font-size: 12px;
61
+ }
62
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
63
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
64
+ font-size: 12px;
65
+ }
66
+
58
67
  .e-dropdown-popup {
59
68
  position: absolute;
60
69
  }
@@ -721,7 +730,7 @@
721
730
  .e-css.e-btn-group .e-btn:focus,
722
731
  .e-css.e-btn-group input:focus-visible + label.e-btn,
723
732
  .e-css.e-btn-group input:focus + label.e-btn {
724
- background: #878787;
733
+ background: rgb(134.92, 134.92, 134.92);
725
734
  border-color: transparent;
726
735
  color: #fff;
727
736
  outline: #616161 0 solid;
@@ -738,7 +747,7 @@
738
747
  .e-css.e-btn-group .e-btn:focus.e-primary,
739
748
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
740
749
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
741
- background: #0086c2;
750
+ background: rgb(0, 133.76, 193.8);
742
751
  border-color: transparent;
743
752
  color: #000;
744
753
  outline: #616161 0 solid;
@@ -754,7 +763,7 @@
754
763
  .e-css.e-btn-group .e-btn:focus.e-success,
755
764
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
756
765
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
757
- background: #77c27a;
766
+ background: rgb(118.96, 194.2, 122);
758
767
  border-color: transparent;
759
768
  color: #fff;
760
769
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -769,7 +778,7 @@
769
778
  .e-css.e-btn-group .e-btn:focus.e-info,
770
779
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
771
780
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
772
- background: #3fbef7;
781
+ background: rgb(63.48, 189.64, 246.64);
773
782
  border-color: transparent;
774
783
  color: #fff;
775
784
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -784,7 +793,7 @@
784
793
  .e-css.e-btn-group .e-btn:focus.e-warning,
785
794
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
786
795
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
787
- background: #ffb13d;
796
+ background: rgb(255, 176.72, 61.2);
788
797
  border-color: transparent;
789
798
  color: #fff;
790
799
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -799,7 +808,7 @@
799
808
  .e-css.e-btn-group .e-btn:focus.e-danger,
800
809
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
801
810
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
802
- background: #ff8b7c;
811
+ background: rgb(255, 138.72, 123.52);
803
812
  border-color: transparent;
804
813
  color: #fff;
805
814
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -883,7 +892,7 @@
883
892
  .e-css.e-btn-group .e-btn:active,
884
893
  .e-css.e-btn-group input:active + label.e-btn,
885
894
  .e-css.e-btn-group input:checked + label.e-btn {
886
- background: #7d7d7d;
895
+ background: rgb(125.44, 125.44, 125.44);
887
896
  border-color: transparent;
888
897
  color: #fff;
889
898
  outline: #616161 0 solid;
@@ -895,7 +904,7 @@
895
904
  .e-css.e-btn-group .e-btn:active.e-primary,
896
905
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
897
906
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
898
- background: #0078ad;
907
+ background: rgb(0, 119.68, 173.4);
899
908
  border-color: transparent;
900
909
  color: #000;
901
910
  outline: #616161 0 solid;
@@ -908,7 +917,7 @@
908
917
  .e-css.e-btn-group .e-btn:active.e-success,
909
918
  .e-css.e-btn-group input:active + label.e-btn.e-success,
910
919
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
911
- background: #85c988;
920
+ background: rgb(133.28, 200.6, 136);
912
921
  border-color: transparent;
913
922
  color: #fff;
914
923
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -920,7 +929,7 @@
920
929
  .e-css.e-btn-group .e-btn:active.e-info,
921
930
  .e-css.e-btn-group input:active + label.e-btn.e-info,
922
931
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
923
- background: #54c5f8;
932
+ background: rgb(83.64, 196.52, 247.52);
924
933
  color: #fff;
925
934
  border-color: transparent;
926
935
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -932,7 +941,7 @@
932
941
  .e-css.e-btn-group .e-btn:active.e-warning,
933
942
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
934
943
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
935
- background: #ffb952;
944
+ background: rgb(255, 184.96, 81.6);
936
945
  border-color: transparent;
937
946
  color: #fff;
938
947
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -944,7 +953,7 @@
944
953
  .e-css.e-btn-group .e-btn:active.e-danger,
945
954
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
946
955
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
947
- background: #ff9789;
956
+ background: rgb(255, 150.96, 137.36);
948
957
  border-color: transparent;
949
958
  color: #fff;
950
959
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -968,7 +977,7 @@
968
977
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
969
978
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
970
979
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
971
- background: #0078ad;
980
+ background: rgb(0, 119.68, 173.4);
972
981
  border-color: transparent;
973
982
  -webkit-box-shadow: none;
974
983
  box-shadow: none;
@@ -980,7 +989,7 @@
980
989
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
981
990
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
982
991
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
983
- background: #85c988;
992
+ background: rgb(133.28, 200.6, 136);
984
993
  border-color: transparent;
985
994
  -webkit-box-shadow: none;
986
995
  box-shadow: none;
@@ -992,7 +1001,7 @@
992
1001
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
993
1002
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
994
1003
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
995
- background: #54c5f8;
1004
+ background: rgb(83.64, 196.52, 247.52);
996
1005
  border-color: transparent;
997
1006
  -webkit-box-shadow: none;
998
1007
  box-shadow: none;
@@ -1004,7 +1013,7 @@
1004
1013
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1005
1014
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1006
1015
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1007
- background: #ffb952;
1016
+ background: rgb(255, 184.96, 81.6);
1008
1017
  border-color: transparent;
1009
1018
  -webkit-box-shadow: none;
1010
1019
  box-shadow: none;
@@ -1016,7 +1025,7 @@
1016
1025
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1017
1026
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1018
1027
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1019
- background: #ff9789;
1028
+ background: rgb(255, 150.96, 137.36);
1020
1029
  border-color: transparent;
1021
1030
  -webkit-box-shadow: none;
1022
1031
  box-shadow: none;
package/styles/material-dark.css CHANGED
@@ -31,7 +31,7 @@
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
34
+ font-size: 14px;
35
35
  }
36
36
  .e-dropdown-btn.e-vertical,
37
37
  .e-dropdown-btn.e-btn.e-vertical {
@@ -55,6 +55,15 @@
55
55
  line-height: 1;
56
56
  padding: 12px 12px;
57
57
  }
58
+ .e-dropdown-btn.e-small .e-btn-icon,
59
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
60
+ font-size: 12px;
61
+ }
62
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
63
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
64
+ font-size: 12px;
65
+ }
66
+
58
67
  .e-dropdown-popup {
59
68
  position: absolute;
60
69
  }
@@ -210,11 +219,11 @@
210
219
 
211
220
  .e-bigger .e-dropdown-btn .e-btn-icon,
212
221
  .e-bigger.e-dropdown-btn .e-btn-icon {
213
- font-size: 16px;
222
+ font-size: 18px;
214
223
  }
215
224
  .e-bigger .e-dropdown-btn .e-caret,
216
225
  .e-bigger.e-dropdown-btn .e-caret {
217
- font-size: 10px;
226
+ font-size: 16px;
218
227
  }
219
228
  .e-bigger .e-dropdown-btn.e-vertical,
220
229
  .e-bigger.e-dropdown-btn.e-vertical {
@@ -226,6 +235,15 @@
226
235
  line-height: 1;
227
236
  padding: 16px 16px;
228
237
  }
238
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon,
239
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
240
+ font-size: 18px;
241
+ }
242
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
243
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
244
+ font-size: 16px;
245
+ }
246
+
229
247
  *.e-bigger .e-dropdown-popup ul,
230
248
  *.e-bigger.e-dropdown-popup ul {
231
249
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
@@ -536,7 +554,7 @@
536
554
  }
537
555
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
538
556
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
539
- font-size: 16px;
557
+ font-size: 18px;
540
558
  margin-left: 0;
541
559
  padding-right: 10px;
542
560
  width: auto;
@@ -842,7 +860,7 @@
842
860
  .e-css.e-btn-group .e-btn:focus,
843
861
  .e-css.e-btn-group input:focus-visible + label.e-btn,
844
862
  .e-css.e-btn-group input:focus + label.e-btn {
845
- background: #878787;
863
+ background: rgb(134.92, 134.92, 134.92);
846
864
  border-color: transparent;
847
865
  color: #fff;
848
866
  outline: #616161 0 solid;
@@ -859,7 +877,7 @@
859
877
  .e-css.e-btn-group .e-btn:focus.e-primary,
860
878
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
861
879
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
862
- background: #0086c2;
880
+ background: rgb(0, 133.76, 193.8);
863
881
  border-color: transparent;
864
882
  color: #000;
865
883
  outline: #616161 0 solid;
@@ -875,7 +893,7 @@
875
893
  .e-css.e-btn-group .e-btn:focus.e-success,
876
894
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
877
895
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
878
- background: #77c27a;
896
+ background: rgb(118.96, 194.2, 122);
879
897
  border-color: transparent;
880
898
  color: #fff;
881
899
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -890,7 +908,7 @@
890
908
  .e-css.e-btn-group .e-btn:focus.e-info,
891
909
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
892
910
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
893
- background: #3fbef7;
911
+ background: rgb(63.48, 189.64, 246.64);
894
912
  border-color: transparent;
895
913
  color: #fff;
896
914
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -905,7 +923,7 @@
905
923
  .e-css.e-btn-group .e-btn:focus.e-warning,
906
924
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
907
925
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
908
- background: #ffb13d;
926
+ background: rgb(255, 176.72, 61.2);
909
927
  border-color: transparent;
910
928
  color: #fff;
911
929
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -920,7 +938,7 @@
920
938
  .e-css.e-btn-group .e-btn:focus.e-danger,
921
939
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
922
940
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
923
- background: #ff8b7c;
941
+ background: rgb(255, 138.72, 123.52);
924
942
  border-color: transparent;
925
943
  color: #fff;
926
944
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
@@ -1004,7 +1022,7 @@
1004
1022
  .e-css.e-btn-group .e-btn:active,
1005
1023
  .e-css.e-btn-group input:active + label.e-btn,
1006
1024
  .e-css.e-btn-group input:checked + label.e-btn {
1007
- background: #7d7d7d;
1025
+ background: rgb(125.44, 125.44, 125.44);
1008
1026
  border-color: transparent;
1009
1027
  color: #fff;
1010
1028
  outline: #616161 0 solid;
@@ -1016,7 +1034,7 @@
1016
1034
  .e-css.e-btn-group .e-btn:active.e-primary,
1017
1035
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1018
1036
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1019
- background: #0078ad;
1037
+ background: rgb(0, 119.68, 173.4);
1020
1038
  border-color: transparent;
1021
1039
  color: #000;
1022
1040
  outline: #616161 0 solid;
@@ -1029,7 +1047,7 @@
1029
1047
  .e-css.e-btn-group .e-btn:active.e-success,
1030
1048
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1031
1049
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1032
- background: #85c988;
1050
+ background: rgb(133.28, 200.6, 136);
1033
1051
  border-color: transparent;
1034
1052
  color: #fff;
1035
1053
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -1041,7 +1059,7 @@
1041
1059
  .e-css.e-btn-group .e-btn:active.e-info,
1042
1060
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1043
1061
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1044
- background: #54c5f8;
1062
+ background: rgb(83.64, 196.52, 247.52);
1045
1063
  color: #fff;
1046
1064
  border-color: transparent;
1047
1065
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -1053,7 +1071,7 @@
1053
1071
  .e-css.e-btn-group .e-btn:active.e-warning,
1054
1072
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1055
1073
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1056
- background: #ffb952;
1074
+ background: rgb(255, 184.96, 81.6);
1057
1075
  border-color: transparent;
1058
1076
  color: #fff;
1059
1077
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -1065,7 +1083,7 @@
1065
1083
  .e-css.e-btn-group .e-btn:active.e-danger,
1066
1084
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1067
1085
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1068
- background: #ff9789;
1086
+ background: rgb(255, 150.96, 137.36);
1069
1087
  border-color: transparent;
1070
1088
  color: #fff;
1071
1089
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
@@ -1089,7 +1107,7 @@
1089
1107
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1090
1108
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1091
1109
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1092
- background: #0078ad;
1110
+ background: rgb(0, 119.68, 173.4);
1093
1111
  border-color: transparent;
1094
1112
  -webkit-box-shadow: none;
1095
1113
  box-shadow: none;
@@ -1101,7 +1119,7 @@
1101
1119
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1102
1120
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1103
1121
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1104
- background: #85c988;
1122
+ background: rgb(133.28, 200.6, 136);
1105
1123
  border-color: transparent;
1106
1124
  -webkit-box-shadow: none;
1107
1125
  box-shadow: none;
@@ -1113,7 +1131,7 @@
1113
1131
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1114
1132
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1115
1133
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1116
- background: #54c5f8;
1134
+ background: rgb(83.64, 196.52, 247.52);
1117
1135
  border-color: transparent;
1118
1136
  -webkit-box-shadow: none;
1119
1137
  box-shadow: none;
@@ -1125,7 +1143,7 @@
1125
1143
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1126
1144
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1127
1145
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1128
- background: #ffb952;
1146
+ background: rgb(255, 184.96, 81.6);
1129
1147
  border-color: transparent;
1130
1148
  -webkit-box-shadow: none;
1131
1149
  box-shadow: none;
@@ -1137,7 +1155,7 @@
1137
1155
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1138
1156
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1139
1157
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1140
- background: #ff9789;
1158
+ background: rgb(255, 150.96, 137.36);
1141
1159
  border-color: transparent;
1142
1160
  -webkit-box-shadow: none;
1143
1161
  box-shadow: none;