@syncfusion/ej2-react-multicolumn-combobox 26.1.38 → 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 (39) hide show
  1. package/dist/ej2-react-multicolumn-combobox.min.js +2 -2
  2. package/dist/ej2-react-multicolumn-combobox.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +1 -349
  5. package/styles/bootstrap.css +1 -349
  6. package/styles/bootstrap4.css +1 -413
  7. package/styles/bootstrap5-dark.css +1 -417
  8. package/styles/bootstrap5.css +1 -417
  9. package/styles/fabric-dark.css +1 -324
  10. package/styles/fabric.css +1 -317
  11. package/styles/fluent-dark.css +1 -397
  12. package/styles/fluent.css +1 -397
  13. package/styles/fluent2.css +1 -1426
  14. package/styles/highcontrast-light.css +1 -335
  15. package/styles/highcontrast.css +1 -335
  16. package/styles/material-dark.css +1 -357
  17. package/styles/material.css +1 -382
  18. package/styles/material3-dark.css +1 -504
  19. package/styles/material3.css +1 -616
  20. package/styles/multicolumn-combobox/bootstrap-dark.css +1 -349
  21. package/styles/multicolumn-combobox/bootstrap.css +1 -349
  22. package/styles/multicolumn-combobox/bootstrap4.css +1 -413
  23. package/styles/multicolumn-combobox/bootstrap5-dark.css +1 -417
  24. package/styles/multicolumn-combobox/bootstrap5.css +1 -417
  25. package/styles/multicolumn-combobox/fabric-dark.css +1 -324
  26. package/styles/multicolumn-combobox/fabric.css +1 -317
  27. package/styles/multicolumn-combobox/fluent-dark.css +1 -397
  28. package/styles/multicolumn-combobox/fluent.css +1 -397
  29. package/styles/multicolumn-combobox/fluent2.css +1 -1426
  30. package/styles/multicolumn-combobox/highcontrast-light.css +1 -335
  31. package/styles/multicolumn-combobox/highcontrast.css +1 -335
  32. package/styles/multicolumn-combobox/material-dark.css +1 -357
  33. package/styles/multicolumn-combobox/material.css +1 -382
  34. package/styles/multicolumn-combobox/material3-dark.css +1 -504
  35. package/styles/multicolumn-combobox/material3.css +1 -616
  36. package/styles/multicolumn-combobox/tailwind-dark.css +1 -381
  37. package/styles/multicolumn-combobox/tailwind.css +1 -381
  38. package/styles/tailwind-dark.css +1 -381
  39. package/styles/tailwind.css +1 -381
@@ -1,413 +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-popup.e-ddl {
25
- border-radius: 4px;
26
- -webkit-box-shadow: none;
27
- box-shadow: none;
28
- margin-top: 3px;
29
- }
30
- .e-popup.e-ddl .e-input-group {
31
- width: auto;
32
- }
33
- .e-popup.e-ddl .e-input-group input {
34
- line-height: 15px;
35
- }
36
-
37
- .e-popup.e-ddl .e-dropdownbase {
38
- min-height: 26px;
39
- }
40
-
41
- .e-popup.e-ddl .e-filter-parent .e-input-group {
42
- display: -webkit-box;
43
- display: -ms-flexbox;
44
- display: flex;
45
- width: auto;
46
- }
47
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
48
- border: 0;
49
- }
50
-
51
- .e-bigger .e-popup.e-ddl-device-filter {
52
- margin-top: 0;
53
- }
54
-
55
- .e-bigger .e-popup.e-ddl .e-list-item {
56
- font-size: 16px;
57
- line-height: 32px;
58
- padding-left: 0;
59
- text-indent: 24px;
60
- }
61
-
62
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
63
- font-size: 14px;
64
- line-height: 32px;
65
- padding-left: 0;
66
- text-indent: 24px;
67
- }
68
-
69
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
70
- padding-left: 4px;
71
- }
72
-
73
- .e-bigger .e-popup.e-ddl .e-input-group {
74
- padding: 4px 0;
75
- }
76
-
77
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
78
- font-size: 16px;
79
- height: 36px;
80
- }
81
-
82
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
83
- min-height: 40px;
84
- }
85
-
86
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
87
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
88
- background: transparent;
89
- }
90
-
91
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
92
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
93
- background: #e9ecef;
94
- }
95
-
96
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
97
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
98
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
99
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
100
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
101
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
102
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
103
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
104
- background: transparent;
105
- color: #495057;
106
- }
107
-
108
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
109
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
110
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
111
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
112
- border: 0;
113
- }
114
-
115
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
116
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
117
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
118
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
119
- -webkit-box-shadow: none;
120
- box-shadow: none;
121
- }
122
-
123
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
124
- background: transparent;
125
- display: -webkit-box;
126
- display: -ms-flexbox;
127
- display: flex;
128
- position: relative;
129
- }
130
-
131
- .e-ddl.e-popup .e-filter-parent .e-input-group,
132
- .e-ddl.e-popup .e-filter-parent {
133
- background: rgba(0, 0, 0, 0.03);
134
- }
135
-
136
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
137
- font-size: 12px;
138
- }
139
-
140
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
141
- .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
142
- font-size: 14px;
143
- }
144
-
145
- .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
146
- .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
147
- font-size: 10px;
148
- }
149
-
150
- .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
151
- .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
152
- font-size: 12px;
153
- }
154
-
155
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
156
- font-size: 14px;
157
- line-height: 34px;
158
- padding-left: 0;
159
- text-indent: 16px;
160
- }
161
-
162
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
163
- padding-left: 4px;
164
- }
165
-
166
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
167
- padding: 4px 0;
168
- }
169
-
170
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
171
- height: 30px;
172
- }
173
-
174
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
175
- min-height: 34px;
176
- }
177
-
178
- .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
179
- font-size: 8px;
180
- }
181
-
182
- .e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
183
- font-size: 10px;
184
- }
185
-
186
- .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
187
- content: "\e744";
188
- font-family: "e-icons";
189
- }
190
-
191
- .e-multicolumn-grid tr.e-groupcaptionrow {
192
- position: sticky;
193
- top: 0;
194
- }
195
-
196
- .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
197
- .e-multicolumn-grid td.e-recordplusexpand,
198
- .e-multicolumn-grid td.e-indentcell,
199
- .e-multicolumn-grid col.e-group-intent,
200
- .e-multicolumn-list .e-no-records + .e-grid {
201
- display: none;
202
- }
203
-
204
- .e-multicolumn-grid .e-gridheader .e-headercelldiv {
205
- overflow: hidden;
206
- }
207
-
208
- .e-multicolumn-list .e-popup-footer {
209
- vertical-align: middle;
210
- border-style: solid;
211
- border-width: 1px 0 0 0;
212
- font-size: 14px;
213
- height: 26px;
214
- display: -webkit-box;
215
- display: -ms-flexbox;
216
- display: flex;
217
- -webkit-box-align: center;
218
- -ms-flex-align: center;
219
- align-items: center;
220
- }
221
-
222
- .e-multicolumn-grid.e-grid {
223
- border-width: 0;
224
- }
225
-
226
- .e-input-group.e-multicolumn-list input[readonly].e-input {
227
- pointer-events: none;
228
- }
229
-
230
- .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
231
- -webkit-transform: rotate(180deg);
232
- transform: rotate(180deg);
233
- }
234
- .e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
235
- -webkit-transform: rotate(0deg);
236
- transform: rotate(0deg);
237
- }
238
- .e-multicolumn-list .e-multicolumn-list-icon::before {
239
- -webkit-transition: -webkit-transform 300ms ease;
240
- transition: -webkit-transform 300ms ease;
241
- transition: transform 300ms ease;
242
- transition: transform 300ms ease, -webkit-transform 300ms ease;
243
- }
244
-
245
- .e-multicolumn-grid .e-grid {
246
- overflow: auto;
247
- }
248
-
249
- .e-multicolumn-grid .e-row,
250
- .e-multicolumn-grid .e-emptyrow {
251
- height: 26px;
252
- }
253
-
254
- .e-multicolumn-group .e-sortnumber {
255
- display: none;
256
- }
257
-
258
- .e-popup.e-multicolumn-list {
259
- position: absolute;
260
- border-radius: 4px;
261
- margin-top: 2px;
262
- }
263
- .e-popup.e-multicolumn-list .e-nodata {
264
- cursor: default;
265
- font-family: inherit;
266
- font-size: 14px;
267
- padding: 14px 16px;
268
- text-align: center;
269
- border-radius: inherit;
270
- }
271
- .e-popup.e-multicolumn-list .e-headertext {
272
- font-weight: 400;
273
- }
274
- .e-popup.e-multicolumn-list .e-gridheader {
275
- position: sticky;
276
- top: 0;
277
- z-index: 1;
278
- }
279
-
280
- .e-multicolumn-grid .e-headercontent {
281
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
282
- }
283
-
284
- .e-multicolumn-grid.e-rtl .e-headercontent {
285
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
286
- }
287
-
288
- .e-multicolumn-grid .e-content {
289
- overflow: auto !important; /* stylelint-disable-line declaration-no-important */
290
- }
291
-
292
- .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
293
- .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
294
- .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
295
- .e-small .e-popup .e-multicolumn-grid .e-rowcell,
296
- .e-small .e-popup.e-multicolumn-list .e-popup-footer {
297
- font-size: 12px;
298
- }
299
- .e-small.e-popup.e-multicolumn-list .e-popup-footer,
300
- .e-small.e-popup .e-multicolumn-grid .e-row,
301
- .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
302
- .e-small .e-popup.e-multicolumn-list .e-popup-footer,
303
- .e-small .e-popup .e-multicolumn-grid .e-row,
304
- .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
305
- height: 24px;
306
- }
307
- .e-small.e-popup.e-multicolumn-list,
308
- .e-small .e-popup.e-multicolumn-list {
309
- margin-top: 3px;
310
- }
311
-
312
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
313
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
314
- font-size: 16px;
315
- }
316
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
317
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
318
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
319
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
320
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
321
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
322
- height: 32px;
323
- }
324
- .e-bigger.e-popup.e-multicolumn-list,
325
- .e-bigger .e-popup.e-multicolumn-list {
326
- margin-top: 2px;
327
- }
328
-
329
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
330
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
331
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
332
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
333
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
334
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
335
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
336
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
337
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
338
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
339
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
340
- font-size: 14px;
341
- }
342
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
343
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
344
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
345
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
346
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
347
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
348
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
349
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
350
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
351
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
352
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
353
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
354
- height: 28px;
355
- }
356
- .e-bigger.e-small.e-popup.e-multicolumn-list,
357
- .e-bigger.e-small .e-popup.e-multicolumn-list,
358
- .e-bigger .e-small.e-popup.e-multicolumn-list,
359
- .e-small .e-bigger.e-popup.e-multicolumn-list {
360
- margin-top: 3px;
361
- }
362
-
363
- .e-multicolumn-list .e-popup-footer {
364
- background: #fff;
365
- color: #495057;
366
- border-color: #e9ecef;
367
- }
368
-
369
- .e-input-group.e-multicolumn-list:focus-visible {
370
- outline: transparent;
371
- }
372
-
373
- .e-popup.e-multicolumn-list {
374
- background: transparent;
375
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
376
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
377
- }
378
- .e-popup.e-multicolumn-list .e-nodata {
379
- color: #495057;
380
- border: 1px solid #dee2e6;
381
- background: #fff;
382
- }
383
- .e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
384
- color: #212529;
385
- }
386
- .e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
387
- -webkit-box-shadow: none;
388
- box-shadow: none;
389
- }
390
- .e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
391
- .e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
392
- background: #f8f9fa !important; /* stylelint-disable-line declaration-no-important */
393
- }
394
- .e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
395
- background: #007bff;
396
- color: #fff;
397
- }
398
- .e-popup.e-multicolumn-list .e-groupcaption {
399
- color: #495057;
400
- background: #fff;
401
- }
402
- .e-popup.e-multicolumn-list .e-gridheader,
403
- .e-popup.e-multicolumn-list .e-gridheader colgroup {
404
- background: #e9ecef;
405
- }
406
- .e-popup.e-multicolumn-list .e-altrow {
407
- background: #f8f9fa;
408
- }
409
- .e-popup.e-multicolumn-list .e-headertext,
410
- .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
411
- .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
412
- color: #495057;
413
- }
1
+ @import '@syncfusion/ej2-multicolumn-combobox/styles/bootstrap4.css';