@syncfusion/ej2-react-layouts 20.1.47 → 20.1.55

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 (79) hide show
  1. package/dist/ej2-react-layouts.umd.min.js +1 -1
  2. package/package.json +8 -8
  3. package/src/dashboard-layout/panels-directive.d.ts +3 -1
  4. package/src/splitter/panesettings-directive.d.ts +3 -1
  5. package/styles/avatar/bootstrap-dark.css +1 -7
  6. package/styles/avatar/bootstrap.css +1 -7
  7. package/styles/avatar/bootstrap4.css +1 -7
  8. package/styles/avatar/bootstrap5-dark.css +1 -7
  9. package/styles/avatar/bootstrap5.css +1 -7
  10. package/styles/avatar/fabric-dark.css +1 -7
  11. package/styles/avatar/fabric.css +1 -7
  12. package/styles/avatar/fluent-dark.css +1 -7
  13. package/styles/avatar/fluent.css +1 -7
  14. package/styles/avatar/highcontrast-light.css +1 -7
  15. package/styles/avatar/highcontrast.css +1 -7
  16. package/styles/avatar/material-dark.css +1 -7
  17. package/styles/avatar/material.css +1 -7
  18. package/styles/avatar/tailwind-dark.css +1 -7
  19. package/styles/avatar/tailwind.css +1 -7
  20. package/styles/bootstrap-dark.css +43 -312
  21. package/styles/bootstrap.css +43 -312
  22. package/styles/bootstrap4.css +43 -314
  23. package/styles/bootstrap5-dark.css +41 -309
  24. package/styles/bootstrap5.css +41 -309
  25. package/styles/card/bootstrap-dark.css +1 -85
  26. package/styles/card/bootstrap.css +1 -85
  27. package/styles/card/bootstrap4.css +1 -87
  28. package/styles/card/bootstrap5-dark.css +1 -85
  29. package/styles/card/bootstrap5.css +1 -85
  30. package/styles/card/fabric-dark.css +1 -85
  31. package/styles/card/fabric.css +1 -87
  32. package/styles/card/fluent-dark.css +1 -85
  33. package/styles/card/fluent.css +1 -85
  34. package/styles/card/highcontrast-light.css +1 -85
  35. package/styles/card/highcontrast.css +1 -87
  36. package/styles/card/material-dark.css +1 -85
  37. package/styles/card/material.css +1 -85
  38. package/styles/card/tailwind-dark.css +1 -87
  39. package/styles/card/tailwind.css +1 -87
  40. package/styles/dashboard-layout/bootstrap-dark.css +28 -116
  41. package/styles/dashboard-layout/bootstrap.css +28 -116
  42. package/styles/dashboard-layout/bootstrap4.css +28 -116
  43. package/styles/dashboard-layout/bootstrap5-dark.css +28 -117
  44. package/styles/dashboard-layout/bootstrap5.css +28 -117
  45. package/styles/dashboard-layout/fabric-dark.css +28 -116
  46. package/styles/dashboard-layout/fabric.css +28 -116
  47. package/styles/dashboard-layout/fluent-dark.css +28 -117
  48. package/styles/dashboard-layout/fluent.css +28 -117
  49. package/styles/dashboard-layout/highcontrast-light.css +16 -85
  50. package/styles/dashboard-layout/highcontrast.css +28 -115
  51. package/styles/dashboard-layout/material-dark.css +28 -116
  52. package/styles/dashboard-layout/material.css +28 -116
  53. package/styles/dashboard-layout/tailwind-dark.css +28 -119
  54. package/styles/dashboard-layout/tailwind.css +28 -119
  55. package/styles/fabric-dark.css +43 -312
  56. package/styles/fabric.css +43 -314
  57. package/styles/fluent-dark.css +41 -309
  58. package/styles/fluent.css +41 -309
  59. package/styles/highcontrast-light.css +31 -281
  60. package/styles/highcontrast.css +43 -313
  61. package/styles/material-dark.css +53 -322
  62. package/styles/material.css +43 -312
  63. package/styles/splitter/bootstrap-dark.css +16 -107
  64. package/styles/splitter/bootstrap.css +16 -107
  65. package/styles/splitter/bootstrap4.css +16 -107
  66. package/styles/splitter/bootstrap5-dark.css +14 -103
  67. package/styles/splitter/bootstrap5.css +14 -103
  68. package/styles/splitter/fabric-dark.css +16 -107
  69. package/styles/splitter/fabric.css +16 -107
  70. package/styles/splitter/fluent-dark.css +14 -103
  71. package/styles/splitter/fluent.css +14 -103
  72. package/styles/splitter/highcontrast-light.css +16 -107
  73. package/styles/splitter/highcontrast.css +16 -107
  74. package/styles/splitter/material-dark.css +26 -117
  75. package/styles/splitter/material.css +16 -107
  76. package/styles/splitter/tailwind-dark.css +14 -103
  77. package/styles/splitter/tailwind.css +14 -103
  78. package/styles/tailwind-dark.css +41 -313
  79. package/styles/tailwind.css +41 -313
@@ -4,31 +4,26 @@
4
4
  line-height: 48px;
5
5
  min-height: 48px;
6
6
  }
7
-
8
7
  .e-bigger .e-card > .e-card-header-title,
9
8
  .e-bigger.e-card > .e-card-header-title {
10
9
  line-height: 1.5;
11
10
  padding: 16px;
12
11
  }
13
-
14
12
  .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
15
13
  .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
16
14
  margin-top: 0;
17
15
  padding-top: 0;
18
16
  }
19
-
20
17
  .e-bigger .e-card > .e-card-title,
21
18
  .e-bigger.e-card > .e-card-title {
22
19
  line-height: 1.5;
23
20
  padding: 16px;
24
21
  }
25
-
26
22
  .e-bigger .e-card > .e-card-title + :not(.e-card-title),
27
23
  .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
28
24
  margin-top: 0;
29
25
  padding-top: 0;
30
26
  }
31
-
32
27
  .e-bigger .e-card.e-card-horizontal .e-card-image,
33
28
  .e-bigger .e-card.e-card-horizontal img,
34
29
  .e-bigger .e-card .e-card-horizontal .e-card-image,
@@ -39,55 +34,46 @@
39
34
  .e-bigger.e-card .e-card-horizontal img {
40
35
  margin: 2px;
41
36
  }
42
-
43
37
  .e-bigger .e-card .e-card-header,
44
38
  .e-bigger.e-card .e-card-header {
45
39
  min-height: 30px;
46
40
  padding: 16px;
47
41
  padding-bottom: 0;
48
42
  }
49
-
50
43
  .e-bigger .e-card .e-card-header .e-card-content,
51
44
  .e-bigger.e-card .e-card-header .e-card-content {
52
45
  padding-left: 0;
53
46
  padding-right: 0;
54
47
  }
55
-
56
48
  .e-bigger .e-card .e-card-header .e-card-header-caption,
57
49
  .e-bigger.e-card .e-card-header .e-card-header-caption {
58
50
  padding: 0 0 0 16px;
59
51
  }
60
-
61
52
  .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
62
53
  .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
63
54
  padding: 0;
64
55
  }
65
-
66
56
  .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
67
57
  .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
68
58
  font-size: 20px;
69
59
  line-height: 1.5;
70
60
  }
71
-
72
61
  .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
73
62
  .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
74
63
  font-size: 16px;
75
64
  line-height: 1.5;
76
65
  padding: 8px 0 0;
77
66
  }
78
-
79
67
  .e-bigger .e-card .e-card-header .e-card-header-image,
80
68
  .e-bigger.e-card .e-card-header .e-card-header-image {
81
69
  background-size: cover;
82
70
  height: 60px;
83
71
  width: 55px;
84
72
  }
85
-
86
73
  .e-bigger .e-card .e-card-image,
87
74
  .e-bigger.e-card .e-card-image {
88
75
  min-height: 150px;
89
76
  }
90
-
91
77
  .e-bigger .e-card .e-card-image .e-card-title,
92
78
  .e-bigger.e-card .e-card-image .e-card-title {
93
79
  font-size: 18px;
@@ -95,31 +81,26 @@
95
81
  min-height: 40px;
96
82
  padding: 12px 16px;
97
83
  }
98
-
99
84
  .e-bigger .e-card .e-card-actions,
100
85
  .e-bigger.e-card .e-card-actions {
101
86
  padding: 16px;
102
87
  }
103
-
104
88
  .e-bigger .e-card .e-card-actions.e-card-vertical,
105
89
  .e-bigger.e-card .e-card-actions.e-card-vertical {
106
90
  padding: 16px 20px;
107
91
  }
108
-
109
92
  .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
110
93
  .e-bigger .e-card .e-card-actions.e-card-vertical a,
111
94
  .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
112
95
  .e-bigger.e-card .e-card-actions.e-card-vertical a {
113
96
  margin: 0 0 7px 0;
114
97
  }
115
-
116
98
  .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
117
99
  .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
118
100
  .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
119
101
  .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
120
102
  margin-bottom: 0;
121
103
  }
122
-
123
104
  .e-bigger .e-card .e-card-actions .e-card-btn span,
124
105
  .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
125
106
  .e-bigger.e-card .e-card-actions .e-card-btn span,
@@ -127,7 +108,6 @@
127
108
  height: 24px;
128
109
  width: 24px;
129
110
  }
130
-
131
111
  .e-bigger .e-card .e-card-actions .e-card-btn,
132
112
  .e-bigger .e-card .e-card-actions a,
133
113
  .e-bigger.e-card .e-card-actions .e-card-btn,
@@ -137,19 +117,16 @@
137
117
  min-height: 38px;
138
118
  padding: 0 8px;
139
119
  }
140
-
141
120
  .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
142
121
  .e-bigger .e-card .e-card-actions a:first-child,
143
122
  .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
144
123
  .e-bigger.e-card .e-card-actions a:first-child {
145
124
  margin-left: 0;
146
125
  }
147
-
148
126
  .e-bigger .e-card .e-card-content,
149
127
  .e-bigger.e-card .e-card-content {
150
128
  padding: 16px;
151
129
  }
152
-
153
130
  .e-bigger .e-card .e-card-content + :not(.e-card-content),
154
131
  .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
155
132
  .e-bigger.e-card .e-card-content + :not(.e-card-content),
@@ -177,53 +154,43 @@
177
154
  vertical-align: middle;
178
155
  width: 100%;
179
156
  }
180
-
181
157
  .e-card > * {
182
158
  -ms-flex-pack: center;
183
159
  justify-content: center;
184
160
  }
185
-
186
161
  .e-card > .e-card-header-title {
187
162
  box-sizing: border-box;
188
163
  font-size: 16px;
189
164
  line-height: 1.25;
190
165
  padding: 12px;
191
166
  }
192
-
193
167
  .e-card > .e-card-header-title + :not(.e-card-header-title) {
194
168
  margin-top: 0;
195
169
  padding-top: 0;
196
170
  }
197
-
198
171
  .e-card > .e-card-title {
199
172
  font-size: 18px;
200
173
  line-height: 1.5;
201
174
  padding: 12px;
202
175
  }
203
-
204
176
  .e-card > .e-card-title + :not(.e-card-title) {
205
177
  margin-top: 0;
206
178
  padding-top: 0;
207
179
  }
208
-
209
180
  .e-card > .e-card-header-title,
210
181
  .e-card > .e-card-title {
211
182
  overflow: hidden;
212
183
  text-overflow: ellipsis;
213
184
  }
214
-
215
185
  .e-card .e-card-header-caption {
216
186
  line-height: normal;
217
187
  }
218
-
219
188
  .e-card .e-card-header-caption .e-card-header-title {
220
189
  font-size: 16px;
221
190
  }
222
-
223
191
  .e-card .e-card-header-caption .e-card-sub-title {
224
192
  font-size: 14px;
225
193
  }
226
-
227
194
  .e-card .e-card-stacked {
228
195
  display: -ms-flexbox;
229
196
  display: flex;
@@ -233,7 +200,6 @@
233
200
  justify-content: center;
234
201
  overflow: hidden;
235
202
  }
236
-
237
203
  .e-card.e-card-horizontal,
238
204
  .e-card .e-card-horizontal {
239
205
  display: -ms-flexbox;
@@ -243,24 +209,20 @@
243
209
  -ms-flex-pack: center;
244
210
  justify-content: center;
245
211
  }
246
-
247
212
  .e-card.e-card-horizontal .e-card-image,
248
213
  .e-card.e-card-horizontal img,
249
214
  .e-card .e-card-horizontal .e-card-image,
250
215
  .e-card .e-card-horizontal img {
251
216
  margin: 2px;
252
217
  }
253
-
254
218
  .e-card .e-card-horizontal {
255
219
  line-height: normal;
256
220
  padding: 2px;
257
221
  }
258
-
259
222
  .e-card.e-card-horizontal > * {
260
223
  -ms-flex: 1;
261
224
  flex: 1;
262
225
  }
263
-
264
226
  .e-card.e-card-horizontal .e-card-stacked {
265
227
  display: -ms-flexbox;
266
228
  display: flex;
@@ -270,20 +232,16 @@
270
232
  flex-direction: column;
271
233
  overflow: hidden;
272
234
  }
273
-
274
235
  .e-card.e-card-horizontal .e-card-stacked > :first-child {
275
236
  -ms-flex-positive: 1;
276
237
  flex-grow: 1;
277
238
  }
278
-
279
239
  .e-card .e-card-separator {
280
240
  display: block;
281
241
  }
282
-
283
242
  .e-card .e-card-corner {
284
243
  border-radius: 50%;
285
244
  }
286
-
287
245
  .e-card .e-card-header {
288
246
  box-sizing: border-box;
289
247
  display: -ms-flexbox;
@@ -298,24 +256,20 @@
298
256
  width: inherit;
299
257
  padding-bottom: 0;
300
258
  }
301
-
302
259
  .e-card .e-card-header .e-card-content {
303
260
  padding-left: 0;
304
261
  padding-right: 0;
305
262
  }
306
-
307
263
  .e-card .e-card-header .e-card-actions {
308
264
  -ms-flex-pack: start;
309
265
  justify-content: flex-start;
310
266
  }
311
-
312
267
  .e-card .e-card-header .e-card-header-image {
313
268
  -ms-flex-item-align: center;
314
269
  align-self: center;
315
270
  display: -ms-flexbox;
316
271
  display: flex;
317
272
  }
318
-
319
273
  .e-card .e-card-header .e-card-header-caption {
320
274
  -ms-flex-item-align: center;
321
275
  align-self: center;
@@ -328,11 +282,9 @@
328
282
  overflow: hidden;
329
283
  padding: 0 0 0 12px;
330
284
  }
331
-
332
285
  .e-card .e-card-header .e-card-header-caption:first-child {
333
286
  padding: 0;
334
287
  }
335
-
336
288
  .e-card .e-card-header .e-card-header-caption .e-card-header-title,
337
289
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
338
290
  display: inline-block;
@@ -340,38 +292,32 @@
340
292
  text-overflow: ellipsis;
341
293
  white-space: nowrap;
342
294
  }
343
-
344
295
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
345
296
  font-size: 16px;
346
297
  font-weight: 400;
347
298
  line-height: 1.5;
348
299
  }
349
-
350
300
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
351
301
  font-size: 14px;
352
302
  font-weight: 400;
353
303
  line-height: 1.5;
354
304
  padding: 4px 0 0;
355
305
  }
356
-
357
306
  .e-card .e-card-header .e-card-header-image {
358
307
  background-repeat: no-repeat;
359
308
  background-size: cover;
360
309
  height: 50px;
361
310
  width: 52px;
362
311
  }
363
-
364
312
  .e-card .e-card-header .e-card-corner {
365
313
  border-radius: 50%;
366
314
  }
367
-
368
315
  .e-card .e-card-image {
369
316
  background-size: cover;
370
317
  min-height: 112.5px;
371
318
  position: relative;
372
319
  width: 100%;
373
320
  }
374
-
375
321
  .e-card .e-card-image .e-card-title {
376
322
  bottom: 0;
377
323
  box-sizing: border-box;
@@ -384,20 +330,16 @@
384
330
  text-overflow: ellipsis;
385
331
  width: inherit;
386
332
  }
387
-
388
333
  .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
389
334
  bottom: auto;
390
335
  top: 0;
391
336
  }
392
-
393
337
  .e-card .e-card-image .e-card-title.e-card-top-right {
394
338
  text-align: right;
395
339
  }
396
-
397
340
  .e-card .e-card-image .e-card-title.e-card-bottom-right {
398
341
  text-align: right;
399
342
  }
400
-
401
343
  .e-card .e-card-actions {
402
344
  box-sizing: border-box;
403
345
  display: inline-block;
@@ -405,7 +347,6 @@
405
347
  justify-content: flex-start;
406
348
  padding: 12px;
407
349
  }
408
-
409
350
  .e-card .e-card-actions.e-card-vertical {
410
351
  display: -ms-flexbox;
411
352
  display: flex;
@@ -413,7 +354,6 @@
413
354
  flex-direction: column;
414
355
  padding: 12px;
415
356
  }
416
-
417
357
  .e-card .e-card-actions.e-card-vertical .e-card-btn,
418
358
  .e-card .e-card-actions.e-card-vertical a {
419
359
  -ms-flex-item-align: initial;
@@ -427,12 +367,10 @@
427
367
  text-align: center;
428
368
  width: 100%;
429
369
  }
430
-
431
370
  .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
432
371
  .e-card .e-card-actions.e-card-vertical a:last-child {
433
372
  margin-bottom: 0;
434
373
  }
435
-
436
374
  .e-card .e-card-actions button,
437
375
  .e-card .e-card-actions a {
438
376
  -ms-flex-align: center;
@@ -446,7 +384,6 @@
446
384
  vertical-align: middle;
447
385
  white-space: nowrap;
448
386
  }
449
-
450
387
  .e-card .e-card-actions .e-card-btn span,
451
388
  .e-card .e-card-actions .e-card-btn span.e-icons {
452
389
  display: -ms-flexbox;
@@ -455,7 +392,6 @@
455
392
  height: 24px;
456
393
  width: 24px;
457
394
  }
458
-
459
395
  .e-card .e-card-actions .e-card-btn span::before,
460
396
  .e-card .e-card-actions .e-card-btn span.e-icons::before {
461
397
  -ms-flex-item-align: center;
@@ -466,18 +402,15 @@
466
402
  justify-content: center;
467
403
  width: inherit;
468
404
  }
469
-
470
405
  .e-card .e-card-actions .e-card-btn > * {
471
406
  overflow: hidden;
472
407
  text-overflow: ellipsis;
473
408
  width: inherit;
474
409
  }
475
-
476
410
  .e-card .e-card-actions .e-card-btn else,
477
411
  .e-card .e-card-actions a else {
478
412
  border-radius: 2px;
479
413
  }
480
-
481
414
  .e-card .e-card-actions .e-card-btn,
482
415
  .e-card .e-card-actions a {
483
416
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -489,24 +422,20 @@
489
422
  text-decoration: none;
490
423
  text-transform: none;
491
424
  }
492
-
493
425
  .e-card .e-card-actions .e-card-btn:first-child,
494
426
  .e-card .e-card-actions a:first-child {
495
427
  margin-left: 0;
496
428
  }
497
-
498
429
  .e-card .e-card-content {
499
430
  font-size: 14px;
500
431
  line-height: 1.5;
501
432
  padding: 12px;
502
433
  }
503
-
504
434
  .e-card .e-card-content + :not(.e-card-content),
505
435
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
506
436
  margin-top: 0;
507
437
  padding-top: 0;
508
438
  }
509
-
510
439
  .e-card .e-card-content,
511
440
  .e-card .e-card-content p {
512
441
  line-height: 1.5;
@@ -523,44 +452,35 @@
523
452
  color: #212529;
524
453
  outline: none;
525
454
  }
526
-
527
455
  .e-card:hover {
528
456
  background-color: #fff;
529
457
  border-color: #adb5bd;
530
458
  }
531
-
532
459
  .e-card:focus {
533
460
  background-color: #fff;
534
461
  border-color: #dee2e6;
535
462
  }
536
-
537
463
  .e-card:active {
538
464
  background-color: #fff;
539
465
  border-color: #0d6efd;
540
466
  }
541
-
542
467
  .e-card .e-card-separator {
543
468
  border-bottom: 1px solid #dee2e6;
544
469
  }
545
-
546
470
  .e-card .e-card-header-caption .e-card-header-title {
547
471
  color: #212529;
548
472
  }
549
-
550
473
  .e-card .e-card-header-caption .e-card-sub-title {
551
474
  color: #495057;
552
475
  }
553
-
554
476
  .e-card .e-card-image .e-card-title {
555
477
  background-color: rgba(0, 0, 0, 0.5);
556
478
  color: #fff;
557
479
  }
558
-
559
480
  .e-card .e-card-actions .e-card-btn span,
560
481
  .e-card .e-card-actions .e-card-btn span.e-icons {
561
482
  color: #0d6efd;
562
483
  }
563
-
564
484
  .e-card .e-card-actions .e-card-btn,
565
485
  .e-card .e-card-actions a {
566
486
  background-color: transparent;
@@ -568,28 +488,24 @@
568
488
  color: #0d6efd;
569
489
  outline: 0;
570
490
  }
571
-
572
491
  .e-card .e-card-actions .e-card-btn:hover,
573
492
  .e-card .e-card-actions a:hover {
574
493
  background-color: #0d6efd;
575
494
  border: 1px solid #565e64;
576
495
  color: #fff;
577
496
  }
578
-
579
497
  .e-card .e-card-actions .e-card-btn:focus,
580
498
  .e-card .e-card-actions a:focus {
581
499
  background-color: #5c636a;
582
500
  border: 1px solid;
583
501
  color: #fff;
584
502
  }
585
-
586
503
  .e-card .e-card-actions .e-card-btn:active,
587
504
  .e-card .e-card-actions a:active {
588
505
  background-color: #565e64;
589
506
  border: 1px solid #51585e;
590
507
  color: #fff;
591
508
  }
592
-
593
509
  .e-card .e-card-content {
594
510
  color: #343a40;
595
- }
511
+ }