@syncfusion/ej2-splitbuttons 28.2.3 → 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/material-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
  }
@@ -740,7 +749,7 @@
740
749
  .e-css.e-btn-group .e-btn:focus.e-primary,
741
750
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
742
751
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
743
- background: #ea4e82;
752
+ background: rgb(233.72, 77.92, 130.36);
744
753
  border-color: transparent;
745
754
  color: #fff;
746
755
  outline: #fafafa 0 solid;
@@ -756,7 +765,7 @@
756
765
  .e-css.e-btn-group .e-btn:focus.e-success,
757
766
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
758
767
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
759
- background: #78a253;
768
+ background: rgb(119.72, 161.52, 83.24);
760
769
  border-color: transparent;
761
770
  color: #fff;
762
771
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -771,7 +780,7 @@
771
780
  .e-css.e-btn-group .e-btn:focus.e-info,
772
781
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
773
782
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
774
- background: #3f98df;
783
+ background: rgb(63.48, 152.4, 223.08);
775
784
  border-color: transparent;
776
785
  color: #fff;
777
786
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -786,7 +795,7 @@
786
795
  .e-css.e-btn-group .e-btn:focus.e-warning,
787
796
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
788
797
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
789
- background: #d07f3d;
798
+ background: rgb(207.88, 127.32, 61.2);
790
799
  border-color: transparent;
791
800
  color: #fff;
792
801
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -801,7 +810,7 @@
801
810
  .e-css.e-btn-group .e-btn:focus.e-danger,
802
811
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
803
812
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
804
- background: #e06f4c;
813
+ background: rgb(223.84, 110.6, 75.64);
805
814
  border-color: transparent;
806
815
  color: #fff;
807
816
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -885,7 +894,7 @@
885
894
  .e-css.e-btn-group .e-btn:active,
886
895
  .e-css.e-btn-group input:active + label.e-btn,
887
896
  .e-css.e-btn-group input:checked + label.e-btn {
888
- background: rgba(184, 184, 184, 0.9584);
897
+ background: rgba(183.5116545663, 183.5116545663, 183.5116545663, 0.9584);
889
898
  border-color: transparent;
890
899
  color: rgba(0, 0, 0, 0.87);
891
900
  outline: #fafafa 0 solid;
@@ -897,7 +906,7 @@
897
906
  .e-css.e-btn-group .e-btn:active.e-primary,
898
907
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
899
908
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
900
- background: #ec618f;
909
+ background: rgb(235.96, 96.56, 143.48);
901
910
  border-color: transparent;
902
911
  color: #fff;
903
912
  outline: #fafafa 0 solid;
@@ -910,7 +919,7 @@
910
919
  .e-css.e-btn-group .e-btn:active.e-success,
911
920
  .e-css.e-btn-group input:active + label.e-btn.e-success,
912
921
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
913
- background: #86ab65;
922
+ background: rgb(133.96, 171.36, 101.32);
914
923
  border-color: transparent;
915
924
  color: #fff;
916
925
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -922,7 +931,7 @@
922
931
  .e-css.e-btn-group .e-btn:active.e-info,
923
932
  .e-css.e-btn-group input:active + label.e-btn.e-info,
924
933
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
925
- background: #54a3e2;
934
+ background: rgb(83.64, 163.2, 226.44);
926
935
  color: #fff;
927
936
  border-color: transparent;
928
937
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -934,7 +943,7 @@
934
943
  .e-css.e-btn-group .e-btn:active.e-warning,
935
944
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
936
945
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
937
- background: #d58d52;
946
+ background: rgb(212.84, 140.76, 81.6);
938
947
  border-color: transparent;
939
948
  color: #fff;
940
949
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -946,7 +955,7 @@
946
955
  .e-css.e-btn-group .e-btn:active.e-danger,
947
956
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
948
957
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
949
- background: #e37e5f;
958
+ background: rgb(227.12, 125.8, 94.52);
950
959
  border-color: transparent;
951
960
  color: #fff;
952
961
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -970,7 +979,7 @@
970
979
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
971
980
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
972
981
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
973
- background: #ec618f;
982
+ background: rgb(235.96, 96.56, 143.48);
974
983
  border-color: transparent;
975
984
  -webkit-box-shadow: none;
976
985
  box-shadow: none;
@@ -982,7 +991,7 @@
982
991
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
983
992
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
984
993
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
985
- background: #86ab65;
994
+ background: rgb(133.96, 171.36, 101.32);
986
995
  border-color: transparent;
987
996
  -webkit-box-shadow: none;
988
997
  box-shadow: none;
@@ -994,7 +1003,7 @@
994
1003
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
995
1004
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
996
1005
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
997
- background: #54a3e2;
1006
+ background: rgb(83.64, 163.2, 226.44);
998
1007
  border-color: transparent;
999
1008
  -webkit-box-shadow: none;
1000
1009
  box-shadow: none;
@@ -1006,7 +1015,7 @@
1006
1015
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1007
1016
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1008
1017
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1009
- background: #d58d52;
1018
+ background: rgb(212.84, 140.76, 81.6);
1010
1019
  border-color: transparent;
1011
1020
  -webkit-box-shadow: none;
1012
1021
  box-shadow: none;
@@ -1018,7 +1027,7 @@
1018
1027
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1019
1028
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1020
1029
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1021
- background: #e37e5f;
1030
+ background: rgb(227.12, 125.8, 94.52);
1022
1031
  border-color: transparent;
1023
1032
  -webkit-box-shadow: none;
1024
1033
  box-shadow: none;
package/styles/material.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 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -533,7 +551,7 @@
533
551
  }
534
552
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
535
553
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
536
- font-size: 16px;
554
+ font-size: 18px;
537
555
  margin-left: 0;
538
556
  padding-right: 10px;
539
557
  width: auto;
@@ -861,7 +879,7 @@
861
879
  .e-css.e-btn-group .e-btn:focus.e-primary,
862
880
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
863
881
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
864
- background: #ea4e82;
882
+ background: rgb(233.72, 77.92, 130.36);
865
883
  border-color: transparent;
866
884
  color: #fff;
867
885
  outline: #fafafa 0 solid;
@@ -877,7 +895,7 @@
877
895
  .e-css.e-btn-group .e-btn:focus.e-success,
878
896
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
879
897
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
880
- background: #78a253;
898
+ background: rgb(119.72, 161.52, 83.24);
881
899
  border-color: transparent;
882
900
  color: #fff;
883
901
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -892,7 +910,7 @@
892
910
  .e-css.e-btn-group .e-btn:focus.e-info,
893
911
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
894
912
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
895
- background: #3f98df;
913
+ background: rgb(63.48, 152.4, 223.08);
896
914
  border-color: transparent;
897
915
  color: #fff;
898
916
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -907,7 +925,7 @@
907
925
  .e-css.e-btn-group .e-btn:focus.e-warning,
908
926
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
909
927
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
910
- background: #d07f3d;
928
+ background: rgb(207.88, 127.32, 61.2);
911
929
  border-color: transparent;
912
930
  color: #fff;
913
931
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -922,7 +940,7 @@
922
940
  .e-css.e-btn-group .e-btn:focus.e-danger,
923
941
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
924
942
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
925
- background: #e06f4c;
943
+ background: rgb(223.84, 110.6, 75.64);
926
944
  border-color: transparent;
927
945
  color: #fff;
928
946
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -1006,7 +1024,7 @@
1006
1024
  .e-css.e-btn-group .e-btn:active,
1007
1025
  .e-css.e-btn-group input:active + label.e-btn,
1008
1026
  .e-css.e-btn-group input:checked + label.e-btn {
1009
- background: rgba(184, 184, 184, 0.9584);
1027
+ background: rgba(183.5116545663, 183.5116545663, 183.5116545663, 0.9584);
1010
1028
  border-color: transparent;
1011
1029
  color: rgba(0, 0, 0, 0.87);
1012
1030
  outline: #fafafa 0 solid;
@@ -1018,7 +1036,7 @@
1018
1036
  .e-css.e-btn-group .e-btn:active.e-primary,
1019
1037
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1020
1038
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1021
- background: #ec618f;
1039
+ background: rgb(235.96, 96.56, 143.48);
1022
1040
  border-color: transparent;
1023
1041
  color: #fff;
1024
1042
  outline: #fafafa 0 solid;
@@ -1031,7 +1049,7 @@
1031
1049
  .e-css.e-btn-group .e-btn:active.e-success,
1032
1050
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1033
1051
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1034
- background: #86ab65;
1052
+ background: rgb(133.96, 171.36, 101.32);
1035
1053
  border-color: transparent;
1036
1054
  color: #fff;
1037
1055
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -1043,7 +1061,7 @@
1043
1061
  .e-css.e-btn-group .e-btn:active.e-info,
1044
1062
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1045
1063
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1046
- background: #54a3e2;
1064
+ background: rgb(83.64, 163.2, 226.44);
1047
1065
  color: #fff;
1048
1066
  border-color: transparent;
1049
1067
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -1055,7 +1073,7 @@
1055
1073
  .e-css.e-btn-group .e-btn:active.e-warning,
1056
1074
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1057
1075
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1058
- background: #d58d52;
1076
+ background: rgb(212.84, 140.76, 81.6);
1059
1077
  border-color: transparent;
1060
1078
  color: #fff;
1061
1079
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -1067,7 +1085,7 @@
1067
1085
  .e-css.e-btn-group .e-btn:active.e-danger,
1068
1086
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1069
1087
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1070
- background: #e37e5f;
1088
+ background: rgb(227.12, 125.8, 94.52);
1071
1089
  border-color: transparent;
1072
1090
  color: #fff;
1073
1091
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -1091,7 +1109,7 @@
1091
1109
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1092
1110
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1093
1111
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1094
- background: #ec618f;
1112
+ background: rgb(235.96, 96.56, 143.48);
1095
1113
  border-color: transparent;
1096
1114
  -webkit-box-shadow: none;
1097
1115
  box-shadow: none;
@@ -1103,7 +1121,7 @@
1103
1121
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1104
1122
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1105
1123
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1106
- background: #86ab65;
1124
+ background: rgb(133.96, 171.36, 101.32);
1107
1125
  border-color: transparent;
1108
1126
  -webkit-box-shadow: none;
1109
1127
  box-shadow: none;
@@ -1115,7 +1133,7 @@
1115
1133
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1116
1134
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1117
1135
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1118
- background: #54a3e2;
1136
+ background: rgb(83.64, 163.2, 226.44);
1119
1137
  border-color: transparent;
1120
1138
  -webkit-box-shadow: none;
1121
1139
  box-shadow: none;
@@ -1127,7 +1145,7 @@
1127
1145
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1128
1146
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1129
1147
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1130
- background: #d58d52;
1148
+ background: rgb(212.84, 140.76, 81.6);
1131
1149
  border-color: transparent;
1132
1150
  -webkit-box-shadow: none;
1133
1151
  box-shadow: none;
@@ -1139,7 +1157,7 @@
1139
1157
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1140
1158
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1141
1159
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1142
- background: #e37e5f;
1160
+ background: rgb(227.12, 125.8, 94.52);
1143
1161
  border-color: transparent;
1144
1162
  -webkit-box-shadow: none;
1145
1163
  box-shadow: none;
package/styles/material3-dark-lite.css CHANGED
@@ -38,7 +38,7 @@
38
38
  }
39
39
  .e-dropdown-btn .e-caret,
40
40
  .e-dropdown-btn.e-btn .e-caret {
41
- font-size: 14px;
41
+ font-size: 16px;
42
42
  }
43
43
  .e-dropdown-btn.e-vertical,
44
44
  .e-dropdown-btn.e-btn.e-vertical {
@@ -63,6 +63,15 @@
63
63
  line-height: 1;
64
64
  padding: 6px 12px;
65
65
  }
66
+ .e-dropdown-btn.e-small .e-btn-icon,
67
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
68
+ font-size: 12px;
69
+ }
70
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
71
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
72
+ font-size: 12px;
73
+ }
74
+
66
75
  .e-dropdown-popup {
67
76
  position: absolute;
68
77
  }
package/styles/material3-dark.css CHANGED
@@ -38,7 +38,7 @@
38
38
  }
39
39
  .e-dropdown-btn .e-caret,
40
40
  .e-dropdown-btn.e-btn .e-caret {
41
- font-size: 14px;
41
+ font-size: 16px;
42
42
  }
43
43
  .e-dropdown-btn.e-vertical,
44
44
  .e-dropdown-btn.e-btn.e-vertical {
@@ -63,6 +63,15 @@
63
63
  line-height: 1;
64
64
  padding: 6px 12px;
65
65
  }
66
+ .e-dropdown-btn.e-small .e-btn-icon,
67
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
68
+ font-size: 12px;
69
+ }
70
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
71
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
72
+ font-size: 12px;
73
+ }
74
+
66
75
  .e-dropdown-popup {
67
76
  position: absolute;
68
77
  }
@@ -225,7 +234,7 @@
225
234
  }
226
235
  .e-bigger .e-dropdown-btn .e-caret,
227
236
  .e-bigger.e-dropdown-btn .e-caret {
228
- font-size: 16px;
237
+ font-size: 20px;
229
238
  }
230
239
  .e-bigger .e-dropdown-btn.e-vertical,
231
240
  .e-bigger.e-dropdown-btn.e-vertical {
@@ -237,6 +246,15 @@
237
246
  line-height: 1;
238
247
  padding: 8px 16px;
239
248
  }
249
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon,
250
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
251
+ font-size: 18px;
252
+ }
253
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
254
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
255
+ font-size: 18px;
256
+ }
257
+
240
258
  *.e-bigger .e-dropdown-popup ul,
241
259
  *.e-bigger.e-dropdown-popup ul {
242
260
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
package/styles/material3-lite.css CHANGED
@@ -40,7 +40,7 @@
40
40
  }
41
41
  .e-dropdown-btn .e-caret,
42
42
  .e-dropdown-btn.e-btn .e-caret {
43
- font-size: 14px;
43
+ font-size: 16px;
44
44
  }
45
45
  .e-dropdown-btn.e-vertical,
46
46
  .e-dropdown-btn.e-btn.e-vertical {
@@ -65,6 +65,15 @@
65
65
  line-height: 1;
66
66
  padding: 6px 12px;
67
67
  }
68
+ .e-dropdown-btn.e-small .e-btn-icon,
69
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
70
+ font-size: 12px;
71
+ }
72
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
73
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
74
+ font-size: 12px;
75
+ }
76
+
68
77
  .e-dropdown-popup {
69
78
  position: absolute;
70
79
  }
package/styles/material3.css CHANGED
@@ -40,7 +40,7 @@
40
40
  }
41
41
  .e-dropdown-btn .e-caret,
42
42
  .e-dropdown-btn.e-btn .e-caret {
43
- font-size: 14px;
43
+ font-size: 16px;
44
44
  }
45
45
  .e-dropdown-btn.e-vertical,
46
46
  .e-dropdown-btn.e-btn.e-vertical {
@@ -65,6 +65,15 @@
65
65
  line-height: 1;
66
66
  padding: 6px 12px;
67
67
  }
68
+ .e-dropdown-btn.e-small .e-btn-icon,
69
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
70
+ font-size: 12px;
71
+ }
72
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
73
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
74
+ font-size: 12px;
75
+ }
76
+
68
77
  .e-dropdown-popup {
69
78
  position: absolute;
70
79
  }
@@ -227,7 +236,7 @@
227
236
  }
228
237
  .e-bigger .e-dropdown-btn .e-caret,
229
238
  .e-bigger.e-dropdown-btn .e-caret {
230
- font-size: 16px;
239
+ font-size: 20px;
231
240
  }
232
241
  .e-bigger .e-dropdown-btn.e-vertical,
233
242
  .e-bigger.e-dropdown-btn.e-vertical {
@@ -239,6 +248,15 @@
239
248
  line-height: 1;
240
249
  padding: 8px 16px;
241
250
  }
251
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon,
252
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
253
+ font-size: 18px;
254
+ }
255
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
256
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
257
+ font-size: 18px;
258
+ }
259
+
242
260
  *.e-bigger .e-dropdown-popup ul,
243
261
  *.e-bigger.e-dropdown-popup ul {
244
262
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);