@syncfusion/ej2-react-lists 19.4.55 → 20.1.47

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 (41) hide show
  1. package/CHANGELOG.md +0 -2
  2. package/dist/ej2-react-lists.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +16 -3
  5. package/styles/bootstrap.css +16 -3
  6. package/styles/bootstrap4.css +18 -5
  7. package/styles/bootstrap5-dark.css +25 -12
  8. package/styles/bootstrap5.css +25 -12
  9. package/styles/fabric-dark.css +16 -3
  10. package/styles/fabric.css +16 -3
  11. package/styles/fluent-dark.css +580 -0
  12. package/styles/fluent-dark.scss +2 -0
  13. package/styles/fluent.css +580 -0
  14. package/styles/fluent.scss +2 -0
  15. package/styles/highcontrast-light.css +16 -3
  16. package/styles/highcontrast.css +16 -3
  17. package/styles/list-view/bootstrap-dark.css +16 -3
  18. package/styles/list-view/bootstrap.css +16 -3
  19. package/styles/list-view/bootstrap4.css +18 -5
  20. package/styles/list-view/bootstrap5-dark.css +25 -12
  21. package/styles/list-view/bootstrap5.css +25 -12
  22. package/styles/list-view/fabric-dark.css +16 -3
  23. package/styles/list-view/fabric.css +16 -3
  24. package/styles/list-view/fluent-dark.css +553 -0
  25. package/styles/list-view/fluent-dark.scss +1 -0
  26. package/styles/list-view/fluent.css +553 -0
  27. package/styles/list-view/fluent.scss +1 -0
  28. package/styles/list-view/highcontrast-light.css +16 -3
  29. package/styles/list-view/highcontrast.css +16 -3
  30. package/styles/list-view/material-dark.css +16 -3
  31. package/styles/list-view/material.css +16 -3
  32. package/styles/list-view/tailwind-dark.css +31 -18
  33. package/styles/list-view/tailwind.css +31 -18
  34. package/styles/material-dark.css +16 -3
  35. package/styles/material.css +16 -3
  36. package/styles/sortable/fluent-dark.css +26 -0
  37. package/styles/sortable/fluent-dark.scss +1 -0
  38. package/styles/sortable/fluent.css +26 -0
  39. package/styles/sortable/fluent.scss +1 -0
  40. package/styles/tailwind-dark.css +31 -18
  41. package/styles/tailwind.css +31 -18
package/styles/tailwind.css CHANGED
@@ -1,12 +1,12 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
2
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
- .e-listview .e-icon-collapsible::before {
4
- content: '\e7b7';
3
+ .e-icon-collapsible::before {
4
+ content: '\e748';
5
5
  }
6
6
 
7
- .e-listview .e-icon-back::before {
8
- content: '\e7a5';
9
- font-size: 20px;
7
+ .e-icon-back::before {
8
+ content: '\e773';
9
+ font-size: 16px;
10
10
  }
11
11
 
12
12
  .e-bigger .e-listview .e-list-item,
@@ -76,15 +76,15 @@
76
76
  font-size: 14px;
77
77
  }
78
78
 
79
- .e-bigger .e-listview .e-but-back,
80
- .e-listview.e-bigger .e-but-back {
81
- margin-right: 12px;
79
+ .e-bigger .e-listview .e-back-button,
80
+ .e-listview.e-bigger .e-back-button {
81
+ margin-right: 5px;
82
82
  }
83
83
 
84
84
  .e-bigger .e-listview .e-list-icon,
85
85
  .e-listview.e-bigger .e-list-icon {
86
86
  height: 24px;
87
- margin-right: 12px;
87
+ margin-right: 5px;
88
88
  width: 24px;
89
89
  }
90
90
 
@@ -115,8 +115,8 @@
115
115
  margin-left: 12px;
116
116
  }
117
117
 
118
- .e-bigger .e-listview.e-rtl .e-but-back,
119
- .e-listview.e-bigger.e-rtl .e-but-back {
118
+ .e-bigger .e-listview.e-rtl .e-back-button,
119
+ .e-listview.e-bigger.e-rtl .e-back-button {
120
120
  margin-left: 12px;
121
121
  margin-right: 0;
122
122
  }
@@ -198,6 +198,11 @@
198
198
  padding: 12px 0;
199
199
  }
200
200
 
201
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
202
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
203
+ width: calc(100% - 40px);
204
+ }
205
+
201
206
  .e-listview {
202
207
  -webkit-overflow-scrolling: touch;
203
208
  border: 1px solid;
@@ -260,7 +265,7 @@
260
265
  top: 45px;
261
266
  }
262
267
 
263
- .e-listview .e-but-back {
268
+ .e-listview .e-back-button {
264
269
  cursor: pointer;
265
270
  margin-right: 8px;
266
271
  }
@@ -284,6 +289,10 @@
284
289
  text-transform: uppercase;
285
290
  }
286
291
 
292
+ .e-listview .e-list-group-item .e-list-text {
293
+ cursor: default;
294
+ }
295
+
287
296
  .e-listview .e-icon-collapsible {
288
297
  cursor: pointer;
289
298
  font-size: 20px;
@@ -353,7 +362,7 @@
353
362
  }
354
363
 
355
364
  .e-listview .e-list-icon {
356
- margin-right: 8px;
365
+ margin-right: 2px;
357
366
  height: 20px;
358
367
  width: 20px;
359
368
  }
@@ -363,8 +372,12 @@
363
372
  position: relative;
364
373
  }
365
374
 
366
- .e-listview .e-list-header .e-text {
375
+ .e-listview .e-list-header.e-list-navigation .e-text {
367
376
  cursor: pointer;
377
+ }
378
+
379
+ .e-listview .e-list-header .e-text {
380
+ cursor: default;
368
381
  text-indent: 0;
369
382
  }
370
383
 
@@ -397,7 +410,7 @@
397
410
  cursor: pointer;
398
411
  }
399
412
 
400
- .e-listview.e-rtl .e-but-back {
413
+ .e-listview.e-rtl .e-back-button {
401
414
  transform: rotate(180deg);
402
415
  margin-left: 8px;
403
416
  margin-right: 0;
@@ -428,7 +441,7 @@
428
441
  color: #6b7280;
429
442
  }
430
443
 
431
- .e-listview .e-icons.e-but-back:hover, .e-listview .e-icons.e-icon-collapsible:hover {
444
+ .e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
432
445
  color: #374151;
433
446
  }
434
447
 
@@ -481,7 +494,7 @@
481
494
  }
482
495
 
483
496
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
484
- padding: 0 10px 0 16px;
497
+ padding: 0 8px 0 12px;
485
498
  }
486
499
 
487
500
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
@@ -556,7 +569,7 @@
556
569
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
557
570
  font-size: 10px;
558
571
  height: 18px;
559
- line-height: 16px;
572
+ line-height: 18px;
560
573
  padding: 0;
561
574
  position: absolute;
562
575
  right: 12px;