@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/drop-down-button/bootstrap-dark.css CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
  .e-dropdown-btn .e-btn-icon,
29
29
  .e-dropdown-btn.e-btn .e-btn-icon {
30
- font-size: 14px;
30
+ font-size: 16px;
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
@@ -55,6 +55,15 @@
55
55
  line-height: 1;
56
56
  padding: 6px 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: 14px;
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: 8px;
65
+ }
66
+
58
67
  .e-dropdown-popup {
59
68
  position: absolute;
60
69
  }
@@ -210,7 +219,7 @@
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: 20px;
214
223
  }
215
224
  .e-bigger .e-dropdown-btn .e-caret,
216
225
  .e-bigger.e-dropdown-btn .e-caret {
@@ -226,6 +235,15 @@
226
235
  line-height: 1;
227
236
  padding: 8px 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: 10px;
245
+ }
246
+
229
247
  *.e-bigger .e-dropdown-popup ul,
230
248
  *.e-bigger.e-dropdown-popup ul {
231
249
  -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
package/styles/drop-down-button/bootstrap.css CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
  .e-dropdown-btn .e-btn-icon,
29
29
  .e-dropdown-btn.e-btn .e-btn-icon {
30
- font-size: 14px;
30
+ font-size: 16px;
31
31
  }
32
32
  .e-dropdown-btn .e-caret,
33
33
  .e-dropdown-btn.e-btn .e-caret {
@@ -55,6 +55,15 @@
55
55
  line-height: 1;
56
56
  padding: 6px 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: 14px;
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: 8px;
65
+ }
66
+
58
67
  .e-dropdown-popup {
59
68
  position: absolute;
60
69
  }
@@ -210,7 +219,7 @@
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: 20px;
214
223
  }
215
224
  .e-bigger .e-dropdown-btn .e-caret,
216
225
  .e-bigger.e-dropdown-btn .e-caret {
@@ -226,6 +235,15 @@
226
235
  line-height: 1;
227
236
  padding: 8px 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: 10px;
245
+ }
246
+
229
247
  *.e-bigger .e-dropdown-popup ul,
230
248
  *.e-bigger.e-dropdown-popup ul {
231
249
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
package/styles/drop-down-button/bootstrap4.css CHANGED
@@ -15,12 +15,12 @@
15
15
  }
16
16
  .e-dropdown-btn:active,
17
17
  .e-dropdown-btn.e-btn:active {
18
- -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
19
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
18
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(99.058583691, 105.0384656652, 110.353916309, 0.5);
19
+ box-shadow: 0 0 0 0.2rem rgba(99.058583691, 105.0384656652, 110.353916309, 0.5);
20
20
  }
21
21
  .e-dropdown-btn .e-btn-icon,
22
22
  .e-dropdown-btn.e-btn .e-btn-icon {
23
- font-size: 14px;
23
+ font-size: 16px;
24
24
  }
25
25
  .e-dropdown-btn .e-caret,
26
26
  .e-dropdown-btn.e-btn .e-caret {
@@ -48,6 +48,15 @@
48
48
  line-height: 1;
49
49
  padding: 6px 12px;
50
50
  }
51
+ .e-dropdown-btn.e-small .e-btn-icon,
52
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
53
+ font-size: 12px;
54
+ }
55
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
56
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
57
+ font-size: 8px;
58
+ }
59
+
51
60
  .e-dropdown-popup {
52
61
  position: absolute;
53
62
  }
@@ -159,12 +168,12 @@
159
168
  color: #212529;
160
169
  }
161
170
  .e-dropdown-popup ul .e-item.e-focused {
162
- background: #f2f4f6;
171
+ background: rgb(242.05, 243.9, 245.75);
163
172
  -webkit-box-shadow: none;
164
173
  box-shadow: none;
165
174
  }
166
175
  .e-dropdown-popup ul .e-item:hover {
167
- background: #f2f4f6;
176
+ background: rgb(242.05, 243.9, 245.75);
168
177
  color: #212529;
169
178
  }
170
179
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
@@ -203,7 +212,7 @@
203
212
 
204
213
  .e-bigger .e-dropdown-btn .e-btn-icon,
205
214
  .e-bigger.e-dropdown-btn .e-btn-icon {
206
- font-size: 16px;
215
+ font-size: 20px;
207
216
  }
208
217
  .e-bigger .e-dropdown-btn .e-caret,
209
218
  .e-bigger.e-dropdown-btn .e-caret {
@@ -219,6 +228,15 @@
219
228
  line-height: 1;
220
229
  padding: 8px 16px;
221
230
  }
231
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon,
232
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
233
+ font-size: 18px;
234
+ }
235
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
236
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
237
+ font-size: 10px;
238
+ }
239
+
222
240
  *.e-bigger .e-dropdown-popup ul,
223
241
  *.e-bigger.e-dropdown-popup ul {
224
242
  -webkit-box-shadow: none;
package/styles/drop-down-button/bootstrap5-dark.css CHANGED
@@ -11,13 +11,13 @@
11
11
  }
12
12
  .e-dropdown-btn:focus,
13
13
  .e-dropdown-btn.e-btn:focus {
14
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
15
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
14
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
15
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
16
16
  }
17
17
  .e-dropdown-btn:active,
18
18
  .e-dropdown-btn.e-btn:active {
19
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
19
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
20
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
21
21
  }
22
22
  .e-dropdown-btn .e-btn-icon,
23
23
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -25,7 +25,7 @@
25
25
  }
26
26
  .e-dropdown-btn .e-caret,
27
27
  .e-dropdown-btn.e-btn .e-caret {
28
- font-size: 10px;
28
+ font-size: 12px;
29
29
  }
30
30
  .e-dropdown-btn.e-vertical,
31
31
  .e-dropdown-btn.e-btn.e-vertical {
@@ -49,13 +49,22 @@
49
49
  line-height: 1;
50
50
  padding: 6px 12px;
51
51
  }
52
+ .e-dropdown-btn.e-small .e-btn-icon,
53
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
54
+ font-size: 12px;
55
+ }
56
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
57
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
58
+ font-size: 8px;
59
+ }
60
+
52
61
  .e-dropdown-popup {
53
62
  position: absolute;
54
63
  border-radius: 4px;
55
64
  margin-top: 2px;
56
65
  }
57
66
  .e-dropdown-popup ul {
58
- border: 1px solid #444c54;
67
+ border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
59
68
  border-radius: 4px;
60
69
  -webkit-box-shadow: none;
61
70
  box-shadow: none;
@@ -162,12 +171,12 @@
162
171
  color: #adb5bd;
163
172
  }
164
173
  .e-dropdown-popup ul .e-item.e-focused {
165
- background: #31373d;
174
+ background: rgb(48.9202702703, 54.85, 60.7797297297);
166
175
  -webkit-box-shadow: none;
167
176
  box-shadow: none;
168
177
  }
169
178
  .e-dropdown-popup ul .e-item:hover {
170
- background: #444c54;
179
+ background: rgb(68.0034482759, 75.85, 83.6965517241);
171
180
  color: #fff;
172
181
  }
173
182
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
@@ -181,7 +190,7 @@
181
190
  color: #fff;
182
191
  }
183
192
  .e-dropdown-popup ul .e-separator {
184
- border-bottom-color: #444c54;
193
+ border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
185
194
  }
186
195
 
187
196
  .e-dropdown-btn.e-inherit,
@@ -210,7 +219,7 @@
210
219
  }
211
220
  .e-bigger .e-dropdown-btn .e-caret,
212
221
  .e-bigger.e-dropdown-btn .e-caret {
213
- font-size: 12px;
222
+ font-size: 14px;
214
223
  }
215
224
  .e-bigger .e-dropdown-btn.e-vertical,
216
225
  .e-bigger.e-dropdown-btn.e-vertical {
@@ -222,6 +231,15 @@
222
231
  line-height: 1;
223
232
  padding: 8px 16px;
224
233
  }
234
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon,
235
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
236
+ font-size: 14px;
237
+ }
238
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
239
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
240
+ font-size: 12px;
241
+ }
242
+
225
243
  *.e-bigger .e-dropdown-popup {
226
244
  background-color: transparent;
227
245
  border-radius: 4px;
package/styles/drop-down-button/bootstrap5.3.css CHANGED
@@ -29,7 +29,7 @@
29
29
  }
30
30
  .e-dropdown-btn .e-caret,
31
31
  .e-dropdown-btn.e-btn .e-caret {
32
- font-size: 10px;
32
+ font-size: 12px;
33
33
  }
34
34
  .e-dropdown-btn.e-vertical,
35
35
  .e-dropdown-btn.e-btn.e-vertical {
@@ -53,6 +53,15 @@
53
53
  line-height: 1;
54
54
  padding: 6px 12px;
55
55
  }
56
+ .e-dropdown-btn.e-small .e-btn-icon,
57
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
58
+ font-size: 12px;
59
+ }
60
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
61
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
62
+ font-size: 8px;
63
+ }
64
+
56
65
  .e-dropdown-popup {
57
66
  position: absolute;
58
67
  border-radius: 4px;
@@ -214,7 +223,7 @@
214
223
  }
215
224
  .e-bigger .e-dropdown-btn .e-caret,
216
225
  .e-bigger.e-dropdown-btn .e-caret {
217
- font-size: 12px;
226
+ font-size: 14px;
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: 8px 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: 14px;
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: 12px;
245
+ }
246
+
229
247
  *.e-bigger .e-dropdown-popup {
230
248
  background-color: transparent;
231
249
  border-radius: 4px;
package/styles/drop-down-button/bootstrap5.css CHANGED
@@ -11,13 +11,13 @@
11
11
  }
12
12
  .e-dropdown-btn:focus,
13
13
  .e-dropdown-btn.e-btn:focus {
14
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
15
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
14
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
15
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
16
16
  }
17
17
  .e-dropdown-btn:active,
18
18
  .e-dropdown-btn.e-btn:active {
19
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
19
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
20
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
21
21
  }
22
22
  .e-dropdown-btn .e-btn-icon,
23
23
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -25,7 +25,7 @@
25
25
  }
26
26
  .e-dropdown-btn .e-caret,
27
27
  .e-dropdown-btn.e-btn .e-caret {
28
- font-size: 10px;
28
+ font-size: 12px;
29
29
  }
30
30
  .e-dropdown-btn.e-vertical,
31
31
  .e-dropdown-btn.e-btn.e-vertical {
@@ -49,6 +49,15 @@
49
49
  line-height: 1;
50
50
  padding: 6px 12px;
51
51
  }
52
+ .e-dropdown-btn.e-small .e-btn-icon,
53
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon {
54
+ font-size: 12px;
55
+ }
56
+ .e-dropdown-btn.e-small .e-btn-icon.e-caret,
57
+ .e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
58
+ font-size: 8px;
59
+ }
60
+
52
61
  .e-dropdown-popup {
53
62
  position: absolute;
54
63
  border-radius: 4px;
@@ -210,7 +219,7 @@
210
219
  }
211
220
  .e-bigger .e-dropdown-btn .e-caret,
212
221
  .e-bigger.e-dropdown-btn .e-caret {
213
- font-size: 12px;
222
+ font-size: 14px;
214
223
  }
215
224
  .e-bigger .e-dropdown-btn.e-vertical,
216
225
  .e-bigger.e-dropdown-btn.e-vertical {
@@ -222,6 +231,15 @@
222
231
  line-height: 1;
223
232
  padding: 8px 16px;
224
233
  }
234
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon,
235
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
236
+ font-size: 14px;
237
+ }
238
+ .e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
239
+ .e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
240
+ font-size: 12px;
241
+ }
242
+
225
243
  *.e-bigger .e-dropdown-popup {
226
244
  background-color: transparent;
227
245
  border-radius: 4px;
package/styles/drop-down-button/fabric-dark.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: "\e36a";
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: 10px;
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 {
@@ -226,6 +235,15 @@
226
235
  line-height: 1;
227
236
  padding: 10px 24px;
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: 16px;
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 2px 5px 0 rgba(0, 0, 0, 0.26);
package/styles/drop-down-button/fabric.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: "\e36a";
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: 10px;
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 {
@@ -226,6 +235,15 @@
226
235
  line-height: 1;
227
236
  padding: 10px 24px;
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: 16px;
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 0 10px 0 rgba(0, 0, 0, 0.2);
package/styles/drop-down-button/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);
package/styles/drop-down-button/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);
package/styles/drop-down-button/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);
package/styles/drop-down-button/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 {