@syncfusion/ej2-react-lists 25.2.3 → 26.1.35

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 (64) hide show
  1. package/dist/ej2-react-lists.min.js +2 -2
  2. package/dist/ej2-react-lists.umd.min.js +2 -2
  3. package/dist/ej2-react-lists.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-react-lists.es2015.js +4 -4
  5. package/dist/es6/ej2-react-lists.es2015.js.map +1 -1
  6. package/package.json +13 -12
  7. package/styles/bootstrap-dark.css +445 -1
  8. package/styles/bootstrap.css +446 -1
  9. package/styles/bootstrap4.css +489 -1
  10. package/styles/bootstrap5-dark.css +471 -1
  11. package/styles/bootstrap5.css +471 -1
  12. package/styles/fabric-dark.css +445 -1
  13. package/styles/fabric.css +446 -1
  14. package/styles/fluent-dark.css +502 -1
  15. package/styles/fluent.css +502 -1
  16. package/styles/fluent2.css +2519 -0
  17. package/styles/fluent2.scss +2 -0
  18. package/styles/highcontrast-light.css +445 -1
  19. package/styles/highcontrast.css +446 -1
  20. package/styles/list-view/bootstrap-dark.css +415 -1
  21. package/styles/list-view/bootstrap.css +416 -1
  22. package/styles/list-view/bootstrap4.css +459 -1
  23. package/styles/list-view/bootstrap5-dark.css +441 -1
  24. package/styles/list-view/bootstrap5.css +441 -1
  25. package/styles/list-view/fabric-dark.css +415 -1
  26. package/styles/list-view/fabric.css +416 -1
  27. package/styles/list-view/fluent-dark.css +472 -1
  28. package/styles/list-view/fluent.css +472 -1
  29. package/styles/list-view/fluent2.css +1455 -0
  30. package/styles/list-view/fluent2.scss +1 -0
  31. package/styles/list-view/highcontrast-light.css +415 -1
  32. package/styles/list-view/highcontrast.css +416 -1
  33. package/styles/list-view/material-dark.css +414 -1
  34. package/styles/list-view/material.css +415 -1
  35. package/styles/list-view/material3-dark.css +546 -1
  36. package/styles/list-view/material3.css +658 -1
  37. package/styles/list-view/tailwind-dark.css +548 -1
  38. package/styles/list-view/tailwind.css +548 -1
  39. package/styles/material-dark.css +444 -1
  40. package/styles/material.css +445 -1
  41. package/styles/material3-dark.css +686 -1
  42. package/styles/material3.css +910 -1
  43. package/styles/sortable/bootstrap-dark.css +29 -1
  44. package/styles/sortable/bootstrap.css +29 -1
  45. package/styles/sortable/bootstrap4.css +29 -1
  46. package/styles/sortable/bootstrap5-dark.css +29 -1
  47. package/styles/sortable/bootstrap5.css +29 -1
  48. package/styles/sortable/fabric-dark.css +29 -1
  49. package/styles/sortable/fabric.css +29 -1
  50. package/styles/sortable/fluent-dark.css +29 -1
  51. package/styles/sortable/fluent.css +29 -1
  52. package/styles/sortable/fluent2.css +1063 -0
  53. package/styles/sortable/fluent2.scss +1 -0
  54. package/styles/sortable/highcontrast-light.css +29 -1
  55. package/styles/sortable/highcontrast.css +29 -1
  56. package/styles/sortable/material-dark.css +29 -1
  57. package/styles/sortable/material.css +29 -1
  58. package/styles/sortable/material3-dark.css +139 -1
  59. package/styles/sortable/material3.css +251 -1
  60. package/styles/sortable/tailwind-dark.css +29 -1
  61. package/styles/sortable/tailwind.css +29 -1
  62. package/styles/tailwind-dark.css +578 -1
  63. package/styles/tailwind.css +578 -1
  64. package/CHANGELOG.md +0 -520
@@ -1 +1,446 @@
1
- @import '@syncfusion/ej2-lists/styles/bootstrap.css';
1
+ .e-icon-collapsible::before {
2
+ content: "\e943";
3
+ }
4
+
5
+ .e-icon-back::before {
6
+ content: "\e94b";
7
+ font-size: 14px;
8
+ }
9
+
10
+ /* stylelint-disable property-no-vendor-prefix */
11
+ .e-listview {
12
+ -webkit-overflow-scrolling: touch;
13
+ border: 0 solid;
14
+ border-radius: 0;
15
+ display: block;
16
+ overflow: auto;
17
+ position: relative;
18
+ width: 100%;
19
+ }
20
+ .e-listview:not(.e-list-template) .e-list-item {
21
+ height: 40px;
22
+ line-height: 36px;
23
+ position: relative;
24
+ padding: 0 15px;
25
+ }
26
+ .e-listview .e-list-item {
27
+ border-bottom: 0 solid;
28
+ cursor: pointer;
29
+ }
30
+
31
+ .e-listview .e-list-parent {
32
+ margin: 0;
33
+ padding: 0;
34
+ }
35
+
36
+ .e-listview .e-icon-back {
37
+ margin-top: -2px;
38
+ }
39
+
40
+ .e-listview .e-list-header {
41
+ -webkit-box-align: center;
42
+ -ms-flex-align: center;
43
+ align-items: center;
44
+ display: -webkit-box;
45
+ display: -ms-flexbox;
46
+ display: flex;
47
+ font-weight: bold;
48
+ height: 40px;
49
+ border-bottom: 1px solid;
50
+ padding: 0 20px;
51
+ }
52
+ .e-listview .e-list-header .e-text.header,
53
+ .e-listview .e-list-header .e-headertemplate-text.nested-header {
54
+ display: none;
55
+ }
56
+ .e-listview .e-list-header.e-list-navigation .e-text {
57
+ cursor: pointer;
58
+ }
59
+ .e-listview .e-list-header .e-text {
60
+ cursor: default;
61
+ text-indent: 0;
62
+ }
63
+
64
+ .e-listview .e-has-header > .e-view {
65
+ top: 45px;
66
+ }
67
+
68
+ .e-listview .e-back-button {
69
+ cursor: pointer;
70
+ padding-right: 10px;
71
+ }
72
+
73
+ .e-listview .e-list-group-item {
74
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
75
+ border-top: 0 solid;
76
+ height: 40px;
77
+ line-height: 36px;
78
+ font-weight: 600;
79
+ padding: 0 15px;
80
+ }
81
+ .e-listview .e-list-group-item .e-list-text {
82
+ cursor: default;
83
+ }
84
+ .e-listview .e-list-group-item:first-child {
85
+ border: 0;
86
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
87
+ }
88
+
89
+ .e-listview .e-icon-collapsible {
90
+ cursor: pointer;
91
+ font-size: 12px;
92
+ position: absolute;
93
+ right: 0%;
94
+ top: 50%;
95
+ -webkit-transform: translateY(-50%);
96
+ transform: translateY(-50%);
97
+ }
98
+
99
+ .e-listview .e-text-content {
100
+ height: 100%;
101
+ position: relative;
102
+ vertical-align: middle;
103
+ }
104
+ .e-listview .e-text-content.e-checkbox .e-list-text {
105
+ width: calc(100% - 40px);
106
+ }
107
+ .e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
108
+ width: calc(100% - 90px);
109
+ }
110
+ .e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
111
+ width: calc(100% - 80px);
112
+ }
113
+
114
+ .e-listview .e-text-content * {
115
+ display: inline-block;
116
+ vertical-align: middle;
117
+ }
118
+
119
+ .e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
120
+ width: calc(100% - 92px);
121
+ }
122
+
123
+ .e-listview .e-checkbox .e-checkbox-left {
124
+ margin: -4px 10px 0 0;
125
+ }
126
+ .e-listview .e-checkbox .e-checkbox-right {
127
+ margin: -4px 0 0 10px;
128
+ }
129
+
130
+ .e-listview .e-list-text {
131
+ cursor: pointer;
132
+ display: inline-block;
133
+ overflow: hidden;
134
+ text-overflow: ellipsis;
135
+ vertical-align: middle;
136
+ white-space: nowrap;
137
+ width: 100%;
138
+ }
139
+
140
+ .e-listview .e-list-icon + .e-list-text, .e-listview .e-icon-wrapper .e-list-text, .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
141
+ width: calc(100% - 60px);
142
+ }
143
+
144
+ .e-listview .e-list-icon {
145
+ margin-right: 10px;
146
+ height: 30px;
147
+ width: 30px;
148
+ }
149
+
150
+ .e-listview .e-list-container {
151
+ overflow: hidden;
152
+ position: relative;
153
+ }
154
+
155
+ .e-listview .e-text .e-headertext {
156
+ display: inline-block;
157
+ line-height: inherit;
158
+ }
159
+
160
+ .e-listview.e-rtl {
161
+ direction: rtl;
162
+ }
163
+ .e-listview.e-rtl .e-list-icon {
164
+ margin-left: 16px;
165
+ margin-right: 0;
166
+ }
167
+ .e-listview.e-rtl .e-icon-collapsible {
168
+ left: 0%;
169
+ right: initial;
170
+ top: 50%;
171
+ -webkit-transform: translateY(-50%) rotate(180deg);
172
+ transform: translateY(-50%) rotate(180deg);
173
+ }
174
+ .e-listview.e-rtl .e-list-header .e-text {
175
+ cursor: pointer;
176
+ }
177
+ .e-listview.e-rtl .e-back-button {
178
+ -webkit-transform: rotate(180deg);
179
+ transform: rotate(180deg);
180
+ }
181
+ .e-listview.e-rtl .e-icon-back {
182
+ margin-top: -1px;
183
+ }
184
+ .e-listview.e-rtl .e-checkbox .e-checkbox-left {
185
+ margin: -4px 0 0 10px;
186
+ }
187
+ .e-listview.e-rtl .e-checkbox .e-checkbox-right {
188
+ margin: -4px 10px 0 0;
189
+ }
190
+
191
+ .e-bigger .e-listview .e-list-item,
192
+ .e-listview.e-bigger .e-list-item {
193
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
194
+ border-left: 0 solid transparent;
195
+ border-right: 0 solid transparent;
196
+ border-top: 0 solid transparent;
197
+ }
198
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
199
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
200
+ height: 48px;
201
+ line-height: 45px;
202
+ position: relative;
203
+ }
204
+ .e-bigger .e-listview .e-text-content,
205
+ .e-listview.e-bigger .e-text-content {
206
+ font-size: 15px;
207
+ }
208
+ .e-bigger .e-listview .e-list-group-item,
209
+ .e-listview.e-bigger .e-list-group-item {
210
+ height: 48px;
211
+ line-height: 45px;
212
+ }
213
+ .e-bigger .e-listview .e-list-header,
214
+ .e-listview.e-bigger .e-list-header {
215
+ -webkit-box-align: center;
216
+ -ms-flex-align: center;
217
+ align-items: center;
218
+ display: -webkit-box;
219
+ display: -ms-flexbox;
220
+ display: flex;
221
+ font-weight: bold;
222
+ height: 48px;
223
+ }
224
+ .e-bigger .e-listview .e-list-header .e-text.header,
225
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
226
+ .e-listview.e-bigger .e-list-header .e-text.header,
227
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
228
+ display: none;
229
+ }
230
+ .e-bigger .e-listview .e-list-header .e-text,
231
+ .e-listview.e-bigger .e-list-header .e-text {
232
+ font-size: 15px;
233
+ }
234
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
235
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
236
+ width: calc(100% - 40px);
237
+ }
238
+
239
+ .e-listview {
240
+ border-color: rgba(0, 0, 0, 0.1);
241
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
242
+ font-size: 14px;
243
+ }
244
+ .e-listview .e-list-header {
245
+ background-color: #fff;
246
+ color: rgba(51, 51, 51, 0.95);
247
+ border-color: rgba(0, 0, 0, 0.12);
248
+ font-size: 14px;
249
+ }
250
+
251
+ .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
252
+ color: rgba(0, 0, 0, 0.75);
253
+ }
254
+
255
+ .e-listview .e-list-item {
256
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
257
+ border-left: 0 solid transparent;
258
+ border-right: 0 solid transparent;
259
+ border-top: 0 solid transparent;
260
+ background-color: #fff;
261
+ color: #333333;
262
+ }
263
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
264
+ background-color: #f5f5f5;
265
+ color: rgba(51, 51, 51, 0.87);
266
+ border-color: transparent;
267
+ }
268
+ .e-listview .e-list-item.e-active {
269
+ background-color: #e6e6e6;
270
+ color: rgba(51, 51, 51, 0.87);
271
+ }
272
+ .e-listview .e-list-item.e-active.e-checklist {
273
+ background-color: #fff;
274
+ color: #333333;
275
+ }
276
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
277
+ background-color: #e6e6e6;
278
+ color: rgba(51, 51, 51, 0.87);
279
+ }
280
+ .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
281
+ background-color: #fff;
282
+ color: #555;
283
+ border-color: #ccc;
284
+ }
285
+
286
+ .e-listview .e-list-group-item {
287
+ background-color: #fff;
288
+ color: #333;
289
+ border-color: rgba(0, 0, 0, 0.12);
290
+ font-size: 14px;
291
+ }
292
+
293
+ .e-listview.e-list-template .e-list-wrapper {
294
+ height: inherit;
295
+ position: relative;
296
+ }
297
+ .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
298
+ padding: 0.7142em 1.0714em;
299
+ }
300
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
301
+ padding: 0.7142em 1.0714em;
302
+ }
303
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
304
+ color: #333;
305
+ display: block;
306
+ font-size: 18px;
307
+ font-weight: 500;
308
+ margin: 0;
309
+ overflow: hidden;
310
+ padding: 0.038em 0;
311
+ text-overflow: ellipsis;
312
+ white-space: nowrap;
313
+ }
314
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
315
+ color: #777;
316
+ display: block;
317
+ font-size: 14px;
318
+ margin: 0;
319
+ padding: 0.038em 0;
320
+ word-wrap: break-word;
321
+ }
322
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
323
+ overflow: hidden;
324
+ text-overflow: ellipsis;
325
+ white-space: nowrap;
326
+ }
327
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
328
+ height: 2.8571em;
329
+ width: 2.8571em;
330
+ top: 0.7142em;
331
+ left: 1.0667em;
332
+ position: absolute;
333
+ }
334
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
335
+ padding-left: 4.6428em;
336
+ padding-right: 1.0714em;
337
+ }
338
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
339
+ padding-left: 1.0714em;
340
+ padding-right: 4.6428em;
341
+ }
342
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
343
+ height: 2.8571em;
344
+ width: 2.8571em;
345
+ top: 0.7142em;
346
+ right: 1.0667em;
347
+ position: absolute;
348
+ }
349
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
350
+ top: 0.7142em;
351
+ }
352
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
353
+ top: 0.7142em;
354
+ }
355
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
356
+ font-size: 15px;
357
+ height: 1.333em;
358
+ width: 2em;
359
+ top: 50%;
360
+ right: 1em;
361
+ line-height: 1.433em;
362
+ padding: 0;
363
+ position: absolute;
364
+ -webkit-transform: translateY(-50%);
365
+ transform: translateY(-50%);
366
+ }
367
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
368
+ padding-left: 4.6428em;
369
+ padding-right: 3.9285em;
370
+ }
371
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
372
+ padding-left: 1.0714em;
373
+ padding-right: 3.9285em;
374
+ }
375
+ .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
376
+ display: block;
377
+ margin: 0;
378
+ overflow: hidden;
379
+ padding: 0.83em 0;
380
+ text-overflow: ellipsis;
381
+ white-space: nowrap;
382
+ }
383
+ .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
384
+ color: rgba(51, 51, 51, 0.87);
385
+ }
386
+ .e-listview.e-list-template .e-list-item.e-active .e-list-item-header, .e-listview.e-list-template .e-list-item.e-active .e-list-content {
387
+ color: rgba(51, 51, 51, 0.87);
388
+ }
389
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
390
+ left: inherit;
391
+ right: 1.0667em;
392
+ }
393
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
394
+ padding-left: 1.0714em;
395
+ padding-right: 4.6428em;
396
+ }
397
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
398
+ padding-left: 4.6428em;
399
+ padding-right: 1.0714em;
400
+ }
401
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
402
+ left: 1.0667em;
403
+ right: inherit;
404
+ }
405
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
406
+ left: 1em;
407
+ right: inherit;
408
+ }
409
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
410
+ padding-left: 3.9285em;
411
+ padding-right: 4.6428em;
412
+ }
413
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
414
+ padding-left: 3.9285em;
415
+ padding-right: 1.0714em;
416
+ }
417
+
418
+ /* stylelint-disable-line no-empty-source */
419
+ .e-sortable {
420
+ outline: none;
421
+ position: relative;
422
+ -webkit-user-select: none;
423
+ -moz-user-select: none;
424
+ -ms-user-select: none;
425
+ user-select: none;
426
+ }
427
+ .e-sortable .e-disabled {
428
+ background-image: none;
429
+ cursor: default;
430
+ filter: alpha(Opacity=35);
431
+ opacity: 0.35;
432
+ }
433
+ .e-sortable * {
434
+ -webkit-box-sizing: border-box;
435
+ box-sizing: border-box;
436
+ }
437
+ .e-sortable *:focus {
438
+ outline: none;
439
+ }
440
+
441
+ /* stylelint-disable */
442
+ .e-sortableclone {
443
+ position: fixed !important;
444
+ }
445
+
446
+ /* stylelint-enable */