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