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