@syncfusion/ej2-splitbuttons 28.2.3 → 29.2.4

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 +24 -4
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +24 -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 +23 -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/fluent-dark.css CHANGED
@@ -28,11 +28,11 @@
28
28
  }
29
29
  .e-dropdown-btn .e-btn-icon,
30
30
  .e-dropdown-btn.e-btn .e-btn-icon {
31
- font-size: 14px;
31
+ font-size: 16px;
32
32
  }
33
33
  .e-dropdown-btn .e-caret,
34
34
  .e-dropdown-btn.e-btn .e-caret {
35
- font-size: 16px;
35
+ font-size: 14px;
36
36
  margin-top: 0;
37
37
  }
38
38
  .e-dropdown-btn.e-vertical,
@@ -57,6 +57,15 @@
57
57
  line-height: 1;
58
58
  padding: 6px 12px;
59
59
  }
60
+ .e-dropdown-btn.e-small .e-btn-icon,
61
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
62
+ font-size: 14px;
63
+ }
64
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
65
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
66
+ font-size: 12px;
67
+ }
68
+
60
69
  .e-dropdown-popup {
61
70
  position: absolute;
62
71
  }
@@ -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: 20px;
215
224
  }
216
225
  .e-bigger .e-dropdown-btn .e-caret,
217
226
  .e-bigger.e-dropdown-btn .e-caret {
218
- font-size: 20px;
227
+ font-size: 16px;
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: 8px 16px;
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: 18px;
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: 14px;
246
+ }
247
+
230
248
  *.e-bigger .e-dropdown-popup ul,
231
249
  *.e-bigger.e-dropdown-popup ul {
232
250
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
@@ -291,7 +309,7 @@
291
309
  padding-top: 10px;
292
310
  }
293
311
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
294
- font-size: 14px;
312
+ font-size: 16px;
295
313
  margin-left: 0;
296
314
  padding-right: 4px;
297
315
  width: auto;
@@ -525,7 +543,7 @@
525
543
  }
526
544
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
527
545
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
528
- font-size: 16px;
546
+ font-size: 20px;
529
547
  margin-left: 0;
530
548
  padding-right: 8px;
531
549
  width: auto;
@@ -848,7 +866,7 @@
848
866
  .e-css.e-btn-group .e-btn:focus.e-primary,
849
867
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
850
868
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
851
- background: #006cbf;
869
+ background: rgb(0, 108, 190.8);
852
870
  border-color: #0078d4;
853
871
  color: #1b1a19;
854
872
  outline: 1px solid;
@@ -864,7 +882,7 @@
864
882
  .e-css.e-btn-group .e-btn:focus.e-success,
865
883
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
866
884
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
867
- background: #0a5f0a;
885
+ background: rgb(9.9, 95.4, 9.9);
868
886
  border-color: #0b6a0b;
869
887
  color: #1b1a19;
870
888
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -879,7 +897,7 @@
879
897
  .e-css.e-btn-group .e-btn:focus.e-info,
880
898
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
881
899
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
882
- background: #03767a;
900
+ background: rgb(2.7, 117.9, 121.5);
883
901
  border-color: #038387;
884
902
  color: #1b1a19;
885
903
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -894,7 +912,7 @@
894
912
  .e-css.e-btn-group .e-btn:focus.e-warning,
895
913
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
896
914
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
897
- background: #cf6228;
915
+ background: rgb(207.3, 97.5, 39.9);
898
916
  border-color: #ca5010;
899
917
  color: #1b1a19;
900
918
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -909,7 +927,7 @@
909
927
  .e-css.e-btn-group .e-btn:focus.e-danger,
910
928
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
911
929
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
912
- background: #bc2f32;
930
+ background: rgb(188.1, 46.8, 50.4);
913
931
  border-color: #d13438;
914
932
  color: #1b1a19;
915
933
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -926,7 +944,7 @@
926
944
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
927
945
  border-radius: 0;
928
946
  text-decoration: underline;
929
- color: #0060aa;
947
+ color: rgb(0, 96, 169.6);
930
948
  background-color: transparent;
931
949
  border-color: transparent;
932
950
  -webkit-box-shadow: none;
@@ -1005,8 +1023,8 @@
1005
1023
  .e-css.e-btn-group .e-btn:active.e-primary,
1006
1024
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1007
1025
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1008
- background: #0060aa;
1009
- border-color: #0060aa;
1026
+ background: rgb(0, 96, 169.6);
1027
+ border-color: rgb(0, 96, 169.6);
1010
1028
  color: #1b1a19;
1011
1029
  -webkit-box-shadow: none;
1012
1030
  box-shadow: none;
@@ -1017,8 +1035,8 @@
1017
1035
  .e-css.e-btn-group .e-btn:active.e-success,
1018
1036
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1019
1037
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1020
- background: #095509;
1021
- border-color: #095509;
1038
+ background: rgb(8.8, 84.8, 8.8);
1039
+ border-color: rgb(8.8, 84.8, 8.8);
1022
1040
  color: #1b1a19;
1023
1041
  -webkit-box-shadow: none;
1024
1042
  box-shadow: none;
@@ -1029,9 +1047,9 @@
1029
1047
  .e-css.e-btn-group .e-btn:active.e-info,
1030
1048
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1031
1049
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1032
- background: #359c9f;
1050
+ background: rgb(53.4, 155.8, 159);
1033
1051
  color: #1b1a19;
1034
- border-color: #359c9f;
1052
+ border-color: rgb(53.4, 155.8, 159);
1035
1053
  -webkit-box-shadow: none;
1036
1054
  box-shadow: none;
1037
1055
  }
@@ -1041,8 +1059,8 @@
1041
1059
  .e-css.e-btn-group .e-btn:active.e-warning,
1042
1060
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1043
1061
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1044
- background: #d57340;
1045
- border-color: #d57340;
1062
+ background: rgb(212.6, 115, 63.8);
1063
+ border-color: rgb(212.6, 115, 63.8);
1046
1064
  color: #1b1a19;
1047
1065
  -webkit-box-shadow: none;
1048
1066
  box-shadow: none;
@@ -1053,8 +1071,8 @@
1053
1071
  .e-css.e-btn-group .e-btn:active.e-danger,
1054
1072
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1055
1073
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1056
- background: #a72a2d;
1057
- border-color: #a72a2d;
1074
+ background: rgb(167.2, 41.6, 44.8);
1075
+ border-color: rgb(167.2, 41.6, 44.8);
1058
1076
  color: #1b1a19;
1059
1077
  -webkit-box-shadow: none;
1060
1078
  box-shadow: none;
@@ -1077,7 +1095,7 @@
1077
1095
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1078
1096
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1079
1097
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1080
- background: #0060aa;
1098
+ background: rgb(0, 96, 169.6);
1081
1099
  border-color: #0078d4;
1082
1100
  -webkit-box-shadow: none;
1083
1101
  box-shadow: none;
@@ -1089,8 +1107,8 @@
1089
1107
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1090
1108
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1091
1109
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1092
- background: #095509;
1093
- border-color: #095509;
1110
+ background: rgb(8.8, 84.8, 8.8);
1111
+ border-color: rgb(8.8, 84.8, 8.8);
1094
1112
  -webkit-box-shadow: none;
1095
1113
  box-shadow: none;
1096
1114
  color: #1b1a19;
@@ -1101,8 +1119,8 @@
1101
1119
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1102
1120
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1103
1121
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1104
- background: #359c9f;
1105
- border-color: #359c9f;
1122
+ background: rgb(53.4, 155.8, 159);
1123
+ border-color: rgb(53.4, 155.8, 159);
1106
1124
  -webkit-box-shadow: none;
1107
1125
  box-shadow: none;
1108
1126
  color: #1b1a19;
@@ -1113,8 +1131,8 @@
1113
1131
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1114
1132
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1115
1133
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1116
- background: #d57340;
1117
- border-color: #d57340;
1134
+ background: rgb(212.6, 115, 63.8);
1135
+ border-color: rgb(212.6, 115, 63.8);
1118
1136
  -webkit-box-shadow: none;
1119
1137
  box-shadow: none;
1120
1138
  color: #1b1a19;
@@ -1125,8 +1143,8 @@
1125
1143
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1126
1144
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1127
1145
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1128
- background: #a72a2d;
1129
- border-color: #a72a2d;
1146
+ background: rgb(167.2, 41.6, 44.8);
1147
+ border-color: rgb(167.2, 41.6, 44.8);
1130
1148
  -webkit-box-shadow: none;
1131
1149
  box-shadow: none;
1132
1150
  color: #1b1a19;
package/styles/fluent-lite.css CHANGED
@@ -28,11 +28,11 @@
28
28
  }
29
29
  .e-dropdown-btn .e-btn-icon,
30
30
  .e-dropdown-btn.e-btn .e-btn-icon {
31
- font-size: 14px;
31
+ font-size: 16px;
32
32
  }
33
33
  .e-dropdown-btn .e-caret,
34
34
  .e-dropdown-btn.e-btn .e-caret {
35
- font-size: 16px;
35
+ font-size: 14px;
36
36
  margin-top: 0;
37
37
  }
38
38
  .e-dropdown-btn.e-vertical,
@@ -57,6 +57,15 @@
57
57
  line-height: 1;
58
58
  padding: 6px 12px;
59
59
  }
60
+ .e-dropdown-btn.e-small .e-btn-icon,
61
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
62
+ font-size: 14px;
63
+ }
64
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
65
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
66
+ font-size: 12px;
67
+ }
68
+
60
69
  .e-dropdown-popup {
61
70
  position: absolute;
62
71
  }
@@ -244,7 +253,7 @@
244
253
  padding-top: 10px;
245
254
  }
246
255
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
247
- font-size: 14px;
256
+ font-size: 16px;
248
257
  margin-left: 0;
249
258
  padding-right: 4px;
250
259
  width: auto;
@@ -727,7 +736,7 @@
727
736
  .e-css.e-btn-group .e-btn:focus.e-primary,
728
737
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
729
738
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
730
- background: #006cbf;
739
+ background: rgb(0, 108, 190.8);
731
740
  border-color: #0078d4;
732
741
  color: #fff;
733
742
  outline: 1px solid;
@@ -743,7 +752,7 @@
743
752
  .e-css.e-btn-group .e-btn:focus.e-success,
744
753
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
745
754
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
746
- background: #0a5f0a;
755
+ background: rgb(9.9, 95.4, 9.9);
747
756
  border-color: #0b6a0b;
748
757
  color: #fff;
749
758
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -758,7 +767,7 @@
758
767
  .e-css.e-btn-group .e-btn:focus.e-info,
759
768
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
760
769
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
761
- background: #03767a;
770
+ background: rgb(2.7, 117.9, 121.5);
762
771
  border-color: #038387;
763
772
  color: #fff;
764
773
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -773,7 +782,7 @@
773
782
  .e-css.e-btn-group .e-btn:focus.e-warning,
774
783
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
775
784
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
776
- background: #cf6228;
785
+ background: rgb(207.3, 97.5, 39.9);
777
786
  border-color: #ca5010;
778
787
  color: #fff;
779
788
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -788,7 +797,7 @@
788
797
  .e-css.e-btn-group .e-btn:focus.e-danger,
789
798
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
790
799
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
791
- background: #bc2f32;
800
+ background: rgb(188.1, 46.8, 50.4);
792
801
  border-color: #d13438;
793
802
  color: #fff;
794
803
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -805,7 +814,7 @@
805
814
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
806
815
  border-radius: 0;
807
816
  text-decoration: underline;
808
- color: #0060aa;
817
+ color: rgb(0, 96, 169.6);
809
818
  background-color: transparent;
810
819
  border-color: transparent;
811
820
  -webkit-box-shadow: none;
@@ -884,8 +893,8 @@
884
893
  .e-css.e-btn-group .e-btn:active.e-primary,
885
894
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
886
895
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
887
- background: #0060aa;
888
- border-color: #0060aa;
896
+ background: rgb(0, 96, 169.6);
897
+ border-color: rgb(0, 96, 169.6);
889
898
  color: #fff;
890
899
  -webkit-box-shadow: none;
891
900
  box-shadow: none;
@@ -896,8 +905,8 @@
896
905
  .e-css.e-btn-group .e-btn:active.e-success,
897
906
  .e-css.e-btn-group input:active + label.e-btn.e-success,
898
907
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
899
- background: #095509;
900
- border-color: #095509;
908
+ background: rgb(8.8, 84.8, 8.8);
909
+ border-color: rgb(8.8, 84.8, 8.8);
901
910
  color: #fff;
902
911
  -webkit-box-shadow: none;
903
912
  box-shadow: none;
@@ -908,9 +917,9 @@
908
917
  .e-css.e-btn-group .e-btn:active.e-info,
909
918
  .e-css.e-btn-group input:active + label.e-btn.e-info,
910
919
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
911
- background: #359c9f;
920
+ background: rgb(53.4, 155.8, 159);
912
921
  color: #fff;
913
- border-color: #359c9f;
922
+ border-color: rgb(53.4, 155.8, 159);
914
923
  -webkit-box-shadow: none;
915
924
  box-shadow: none;
916
925
  }
@@ -920,8 +929,8 @@
920
929
  .e-css.e-btn-group .e-btn:active.e-warning,
921
930
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
922
931
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
923
- background: #d57340;
924
- border-color: #d57340;
932
+ background: rgb(212.6, 115, 63.8);
933
+ border-color: rgb(212.6, 115, 63.8);
925
934
  color: #fff;
926
935
  -webkit-box-shadow: none;
927
936
  box-shadow: none;
@@ -932,8 +941,8 @@
932
941
  .e-css.e-btn-group .e-btn:active.e-danger,
933
942
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
934
943
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
935
- background: #a72a2d;
936
- border-color: #a72a2d;
944
+ background: rgb(167.2, 41.6, 44.8);
945
+ border-color: rgb(167.2, 41.6, 44.8);
937
946
  color: #fff;
938
947
  -webkit-box-shadow: none;
939
948
  box-shadow: none;
@@ -956,7 +965,7 @@
956
965
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
957
966
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
958
967
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
959
- background: #0060aa;
968
+ background: rgb(0, 96, 169.6);
960
969
  border-color: #0078d4;
961
970
  -webkit-box-shadow: none;
962
971
  box-shadow: none;
@@ -968,8 +977,8 @@
968
977
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
969
978
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
970
979
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
971
- background: #095509;
972
- border-color: #095509;
980
+ background: rgb(8.8, 84.8, 8.8);
981
+ border-color: rgb(8.8, 84.8, 8.8);
973
982
  -webkit-box-shadow: none;
974
983
  box-shadow: none;
975
984
  color: #fff;
@@ -980,8 +989,8 @@
980
989
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
981
990
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
982
991
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
983
- background: #359c9f;
984
- border-color: #359c9f;
992
+ background: rgb(53.4, 155.8, 159);
993
+ border-color: rgb(53.4, 155.8, 159);
985
994
  -webkit-box-shadow: none;
986
995
  box-shadow: none;
987
996
  color: #fff;
@@ -992,8 +1001,8 @@
992
1001
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
993
1002
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
994
1003
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
995
- background: #d57340;
996
- border-color: #d57340;
1004
+ background: rgb(212.6, 115, 63.8);
1005
+ border-color: rgb(212.6, 115, 63.8);
997
1006
  -webkit-box-shadow: none;
998
1007
  box-shadow: none;
999
1008
  color: #fff;
@@ -1004,8 +1013,8 @@
1004
1013
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1005
1014
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1006
1015
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1007
- background: #a72a2d;
1008
- border-color: #a72a2d;
1016
+ background: rgb(167.2, 41.6, 44.8);
1017
+ border-color: rgb(167.2, 41.6, 44.8);
1009
1018
  -webkit-box-shadow: none;
1010
1019
  box-shadow: none;
1011
1020
  color: #fff;
package/styles/fluent.css CHANGED
@@ -28,11 +28,11 @@
28
28
  }
29
29
  .e-dropdown-btn .e-btn-icon,
30
30
  .e-dropdown-btn.e-btn .e-btn-icon {
31
- font-size: 14px;
31
+ font-size: 16px;
32
32
  }
33
33
  .e-dropdown-btn .e-caret,
34
34
  .e-dropdown-btn.e-btn .e-caret {
35
- font-size: 16px;
35
+ font-size: 14px;
36
36
  margin-top: 0;
37
37
  }
38
38
  .e-dropdown-btn.e-vertical,
@@ -57,6 +57,15 @@
57
57
  line-height: 1;
58
58
  padding: 6px 12px;
59
59
  }
60
+ .e-dropdown-btn.e-small .e-btn-icon,
61
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
62
+ font-size: 14px;
63
+ }
64
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
65
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
66
+ font-size: 12px;
67
+ }
68
+
60
69
  .e-dropdown-popup {
61
70
  position: absolute;
62
71
  }
@@ -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: 20px;
215
224
  }
216
225
  .e-bigger .e-dropdown-btn .e-caret,
217
226
  .e-bigger.e-dropdown-btn .e-caret {
218
- font-size: 20px;
227
+ font-size: 16px;
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: 8px 16px;
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: 18px;
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: 14px;
246
+ }
247
+
230
248
  *.e-bigger .e-dropdown-popup ul,
231
249
  *.e-bigger.e-dropdown-popup ul {
232
250
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
@@ -291,7 +309,7 @@
291
309
  padding-top: 10px;
292
310
  }
293
311
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
294
- font-size: 14px;
312
+ font-size: 16px;
295
313
  margin-left: 0;
296
314
  padding-right: 4px;
297
315
  width: auto;
@@ -525,7 +543,7 @@
525
543
  }
526
544
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
527
545
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
528
- font-size: 16px;
546
+ font-size: 20px;
529
547
  margin-left: 0;
530
548
  padding-right: 8px;
531
549
  width: auto;
@@ -848,7 +866,7 @@
848
866
  .e-css.e-btn-group .e-btn:focus.e-primary,
849
867
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
850
868
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
851
- background: #006cbf;
869
+ background: rgb(0, 108, 190.8);
852
870
  border-color: #0078d4;
853
871
  color: #fff;
854
872
  outline: 1px solid;
@@ -864,7 +882,7 @@
864
882
  .e-css.e-btn-group .e-btn:focus.e-success,
865
883
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
866
884
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
867
- background: #0a5f0a;
885
+ background: rgb(9.9, 95.4, 9.9);
868
886
  border-color: #0b6a0b;
869
887
  color: #fff;
870
888
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -879,7 +897,7 @@
879
897
  .e-css.e-btn-group .e-btn:focus.e-info,
880
898
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
881
899
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
882
- background: #03767a;
900
+ background: rgb(2.7, 117.9, 121.5);
883
901
  border-color: #038387;
884
902
  color: #fff;
885
903
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -894,7 +912,7 @@
894
912
  .e-css.e-btn-group .e-btn:focus.e-warning,
895
913
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
896
914
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
897
- background: #cf6228;
915
+ background: rgb(207.3, 97.5, 39.9);
898
916
  border-color: #ca5010;
899
917
  color: #fff;
900
918
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -909,7 +927,7 @@
909
927
  .e-css.e-btn-group .e-btn:focus.e-danger,
910
928
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
911
929
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
912
- background: #bc2f32;
930
+ background: rgb(188.1, 46.8, 50.4);
913
931
  border-color: #d13438;
914
932
  color: #fff;
915
933
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
@@ -926,7 +944,7 @@
926
944
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
927
945
  border-radius: 0;
928
946
  text-decoration: underline;
929
- color: #0060aa;
947
+ color: rgb(0, 96, 169.6);
930
948
  background-color: transparent;
931
949
  border-color: transparent;
932
950
  -webkit-box-shadow: none;
@@ -1005,8 +1023,8 @@
1005
1023
  .e-css.e-btn-group .e-btn:active.e-primary,
1006
1024
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1007
1025
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1008
- background: #0060aa;
1009
- border-color: #0060aa;
1026
+ background: rgb(0, 96, 169.6);
1027
+ border-color: rgb(0, 96, 169.6);
1010
1028
  color: #fff;
1011
1029
  -webkit-box-shadow: none;
1012
1030
  box-shadow: none;
@@ -1017,8 +1035,8 @@
1017
1035
  .e-css.e-btn-group .e-btn:active.e-success,
1018
1036
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1019
1037
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1020
- background: #095509;
1021
- border-color: #095509;
1038
+ background: rgb(8.8, 84.8, 8.8);
1039
+ border-color: rgb(8.8, 84.8, 8.8);
1022
1040
  color: #fff;
1023
1041
  -webkit-box-shadow: none;
1024
1042
  box-shadow: none;
@@ -1029,9 +1047,9 @@
1029
1047
  .e-css.e-btn-group .e-btn:active.e-info,
1030
1048
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1031
1049
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1032
- background: #359c9f;
1050
+ background: rgb(53.4, 155.8, 159);
1033
1051
  color: #fff;
1034
- border-color: #359c9f;
1052
+ border-color: rgb(53.4, 155.8, 159);
1035
1053
  -webkit-box-shadow: none;
1036
1054
  box-shadow: none;
1037
1055
  }
@@ -1041,8 +1059,8 @@
1041
1059
  .e-css.e-btn-group .e-btn:active.e-warning,
1042
1060
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1043
1061
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1044
- background: #d57340;
1045
- border-color: #d57340;
1062
+ background: rgb(212.6, 115, 63.8);
1063
+ border-color: rgb(212.6, 115, 63.8);
1046
1064
  color: #fff;
1047
1065
  -webkit-box-shadow: none;
1048
1066
  box-shadow: none;
@@ -1053,8 +1071,8 @@
1053
1071
  .e-css.e-btn-group .e-btn:active.e-danger,
1054
1072
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1055
1073
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1056
- background: #a72a2d;
1057
- border-color: #a72a2d;
1074
+ background: rgb(167.2, 41.6, 44.8);
1075
+ border-color: rgb(167.2, 41.6, 44.8);
1058
1076
  color: #fff;
1059
1077
  -webkit-box-shadow: none;
1060
1078
  box-shadow: none;
@@ -1077,7 +1095,7 @@
1077
1095
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1078
1096
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1079
1097
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1080
- background: #0060aa;
1098
+ background: rgb(0, 96, 169.6);
1081
1099
  border-color: #0078d4;
1082
1100
  -webkit-box-shadow: none;
1083
1101
  box-shadow: none;
@@ -1089,8 +1107,8 @@
1089
1107
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1090
1108
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1091
1109
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1092
- background: #095509;
1093
- border-color: #095509;
1110
+ background: rgb(8.8, 84.8, 8.8);
1111
+ border-color: rgb(8.8, 84.8, 8.8);
1094
1112
  -webkit-box-shadow: none;
1095
1113
  box-shadow: none;
1096
1114
  color: #fff;
@@ -1101,8 +1119,8 @@
1101
1119
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1102
1120
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1103
1121
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1104
- background: #359c9f;
1105
- border-color: #359c9f;
1122
+ background: rgb(53.4, 155.8, 159);
1123
+ border-color: rgb(53.4, 155.8, 159);
1106
1124
  -webkit-box-shadow: none;
1107
1125
  box-shadow: none;
1108
1126
  color: #fff;
@@ -1113,8 +1131,8 @@
1113
1131
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1114
1132
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1115
1133
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1116
- background: #d57340;
1117
- border-color: #d57340;
1134
+ background: rgb(212.6, 115, 63.8);
1135
+ border-color: rgb(212.6, 115, 63.8);
1118
1136
  -webkit-box-shadow: none;
1119
1137
  box-shadow: none;
1120
1138
  color: #fff;
@@ -1125,8 +1143,8 @@
1125
1143
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1126
1144
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1127
1145
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1128
- background: #a72a2d;
1129
- border-color: #a72a2d;
1146
+ background: rgb(167.2, 41.6, 44.8);
1147
+ border-color: rgb(167.2, 41.6, 44.8);
1130
1148
  -webkit-box-shadow: none;
1131
1149
  box-shadow: none;
1132
1150
  color: #fff;
package/styles/fluent2.css CHANGED
@@ -263,6 +263,11 @@
263
263
  line-height: 1;
264
264
  padding: 8px 16px;
265
265
  }
266
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
267
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
268
+ font-size: 14px;
269
+ }
270
+
266
271
  *.e-bigger .e-dropdown-popup ul,
267
272
  *.e-bigger.e-dropdown-popup ul {
268
273
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);