@syncfusion/ej2-angular-dropdowns 26.1.42 → 26.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 (165) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/auto-complete/bootstrap-dark.css +1 -109
  5. package/styles/auto-complete/bootstrap.css +1 -109
  6. package/styles/auto-complete/bootstrap4.css +1 -163
  7. package/styles/auto-complete/bootstrap5-dark.css +1 -151
  8. package/styles/auto-complete/bootstrap5.css +1 -151
  9. package/styles/auto-complete/fabric-dark.css +1 -84
  10. package/styles/auto-complete/fabric.css +1 -77
  11. package/styles/auto-complete/fluent-dark.css +1 -131
  12. package/styles/auto-complete/fluent.css +1 -131
  13. package/styles/auto-complete/fluent2.css +1 -1140
  14. package/styles/auto-complete/highcontrast-light.css +1 -81
  15. package/styles/auto-complete/highcontrast.css +1 -81
  16. package/styles/auto-complete/material-dark.css +1 -118
  17. package/styles/auto-complete/material.css +1 -143
  18. package/styles/auto-complete/material3-dark.css +1 -263
  19. package/styles/auto-complete/material3.css +1 -375
  20. package/styles/auto-complete/tailwind-dark.css +1 -106
  21. package/styles/auto-complete/tailwind.css +1 -106
  22. package/styles/bootstrap-dark.css +1 -3440
  23. package/styles/bootstrap.css +1 -3445
  24. package/styles/bootstrap4.css +1 -3693
  25. package/styles/bootstrap5-dark.css +1 -3615
  26. package/styles/bootstrap5.css +1 -3615
  27. package/styles/combo-box/bootstrap-dark.css +1 -109
  28. package/styles/combo-box/bootstrap.css +1 -109
  29. package/styles/combo-box/bootstrap4.css +1 -163
  30. package/styles/combo-box/bootstrap5-dark.css +1 -151
  31. package/styles/combo-box/bootstrap5.css +1 -151
  32. package/styles/combo-box/fabric-dark.css +1 -84
  33. package/styles/combo-box/fabric.css +1 -77
  34. package/styles/combo-box/fluent-dark.css +1 -131
  35. package/styles/combo-box/fluent.css +1 -131
  36. package/styles/combo-box/fluent2.css +1 -1140
  37. package/styles/combo-box/highcontrast-light.css +1 -81
  38. package/styles/combo-box/highcontrast.css +1 -81
  39. package/styles/combo-box/material-dark.css +1 -118
  40. package/styles/combo-box/material.css +1 -143
  41. package/styles/combo-box/material3-dark.css +1 -263
  42. package/styles/combo-box/material3.css +1 -375
  43. package/styles/combo-box/tailwind-dark.css +1 -106
  44. package/styles/combo-box/tailwind.css +1 -106
  45. package/styles/drop-down-base/bootstrap-dark.css +1 -373
  46. package/styles/drop-down-base/bootstrap.css +1 -373
  47. package/styles/drop-down-base/bootstrap4.css +1 -383
  48. package/styles/drop-down-base/bootstrap5-dark.css +1 -405
  49. package/styles/drop-down-base/bootstrap5.css +1 -405
  50. package/styles/drop-down-base/fabric-dark.css +1 -373
  51. package/styles/drop-down-base/fabric.css +1 -373
  52. package/styles/drop-down-base/fluent-dark.css +1 -421
  53. package/styles/drop-down-base/fluent.css +1 -421
  54. package/styles/drop-down-base/fluent2.css +1 -1447
  55. package/styles/drop-down-base/highcontrast-light.css +1 -387
  56. package/styles/drop-down-base/highcontrast.css +1 -387
  57. package/styles/drop-down-base/material-dark.css +1 -372
  58. package/styles/drop-down-base/material.css +1 -372
  59. package/styles/drop-down-base/material3-dark.css +1 -492
  60. package/styles/drop-down-base/material3.css +1 -604
  61. package/styles/drop-down-base/tailwind-dark.css +1 -481
  62. package/styles/drop-down-base/tailwind.css +1 -481
  63. package/styles/drop-down-list/bootstrap-dark.css +1 -433
  64. package/styles/drop-down-list/bootstrap.css +1 -433
  65. package/styles/drop-down-list/bootstrap4.css +1 -477
  66. package/styles/drop-down-list/bootstrap5-dark.css +1 -490
  67. package/styles/drop-down-list/bootstrap5.css +1 -490
  68. package/styles/drop-down-list/fabric-dark.css +1 -408
  69. package/styles/drop-down-list/fabric.css +1 -401
  70. package/styles/drop-down-list/fluent-dark.css +1 -471
  71. package/styles/drop-down-list/fluent.css +1 -471
  72. package/styles/drop-down-list/fluent2.css +1 -1684
  73. package/styles/drop-down-list/highcontrast-light.css +1 -419
  74. package/styles/drop-down-list/highcontrast.css +1 -419
  75. package/styles/drop-down-list/material-dark.css +1 -455
  76. package/styles/drop-down-list/material.css +1 -499
  77. package/styles/drop-down-list/material3-dark.css +1 -626
  78. package/styles/drop-down-list/material3.css +1 -738
  79. package/styles/drop-down-list/tailwind-dark.css +1 -428
  80. package/styles/drop-down-list/tailwind.css +1 -428
  81. package/styles/drop-down-tree/bootstrap-dark.css +1 -465
  82. package/styles/drop-down-tree/bootstrap.css +1 -466
  83. package/styles/drop-down-tree/bootstrap4.css +1 -499
  84. package/styles/drop-down-tree/bootstrap5-dark.css +1 -545
  85. package/styles/drop-down-tree/bootstrap5.css +1 -545
  86. package/styles/drop-down-tree/fabric-dark.css +1 -467
  87. package/styles/drop-down-tree/fabric.css +1 -468
  88. package/styles/drop-down-tree/fluent-dark.css +1 -550
  89. package/styles/drop-down-tree/fluent.css +1 -550
  90. package/styles/drop-down-tree/fluent2.css +1 -1733
  91. package/styles/drop-down-tree/highcontrast-light.css +1 -482
  92. package/styles/drop-down-tree/highcontrast.css +1 -492
  93. package/styles/drop-down-tree/material-dark.css +1 -791
  94. package/styles/drop-down-tree/material.css +1 -815
  95. package/styles/drop-down-tree/material3-dark.css +1 -581
  96. package/styles/drop-down-tree/material3.css +1 -693
  97. package/styles/drop-down-tree/tailwind-dark.css +1 -580
  98. package/styles/drop-down-tree/tailwind.css +1 -580
  99. package/styles/fabric-dark.css +1 -3414
  100. package/styles/fabric.css +1 -3414
  101. package/styles/fluent-dark.css +1 -3690
  102. package/styles/fluent.css +1 -3690
  103. package/styles/fluent2.css +1 -12403
  104. package/styles/highcontrast-light.css +1 -3526
  105. package/styles/highcontrast.css +1 -3554
  106. package/styles/list-box/bootstrap-dark.css +1 -915
  107. package/styles/list-box/bootstrap.css +1 -926
  108. package/styles/list-box/bootstrap4.css +1 -980
  109. package/styles/list-box/bootstrap5-dark.css +1 -952
  110. package/styles/list-box/bootstrap5.css +1 -952
  111. package/styles/list-box/fabric-dark.css +1 -915
  112. package/styles/list-box/fabric.css +1 -926
  113. package/styles/list-box/fluent-dark.css +1 -952
  114. package/styles/list-box/fluent.css +1 -952
  115. package/styles/list-box/fluent2.css +1 -2029
  116. package/styles/list-box/highcontrast-light.css +1 -929
  117. package/styles/list-box/highcontrast.css +1 -940
  118. package/styles/list-box/material-dark.css +1 -914
  119. package/styles/list-box/material.css +1 -925
  120. package/styles/list-box/material3-dark.css +1 -1025
  121. package/styles/list-box/material3.css +1 -1137
  122. package/styles/list-box/tailwind-dark.css +1 -961
  123. package/styles/list-box/tailwind.css +1 -961
  124. package/styles/material-dark.css +1 -4928
  125. package/styles/material.css +1 -5007
  126. package/styles/material3-dark.css +1 -5645
  127. package/styles/material3.css +1 -6541
  128. package/styles/mention/bootstrap-dark.css +1 -53
  129. package/styles/mention/bootstrap.css +1 -53
  130. package/styles/mention/bootstrap4.css +1 -63
  131. package/styles/mention/bootstrap5-dark.css +1 -82
  132. package/styles/mention/bootstrap5.css +1 -82
  133. package/styles/mention/fabric-dark.css +1 -53
  134. package/styles/mention/fabric.css +1 -53
  135. package/styles/mention/fluent-dark.css +1 -82
  136. package/styles/mention/fluent.css +1 -82
  137. package/styles/mention/fluent2.css +1 -1130
  138. package/styles/mention/highcontrast-light.css +1 -67
  139. package/styles/mention/highcontrast.css +1 -67
  140. package/styles/mention/material-dark.css +1 -52
  141. package/styles/mention/material.css +1 -52
  142. package/styles/mention/material3-dark.css +1 -165
  143. package/styles/mention/material3.css +1 -277
  144. package/styles/mention/tailwind-dark.css +1 -91
  145. package/styles/mention/tailwind.css +1 -91
  146. package/styles/multi-select/bootstrap-dark.css +1 -1318
  147. package/styles/multi-select/bootstrap.css +1 -1311
  148. package/styles/multi-select/bootstrap4.css +1 -1442
  149. package/styles/multi-select/bootstrap5-dark.css +1 -1389
  150. package/styles/multi-select/bootstrap5.css +1 -1389
  151. package/styles/multi-select/fabric-dark.css +1 -1315
  152. package/styles/multi-select/fabric.css +1 -1310
  153. package/styles/multi-select/fluent-dark.css +1 -1462
  154. package/styles/multi-select/fluent.css +1 -1462
  155. package/styles/multi-select/fluent2.css +1 -2664
  156. package/styles/multi-select/highcontrast-light.css +1 -1429
  157. package/styles/multi-select/highcontrast.css +1 -1436
  158. package/styles/multi-select/material-dark.css +1 -2470
  159. package/styles/multi-select/material.css +1 -2490
  160. package/styles/multi-select/material3-dark.css +1 -2683
  161. package/styles/multi-select/material3.css +1 -2795
  162. package/styles/multi-select/tailwind-dark.css +1 -1383
  163. package/styles/multi-select/tailwind.css +1 -1383
  164. package/styles/tailwind-dark.css +1 -3631
  165. package/styles/tailwind.css +1 -3631
@@ -1,383 +1 @@
1
- .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 8px 0 0;
3
- }
4
-
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
6
- font-size: 16px;
7
- }
8
-
9
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
10
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
11
- padding: 0 12px 0 0;
12
- }
13
-
14
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
15
- padding: 0 8px 0 0;
16
- }
17
-
18
- .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
19
- .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
20
- .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
21
- stroke-width: 1px;
22
- }
23
-
24
- .e-bigger .e-dropdownbase,
25
- .e-dropdownbase.e-bigger {
26
- min-height: 45px;
27
- }
28
- .e-bigger .e-dropdownbase .e-list-item,
29
- .e-dropdownbase.e-bigger .e-list-item {
30
- line-height: 48px;
31
- text-indent: 20px;
32
- }
33
-
34
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
35
- .e-dropdownbase.e-bigger .e-list-group-item,
36
- .e-dropdownbase.e-bigger .e-fixed-head {
37
- line-height: 48px;
38
- text-indent: 20px;
39
- }
40
-
41
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
42
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
43
- font-size: 20px;
44
- }
45
-
46
- .e-dropdownbase {
47
- display: block;
48
- height: 100%;
49
- min-height: 36px;
50
- position: relative;
51
- width: 100%;
52
- }
53
- .e-dropdownbase .e-list-parent {
54
- margin: 0;
55
- padding: 0;
56
- }
57
-
58
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
59
- cursor: default;
60
- }
61
-
62
- .e-dropdownbase .e-list-item {
63
- cursor: pointer;
64
- overflow: hidden;
65
- position: relative;
66
- text-overflow: ellipsis;
67
- vertical-align: middle;
68
- white-space: nowrap;
69
- width: 100%;
70
- }
71
-
72
- .e-dropdownbase .e-list-item .e-list-icon {
73
- font-size: 16px;
74
- vertical-align: middle;
75
- }
76
-
77
- .e-dropdownbase .e-fixed-head {
78
- position: absolute;
79
- top: 0;
80
- }
81
-
82
- .e-dropdownbase.e-content {
83
- overflow: auto;
84
- position: relative;
85
- }
86
-
87
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
88
- .e-popup.e-mention .e-dropdownbase.e-nodata {
89
- color: #212529;
90
- cursor: default;
91
- font-family: inherit;
92
- font-size: 14px;
93
- padding: 14px 16px;
94
- text-align: center;
95
- }
96
-
97
- .e-mention.e-popup {
98
- background: #fff;
99
- border: 0;
100
- -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
101
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
102
- margin-top: 2px;
103
- position: absolute;
104
- }
105
-
106
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
107
- display: inline;
108
- font-weight: bold;
109
- vertical-align: baseline;
110
- }
111
-
112
- .e-mention .e-mention-chip,
113
- .e-mention .e-mention-chip:hover {
114
- background: #e9ecef;
115
- border-radius: 2px;
116
- border: none;
117
- color: #007bff;
118
- cursor: default;
119
- }
120
-
121
- .e-mention.e-editable-element {
122
- border: 2px solid rgba(0, 0, 0, 0.15);
123
- height: auto;
124
- min-height: 120px;
125
- width: 100%;
126
- }
127
-
128
- .e-form-mirror-div {
129
- white-space: pre-wrap;
130
- }
131
-
132
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
133
- padding-right: 30px;
134
- }
135
-
136
- .e-dropdownbase.e-dd-group .e-list-item {
137
- padding-left: 30px;
138
- text-indent: 0;
139
- }
140
-
141
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
142
- padding-left: 30px;
143
- }
144
-
145
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
146
- padding-left: 30px;
147
- }
148
-
149
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
150
- padding-left: 30px;
151
- }
152
-
153
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
154
- text-indent: 0;
155
- }
156
-
157
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
158
- cursor: pointer;
159
- font-weight: normal;
160
- overflow: hidden;
161
- position: relative;
162
- text-overflow: ellipsis;
163
- vertical-align: middle;
164
- white-space: nowrap;
165
- width: 100%;
166
- }
167
-
168
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
169
- padding-right: 30px;
170
- }
171
-
172
- .e-rtl .e-dropdownbase .e-list-item {
173
- padding-left: 24px;
174
- padding-right: 0;
175
- }
176
- .e-small.e-rtl .e-dropdownbase .e-list-item,
177
- .e-small .e-rtl .e-dropdownbase .e-list-item,
178
- .e-rtl .e-small .e-dropdownbase .e-list-item {
179
- padding-left: 24px;
180
- padding-right: 0;
181
- }
182
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
183
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
184
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
185
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
186
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
187
- padding-left: 24px;
188
- padding-right: 0;
189
- }
190
- .e-dropdownbase {
191
- border-color: rgba(0, 0, 0, 0.15);
192
- }
193
- .e-dropdownbase .e-list-item {
194
- /* stylelint-disable property-no-vendor-prefix */
195
- -webkit-tap-highlight-color: transparent;
196
- border-bottom: 1px;
197
- border-color: #fff;
198
- color: #212529;
199
- font-family: inherit;
200
- font-size: 14px;
201
- line-height: 26px;
202
- min-height: 26px;
203
- padding-right: 24px;
204
- text-indent: 20px;
205
- background-color: #fff;
206
- }
207
-
208
- .e-dropdownbase .e-list-group-item,
209
- .e-fixed-head {
210
- border-color: #fff;
211
- color: #6c757d;
212
- font-family: inherit;
213
- font-size: 12px;
214
- font-weight: normal;
215
- line-height: 26px;
216
- min-height: 26px;
217
- padding-left: 20px;
218
- padding-right: 24px;
219
- background-color: #fff;
220
- }
221
-
222
- .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
223
- background-color: #007bff;
224
- border-color: #fff;
225
- color: #fff;
226
- }
227
-
228
- .e-dropdownbase .e-list-item.e-hover {
229
- background-color: #f2f4f6;
230
- border-color: #fff;
231
- color: #212529;
232
- }
233
-
234
- .e-dropdownbase .e-list-item:last-child {
235
- border-bottom: 0;
236
- }
237
-
238
- .e-dropdownbase .e-list-item.e-item-focus {
239
- background-color: #f2f4f6;
240
- }
241
-
242
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
243
- font-size: 14px;
244
- padding-left: 20px;
245
- }
246
-
247
- .e-multi-column.e-ddl.e-popup.e-popup-open table {
248
- border-collapse: collapse;
249
- table-layout: fixed;
250
- width: 100%;
251
- }
252
-
253
- .e-multi-column.e-ddl.e-popup.e-popup-open th,
254
- .e-multi-column.e-ddl.e-popup.e-popup-open td {
255
- display: table-cell;
256
- overflow: hidden;
257
- padding-right: 16px;
258
- text-indent: 10px;
259
- text-overflow: ellipsis;
260
- }
261
-
262
- .e-multi-column.e-ddl.e-popup.e-popup-open th {
263
- line-height: 36px;
264
- text-align: left;
265
- }
266
-
267
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
268
- background-color: #fff;
269
- border-color: rgba(0, 0, 0, 0.12);
270
- border-style: solid;
271
- border-width: 0 0 1px 0;
272
- color: #6c757d;
273
- font-family: inherit;
274
- font-size: 12px;
275
- font-weight: normal;
276
- text-indent: 10px;
277
- }
278
-
279
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
280
- padding-right: 0;
281
- }
282
-
283
- .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
284
- padding-right: 16px;
285
- }
286
-
287
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
288
- .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
289
- padding-right: 0;
290
- }
291
-
292
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
293
- text-align: center;
294
- }
295
-
296
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
297
- text-align: right;
298
- }
299
-
300
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
301
- text-align: left;
302
- }
303
-
304
- .e-small .e-dropdownbase .e-list-item,
305
- .e-dropdownbase.e-small .e-list-item {
306
- color: #212529;
307
- line-height: 22px;
308
- min-height: 22px;
309
- text-indent: 12px;
310
- }
311
-
312
- .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head,
313
- .e-dropdownbase.e-small .e-list-group-item,
314
- .e-dropdownbase.e-small .e-fixed-head {
315
- font-size: 12px;
316
- line-height: 22px;
317
- min-height: 22px;
318
- padding-left: 20px;
319
- }
320
-
321
- .e-small .e-dropdownbase .e-list-item .e-list-icon,
322
- .e-dropdownbase.e-small .e-list-item .e-list-icon {
323
- font-size: 14px;
324
- }
325
-
326
- .e-bigger.e-small .e-dropdownbase .e-list-item,
327
- .e-dropdownbase.e-small.e-bigger .e-list-item {
328
- color: #212529;
329
- line-height: 34px;
330
- min-height: 34px;
331
- text-indent: 16px;
332
- }
333
-
334
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
335
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
336
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
337
- line-height: 34px;
338
- min-height: 34px;
339
- padding-left: 20px;
340
- }
341
-
342
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
343
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
344
- font-size: 18px;
345
- }
346
-
347
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
348
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
349
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
350
- font-size: 14px;
351
- }
352
-
353
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
354
- background-color: #fff;
355
- border-bottom: 1px;
356
- border-color: #fff;
357
- color: #212529;
358
- font-family: inherit;
359
- text-indent: 20px;
360
- font-size: 14px;
361
- padding-right: 24px;
362
- }
363
-
364
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
365
- background-color: #f2f4f6;
366
- }
367
-
368
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
369
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
370
- background-color: #007bff;
371
- border-color: #fff;
372
- color: #fff;
373
- }
374
-
375
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
376
- background-color: #f2f4f6;
377
- border-color: #fff;
378
- color: #212529;
379
- }
380
-
381
- .e-selectall-parent.e-item-focus {
382
- background-color: #f2f4f6;
383
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/drop-down-base/bootstrap4.css';